@ark-ui/solid 4.2.1 → 4.3.0

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

@@ -1,4 +1,4 @@
-import { useFieldContext } from './B2OPFF7J.js';
+import { useFieldContext } from './Q5KLHHE3.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/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/{35W72PCD.jsx → 3FKZ6KJD.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./YJ7NNN57.jsx";
+} from "./LS7TV3SH.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/{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/{MVL2JW5G.js → 5G6GUK6S.js}

@@ -139,7 +139,7 @@ var TreeViewLabel = (props) => {
   const mergedProps = mergeProps(() => api().getLabelProps(), props);
   return createComponent(ark.label, mergedProps);
 };
-var useTreeView = (props) => {
+var useTreeView = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();

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/{VN3OG575.js → 7WAPCEAY.js}

@@ -1,4 +1,4 @@
-import { useFieldContext } from './B2OPFF7J.js';
+import { useFieldContext } from './Q5KLHHE3.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/{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/{276CD5ZR.jsx → AOG74HPY.jsx}

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

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/{KWJ6UCDT.js → CYRK6TAN.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';
@@ -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/{RAMP76RX.jsx → E4USRLNU.jsx}

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

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/{QYFVBX63.js → F66KWWUN.js}

@@ -1,5 +1,5 @@
 import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './LCESUDZB.js';
-import { useFieldContext } from './B2OPFF7J.js';
+import { useFieldContext } from './Q5KLHHE3.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/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/{2ZTI3KY5.jsx → FGNZD6WP.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./YJ7NNN57.jsx";
+} from "./LS7TV3SH.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/{RKKIRTHU.jsx → GLJ4SETU.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./YJ7NNN57.jsx";
+} from "./LS7TV3SH.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/{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/{N7QLMQKV.js → HEKFQEI5.js}

@@ -1,4 +1,4 @@
-import { useFieldContext } from './B2OPFF7J.js';
+import { useFieldContext } from './Q5KLHHE3.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useLocaleContext } from './HPDOBQ3V.js';
@@ -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/{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/{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();

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

@@ -1,5 +1,5 @@
 import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './LCESUDZB.js';
-import { useFieldContext } from './B2OPFF7J.js';
+import { useFieldContext } from './Q5KLHHE3.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useLocaleContext } from './HPDOBQ3V.js';

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

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./YJ7NNN57.jsx";
+} from "./LS7TV3SH.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -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/{6N62F7GL.js → JS3C64H5.js}

@@ -1,4 +1,4 @@
-import { useFieldContext } from './B2OPFF7J.js';
+import { useFieldContext } from './Q5KLHHE3.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/{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/{QYMDDEMZ.js → KJ3FKIIK.js}

@@ -1,4 +1,4 @@
-import { useFieldContext } from './B2OPFF7J.js';
+import { useFieldContext } from './Q5KLHHE3.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/{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/{YJ7NNN57.jsx → LS7TV3SH.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
   }));
 };
 
@@ -234,6 +240,17 @@ var FieldTextarea = (props) => {
   return <ark.textarea {...mergedProps} />;
 };
 
+// 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
 var field_exports = {};
 __export(field_exports, {
@@ -242,6 +259,7 @@ __export(field_exports, {
   HelperText: () => FieldHelperText,
   Input: () => FieldInput,
   Label: () => FieldLabel,
+  RequiredIndicator: () => FieldRequiredIndicator,
   Root: () => FieldRoot,
   RootProvider: () => FieldRootProvider,
   Select: () => FieldSelect,
@@ -260,5 +278,6 @@ export {
   FieldRootProvider,
   FieldSelect,
   FieldTextarea,
+  FieldRequiredIndicator,
   field_exports
 };

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

@@ -1,4 +1,4 @@
-import { useFieldContext } from './B2OPFF7J.js';
+import { useFieldContext } from './Q5KLHHE3.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/{SMWURVP2.jsx → OAZ77M7Q.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./YJ7NNN57.jsx";
+} from "./LS7TV3SH.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/{XOMMWT5J.jsx → OEWX5CKM.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./YJ7NNN57.jsx";
+} from "./LS7TV3SH.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/{LOR2W6S2.js → OKMXOUR3.js}

@@ -1,5 +1,5 @@
 import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './LCESUDZB.js';
-import { useFieldContext } from './B2OPFF7J.js';
+import { useFieldContext } from './Q5KLHHE3.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useLocaleContext } from './HPDOBQ3V.js';

package/dist/chunk/{DI6H2YIE.jsx → OTMHVJ6C.jsx}

@@ -172,7 +172,7 @@ import { mergeProps as mergeProps11 } from "@zag-js/solid";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import * as treeView from "@zag-js/tree-view";
 import { createMemo as createMemo2, createUniqueId } from "solid-js";
-var useTreeView = (props) => {
+var useTreeView = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();