@ariakit/solid-core 0.0.1 → 0.1.1

package/package.json

@@ -1,11 +1,186 @@
 {
   "name": "@ariakit/solid-core",
-  "version": "0.0.1",
-  "description": "",
-  "main": "index.js",
+  "version": "0.1.1",
+  "description": "Ariakit Solid core",
+  "sideEffects": false,
+  "license": "MIT",
+  "homepage": "https://ariakit.org",
+  "type": "module",
+  "main": "cjs/index.cjs",
+  "module": "esm/index.js",
+  "types": "cjs/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ariakit/ariakit.git",
+    "directory": "packages/ariakit-solid-core"
+  },
+  "author": {
+    "name": "Dani Guardiola",
+    "email": "hi@daniguardio.la",
+    "url": "https://dio.la"
+  },
+  "contributors": [
+    {
+      "name": "Diego Haz",
+      "email": "hazdiego@gmail.com",
+      "url": "https://github.com/diegohaz"
+    }
+  ],
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "lint": "biome check .",
+    "build": "node ../../scripts/build/build.js",
+    "clean": "node ../../scripts/build/clean.js"
+  },
+  "keywords": [
+    "ariakit",
+    "solid",
+    "core"
+  ],
+  "dependencies": {
+    "@ariakit/core": "0.4.15",
+    "@solid-primitives/props": "3.2.0",
+    "@solid-primitives/utils": "6.3.0"
+  },
+  "peerDependencies": {
+    "solid-js": "^1.8"
   },
-  "author": "",
-  "license": "MIT"
+  "exports": {
+    "./as/as": {
+      "solid": "./solid/as/as.jsx",
+      "import": "./esm/as/as.js",
+      "require": {
+        "types": "./cjs/as/as.d.cts",
+        "default": "./cjs/as/as.cjs"
+      }
+    },
+    "./focus-trap/focus-trap-region": {
+      "solid": "./solid/focus-trap/focus-trap-region.jsx",
+      "import": "./esm/focus-trap/focus-trap-region.js",
+      "require": {
+        "types": "./cjs/focus-trap/focus-trap-region.d.cts",
+        "default": "./cjs/focus-trap/focus-trap-region.cjs"
+      }
+    },
+    "./focus-trap/focus-trap": {
+      "solid": "./solid/focus-trap/focus-trap.jsx",
+      "import": "./esm/focus-trap/focus-trap.js",
+      "require": {
+        "types": "./cjs/focus-trap/focus-trap.d.cts",
+        "default": "./cjs/focus-trap/focus-trap.cjs"
+      }
+    },
+    "./group/group-label-context": {
+      "solid": "./solid/group/group-label-context.jsx",
+      "import": "./esm/group/group-label-context.js",
+      "require": {
+        "types": "./cjs/group/group-label-context.d.cts",
+        "default": "./cjs/group/group-label-context.cjs"
+      }
+    },
+    "./group/group-label": {
+      "solid": "./solid/group/group-label.jsx",
+      "import": "./esm/group/group-label.js",
+      "require": {
+        "types": "./cjs/group/group-label.d.cts",
+        "default": "./cjs/group/group-label.cjs"
+      }
+    },
+    "./group/group": {
+      "solid": "./solid/group/group.jsx",
+      "import": "./esm/group/group.js",
+      "require": {
+        "types": "./cjs/group/group.d.cts",
+        "default": "./cjs/group/group.cjs"
+      }
+    },
+    "./heading/heading-context": {
+      "solid": "./solid/heading/heading-context.jsx",
+      "import": "./esm/heading/heading-context.js",
+      "require": {
+        "types": "./cjs/heading/heading-context.d.cts",
+        "default": "./cjs/heading/heading-context.cjs"
+      }
+    },
+    "./heading/heading-level": {
+      "solid": "./solid/heading/heading-level.jsx",
+      "import": "./esm/heading/heading-level.js",
+      "require": {
+        "types": "./cjs/heading/heading-level.d.cts",
+        "default": "./cjs/heading/heading-level.cjs"
+      }
+    },
+    "./heading/heading": {
+      "solid": "./solid/heading/heading.jsx",
+      "import": "./esm/heading/heading.js",
+      "require": {
+        "types": "./cjs/heading/heading.d.cts",
+        "default": "./cjs/heading/heading.cjs"
+      }
+    },
+    "./heading/utils": {
+      "solid": "./solid/heading/utils.jsx",
+      "import": "./esm/heading/utils.js",
+      "require": {
+        "types": "./cjs/heading/utils.d.cts",
+        "default": "./cjs/heading/utils.cjs"
+      }
+    },
+    "./role/role": {
+      "solid": "./solid/role/role.jsx",
+      "import": "./esm/role/role.js",
+      "require": {
+        "types": "./cjs/role/role.d.cts",
+        "default": "./cjs/role/role.cjs"
+      }
+    },
+    "./separator/separator": {
+      "solid": "./solid/separator/separator.jsx",
+      "import": "./esm/separator/separator.js",
+      "require": {
+        "types": "./cjs/separator/separator.d.cts",
+        "default": "./cjs/separator/separator.cjs"
+      }
+    },
+    "./utils/misc": {
+      "solid": "./solid/utils/misc.jsx",
+      "import": "./esm/utils/misc.js",
+      "require": {
+        "types": "./cjs/utils/misc.d.cts",
+        "default": "./cjs/utils/misc.cjs"
+      }
+    },
+    "./utils/reactivity": {
+      "solid": "./solid/utils/reactivity.jsx",
+      "import": "./esm/utils/reactivity.js",
+      "require": {
+        "types": "./cjs/utils/reactivity.d.cts",
+        "default": "./cjs/utils/reactivity.cjs"
+      }
+    },
+    "./utils/system": {
+      "solid": "./solid/utils/system.jsx",
+      "import": "./esm/utils/system.js",
+      "require": {
+        "types": "./cjs/utils/system.d.cts",
+        "default": "./cjs/utils/system.cjs"
+      }
+    },
+    "./utils/types": {
+      "solid": "./solid/utils/types.jsx",
+      "import": "./esm/utils/types.js",
+      "require": {
+        "types": "./cjs/utils/types.d.cts",
+        "default": "./cjs/utils/types.cjs"
+      }
+    },
+    "./visually-hidden/visually-hidden": {
+      "solid": "./solid/visually-hidden/visually-hidden.jsx",
+      "import": "./esm/visually-hidden/visually-hidden.js",
+      "require": {
+        "types": "./cjs/visually-hidden/visually-hidden.d.cts",
+        "default": "./cjs/visually-hidden/visually-hidden.cjs"
+      }
+    },
+    "./package.json": "./package.json"
+  }
 }

package/readme.md

@@ -0,0 +1,19 @@
+# Ariakit Solid Core
+
+**Important:** This package is an internal dependency of Ariakit and does not follow semantic versioning, meaning breaking changes may occur in patch and minor versions. You probably want to use [`@ariakit/solid`](https://npmjs.org/package/@ariakit/solid) instead.
+
+## Installation
+
+```
+npm i @ariakit/solid-core
+```
+
+## Core Team
+
+- [Diego Haz](https://bsky.app/profile/haz.dev)
+- [Ben Rodri](https://bsky.app/profile/ben.ariakit.org)
+- [Dani Guardiola](https://bsky.app/profile/dio.la)
+
+## Contributing
+
+Follow the instructions on the [contributing guide](https://github.com/ariakit/ariakit/blob/main/contributing.md).

package/role/role/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "@ariakit/solid-core/role/role",
+  "private": true,
+  "sideEffects": false,
+  "main": "../../cjs/role/role.cjs",
+  "module": "../../esm/role/role.js",
+  "types": "../../cjs/role/role.d.ts"
+}

package/separator/separator/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "@ariakit/solid-core/separator/separator",
+  "private": true,
+  "sideEffects": false,
+  "main": "../../cjs/separator/separator.cjs",
+  "module": "../../esm/separator/separator.js",
+  "types": "../../cjs/separator/separator.d.ts"
+}

package/solid/__chunks/ALJQAVR2.jsx

@@ -0,0 +1,42 @@
+// src/utils/reactivity.ts
+import { combineProps } from "@solid-primitives/props";
+import {
+  createSignal,
+  mergeProps as solidMergeProps,
+  splitProps,
+  untrack
+} from "solid-js";
+function stableAccessor(value, callback) {
+  return () => callback(value);
+}
+function extractPropsWithDefaults(props, defaults) {
+  const [own, rest] = splitProps(props, Object.keys(defaults));
+  return [
+    solidMergeProps(defaults, own),
+    rest
+  ];
+}
+function createRef(initialValue) {
+  const [get, set] = createSignal(initialValue);
+  return {
+    get current() {
+      return untrack(() => get());
+    },
+    get,
+    set,
+    reset: () => set(initialValue)
+  };
+}
+function mergeProps(base, overrides, skipProps) {
+  return combineProps(
+    [base, skipProps ? splitProps(overrides, skipProps)[1] : overrides],
+    { reverseEventHandlers: true }
+  );
+}
+
+export {
+  stableAccessor,
+  extractPropsWithDefaults,
+  createRef,
+  mergeProps
+};

package/solid/__chunks/HBI7B4XO.jsx

@@ -0,0 +1,52 @@
+import {
+  extractPropsWithDefaults
+} from "./ALJQAVR2.jsx";
+
+// src/utils/system.tsx
+import { mergeProps, splitProps } from "solid-js";
+import { Dynamic } from "solid-js/web";
+function createInstance(Component, props) {
+  const [features, rest] = splitProps(props, ["render", "wrapInstance"]);
+  const withRender = () => {
+    var _a;
+    return (
+      // TODO: replace with LazyDynamic
+      <Dynamic
+        {...rest}
+        component={(_a = features.render) != null ? _a : Component}
+      />
+    );
+  };
+  let tree = withRender;
+  if (features.wrapInstance) {
+    for (const element of features.wrapInstance) {
+      const children = tree;
+      tree = () => (
+        // TODO: replace with LazyDynamic
+        <Dynamic component={element}>{children()}</Dynamic>
+      );
+    }
+  }
+  return tree();
+}
+function wrapInstance(props, element) {
+  var _a;
+  const wrapInstance2 = [...(_a = props.wrapInstance) != null ? _a : [], element];
+  return mergeProps(props, { wrapInstance: wrapInstance2 });
+}
+function createHook(useProps) {
+  return useProps;
+}
+function withOptions(defaults, useProps) {
+  return function usePropsWithOptions(props) {
+    const [options, rest] = extractPropsWithDefaults(props, defaults);
+    return useProps(rest, options);
+  };
+}
+
+export {
+  createInstance,
+  wrapInstance,
+  createHook,
+  withOptions
+};

package/solid/__chunks/HUX7TBVM.jsx

@@ -0,0 +1,37 @@
+import {
+  mergeProps
+} from "./ALJQAVR2.jsx";
+
+// src/as/as.tsx
+import { Dynamic } from "solid-js/web";
+var cache = /* @__PURE__ */ new Map();
+var As = new Proxy(
+  function As2(props) {
+    return (parentProps) => (
+      // TODO: replace with LazyDynamic
+      <Dynamic
+        {...mergeProps(parentProps, props)}
+        component={props.component}
+      />
+    );
+  },
+  {
+    get: (_, key) => {
+      let component = cache.get(key);
+      if (!component) {
+        component = function AsElement(props) {
+          return (parentProps) => (
+            // TODO: replace with LazyDynamic
+            <Dynamic {...mergeProps(parentProps, props)} component={key} />
+          );
+        };
+        cache.set(key, component);
+      }
+      return component;
+    }
+  }
+);
+
+export {
+  As
+};

package/solid/__chunks/KXVBEYOF.jsx

@@ -0,0 +1,21 @@
+// src/utils/misc.ts
+import { access } from "@solid-primitives/utils";
+import { createUniqueId } from "solid-js";
+function createId(defaultId) {
+  const id = createUniqueId();
+  return () => {
+    var _a;
+    return (_a = access(defaultId)) != null ? _a : id;
+  };
+}
+function extractTagName(element, fallback) {
+  return () => {
+    var _a, _b;
+    return (_b = (_a = access(element)) == null ? void 0 : _a.tagName.toLowerCase()) != null ? _b : typeof fallback === "string" ? fallback : void 0;
+  };
+}
+
+export {
+  createId,
+  extractTagName
+};

package/solid/__chunks/O5QTZ2VS.jsx

@@ -0,0 +1,42 @@
+import {
+  useVisuallyHidden
+} from "./PIGECGWJ.jsx";
+import {
+  createHook,
+  createInstance
+} from "./HBI7B4XO.jsx";
+import {
+  mergeProps
+} from "./ALJQAVR2.jsx";
+
+// src/focus-trap/focus-trap.tsx
+var TagName = "span";
+var useFocusTrap = createHook(
+  function useFocusTrap2(props) {
+    props = mergeProps(
+      {
+        "data-focus-trap": "",
+        tabIndex: 0,
+        "aria-hidden": true,
+        style: {
+          // Prevents unintended scroll jumps.
+          position: "fixed",
+          top: 0,
+          left: 0
+        }
+      },
+      props
+    );
+    props = useVisuallyHidden(props);
+    return props;
+  }
+);
+function FocusTrap(props) {
+  const htmlProps = useFocusTrap(props);
+  return createInstance(TagName, htmlProps);
+}
+
+export {
+  useFocusTrap,
+  FocusTrap
+};

package/solid/__chunks/PIGECGWJ.jsx

@@ -0,0 +1,40 @@
+import {
+  createHook,
+  createInstance
+} from "./HBI7B4XO.jsx";
+import {
+  mergeProps
+} from "./ALJQAVR2.jsx";
+
+// src/visually-hidden/visually-hidden.tsx
+var TagName = "span";
+var useVisuallyHidden = createHook(
+  function useVisuallyHidden2(props) {
+    props = mergeProps(
+      {
+        style: {
+          border: 0,
+          clip: "rect(0 0 0 0)",
+          height: "1px",
+          margin: "-1px",
+          overflow: "hidden",
+          padding: 0,
+          position: "absolute",
+          "white-space": "nowrap",
+          width: "1px"
+        }
+      },
+      props
+    );
+    return props;
+  }
+);
+function VisuallyHidden(props) {
+  const htmlProps = useVisuallyHidden(props);
+  return createInstance(TagName, htmlProps);
+}
+
+export {
+  useVisuallyHidden,
+  VisuallyHidden
+};

package/solid/__chunks/TCHPU5P4.jsx

@@ -0,0 +1,7 @@
+// src/group/group-label-context.tsx
+import { createContext } from "solid-js";
+var GroupLabelContext = createContext();
+
+export {
+  GroupLabelContext
+};

package/solid/__chunks/VAA446IN.jsx

@@ -0,0 +1,7 @@
+// src/heading/heading-context.tsx
+import { createContext } from "solid-js";
+var HeadingContext = createContext();
+
+export {
+  HeadingContext
+};

package/solid/as/as.jsx

@@ -0,0 +1,7 @@
+import {
+  As
+} from "../__chunks/HUX7TBVM.jsx";
+import "../__chunks/ALJQAVR2.jsx";
+export {
+  As
+};

package/solid/focus-trap/focus-trap-region.jsx

@@ -0,0 +1,63 @@
+import {
+  FocusTrap
+} from "../__chunks/O5QTZ2VS.jsx";
+import "../__chunks/PIGECGWJ.jsx";
+import {
+  createHook,
+  createInstance,
+  withOptions,
+  wrapInstance
+} from "../__chunks/HBI7B4XO.jsx";
+import {
+  createRef,
+  mergeProps
+} from "../__chunks/ALJQAVR2.jsx";
+
+// src/focus-trap/focus-trap-region.tsx
+import { getAllTabbableIn } from "@ariakit/core/utils/focus";
+import { Show } from "solid-js";
+var TagName = "div";
+var useFocusTrapRegion = createHook(
+  withOptions({ enabled: false }, function useFocusTrapRegion2(props, options) {
+    const ref = createRef();
+    props = wrapInstance(props, (wrapperProps) => {
+      const renderFocusTrap = () => {
+        return <Show when={options.enabled}>
+            <FocusTrap
+          onFocus={(event) => {
+            const container = ref.current;
+            if (!container) return;
+            const tabbables = getAllTabbableIn(container, true);
+            const first = tabbables[0];
+            const last = tabbables[tabbables.length - 1];
+            if (!tabbables.length) {
+              container.focus();
+              return;
+            }
+            if (event.relatedTarget === first) {
+              last == null ? void 0 : last.focus();
+            } else {
+              first == null ? void 0 : first.focus();
+            }
+          }}
+        />
+          </Show>;
+      };
+      return <>
+          {renderFocusTrap()}
+          {wrapperProps.children}
+          {renderFocusTrap()}
+        </>;
+    });
+    props = mergeProps({ ref: ref.set }, props);
+    return props;
+  })
+);
+var FocusTrapRegion = function FocusTrapRegion2(props) {
+  const htmlProps = useFocusTrapRegion(props);
+  return createInstance(TagName, htmlProps);
+};
+export {
+  FocusTrapRegion,
+  useFocusTrapRegion
+};

package/solid/focus-trap/focus-trap.jsx

@@ -0,0 +1,11 @@
+import {
+  FocusTrap,
+  useFocusTrap
+} from "../__chunks/O5QTZ2VS.jsx";
+import "../__chunks/PIGECGWJ.jsx";
+import "../__chunks/HBI7B4XO.jsx";
+import "../__chunks/ALJQAVR2.jsx";
+export {
+  FocusTrap,
+  useFocusTrap
+};

package/solid/group/group-label-context.jsx

@@ -0,0 +1,6 @@
+import {
+  GroupLabelContext
+} from "../__chunks/TCHPU5P4.jsx";
+export {
+  GroupLabelContext
+};

package/solid/group/group-label.jsx

@@ -0,0 +1,50 @@
+import {
+  createId
+} from "../__chunks/KXVBEYOF.jsx";
+import {
+  createHook,
+  createInstance
+} from "../__chunks/HBI7B4XO.jsx";
+import {
+  mergeProps,
+  stableAccessor
+} from "../__chunks/ALJQAVR2.jsx";
+import {
+  GroupLabelContext
+} from "../__chunks/TCHPU5P4.jsx";
+
+// src/group/group-label.tsx
+import {
+  createEffect,
+  onCleanup,
+  useContext
+} from "solid-js";
+var TagName = "div";
+var useGroupLabel = createHook(
+  function useGroupLabel2(props) {
+    const setLabelId = useContext(GroupLabelContext);
+    const id = createId(stableAccessor(props, (p) => p.id));
+    createEffect(() => {
+      setLabelId == null ? void 0 : setLabelId(id());
+      onCleanup(() => setLabelId == null ? void 0 : setLabelId(void 0));
+    });
+    props = mergeProps(
+      {
+        get id() {
+          return id();
+        },
+        "aria-hidden": true
+      },
+      props
+    );
+    return props;
+  }
+);
+var GroupLabel = function GroupLabel2(props) {
+  const htmlProps = useGroupLabel(props);
+  return createInstance(TagName, htmlProps);
+};
+export {
+  GroupLabel,
+  useGroupLabel
+};

package/solid/group/group.jsx

@@ -0,0 +1,45 @@
+import {
+  As
+} from "../__chunks/HUX7TBVM.jsx";
+import {
+  createHook,
+  createInstance,
+  wrapInstance
+} from "../__chunks/HBI7B4XO.jsx";
+import {
+  mergeProps
+} from "../__chunks/ALJQAVR2.jsx";
+import {
+  GroupLabelContext
+} from "../__chunks/TCHPU5P4.jsx";
+
+// src/group/group.tsx
+import { createSignal } from "solid-js";
+var TagName = "div";
+var useGroup = createHook(
+  function useGroup2(props) {
+    const [labelId, setLabelId] = createSignal();
+    props = wrapInstance(
+      props,
+      <As component={GroupLabelContext.Provider} value={setLabelId} />
+    );
+    props = mergeProps(
+      {
+        role: "group",
+        get "aria-labelledby"() {
+          return labelId();
+        }
+      },
+      props
+    );
+    return props;
+  }
+);
+var Group = function Group2(props) {
+  const htmlProps = useGroup(props);
+  return createInstance(TagName, htmlProps);
+};
+export {
+  Group,
+  useGroup
+};

package/solid/heading/heading-context.jsx

@@ -0,0 +1,6 @@
+import {
+  HeadingContext
+} from "../__chunks/VAA446IN.jsx";
+export {
+  HeadingContext
+};