@ark-ui/solid 4.2.1 → 4.3.0

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

@@ -1,7 +1,7 @@
 import {
   collapsible_exports,
   useCollapsibleContext
-} from "./3DRWVGGU.jsx";
+} from "./PQ3UNZE4.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
@@ -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/{5WUHQS6Z.jsx → POMWY2MG.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./YJ7NNN57.jsx";
+} from "./LS7TV3SH.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/{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/{OBGOP5NZ.js → PTS474GD.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';
@@ -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/{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/{B2OPFF7J.js → Q5KLHHE3.js}

@@ -3,9 +3,9 @@ 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, mergeProps as mergeProps$2, createSignal, createUniqueId, createEffect, createMemo } from 'solid-js';
 import { dataAttr, ariaAttr } from '@zag-js/dom-query';
 import { createAnatomy } from '@zag-js/anatomy';
 
@@ -52,14 +52,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 +126,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 +151,8 @@ var useField = (props) => {
     getTextareaProps,
     getSelectProps,
     getHelperTextProps,
-    getErrorTextProps
+    getErrorTextProps,
+    getRequiredIndicatorProps
   }));
 };
 
@@ -184,6 +190,25 @@ var FieldTextarea = (props) => {
   const mergedProps = mergeProps(() => field?.().getTextareaProps(), props);
   return createComponent(ark.textarea, mergedProps);
 };
+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
 var field_exports = {};
@@ -193,10 +218,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/{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/{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/{TOA67336.js → RFPBNMT7.js}

@@ -1,5 +1,5 @@
 import { useControllableState } from './BSPFGETO.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';
@@ -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/{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/{ERLD5LJI.jsx → SWSA36TD.jsx}

@@ -6,7 +6,7 @@ import {
 } from "./E72NMPSK.jsx";
 import {
   useFieldContext
-} from "./YJ7NNN57.jsx";
+} from "./LS7TV3SH.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/{F3S42GVW.js → SYODOK2B.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';
@@ -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/{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();

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

@@ -3,7 +3,7 @@ import {
 } from "./52WUF3CY.jsx";
 import {
   useFieldContext
-} from "./YJ7NNN57.jsx";
+} from "./LS7TV3SH.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/{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/{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/{WTIOAOZ4.jsx → VDX7IT74.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./YJ7NNN57.jsx";
+} from "./LS7TV3SH.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -70,7 +70,7 @@ import { mergeProps as mergeProps5 } from "@zag-js/solid";
 import * as pinInput from "@zag-js/pin-input";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo, createUniqueId } from "solid-js";
-var usePinInput = (props) => {
+var usePinInput = (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/{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/{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/{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();

package/dist/chunk/{IYVZTV3F.jsx → ZSWRRXUI.jsx}

@@ -34,7 +34,7 @@ var SliderControl = (props) => {
   return <ark.div {...mergedProps} />;
 };
 
-// src/components/slider/slider-hidden-input.tsx
+// src/components/slider/slider-dragging-indicator.tsx
 import { mergeProps as mergeProps2 } from "@zag-js/solid";
 
 // src/components/slider/use-slider-thumb-props-context.ts
@@ -43,55 +43,66 @@ var [SliderThumbPropsProvider, useSliderThumbPropsContext] = createContext({
   providerName: "<SliderThumbPropsProvider />"
 });
 
+// src/components/slider/slider-dragging-indicator.tsx
+var SliderDraggingIndicator = (props) => {
+  const slider2 = useSliderContext();
+  const thumbProps = useSliderThumbPropsContext();
+  const mergedProps = mergeProps2(() => slider2().getDraggingIndicatorProps(thumbProps), props);
+  return <ark.span {...mergedProps}>
+      {props.children || slider2().getThumbValue(thumbProps.index)}
+    </ark.span>;
+};
+
 // src/components/slider/slider-hidden-input.tsx
+import { mergeProps as mergeProps3 } from "@zag-js/solid";
 var SliderHiddenInput = (props) => {
   const slider2 = useSliderContext();
   const thumbProps = useSliderThumbPropsContext();
-  const mergedProps = mergeProps2(slider2().getHiddenInputProps(thumbProps), props);
+  const mergedProps = mergeProps3(slider2().getHiddenInputProps(thumbProps), props);
   return <ark.input {...mergedProps} />;
 };
 
 // src/components/slider/slider-label.tsx
-import { mergeProps as mergeProps3 } from "@zag-js/solid";
+import { mergeProps as mergeProps4 } from "@zag-js/solid";
 var SliderLabel = (props) => {
   const api = useSliderContext();
-  const mergedProps = mergeProps3(() => api().getLabelProps(), props);
+  const mergedProps = mergeProps4(() => api().getLabelProps(), props);
   return <ark.label {...mergedProps} />;
 };
 
 // src/components/slider/slider-marker.tsx
-import { mergeProps as mergeProps4 } from "@zag-js/solid";
+import { mergeProps as mergeProps5 } from "@zag-js/solid";
 var SliderMarker = (props) => {
   const [markerProps, localProps] = createSplitProps()(props, ["value"]);
   const api = useSliderContext();
-  const mergedProps = mergeProps4(() => api().getMarkerProps(markerProps), localProps);
+  const mergedProps = mergeProps5(() => api().getMarkerProps(markerProps), localProps);
   return <ark.span {...mergedProps} />;
 };
 
 // src/components/slider/slider-marker-group.tsx
-import { mergeProps as mergeProps5 } from "@zag-js/solid";
+import { mergeProps as mergeProps6 } from "@zag-js/solid";
 var SliderMarkerGroup = (props) => {
   const api = useSliderContext();
-  const mergedProps = mergeProps5(() => api().getMarkerGroupProps(), props);
+  const mergedProps = mergeProps6(() => api().getMarkerGroupProps(), props);
   return <ark.div {...mergedProps} />;
 };
 
 // src/components/slider/slider-range.tsx
-import { mergeProps as mergeProps6 } from "@zag-js/solid";
+import { mergeProps as mergeProps7 } from "@zag-js/solid";
 var SliderRange = (props) => {
   const api = useSliderContext();
-  const mergedProps = mergeProps6(() => api().getRangeProps(), props);
+  const mergedProps = mergeProps7(() => api().getRangeProps(), props);
   return <ark.div {...mergedProps} />;
 };
 
 // src/components/slider/slider-root.tsx
-import { mergeProps as mergeProps7 } from "@zag-js/solid";
+import { mergeProps as mergeProps8 } from "@zag-js/solid";
 
 // src/components/slider/use-slider.ts
 import * as slider from "@zag-js/slider";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo, createUniqueId } from "solid-js";
-var useSlider = (props) => {
+var useSlider = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();
@@ -135,46 +146,46 @@ var SliderRoot = (props) => {
     "value"
   ]);
   const api = useSlider(useSliderProps);
-  const mergedProps = mergeProps7(() => api().getRootProps(), localProps);
+  const mergedProps = mergeProps8(() => api().getRootProps(), localProps);
   return <SliderProvider value={api}>
       <ark.div {...mergedProps} />
     </SliderProvider>;
 };
 
 // src/components/slider/slider-root-provider.tsx
-import { mergeProps as mergeProps8 } from "@zag-js/solid";
+import { mergeProps as mergeProps9 } from "@zag-js/solid";
 var SliderRootProvider = (props) => {
   const [{ value: slider2 }, localProps] = createSplitProps()(props, ["value"]);
-  const mergedProps = mergeProps8(() => slider2().getRootProps(), localProps);
+  const mergedProps = mergeProps9(() => slider2().getRootProps(), localProps);
   return <SliderProvider value={slider2}>
       <ark.div {...mergedProps} />
     </SliderProvider>;
 };
 
 // src/components/slider/slider-thumb.tsx
-import { mergeProps as mergeProps9 } from "@zag-js/solid";
+import { mergeProps as mergeProps10 } from "@zag-js/solid";
 var SliderThumb = (props) => {
   const [thumbProps, localProps] = createSplitProps()(props, ["index", "name"]);
   const slider2 = useSliderContext();
-  const mergedProps = mergeProps9(() => slider2().getThumbProps(thumbProps), localProps);
+  const mergedProps = mergeProps10(() => slider2().getThumbProps(thumbProps), localProps);
   return <SliderThumbPropsProvider value={thumbProps}>
       <ark.div {...mergedProps} />
     </SliderThumbPropsProvider>;
 };
 
 // src/components/slider/slider-track.tsx
-import { mergeProps as mergeProps10 } from "@zag-js/solid";
+import { mergeProps as mergeProps11 } from "@zag-js/solid";
 var SliderTrack = (props) => {
   const api = useSliderContext();
-  const mergedProps = mergeProps10(() => api().getTrackProps(), props);
+  const mergedProps = mergeProps11(() => api().getTrackProps(), props);
   return <ark.div {...mergedProps} />;
 };
 
 // src/components/slider/slider-value-text.tsx
-import { mergeProps as mergeProps11 } from "@zag-js/solid";
+import { mergeProps as mergeProps12 } from "@zag-js/solid";
 var SliderValueText = (props) => {
   const api = useSliderContext();
-  const mergedProps = mergeProps11(() => api().getValueTextProps(), props);
+  const mergedProps = mergeProps12(() => api().getValueTextProps(), props);
   return <ark.span {...mergedProps}>{props.children || api().value.join(",")}</ark.span>;
 };
 
@@ -186,6 +197,7 @@ var slider_exports = {};
 __export(slider_exports, {
   Context: () => SliderContext,
   Control: () => SliderControl,
+  DraggingIndicator: () => SliderDraggingIndicator,
   HiddenInput: () => SliderHiddenInput,
   Label: () => SliderLabel,
   Marker: () => SliderMarker,
@@ -202,6 +214,7 @@ export {
   useSliderContext,
   SliderContext,
   SliderControl,
+  SliderDraggingIndicator,
   SliderHiddenInput,
   SliderLabel,
   SliderMarker,

package/dist/components/accordion/index.d.ts

@@ -17,7 +17,7 @@ interface UseAccordionProps extends Optional<Omit<accordion$1.Context, 'dir' | '
 }
 interface UseAccordionReturn extends Accessor<accordion$1.Api<PropTypes>> {
 }
-declare const useAccordion: (props: UseAccordionProps) => UseAccordionReturn;
+declare const useAccordion: (props?: UseAccordionProps) => UseAccordionReturn;
 
 interface UseAccordionContext extends UseAccordionReturn {
 }