fixes & update

Signed-off-by: Hadi <[email protected]>

dist/chunk-vazj633p.js

@@ -0,0 +1,42 @@
+// @bun
+import {
+  useFocusWithin2
+} from "./chunk-59dzyjgd.js";
+
+// src/components/Pane.tsx
+import { createComponent as _$createComponent } from "@opentui/solid";
+import { insert as _$insert } from "@opentui/solid";
+import { use as _$use } from "@opentui/solid";
+import { spread as _$spread } from "@opentui/solid";
+import { createElement as _$createElement } from "@opentui/solid";
+import { createContext, createSignal, splitProps, useContext } from "solid-js";
+var PaneContext = createContext();
+function Pane2(props) {
+  const [local, rest] = splitProps(props, ["handle", "children"]);
+  const [el, setEl] = createSignal();
+  const focused = useFocusWithin2(el);
+  const handle = {
+    target: el,
+    focused,
+    focus: () => el()?.focus()
+  };
+  local.handle?.(handle);
+  return _$createComponent(PaneContext.Provider, {
+    value: handle,
+    get children() {
+      var _el$ = _$createElement("box");
+      _$use(setEl, _el$);
+      _$spread(_el$, rest, true);
+      _$insert(_el$, () => local.children);
+      return _el$;
+    }
+  });
+}
+function usePane2() {
+  const pane = useContext(PaneContext);
+  if (!pane)
+    throw new Error("usePane() must be used inside a <Pane>");
+  return pane;
+}
+
+export { Pane2, usePane2 };