@ark-ui/solid 5.16.1 → 5.18.0

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

@@ -3,15 +3,15 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./H6ODLFPJ.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";

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

@@ -1,12 +1,12 @@
+import {
+  useFieldContext
+} from "./HQOIDGRU.jsx";
 import {
   PresenceProvider,
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./H6ODLFPJ.jsx";
-import {
-  useFieldContext
-} from "./HQOIDGRU.jsx";
+} from "./WC2HBDLJ.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";

package/dist/chunk/7HON4OS6.js

@@ -0,0 +1,217 @@
+import { GridCollection, ListCollection, TreeCollection, filePathToTree, Selection } from '@zag-js/collection';
+import { createMemo, splitProps, createSignal, createEffect, on } from 'solid-js';
+
+// src/components/collection/grid-collection.ts
+var createGridCollection = (options) => new GridCollection(options);
+var createListCollection = (options) => new ListCollection(options);
+var createTreeCollection = (options) => new TreeCollection(options);
+var createFileTreeCollection = (paths) => filePathToTree(paths);
+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);
+    }
+  };
+}
+function useListSelection(props) {
+  const splittedProps = createMemo(() => {
+    const rawProps = typeof props === "function" ? props() : props;
+    return splitProps(rawProps, [
+      "collection",
+      "selectionMode",
+      "deselectable",
+      "initialSelectedValues",
+      "resetOnCollectionChange"
+    ]);
+  });
+  const createSelection = (values = []) => {
+    const [localProps] = splittedProps();
+    const selection2 = new Selection(values);
+    selection2.selectionMode = localProps.selectionMode ?? "single";
+    selection2.deselectable = localProps.deselectable ?? true;
+    return selection2;
+  };
+  const init = () => {
+    const [localProps] = splittedProps();
+    return createSelection(localProps.initialSelectedValues ?? []);
+  };
+  const [selection, setSelection] = createSignal(init());
+  const watchDeps = () => {
+    const [{ collection, resetOnCollectionChange }] = splittedProps();
+    return [collection.getValues(), resetOnCollectionChange];
+  };
+  createEffect(
+    on(
+      watchDeps,
+      ([, resetOnCollectionChange]) => {
+        if (resetOnCollectionChange) {
+          setSelection(createSelection());
+        }
+      },
+      { defer: true }
+    )
+  );
+  const selectedValues = createMemo(() => Array.from(selection()));
+  const isEmpty = createMemo(() => selection().isEmpty());
+  const firstSelectedValue = createMemo(() => {
+    const [localProps] = splittedProps();
+    return selection().firstSelectedValue(localProps.collection);
+  });
+  const lastSelectedValue = createMemo(() => {
+    const [localProps] = splittedProps();
+    return selection().lastSelectedValue(localProps.collection);
+  });
+  return {
+    selectedValues,
+    isEmpty,
+    firstSelectedValue,
+    lastSelectedValue,
+    isSelected: (value) => {
+      return selection().isSelected(value);
+    },
+    isAllSelected: () => {
+      const [localProps] = splittedProps();
+      const allValues = localProps.collection.getValues();
+      return allValues.length > 0 && allValues.every((value) => selection().isSelected(value));
+    },
+    isSomeSelected: () => {
+      const [localProps] = splittedProps();
+      const allValues = localProps.collection.getValues();
+      return allValues.some((value) => selection().isSelected(value));
+    },
+    canSelect: (value) => {
+      const [localProps] = splittedProps();
+      return selection().canSelect(localProps.collection, value);
+    },
+    select: (value, forceToggle) => {
+      const [localProps] = splittedProps();
+      setSelection(selection().select(localProps.collection, value, forceToggle));
+    },
+    deselect: (value) => {
+      setSelection(selection().deselect(value));
+    },
+    toggle: (value) => {
+      const [localProps] = splittedProps();
+      setSelection(selection().toggleSelection(localProps.collection, value));
+    },
+    replace: (value) => {
+      const [localProps] = splittedProps();
+      setSelection(selection().replaceSelection(localProps.collection, value));
+    },
+    extend: (anchorValue, targetValue) => {
+      const [localProps] = splittedProps();
+      setSelection(selection().extendSelection(localProps.collection, anchorValue, targetValue));
+    },
+    setSelectedValues: (values) => {
+      setSelection(selection().setSelection(values));
+    },
+    clear: () => {
+      setSelection(selection().clearSelection());
+    },
+    resetSelection: () => {
+      setSelection(createSelection());
+    },
+    setSelection: (newSelection) => {
+      setSelection(selection().setSelection(newSelection));
+    },
+    setSelectionMode: (mode) => {
+      const newSelection = selection().copy();
+      newSelection.selectionMode = mode;
+      setSelection(newSelection);
+    },
+    setDeselectable: (deselectable) => {
+      const newSelection = selection().copy();
+      newSelection.deselectable = deselectable;
+      setSelection(newSelection);
+    }
+  };
+}
+
+export { createFileTreeCollection, createGridCollection, createListCollection, createTreeCollection, useListCollection, useListSelection };

package/dist/chunk/{EIA3BZ33.jsx → 7OXBQSIZ.jsx}

@@ -1,15 +1,15 @@
 import {
   PresenceProvider,
   usePresence
-} from "./H6ODLFPJ.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";

package/dist/chunk/{FC67EFPW.jsx → D2MI7N5P.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./H6ODLFPJ.jsx";
+} from "./WC2HBDLJ.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";

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

@@ -1,12 +1,12 @@
+import {
+  useFieldContext
+} from "./HQOIDGRU.jsx";
 import {
   PresenceProvider,
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./H6ODLFPJ.jsx";
-import {
-  useFieldContext
-} from "./HQOIDGRU.jsx";
+} from "./WC2HBDLJ.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";

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

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./H6ODLFPJ.jsx";
+} from "./WC2HBDLJ.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";

package/dist/chunk/{P7WR6WX5.js → HJFJPRY5.js}

@@ -77,7 +77,7 @@ var useSignaturePad = (props) => {
 
 // src/components/signature-pad/signature-pad-root.tsx
 var SignaturePadRoot = (props) => {
-  const [useSignaturePadProps, localProps] = createSplitProps()(props, ["id", "ids", "drawing", "disabled", "readOnly", "name", "onDraw", "onDrawEnd", "readOnly", "required", "translations"]);
+  const [useSignaturePadProps, localProps] = createSplitProps()(props, ["id", "ids", "defaultPaths", "drawing", "disabled", "readOnly", "name", "onDraw", "onDrawEnd", "paths", "readOnly", "required", "translations"]);
   const signaturePad2 = useSignaturePad(useSignaturePadProps);
   const mergedProps = mergeProps(() => signaturePad2().getRootProps(), localProps);
   return createComponent(SignaturePadProvider, {

package/dist/chunk/{FQGMWBGA.js → HSBJVWHB.js}

@@ -151,7 +151,7 @@ var useFileUpload = (props) => {
 
 // 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", "preventDocumentDrop", "required", "translations", "transformFiles", "validate"]);
+  const [fileUploadProps, localProps] = createSplitProps()(props, ["accept", "acceptedFiles", "allowDrop", "capture", "defaultAcceptedFiles", "directory", "disabled", "id", "ids", "invalid", "locale", "maxFiles", "maxFileSize", "minFileSize", "name", "onFileAccept", "onFileChange", "onFileReject", "preventDocumentDrop", "required", "translations", "transformFiles", "validate"]);
   const fileUpload2 = useFileUpload(fileUploadProps);
   const mergedProps = mergeProps(() => fileUpload2().getRootProps(), localProps);
   return createComponent(FileUploadProvider, {

package/dist/chunk/{KNVMVQG6.jsx → L22RABDV.jsx}

@@ -143,6 +143,14 @@ var CheckboxGroup = (props) => {
     </CheckboxGroupContextProvider>;
 };
 
+// src/components/checkbox/checkbox-group-provider.tsx
+var CheckboxGroupProvider = (props) => {
+  const [localProps, restProps] = createSplitProps()(props, ["value"]);
+  return <CheckboxGroupContextProvider value={localProps.value}>
+      <ark.div role="group" {...restProps} {...checkboxAnatomy.build().group.attrs} />
+    </CheckboxGroupContextProvider>;
+};
+
 // src/components/checkbox/checkbox-hidden-input.tsx
 import { mergeProps as mergeProps2 } from "@zag-js/solid";
 var CheckboxHiddenInput = (props) => {
@@ -246,6 +254,7 @@ __export(checkbox_exports, {
   Context: () => CheckboxContext,
   Control: () => CheckboxControl,
   Group: () => CheckboxGroup,
+  GroupProvider: () => CheckboxGroupProvider,
   HiddenInput: () => CheckboxHiddenInput,
   Indicator: () => CheckboxIndicator,
   Label: () => CheckboxLabel,
@@ -261,6 +270,7 @@ export {
   useCheckboxGroup,
   useCheckboxGroupContext,
   CheckboxGroup,
+  CheckboxGroupProvider,
   CheckboxHiddenInput,
   CheckboxIndicator,
   CheckboxLabel,

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

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./H6ODLFPJ.jsx";
+} from "./WC2HBDLJ.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";

package/dist/chunk/{KJ353BY6.jsx → LBI4ZRKN.jsx}

@@ -110,12 +110,14 @@ var SignaturePadRoot = (props) => {
   const [useSignaturePadProps, localProps] = createSplitProps()(props, [
     "id",
     "ids",
+    "defaultPaths",
     "drawing",
     "disabled",
     "readOnly",
     "name",
     "onDraw",
     "onDrawEnd",
+    "paths",
     "readOnly",
     "required",
     "translations"

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

@@ -183,8 +183,10 @@ var useFileUpload = (props) => {
 var FileUploadRoot = (props) => {
   const [fileUploadProps, localProps] = createSplitProps()(props, [
     "accept",
+    "acceptedFiles",
     "allowDrop",
     "capture",
+    "defaultAcceptedFiles",
     "directory",
     "disabled",
     "id",

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

@@ -3,15 +3,15 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./H6ODLFPJ.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";

package/dist/chunk/{ZB7AEDAJ.jsx → XENPQFEN.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./H6ODLFPJ.jsx";
+} from "./WC2HBDLJ.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";