@ark-ui/react 4.1.1 → 4.2.0

package/dist/components/index.js

@@ -51,6 +51,7 @@ export { useCheckboxGroup } from './checkbox/use-checkbox-group.js';
 export { useCheckboxGroupContext } from './checkbox/use-checkbox-group-context.js';
 import * as checkbox from './checkbox/checkbox.js';
 export { checkbox as Checkbox };
+export { ClientOnly } from './client-only/client-only.js';
 export { ClipboardContext } from './clipboard/clipboard-context.js';
 export { ClipboardControl } from './clipboard/clipboard-control.js';
 export { ClipboardIndicator } from './clipboard/clipboard-indicator.js';
@@ -201,6 +202,7 @@ export { FieldRoot } from './field/field-root.js';
 export { FieldRootProvider } from './field/field-root-provider.js';
 export { FieldSelect } from './field/field-select.js';
 export { FieldTextarea } from './field/field-textarea.js';
+export { FieldRequiredIndicator } from './field/field-required-indicator.js';
 export { fieldAnatomy } from './field/field.anatomy.js';
 export { useFieldContext } from './field/use-field-context.js';
 import * as field from './field/field.js';
@@ -445,6 +447,7 @@ import * as signaturePad from './signature-pad/signature-pad.js';
 export { signaturePad as SignaturePad };
 export { SliderContext } from './slider/slider-context.js';
 export { SliderControl } from './slider/slider-control.js';
+export { SliderDraggingIndicator } from './slider/slider-dragging-indicator.js';
 export { SliderHiddenInput } from './slider/slider-hidden-input.js';
 export { SliderLabel } from './slider/slider-label.js';
 export { SliderMarker } from './slider/slider-marker.js';

package/dist/components/portal/portal.cjs

@@ -8,21 +8,30 @@ const domQuery = require('@zag-js/dom-query');
 const react = require('react');
 const reactDom = require('react-dom');
 const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
-const useIsServer = require('../../utils/use-is-server.cjs');
 
 const Portal = (props) => {
-  const { children, container, disabled } = props;
-  const isServer = useIsServer.useIsServer();
+  const { children, disabled } = props;
+  const [container, setContainer] = react.useState(props.container?.current);
+  const isServer = react.useSyncExternalStore(
+    subscribe,
+    () => false,
+    () => true
+  );
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
+  react.useEffect(() => {
+    setContainer(() => props.container?.current);
+  }, [props.container]);
   if (isServer || disabled) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
-  const mountNode = container?.current ?? getPortalNode(getRootNode);
+  const mountNode = container ?? getPortalNode(getRootNode);
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: react.Children.map(children, (child) => reactDom.createPortal(child, mountNode)) });
 };
-function getPortalNode(cb) {
+const getPortalNode = (cb) => {
   const node = cb?.();
   const rootNode = node.getRootNode();
   if (domQuery.isShadowRoot(rootNode)) return rootNode;
   return domQuery.getDocument(node).body;
-}
+};
+const subscribe = () => () => {
+};
 
 exports.Portal = Portal;

package/dist/components/portal/portal.js

@@ -1,24 +1,33 @@
 'use client';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { isShadowRoot, getDocument } from '@zag-js/dom-query';
-import { Children } from 'react';
+import { useState, useSyncExternalStore, useEffect, Children } from 'react';
 import { createPortal } from 'react-dom';
 import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
-import { useIsServer } from '../../utils/use-is-server.js';
 
 const Portal = (props) => {
-  const { children, container, disabled } = props;
-  const isServer = useIsServer();
+  const { children, disabled } = props;
+  const [container, setContainer] = useState(props.container?.current);
+  const isServer = useSyncExternalStore(
+    subscribe,
+    () => false,
+    () => true
+  );
   const { getRootNode } = useEnvironmentContext();
+  useEffect(() => {
+    setContainer(() => props.container?.current);
+  }, [props.container]);
   if (isServer || disabled) return /* @__PURE__ */ jsx(Fragment, { children });
-  const mountNode = container?.current ?? getPortalNode(getRootNode);
+  const mountNode = container ?? getPortalNode(getRootNode);
   return /* @__PURE__ */ jsx(Fragment, { children: Children.map(children, (child) => createPortal(child, mountNode)) });
 };
-function getPortalNode(cb) {
+const getPortalNode = (cb) => {
   const node = cb?.();
   const rootNode = node.getRootNode();
   if (isShadowRoot(rootNode)) return rootNode;
   return getDocument(node).body;
-}
+};
+const subscribe = () => () => {
+};
 
 export { Portal };

package/dist/components/progress/examples/circular/root-provider.d.cts

@@ -0,0 +1 @@
+export declare const RootProvider: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/progress/examples/circular/root-provider.d.ts

@@ -0,0 +1 @@
+export declare const RootProvider: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/progress/examples/linear/root-provider.d.cts

@@ -0,0 +1 @@
+export declare const Basic: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/progress/examples/linear/root-provider.d.ts

@@ -0,0 +1 @@
+export declare const Basic: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/progress/use-progress.cjs

@@ -28,7 +28,7 @@ function _interopNamespaceDefault(e) {
 
 const progress__namespace = /*#__PURE__*/_interopNamespaceDefault(progress);
 
-const useProgress = (props) => {
+const useProgress = (props = {}) => {
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();
   const initialContext = {

package/dist/components/progress/use-progress.d.cts

@@ -5,4 +5,4 @@ export interface UseProgressProps extends Optional<Omit<progress.Context, 'dir'
 }
 export interface UseProgressReturn extends progress.Api<PropTypes> {
 }
-export declare const useProgress: (props: UseProgressProps) => UseProgressReturn;
+export declare const useProgress: (props?: UseProgressProps) => UseProgressReturn;

package/dist/components/progress/use-progress.d.ts

@@ -5,4 +5,4 @@ export interface UseProgressProps extends Optional<Omit<progress.Context, 'dir'
 }
 export interface UseProgressReturn extends progress.Api<PropTypes> {
 }
-export declare const useProgress: (props: UseProgressProps) => UseProgressReturn;
+export declare const useProgress: (props?: UseProgressProps) => UseProgressReturn;

package/dist/components/progress/use-progress.js

@@ -5,7 +5,7 @@ import { useId } from 'react';
 import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
 
-const useProgress = (props) => {
+const useProgress = (props = {}) => {
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();
   const initialContext = {

package/dist/components/radio-group/use-radio-group.cjs

@@ -29,7 +29,7 @@ function _interopNamespaceDefault(e) {
 
 const radio__namespace = /*#__PURE__*/_interopNamespaceDefault(radio);
 
-const useRadioGroup = (props) => {
+const useRadioGroup = (props = {}) => {
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();
   const initialContext = {

package/dist/components/radio-group/use-radio-group.d.cts

@@ -10,4 +10,4 @@ export interface UseRadioGroupProps extends Optional<Omit<radio.Context, 'dir' |
 }
 export interface UseRadioGroupReturn extends radio.Api<PropTypes> {
 }
-export declare const useRadioGroup: (props: UseRadioGroupProps) => UseRadioGroupReturn;
+export declare const useRadioGroup: (props?: UseRadioGroupProps) => UseRadioGroupReturn;

package/dist/components/radio-group/use-radio-group.d.ts

@@ -10,4 +10,4 @@ export interface UseRadioGroupProps extends Optional<Omit<radio.Context, 'dir' |
 }
 export interface UseRadioGroupReturn extends radio.Api<PropTypes> {
 }
-export declare const useRadioGroup: (props: UseRadioGroupProps) => UseRadioGroupReturn;
+export declare const useRadioGroup: (props?: UseRadioGroupProps) => UseRadioGroupReturn;

package/dist/components/radio-group/use-radio-group.js

@@ -6,7 +6,7 @@ import { useEnvironmentContext } from '../../providers/environment/use-environme
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
 import { useEvent } from '../../utils/use-event.js';
 
-const useRadioGroup = (props) => {
+const useRadioGroup = (props = {}) => {
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();
   const initialContext = {

package/dist/components/rating-group/use-rating-group.cjs

@@ -30,7 +30,7 @@ function _interopNamespaceDefault(e) {
 
 const rating__namespace = /*#__PURE__*/_interopNamespaceDefault(rating);
 
-const useRatingGroup = (props) => {
+const useRatingGroup = (props = {}) => {
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();
   const field = useFieldContext.useFieldContext();

package/dist/components/rating-group/use-rating-group.d.cts

@@ -10,4 +10,4 @@ export interface UseRatingGroupProps extends Optional<Omit<rating.Context, 'dir'
 }
 export interface UseRatingGroupReturn extends rating.Api<PropTypes> {
 }
-export declare const useRatingGroup: (props: UseRatingGroupProps) => UseRatingGroupReturn;
+export declare const useRatingGroup: (props?: UseRatingGroupProps) => UseRatingGroupReturn;

package/dist/components/rating-group/use-rating-group.d.ts

@@ -10,4 +10,4 @@ export interface UseRatingGroupProps extends Optional<Omit<rating.Context, 'dir'
 }
 export interface UseRatingGroupReturn extends rating.Api<PropTypes> {
 }
-export declare const useRatingGroup: (props: UseRatingGroupProps) => UseRatingGroupReturn;
+export declare const useRatingGroup: (props?: UseRatingGroupProps) => UseRatingGroupReturn;

package/dist/components/rating-group/use-rating-group.js

@@ -7,7 +7,7 @@ import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
 import { useEvent } from '../../utils/use-event.js';
 import { useFieldContext } from '../field/use-field-context.js';
 
-const useRatingGroup = (props) => {
+const useRatingGroup = (props = {}) => {
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();
   const field = useFieldContext();

package/dist/components/segment-group/use-segment-group.cjs

@@ -29,7 +29,7 @@ function _interopNamespaceDefault(e) {
 
 const radio__namespace = /*#__PURE__*/_interopNamespaceDefault(radio);
 
-const useSegmentGroup = (props) => {
+const useSegmentGroup = (props = {}) => {
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();
   const initialContext = {

package/dist/components/segment-group/use-segment-group.d.cts

@@ -10,4 +10,4 @@ export interface UseSegmentGroupProps extends Optional<Omit<segmentGroup.Context
 }
 export interface UseSegmentGroupReturn extends segmentGroup.Api<PropTypes> {
 }
-export declare const useSegmentGroup: (props: UseSegmentGroupProps) => UseSegmentGroupReturn;
+export declare const useSegmentGroup: (props?: UseSegmentGroupProps) => UseSegmentGroupReturn;

package/dist/components/segment-group/use-segment-group.d.ts

@@ -10,4 +10,4 @@ export interface UseSegmentGroupProps extends Optional<Omit<segmentGroup.Context
 }
 export interface UseSegmentGroupReturn extends segmentGroup.Api<PropTypes> {
 }
-export declare const useSegmentGroup: (props: UseSegmentGroupProps) => UseSegmentGroupReturn;
+export declare const useSegmentGroup: (props?: UseSegmentGroupProps) => UseSegmentGroupReturn;

package/dist/components/segment-group/use-segment-group.js

@@ -6,7 +6,7 @@ import { useEnvironmentContext } from '../../providers/environment/use-environme
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
 import { useEvent } from '../../utils/use-event.js';
 
-const useSegmentGroup = (props) => {
+const useSegmentGroup = (props = {}) => {
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();
   const initialContext = {

package/dist/components/signature-pad/use-signature-pad.cjs

@@ -30,7 +30,7 @@ function _interopNamespaceDefault(e) {
 
 const signaturePad__namespace = /*#__PURE__*/_interopNamespaceDefault(signaturePad);
 
-const useSignaturePad = (props) => {
+const useSignaturePad = (props = {}) => {
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();
   const field = useFieldContext.useFieldContext();

package/dist/components/signature-pad/use-signature-pad.d.cts

@@ -5,4 +5,4 @@ export interface UseSignaturePadProps extends Optional<Omit<signaturePad.Context
 }
 export interface UseSignaturePadReturn extends signaturePad.Api<PropTypes> {
 }
-export declare const useSignaturePad: (props: UseSignaturePadProps) => UseSignaturePadReturn;
+export declare const useSignaturePad: (props?: UseSignaturePadProps) => UseSignaturePadReturn;

package/dist/components/signature-pad/use-signature-pad.d.ts

@@ -5,4 +5,4 @@ export interface UseSignaturePadProps extends Optional<Omit<signaturePad.Context
 }
 export interface UseSignaturePadReturn extends signaturePad.Api<PropTypes> {
 }
-export declare const useSignaturePad: (props: UseSignaturePadProps) => UseSignaturePadReturn;
+export declare const useSignaturePad: (props?: UseSignaturePadProps) => UseSignaturePadReturn;

package/dist/components/signature-pad/use-signature-pad.js

@@ -7,7 +7,7 @@ import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
 import { useEvent } from '../../utils/use-event.js';
 import { useFieldContext } from '../field/use-field-context.js';
 
-const useSignaturePad = (props) => {
+const useSignaturePad = (props = {}) => {
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();
   const field = useFieldContext();

package/dist/components/slider/index.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const sliderContext = require('./slider-context.cjs');
 const sliderControl = require('./slider-control.cjs');
+const sliderDraggingIndicator = require('./slider-dragging-indicator.cjs');
 const sliderHiddenInput = require('./slider-hidden-input.cjs');
 const sliderLabel = require('./slider-label.cjs');
 const sliderMarker = require('./slider-marker.cjs');
@@ -23,6 +24,7 @@ const slider = require('@zag-js/slider');
 
 exports.SliderContext = sliderContext.SliderContext;
 exports.SliderControl = sliderControl.SliderControl;
+exports.SliderDraggingIndicator = sliderDraggingIndicator.SliderDraggingIndicator;
 exports.SliderHiddenInput = sliderHiddenInput.SliderHiddenInput;
 exports.SliderLabel = sliderLabel.SliderLabel;
 exports.SliderMarker = sliderMarker.SliderMarker;

package/dist/components/slider/index.d.cts

@@ -1,6 +1,7 @@
 export type { FocusChangeDetails as SliderFocusChangeDetails, ValueChangeDetails as SliderValueChangeDetails, } from '@zag-js/slider';
 export { SliderContext, type SliderContextProps, } from './slider-context';
 export { SliderControl, type SliderControlBaseProps, type SliderControlProps, } from './slider-control';
+export { SliderDraggingIndicator, type SliderDraggingIndicatorBaseProps, type SliderDraggingIndicatorProps, } from './slider-dragging-indicator';
 export { SliderHiddenInput, type SliderHiddenInputBaseProps, type SliderHiddenInputProps, } from './slider-hidden-input';
 export { SliderLabel, type SliderLabelBaseProps, type SliderLabelProps, } from './slider-label';
 export { SliderMarker, type SliderMarkerBaseProps, type SliderMarkerProps, } from './slider-marker';

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

@@ -1,6 +1,7 @@
 export type { FocusChangeDetails as SliderFocusChangeDetails, ValueChangeDetails as SliderValueChangeDetails, } from '@zag-js/slider';
 export { SliderContext, type SliderContextProps, } from './slider-context';
 export { SliderControl, type SliderControlBaseProps, type SliderControlProps, } from './slider-control';
+export { SliderDraggingIndicator, type SliderDraggingIndicatorBaseProps, type SliderDraggingIndicatorProps, } from './slider-dragging-indicator';
 export { SliderHiddenInput, type SliderHiddenInputBaseProps, type SliderHiddenInputProps, } from './slider-hidden-input';
 export { SliderLabel, type SliderLabelBaseProps, type SliderLabelProps, } from './slider-label';
 export { SliderMarker, type SliderMarkerBaseProps, type SliderMarkerProps, } from './slider-marker';

package/dist/components/slider/index.js

@@ -1,5 +1,6 @@
 export { SliderContext } from './slider-context.js';
 export { SliderControl } from './slider-control.js';
+export { SliderDraggingIndicator } from './slider-dragging-indicator.js';
 export { SliderHiddenInput } from './slider-hidden-input.js';
 export { SliderLabel } from './slider-label.js';
 export { SliderMarker } from './slider-marker.js';

package/dist/components/slider/slider-dragging-indicator.cjs

@@ -0,0 +1,23 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const useSliderContext = require('./use-slider-context.cjs');
+const useSliderThumbPropsContext = require('./use-slider-thumb-props-context.cjs');
+
+const SliderDraggingIndicator = react.forwardRef(
+  (props, ref) => {
+    const slider = useSliderContext.useSliderContext();
+    const { index } = useSliderThumbPropsContext.useSliderThumbPropsContext();
+    const mergedProps = react$1.mergeProps(slider.getDraggingIndicatorProps({ index }), props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref, children: props.children || slider.getThumbValue(index) });
+  }
+);
+SliderDraggingIndicator.displayName = "SliderDraggingIndicator";
+
+exports.SliderDraggingIndicator = SliderDraggingIndicator;

package/dist/components/slider/slider-dragging-indicator.d.cts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface SliderDraggingIndicatorBaseProps extends PolymorphicProps {
+}
+export interface SliderDraggingIndicatorProps extends HTMLProps<'span'>, SliderDraggingIndicatorBaseProps {
+}
+export declare const SliderDraggingIndicator: ForwardRefExoticComponent<SliderDraggingIndicatorProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/slider/slider-dragging-indicator.d.ts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface SliderDraggingIndicatorBaseProps extends PolymorphicProps {
+}
+export interface SliderDraggingIndicatorProps extends HTMLProps<'span'>, SliderDraggingIndicatorBaseProps {
+}
+export declare const SliderDraggingIndicator: ForwardRefExoticComponent<SliderDraggingIndicatorProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/slider/slider-dragging-indicator.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useSliderContext } from './use-slider-context.js';
+import { useSliderThumbPropsContext } from './use-slider-thumb-props-context.js';
+
+const SliderDraggingIndicator = forwardRef(
+  (props, ref) => {
+    const slider = useSliderContext();
+    const { index } = useSliderThumbPropsContext();
+    const mergedProps = mergeProps(slider.getDraggingIndicatorProps({ index }), props);
+    return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref, children: props.children || slider.getThumbValue(index) });
+  }
+);
+SliderDraggingIndicator.displayName = "SliderDraggingIndicator";
+
+export { SliderDraggingIndicator };

package/dist/components/slider/slider.cjs

@@ -4,6 +4,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const sliderContext = require('./slider-context.cjs');
 const sliderControl = require('./slider-control.cjs');
+const sliderDraggingIndicator = require('./slider-dragging-indicator.cjs');
+const sliderHiddenInput = require('./slider-hidden-input.cjs');
 const sliderLabel = require('./slider-label.cjs');
 const sliderMarker = require('./slider-marker.cjs');
 const sliderMarkerGroup = require('./slider-marker-group.cjs');
@@ -12,13 +14,14 @@ const sliderRoot = require('./slider-root.cjs');
 const sliderRootProvider = require('./slider-root-provider.cjs');
 const sliderThumb = require('./slider-thumb.cjs');
 const sliderTrack = require('./slider-track.cjs');
-const sliderHiddenInput = require('./slider-hidden-input.cjs');
 const sliderValueText = require('./slider-value-text.cjs');
 
 
 
 exports.Context = sliderContext.SliderContext;
 exports.Control = sliderControl.SliderControl;
+exports.DraggingIndicator = sliderDraggingIndicator.SliderDraggingIndicator;
+exports.HiddenInput = sliderHiddenInput.SliderHiddenInput;
 exports.Label = sliderLabel.SliderLabel;
 exports.Marker = sliderMarker.SliderMarker;
 exports.MarkerGroup = sliderMarkerGroup.SliderMarkerGroup;
@@ -27,5 +30,4 @@ exports.Root = sliderRoot.SliderRoot;
 exports.RootProvider = sliderRootProvider.SliderRootProvider;
 exports.Thumb = sliderThumb.SliderThumb;
 exports.Track = sliderTrack.SliderTrack;
-exports.HiddenInput = sliderHiddenInput.SliderHiddenInput;
 exports.ValueText = sliderValueText.SliderValueText;

package/dist/components/slider/slider.d.cts

@@ -1,13 +1,14 @@
 export type { FocusChangeDetails, ValueChangeDetails } from '@zag-js/slider';
 export { SliderContext as Context, type SliderContextProps as ContextProps } from './slider-context';
-export { SliderControl as Control, type SliderControlProps as ControlProps, type SliderControlBaseProps as ControlBaseProps, } from './slider-control';
-export { SliderLabel as Label, type SliderLabelProps as LabelProps, type SliderLabelBaseProps as LabelBaseProps, } from './slider-label';
-export { SliderMarker as Marker, type SliderMarkerProps as MarkerProps, type SliderMarkerBaseProps as MarkerBaseProps, } from './slider-marker';
-export { SliderMarkerGroup as MarkerGroup, type SliderMarkerGroupProps as MarkerGroupProps, type SliderMarkerGroupBaseProps as MarkerGroupBaseProps, } from './slider-marker-group';
-export { SliderRange as Range, type SliderRangeProps as RangeProps, type SliderRangeBaseProps as RangeBaseProps, } from './slider-range';
-export { SliderRoot as Root, type SliderRootProps as RootProps, type SliderRootBaseProps as RootBaseProps, } from './slider-root';
-export { SliderRootProvider as RootProvider, type SliderRootProviderProps as RootProviderProps, type SliderRootProviderBaseProps as RootProviderBaseProps, } from './slider-root-provider';
-export { SliderThumb as Thumb, type SliderThumbProps as ThumbProps, type SliderThumbBaseProps as ThumbBaseProps, } from './slider-thumb';
-export { SliderTrack as Track, type SliderTrackProps as TrackProps, type SliderTrackBaseProps as TrackBaseProps, } from './slider-track';
-export { SliderHiddenInput as HiddenInput, type SliderHiddenInputProps as HiddenInputProps, type SliderHiddenInputBaseProps as HiddenInputBaseProps, } from './slider-hidden-input';
-export { SliderValueText as ValueText, type SliderValueTextProps as ValueTextProps, type SliderValueTextBaseProps as ValueTextBaseProps, } from './slider-value-text';
+export { SliderControl as Control, type SliderControlBaseProps as ControlBaseProps, type SliderControlProps as ControlProps, } from './slider-control';
+export { SliderDraggingIndicator as DraggingIndicator, type SliderDraggingIndicatorBaseProps as DraggingIndicatorBaseProps, type SliderDraggingIndicatorProps as DraggingIndicatorProps, } from './slider-dragging-indicator';
+export { SliderHiddenInput as HiddenInput, type SliderHiddenInputBaseProps as HiddenInputBaseProps, type SliderHiddenInputProps as HiddenInputProps, } from './slider-hidden-input';
+export { SliderLabel as Label, type SliderLabelBaseProps as LabelBaseProps, type SliderLabelProps as LabelProps, } from './slider-label';
+export { SliderMarker as Marker, type SliderMarkerBaseProps as MarkerBaseProps, type SliderMarkerProps as MarkerProps, } from './slider-marker';
+export { SliderMarkerGroup as MarkerGroup, type SliderMarkerGroupBaseProps as MarkerGroupBaseProps, type SliderMarkerGroupProps as MarkerGroupProps, } from './slider-marker-group';
+export { SliderRange as Range, type SliderRangeBaseProps as RangeBaseProps, type SliderRangeProps as RangeProps, } from './slider-range';
+export { SliderRoot as Root, type SliderRootBaseProps as RootBaseProps, type SliderRootProps as RootProps, } from './slider-root';
+export { SliderRootProvider as RootProvider, type SliderRootProviderBaseProps as RootProviderBaseProps, type SliderRootProviderProps as RootProviderProps, } from './slider-root-provider';
+export { SliderThumb as Thumb, type SliderThumbBaseProps as ThumbBaseProps, type SliderThumbProps as ThumbProps, } from './slider-thumb';
+export { SliderTrack as Track, type SliderTrackBaseProps as TrackBaseProps, type SliderTrackProps as TrackProps, } from './slider-track';
+export { SliderValueText as ValueText, type SliderValueTextBaseProps as ValueTextBaseProps, type SliderValueTextProps as ValueTextProps, } from './slider-value-text';

package/dist/components/slider/slider.d.ts

@@ -1,13 +1,14 @@
 export type { FocusChangeDetails, ValueChangeDetails } from '@zag-js/slider';
 export { SliderContext as Context, type SliderContextProps as ContextProps } from './slider-context';
-export { SliderControl as Control, type SliderControlProps as ControlProps, type SliderControlBaseProps as ControlBaseProps, } from './slider-control';
-export { SliderLabel as Label, type SliderLabelProps as LabelProps, type SliderLabelBaseProps as LabelBaseProps, } from './slider-label';
-export { SliderMarker as Marker, type SliderMarkerProps as MarkerProps, type SliderMarkerBaseProps as MarkerBaseProps, } from './slider-marker';
-export { SliderMarkerGroup as MarkerGroup, type SliderMarkerGroupProps as MarkerGroupProps, type SliderMarkerGroupBaseProps as MarkerGroupBaseProps, } from './slider-marker-group';
-export { SliderRange as Range, type SliderRangeProps as RangeProps, type SliderRangeBaseProps as RangeBaseProps, } from './slider-range';
-export { SliderRoot as Root, type SliderRootProps as RootProps, type SliderRootBaseProps as RootBaseProps, } from './slider-root';
-export { SliderRootProvider as RootProvider, type SliderRootProviderProps as RootProviderProps, type SliderRootProviderBaseProps as RootProviderBaseProps, } from './slider-root-provider';
-export { SliderThumb as Thumb, type SliderThumbProps as ThumbProps, type SliderThumbBaseProps as ThumbBaseProps, } from './slider-thumb';
-export { SliderTrack as Track, type SliderTrackProps as TrackProps, type SliderTrackBaseProps as TrackBaseProps, } from './slider-track';
-export { SliderHiddenInput as HiddenInput, type SliderHiddenInputProps as HiddenInputProps, type SliderHiddenInputBaseProps as HiddenInputBaseProps, } from './slider-hidden-input';
-export { SliderValueText as ValueText, type SliderValueTextProps as ValueTextProps, type SliderValueTextBaseProps as ValueTextBaseProps, } from './slider-value-text';
+export { SliderControl as Control, type SliderControlBaseProps as ControlBaseProps, type SliderControlProps as ControlProps, } from './slider-control';
+export { SliderDraggingIndicator as DraggingIndicator, type SliderDraggingIndicatorBaseProps as DraggingIndicatorBaseProps, type SliderDraggingIndicatorProps as DraggingIndicatorProps, } from './slider-dragging-indicator';
+export { SliderHiddenInput as HiddenInput, type SliderHiddenInputBaseProps as HiddenInputBaseProps, type SliderHiddenInputProps as HiddenInputProps, } from './slider-hidden-input';
+export { SliderLabel as Label, type SliderLabelBaseProps as LabelBaseProps, type SliderLabelProps as LabelProps, } from './slider-label';
+export { SliderMarker as Marker, type SliderMarkerBaseProps as MarkerBaseProps, type SliderMarkerProps as MarkerProps, } from './slider-marker';
+export { SliderMarkerGroup as MarkerGroup, type SliderMarkerGroupBaseProps as MarkerGroupBaseProps, type SliderMarkerGroupProps as MarkerGroupProps, } from './slider-marker-group';
+export { SliderRange as Range, type SliderRangeBaseProps as RangeBaseProps, type SliderRangeProps as RangeProps, } from './slider-range';
+export { SliderRoot as Root, type SliderRootBaseProps as RootBaseProps, type SliderRootProps as RootProps, } from './slider-root';
+export { SliderRootProvider as RootProvider, type SliderRootProviderBaseProps as RootProviderBaseProps, type SliderRootProviderProps as RootProviderProps, } from './slider-root-provider';
+export { SliderThumb as Thumb, type SliderThumbBaseProps as ThumbBaseProps, type SliderThumbProps as ThumbProps, } from './slider-thumb';
+export { SliderTrack as Track, type SliderTrackBaseProps as TrackBaseProps, type SliderTrackProps as TrackProps, } from './slider-track';
+export { SliderValueText as ValueText, type SliderValueTextBaseProps as ValueTextBaseProps, type SliderValueTextProps as ValueTextProps, } from './slider-value-text';

package/dist/components/slider/slider.js

@@ -1,5 +1,7 @@
 export { SliderContext as Context } from './slider-context.js';
 export { SliderControl as Control } from './slider-control.js';
+export { SliderDraggingIndicator as DraggingIndicator } from './slider-dragging-indicator.js';
+export { SliderHiddenInput as HiddenInput } from './slider-hidden-input.js';
 export { SliderLabel as Label } from './slider-label.js';
 export { SliderMarker as Marker } from './slider-marker.js';
 export { SliderMarkerGroup as MarkerGroup } from './slider-marker-group.js';
@@ -8,5 +10,4 @@ export { SliderRoot as Root } from './slider-root.js';
 export { SliderRootProvider as RootProvider } from './slider-root-provider.js';
 export { SliderThumb as Thumb } from './slider-thumb.js';
 export { SliderTrack as Track } from './slider-track.js';
-export { SliderHiddenInput as HiddenInput } from './slider-hidden-input.js';
 export { SliderValueText as ValueText } from './slider-value-text.js';

package/dist/components/slider/use-slider.cjs

@@ -29,7 +29,7 @@ function _interopNamespaceDefault(e) {
 
 const slider__namespace = /*#__PURE__*/_interopNamespaceDefault(slider);
 
-const useSlider = (props) => {
+const useSlider = (props = {}) => {
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();
   const initialContext = {

package/dist/components/slider/use-slider.d.cts

@@ -10,4 +10,4 @@ export interface UseSliderProps extends Optional<Omit<slider.Context, 'dir' | 'g
 }
 export interface UseSliderReturn extends slider.Api<PropTypes> {
 }
-export declare const useSlider: (props: UseSliderProps) => UseSliderReturn;
+export declare const useSlider: (props?: UseSliderProps) => UseSliderReturn;

package/dist/components/slider/use-slider.d.ts

@@ -10,4 +10,4 @@ export interface UseSliderProps extends Optional<Omit<slider.Context, 'dir' | 'g
 }
 export interface UseSliderReturn extends slider.Api<PropTypes> {
 }
-export declare const useSlider: (props: UseSliderProps) => UseSliderReturn;
+export declare const useSlider: (props?: UseSliderProps) => UseSliderReturn;

package/dist/components/slider/use-slider.js

@@ -6,7 +6,7 @@ import { useEnvironmentContext } from '../../providers/environment/use-environme
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
 import { useEvent } from '../../utils/use-event.js';
 
-const useSlider = (props) => {
+const useSlider = (props = {}) => {
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();
   const initialContext = {

package/dist/components/splitter/use-splitter.cjs

@@ -29,7 +29,7 @@ function _interopNamespaceDefault(e) {
 
 const splitter__namespace = /*#__PURE__*/_interopNamespaceDefault(splitter);
 
-const useSplitter = (props) => {
+const useSplitter = (props = {}) => {
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();
   const initialContext = {

package/dist/components/splitter/use-splitter.d.cts

@@ -10,4 +10,4 @@ export interface UseSplitterProps extends Optional<Omit<splitter.Context, 'dir'
 }
 export interface UseSplitterReturn extends splitter.Api<PropTypes> {
 }
-export declare const useSplitter: (props: UseSplitterProps) => UseSplitterReturn;
+export declare const useSplitter: (props?: UseSplitterProps) => UseSplitterReturn;

package/dist/components/splitter/use-splitter.d.ts

@@ -10,4 +10,4 @@ export interface UseSplitterProps extends Optional<Omit<splitter.Context, 'dir'
 }
 export interface UseSplitterReturn extends splitter.Api<PropTypes> {
 }
-export declare const useSplitter: (props: UseSplitterProps) => UseSplitterReturn;
+export declare const useSplitter: (props?: UseSplitterProps) => UseSplitterReturn;

package/dist/components/splitter/use-splitter.js

@@ -6,7 +6,7 @@ import { useEnvironmentContext } from '../../providers/environment/use-environme
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
 import { useEvent } from '../../utils/use-event.js';
 
-const useSplitter = (props) => {
+const useSplitter = (props = {}) => {
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();
   const initialContext = {

package/dist/components/switch/use-switch.cjs

@@ -30,7 +30,7 @@ function _interopNamespaceDefault(e) {
 
 const zagSwitch__namespace = /*#__PURE__*/_interopNamespaceDefault(zagSwitch);
 
-const useSwitch = (props) => {
+const useSwitch = (props = {}) => {
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();
   const field = useFieldContext.useFieldContext();

package/dist/components/switch/use-switch.d.cts

@@ -10,4 +10,4 @@ export interface UseSwitchProps extends Optional<Omit<zagSwitch.Context, 'dir' |
 }
 export interface UseSwitchReturn extends zagSwitch.Api<PropTypes> {
 }
-export declare const useSwitch: (props: UseSwitchProps) => UseSwitchReturn;
+export declare const useSwitch: (props?: UseSwitchProps) => UseSwitchReturn;

package/dist/components/switch/use-switch.d.ts

@@ -10,4 +10,4 @@ export interface UseSwitchProps extends Optional<Omit<zagSwitch.Context, 'dir' |
 }
 export interface UseSwitchReturn extends zagSwitch.Api<PropTypes> {
 }
-export declare const useSwitch: (props: UseSwitchProps) => UseSwitchReturn;
+export declare const useSwitch: (props?: UseSwitchProps) => UseSwitchReturn;