@window-splitter/solid 0.8.0

package/dist/esm/SolidWindowSplitter.test.jsx

@@ -0,0 +1,197 @@
+import { test, expect, describe, vi, afterEach } from "vitest";
+import { cleanup, fireEvent, render, waitFor } from "@solidjs/testing-library";
+import * as Cookies from "tiny-cookie";
+import { Autosave, AutosaveCollapsible, Collapsible, ConditionalPanel, Simple, VerticalLayout, DynamicConstraints, AutosaveCookie, } from "./SolidWindowSplitter.stories.jsx";
+import { createTestUtils, dragHandle } from "@window-splitter/interface/test";
+const { expectTemplate, waitForMeasurement, waitForCondition } = createTestUtils({ waitFor });
+afterEach(() => {
+    cleanup();
+});
+test("horizontal layout", async () => {
+    let handle = null;
+    const { getByText } = render(() => (<div style={{ width: "500px" }}>
+      <Simple handle={(v) => (handle = v)}/>
+    </div>));
+    await waitForMeasurement(handle);
+    expect(getByText("Panel 1")).toBeInTheDocument();
+    expect(getByText("Panel 2")).toBeInTheDocument();
+    await expectTemplate(handle, "244px 10px 244px");
+    // Should respect the min
+    await dragHandle({ delta: 300 });
+    await expectTemplate(handle, "388px 10px 100px");
+});
+test("vertical layout", async () => {
+    let handle = null;
+    const { getByText } = render(() => (<div style={{ width: "500px" }}>
+      <VerticalLayout handle={(v) => (handle = v)}/>
+    </div>));
+    await waitForMeasurement(handle);
+    expect(getByText("top")).toBeInTheDocument();
+    expect(getByText("middle")).toBeInTheDocument();
+    expect(getByText("bottom")).toBeInTheDocument();
+    await expectTemplate(handle, "96px 10px 108px 10px 96px");
+    // Should respect the min
+    await dragHandle({ delta: 100, orientation: "vertical" });
+    await expectTemplate(handle, "172px 10px 64px 10px 64px");
+});
+test("Conditional Panels", async () => {
+    let handle = null;
+    const { getByText } = render(() => (<div style={{ width: "500px" }}>
+      <ConditionalPanel handle={(v) => (handle = v)}/>
+    </div>));
+    await waitForMeasurement(handle);
+    await expectTemplate(handle, "244px 10px 244px");
+    getByText("Expand").click();
+    await expectTemplate(handle, "244px 10px 134px 10px 100px");
+    getByText("Close").click();
+    await expectTemplate(handle, "244px 10px 244px");
+});
+test("Dynamic constraints", async () => {
+    let handle = null;
+    const { getByText } = render(() => (<div style={{ width: "1000px" }}>
+      <DynamicConstraints handle={(v) => (handle = v)}/>
+    </div>));
+    await waitForMeasurement(handle);
+    await expectTemplate(handle, "100px 10px 178px 10px 700px");
+    getByText("Toggle Custom").click();
+    await expectTemplate(handle, "500px 10px 178px 10px 300px");
+    getByText("Toggle Custom").click();
+    await expectTemplate(handle, "400px 10px 178px 10px 400px");
+});
+describe("Autosave", () => {
+    test("localStorage", async () => {
+        localStorage.clear();
+        let handle = null;
+        render(() => (<div style={{ width: "500px" }}>
+        <Autosave handle={(v) => (handle = v)}/>
+      </div>));
+        await waitForMeasurement(handle);
+        await expectTemplate(handle, "244px 10px 244px");
+        await dragHandle({ delta: 100 });
+        await expectTemplate(handle, "342px 10px 146px");
+        await waitForCondition(() => Boolean(localStorage.getItem("autosave-example-solid")));
+        const obj = JSON.parse(localStorage.getItem("autosave-example-solid") || "{}");
+        expect(obj.items).toMatchSnapshot();
+    });
+    test("callback", async () => {
+        localStorage.clear();
+        let handle = null;
+        const spy = vi.fn();
+        render(() => (<div style={{ width: "500px" }}>
+        <AutosaveCollapsible handle={(v) => (handle = v)} onCollapseChange={spy}/>
+      </div>));
+        await dragHandle({ delta: -200 });
+        await expectTemplate(handle, "100px 10px 388px");
+        expect(spy).toHaveBeenCalledWith(true);
+        cleanup();
+        render(() => (<div style={{ width: "500px" }}>
+        <AutosaveCollapsible handle={(v) => (handle = v)} onCollapseChange={spy}/>
+      </div>));
+        await expectTemplate(handle, "100px 10px 388px");
+        await dragHandle({ delta: 200 });
+        expect(spy).toHaveBeenCalledWith(false);
+    });
+    test("cookie", async () => {
+        // clear cookies
+        document.cookie = "test=; expires=Thu, 01 Jan 1970 00:00:00 GMT";
+        let handle = null;
+        render(() => (<div style={{ width: "502px" }}>
+        <AutosaveCookie handle={(v) => (handle = v)}/>
+      </div>));
+        await waitForMeasurement(handle);
+        await expectTemplate(handle, "245px 10px 245px");
+        await dragHandle({ delta: 100 });
+        await expectTemplate(handle, "343px 10px 147px");
+        await waitForCondition(() => document.cookie.includes("autosave-cookie-solid"));
+        expect(document.cookie).toMatchSnapshot();
+        const snapshot = Cookies.get("autosave-cookie-solid");
+        cleanup();
+        render(() => (<div style={{ width: "500px" }}>
+        <AutosaveCookie handle={(v) => (handle = v)} snapshot={snapshot ? JSON.parse(snapshot) : undefined}/>
+      </div>));
+        await expectTemplate(handle, "341.609375px 10px 146.390625px");
+    });
+});
+test("Keyboard interactions with collapsed panels", async () => {
+    let handle = null;
+    render(() => (<div style={{ width: "500px" }}>
+      <Collapsible handle={(v) => (handle = v)}/>
+    </div>));
+    await waitForMeasurement(handle);
+    await expectTemplate(handle, "209px 10px 209px 10px 60px");
+    const resizer2 = document.getElementById("resizer-2");
+    fireEvent.keyDown(resizer2, { key: "Enter" });
+    await expectTemplate(handle, "209px 10px 169px 10px 100px");
+    fireEvent.keyDown(resizer2, { key: "ArrowLeft" });
+    fireEvent.keyDown(resizer2, { key: "ArrowLeft" });
+    fireEvent.keyDown(resizer2, { key: "ArrowLeft" });
+    fireEvent.keyDown(resizer2, { key: "ArrowLeft" });
+    await expectTemplate(handle, "209px 10px 165px 10px 104px");
+    fireEvent.keyDown(resizer2, { key: "ArrowLeft", shiftKey: true });
+    await expectTemplate(handle, "209.03125px 10px 149.984375px 10px 118.984375px");
+    fireEvent.keyDown(resizer2, { key: "Enter" });
+    await expectTemplate(handle, "209.03125px 10px 208.96875px 10px 60px");
+    fireEvent.keyDown(resizer2, { key: "Enter" });
+    await expectTemplate(handle, "209.0625px 10px 149.96875px 10px 118.96875px");
+});
+describe("imperative panel API", async () => {
+    test("panel group", async () => {
+        let handle;
+        render(() => (<div style={{ width: "500px" }}>
+        <Collapsible handle={(v) => (handle = v)}/>
+      </div>));
+        await waitForMeasurement(handle);
+        expect(handle.getPercentageSizes()).toMatchInlineSnapshot(`
+      [
+        0.5,
+        0.020080321285140562,
+        0.5,
+        0.020080321285140562,
+        0.12048192771084337,
+      ]
+    `);
+        expect(handle.getPixelSizes()).toMatchInlineSnapshot(`
+      [
+        209,
+        10,
+        209,
+        10,
+        60,
+      ]
+    `);
+        await expectTemplate(handle, "209px 10px 209px 10px 60px");
+    });
+    test("panel", async () => {
+        let handle;
+        let rightHandle;
+        let leftHandle;
+        render(() => (<div style={{ width: "500px" }}>
+        <Collapsible handle={(v) => (handle = v)} rightPanelHandle={(v) => (rightHandle = v)} leftPanelHandle={(v) => (leftHandle = v)}/>
+      </div>));
+        await waitForMeasurement(handle);
+        expect(rightHandle.isCollapsed()).toBe(true);
+        expect(rightHandle.isExpanded()).toBe(false);
+        rightHandle.expand();
+        await new Promise((resolve) => setTimeout(resolve, 2000));
+        expect(rightHandle.isCollapsed()).toBe(false);
+        expect(rightHandle.isExpanded()).toBe(true);
+        rightHandle.collapse();
+        await new Promise((resolve) => setTimeout(resolve, 2000));
+        expect(rightHandle.isCollapsed()).toBe(true);
+        expect(rightHandle.isExpanded()).toBe(false);
+        // Test the non controlled version
+        expect(leftHandle.isCollapsed()).toBe(false);
+        expect(leftHandle.isExpanded()).toBe(true);
+        leftHandle.collapse();
+        await new Promise((resolve) => setTimeout(resolve, 2000));
+        expect(leftHandle.isCollapsed()).toBe(true);
+        expect(leftHandle.isExpanded()).toBe(false);
+        expect(rightHandle.getPercentageSize()).toBe(leftHandle.getPercentageSize());
+        expect(rightHandle.getPixelSize()).toBe(leftHandle.getPixelSize());
+        leftHandle.expand();
+        await new Promise((resolve) => setTimeout(resolve, 5000));
+        expect(leftHandle.isCollapsed()).toBe(false);
+        expect(leftHandle.isExpanded()).toBe(true);
+    });
+});
+//# sourceMappingURL=SolidWindowSplitter.test.jsx.map

package/dist/esm/SolidWindowSplitter.test.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidWindowSplitter.test.jsx","sourceRoot":"","sources":["../../src/SolidWindowSplitter.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import { test, expect, describe, vi, afterEach } from \"vitest\";\nimport { cleanup, fireEvent, render, waitFor } from \"@solidjs/testing-library\";\nimport * as Cookies from \"tiny-cookie\";\n\nimport { PanelGroupHandle, PanelHandle } from \"@window-splitter/interface\";\nimport {\n  Autosave,\n  AutosaveCollapsible,\n  Collapsible,\n  ConditionalPanel,\n  Simple,\n  VerticalLayout,\n  DynamicConstraints,\n  AutosaveCookie,\n} from \"./SolidWindowSplitter.stories.jsx\";\nimport { createTestUtils, dragHandle } from \"@window-splitter/interface/test\";\n\nconst { expectTemplate, waitForMeasurement, waitForCondition } =\n  createTestUtils({ waitFor });\n\nafterEach(() => {\n  cleanup();\n});\n\ntest(\"horizontal layout\", async () => {\n  let handle: PanelGroupHandle | null = null!;\n\n  const { getByText } = render(() => (\n    <div style={{ width: \"500px\" }}>\n      <Simple handle={(v) => (handle = v)} />\n    </div>\n  ));\n\n  await waitForMeasurement(handle);\n\n  expect(getByText(\"Panel 1\")).toBeInTheDocument();\n  expect(getByText(\"Panel 2\")).toBeInTheDocument();\n\n  await expectTemplate(handle, \"244px 10px 244px\");\n\n  // Should respect the min\n  await dragHandle({ delta: 300 });\n  await expectTemplate(handle, \"388px 10px 100px\");\n});\n\ntest(\"vertical layout\", async () => {\n  let handle: PanelGroupHandle | null = null!;\n\n  const { getByText } = render(() => (\n    <div style={{ width: \"500px\" }}>\n      <VerticalLayout handle={(v) => (handle = v)} />\n    </div>\n  ));\n\n  await waitForMeasurement(handle);\n\n  expect(getByText(\"top\")).toBeInTheDocument();\n  expect(getByText(\"middle\")).toBeInTheDocument();\n  expect(getByText(\"bottom\")).toBeInTheDocument();\n\n  await expectTemplate(handle, \"96px 10px 108px 10px 96px\");\n\n  // Should respect the min\n  await dragHandle({ delta: 100, orientation: \"vertical\" });\n  await expectTemplate(handle, \"172px 10px 64px 10px 64px\");\n});\n\ntest(\"Conditional Panels\", async () => {\n  let handle: PanelGroupHandle | null = null!;\n\n  const { getByText } = render(() => (\n    <div style={{ width: \"500px\" }}>\n      <ConditionalPanel handle={(v) => (handle = v)} />\n    </div>\n  ));\n\n  await waitForMeasurement(handle);\n  await expectTemplate(handle, \"244px 10px 244px\");\n\n  getByText(\"Expand\").click();\n  await expectTemplate(handle, \"244px 10px 134px 10px 100px\");\n\n  getByText(\"Close\").click();\n  await expectTemplate(handle, \"244px 10px 244px\");\n});\n\ntest(\"Dynamic constraints\", async () => {\n  let handle: PanelGroupHandle | null = null!;\n\n  const { getByText } = render(() => (\n    <div style={{ width: \"1000px\" }}>\n      <DynamicConstraints handle={(v) => (handle = v)} />\n    </div>\n  ));\n\n  await waitForMeasurement(handle);\n  await expectTemplate(handle, \"100px 10px 178px 10px 700px\");\n\n  getByText(\"Toggle Custom\").click();\n  await expectTemplate(handle, \"500px 10px 178px 10px 300px\");\n\n  getByText(\"Toggle Custom\").click();\n  await expectTemplate(handle, \"400px 10px 178px 10px 400px\");\n});\n\ndescribe(\"Autosave\", () => {\n  test(\"localStorage\", async () => {\n    localStorage.clear();\n\n    let handle: PanelGroupHandle | null = null!;\n\n    render(() => (\n      <div style={{ width: \"500px\" }}>\n        <Autosave handle={(v) => (handle = v)} />\n      </div>\n    ));\n\n    await waitForMeasurement(handle);\n    await expectTemplate(handle, \"244px 10px 244px\");\n\n    await dragHandle({ delta: 100 });\n    await expectTemplate(handle, \"342px 10px 146px\");\n\n    await waitForCondition(() =>\n      Boolean(localStorage.getItem(\"autosave-example-solid\"))\n    );\n    const obj = JSON.parse(\n      localStorage.getItem(\"autosave-example-solid\") || \"{}\"\n    );\n    expect(obj.items).toMatchSnapshot();\n  });\n\n  test(\"callback\", async () => {\n    localStorage.clear();\n\n    let handle: PanelGroupHandle | null = null!;\n\n    const spy = vi.fn();\n\n    render(() => (\n      <div style={{ width: \"500px\" }}>\n        <AutosaveCollapsible\n          handle={(v) => (handle = v)}\n          onCollapseChange={spy}\n        />\n      </div>\n    ));\n\n    await dragHandle({ delta: -200 });\n    await expectTemplate(handle, \"100px 10px 388px\");\n    expect(spy).toHaveBeenCalledWith(true);\n\n    cleanup();\n\n    render(() => (\n      <div style={{ width: \"500px\" }}>\n        <AutosaveCollapsible\n          handle={(v) => (handle = v)}\n          onCollapseChange={spy}\n        />\n      </div>\n    ));\n\n    await expectTemplate(handle, \"100px 10px 388px\");\n    await dragHandle({ delta: 200 });\n    expect(spy).toHaveBeenCalledWith(false);\n  });\n\n  test(\"cookie\", async () => {\n    // clear cookies\n    document.cookie = \"test=; expires=Thu, 01 Jan 1970 00:00:00 GMT\";\n\n    let handle: PanelGroupHandle | null = null!;\n\n    render(() => (\n      <div style={{ width: \"502px\" }}>\n        <AutosaveCookie handle={(v) => (handle = v)} />\n      </div>\n    ));\n\n    await waitForMeasurement(handle);\n    await expectTemplate(handle, \"245px 10px 245px\");\n\n    await dragHandle({ delta: 100 });\n    await expectTemplate(handle, \"343px 10px 147px\");\n\n    await waitForCondition(() =>\n      document.cookie.includes(\"autosave-cookie-solid\")\n    );\n\n    expect(document.cookie).toMatchSnapshot();\n\n    const snapshot = Cookies.get(\"autosave-cookie-solid\");\n\n    cleanup();\n\n    render(() => (\n      <div style={{ width: \"500px\" }}>\n        <AutosaveCookie\n          handle={(v) => (handle = v)}\n          snapshot={snapshot ? JSON.parse(snapshot) : undefined}\n        />\n      </div>\n    ));\n\n    await expectTemplate(handle, \"341.609375px 10px 146.390625px\");\n  });\n});\n\ntest(\"Keyboard interactions with collapsed panels\", async () => {\n  let handle: PanelGroupHandle | null = null!;\n\n  render(() => (\n    <div style={{ width: \"500px\" }}>\n      <Collapsible handle={(v) => (handle = v)} />\n    </div>\n  ));\n\n  await waitForMeasurement(handle);\n  await expectTemplate(handle, \"209px 10px 209px 10px 60px\");\n\n  const resizer2 = document.getElementById(\"resizer-2\")!;\n  fireEvent.keyDown(resizer2, { key: \"Enter\" });\n  await expectTemplate(handle, \"209px 10px 169px 10px 100px\");\n\n  fireEvent.keyDown(resizer2, { key: \"ArrowLeft\" });\n  fireEvent.keyDown(resizer2, { key: \"ArrowLeft\" });\n  fireEvent.keyDown(resizer2, { key: \"ArrowLeft\" });\n  fireEvent.keyDown(resizer2, { key: \"ArrowLeft\" });\n  await expectTemplate(handle, \"209px 10px 165px 10px 104px\");\n\n  fireEvent.keyDown(resizer2, { key: \"ArrowLeft\", shiftKey: true });\n  await expectTemplate(\n    handle,\n    \"209.03125px 10px 149.984375px 10px 118.984375px\"\n  );\n\n  fireEvent.keyDown(resizer2, { key: \"Enter\" });\n  await expectTemplate(handle, \"209.03125px 10px 208.96875px 10px 60px\");\n\n  fireEvent.keyDown(resizer2, { key: \"Enter\" });\n  await expectTemplate(handle, \"209.0625px 10px 149.96875px 10px 118.96875px\");\n});\n\ndescribe(\"imperative panel API\", async () => {\n  test(\"panel group\", async () => {\n    let handle: PanelGroupHandle;\n\n    render(() => (\n      <div style={{ width: \"500px\" }}>\n        <Collapsible handle={(v) => (handle = v)} />\n      </div>\n    ));\n\n    await waitForMeasurement(handle!);\n\n    expect(handle!.getPercentageSizes()).toMatchInlineSnapshot(`\n      [\n        0.5,\n        0.020080321285140562,\n        0.5,\n        0.020080321285140562,\n        0.12048192771084337,\n      ]\n    `);\n\n    expect(handle!.getPixelSizes()).toMatchInlineSnapshot(`\n      [\n        209,\n        10,\n        209,\n        10,\n        60,\n      ]\n    `);\n\n    await expectTemplate(handle!, \"209px 10px 209px 10px 60px\");\n  });\n\n  test(\"panel\", async () => {\n    let handle: PanelGroupHandle;\n    let rightHandle: PanelHandle;\n    let leftHandle: PanelHandle;\n\n    render(() => (\n      <div style={{ width: \"500px\" }}>\n        <Collapsible\n          handle={(v) => (handle = v)}\n          rightPanelHandle={(v) => (rightHandle = v)}\n          leftPanelHandle={(v) => (leftHandle = v)}\n        />\n      </div>\n    ));\n\n    await waitForMeasurement(handle!);\n\n    expect(rightHandle!.isCollapsed()).toBe(true);\n    expect(rightHandle!.isExpanded()).toBe(false);\n\n    rightHandle!.expand();\n    await new Promise((resolve) => setTimeout(resolve, 2000));\n\n    expect(rightHandle!.isCollapsed()).toBe(false);\n    expect(rightHandle!.isExpanded()).toBe(true);\n\n    rightHandle!.collapse();\n    await new Promise((resolve) => setTimeout(resolve, 2000));\n\n    expect(rightHandle!.isCollapsed()).toBe(true);\n    expect(rightHandle!.isExpanded()).toBe(false);\n\n    // Test the non controlled version\n\n    expect(leftHandle!.isCollapsed()).toBe(false);\n    expect(leftHandle!.isExpanded()).toBe(true);\n\n    leftHandle!.collapse();\n    await new Promise((resolve) => setTimeout(resolve, 2000));\n\n    expect(leftHandle!.isCollapsed()).toBe(true);\n    expect(leftHandle!.isExpanded()).toBe(false);\n    expect(rightHandle!.getPercentageSize()).toBe(\n      leftHandle!.getPercentageSize()\n    );\n    expect(rightHandle!.getPixelSize()).toBe(leftHandle!.getPixelSize());\n\n    leftHandle!.expand();\n    await new Promise((resolve) => setTimeout(resolve, 5000));\n\n    expect(leftHandle!.isCollapsed()).toBe(false);\n    expect(leftHandle!.isExpanded()).toBe(true);\n  });\n});\n"]}

package/dist/esm/context.d.ts

@@ -0,0 +1,18 @@
+import { Accessor, JSXElement } from "solid-js";
+import { GroupMachineContextValue, SendFn } from "@window-splitter/state";
+export declare const InitialPrerenderContext: import("solid-js").Context<Accessor<boolean>>;
+export declare const MachineActorContext: import("solid-js").Context<((event: import("@window-splitter/state").GroupMachineEvent) => void) | undefined>;
+export declare const GroupIdContext: import("solid-js").Context<string | undefined>;
+export declare const MachineStateContext: import("solid-js").Context<Accessor<GroupMachineContextValue | undefined> | undefined>;
+export declare function useInitialPrerenderContext(): Accessor<boolean>;
+export declare function useMachineActor(): ((event: import("@window-splitter/state").GroupMachineEvent) => void) | undefined;
+export declare function useGroupId(): string | undefined;
+export declare function useMachineState(): Accessor<GroupMachineContextValue | undefined> | undefined;
+export declare function GroupMachineProvider(props: {
+    children: JSXElement;
+    groupId: string;
+    send: SendFn;
+    state: Accessor<GroupMachineContextValue | undefined>;
+    initialPrerender?: Accessor<boolean>;
+}): import("solid-js").JSX.Element;
+//# sourceMappingURL=context.d.ts.map

package/dist/esm/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,QAAQ,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3E,OAAO,EAAE,wBAAwB,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAE1E,eAAO,MAAM,uBAAuB,+CAEnC,CAAC;AACF,eAAO,MAAM,mBAAmB,+GAAsC,CAAC;AACvE,eAAO,MAAM,cAAc,gDAAsC,CAAC;AAClE,eAAO,MAAM,mBAAmB,wFAE7B,CAAC;AAEJ,wBAAgB,0BAA0B,sBAGzC;AAED,wBAAgB,eAAe,sFAG9B;AAED,wBAAgB,UAAU,uBAGzB;AAED,wBAAgB,eAAe,+DAG9B;AAGD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE;IAC1C,QAAQ,EAAE,UAAU,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,QAAQ,CAAC,wBAAwB,GAAG,SAAS,CAAC,CAAC;IACtD,gBAAgB,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;CACtC,kCAkBA"}

package/dist/esm/context.jsx

@@ -0,0 +1,38 @@
+import { createContext, useContext } from "solid-js";
+export const InitialPrerenderContext = createContext(() => false);
+export const MachineActorContext = createContext();
+export const GroupIdContext = createContext();
+export const MachineStateContext = createContext();
+export function useInitialPrerenderContext() {
+    const context = useContext(InitialPrerenderContext);
+    return context;
+}
+export function useMachineActor() {
+    const context = useContext(MachineActorContext);
+    return context;
+}
+export function useGroupId() {
+    const context = useContext(GroupIdContext);
+    return context;
+}
+export function useMachineState() {
+    const context = useContext(MachineStateContext);
+    return context;
+}
+// Create a provider component that bundles all the contexts together
+export function GroupMachineProvider(props) {
+    return (<InitialPrerenderContext.Provider value={props.initialPrerender ?? (() => false)}>
+      {/* The rule is wrong. the docs even suggust this pattern */}
+      {/* eslint-disable-next-line solid/reactivity */}
+      <GroupIdContext.Provider value={props.groupId}>
+        {/* eslint-disable-next-line solid/reactivity */}
+        <MachineActorContext.Provider value={props.send}>
+          {/* eslint-disable-next-line solid/reactivity */}
+          <MachineStateContext.Provider value={props.state}>
+            {props.children}
+          </MachineStateContext.Provider>
+        </MachineActorContext.Provider>
+      </GroupIdContext.Provider>
+    </InitialPrerenderContext.Provider>);
+}
+//# sourceMappingURL=context.jsx.map

package/dist/esm/context.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.jsx","sourceRoot":"","sources":["../../src/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAwB,MAAM,UAAU,CAAC;AAG3E,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAClD,GAAG,EAAE,CAAC,KAAK,CACZ,CAAC;AACF,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,EAAsB,CAAC;AACvE,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,EAAsB,CAAC;AAClE,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,EAE7C,CAAC;AAEJ,MAAM,UAAU,0BAA0B;IACxC,MAAM,OAAO,GAAG,UAAU,CAAC,uBAAuB,CAAC,CAAC;IACpD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,eAAe;IAC7B,MAAM,OAAO,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAChD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,UAAU;IACxB,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAC3C,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,eAAe;IAC7B,MAAM,OAAO,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAChD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,qEAAqE;AACrE,MAAM,UAAU,oBAAoB,CAAC,KAMpC;IACC,OAAO,CACL,CAAC,uBAAuB,CAAC,QAAQ,CAC/B,KAAK,CAAC,CAAC,KAAK,CAAC,gBAAgB,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAE/C;MAAA,CAAC,2DAA2D,CAC5D;MAAA,CAAC,+CAA+C,CAChD;MAAA,CAAC,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAC5C;QAAA,CAAC,+CAA+C,CAChD;QAAA,CAAC,mBAAmB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAC9C;UAAA,CAAC,+CAA+C,CAChD;UAAA,CAAC,mBAAmB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAC/C;YAAA,CAAC,KAAK,CAAC,QAAQ,CACjB;UAAA,EAAE,mBAAmB,CAAC,QAAQ,CAChC;QAAA,EAAE,mBAAmB,CAAC,QAAQ,CAChC;MAAA,EAAE,cAAc,CAAC,QAAQ,CAC3B;IAAA,EAAE,uBAAuB,CAAC,QAAQ,CAAC,CACpC,CAAC;AACJ,CAAC","sourcesContent":["import { createContext, useContext, Accessor, JSXElement } from \"solid-js\";\nimport { GroupMachineContextValue, SendFn } from \"@window-splitter/state\";\n\nexport const InitialPrerenderContext = createContext<Accessor<boolean>>(\n  () => false\n);\nexport const MachineActorContext = createContext<SendFn | undefined>();\nexport const GroupIdContext = createContext<string | undefined>();\nexport const MachineStateContext = createContext<\n  Accessor<GroupMachineContextValue | undefined> | undefined\n>();\n\nexport function useInitialPrerenderContext() {\n  const context = useContext(InitialPrerenderContext);\n  return context;\n}\n\nexport function useMachineActor() {\n  const context = useContext(MachineActorContext);\n  return context;\n}\n\nexport function useGroupId() {\n  const context = useContext(GroupIdContext);\n  return context;\n}\n\nexport function useMachineState() {\n  const context = useContext(MachineStateContext);\n  return context;\n}\n\n// Create a provider component that bundles all the contexts together\nexport function GroupMachineProvider(props: {\n  children: JSXElement;\n  groupId: string;\n  send: SendFn;\n  state: Accessor<GroupMachineContextValue | undefined>;\n  initialPrerender?: Accessor<boolean>;\n}) {\n  return (\n    <InitialPrerenderContext.Provider\n      value={props.initialPrerender ?? (() => false)}\n    >\n      {/* The rule is wrong. the docs even suggust this pattern */}\n      {/* eslint-disable-next-line solid/reactivity */}\n      <GroupIdContext.Provider value={props.groupId}>\n        {/* eslint-disable-next-line solid/reactivity */}\n        <MachineActorContext.Provider value={props.send}>\n          {/* eslint-disable-next-line solid/reactivity */}\n          <MachineStateContext.Provider value={props.state}>\n            {props.children}\n          </MachineStateContext.Provider>\n        </MachineActorContext.Provider>\n      </GroupIdContext.Provider>\n    </InitialPrerenderContext.Provider>\n  );\n}\n"]}

package/dist/esm/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./SolidWIndowSplitter.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}

package/dist/esm/index.js

@@ -0,0 +1,2 @@
+export * from "./SolidWIndowSplitter.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC","sourcesContent":["export * from \"./SolidWIndowSplitter.js\";\n"]}

package/dist/esm/mergeSolidAttributes.d.ts

@@ -0,0 +1,6 @@
+export type MaybeAccessor<T> = T | (() => T);
+export declare function mergeSolidAttributes<T>(source: MaybeAccessor<T>): T;
+export declare function mergeSolidAttributes<T, U>(source: MaybeAccessor<T>, source1: MaybeAccessor<U>): T & U;
+export declare function mergeSolidAttributes<T, U, V>(source: MaybeAccessor<T>, source1: MaybeAccessor<U>, source2: MaybeAccessor<V>): T & U & V;
+export declare function mergeSolidAttributes<T, U, V, W>(source: MaybeAccessor<T>, source1: MaybeAccessor<U>, source2: MaybeAccessor<V>, source3: MaybeAccessor<W>): T & U & V & W;
+//# sourceMappingURL=mergeSolidAttributes.d.ts.map

package/dist/esm/mergeSolidAttributes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeSolidAttributes.d.ts","sourceRoot":"","sources":["../../src/mergeSolidAttributes.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;AAE7C,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AACrE,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,CAAC,EACvC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,EACxB,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,GACxB,CAAC,GAAG,CAAC,CAAC;AACT,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAC1C,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,EACxB,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,EACzB,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,GACxB,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACb,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAC7C,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,EACxB,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,EACzB,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,EACzB,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,GACxB,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC"}

package/dist/esm/mergeSolidAttributes.js

@@ -0,0 +1,45 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { mergeAttributes as mergeAttributesBase } from "@window-splitter/interface";
+export function mergeSolidAttributes(...sources) {
+    const target = {};
+    for (let i = 0; i < sources.length; i++) {
+        let source = sources[i];
+        if (typeof source === "function")
+            source = source();
+        if (source) {
+            const descriptors = Object.getOwnPropertyDescriptors(source);
+            for (const key in descriptors) {
+                if (key in target)
+                    continue;
+                Object.defineProperty(target, key, {
+                    enumerable: true,
+                    get() {
+                        let e = {};
+                        if (key === "style" ||
+                            key === "class" ||
+                            key === "className" ||
+                            key.startsWith("on")) {
+                            for (let j = 0; j < sources.length; j++) {
+                                let s = sources[j];
+                                if (typeof s === "function")
+                                    s = s();
+                                e = mergeAttributesBase(e, { [key]: (s || {})[key] });
+                            }
+                            return e[key];
+                        }
+                        for (let j = sources.length - 1; j >= 0; j--) {
+                            let s = sources[j];
+                            if (typeof s === "function")
+                                s = s();
+                            const v = (s || {})[key];
+                            if (v !== undefined)
+                                return v;
+                        }
+                    },
+                });
+            }
+        }
+    }
+    return target;
+}
+//# sourceMappingURL=mergeSolidAttributes.js.map

package/dist/esm/mergeSolidAttributes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeSolidAttributes.js","sourceRoot":"","sources":["../../src/mergeSolidAttributes.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,OAAO,EAAE,eAAe,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAoBpF,MAAM,UAAU,oBAAoB,CAAC,GAAG,OAAc;IACpD,MAAM,MAAM,GAAG,EAAE,CAAC;IAClB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACxC,IAAI,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;QACxB,IAAI,OAAO,MAAM,KAAK,UAAU;YAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QACpD,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,WAAW,GAAG,MAAM,CAAC,yBAAyB,CAAC,MAAM,CAAC,CAAC;YAC7D,KAAK,MAAM,GAAG,IAAI,WAAW,EAAE,CAAC;gBAC9B,IAAI,GAAG,IAAI,MAAM;oBAAE,SAAS;gBAC5B,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,GAAG,EAAE;oBACjC,UAAU,EAAE,IAAI;oBAChB,GAAG;wBACD,IAAI,CAAC,GAAG,EAAE,CAAC;wBACX,IACE,GAAG,KAAK,OAAO;4BACf,GAAG,KAAK,OAAO;4BACf,GAAG,KAAK,WAAW;4BACnB,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,EACpB,CAAC;4BACD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gCACxC,IAAI,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;gCACnB,IAAI,OAAO,CAAC,KAAK,UAAU;oCAAE,CAAC,GAAG,CAAC,EAAE,CAAC;gCACrC,CAAC,GAAG,mBAAmB,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;4BACxD,CAAC;4BAED,OAAQ,CAAS,CAAC,GAAG,CAAC,CAAC;wBACzB,CAAC;wBACD,KAAK,IAAI,CAAC,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;4BAC7C,IAAI,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;4BACnB,IAAI,OAAO,CAAC,KAAK,UAAU;gCAAE,CAAC,GAAG,CAAC,EAAE,CAAC;4BACrC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;4BACzB,IAAI,CAAC,KAAK,SAAS;gCAAE,OAAO,CAAC,CAAC;wBAChC,CAAC;oBACH,CAAC;iBACF,CAAC,CAAC;YACL,CAAC;QACH,CAAC;IACH,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { mergeAttributes as mergeAttributesBase } from \"@window-splitter/interface\";\n\nexport type MaybeAccessor<T> = T | (() => T);\n\nexport function mergeSolidAttributes<T>(source: MaybeAccessor<T>): T;\nexport function mergeSolidAttributes<T, U>(\n  source: MaybeAccessor<T>,\n  source1: MaybeAccessor<U>\n): T & U;\nexport function mergeSolidAttributes<T, U, V>(\n  source: MaybeAccessor<T>,\n  source1: MaybeAccessor<U>,\n  source2: MaybeAccessor<V>\n): T & U & V;\nexport function mergeSolidAttributes<T, U, V, W>(\n  source: MaybeAccessor<T>,\n  source1: MaybeAccessor<U>,\n  source2: MaybeAccessor<V>,\n  source3: MaybeAccessor<W>\n): T & U & V & W;\nexport function mergeSolidAttributes(...sources: any[]) {\n  const target = {};\n  for (let i = 0; i < sources.length; i++) {\n    let source = sources[i];\n    if (typeof source === \"function\") source = source();\n    if (source) {\n      const descriptors = Object.getOwnPropertyDescriptors(source);\n      for (const key in descriptors) {\n        if (key in target) continue;\n        Object.defineProperty(target, key, {\n          enumerable: true,\n          get() {\n            let e = {};\n            if (\n              key === \"style\" ||\n              key === \"class\" ||\n              key === \"className\" ||\n              key.startsWith(\"on\")\n            ) {\n              for (let j = 0; j < sources.length; j++) {\n                let s = sources[j];\n                if (typeof s === \"function\") s = s();\n                e = mergeAttributesBase(e, { [key]: (s || {})[key] });\n              }\n\n              return (e as any)[key];\n            }\n            for (let j = sources.length - 1; j >= 0; j--) {\n              let s = sources[j];\n              if (typeof s === \"function\") s = s();\n              const v = (s || {})[key];\n              if (v !== undefined) return v;\n            }\n          },\n        });\n      }\n    }\n  }\n  return target;\n}\n"]}

package/dist/esm/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

package/doctor-storybook.log

@@ -0,0 +1,29 @@
+🩺 The doctor is checking the health of your Storybook..
+╭ Incompatible packages found ─────────────────────────────────────────────────────────────────────────────╮
+│                                                                                                          │
+│   You are currently using Storybook 1.0.0-beta.7 but you have packages which are incompatible with it:   │
+│   - @storybook/builder-vite@9.0.0-beta.4 which depends on 9.0.0-beta.4                                   │
+│    Repo: https://github.com/storybookjs/storybook/tree/next/code/builders/builder-vite/#readme           │
+│   - storybook-solidjs@1.0.0-beta.7 which depends on *                                                    │
+│    Repo: https://github.com/storybookjs/storybook/tree/main/renderers/solid                              │
+│   - storybook-solidjs-vite@1.0.0-beta.7 which depends on *                                               │
+│    Repo: https://github.com/storybookjs/storybook/tree/main/frameworks/solid-vite                        │
+│                                                                                                          │
+│                                                                                                          │
+│   Please consider updating your packages or contacting the maintainers for compatibility details.        │
+│   For more on Storybook 9 compatibility, see the linked GitHub issue:                                    │
+│   https://github.com/storybookjs/storybook/issues/30944                                                  │
+│                                                                                                          │
+│                                                                                                          │
+│   The version of storybook@1.0.0-beta.7 is behind the following core packages:                           │
+│   - @storybook/builder-vite@9.0.0-beta.4                                                                 │
+│   Upgrade Storybook with:                                                                                │
+│   npx storybook@latest upgrade                                                                           │
+│                                                                                                          │
+╰──────────────────────────────────────────────────────────────────────────────────────────────────────────╯
+
+You can always recheck the health of your project by running:
+npx storybook doctor
+
+Full logs are available in /Users/andrew/Documents/react-window-splitter/packages/solid/doctor-storybook.log
+

package/eslint.config.js

@@ -0,0 +1,10 @@
+import base from "@internal/eslint-config/base.js";
+import solid from "eslint-plugin-solid/configs/typescript";
+
+export default [
+  ...base,
+  {
+    files: ["**/*.{ts,tsx}"],
+    ...solid,
+  },
+];

package/index.html

@@ -0,0 +1,11 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  </head>
+  <body>
+    <div id="app"></div>
+    <script src="./src/main.tsx" type="module"></script>
+  </body>
+</html>

package/package.json

@@ -0,0 +1,104 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@window-splitter/solid",
+  "sideEffects": false,
+  "version": "0.8.0",
+  "description": "A WAI-ARIA compliant window splitter for Solid.",
+  "repository": {
+    "url": "https://github.com/hipstersmoothie/react-splitter",
+    "directory": "packages/solid"
+  },
+  "author": {
+    "name": "Andrew Lisowski",
+    "email": "lisowski54@gmail.com"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tshy",
+    "test": "CI=true vitest",
+    "dev": "tshy -w",
+    "lint": "eslint .",
+    "stats": "rsbuild --mode production build",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "clean": "rm -rf dist .turbo .tshy .tshy-build"
+  },
+  "license": "MIT",
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.6.1",
+    "@internal/eslint-config": "0.8.0",
+    "@rsbuild/core": "^1.3.12",
+    "@rsdoctor/rspack-plugin": "^1.0.2",
+    "@storybook/builder-vite": "9.0.0-beta.4",
+    "@testing-library/jest-dom": "^6.4.8",
+    "@types/node": "^20.14.10",
+    "@vitest/browser": "^3.1.2",
+    "@vitest/coverage-istanbul": "^3.1.2",
+    "eslint": "^9.9.0",
+    "eslint-plugin-solid": "^0.14.5",
+    "eslint-plugin-storybook": "^0.12.0",
+    "framer-motion": "^11.3.28",
+    "jsdom": "^24.1.1",
+    "playwright": "^1.46.0",
+    "react": "^18",
+    "solid-js": "^1.9.5",
+    "storybook": "9.0.0-beta.4",
+    "storybook-solidjs": "1.0.0-beta.6",
+    "storybook-solidjs-vite": "1.0.0-beta.6",
+    "tiny-cookie": "^2.5.1",
+    "tshy": "^3.0.2",
+    "typescript": "^5.5.4",
+    "vite": "^6.3.3",
+    "vite-plugin-solid": "^2.11.6",
+    "vitest": "^3.1.2"
+  },
+  "peerDependencies": {
+    "solid-js": ">=1.x"
+  },
+  "dependencies": {
+    "@solidjs/testing-library": "^0.8.10",
+    "@window-splitter/interface": "0.8.0",
+    "@window-splitter/state": "0.8.0"
+  },
+  "tshy": {
+    "exclude": [
+      "node_modules",
+      "src/**/*.test.ts",
+      "**/*stories.*"
+    ],
+    "exports": {
+      ".": "./src/index.tsx"
+    },
+    "dialects": [
+      "esm"
+    ]
+  },
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/esm/index.d.ts",
+        "default": "./dist/esm/index.js"
+      }
+    }
+  },
+  "module": "./dist/esm/index.js",
+  "keywords": [
+    "solid",
+    "panel",
+    "splitter",
+    "resizable",
+    "window"
+  ],
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
+  },
+  "gitHead": "0b59935917fc8cda33c41fc09336b36a4f139707"
+}

package/rsbuild.config.js

@@ -0,0 +1,25 @@
+/** @type {import('@rsbuild/core').RsbuildConfig} */
+export default {
+  source: {
+    entry: {
+      index: "./src/bundle.size.ts",
+    },
+  },
+  tools: {
+    htmlPlugin: false,
+  },
+  performance: {
+    bundleAnalyze: {
+      generateStatsFile: true,
+      statsOptions: {
+        preset: "verbose",
+      },
+    },
+  },
+  output: {
+    externals: {
+      react: "React",
+      "react-dom": "ReactDOM",
+    },
+  },
+};