@ark-ui/solid 4.2.1 → 4.4.0

package/dist/chunk/TRSBHTDC.js

@@ -0,0 +1,214 @@
+import { collapsible_exports } from './KQLVMRLF.js';
+import { useRenderStrategyContext, splitRenderStrategyProps, RenderStrategyProvider } from './L7OSYHVR.js';
+import { createSplitProps } from './ZMHI4GDJ.js';
+import { ark } from './EPLBB4QN.js';
+import { useLocaleContext } from './HPDOBQ3V.js';
+import { useEnvironmentContext } from './QODB3C3M.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/{YJ7NNN57.jsx → TY6NCPFG.jsx}

@@ -82,7 +82,8 @@ var fieldAnatomy = createAnatomy("field").parts(
   "input",
   "label",
   "select",
-  "textarea"
+  "textarea",
+  "requiredIndicator"
 );
 var parts = fieldAnatomy.build();
 
@@ -166,6 +167,10 @@ var useField = (props) => {
     ...parts.errorText.attrs,
     "aria-live": "polite"
   });
+  const getRequiredIndicatorProps = () => ({
+    "aria-hidden": true,
+    ...parts.requiredIndicator.attrs
+  });
   return createMemo(() => ({
     ariaDescribedby: labelIds.join(" "),
     ids: {
@@ -187,7 +192,8 @@ var useField = (props) => {
     getTextareaProps,
     getSelectProps,
     getHelperTextProps,
-    getErrorTextProps
+    getErrorTextProps,
+    getRequiredIndicatorProps
   }));
 };
 
@@ -227,11 +233,40 @@ 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
+import { mergeProps as mergeProps10 } from "@zag-js/solid";
+import { Show as Show2 } from "solid-js";
+var FieldRequiredIndicator = (props) => {
+  const field = useFieldContext();
+  const mergedProps = mergeProps10(() => field().getRequiredIndicatorProps(), props);
+  return <Show2 when={field().required} fallback={props.fallback}>
+      <ark.span {...mergedProps}>{props.children ?? "*"}</ark.span>
+    </Show2>;
 };
 
 // src/components/field/field.ts
@@ -242,6 +277,7 @@ __export(field_exports, {
   HelperText: () => FieldHelperText,
   Input: () => FieldInput,
   Label: () => FieldLabel,
+  RequiredIndicator: () => FieldRequiredIndicator,
   Root: () => FieldRoot,
   RootProvider: () => FieldRootProvider,
   Select: () => FieldSelect,
@@ -260,5 +296,6 @@ export {
   FieldRootProvider,
   FieldSelect,
   FieldTextarea,
+  FieldRequiredIndicator,
   field_exports
 };

package/dist/chunk/{RKKIRTHU.jsx → U6PDXLCA.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 mergeProps6 } from "@zag-js/solid";
 import * as signaturePad from "@zag-js/signature-pad";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo, createUniqueId } from "solid-js";
-var useSignaturePad = (props) => {
+var useSignaturePad = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{QYFVBX63.js → UMKKXI44.js}

@@ -1,5 +1,5 @@
+import { useFieldContext } from './PBJ7MGGS.js';
 import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './LCESUDZB.js';
-import { useFieldContext } from './B2OPFF7J.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useLocaleContext } from './HPDOBQ3V.js';
@@ -194,7 +194,7 @@ var ColorPickerPositioner = (props) => {
     }
   });
 };
-var useColorPicker = (props) => {
+var useColorPicker = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const field = useFieldContext();

package/dist/chunk/{55M5FJ22.js → UW63M5GW.js}

@@ -57,7 +57,7 @@ var TooltipPositioner = (props) => {
     }
   });
 };
-var useTooltip = (props) => {
+var useTooltip = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{2ZTI3KY5.jsx → UYIC346K.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./YJ7NNN57.jsx";
+} from "./TY6NCPFG.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -61,7 +61,7 @@ import { mergeProps as mergeProps4 } from "@zag-js/solid";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import * as zagSwitch from "@zag-js/switch";
 import { createMemo, createUniqueId } from "solid-js";
-var useSwitch = (props) => {
+var useSwitch = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{H6DC7RQL.js → UZJR5LMS.js}

@@ -33,7 +33,7 @@ var QrCodePattern = (props) => {
   const mergedProps = mergeProps(() => qrCode2().getPatternProps(), props);
   return createComponent(ark.path, mergedProps);
 };
-var useQrCode = (props) => {
+var useQrCode = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{7HCCUF5N.jsx → VI2C2YY7.jsx}

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

package/dist/chunk/{F3S42GVW.js → VKM3Y5SS.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';
@@ -54,7 +54,7 @@ var SignaturePadLabel = (props) => {
   const mergedProps = mergeProps(() => signaturePad2().getLabelProps(), props);
   return createComponent(ark.label, mergedProps);
 };
-var useSignaturePad = (props) => {
+var useSignaturePad = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{6N62F7GL.js → VO46CN3P.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';
@@ -109,7 +109,7 @@ var TagsInputLabel = (props) => {
   const mergedProps = mergeProps(() => api().getLabelProps(), props);
   return createComponent(ark.label, mergedProps);
 };
-var useTagsInput = (props) => {
+var useTagsInput = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{NPI5WNO3.js → VQXL4BNM.js}

@@ -126,7 +126,7 @@ var DatePickerRangeText = (props) => {
     }
   }));
 };
-var useDatePicker = (props) => {
+var useDatePicker = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{VFUEJBXC.js → WEGHFH3B.js}

@@ -198,7 +198,7 @@ var MenuRadioItemGroup = (props) => {
     }
   });
 };
-var useMenu = (props) => {
+var useMenu = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{TOA67336.js → WLTUCUPQ.js}

@@ -1,5 +1,5 @@
 import { useControllableState } from './BSPFGETO.js';
-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';
@@ -123,7 +123,7 @@ var CheckboxLabel = (props) => {
   const mergedProps = mergeProps(() => checkbox2().getLabelProps(), props);
   return createComponent(ark.span, mergedProps);
 };
-var useCheckbox = (ownProps) => {
+var useCheckbox = (ownProps = {}) => {
   const checkboxGroup = useCheckboxGroupContext();
   const props = createMemo(() => {
     return mergeProps(ownProps, checkboxGroup?.().getItemProps({ value: ownProps.value }) ?? {});

package/dist/chunk/{MHHYBEM2.js → WLUB7JYL.js}

@@ -57,7 +57,7 @@ var HoverCardPositioner = (props) => {
     }
   });
 };
-var useHoverCard = (props) => {
+var useHoverCard = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{BLPPWNTR.js → YBEQIVOS.js}

@@ -55,7 +55,7 @@ var ClipboardLabel = (props) => {
   const mergedProps = mergeProps(() => api().getLabelProps(), props);
   return createComponent(ark.label, mergedProps);
 };
-var useClipboard = (props) => {
+var useClipboard = (props = {}) => {
   const environment = useEnvironmentContext();
   const id = createUniqueId();
   const context = createMemo(() => ({

package/dist/chunk/{3CKNAJLS.jsx → YCYZZGN2.jsx}

@@ -30,32 +30,32 @@ var TimerActionTrigger = (props) => {
   return <ark.button {...mergedProps} />;
 };
 
-// src/components/timer/timer-context.tsx
-var TimerContext = (props) => props.children(useTimerContext());
-
-// src/components/timer/timer-item.tsx
+// src/components/timer/timer-area.tsx
 import { mergeProps as mergeProps2 } from "@zag-js/solid";
-var TimerItem = (props) => {
-  const [itemProps, localProps] = createSplitProps()(props, ["type"]);
+var TimerArea = (props) => {
   const timer2 = useTimerContext();
-  const mergedProps = mergeProps2(() => timer2().getItemProps(itemProps), localProps);
-  return <ark.div {...mergedProps}>{timer2().formattedTime[itemProps.type]}</ark.div>;
+  const mergedProps = mergeProps2(() => timer2().getAreaProps(), props);
+  return <ark.div {...mergedProps} />;
 };
 
-// src/components/timer/timer-area.tsx
+// src/components/timer/timer-context.tsx
+var TimerContext = (props) => props.children(useTimerContext());
+
+// src/components/timer/timer-control.tsx
 import { mergeProps as mergeProps3 } from "@zag-js/solid";
-var TimerArea = (props) => {
+var TimerControl = (props) => {
   const timer2 = useTimerContext();
-  const mergedProps = mergeProps3(() => timer2().getAreaProps(), props);
+  const mergedProps = mergeProps3(() => timer2().getControlProps(), props);
   return <ark.div {...mergedProps} />;
 };
 
-// src/components/timer/timer-control.tsx
+// src/components/timer/timer-item.tsx
 import { mergeProps as mergeProps4 } from "@zag-js/solid";
-var TimerControl = (props) => {
+var TimerItem = (props) => {
+  const [itemProps, localProps] = createSplitProps()(props, ["type"]);
   const timer2 = useTimerContext();
-  const mergedProps = mergeProps4(() => timer2().getControlProps(), props);
-  return <ark.div {...mergedProps} />;
+  const mergedProps = mergeProps4(() => timer2().getItemProps(itemProps), localProps);
+  return <ark.div {...mergedProps}>{timer2().formattedTime[itemProps.type]}</ark.div>;
 };
 
 // src/components/timer/timer-root.tsx
@@ -65,7 +65,7 @@ import { mergeProps as mergeProps5 } from "@zag-js/solid";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import * as timer from "@zag-js/timer";
 import { createMemo, createUniqueId } from "solid-js";
-var useTimer = (props) => {
+var useTimer = (props = {}) => {
   const env = useEnvironmentContext();
   const id = createUniqueId();
   const context = createMemo(() => ({
@@ -134,10 +134,10 @@ __export(timer_exports, {
 export {
   useTimerContext,
   TimerActionTrigger,
-  TimerContext,
-  TimerItem,
   TimerArea,
+  TimerContext,
   TimerControl,
+  TimerItem,
   useTimer,
   TimerRoot,
   TimerRootProvider,

package/dist/chunk/{LOR2W6S2.js → YEVD47QN.js}

@@ -1,5 +1,5 @@
+import { useFieldContext } from './PBJ7MGGS.js';
 import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './LCESUDZB.js';
-import { useFieldContext } from './B2OPFF7J.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useLocaleContext } from './HPDOBQ3V.js';
@@ -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/{VDEU2H3V.jsx → YJZDRWMW.jsx}

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

package/dist/chunk/{R2IA2NWU.js → YN36NFIE.js}

@@ -74,7 +74,7 @@ var DialogPositioner = (props) => {
     }
   });
 };
-var useDialog = (props) => {
+var useDialog = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{HHXZ2XZQ.jsx → YQ7OK72K.jsx}

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