@ark-ui/solid 4.2.1 → 4.4.0

package/dist/chunk/2PEBPAD5.jsx

@@ -0,0 +1,15 @@
+// src/components/client-only/client-only.tsx
+import { Show, createSignal, onMount } from "solid-js";
+function ClientOnly(props) {
+  const [isClient, setIsClient] = createSignal(false);
+  onMount(() => {
+    setIsClient(true);
+  });
+  return <Show when={isClient()} fallback={props.fallback}>
+      {props.children}
+    </Show>;
+}
+
+export {
+  ClientOnly
+};

package/dist/chunk/{ZTGL23QZ.js → 4DPMLML4.js}

@@ -86,7 +86,7 @@ var SegmentGroupLabel = (props) => {
   const mergedProps = mergeProps(() => segmentGroup2().getLabelProps(), parts.label.attrs, props);
   return createComponent(ark.label, mergedProps);
 };
-var useSegmentGroup = (props) => {
+var useSegmentGroup = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{W7ARB4RD.jsx → 4ICFJW2D.jsx}

@@ -117,7 +117,7 @@ import { mergeProps as mergeProps9 } from "@zag-js/solid";
 import * as popover from "@zag-js/popover";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo, createUniqueId } from "solid-js";
-var usePopover = (props) => {
+var usePopover = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{QPV7P3RM.jsx → 4TNW4LNT.jsx}

@@ -49,7 +49,7 @@ import { mergeProps as mergeProps3 } from "@zag-js/solid";
 import * as avatar from "@zag-js/avatar";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo, createUniqueId } from "solid-js";
-var useAvatar = (props) => {
+var useAvatar = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{RAMP76RX.jsx → 57637BHV.jsx}

@@ -6,7 +6,7 @@ import {
 } from "./E72NMPSK.jsx";
 import {
   useFieldContext
-} from "./YJ7NNN57.jsx";
+} from "./TY6NCPFG.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";

package/dist/chunk/{OYTB5QWY.js → 5JS7LFUQ.js}

@@ -21,9 +21,19 @@ var TimerActionTrigger = (props) => {
   const mergedProps = mergeProps(() => timer2().getActionTriggerProps(props), props);
   return createComponent(ark.button, mergedProps);
 };
+var TimerArea = (props) => {
+  const timer2 = useTimerContext();
+  const mergedProps = mergeProps(() => timer2().getAreaProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
 
 // src/components/timer/timer-context.tsx
 var TimerContext = (props) => props.children(useTimerContext());
+var TimerControl = (props) => {
+  const timer2 = useTimerContext();
+  const mergedProps = mergeProps(() => timer2().getControlProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
 var TimerItem = (props) => {
   const [itemProps, localProps] = createSplitProps()(props, ["type"]);
   const timer2 = useTimerContext();
@@ -34,17 +44,7 @@ var TimerItem = (props) => {
     }
   }));
 };
-var TimerArea = (props) => {
-  const timer2 = useTimerContext();
-  const mergedProps = mergeProps(() => timer2().getAreaProps(), props);
-  return createComponent(ark.div, mergedProps);
-};
-var TimerControl = (props) => {
-  const timer2 = useTimerContext();
-  const mergedProps = mergeProps(() => timer2().getControlProps(), props);
-  return createComponent(ark.div, mergedProps);
-};
-var useTimer = (props) => {
+var useTimer = (props = {}) => {
   const env = useEnvironmentContext();
   const id = createUniqueId();
   const context = createMemo(() => ({

package/dist/chunk/{52UPAMUX.jsx → 6EY2Z73Y.jsx}

@@ -137,7 +137,7 @@ import { mergeProps as mergeProps7 } from "@zag-js/solid";
 import * as segmentGroup from "@zag-js/radio-group";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo as createMemo2, createUniqueId } from "solid-js";
-var useSegmentGroup = (props) => {
+var useSegmentGroup = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{X3GDAQGM.js → AK2LUFHG.js}

@@ -30,7 +30,17 @@ var [SliderThumbPropsProvider, useSliderThumbPropsContext] = createContext({
   providerName: "<SliderThumbPropsProvider />"
 });
 
-// src/components/slider/slider-hidden-input.tsx
+// src/components/slider/slider-dragging-indicator.tsx
+var SliderDraggingIndicator = (props) => {
+  const slider2 = useSliderContext();
+  const thumbProps = useSliderThumbPropsContext();
+  const mergedProps = mergeProps(() => slider2().getDraggingIndicatorProps(thumbProps), props);
+  return createComponent(ark.span, mergeProps$1(mergedProps, {
+    get children() {
+      return props.children || slider2().getThumbValue(thumbProps.index);
+    }
+  }));
+};
 var SliderHiddenInput = (props) => {
   const slider2 = useSliderContext();
   const thumbProps = useSliderThumbPropsContext();
@@ -58,7 +68,7 @@ var SliderRange = (props) => {
   const mergedProps = mergeProps(() => api().getRangeProps(), props);
   return createComponent(ark.div, mergedProps);
 };
-var useSlider = (props) => {
+var useSlider = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();
@@ -128,6 +138,7 @@ var slider_exports = {};
 __export(slider_exports, {
   Context: () => SliderContext,
   Control: () => SliderControl,
+  DraggingIndicator: () => SliderDraggingIndicator,
   HiddenInput: () => SliderHiddenInput,
   Label: () => SliderLabel,
   Marker: () => SliderMarker,
@@ -140,4 +151,4 @@ __export(slider_exports, {
   ValueText: () => SliderValueText
 });
 
-export { SliderContext, SliderControl, SliderHiddenInput, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderRoot, SliderRootProvider, SliderThumb, SliderTrack, SliderValueText, slider_exports, useSlider, useSliderContext };
+export { SliderContext, SliderControl, SliderDraggingIndicator, SliderHiddenInput, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderRoot, SliderRootProvider, SliderThumb, SliderTrack, SliderValueText, slider_exports, useSlider, useSliderContext };

package/dist/chunk/{XOMMWT5J.jsx → AZBVL3C5.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./YJ7NNN57.jsx";
+} from "./TY6NCPFG.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -85,7 +85,7 @@ import { mergeProps as mergeProps5 } from "@zag-js/solid";
 import * as rating from "@zag-js/rating-group";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo as createMemo2, createUniqueId } from "solid-js";
-var useRatingGroup = (props) => {
+var useRatingGroup = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{DNNMKWRH.js → BNMRTYLU.js}

@@ -57,7 +57,7 @@ var CarouselPrevTrigger = (props) => {
   const mergedProps = mergeProps(() => api().getPrevTriggerProps(), props);
   return createComponent(ark.button, mergedProps);
 };
-var useCarousel = (props) => {
+var useCarousel = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/DFMOPRAE.jsx

@@ -0,0 +1,299 @@
+import {
+  collapsible_exports
+} from "./PQ3UNZE4.jsx";
+import {
+  RenderStrategyProvider,
+  splitRenderStrategyProps,
+  useRenderStrategyContext
+} from "./5ONYCKM3.jsx";
+import {
+  createSplitProps
+} from "./6WEDGJKQ.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
+import {
+  useLocaleContext
+} from "./3QQZKR3F.jsx";
+import {
+  useEnvironmentContext
+} from "./5O4RWSWO.jsx";
+import {
+  createContext
+} from "./NMGUCD2L.jsx";
+import {
+  __export
+} from "./7IUG3E2V.jsx";
+
+// src/components/tree-view/tree-view-branch.tsx
+import { mergeProps } from "@zag-js/solid";
+import { createMemo } from "solid-js";
+
+// 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 <collapsible_exports.Root
+    open={nodeState().expanded}
+    ids={{ content: branchContentProps.id }}
+    {...renderStrategyProps}
+    {...mergedProps}
+  />;
+};
+
+// src/components/tree-view/tree-view-branch-content.tsx
+import { mergeProps as mergeProps2 } from "@zag-js/solid";
+import { createMemo as createMemo2 } from "solid-js";
+var splitVisibilityProps = createSplitProps();
+var TreeViewBranchContent = (props) => {
+  const treeView2 = useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext();
+  const branchContentProps = createMemo2(() => {
+    const contentProps = treeView2().getBranchContentProps(nodeProps);
+    const [, ownProps] = splitVisibilityProps(contentProps, [
+      "hidden",
+      "data-state"
+    ]);
+    return ownProps;
+  });
+  const mergedProps = mergeProps2(() => branchContentProps(), props);
+  return <collapsible_exports.Content {...mergedProps} />;
+};
+
+// src/components/tree-view/tree-view-branch-control.tsx
+import { mergeProps as mergeProps3 } from "@zag-js/solid";
+var TreeViewBranchControl = (props) => {
+  const treeView2 = useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext();
+  const mergedProps = mergeProps3(() => treeView2().getBranchControlProps(nodeProps), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/tree-view/tree-view-branch-indent-guide.tsx
+import { mergeProps as mergeProps4 } from "@zag-js/solid";
+var TreeViewBranchIndentGuide = (props) => {
+  const treeView2 = useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext();
+  const mergedProps = mergeProps4(() => treeView2().getBranchIndentGuideProps(nodeProps), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/tree-view/tree-view-branch-indicator.tsx
+import { mergeProps as mergeProps5 } from "@zag-js/solid";
+var TreeViewBranchIndicator = (props) => {
+  const treeView2 = useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext();
+  const mergedProps = mergeProps5(() => treeView2().getBranchIndicatorProps(nodeProps), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/tree-view/tree-view-branch-text.tsx
+import { mergeProps as mergeProps6 } from "@zag-js/solid";
+var TreeViewBranchText = (props) => {
+  const treeView2 = useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext();
+  const mergedProps = mergeProps6(() => treeView2().getBranchTextProps(nodeProps), props);
+  return <ark.span {...mergedProps} />;
+};
+
+// src/components/tree-view/tree-view-branch-trigger.tsx
+import { mergeProps as mergeProps7 } from "@zag-js/solid";
+var TreeViewBranchTrigger = (props) => {
+  const treeView2 = useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext();
+  const mergedProps = mergeProps7(() => treeView2().getBranchTriggerProps(nodeProps), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/tree-view/tree-view-item.tsx
+import { mergeProps as mergeProps8 } from "@zag-js/solid";
+var TreeViewItem = (props) => {
+  const treeView2 = useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext();
+  const mergedProps = mergeProps8(() => treeView2().getItemProps(nodeProps), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/tree-view/tree-view-item-indicator.tsx
+import { mergeProps as mergeProps9 } from "@zag-js/solid";
+var TreeViewItemIndicator = (props) => {
+  const treeView2 = useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext();
+  const mergedProps = mergeProps9(() => treeView2().getItemIndicatorProps(nodeProps), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/tree-view/tree-view-item-text.tsx
+import { mergeProps as mergeProps10 } from "@zag-js/solid";
+var TreeViewItemText = (props) => {
+  const treeView2 = useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext();
+  const mergedProps = mergeProps10(() => treeView2().getItemTextProps(nodeProps), props);
+  return <ark.span {...mergedProps} />;
+};
+
+// src/components/tree-view/tree-view-label.tsx
+import { mergeProps as mergeProps11 } from "@zag-js/solid";
+var TreeViewLabel = (props) => {
+  const treeView2 = useTreeViewContext();
+  const mergedProps = mergeProps11(() => treeView2().getLabelProps(), props);
+  return <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());
+
+// src/components/tree-view/tree-view-node-provider.tsx
+function TreeViewNodeProvider2(props) {
+  const [nodeProps, localProps] = createSplitProps()(props, ["indexPath", "node"]);
+  return <TreeViewNodePropsProvider value={nodeProps}>{localProps.children}</TreeViewNodePropsProvider>;
+}
+
+// src/components/tree-view/tree-view-root.tsx
+import { mergeProps as mergeProps12 } from "@zag-js/solid";
+
+// src/components/tree-view/use-tree-view.ts
+import { normalizeProps, useMachine } from "@zag-js/solid";
+import * as treeView from "@zag-js/tree-view";
+import { createMemo as createMemo3, createUniqueId } from "solid-js";
+var useTreeView = (props) => {
+  const locale = useLocaleContext();
+  const environment = useEnvironmentContext();
+  const id = createUniqueId();
+  const context = createMemo3(() => ({
+    id,
+    dir: locale().dir,
+    getRootNode: environment().getRootNode,
+    selectedValue: props.defaultSelectedValue,
+    expandedValue: props.defaultExpandedValue,
+    ...props
+  }));
+  const [state, send] = useMachine(treeView.machine(context()), { context });
+  return createMemo3(() => 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 = mergeProps12(() => treeView2().getRootProps(), localProps);
+  return <TreeViewProvider value={treeView2}>
+      <RenderStrategyProvider value={renderStrategyProps}>
+        <ark.div {...mergedProps} />
+      </RenderStrategyProvider>
+    </TreeViewProvider>;
+};
+
+// src/components/tree-view/tree-view-root-provider.tsx
+import { mergeProps as mergeProps13 } from "@zag-js/solid";
+var TreeViewRootProvider = (props) => {
+  const [renderStrategyProps, treeViewProps] = splitRenderStrategyProps(props);
+  const [{ value: treeView2 }, localProps] = createSplitProps()(
+    treeViewProps,
+    ["value"]
+  );
+  const mergedProps = mergeProps13(() => treeView2().getRootProps(), localProps);
+  return <TreeViewProvider value={treeView2}>
+      <RenderStrategyProvider value={renderStrategyProps}>
+        <ark.div {...mergedProps} />
+      </RenderStrategyProvider>
+    </TreeViewProvider>;
+};
+
+// src/components/tree-view/tree-view-tree.tsx
+import { mergeProps as mergeProps14 } from "@zag-js/solid";
+var TreeViewTree = (props) => {
+  const treeView2 = useTreeViewContext();
+  const mergedProps = mergeProps14(() => treeView2().getTreeProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/tree-view/tree-view.anatomy.ts
+import { anatomy } from "@zag-js/tree-view";
+
+// 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,
+  useTreeView,
+  TreeViewRoot,
+  TreeViewRootProvider,
+  TreeViewTree,
+  anatomy,
+  tree_view_exports
+};

package/dist/chunk/{PIUV7KP7.js → DLHPAHCZ.js}

@@ -1,4 +1,4 @@
-import { ListCollection } from '@zag-js/collection';
+import { ListCollection, TreeCollection, filePathToTree } from '@zag-js/collection';
 
 // src/components/collection.ts
 
@@ -24,5 +24,7 @@ function ref(obj) {
 
 // src/components/collection.ts
 var createListCollection = (options) => ref(new ListCollection(options));
+var createTreeCollection = (options) => ref(new TreeCollection(options));
+var createFileTreeCollection = (paths) => ref(filePathToTree(paths));
 
-export { createListCollection };
+export { createFileTreeCollection, createListCollection, createTreeCollection };

package/dist/chunk/{YQYOROY7.jsx → DV2ZLINV.jsx}

@@ -3,7 +3,7 @@ import {
 } from "./52WUF3CY.jsx";
 import {
   useFieldContext
-} from "./YJ7NNN57.jsx";
+} from "./TY6NCPFG.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -158,7 +158,7 @@ import { mergeProps as mergeProps6 } from "@zag-js/solid";
 import * as checkbox from "@zag-js/checkbox";
 import { mergeProps as mergeProps5, normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo as createMemo2, createUniqueId } from "solid-js";
-var useCheckbox = (ownProps) => {
+var useCheckbox = (ownProps = {}) => {
   const checkboxGroup = useCheckboxGroupContext();
   const props = createMemo2(() => {
     return mergeProps5(ownProps, checkboxGroup?.().getItemProps({ value: ownProps.value }) ?? {});

package/dist/chunk/{QZBKZO47.js → DYAAMWKJ.js}

@@ -1,4 +1,4 @@
-import { useFieldContext } from './B2OPFF7J.js';
+import { useFieldContext } from './PBJ7MGGS.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useLocaleContext } from './HPDOBQ3V.js';
@@ -61,7 +61,7 @@ var EditablePreview = (props) => {
   const mergedProps = mergeProps(() => api().getPreviewProps(), props);
   return createComponent(ark.span, mergedProps);
 };
-var useEditable = (props) => {
+var useEditable = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{KBVWLUJ7.jsx → EDCPFD3E.jsx}

@@ -1,5 +1,9 @@
 // src/components/collection.ts
-import { ListCollection } from "@zag-js/collection";
+import {
+  ListCollection,
+  TreeCollection,
+  filePathToTree
+} from "@zag-js/collection";
 
 // ../../node_modules/proxy-compare/dist/index.js
 var TRACK_MEMO_SYMBOL = Symbol();
@@ -242,7 +246,11 @@ function ref(obj) {
 
 // src/components/collection.ts
 var createListCollection = (options) => ref(new ListCollection(options));
+var createTreeCollection = (options) => ref(new TreeCollection(options));
+var createFileTreeCollection = (paths) => ref(filePathToTree(paths));
 
 export {
-  createListCollection
+  createListCollection,
+  createTreeCollection,
+  createFileTreeCollection
 };

package/dist/chunk/{2C6A32GV.js → ENHIBLQ6.js}

@@ -24,7 +24,7 @@ var ToggleGroupItem = (props) => {
   const mergedProps = mergeProps(() => api().getItemProps(toggleProps), restProps);
   return createComponent(ark.button, mergedProps);
 };
-var useToggleGroup = (props) => {
+var useToggleGroup = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/FE2WXPJR.js

@@ -0,0 +1,23 @@
+import { createComponent } from 'solid-js/web';
+import { createSignal, onMount, Show } from 'solid-js';
+
+// src/components/client-only/client-only.tsx
+function ClientOnly(props) {
+  const [isClient, setIsClient] = createSignal(false);
+  onMount(() => {
+    setIsClient(true);
+  });
+  return createComponent(Show, {
+    get when() {
+      return isClient();
+    },
+    get fallback() {
+      return props.fallback;
+    },
+    get children() {
+      return props.children;
+    }
+  });
+}
+
+export { ClientOnly };

package/dist/chunk/{5WUHQS6Z.jsx → FNDB3E7F.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./YJ7NNN57.jsx";
+} from "./TY6NCPFG.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -151,7 +151,7 @@ import { mergeProps as mergeProps11 } from "@zag-js/solid";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import * as tagsInput from "@zag-js/tags-input";
 import { createMemo as createMemo2, createUniqueId } from "solid-js";
-var useTagsInput = (props) => {
+var useTagsInput = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{ERLD5LJI.jsx → FZ3HSYOZ.jsx}

@@ -6,7 +6,7 @@ import {
 } from "./E72NMPSK.jsx";
 import {
   useFieldContext
-} from "./YJ7NNN57.jsx";
+} from "./TY6NCPFG.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -256,7 +256,7 @@ import { mergeProps as mergeProps18 } from "@zag-js/solid";
 import * as colorPicker from "@zag-js/color-picker";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo, createUniqueId } from "solid-js";
-var useColorPicker = (props) => {
+var useColorPicker = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const field = useFieldContext();

package/dist/chunk/{HSUP2TTG.jsx → GTGJTQN4.jsx}

@@ -163,7 +163,7 @@ import { mergeProps as mergeProps12 } from "@zag-js/solid";
 import * as datePicker from "@zag-js/date-picker";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo, createUniqueId } from "solid-js";
-var useDatePicker = (props) => {
+var useDatePicker = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{OMSDY5OI.jsx → HQFEUYOV.jsx}

@@ -85,7 +85,7 @@ import { mergeProps as mergeProps5 } from "@zag-js/solid";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import * as tooltip from "@zag-js/tooltip";
 import { createMemo, createUniqueId } from "solid-js";
-var useTooltip = (props) => {
+var useTooltip = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{AEONTAXJ.js → HWURSPSE.js}

@@ -1,4 +1,4 @@
-import { useFieldContext } from './B2OPFF7J.js';
+import { useFieldContext } from './PBJ7MGGS.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useLocaleContext } from './HPDOBQ3V.js';
@@ -45,7 +45,7 @@ var PinInputLabel = (props) => {
   const mergedProps = mergeProps(() => api().getLabelProps(), props);
   return createComponent(ark.label, mergedProps);
 };
-var usePinInput = (props) => {
+var usePinInput = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{4QFM6QV6.jsx → HXSFGTUH.jsx}

@@ -94,7 +94,7 @@ import { mergeProps as mergeProps5 } from "@zag-js/solid";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import * as tabs from "@zag-js/tabs";
 import { createMemo, createUniqueId } from "solid-js";
-var useTabs = (props) => {
+var useTabs = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();