@ark-ui/solid 5.15.4 → 5.16.1

package/dist/chunk/{PPQSRJ6X.jsx → 5PKZLVXE.jsx}

@@ -1,12 +1,12 @@
-import {
-  useFieldContext
-} from "./HQOIDGRU.jsx";
 import {
   PresenceProvider,
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./WC2HBDLJ.jsx";
+} from "./H6ODLFPJ.jsx";
+import {
+  useFieldContext
+} from "./HQOIDGRU.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -16,12 +16,12 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./E2L62MKC.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
+import {
+  useEnvironmentContext
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";

package/dist/chunk/{U5CBLW6U.jsx → ACABJNIJ.jsx}

@@ -3,19 +3,19 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./WC2HBDLJ.jsx";
+} from "./H6ODLFPJ.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./E2L62MKC.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
+import {
+  useEnvironmentContext
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";

package/dist/chunk/AQUEJK4Z.jsx

@@ -0,0 +1,122 @@
+// src/components/collection/grid-collection.ts
+import {
+  GridCollection
+} from "@zag-js/collection";
+var createGridCollection = (options) => new GridCollection(options);
+
+// src/components/collection/list-collection.ts
+import { ListCollection } from "@zag-js/collection";
+var createListCollection = (options) => new ListCollection(options);
+
+// src/components/collection/tree-collection.ts
+import {
+  TreeCollection,
+  filePathToTree
+} from "@zag-js/collection";
+var createTreeCollection = (options) => new TreeCollection(options);
+var createFileTreeCollection = (paths) => filePathToTree(paths);
+
+// src/components/collection/use-list-collection.ts
+import { createMemo, createSignal, splitProps } from "solid-js";
+function useListCollection(props) {
+  const splittedProps = createMemo(() => {
+    const rawProps = typeof props === "function" ? props() : props;
+    return splitProps(rawProps, ["initialItems", "filter", "limit"]);
+  });
+  const init = () => {
+    const [localProps] = splittedProps();
+    return localProps.initialItems;
+  };
+  const [items, setItemsImpl] = createSignal(init());
+  const [filterText, setFilterText] = createSignal("");
+  const setItems = (newItems) => {
+    setItemsImpl(newItems);
+    setFilterText("");
+  };
+  const create = (itemsToCreate) => {
+    const [, collectionOptions] = splittedProps();
+    return createListCollection({ ...collectionOptions, items: itemsToCreate });
+  };
+  const collection = createMemo(() => {
+    const [localProps, collectionOptions] = splittedProps();
+    const filter = localProps.filter;
+    let activeItems = items();
+    if (filterText() && filter) {
+      activeItems = create(items()).filter((itemString, _index, item) => filter(itemString, filterText(), item)).items;
+    }
+    const limitedItems = localProps.limit == null ? activeItems : activeItems.slice(0, localProps.limit);
+    return createListCollection({ ...collectionOptions, items: limitedItems });
+  });
+  return {
+    collection,
+    filter: (inputValue = "") => {
+      setFilterText(inputValue);
+    },
+    set: (newItems) => {
+      setItems(newItems);
+    },
+    reset: () => {
+      const [localProps] = splittedProps();
+      setItems(localProps.initialItems);
+    },
+    clear: () => {
+      setItems([]);
+    },
+    insert: (index, ...itemsToInsert) => {
+      const newItems = create(items()).insert(index, ...itemsToInsert).items;
+      setItems(newItems);
+    },
+    insertBefore: (value, ...itemsToInsert) => {
+      const newItems = create(items()).insertBefore(value, ...itemsToInsert).items;
+      setItems(newItems);
+    },
+    insertAfter: (value, ...itemsToInsert) => {
+      const newItems = create(items()).insertAfter(value, ...itemsToInsert).items;
+      setItems(newItems);
+    },
+    remove: (...itemOrValues) => {
+      const newItems = create(items()).remove(...itemOrValues).items;
+      setItems(newItems);
+    },
+    move: (value, to) => {
+      const newItems = create(items()).move(value, to).items;
+      setItems(newItems);
+    },
+    moveBefore: (value, ...values) => {
+      const newItems = create(items()).moveBefore(value, ...values).items;
+      setItems(newItems);
+    },
+    moveAfter: (value, ...values) => {
+      const newItems = create(items()).moveAfter(value, ...values).items;
+      setItems(newItems);
+    },
+    reorder: (from, to) => {
+      const newItems = create(items()).reorder(from, to).items;
+      setItems(newItems);
+    },
+    append: (...itemsToAppend) => {
+      const newItems = create(items()).append(...itemsToAppend).items;
+      setItems(newItems);
+    },
+    upsert: (value, item, mode = "append") => {
+      const newItems = create(items()).upsert(value, item, mode).items;
+      setItems(newItems);
+    },
+    prepend: (...itemsToPrepend) => {
+      const newItems = create(items()).prepend(...itemsToPrepend).items;
+      setItems(newItems);
+    },
+    update: (value, item) => {
+      const newItems = create(items()).update(value, item).items;
+      setItems(newItems);
+    }
+  };
+}
+
+export {
+  createGridCollection,
+  createListCollection,
+  createTreeCollection,
+  createFileTreeCollection,
+  useListCollection
+};

package/dist/chunk/{XKBIT7L5.jsx → BBWRZLB6.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./WC2HBDLJ.jsx";
+} from "./H6ODLFPJ.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -13,12 +13,12 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./E2L62MKC.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
+import {
+  useEnvironmentContext
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";

package/dist/chunk/{XIT3ASUI.jsx → C46RVY7A.jsx}

@@ -1,12 +1,12 @@
-import {
-  useFieldContext
-} from "./HQOIDGRU.jsx";
 import {
   PresenceProvider,
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./WC2HBDLJ.jsx";
+} from "./H6ODLFPJ.jsx";
+import {
+  useFieldContext
+} from "./HQOIDGRU.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -16,12 +16,12 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./E2L62MKC.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
+import {
+  useEnvironmentContext
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
@@ -299,6 +299,7 @@ var ColorPickerRoot = (props) => {
     "positioning",
     "readOnly",
     "required",
+    "inline",
     "value"
   ]);
   const api = useColorPicker(useColorPickerProps);

package/dist/chunk/{ZTNABPZL.jsx → EIA3BZ33.jsx}

@@ -1,27 +1,27 @@
 import {
   PresenceProvider,
   usePresence
-} from "./WC2HBDLJ.jsx";
-import {
-  composeRefs
-} from "./DOBZPYAN.jsx";
+} from "./H6ODLFPJ.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 "./E2L62MKC.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
+import {
+  useEnvironmentContext
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";

package/dist/chunk/{3VOFK5T4.jsx → FC67EFPW.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./WC2HBDLJ.jsx";
+} from "./H6ODLFPJ.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -13,12 +13,12 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./E2L62MKC.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
+import {
+  useEnvironmentContext
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
@@ -226,7 +226,8 @@ var DatePickerRoot = (props) => {
     "timeZone",
     "translations",
     "value",
-    "view"
+    "view",
+    "inline"
   ]);
   const api = useDatePicker(useDatePickerProps);
   const apiPresence = usePresence(mergeProps12(presenceProps, () => ({ present: api().open })));

package/dist/chunk/{S4OS4UYL.jsx → FRSNRGQK.jsx}

@@ -3,27 +3,27 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./WC2HBDLJ.jsx";
-import {
-  composeRefs
-} from "./DOBZPYAN.jsx";
+} from "./H6ODLFPJ.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 "./E2L62MKC.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
+import {
+  useEnvironmentContext
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";

package/dist/chunk/{L64MXP66.jsx → G3JCG6HD.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./WC2HBDLJ.jsx";
+} from "./H6ODLFPJ.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -13,12 +13,12 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./E2L62MKC.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
+import {
+  useEnvironmentContext
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";

package/dist/chunk/{KAYDBHSW.jsx → IDNDLSEV.jsx}

@@ -1,7 +1,7 @@
 import {
   collapsible_exports,
   useCollapsibleContext
-} from "./WHXDBQDP.jsx";
+} from "./Z2BXVXSV.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
@@ -13,12 +13,12 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./E2L62MKC.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
+import {
+  useEnvironmentContext
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";

package/dist/chunk/{QSOUO2RW.js → JBKKVPLG.js}

@@ -3,8 +3,8 @@ import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext }
 import { composeRefs } from './XN6EERRM.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './YO2MCGXO.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';
@@ -227,7 +227,7 @@ var useColorPicker = (props) => {
 // src/components/color-picker/color-picker-root.tsx
 var ColorPickerRoot = (props) => {
   const [presenceProps, colorPickerProps] = splitPresenceProps(props);
-  const [useColorPickerProps, localProps] = createSplitProps()(colorPickerProps, ["closeOnSelect", "defaultOpen", "defaultValue", "defaultFormat", "disabled", "format", "id", "ids", "initialFocusEl", "invalid", "name", "name", "onFocusOutside", "onFormatChange", "onInteractOutside", "onOpenChange", "onPointerDownOutside", "onValueChange", "onValueChangeEnd", "open", "openAutoFocus", "positioning", "readOnly", "required", "value"]);
+  const [useColorPickerProps, localProps] = createSplitProps()(colorPickerProps, ["closeOnSelect", "defaultOpen", "defaultValue", "defaultFormat", "disabled", "format", "id", "ids", "initialFocusEl", "invalid", "name", "name", "onFocusOutside", "onFormatChange", "onInteractOutside", "onOpenChange", "onPointerDownOutside", "onValueChange", "onValueChangeEnd", "open", "openAutoFocus", "positioning", "readOnly", "required", "inline", "value"]);
   const api = useColorPicker(useColorPickerProps);
   const apiPresence = usePresence(mergeProps(presenceProps, () => ({
     present: api().open

package/dist/chunk/{WOUVNHGI.jsx → JPJUQ5CI.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./WC2HBDLJ.jsx";
+} from "./H6ODLFPJ.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -13,12 +13,12 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./E2L62MKC.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
+import {
+  useEnvironmentContext
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";

package/dist/chunk/{XUH2TAUG.jsx → KIDL2HC3.jsx}

@@ -3,27 +3,27 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./WC2HBDLJ.jsx";
-import {
-  composeRefs
-} from "./DOBZPYAN.jsx";
+} from "./H6ODLFPJ.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 "./E2L62MKC.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
+import {
+  useEnvironmentContext
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";

package/dist/chunk/{VL4J24YY.js → NEP3K5KL.js}

@@ -1,9 +1,9 @@
-import { useCollapsibleContext, collapsible_exports } from './ROUJC6XC.js';
+import { useCollapsibleContext, collapsible_exports } from './SGY2KGDL.js';
 import { splitRenderStrategyProps, RenderStrategyProvider, useRenderStrategyContext } from './QFAL6GWC.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './YO2MCGXO.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';

package/dist/chunk/{RC4UV6HP.jsx → NVETRSKA.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./WC2HBDLJ.jsx";
+} from "./H6ODLFPJ.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -13,12 +13,12 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./E2L62MKC.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
+import {
+  useEnvironmentContext
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";

package/dist/chunk/{6QX2AKIJ.js → O6D2QF5I.js}

@@ -2,8 +2,8 @@ import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext }
 import { composeRefs } from './XN6EERRM.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './YO2MCGXO.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';
@@ -159,7 +159,7 @@ var useDatePicker = (props) => {
 // src/components/date-picker/date-picker-root.tsx
 var DatePickerRoot = (props) => {
   const [presenceProps, datePickerProps] = splitPresenceProps(props);
-  const [useDatePickerProps, localProps] = createSplitProps()(datePickerProps, ["closeOnSelect", "defaultFocusedValue", "defaultOpen", "defaultValue", "defaultView", "disabled", "fixedWeeks", "focusedValue", "format", "id", "ids", "isDateUnavailable", "locale", "max", "maxView", "min", "minView", "name", "numOfMonths", "outsideDaySelectable", "onFocusChange", "onOpenChange", "onValueChange", "onViewChange", "open", "parse", "placeholder", "positioning", "readOnly", "selectionMode", "startOfWeek", "timeZone", "translations", "value", "view"]);
+  const [useDatePickerProps, localProps] = createSplitProps()(datePickerProps, ["closeOnSelect", "defaultFocusedValue", "defaultOpen", "defaultValue", "defaultView", "disabled", "fixedWeeks", "focusedValue", "format", "id", "ids", "isDateUnavailable", "locale", "max", "maxView", "min", "minView", "name", "numOfMonths", "outsideDaySelectable", "onFocusChange", "onOpenChange", "onValueChange", "onViewChange", "open", "parse", "placeholder", "positioning", "readOnly", "selectionMode", "startOfWeek", "timeZone", "translations", "value", "view", "inline"]);
   const api = useDatePicker(useDatePickerProps);
   const apiPresence = usePresence(mergeProps(presenceProps, () => ({
     present: api().open

package/dist/chunk/{NCRPFSNO.jsx → VR5BNKL7.jsx}

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

package/dist/chunk/{2WR5J3OZ.jsx → WBYGZCTU.jsx}

@@ -1,12 +1,12 @@
-import {
-  useFieldContext
-} from "./HQOIDGRU.jsx";
 import {
   PresenceProvider,
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./WC2HBDLJ.jsx";
+} from "./H6ODLFPJ.jsx";
+import {
+  useFieldContext
+} from "./HQOIDGRU.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -16,12 +16,12 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./E2L62MKC.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
+import {
+  useEnvironmentContext
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";