@ark-ui/solid 4.0.0 → 4.2.0

package/dist/chunk/MVL2JW5G.js

@@ -0,0 +1,213 @@
+import { createSplitProps } from './ZMHI4GDJ.js';
+import { ark } from './EPLBB4QN.js';
+import { useLocaleContext } from './HPDOBQ3V.js';
+import { useEnvironmentContext } from './QODB3C3M.js';
+import { createContext } from './I5UG2QUO.js';
+import { __export } from './ESLJRKWD.js';
+import { createComponent } from 'solid-js/web';
+import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
+import { createMemo, createUniqueId } from 'solid-js';
+import * as treeView from '@zag-js/tree-view';
+export { anatomy } from '@zag-js/tree-view';
+
+// src/components/tree-view/use-tree-view-branch-context.ts
+var [TreeViewBranchProvider, useTreeViewBranchContext] = createContext({
+  hookName: "useTreeViewBranchContext",
+  providerName: "<TreeViewBranchProvider />"
+});
+
+// src/components/tree-view/use-tree-view-context.ts
+var [TreeViewProvider, useTreeViewContext] = createContext({
+  hookName: "useTreeViewContext",
+  providerName: "<TreeViewProvider />"
+});
+
+// src/components/tree-view/use-tree-view-depth-context.ts
+var [TreeViewDepthProvider, useTreeViewDepthContext] = createContext({
+  hookName: "useTreeViewDepthContext",
+  providerName: "<TreeViewDepthProvider />"
+});
+
+// src/components/tree-view/tree-view-branch.tsx
+var TreeViewBranch = (props) => {
+  const [itemProps, localProps] = createSplitProps()(props, ["disabled", "value"]);
+  const api = useTreeViewContext();
+  const depth = useTreeViewDepthContext();
+  const branchProps = mergeProps(itemProps, {
+    depth
+  });
+  const mergedProps = mergeProps(() => api().getBranchProps(branchProps), localProps);
+  return createComponent(TreeViewDepthProvider, {
+    value: depth + 1,
+    get children() {
+      return createComponent(TreeViewBranchProvider, {
+        value: branchProps,
+        get children() {
+          return createComponent(ark.li, mergedProps);
+        }
+      });
+    }
+  });
+};
+var TreeViewBranchContent = (props) => {
+  const api = useTreeViewContext();
+  const branchProps = useTreeViewBranchContext();
+  const mergedProps = mergeProps(() => api().getBranchContentProps(branchProps), props);
+  return createComponent(ark.ul, mergedProps);
+};
+var TreeViewBranchControl = (props) => {
+  const api = useTreeViewContext();
+  const branchProps = useTreeViewBranchContext();
+  const mergedProps = mergeProps(() => api().getBranchControlProps(branchProps), props);
+  return createComponent(ark.div, mergedProps);
+};
+var TreeViewBranchIndicator = (props) => {
+  const api = useTreeViewContext();
+  const branchProps = useTreeViewBranchContext();
+  const mergedProps = mergeProps(() => api().getBranchIndicatorProps(branchProps), props);
+  return createComponent(ark.div, mergedProps);
+};
+var TreeViewBranchText = (props) => {
+  const api = useTreeViewContext();
+  const branchProps = useTreeViewBranchContext();
+  const mergedProps = mergeProps(() => api().getBranchTextProps(branchProps), props);
+  return createComponent(ark.span, mergedProps);
+};
+var TreeViewBranchTrigger = (props) => {
+  const api = useTreeViewContext();
+  const branchProps = useTreeViewBranchContext();
+  const mergedProps = mergeProps(() => api().getBranchTriggerProps(branchProps), props);
+  return createComponent(ark.div, mergedProps);
+};
+
+// src/components/tree-view/tree-view-context.tsx
+var TreeViewContext = (props) => props.children(useTreeViewContext());
+
+// src/components/tree-view/use-tree-view-item-context.ts
+var [TreeViewItemProvider, useTreeViewItemContext] = createContext(
+  {
+    hookName: "useTreeViewItemContext",
+    providerName: "<TreeViewItemProvider />"
+  }
+);
+
+// src/components/tree-view/use-tree-view-item-props-context.ts
+var [TreeViewItemPropsProvider, useTreeViewItemPropsContext] = createContext({
+  hookName: "useTreeViewItemPropsContext",
+  providerName: "<TreeViewItemProvider />"
+});
+
+// src/components/tree-view/tree-view-item.tsx
+var TreeViewItem = (props) => {
+  const [_itemProps, localProps] = createSplitProps()(props, ["disabled", "value"]);
+  const api = useTreeViewContext();
+  const depth = useTreeViewDepthContext();
+  const itemProps = mergeProps(_itemProps, {
+    depth
+  });
+  const itemState = createMemo(() => api().getItemState(itemProps));
+  const mergedProps = mergeProps(() => api().getItemProps(itemProps), localProps);
+  return createComponent(TreeViewItemPropsProvider, {
+    value: itemProps,
+    get children() {
+      return createComponent(TreeViewItemProvider, {
+        value: itemState,
+        get children() {
+          return createComponent(ark.li, mergedProps);
+        }
+      });
+    }
+  });
+};
+
+// src/components/tree-view/tree-view-item-context.tsx
+var TreeViewItemContext = (props) => props.children(useTreeViewItemContext());
+var TreeViewItemIndicator = (props) => {
+  const api = useTreeViewContext();
+  const itemProps = useTreeViewItemPropsContext();
+  const mergedProps = mergeProps(() => api().getItemIndicatorProps(itemProps), props);
+  return createComponent(ark.div, mergedProps);
+};
+var TreeViewItemText = (props) => {
+  const api = useTreeViewContext();
+  const itemProps = useTreeViewItemPropsContext();
+  const mergedProps = mergeProps(() => api().getItemTextProps(itemProps), props);
+  return createComponent(ark.span, mergedProps);
+};
+var TreeViewLabel = (props) => {
+  const api = useTreeViewContext();
+  const mergedProps = mergeProps(() => api().getLabelProps(), props);
+  return createComponent(ark.label, mergedProps);
+};
+var useTreeView = (props) => {
+  const locale = useLocaleContext();
+  const environment = useEnvironmentContext();
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
+    dir: locale().dir,
+    getRootNode: environment().getRootNode,
+    selectedValue: props.defaultSelectedValue,
+    expandedValue: props.defaultExpandedValue,
+    ...props
+  }));
+  const [state, send] = useMachine(treeView.machine(context()), { context });
+  return createMemo(() => treeView.connect(state, send, normalizeProps));
+};
+
+// src/components/tree-view/tree-view-root.tsx
+var TreeViewRoot = (props) => {
+  const [useTreeViewProps, localProps] = createSplitProps()(props, ["defaultExpandedValue", "defaultSelectedValue", "expandedValue", "expandOnClick", "focusedValue", "id", "ids", "onExpandedChange", "onFocusChange", "onSelectionChange", "selectedValue", "selectionMode", "typeahead"]);
+  const api = useTreeView(useTreeViewProps);
+  const mergedProps = mergeProps(() => api().getRootProps(), localProps);
+  return createComponent(TreeViewProvider, {
+    value: api,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var TreeViewRootProvider = (props) => {
+  const [{
+    value: treeView2
+  }, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps(() => treeView2().getRootProps(), localProps);
+  return createComponent(TreeViewProvider, {
+    value: treeView2,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var TreeViewTree = (props) => {
+  const api = useTreeViewContext();
+  const mergedProps = mergeProps(() => api().getTreeProps(), props);
+  return createComponent(TreeViewDepthProvider, {
+    value: 1,
+    get children() {
+      return createComponent(ark.ul, mergedProps);
+    }
+  });
+};
+
+// src/components/tree-view/tree-view.ts
+var tree_view_exports = {};
+__export(tree_view_exports, {
+  Branch: () => TreeViewBranch,
+  BranchContent: () => TreeViewBranchContent,
+  BranchControl: () => TreeViewBranchControl,
+  BranchIndicator: () => TreeViewBranchIndicator,
+  BranchText: () => TreeViewBranchText,
+  BranchTrigger: () => TreeViewBranchTrigger,
+  Context: () => TreeViewContext,
+  Item: () => TreeViewItem,
+  ItemContext: () => TreeViewItemContext,
+  ItemIndicator: () => TreeViewItemIndicator,
+  ItemText: () => TreeViewItemText,
+  Label: () => TreeViewLabel,
+  Root: () => TreeViewRoot,
+  RootProvider: () => TreeViewRootProvider,
+  Tree: () => TreeViewTree
+});
+
+export { TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchTrigger, TreeViewContext, TreeViewItem, TreeViewItemContext, TreeViewItemIndicator, TreeViewItemText, TreeViewLabel, TreeViewRoot, TreeViewRootProvider, TreeViewTree, tree_view_exports, useTreeView, useTreeViewContext, useTreeViewItemContext };

package/dist/chunk/MYMGOYXH.js

@@ -0,0 +1,26 @@
+import { useLocaleContext } from './HPDOBQ3V.js';
+import { __export } from './ESLJRKWD.js';
+import { formatBytes, formatNumber } from '@zag-js/i18n-utils';
+import { splitProps, createMemo } from 'solid-js';
+
+var FormatByte = (props) => {
+  const [valueProps, intlProps] = splitProps(props, ["value"]);
+  const ctx = useLocaleContext();
+  const text = createMemo(() => formatBytes(valueProps.value, ctx().locale, intlProps));
+  return text;
+};
+var FormatNumber = (props) => {
+  const [valueProps, intlProps] = splitProps(props, ["value"]);
+  const ctx = useLocaleContext();
+  const text = createMemo(() => formatNumber(valueProps.value, ctx().locale, intlProps));
+  return text;
+};
+
+// src/components/format/format.ts
+var format_exports = {};
+__export(format_exports, {
+  Byte: () => FormatByte,
+  Number: () => FormatNumber
+});
+
+export { FormatByte, FormatNumber, format_exports };

package/dist/chunk/N7QLMQKV.js

@@ -0,0 +1,192 @@
+import { useFieldContext } from './B2OPFF7J.js';
+import { createSplitProps } from './ZMHI4GDJ.js';
+import { ark } from './EPLBB4QN.js';
+import { useLocaleContext } from './HPDOBQ3V.js';
+import { useEnvironmentContext } from './QODB3C3M.js';
+import { createContext } from './I5UG2QUO.js';
+import { __export } from './ESLJRKWD.js';
+import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
+import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
+import { createSignal, createEffect, onCleanup, createUniqueId, createMemo } from 'solid-js';
+import * as fileUpload from '@zag-js/file-upload';
+export { anatomy } from '@zag-js/file-upload';
+
+// src/components/file-upload/use-file-upload-context.ts
+var [FileUploadProvider, useFileUploadContext] = createContext({
+  hookName: "useFileUploadContext",
+  providerName: "<FileUploadProvider />"
+});
+
+// src/components/file-upload/file-upload-clear-trigger.tsx
+var FileUploadClearTrigger = (props) => {
+  const fileUpload2 = useFileUploadContext();
+  const mergedProps = mergeProps(() => fileUpload2().getClearTriggerProps(), props);
+  return createComponent(ark.button, mergedProps);
+};
+
+// src/components/file-upload/file-upload-context.tsx
+var FileUploadContext = (props) => props.children(useFileUploadContext());
+var FileUploadDropzone = (props) => {
+  const fileUpload2 = useFileUploadContext();
+  const mergedProps = mergeProps(() => fileUpload2().getDropzoneProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var FileUploadHiddenInput = (props) => {
+  const fileUpload2 = useFileUploadContext();
+  const mergedProps = mergeProps(() => fileUpload2().getHiddenInputProps(), props);
+  const field = useFieldContext();
+  return createComponent(ark.input, mergeProps$1({
+    get ["aria-describedby"]() {
+      return field?.().ariaDescribedby;
+    }
+  }, mergedProps));
+};
+
+// src/components/file-upload/use-file-upload-item-props-context.ts
+var [FileUploadItemPropsProvider, useFileUploadItemPropsContext] = createContext({
+  hookName: "useFileUploadItemPropsContext",
+  providerName: "<FileUploadItemPropsProvider />"
+});
+
+// src/components/file-upload/file-upload-item.tsx
+var FileUploadItem = (props) => {
+  const [itemProps, localProps] = createSplitProps()(props, ["file"]);
+  const fileUpload2 = useFileUploadContext();
+  const mergedProps = mergeProps(() => fileUpload2().getItemProps(itemProps), localProps);
+  return createComponent(FileUploadItemPropsProvider, {
+    value: itemProps,
+    get children() {
+      return createComponent(ark.li, mergedProps);
+    }
+  });
+};
+var FileUploadItemDeleteTrigger = (props) => {
+  const fileUpload2 = useFileUploadContext();
+  const itemProps = useFileUploadItemPropsContext();
+  const mergedProps = mergeProps(() => fileUpload2().getItemDeleteTriggerProps(itemProps), props);
+  return createComponent(ark.button, mergedProps);
+};
+var FileUploadItemGroup = (props) => {
+  const fileUpload2 = useFileUploadContext();
+  const mergedProps = mergeProps(() => fileUpload2().getItemGroupProps(), props);
+  return createComponent(ark.ul, mergedProps);
+};
+var FileUploadItemName = (props) => {
+  const fileUpload2 = useFileUploadContext();
+  const itemProps = useFileUploadItemPropsContext();
+  const mergedProps = mergeProps(() => fileUpload2().getItemNameProps(itemProps), props);
+  return createComponent(ark.div, mergeProps$1(mergedProps, {
+    get children() {
+      return props.children || itemProps.file.name;
+    }
+  }));
+};
+var FileUploadItemPreview = (props) => {
+  const fileUpload2 = useFileUploadContext();
+  const itemProps = useFileUploadItemPropsContext();
+  const mergedProps = mergeProps(() => fileUpload2().getItemPreviewProps(itemProps), props);
+  if (!itemProps.file.type.match(props.type ?? ".*")) return null;
+  return createComponent(ark.div, mergedProps);
+};
+var FileUploadItemPreviewImage = (props) => {
+  const fileUpload2 = useFileUploadContext();
+  const itemProps = useFileUploadItemPropsContext();
+  const [url, setUrl] = createSignal("");
+  createEffect(() => {
+    const cleanup = fileUpload2().createFileUrl(itemProps.file, (url2) => setUrl(url2));
+    onCleanup(cleanup);
+  });
+  const mergedProps = mergeProps(fileUpload2().getItemPreviewImageProps({
+    ...itemProps,
+    url: url()
+  }), props);
+  return createComponent(ark.img, mergedProps);
+};
+var FileUploadItemSizeText = (props) => {
+  const fileUpload2 = useFileUploadContext();
+  const itemProps = useFileUploadItemPropsContext();
+  const mergedProps = mergeProps(() => fileUpload2().getItemSizeTextProps(itemProps), props);
+  return createComponent(ark.div, mergeProps$1(mergedProps, {
+    get children() {
+      return props.children || fileUpload2().getFileSize(itemProps.file);
+    }
+  }));
+};
+var FileUploadLabel = (props) => {
+  const fileUpload2 = useFileUploadContext();
+  const mergedProps = mergeProps(() => fileUpload2().getLabelProps(), props);
+  return createComponent(ark.label, mergedProps);
+};
+var useFileUpload = (props) => {
+  const locale = useLocaleContext();
+  const environment = useEnvironmentContext();
+  const id = createUniqueId();
+  const field = useFieldContext();
+  const context = createMemo(() => ({
+    id,
+    ids: {
+      label: field?.().ids.label,
+      hiddenInput: field?.().ids.control
+    },
+    dir: locale().dir,
+    disabled: field?.().disabled,
+    required: field?.().required,
+    invalid: field?.().invalid,
+    getRootNode: environment().getRootNode,
+    ...props
+  }));
+  const [state, send] = useMachine(fileUpload.machine(context()), { context });
+  return createMemo(() => fileUpload.connect(state, send, normalizeProps));
+};
+
+// src/components/file-upload/file-upload-root.tsx
+var FileUploadRoot = (props) => {
+  const [fileUploadProps, localProps] = createSplitProps()(props, ["accept", "allowDrop", "capture", "directory", "disabled", "id", "ids", "invalid", "locale", "maxFiles", "maxFileSize", "minFileSize", "name", "onFileAccept", "onFileChange", "onFileReject", "required", "translations", "validate"]);
+  const fileUpload2 = useFileUpload(fileUploadProps);
+  const mergedProps = mergeProps(() => fileUpload2().getRootProps(), localProps);
+  return createComponent(FileUploadProvider, {
+    value: fileUpload2,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var FileUploadRootProvider = (props) => {
+  const [{
+    value: fileUpload2
+  }, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps(() => fileUpload2().getRootProps(), localProps);
+  return createComponent(FileUploadProvider, {
+    value: fileUpload2,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var FileUploadTrigger = (props) => {
+  const fileUpload2 = useFileUploadContext();
+  const mergedProps = mergeProps(() => fileUpload2().getTriggerProps(), props);
+  return createComponent(ark.button, mergedProps);
+};
+
+// src/components/file-upload/file-upload.ts
+var file_upload_exports = {};
+__export(file_upload_exports, {
+  ClearTrigger: () => FileUploadClearTrigger,
+  Context: () => FileUploadContext,
+  Dropzone: () => FileUploadDropzone,
+  HiddenInput: () => FileUploadHiddenInput,
+  Item: () => FileUploadItem,
+  ItemDeleteTrigger: () => FileUploadItemDeleteTrigger,
+  ItemGroup: () => FileUploadItemGroup,
+  ItemName: () => FileUploadItemName,
+  ItemPreview: () => FileUploadItemPreview,
+  ItemPreviewImage: () => FileUploadItemPreviewImage,
+  ItemSizeText: () => FileUploadItemSizeText,
+  Label: () => FileUploadLabel,
+  Root: () => FileUploadRoot,
+  RootProvider: () => FileUploadRootProvider,
+  Trigger: () => FileUploadTrigger
+});
+
+export { FileUploadClearTrigger, FileUploadContext, FileUploadDropzone, FileUploadHiddenInput, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadRoot, FileUploadRootProvider, FileUploadTrigger, file_upload_exports, useFileUpload, useFileUploadContext };

package/dist/chunk/NHCOYBY5.jsx

@@ -0,0 +1,167 @@
+import {
+  useFieldContext
+} from "./YJ7NNN57.jsx";
+import {
+  createSplitProps
+} from "./6WEDGJKQ.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
+import {
+  useEnvironmentContext
+} from "./5O4RWSWO.jsx";
+import {
+  useLocaleContext
+} from "./3QQZKR3F.jsx";
+import {
+  createContext
+} from "./NMGUCD2L.jsx";
+import {
+  __export
+} from "./7IUG3E2V.jsx";
+
+// src/components/pin-input/use-pin-input-context.ts
+var [PinInputProvider, usePinInputContext] = createContext({
+  hookName: "usePinInputContext",
+  providerName: "<PinInputProvider />"
+});
+
+// src/components/pin-input/pin-input-context.tsx
+var PinInputContext = (props) => props.children(usePinInputContext());
+
+// src/components/pin-input/pin-input-control.tsx
+import { mergeProps } from "@zag-js/solid";
+var PinInputControl = (props) => {
+  const api = usePinInputContext();
+  const mergedProps = mergeProps(() => api().getControlProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/pin-input/pin-input-hidden-input.tsx
+import { mergeProps as mergeProps2 } from "@zag-js/solid";
+var PinInputHiddenInput = (props) => {
+  const pinInput2 = usePinInputContext();
+  const mergedProps = mergeProps2(() => pinInput2().getHiddenInputProps(), props);
+  const field = useFieldContext();
+  return <ark.input aria-describedby={field?.().ariaDescribedby} {...mergedProps} />;
+};
+
+// src/components/pin-input/pin-input-input.tsx
+import { mergeProps as mergeProps3 } from "@zag-js/solid";
+var PinInputInput = (props) => {
+  const [inputProps, localProps] = createSplitProps()(props, ["index"]);
+  const api = usePinInputContext();
+  const mergedProps = mergeProps3(() => api().getInputProps(inputProps), localProps);
+  return <ark.input {...mergedProps} />;
+};
+
+// src/components/pin-input/pin-input-label.tsx
+import { mergeProps as mergeProps4 } from "@zag-js/solid";
+var PinInputLabel = (props) => {
+  const api = usePinInputContext();
+  const mergedProps = mergeProps4(() => api().getLabelProps(), props);
+  return <ark.label {...mergedProps} />;
+};
+
+// src/components/pin-input/pin-input-root.tsx
+import { mergeProps as mergeProps5 } from "@zag-js/solid";
+
+// src/components/pin-input/use-pin-input.ts
+import * as pinInput from "@zag-js/pin-input";
+import { normalizeProps, useMachine } from "@zag-js/solid";
+import { createMemo, createUniqueId } from "solid-js";
+var usePinInput = (props) => {
+  const locale = useLocaleContext();
+  const environment = useEnvironmentContext();
+  const id = createUniqueId();
+  const field = useFieldContext();
+  const context = createMemo(() => ({
+    id,
+    ids: {
+      label: field?.().ids.label,
+      hiddenInput: field?.().ids.control
+    },
+    disabled: field?.().disabled,
+    readOnly: field?.().readOnly,
+    required: field?.().required,
+    invalid: field?.().invalid,
+    dir: locale().dir,
+    getRootNode: environment().getRootNode,
+    value: props.defaultValue,
+    ...props
+  }));
+  const [state, send] = useMachine(pinInput.machine(context()), { context });
+  return createMemo(() => pinInput.connect(state, send, normalizeProps));
+};
+
+// src/components/pin-input/pin-input-root.tsx
+var PinInputRoot = (props) => {
+  const [usePinInputProps, localProps] = createSplitProps()(props, [
+    "autoFocus",
+    "blurOnComplete",
+    "defaultValue",
+    "disabled",
+    "form",
+    "id",
+    "ids",
+    "invalid",
+    "mask",
+    "name",
+    "onValueChange",
+    "onValueComplete",
+    "onValueInvalid",
+    "otp",
+    "pattern",
+    "placeholder",
+    "readOnly",
+    "required",
+    "selectOnFocus",
+    "translations",
+    "type",
+    "value"
+  ]);
+  const pinInput2 = usePinInput(usePinInputProps);
+  const mergedProps = mergeProps5(() => pinInput2().getRootProps(), localProps);
+  return <PinInputProvider value={pinInput2}>
+      <ark.div {...mergedProps} />
+    </PinInputProvider>;
+};
+
+// src/components/pin-input/pin-input-root-provider.tsx
+import { mergeProps as mergeProps6 } from "@zag-js/solid";
+var PinInputRootProvider = (props) => {
+  const [{ value: pinInput2 }, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps6(() => pinInput2().getRootProps(), localProps);
+  return <PinInputProvider value={pinInput2}>
+      <ark.div {...mergedProps} />
+    </PinInputProvider>;
+};
+
+// src/components/pin-input/pin-input.anatomy.ts
+import { anatomy } from "@zag-js/pin-input";
+
+// src/components/pin-input/pin-input.ts
+var pin_input_exports = {};
+__export(pin_input_exports, {
+  Context: () => PinInputContext,
+  Control: () => PinInputControl,
+  HiddenInput: () => PinInputHiddenInput,
+  Input: () => PinInputInput,
+  Label: () => PinInputLabel,
+  Root: () => PinInputRoot,
+  RootProvider: () => PinInputRootProvider
+});
+
+export {
+  usePinInputContext,
+  PinInputContext,
+  PinInputControl,
+  PinInputHiddenInput,
+  PinInputInput,
+  PinInputLabel,
+  usePinInput,
+  PinInputRoot,
+  PinInputRootProvider,
+  anatomy,
+  pin_input_exports
+};

package/dist/chunk/NMGUCD2L.jsx

@@ -0,0 +1,33 @@
+// src/utils/create-context.ts
+import {
+  createContext as createSolidContext,
+  useContext as useSolidContext
+} from "solid-js";
+function getErrorMessage(hook, provider) {
+  return `${hook} returned \`undefined\`. Seems you forgot to wrap component within ${provider}`;
+}
+function createContext(options = {}) {
+  const {
+    strict = true,
+    hookName = "useContext",
+    providerName = "Provider",
+    errorMessage,
+    defaultValue
+  } = options;
+  const Context = createSolidContext(defaultValue);
+  function useContext() {
+    const context = useSolidContext(Context);
+    if (!context && strict) {
+      const error = new Error(errorMessage ?? getErrorMessage(hookName, providerName));
+      error.name = "ContextError";
+      Error.captureStackTrace?.(error, useContext);
+      throw error;
+    }
+    return context;
+  }
+  return [Context.Provider, useContext, Context];
+}
+
+export {
+  createContext
+};