@ark-ui/solid 5.25.0 → 5.26.0

package/dist/{checkbox.anatomy-CuzDSmDj.d.ts → checkbox.anatomy-YlC7nNXs.d.ts}

@@ -1,5 +1,5 @@
 import * as _zag_js_anatomy from '@zag-js/anatomy';
 
-declare const checkboxAnatomy: _zag_js_anatomy.AnatomyInstance<"label" | "root" | "group" | "control" | "indicator">;
+declare const checkboxAnatomy: _zag_js_anatomy.AnatomyInstance<"label" | "group" | "root" | "control" | "indicator">;
 
 export { checkboxAnatomy as c };

package/dist/chunk/2R6SK2X3.js

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/bottom-sheet';

package/dist/chunk/{CH3GLCFX.js → 32EVBYDL.js}

@@ -56,7 +56,7 @@ var usePagination = (props) => {
 
 // src/components/pagination/pagination-root.tsx
 var PaginationRoot = (props) => {
-  const [usePaginationProps, localProps] = createSplitProps()(props, ["count", "defaultPage", "defaultPageSize", "id", "ids", "onPageChange", "onPageSizeChange", "page", "pageSize", "siblingCount", "translations", "type"]);
+  const [usePaginationProps, localProps] = createSplitProps()(props, ["count", "defaultPage", "defaultPageSize", "getPageUrl", "id", "ids", "onPageChange", "onPageSizeChange", "page", "pageSize", "siblingCount", "translations", "type"]);
   const api = usePagination(usePaginationProps);
   const mergedProps = mergeProps(() => api().getRootProps(), localProps);
   return createComponent(PaginationProvider, {

package/dist/chunk/{BSNUALOI.jsx → 3DVV7RSQ.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./4GQ4Q3XI.jsx";
+} from "./7SG5GQHN.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";

package/dist/chunk/{GXTZJORW.jsx → 4FGVJWA3.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./4GQ4Q3XI.jsx";
+} from "./7SG5GQHN.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";

package/dist/chunk/{GYZIX2L5.jsx → 4MVVOEQO.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./4GQ4Q3XI.jsx";
+} from "./7SG5GQHN.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";

package/dist/chunk/{23B5B3VX.jsx → 4WB67STQ.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./VA3VRJ56.jsx";
+} from "./ZHZ6OA3V.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";

package/dist/chunk/{4GP7G5GU.jsx → 5ERIBIYY.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./4GQ4Q3XI.jsx";
+} from "./7SG5GQHN.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";

package/dist/chunk/{JILQVPOB.jsx → 5STEWKY6.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./4GQ4Q3XI.jsx";
+} from "./7SG5GQHN.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";

package/dist/chunk/{RMND72NW.js → 5YW6MRNT.js}

@@ -1,4 +1,4 @@
-import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './PKGJ2YMV.js';
+import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './JDIMSSD7.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useEnvironmentContext } from './QM3ROTYU.js';

package/dist/chunk/7FCJ264O.js

@@ -49,8 +49,8 @@ var useFieldset = (props) => {
   const legendId = `fieldset::${id}::legend`;
   const errorTextId = `fieldset::${id}::error-text`;
   const helperTextId = `fieldset::${id}::helper-text`;
-  const [hasErrorText, setHasErrorText] = createSignal(false);
-  const [hasHelperText, setHasHelperText] = createSignal(false);
+  const [hasErrorText] = createSignal(false);
+  const [hasHelperText] = createSignal(false);
   createEffect(() => {
     return;
   });

package/dist/chunk/{KYRUJHLK.js → 7JN4LQUU.js}

@@ -1,4 +1,4 @@
-import { usePresence, PresenceProvider } from './PKGJ2YMV.js';
+import { usePresence, PresenceProvider } from './JDIMSSD7.js';
 import { composeRefs } from './ROP6QZQ7.js';
 import { splitRenderStrategyProps, RenderStrategyProvider, useRenderStrategyContext } from './QFAL6GWC.js';
 import { createSplitProps } from './ZMHI4GDJ.js';

package/dist/chunk/{ZYGTO3AY.js → AMNLZAAM.js}

@@ -1,4 +1,4 @@
-import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './PKGJ2YMV.js';
+import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './JDIMSSD7.js';
 import { composeRefs } from './ROP6QZQ7.js';
 import { splitRenderStrategyProps, RenderStrategyProvider, useRenderStrategyContext } from './QFAL6GWC.js';
 import { createSplitProps } from './ZMHI4GDJ.js';

package/dist/chunk/{D4ONWUSA.jsx → AXR7KJPM.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./4GQ4Q3XI.jsx";
+} from "./7SG5GQHN.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";

package/dist/chunk/{MQ2S3D55.jsx → B52HQAYI.jsx}

@@ -3,10 +3,10 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./VA3VRJ56.jsx";
+} from "./ZHZ6OA3V.jsx";
 import {
   useFieldContext
-} from "./4GQ4Q3XI.jsx";
+} from "./7SG5GQHN.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";

package/dist/chunk/{3DSCTOOH.js → BTB7GNM5.js}

@@ -1,4 +1,4 @@
-import { usePresence, splitPresenceProps, PresenceProvider, usePresenceContext } from './PKGJ2YMV.js';
+import { usePresence, splitPresenceProps, PresenceProvider, usePresenceContext } from './JDIMSSD7.js';
 import { composeRefs } from './ROP6QZQ7.js';
 import { tourAnatomy } from './NYBIYPS4.js';
 import { useRenderStrategyContext, splitRenderStrategyProps, RenderStrategyProvider } from './QFAL6GWC.js';

package/dist/chunk/{STPRTN7P.js → E7OCYTQK.js}

@@ -1,4 +1,4 @@
-import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './PKGJ2YMV.js';
+import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './JDIMSSD7.js';
 import { composeRefs } from './ROP6QZQ7.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';

package/dist/chunk/{SLQO5NYP.jsx → ELOWJYIF.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./VA3VRJ56.jsx";
+} from "./ZHZ6OA3V.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";

package/dist/chunk/{VJY6HKZZ.jsx → EZY7GKXA.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./VA3VRJ56.jsx";
+} from "./ZHZ6OA3V.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";

package/dist/chunk/{LC5AV5KP.jsx → FCPJ3RNY.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./VA3VRJ56.jsx";
+} from "./ZHZ6OA3V.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";

package/dist/chunk/{LL2PRNHK.jsx → FLNIMVCM.jsx}

@@ -2,7 +2,7 @@ import {
   tree_view_exports,
   useTreeView,
   useTreeViewContext
-} from "./OD2K6HNA.jsx";
+} from "./OX46DSZG.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";

package/dist/chunk/{TM2GVE66.js → FSWHKOUJ.js}

@@ -1,4 +1,4 @@
-import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './PKGJ2YMV.js';
+import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './JDIMSSD7.js';
 import { composeRefs } from './ROP6QZQ7.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';

package/dist/chunk/{3TIJNVWF.jsx → G5ZFI73B.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./4GQ4Q3XI.jsx";
+} from "./7SG5GQHN.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";

package/dist/chunk/GYSTTEHB.js

@@ -0,0 +1,178 @@
+import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './JDIMSSD7.js';
+import { composeRefs } from './ROP6QZQ7.js';
+import { splitRenderStrategyProps, RenderStrategyProvider, useRenderStrategyContext } from './QFAL6GWC.js';
+import { createSplitProps } from './ZMHI4GDJ.js';
+import { ark } from './EPLBB4QN.js';
+import { useEnvironmentContext } from './QM3ROTYU.js';
+import { useLocaleContext } from './JOLWKIPW.js';
+import { runIfFn } from './DT73WLR4.js';
+import { createContext } from './TROPIN4C.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 { Show, createUniqueId, createMemo } from 'solid-js';
+import * as bottomSheet from '@zag-js/bottom-sheet';
+
+// src/components/bottom-sheet/use-bottom-sheet-context.ts
+var [BottomSheetProvider, useBottomSheetContext] = createContext({
+  hookName: "useBottomSheetContext",
+  providerName: "<BottomSheetProvider />"
+});
+
+// src/components/bottom-sheet/bottom-sheet-backdrop.tsx
+var BottomSheetBackdrop = (props) => {
+  const bottomSheet2 = useBottomSheetContext();
+  const renderStrategyProps = useRenderStrategyContext();
+  const presence = usePresence(mergeProps(renderStrategyProps, () => ({
+    present: bottomSheet2().open
+  })));
+  const mergedProps = mergeProps(() => bottomSheet2().getBackdropProps(), () => presence().presenceProps, props);
+  return createComponent(Show, {
+    get when() {
+      return !presence().unmounted;
+    },
+    get children() {
+      return createComponent(ark.div, mergeProps$1(mergedProps, {
+        ref(r$) {
+          var _ref$ = composeRefs(presence().ref, props.ref);
+          typeof _ref$ === "function" && _ref$(r$);
+        }
+      }));
+    }
+  });
+};
+var BottomSheetCloseTrigger = (props) => {
+  const context = useBottomSheetContext();
+  const mergedProps = mergeProps(() => context().getCloseTriggerProps(), props);
+  return createComponent(ark.button, mergedProps);
+};
+var BottomSheetContent = (props) => {
+  const [contentProps, localProps] = createSplitProps()(props, ["draggable"]);
+  const bottomSheet2 = useBottomSheetContext();
+  const presence = usePresenceContext();
+  const mergedProps = mergeProps(() => bottomSheet2().getContentProps({
+    draggable: true,
+    ...contentProps
+  }), () => presence().presenceProps, localProps);
+  return createComponent(Show, {
+    get when() {
+      return !presence().unmounted;
+    },
+    get children() {
+      return createComponent(ark.div, mergeProps$1(mergedProps, {
+        ref(r$) {
+          var _ref$ = composeRefs(presence().ref, localProps.ref);
+          typeof _ref$ === "function" && _ref$(r$);
+        }
+      }));
+    }
+  });
+};
+
+// src/components/bottom-sheet/bottom-sheet-context.tsx
+var BottomSheetContext = (props) => props.children(useBottomSheetContext());
+var BottomSheetGrabber = (props) => {
+  const bottomSheet2 = useBottomSheetContext();
+  const mergedProps = mergeProps(() => bottomSheet2().getGrabberProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var BottomSheetGrabberIndicator = (props) => {
+  const bottomSheet2 = useBottomSheetContext();
+  const mergedProps = mergeProps(() => bottomSheet2().getGrabberIndicatorProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var useBottomSheet = (props) => {
+  const locale = useLocaleContext();
+  const environment = useEnvironmentContext();
+  const id = createUniqueId();
+  const machineProps = createMemo(() => ({
+    id,
+    dir: locale().dir,
+    getRootNode: environment().getRootNode,
+    ...runIfFn(props)
+  }));
+  const service = useMachine(bottomSheet.machine, machineProps);
+  return createMemo(() => bottomSheet.connect(service, normalizeProps));
+};
+
+// src/components/bottom-sheet/bottom-sheet-root.tsx
+var BottomSheetRoot = (props) => {
+  const [presenceProps, bottomSheetProps] = splitPresenceProps(props);
+  const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+  const [useBottomSheetProps, localProps] = createSplitProps()(bottomSheetProps, ["id", "ids", "open", "defaultOpen", "onOpenChange", "closeOnInteractOutside", "closeOnEscape", "snapPoints", "swipeVelocityThreshold", "closeThreshold", "preventDragOnScroll", "activeSnapPoint", "defaultActiveSnapPoint", "onActiveSnapPointChange", "modal", "trapFocus", "restoreFocus", "preventScroll", "initialFocusEl", "finalFocusEl", "role", "onInteractOutside", "onEscapeKeyDown", "onPointerDownOutside", "onFocusOutside", "onRequestDismiss"]);
+  const bottomSheet2 = useBottomSheet(useBottomSheetProps);
+  const presence = usePresence(mergeProps(presenceProps, () => ({
+    present: bottomSheet2().open
+  })));
+  return createComponent(BottomSheetProvider, {
+    value: bottomSheet2,
+    get children() {
+      return createComponent(RenderStrategyProvider, {
+        value: renderStrategyProps,
+        get children() {
+          return createComponent(PresenceProvider, {
+            value: presence,
+            get children() {
+              return localProps.children;
+            }
+          });
+        }
+      });
+    }
+  });
+};
+var BottomSheetRootProvider = (props) => {
+  const [presenceProps, bottomSheetProps] = splitPresenceProps(props);
+  const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+  const presence = usePresence(mergeProps(() => ({
+    present: bottomSheetProps.value().open
+  }), presenceProps));
+  return createComponent(BottomSheetProvider, {
+    get value() {
+      return bottomSheetProps.value;
+    },
+    get children() {
+      return createComponent(RenderStrategyProvider, {
+        value: renderStrategyProps,
+        get children() {
+          return createComponent(PresenceProvider, {
+            value: presence,
+            get children() {
+              return bottomSheetProps.children;
+            }
+          });
+        }
+      });
+    }
+  });
+};
+var BottomSheetTitle = (props) => {
+  const bottomSheet2 = useBottomSheetContext();
+  const mergedProps = mergeProps(() => bottomSheet2().getTitleProps(), props);
+  return createComponent(ark.h2, mergedProps);
+};
+var BottomSheetTrigger = (props) => {
+  const bottomSheet2 = useBottomSheetContext();
+  const presence = usePresenceContext();
+  const mergedProps = mergeProps(() => bottomSheet2().getTriggerProps(), () => ({
+    "aria-controls": presence().unmounted && null
+  }), props);
+  return createComponent(ark.button, mergedProps);
+};
+
+// src/components/bottom-sheet/bottom-sheet.ts
+var bottom_sheet_exports = {};
+__export(bottom_sheet_exports, {
+  Backdrop: () => BottomSheetBackdrop,
+  CloseTrigger: () => BottomSheetCloseTrigger,
+  Content: () => BottomSheetContent,
+  Context: () => BottomSheetContext,
+  Grabber: () => BottomSheetGrabber,
+  GrabberIndicator: () => BottomSheetGrabberIndicator,
+  Root: () => BottomSheetRoot,
+  RootProvider: () => BottomSheetRootProvider,
+  Title: () => BottomSheetTitle,
+  Trigger: () => BottomSheetTrigger
+});
+
+export { BottomSheetBackdrop, BottomSheetCloseTrigger, BottomSheetContent, BottomSheetContext, BottomSheetGrabber, BottomSheetGrabberIndicator, BottomSheetRoot, BottomSheetRootProvider, BottomSheetTitle, BottomSheetTrigger, bottom_sheet_exports, useBottomSheet, useBottomSheetContext };

package/dist/chunk/{PKGJ2YMV.js → JDIMSSD7.js}

@@ -27,10 +27,14 @@ var usePresence = (props) => {
     const present = api().present;
     if (present) setWasEverPresent(true);
   });
+  const setNode = (node) => {
+    if (!node) return;
+    service.send({ type: "NODE.SET", node });
+  };
   return createMemo(() => ({
     unmounted: !api().present && !wasEverPresent() && renderStrategyProps.lazyMount || renderStrategyProps.unmountOnExit && !api().present && wasEverPresent(),
     present: api().present,
-    ref: api().setNode,
+    ref: setNode,
     presenceProps: {
       hidden: !api().present,
       "data-state": api().skip && localProps.skipAnimationOnMount ? void 0 : localProps.present ? "open" : "closed"

package/dist/chunk/{RRMUJHF3.js → JUN7WBUJ.js}

@@ -1,4 +1,4 @@
-import { useCollapsibleContext, collapsible_exports } from './E6W66E2W.js';
+import { useCollapsibleContext, collapsible_exports } from './RQQ2HX5E.js';
 import { splitRenderStrategyProps, RenderStrategyProvider, useRenderStrategyContext } from './QFAL6GWC.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';

package/dist/chunk/{2Y27RT46.jsx → LUYWTVT2.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./VA3VRJ56.jsx";
+} from "./ZHZ6OA3V.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,

package/dist/chunk/{Y73674NQ.jsx → MTKWTKSJ.jsx}

@@ -3,10 +3,10 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./VA3VRJ56.jsx";
+} from "./ZHZ6OA3V.jsx";
 import {
   useFieldContext
-} from "./4GQ4Q3XI.jsx";
+} from "./7SG5GQHN.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";

package/dist/chunk/{KSGKEG2Q.js → O7E5IIY5.js}

@@ -1,4 +1,4 @@
-import { collapsible_exports } from './E6W66E2W.js';
+import { collapsible_exports } from './RQQ2HX5E.js';
 import { splitRenderStrategyProps, RenderStrategyProvider, useRenderStrategyContext } from './QFAL6GWC.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
@@ -134,6 +134,12 @@ var TreeViewNodeCheckboxIndicator = (props) => {
   }
   return props.fallback;
 };
+var TreeViewNodeRenameInput = (props) => {
+  const treeView2 = useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext();
+  const mergedProps = mergeProps(() => treeView2().getNodeRenameInputProps(nodeProps), props);
+  return createComponent(ark.input, mergedProps);
+};
 
 // src/components/tree-view/tree-view-node-context.ts
 var TreeViewNodeContext = (props) => props.children(useTreeViewNodeContext());
@@ -170,7 +176,7 @@ var useTreeView = (props) => {
 // src/components/tree-view/tree-view-root.tsx
 var TreeViewRoot = (props) => {
   const [renderStrategyProps, treeViewProps] = splitRenderStrategyProps(props);
-  const [useTreeViewProps, localProps] = createSplitProps()(treeViewProps, ["checkedValue", "collection", "defaultCheckedValue", "defaultExpandedValue", "defaultFocusedValue", "defaultSelectedValue", "expandedValue", "expandOnClick", "focusedValue", "id", "ids", "loadChildren", "onCheckedChange", "onExpandedChange", "onFocusChange", "onLoadChildrenComplete", "onLoadChildrenError", "onSelectionChange", "selectedValue", "selectionMode", "typeahead"]);
+  const [useTreeViewProps, localProps] = createSplitProps()(treeViewProps, ["canRename", "checkedValue", "collection", "defaultCheckedValue", "defaultExpandedValue", "defaultFocusedValue", "defaultSelectedValue", "expandedValue", "expandOnClick", "focusedValue", "id", "ids", "loadChildren", "onBeforeRename", "onCheckedChange", "onExpandedChange", "onFocusChange", "onLoadChildrenComplete", "onLoadChildrenError", "onRenameComplete", "onRenameStart", "onSelectionChange", "selectedValue", "selectionMode", "typeahead"]);
   const treeView2 = useTreeView(useTreeViewProps);
   const mergedProps = mergeProps(() => treeView2().getRootProps(), localProps);
   return createComponent(TreeViewProvider, {
@@ -228,9 +234,10 @@ __export(tree_view_exports, {
   NodeCheckboxIndicator: () => TreeViewNodeCheckboxIndicator,
   NodeContext: () => TreeViewNodeContext,
   NodeProvider: () => TreeViewNodeProvider,
+  NodeRenameInput: () => TreeViewNodeRenameInput,
   Root: () => TreeViewRoot,
   RootProvider: () => TreeViewRootProvider,
   Tree: () => TreeViewTree
 });
 
-export { TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndentGuide, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchTrigger, TreeViewContext, TreeViewItem, TreeViewItemIndicator, TreeViewItemText, TreeViewLabel, TreeViewNodeCheckbox, TreeViewNodeCheckboxIndicator, TreeViewNodeContext, TreeViewNodeProvider, TreeViewRoot, TreeViewRootProvider, TreeViewTree, tree_view_exports, useTreeView, useTreeViewContext, useTreeViewNodeContext };
+export { TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndentGuide, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchTrigger, TreeViewContext, TreeViewItem, TreeViewItemIndicator, TreeViewItemText, TreeViewLabel, TreeViewNodeCheckbox, TreeViewNodeCheckboxIndicator, TreeViewNodeContext, TreeViewNodeProvider, TreeViewNodeRenameInput, TreeViewRoot, TreeViewRootProvider, TreeViewTree, tree_view_exports, useTreeView, useTreeViewContext, useTreeViewNodeContext };