@ark-ui/solid 4.2.1 → 4.4.0

package/dist/chunk/{OBGOP5NZ.js → I5OAZLKD.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';
@@ -62,7 +62,7 @@ var RatingGroupLabel = (props) => {
   const mergedProps = mergeProps(() => api().getLabelProps(), props);
   return createComponent(ark.label, mergedProps);
 };
-var useRatingGroup = (props) => {
+var useRatingGroup = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{DROJC4BX.js → JSMOACQ5.js}

@@ -80,7 +80,7 @@ var RadioGroupLabel = (props) => {
   const mergedProps = mergeProps(() => radioGroup().getLabelProps(), props);
   return createComponent(ark.label, mergedProps);
 };
-var useRadioGroup = (props) => {
+var useRadioGroup = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{DY4JCG75.js → KKCBAUHZ.js}

@@ -45,7 +45,7 @@ var ProgressRange = (props) => {
   const mergedProps = mergeProps(() => api().getRangeProps(), props);
   return createComponent(ark.div, mergedProps);
 };
-var useProgress = (props) => {
+var useProgress = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{QJASL3TD.js → KQLVMRLF.js}

@@ -33,7 +33,7 @@ var CollapsibleContent = (props) => {
 
 // src/components/collapsible/collapsible-context.tsx
 var CollapsibleContext = (props) => props.children(useCollapsibleContext());
-var useCollapsible = (props) => {
+var useCollapsible = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const [renderStrategyProps, collapsibleProps] = splitRenderStrategyProps(props);

package/dist/chunk/{B7JXC4RB.js → KUTJELYB.js}

@@ -28,7 +28,7 @@ var AvatarImage = (props) => {
   const mergedProps = mergeProps(() => context().getImageProps(), props);
   return createComponent(ark.img, mergedProps);
 };
-var useAvatar = (props) => {
+var useAvatar = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{WW54SYIV.js → L6HRKS4V.js}

@@ -77,7 +77,7 @@ var PopoverPositioner = (props) => {
     }
   });
 };
-var usePopover = (props) => {
+var usePopover = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{E24BRDL3.jsx → LKZXE4D5.jsx}

@@ -42,7 +42,7 @@ import { mergeProps as mergeProps2 } from "@zag-js/solid";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import * as toggleGroup from "@zag-js/toggle-group";
 import { createMemo, createUniqueId } from "solid-js";
-var useToggleGroup = (props) => {
+var useToggleGroup = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{47KR5N4Y.jsx → LMMNUVZG.jsx}

@@ -258,7 +258,7 @@ import { createEffect } from "solid-js";
 import * as menu from "@zag-js/menu";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo as createMemo4, createUniqueId as createUniqueId3 } from "solid-js";
-var useMenu = (props) => {
+var useMenu = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId3();

package/dist/chunk/{QK4E7K6M.js → LNX6MNBX.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';

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

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

package/dist/chunk/{N7QLMQKV.js → ND6ULTIP.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';
@@ -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);
@@ -117,7 +117,7 @@ var FileUploadLabel = (props) => {
   const mergedProps = mergeProps(() => fileUpload2().getLabelProps(), props);
   return createComponent(ark.label, mergedProps);
 };
-var useFileUpload = (props) => {
+var useFileUpload = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{VN3OG575.js → PAR3AJGR.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';
@@ -39,7 +39,7 @@ var SwitchLabel = (props) => {
   const mergedProps = mergeProps(() => api().getLabelProps(), props);
   return createComponent(ark.span, mergedProps);
 };
-var useSwitch = (props) => {
+var useSwitch = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

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

@@ -3,11 +3,12 @@ import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { createContext } from './I5UG2QUO.js';
 import { __export } from './ESLJRKWD.js';
-import { createComponent } from 'solid-js/web';
+import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps } from '@zag-js/solid';
-import { Show, mergeProps as mergeProps$1, 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({
@@ -52,14 +53,15 @@ var fieldAnatomy = createAnatomy("field").parts(
   "input",
   "label",
   "select",
-  "textarea"
+  "textarea",
+  "requiredIndicator"
 );
 var parts = fieldAnatomy.build();
 
 // src/components/field/use-field.ts
 var useField = (props) => {
   const fieldset = useFieldsetContext();
-  const fieldProps = mergeProps$1(
+  const fieldProps = mergeProps$2(
     { disabled: Boolean(fieldset?.().disabled), required: false, invalid: false, readOnly: false },
     props
   );
@@ -125,6 +127,10 @@ var useField = (props) => {
     ...parts.errorText.attrs,
     "aria-live": "polite"
   });
+  const getRequiredIndicatorProps = () => ({
+    "aria-hidden": true,
+    ...parts.requiredIndicator.attrs
+  });
   return createMemo(() => ({
     ariaDescribedby: labelIds.join(" "),
     ids: {
@@ -146,7 +152,8 @@ var useField = (props) => {
     getTextareaProps,
     getSelectProps,
     getHelperTextProps,
-    getErrorTextProps
+    getErrorTextProps,
+    getRequiredIndicatorProps
   }));
 };
 
@@ -181,8 +188,45 @@ 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();
+  const mergedProps = mergeProps(() => field().getRequiredIndicatorProps(), props);
+  return createComponent(Show, {
+    get when() {
+      return field().required;
+    },
+    get fallback() {
+      return props.fallback;
+    },
+    get children() {
+      return createComponent(ark.span, mergeProps$1(mergedProps, {
+        get children() {
+          return props.children ?? "*";
+        }
+      }));
+    }
+  });
 };
 
 // src/components/field/field.ts
@@ -193,10 +237,11 @@ __export(field_exports, {
   HelperText: () => FieldHelperText,
   Input: () => FieldInput,
   Label: () => FieldLabel,
+  RequiredIndicator: () => FieldRequiredIndicator,
   Root: () => FieldRoot,
   RootProvider: () => FieldRootProvider,
   Select: () => FieldSelect,
   Textarea: () => FieldTextarea
 });
 
-export { FieldContext, FieldErrorText, FieldHelperText, FieldInput, FieldLabel, FieldRoot, FieldRootProvider, FieldSelect, FieldTextarea, fieldAnatomy, field_exports, useFieldContext };
+export { FieldContext, FieldErrorText, FieldHelperText, FieldInput, FieldLabel, FieldRequiredIndicator, FieldRoot, FieldRootProvider, FieldSelect, FieldTextarea, fieldAnatomy, field_exports, useFieldContext };

package/dist/chunk/{3DRWVGGU.jsx → PQ3UNZE4.jsx}

@@ -49,7 +49,7 @@ import { mergeProps as mergeProps2 } from "@zag-js/solid";
 import * as collapsible from "@zag-js/collapsible";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createEffect, createMemo, createSignal, createUniqueId } from "solid-js";
-var useCollapsible = (props) => {
+var useCollapsible = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const [renderStrategyProps, collapsibleProps] = splitRenderStrategyProps(props);

package/dist/chunk/{35W72PCD.jsx → PSWXIR5X.jsx}

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

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

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./YJ7NNN57.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} />;
@@ -153,7 +153,7 @@ import { mergeProps as mergeProps12 } from "@zag-js/solid";
 import * as fileUpload from "@zag-js/file-upload";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo, createUniqueId } from "solid-js";
-var useFileUpload = (props) => {
+var useFileUpload = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{VHCWCT42.jsx → PZEZKJF3.jsx}

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

package/dist/chunk/{M4DS7MOB.jsx → Q3STMYMV.jsx}

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

package/dist/chunk/{KWJ6UCDT.js → Q55I4ULB.js}

@@ -1,4 +1,4 @@
-import { collapsible_exports, useCollapsibleContext } from './QJASL3TD.js';
+import { collapsible_exports, useCollapsibleContext } from './KQLVMRLF.js';
 import { useRenderStrategyContext, splitRenderStrategyProps, RenderStrategyProvider } from './L7OSYHVR.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
@@ -71,7 +71,7 @@ var AccordionItemContent = (props) => {
     const [, ownProps] = splitVisibilityProps(contentProps, ["hidden", "data-state"]);
     return ownProps;
   });
-  const mergedProps = mergeProps(itemContentProps, props);
+  const mergedProps = mergeProps(() => itemContentProps(), props);
   return createComponent(collapsible_exports.Content, mergedProps);
 };
 
@@ -91,7 +91,7 @@ var AccordionItemTrigger = (props) => {
   const [ariaControls, buttonProps] = splitProps(mergedProps, ["aria-controls"]);
   return createComponent(ark.button, mergeProps$1(buttonProps, () => !collapsible().unmounted && ariaControls));
 };
-var useAccordion = (props) => {
+var useAccordion = (props = {}) => {
   const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();

package/dist/chunk/{X7HQ6AMW.jsx → QX424BJV.jsx}

@@ -69,7 +69,7 @@ import { mergeProps as mergeProps5 } from "@zag-js/solid";
 import * as clipboard from "@zag-js/clipboard";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo, createUniqueId } from "solid-js";
-var useClipboard = (props) => {
+var useClipboard = (props = {}) => {
   const environment = useEnvironmentContext();
   const id = createUniqueId();
   const context = createMemo(() => ({

package/dist/chunk/{QYMDDEMZ.js → QXDC5XNT.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';
@@ -49,7 +49,7 @@ var NumberInputLabel = (props) => {
   const mergedProps = mergeProps(() => api().getLabelProps(), props);
   return createComponent(ark.label, mergedProps);
 };
-var useNumberInput = (props) => {
+var useNumberInput = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{BCFU7H7W.js → R3KGHDYR.js}

@@ -30,7 +30,7 @@ var SplitterResizeTrigger = (props) => {
   const mergedProps = mergeProps(() => api().getResizeTriggerProps(resizeTriggerProps), restProps);
   return createComponent(ark.button, mergedProps);
 };
-var useSplitter = (props) => {
+var useSplitter = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{6YHAMTNY.jsx → R5ZNIQWU.jsx}

@@ -57,7 +57,7 @@ import { mergeProps as mergeProps4 } from "@zag-js/solid";
 import * as qrCode from "@zag-js/qr-code";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo, createUniqueId } from "solid-js";
-var useQrCode = (props) => {
+var useQrCode = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

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

@@ -1,7 +1,7 @@
 import {
   collapsible_exports,
   useCollapsibleContext
-} from "./3DRWVGGU.jsx";
+} from "./PQ3UNZE4.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
@@ -86,7 +86,7 @@ var AccordionItemContent = (props) => {
     ]);
     return ownProps;
   });
-  const mergedProps = mergeProps2(itemContentProps, props);
+  const mergedProps = mergeProps2(() => itemContentProps(), props);
   return <collapsible_exports.Content {...mergedProps} />;
 };
 
@@ -121,7 +121,7 @@ import { mergeProps as mergeProps5 } from "@zag-js/solid";
 import * as accordion from "@zag-js/accordion";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo as createMemo3, createUniqueId } from "solid-js";
-var useAccordion = (props) => {
+var useAccordion = (props = {}) => {
   const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();

package/dist/chunk/{Q3GD7QM3.js → SPA64RV2.js}

@@ -61,7 +61,7 @@ var TabTrigger = (props) => {
 
 // src/components/tabs/tabs-context.tsx
 var TabsContext = (props) => props.children(useTabsContext());
-var useTabs = (props) => {
+var useTabs = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

package/dist/chunk/{276CD5ZR.jsx → T3B55CSO.jsx}

@@ -6,7 +6,7 @@ import {
 } from "./E72NMPSK.jsx";
 import {
   useFieldContext
-} from "./YJ7NNN57.jsx";
+} from "./TY6NCPFG.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -247,7 +247,6 @@ var ComboboxRoot = (props) => {
     "disabled",
     "disableLayer",
     "form",
-    "getSelectionValue",
     "highlightedValue",
     "id",
     "ids",

package/dist/chunk/{3RQAXTAW.jsx → T7DQP6DT.jsx}

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