@ark-ui/solid 4.3.0 → 4.5.0

package/dist/chunk/IUQBNCKP.js

@@ -0,0 +1,214 @@
+import { collapsible_exports } from './3HMZSTYX.js';
+import { useRenderStrategyContext, splitRenderStrategyProps, RenderStrategyProvider } from './L7OSYHVR.js';
+import { createSplitProps } from './ZMHI4GDJ.js';
+import { ark } from './EPLBB4QN.js';
+import { useEnvironmentContext } from './QODB3C3M.js';
+import { useLocaleContext } from './HPDOBQ3V.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 { 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-context.ts
+var [TreeViewProvider, useTreeViewContext] = createContext({
+  hookName: "useTreeViewContext",
+  providerName: "<TreeViewProvider />"
+});
+
+// src/components/tree-view/use-tree-view-node-props-context.ts
+var [TreeViewNodePropsProvider, useTreeViewNodePropsContext] = createContext({
+  hookName: "useTreeViewNodePropsContext",
+  providerName: "<TreeViewNodeProvider />"
+});
+
+// src/components/tree-view/tree-view-branch.tsx
+var TreeViewBranch = (props) => {
+  const treeView2 = useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext();
+  const renderStrategyProps = useRenderStrategyContext();
+  const nodeState = createMemo(() => treeView2().getNodeState(nodeProps));
+  const branchContentProps = treeView2().getBranchContentProps(nodeProps);
+  const mergedProps = mergeProps(() => treeView2().getBranchProps(nodeProps), props);
+  return createComponent(collapsible_exports.Root, mergeProps$1({
+    get open() {
+      return nodeState().expanded;
+    },
+    get ids() {
+      return {
+        content: branchContentProps.id
+      };
+    }
+  }, renderStrategyProps, mergedProps));
+};
+var splitVisibilityProps = createSplitProps();
+var TreeViewBranchContent = (props) => {
+  const treeView2 = useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext();
+  const branchContentProps = createMemo(() => {
+    const contentProps = treeView2().getBranchContentProps(nodeProps);
+    const [, ownProps] = splitVisibilityProps(contentProps, ["hidden", "data-state"]);
+    return ownProps;
+  });
+  const mergedProps = mergeProps(() => branchContentProps(), props);
+  return createComponent(collapsible_exports.Content, mergedProps);
+};
+var TreeViewBranchControl = (props) => {
+  const treeView2 = useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext();
+  const mergedProps = mergeProps(() => treeView2().getBranchControlProps(nodeProps), props);
+  return createComponent(ark.div, mergedProps);
+};
+var TreeViewBranchIndentGuide = (props) => {
+  const treeView2 = useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext();
+  const mergedProps = mergeProps(() => treeView2().getBranchIndentGuideProps(nodeProps), props);
+  return createComponent(ark.div, mergedProps);
+};
+var TreeViewBranchIndicator = (props) => {
+  const treeView2 = useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext();
+  const mergedProps = mergeProps(() => treeView2().getBranchIndicatorProps(nodeProps), props);
+  return createComponent(ark.div, mergedProps);
+};
+var TreeViewBranchText = (props) => {
+  const treeView2 = useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext();
+  const mergedProps = mergeProps(() => treeView2().getBranchTextProps(nodeProps), props);
+  return createComponent(ark.span, mergedProps);
+};
+var TreeViewBranchTrigger = (props) => {
+  const treeView2 = useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext();
+  const mergedProps = mergeProps(() => treeView2().getBranchTriggerProps(nodeProps), props);
+  return createComponent(ark.div, mergedProps);
+};
+var TreeViewItem = (props) => {
+  const treeView2 = useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext();
+  const mergedProps = mergeProps(() => treeView2().getItemProps(nodeProps), props);
+  return createComponent(ark.div, mergedProps);
+};
+var TreeViewItemIndicator = (props) => {
+  const treeView2 = useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext();
+  const mergedProps = mergeProps(() => treeView2().getItemIndicatorProps(nodeProps), props);
+  return createComponent(ark.div, mergedProps);
+};
+var TreeViewItemText = (props) => {
+  const treeView2 = useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext();
+  const mergedProps = mergeProps(() => treeView2().getItemTextProps(nodeProps), props);
+  return createComponent(ark.span, mergedProps);
+};
+var TreeViewLabel = (props) => {
+  const treeView2 = useTreeViewContext();
+  const mergedProps = mergeProps(() => treeView2().getLabelProps(), props);
+  return createComponent(ark.label, mergedProps);
+};
+
+// src/components/tree-view/use-tree-view-node-context.ts
+var [TreeViewNodeProvider, useTreeViewNodeContext] = createContext(
+  {
+    hookName: "useTreeViewNodeContext",
+    providerName: "<TreeViewNodeProvider />"
+  }
+);
+
+// src/components/tree-view/tree-view-node-context.ts
+var TreeViewNodeContext = (props) => props.children(useTreeViewNodeContext());
+function TreeViewNodeProvider2(props) {
+  const [nodeProps, localProps] = createSplitProps()(props, ["indexPath", "node"]);
+  return createComponent(TreeViewNodePropsProvider, {
+    value: nodeProps,
+    get children() {
+      return localProps.children;
+    }
+  });
+}
+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 [renderStrategyProps, treeViewProps] = splitRenderStrategyProps(props);
+  const [useTreeViewProps, localProps] = createSplitProps()(treeViewProps, ["collection", "defaultExpandedValue", "defaultSelectedValue", "expandedValue", "expandOnClick", "focusedValue", "id", "ids", "onExpandedChange", "onFocusChange", "onSelectionChange", "selectedValue", "selectionMode", "typeahead"]);
+  const treeView2 = useTreeView(useTreeViewProps);
+  const mergedProps = mergeProps(() => treeView2().getRootProps(), localProps);
+  return createComponent(TreeViewProvider, {
+    value: treeView2,
+    get children() {
+      return createComponent(RenderStrategyProvider, {
+        value: renderStrategyProps,
+        get children() {
+          return createComponent(ark.div, mergedProps);
+        }
+      });
+    }
+  });
+};
+var TreeViewRootProvider = (props) => {
+  const [renderStrategyProps, treeViewProps] = splitRenderStrategyProps(props);
+  const [{
+    value: treeView2
+  }, localProps] = createSplitProps()(treeViewProps, ["value"]);
+  const mergedProps = mergeProps(() => treeView2().getRootProps(), localProps);
+  return createComponent(TreeViewProvider, {
+    value: treeView2,
+    get children() {
+      return createComponent(RenderStrategyProvider, {
+        value: renderStrategyProps,
+        get children() {
+          return createComponent(ark.div, mergedProps);
+        }
+      });
+    }
+  });
+};
+var TreeViewTree = (props) => {
+  const treeView2 = useTreeViewContext();
+  const mergedProps = mergeProps(() => treeView2().getTreeProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+
+// src/components/tree-view/tree-view.ts
+var tree_view_exports = {};
+__export(tree_view_exports, {
+  Branch: () => TreeViewBranch,
+  BranchContent: () => TreeViewBranchContent,
+  BranchControl: () => TreeViewBranchControl,
+  BranchIndentGuide: () => TreeViewBranchIndentGuide,
+  BranchIndicator: () => TreeViewBranchIndicator,
+  BranchText: () => TreeViewBranchText,
+  BranchTrigger: () => TreeViewBranchTrigger,
+  Context: () => TreeViewContext,
+  Item: () => TreeViewItem,
+  ItemIndicator: () => TreeViewItemIndicator,
+  ItemText: () => TreeViewItemText,
+  Label: () => TreeViewLabel,
+  NodeContext: () => TreeViewNodeContext,
+  NodeProvider: () => TreeViewNodeProvider2,
+  Root: () => TreeViewRoot,
+  RootProvider: () => TreeViewRootProvider,
+  Tree: () => TreeViewTree
+});
+
+// src/components/tree-view/tree-view-context.tsx
+var TreeViewContext = (props) => props.children(useTreeViewContext());
+
+export { TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndentGuide, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchTrigger, TreeViewItem, TreeViewItemIndicator, TreeViewItemText, TreeViewLabel, TreeViewNodeContext, TreeViewNodeProvider2 as TreeViewNodeProvider, TreeViewRoot, TreeViewRootProvider, TreeViewTree, tree_view_exports, useTreeView };

package/dist/chunk/{OAZ77M7Q.jsx → LQVOH74V.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./LS7TV3SH.jsx";
+} from "./TY6NCPFG.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";

package/dist/chunk/{42CZQMX2.js → M2FICVVI.js}

@@ -1,8 +1,8 @@
 import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './LCESUDZB.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useLocaleContext } from './HPDOBQ3V.js';
 import { useEnvironmentContext } from './QODB3C3M.js';
+import { useLocaleContext } from './HPDOBQ3V.js';
 import { createContext } from './I5UG2QUO.js';
 import { __export } from './ESLJRKWD.js';
 export { parseTime } from '@internationalized/date';
@@ -10,6 +10,7 @@ import { createComponent } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
 import { Show, createUniqueId, createMemo } from 'solid-js';
 import * as timePicker from '@zag-js/time-picker';
+export { anatomy } from '@zag-js/time-picker';
 
 // src/components/time-picker/use-time-picker-column-props-context.ts
 var [TimePickerColumnPropsProvider, useTimePickerColumnPropsContext] = createContext({

package/dist/chunk/{OKMXOUR3.js → MXNJZWRV.js}

@@ -1,9 +1,9 @@
+import { useFieldContext } from './PBJ7MGGS.js';
 import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './LCESUDZB.js';
-import { useFieldContext } from './Q5KLHHE3.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useLocaleContext } from './HPDOBQ3V.js';
 import { useEnvironmentContext } from './QODB3C3M.js';
+import { useLocaleContext } from './HPDOBQ3V.js';
 import { createContext } from './I5UG2QUO.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
@@ -194,7 +194,7 @@ var useCombobox = (props) => {
 // src/components/combobox/combobox-root.tsx
 var ComboboxRoot = (props) => {
   const [presenceProps, comboboxProps] = splitPresenceProps(props);
-  const [useComboboxProps, localProps] = createSplitProps()(comboboxProps, ["allowCustomValue", "autoFocus", "closeOnSelect", "collection", "composite", "defaultOpen", "defaultValue", "disabled", "disableLayer", "form", "getSelectionValue", "highlightedValue", "id", "ids", "inputBehavior", "inputValue", "invalid", "loopFocus", "multiple", "name", "onFocusOutside", "onHighlightChange", "onInputValueChange", "onInteractOutside", "onOpenChange", "onOpenChange", "onPointerDownOutside", "onValueChange", "open", "openOnChange", "openOnClick", "openOnKeyPress", "placeholder", "positioning", "readOnly", "required", "scrollToIndexFn", "selectionBehavior", "translations", "value"]);
+  const [useComboboxProps, localProps] = createSplitProps()(comboboxProps, ["allowCustomValue", "autoFocus", "closeOnSelect", "collection", "composite", "defaultOpen", "defaultValue", "disabled", "disableLayer", "form", "highlightedValue", "id", "ids", "inputBehavior", "inputValue", "invalid", "loopFocus", "multiple", "name", "onFocusOutside", "onHighlightChange", "onInputValueChange", "onInteractOutside", "onOpenChange", "onOpenChange", "onPointerDownOutside", "onValueChange", "open", "openOnChange", "openOnClick", "openOnKeyPress", "placeholder", "positioning", "readOnly", "required", "scrollToIndexFn", "selectionBehavior", "translations", "value"]);
   const api = useCombobox(useComboboxProps);
   const apiPresence = usePresence(mergeProps(presenceProps, () => ({
     present: api().open

package/dist/chunk/{2HGEDMNF.js → MZPPLECL.js}

@@ -1,8 +1,8 @@
-import { useFieldContext } from './Q5KLHHE3.js';
+import { useFieldContext } from './PBJ7MGGS.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useLocaleContext } from './HPDOBQ3V.js';
 import { useEnvironmentContext } from './QODB3C3M.js';
+import { useLocaleContext } from './HPDOBQ3V.js';
 import { createContext } from './I5UG2QUO.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';

package/dist/chunk/{Q5KLHHE3.js → PBJ7MGGS.js}

@@ -5,9 +5,10 @@ import { createContext } from './I5UG2QUO.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps } from '@zag-js/solid';
-import { Show, mergeProps as mergeProps$2, createSignal, createUniqueId, createEffect, createMemo } from 'solid-js';
+import { Show, createEffect, mergeProps as mergeProps$2, createSignal, createUniqueId, createMemo } from 'solid-js';
 import { dataAttr, ariaAttr } from '@zag-js/dom-query';
 import { createAnatomy } from '@zag-js/anatomy';
+import { autoresizeTextarea } from '@zag-js/auto-resize';
 
 // src/components/field/use-field-context.ts
 var [FieldProvider, useFieldContext] = createContext({
@@ -187,8 +188,26 @@ var FieldSelect = (props) => {
 };
 var FieldTextarea = (props) => {
   const field = useFieldContext();
-  const mergedProps = mergeProps(() => field?.().getTextareaProps(), props);
-  return createComponent(ark.textarea, mergedProps);
+  let textareaRef;
+  const {
+    autoresize,
+    ...textareaProps
+  } = props;
+  const mergedProps = mergeProps(() => field?.().getTextareaProps(), () => ({
+    style: {
+      resize: autoresize ? "none" : void 0
+    }
+  }), textareaProps);
+  createEffect(() => {
+    if (!autoresize) return;
+    const cleanup = autoresizeTextarea(textareaRef);
+    return cleanup;
+  });
+  return createComponent(ark.textarea, mergeProps$1(mergedProps, {
+    ref: (el) => {
+      textareaRef = el;
+    }
+  }));
 };
 var FieldRequiredIndicator = (props) => {
   const field = useFieldContext();

package/dist/chunk/{3FKZ6KJD.jsx → PSWXIR5X.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./LS7TV3SH.jsx";
+} from "./TY6NCPFG.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";

package/dist/chunk/{PTS474GD.js → PZ7ZCWGA.js}

@@ -1,8 +1,8 @@
-import { useFieldContext } from './Q5KLHHE3.js';
+import { useFieldContext } from './PBJ7MGGS.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useLocaleContext } from './HPDOBQ3V.js';
 import { useEnvironmentContext } from './QODB3C3M.js';
+import { useLocaleContext } from './HPDOBQ3V.js';
 import { createContext } from './I5UG2QUO.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';

package/dist/chunk/{IZYDGYQY.jsx → PZDCODVM.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./LS7TV3SH.jsx";
+} from "./TY6NCPFG.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -123,7 +123,7 @@ var FileUploadItemPreviewImage = (props) => {
     onCleanup(cleanup);
   });
   const mergedProps = mergeProps9(
-    fileUpload2().getItemPreviewImageProps({ ...itemProps, url: url() }),
+    () => fileUpload2().getItemPreviewImageProps({ ...itemProps, url: url() }),
     props
   );
   return <ark.img {...mergedProps} />;

package/dist/chunk/{RFPBNMT7.js → QKZQOQUB.js}

@@ -1,9 +1,9 @@
 import { useControllableState } from './BSPFGETO.js';
-import { useFieldContext } from './Q5KLHHE3.js';
+import { useFieldContext } from './PBJ7MGGS.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useLocaleContext } from './HPDOBQ3V.js';
 import { useEnvironmentContext } from './QODB3C3M.js';
+import { useLocaleContext } from './HPDOBQ3V.js';
 import { createContext } from './I5UG2QUO.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';

package/dist/chunk/{OX5YYZLK.jsx → RSBH7AZU.jsx}

@@ -86,7 +86,7 @@ var AccordionItemContent = (props) => {
     ]);
     return ownProps;
   });
-  const mergedProps = mergeProps2(itemContentProps, props);
+  const mergedProps = mergeProps2(() => itemContentProps(), props);
   return <collapsible_exports.Content {...mergedProps} />;
 };
 

package/dist/chunk/{SWSA36TD.jsx → THR7KNY2.jsx}

@@ -1,12 +1,12 @@
+import {
+  useFieldContext
+} from "./TY6NCPFG.jsx";
 import {
   PresenceProvider,
   splitPresenceProps,
   usePresence,
   usePresenceContext
 } from "./E72NMPSK.jsx";
-import {
-  useFieldContext
-} from "./LS7TV3SH.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";

package/dist/chunk/{LS7TV3SH.jsx → TY6NCPFG.jsx}

@@ -233,11 +233,29 @@ var FieldSelect = (props) => {
 };
 
 // src/components/field/field-textarea.tsx
+import { autoresizeTextarea } from "@zag-js/auto-resize";
 import { mergeProps as mergeProps9 } from "@zag-js/solid";
+import { createEffect as createEffect2 } from "solid-js";
 var FieldTextarea = (props) => {
   const field = useFieldContext();
-  const mergedProps = mergeProps9(() => field?.().getTextareaProps(), props);
-  return <ark.textarea {...mergedProps} />;
+  let textareaRef;
+  const { autoresize, ...textareaProps } = props;
+  const mergedProps = mergeProps9(
+    () => field?.().getTextareaProps(),
+    () => ({ style: { resize: autoresize ? "none" : void 0 } }),
+    textareaProps
+  );
+  createEffect2(() => {
+    if (!autoresize) return;
+    const cleanup = autoresizeTextarea(textareaRef);
+    return cleanup;
+  });
+  return <ark.textarea
+    {...mergedProps}
+    ref={(el) => {
+      textareaRef = el;
+    }}
+  />;
 };
 
 // src/components/field/field-required-indicator.tsx

package/dist/chunk/{GLJ4SETU.jsx → U6PDXLCA.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./LS7TV3SH.jsx";
+} from "./TY6NCPFG.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";

package/dist/chunk/{NCE7GTLS.js → UXJGHMFS.js}

@@ -1,8 +1,8 @@
-import { useFieldContext } from './Q5KLHHE3.js';
+import { useFieldContext } from './PBJ7MGGS.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useLocaleContext } from './HPDOBQ3V.js';
 import { useEnvironmentContext } from './QODB3C3M.js';
+import { useLocaleContext } from './HPDOBQ3V.js';
 import { createContext } from './I5UG2QUO.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';

package/dist/chunk/{FGNZD6WP.jsx → UYIC346K.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./LS7TV3SH.jsx";
+} from "./TY6NCPFG.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";

package/dist/chunk/{JS3C64H5.js → VIUEKSBO.js}

@@ -1,8 +1,8 @@
-import { useFieldContext } from './Q5KLHHE3.js';
+import { useFieldContext } from './PBJ7MGGS.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useLocaleContext } from './HPDOBQ3V.js';
 import { useEnvironmentContext } from './QODB3C3M.js';
+import { useLocaleContext } from './HPDOBQ3V.js';
 import { createContext } from './I5UG2QUO.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';

package/dist/chunk/{IFXE5SWX.js → VQWGXSW6.js}

@@ -1,9 +1,9 @@
+import { useFieldContext } from './PBJ7MGGS.js';
 import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './LCESUDZB.js';
-import { useFieldContext } from './Q5KLHHE3.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useLocaleContext } from './HPDOBQ3V.js';
 import { useEnvironmentContext } from './QODB3C3M.js';
+import { useLocaleContext } from './HPDOBQ3V.js';
 import { createContext } from './I5UG2QUO.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1, effect, template } from 'solid-js/web';

package/dist/chunk/{7WAPCEAY.js → VZFG6XYZ.js}

@@ -1,8 +1,8 @@
-import { useFieldContext } from './Q5KLHHE3.js';
+import { useFieldContext } from './PBJ7MGGS.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useLocaleContext } from './HPDOBQ3V.js';
 import { useEnvironmentContext } from './QODB3C3M.js';
+import { useLocaleContext } from './HPDOBQ3V.js';
 import { createContext } from './I5UG2QUO.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';

package/dist/chunk/{HEKFQEI5.js → ZUPWC76X.js}

@@ -1,8 +1,8 @@
-import { useFieldContext } from './Q5KLHHE3.js';
+import { useFieldContext } from './PBJ7MGGS.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useLocaleContext } from './HPDOBQ3V.js';
 import { useEnvironmentContext } from './QODB3C3M.js';
+import { useLocaleContext } from './HPDOBQ3V.js';
 import { createContext } from './I5UG2QUO.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
@@ -96,7 +96,7 @@ var FileUploadItemPreviewImage = (props) => {
     const cleanup = fileUpload2().createFileUrl(itemProps.file, (url2) => setUrl(url2));
     onCleanup(cleanup);
   });
-  const mergedProps = mergeProps(fileUpload2().getItemPreviewImageProps({
+  const mergedProps = mergeProps(() => fileUpload2().getItemPreviewImageProps({
     ...itemProps,
     url: url()
   }), props);

package/dist/chunk/{VDX7IT74.jsx → ZX3QOLR2.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./LS7TV3SH.jsx";
+} from "./TY6NCPFG.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";

package/dist/components/accordion/index.js

@@ -1 +1 @@
-export { accordion_exports as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, anatomy as accordionAnatomy, useAccordion, useAccordionContext, useAccordionItemContext } from '../../chunk/CYRK6TAN.js';
+export { accordion_exports as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, anatomy as accordionAnatomy, useAccordion, useAccordionContext, useAccordionItemContext } from '../../chunk/34OZO53S.js';

package/dist/components/accordion/index.jsx

@@ -12,7 +12,7 @@ import {
   useAccordion,
   useAccordionContext,
   useAccordionItemContext
-} from "../../chunk/OX5YYZLK.jsx";
+} from "../../chunk/RSBH7AZU.jsx";
 import "../../chunk/PQ3UNZE4.jsx";
 import "../../chunk/5ONYCKM3.jsx";
 import "../../chunk/6WEDGJKQ.jsx";

package/dist/components/anatomy.d.ts

@@ -0,0 +1 @@
+export * from '@zag-js/anatomy';

package/dist/components/anatomy.js

@@ -0,0 +1 @@
+export * from '@zag-js/anatomy';

package/dist/components/anatomy.jsx

@@ -0,0 +1,2 @@
+// src/components/anatomy.ts
+export * from "@zag-js/anatomy";

package/dist/components/avatar/index.js

@@ -1 +1 @@
-export { avatar_exports as Avatar, AvatarContext, AvatarFallback, AvatarImage, AvatarRoot, AvatarRootProvider, anatomy as avatarAnatomy, useAvatar, useAvatarContext } from '../../chunk/KUTJELYB.js';
+export { avatar_exports as Avatar, AvatarContext, AvatarFallback, AvatarImage, AvatarRoot, AvatarRootProvider, anatomy as avatarAnatomy, useAvatar, useAvatarContext } from '../../chunk/ZKHLGP7Q.js';

package/dist/components/carousel/index.js

@@ -1 +1 @@
-export { carousel_exports as Carousel, CarouselContext, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselRootProvider, CarouselViewport, carouselAnatomy, useCarousel, useCarouselContext } from '../../chunk/BNMRTYLU.js';
+export { carousel_exports as Carousel, CarouselContext, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselRootProvider, CarouselViewport, carouselAnatomy, useCarousel, useCarouselContext } from '../../chunk/IRGNKWCM.js';

package/dist/components/checkbox/index.js

@@ -1 +1 @@
-export { checkbox_exports as Checkbox, CheckboxContext, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot, CheckboxRootProvider, checkboxAnatomy, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext } from '../../chunk/RFPBNMT7.js';
+export { checkbox_exports as Checkbox, CheckboxContext, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot, CheckboxRootProvider, checkboxAnatomy, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext } from '../../chunk/QKZQOQUB.js';

package/dist/components/checkbox/index.jsx

@@ -13,9 +13,9 @@ import {
   useCheckboxContext,
   useCheckboxGroup,
   useCheckboxGroupContext
-} from "../../chunk/UPYUPAKW.jsx";
+} from "../../chunk/DV2ZLINV.jsx";
 import "../../chunk/52WUF3CY.jsx";
-import "../../chunk/LS7TV3SH.jsx";
+import "../../chunk/TY6NCPFG.jsx";
 import "../../chunk/RZBYC7DR.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
 import "../../chunk/UFYZ7HLU.jsx";

package/dist/components/collapsible/index.js

@@ -1 +1 @@
-export { collapsible_exports as Collapsible, CollapsibleContent, CollapsibleContext, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, anatomy as collapsibleAnatomy, useCollapsible, useCollapsibleContext } from '../../chunk/KQLVMRLF.js';
+export { collapsible_exports as Collapsible, CollapsibleContent, CollapsibleContext, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, anatomy as collapsibleAnatomy, useCollapsible, useCollapsibleContext } from '../../chunk/3HMZSTYX.js';

package/dist/components/collection.d.ts

@@ -1,6 +1,9 @@
-import { CollectionOptions, ListCollection } from '@zag-js/collection';
-export { CollectionItem, ListCollection } from '@zag-js/collection';
+import { CollectionOptions, ListCollection, TreeCollectionOptions, TreeCollection, FilePathTreeNode } from '@zag-js/collection';
+export { CollectionItem, ListCollection, TreeCollection, TreeNode } from '@zag-js/collection';
 
 declare const createListCollection: <T extends unknown>(options: CollectionOptions<T>) => ListCollection<T>;
 
-export { createListCollection };
+declare const createTreeCollection: <T extends unknown>(options: TreeCollectionOptions<T>) => TreeCollection<T>;
+declare const createFileTreeCollection: (paths: string[]) => TreeCollection<FilePathTreeNode>;
+
+export { createFileTreeCollection, createListCollection, createTreeCollection };

package/dist/components/collection.js

@@ -1 +1 @@
-export { createListCollection } from '../chunk/PIUV7KP7.js';
+export { createFileTreeCollection, createListCollection, createTreeCollection } from '../chunk/DLHPAHCZ.js';

package/dist/components/collection.jsx

@@ -1,7 +1,11 @@
 import {
-  createListCollection
-} from "../chunk/KBVWLUJ7.jsx";
+  createFileTreeCollection,
+  createListCollection,
+  createTreeCollection
+} from "../chunk/EDCPFD3E.jsx";
 import "../chunk/7IUG3E2V.jsx";
 export {
-  createListCollection
+  createFileTreeCollection,
+  createListCollection,
+  createTreeCollection
 };

package/dist/components/color-picker/index.js

@@ -1 +1 @@
-export { color_picker_exports as ColorPicker, ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderLabel, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerChannelSliderValueText, ColorPickerContent, ColorPickerContext, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerFormatSelect, ColorPickerFormatTrigger, ColorPickerHiddenInput, ColorPickerLabel, ColorPickerPositioner, ColorPickerRoot, ColorPickerRootProvider, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchIndicator, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueSwatch, ColorPickerValueText, ColorPickerView, colorPickerAnatomy, parse as parseColor, useColorPicker, useColorPickerContext } from '../../chunk/F66KWWUN.js';
+export { color_picker_exports as ColorPicker, ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderLabel, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerChannelSliderValueText, ColorPickerContent, ColorPickerContext, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerFormatSelect, ColorPickerFormatTrigger, ColorPickerHiddenInput, ColorPickerLabel, ColorPickerPositioner, ColorPickerRoot, ColorPickerRootProvider, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchIndicator, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueSwatch, ColorPickerValueText, ColorPickerView, colorPickerAnatomy, parse as parseColor, useColorPicker, useColorPickerContext } from '../../chunk/FC5DK746.js';

package/dist/components/color-picker/index.jsx

@@ -33,10 +33,10 @@ import {
   parse,
   useColorPicker,
   useColorPickerContext
-} from "../../chunk/SWSA36TD.jsx";
-import "../../chunk/E72NMPSK.jsx";
-import "../../chunk/LS7TV3SH.jsx";
+} from "../../chunk/THR7KNY2.jsx";
+import "../../chunk/TY6NCPFG.jsx";
 import "../../chunk/RZBYC7DR.jsx";
+import "../../chunk/E72NMPSK.jsx";
 import "../../chunk/5ONYCKM3.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
 import "../../chunk/UFYZ7HLU.jsx";