@ark-ui/solid 5.15.0 → 5.15.2

package/README.md

@@ -16,6 +16,7 @@ Ark UI is available for the following JavaScript frameworks:
 - **React**: `@ark-ui/react`
 - **Solid**: `@ark-ui/solid`
 - **Vue**: `@ark-ui/vue`
+- **Svelte**: `@ark-ui/svelte`
 
 ## Available Components
 

package/dist/chunk/{QTPO6CAG.jsx → 4L4266PL.jsx}

@@ -3,33 +3,33 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./T67EMHNB.jsx";
+} from "./WC2HBDLJ.jsx";
+import {
+  composeRefs
+} from "./DOBZPYAN.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
   useRenderStrategyContext
 } from "./NEBB7COJ.jsx";
-import {
-  composeRefs
-} from "./DOBZPYAN.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./6J5H27AQ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
+import {
+  useEnvironmentContext
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{LHJM3X56.jsx → 4T2T3PMU.jsx}

@@ -1,24 +1,24 @@
 import {
   useFieldContext
-} from "./O2Q7MOG6.jsx";
+} from "./HQOIDGRU.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./6J5H27AQ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
+import {
+  useEnvironmentContext
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/6ATAHZBX.js

@@ -0,0 +1,193 @@
+import { createSplitProps } from './ZMHI4GDJ.js';
+import { ark } from './EPLBB4QN.js';
+import { useLocaleContext } from './OKZ64GSY.js';
+import { useEnvironmentContext } from './YO2MCGXO.js';
+import { createContext } from './TROPIN4C.js';
+import { runIfFn } from './DT73WLR4.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 { children, createUniqueId, createMemo } from 'solid-js';
+import * as listbox from '@zag-js/listbox';
+export { anatomy } from '@zag-js/listbox';
+
+// src/components/listbox/use-listbox-context.ts
+var [ListboxProvider, useListboxContext] = createContext({
+  hookName: "useListboxContext",
+  providerName: "<ListboxProvider />"
+});
+
+// src/components/listbox/listbox-context.tsx
+function ListboxContext(props) {
+  return props.children(useListboxContext());
+}
+var ListboxContent = (props) => {
+  const listbox2 = useListboxContext();
+  const mergedProps = mergeProps(() => listbox2().getContentProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var ListboxInput = (props) => {
+  const [inputProps, localProps] = createSplitProps()(props, ["autoHighlight"]);
+  const listbox2 = useListboxContext();
+  const mergedProps = mergeProps(() => listbox2().getInputProps(inputProps), localProps);
+  return createComponent(ark.input, mergedProps);
+};
+
+// src/components/listbox/use-listbox-item-context.ts
+var [ListboxItemProvider, useListboxItemContext] = createContext({
+  hookName: "useListboxItemContext",
+  providerName: "<ListboxItemProvider />"
+});
+
+// src/components/listbox/use-listbox-item-props-context.ts
+var [ListboxItemPropsProvider, useListboxItemPropsContext] = createContext({
+  hookName: "useListboxItemPropsContext",
+  providerName: "<ListboxItemPropsProvider />"
+});
+
+// src/components/listbox/listbox-item.tsx
+var ListboxItem = (props) => {
+  const [itemProps, localProps] = createSplitProps()(props, ["item", "highlightOnHover"]);
+  const listbox2 = useListboxContext();
+  const mergedProps = mergeProps(() => listbox2().getItemProps(itemProps), localProps);
+  const itemState = () => listbox2().getItemState(itemProps);
+  return createComponent(ListboxItemPropsProvider, {
+    value: itemProps,
+    get children() {
+      return createComponent(ListboxItemProvider, {
+        get value() {
+          return itemState();
+        },
+        get children() {
+          return createComponent(ark.div, mergedProps);
+        }
+      });
+    }
+  });
+};
+
+// src/components/listbox/listbox-item-context.tsx
+function ListboxItemContext(props) {
+  return props.children(useListboxItemContext());
+}
+
+// src/components/listbox/use-listbox-item-group-props-context.ts
+var [ListboxItemGroupPropsProvider, useListboxItemGroupPropsContext] = createContext({
+  hookName: "useListboxItemGroupPropsContext",
+  providerName: "<ListboxItemGroupPropsProvider />"
+});
+
+// src/components/listbox/listbox-item-group.tsx
+var ListboxItemGroup = (props) => {
+  const id = createUniqueId();
+  const [_itemGroupProps, localProps] = createSplitProps()(props, ["id"]);
+  const itemGroupProps = {
+    id,
+    ..._itemGroupProps
+  };
+  const listbox2 = useListboxContext();
+  const mergedProps = mergeProps(() => listbox2().getItemGroupProps(itemGroupProps), localProps);
+  return createComponent(ListboxItemGroupPropsProvider, {
+    value: itemGroupProps,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var ListboxItemGroupLabel = (props) => {
+  const listbox2 = useListboxContext();
+  const itemGroupProps = useListboxItemGroupPropsContext();
+  const mergedProps = mergeProps(() => listbox2().getItemGroupLabelProps({
+    htmlFor: itemGroupProps.id
+  }), props);
+  return createComponent(ark.div, mergedProps);
+};
+var ListboxItemIndicator = (props) => {
+  const listbox2 = useListboxContext();
+  const itemProps = useListboxItemPropsContext();
+  const mergedProps = mergeProps(() => listbox2().getItemIndicatorProps(itemProps), props);
+  return createComponent(ark.div, mergedProps);
+};
+var ListboxItemText = (props) => {
+  const listbox2 = useListboxContext();
+  const itemProps = useListboxItemPropsContext();
+  const mergedProps = mergeProps(() => listbox2().getItemTextProps(itemProps), props);
+  return createComponent(ark.div, mergedProps);
+};
+var ListboxLabel = (props) => {
+  const listbox2 = useListboxContext();
+  const mergedProps = mergeProps(() => listbox2().getLabelProps(), props);
+  return createComponent(ark.label, mergedProps);
+};
+var useListbox = (props) => {
+  const id = createUniqueId();
+  const locale = useLocaleContext();
+  const environment = useEnvironmentContext();
+  const machineProps = createMemo(() => ({
+    id,
+    dir: locale().dir,
+    getRootNode: environment().getRootNode,
+    ...runIfFn(props)
+  }));
+  const service = useMachine(listbox.machine, machineProps);
+  return createMemo(() => listbox.connect(service, normalizeProps));
+};
+
+// src/components/listbox/listbox-root.tsx
+var ListboxRoot = (props) => {
+  const [useListboxProps, localProps] = createSplitProps()(props, ["collection", "defaultHighlightedValue", "defaultValue", "deselectable", "disabled", "disallowSelectAll", "highlightedValue", "id", "ids", "loopFocus", "onHighlightChange", "onSelect", "onValueChange", "orientation", "scrollToIndexFn", "selectionMode", "selectOnHighlight", "typeahead", "value"]);
+  const listbox2 = useListbox(useListboxProps);
+  const mergedProps = mergeProps(() => listbox2().getRootProps(), localProps);
+  return createComponent(ListboxProvider, {
+    value: listbox2,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var ListboxRootProvider = (props) => {
+  const [{
+    value: listbox2
+  }, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps(() => listbox2().getRootProps(), localProps);
+  return createComponent(ListboxProvider, {
+    value: listbox2,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var ListboxValueText = (props) => {
+  const {
+    placeholder,
+    ...localprops
+  } = props;
+  const listbox2 = useListboxContext();
+  const mergedProps = mergeProps(() => listbox2().getValueTextProps(), localprops);
+  const resolved = children(() => props.children);
+  return createComponent(ark.span, mergeProps$1(mergedProps, {
+    get children() {
+      return resolved() || listbox2().valueAsString || placeholder;
+    }
+  }));
+};
+
+// src/components/listbox/listbox.ts
+var listbox_exports = {};
+__export(listbox_exports, {
+  Content: () => ListboxContent,
+  Context: () => ListboxContext,
+  Input: () => ListboxInput,
+  Item: () => ListboxItem,
+  ItemContext: () => ListboxItemContext,
+  ItemGroup: () => ListboxItemGroup,
+  ItemGroupLabel: () => ListboxItemGroupLabel,
+  ItemIndicator: () => ListboxItemIndicator,
+  ItemText: () => ListboxItemText,
+  Label: () => ListboxLabel,
+  Root: () => ListboxRoot,
+  RootProvider: () => ListboxRootProvider,
+  ValueText: () => ListboxValueText
+});
+
+export { ListboxContent, ListboxContext, ListboxInput, ListboxItem, ListboxItemContext, ListboxItemGroup, ListboxItemGroupLabel, ListboxItemIndicator, ListboxItemText, ListboxLabel, ListboxRoot, ListboxRootProvider, ListboxValueText, listbox_exports, useListbox, useListboxContext, useListboxItemContext };

package/dist/chunk/{QZL7A4I6.jsx → 6XAZQVOY.jsx}

@@ -1,12 +1,12 @@
+import {
+  useFieldContext
+} from "./HQOIDGRU.jsx";
 import {
   PresenceProvider,
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./T67EMHNB.jsx";
-import {
-  useFieldContext
-} from "./O2Q7MOG6.jsx";
+} from "./WC2HBDLJ.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -16,18 +16,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./6J5H27AQ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
+import {
+  useEnvironmentContext
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{WYNHVCCC.jsx → 7FASJWDK.jsx}

@@ -4,18 +4,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./6J5H27AQ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
+import {
+  useEnvironmentContext
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{4JKVIHU2.jsx → 7OXBQSIZ.jsx}

@@ -1,33 +1,33 @@
 import {
   PresenceProvider,
   usePresence
-} from "./T67EMHNB.jsx";
+} from "./WC2HBDLJ.jsx";
+import {
+  composeRefs
+} from "./DOBZPYAN.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
   useRenderStrategyContext
 } from "./NEBB7COJ.jsx";
-import {
-  composeRefs
-} from "./DOBZPYAN.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./6J5H27AQ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
+import {
+  useEnvironmentContext
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{UBCF5HI7.jsx → 7RYPC5LL.jsx}

@@ -4,18 +4,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./6J5H27AQ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
+import {
+  useEnvironmentContext
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{NUPYPPGN.jsx → 7UNWOGPT.jsx}

@@ -1,24 +1,24 @@
 import {
   useFieldContext
-} from "./O2Q7MOG6.jsx";
+} from "./HQOIDGRU.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./6J5H27AQ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
+import {
+  useEnvironmentContext
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{5UVX33V2.jsx → CINP4S7J.jsx}

@@ -4,18 +4,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./6J5H27AQ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
+import {
+  useEnvironmentContext
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{IFVMP7PM.jsx → DLZTFD37.jsx}

@@ -1,12 +1,12 @@
+import {
+  useFieldContext
+} from "./HQOIDGRU.jsx";
 import {
   PresenceProvider,
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./T67EMHNB.jsx";
-import {
-  useFieldContext
-} from "./O2Q7MOG6.jsx";
+} from "./WC2HBDLJ.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -16,18 +16,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./6J5H27AQ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
+import {
+  useEnvironmentContext
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{PNYN26W7.jsx → FG427CLW.jsx}

@@ -4,18 +4,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./6J5H27AQ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
+import {
+  useEnvironmentContext
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{P5ZRUIVB.jsx → FOIEK72O.jsx}

@@ -4,18 +4,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./6J5H27AQ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
+import {
+  useEnvironmentContext
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{6Q4ZZUWZ.jsx → GKS4JQZJ.jsx}

@@ -6,13 +6,13 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./6J5H27AQ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{OIG52XTL.jsx → GLN6WFQR.jsx}

@@ -1,12 +1,12 @@
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./6J5H27AQ.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
+import {
+  useEnvironmentContext
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";

package/dist/chunk/{7JA2F6LW.jsx → H4MJ4254.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./T67EMHNB.jsx";
+} from "./WC2HBDLJ.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -13,18 +13,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./6J5H27AQ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
+import {
+  useEnvironmentContext
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{O2Q7MOG6.jsx → HQOIDGRU.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldsetContext
-} from "./FS6GEMRM.jsx";
+} from "./JY6PMVAK.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -12,7 +12,7 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./6J5H27AQ.jsx";
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";