@ark-ui/react 4.1.0 → 4.1.2

package/dist/components/accordion/accordion-item.cjs

@@ -12,6 +12,7 @@ const useAccordionItemContext = require('./use-accordion-item-context.cjs');
 const collapsibleRoot = require('../collapsible/collapsible-root.cjs');
 require('@zag-js/color-picker');
 require('@zag-js/date-picker');
+require('@internationalized/date');
 const renderStrategy = require('../../utils/render-strategy.cjs');
 const useAccordionItemPropsContext = require('./use-accordion-item-props-context.cjs');
 

package/dist/components/accordion/accordion-item.js

@@ -8,6 +8,7 @@ import { AccordionItemProvider } from './use-accordion-item-context.js';
 import { CollapsibleRoot } from '../collapsible/collapsible-root.js';
 import '@zag-js/color-picker';
 import '@zag-js/date-picker';
+import '@internationalized/date';
 import { useRenderStrategyPropsContext } from '../../utils/render-strategy.js';
 import { AccordionItemPropsProvider } from './use-accordion-item-props-context.js';
 

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

@@ -27,7 +27,7 @@ function _interopNamespaceDefault(e) {
 
 const clipboard__namespace = /*#__PURE__*/_interopNamespaceDefault(clipboard);
 
-const useClipboard = (props) => {
+const useClipboard = (props = {}) => {
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const initialContext = {
     id: react.useId(),

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

@@ -5,4 +5,4 @@ export interface UseClipboardProps extends Optional<Omit<clipboard.Context, 'get
 }
 export interface UseClipboardReturn extends clipboard.Api<PropTypes> {
 }
-export declare const useClipboard: (props: UseClipboardProps) => clipboard.Api<PropTypes>;
+export declare const useClipboard: (props?: UseClipboardProps) => clipboard.Api<PropTypes>;

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

@@ -5,4 +5,4 @@ export interface UseClipboardProps extends Optional<Omit<clipboard.Context, 'get
 }
 export interface UseClipboardReturn extends clipboard.Api<PropTypes> {
 }
-export declare const useClipboard: (props: UseClipboardProps) => clipboard.Api<PropTypes>;
+export declare const useClipboard: (props?: UseClipboardProps) => clipboard.Api<PropTypes>;

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

@@ -4,7 +4,7 @@ import { useMachine, normalizeProps } from '@zag-js/react';
 import { useId } from 'react';
 import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
 
-const useClipboard = (props) => {
+const useClipboard = (props = {}) => {
   const { getRootNode } = useEnvironmentContext();
   const initialContext = {
     id: useId(),

package/dist/components/color-picker/use-color-picker.cjs

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

package/dist/components/color-picker/use-color-picker.d.cts

@@ -15,4 +15,4 @@ export interface UseColorPickerProps extends Optional<Omit<colorPicker.Context,
 }
 export interface UseColorPickerReturn extends colorPicker.Api<PropTypes> {
 }
-export declare const useColorPicker: (props: UseColorPickerProps) => UseColorPickerReturn;
+export declare const useColorPicker: (props?: UseColorPickerProps) => UseColorPickerReturn;

package/dist/components/color-picker/use-color-picker.d.ts

@@ -15,4 +15,4 @@ export interface UseColorPickerProps extends Optional<Omit<colorPicker.Context,
 }
 export interface UseColorPickerReturn extends colorPicker.Api<PropTypes> {
 }
-export declare const useColorPicker: (props: UseColorPickerProps) => UseColorPickerReturn;
+export declare const useColorPicker: (props?: UseColorPickerProps) => UseColorPickerReturn;

package/dist/components/color-picker/use-color-picker.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 useColorPicker = (props) => {
+const useColorPicker = (props = {}) => {
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();
   const field = useFieldContext();

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const domQuery = require('@zag-js/dom-query');
 const react = require('react');
 const fieldset_anatomy = require('./fieldset.anatomy.cjs');
+const useSafeLayoutEffect = require('../../utils/use-safe-layout-effect.cjs');
 
 const useFieldset = (props) => {
   const { disabled = false, invalid = false } = props;
@@ -15,7 +16,7 @@ const useFieldset = (props) => {
   const rootRef = react.useRef(null);
   const errorTextId = `fieldset::${id}::error-text`;
   const helperTextId = `fieldset::${id}::helper-text`;
-  react.useLayoutEffect(() => {
+  useSafeLayoutEffect.useSafeLayoutEffect(() => {
     const rootNode = rootRef.current;
     if (!rootNode) return;
     const win = domQuery.getWindow(rootNode);

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

@@ -1,7 +1,8 @@
 'use client';
 import { getWindow } from '@zag-js/dom-query';
-import { useRef, useId, useLayoutEffect, useMemo } from 'react';
+import { useRef, useId, useMemo } from 'react';
 import { parts } from './fieldset.anatomy.js';
+import { useSafeLayoutEffect } from '../../utils/use-safe-layout-effect.js';
 
 const useFieldset = (props) => {
   const { disabled = false, invalid = false } = props;
@@ -11,7 +12,7 @@ const useFieldset = (props) => {
   const rootRef = useRef(null);
   const errorTextId = `fieldset::${id}::error-text`;
   const helperTextId = `fieldset::${id}::helper-text`;
-  useLayoutEffect(() => {
+  useSafeLayoutEffect(() => {
     const rootNode = rootRef.current;
     if (!rootNode) return;
     const win = getWindow(rootNode);

package/dist/components/frame/frame.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/dist/components/frame/frame.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef, useState, useEffect, useId } from 'react';
 import { createPortal } from 'react-dom';

package/dist/components/index.cjs

@@ -498,6 +498,7 @@ const useTagsInput = require('./tags-input/use-tags-input.cjs');
 const useTagsInputContext = require('./tags-input/use-tags-input-context.cjs');
 const useTagsInputItemContext = require('./tags-input/use-tags-input-item-context.cjs');
 const tagsInput$1 = require('./tags-input/tags-input.cjs');
+const date = require('@internationalized/date');
 const timePickerCell = require('./time-picker/time-picker-cell.cjs');
 const timePickerClearTrigger = require('./time-picker/time-picker-clear-trigger.cjs');
 const timePickerColumn = require('./time-picker/time-picker-column.cjs');
@@ -1117,6 +1118,10 @@ exports.useTagsInput = useTagsInput.useTagsInput;
 exports.useTagsInputContext = useTagsInputContext.useTagsInputContext;
 exports.useTagsInputItemContext = useTagsInputItemContext.useTagsInputItemContext;
 exports.TagsInput = tagsInput$1;
+Object.defineProperty(exports, "parseTime", {
+	enumerable: true,
+	get: () => date.parseTime
+});
 exports.TimePickerCell = timePickerCell.TimePickerCell;
 exports.TimePickerClearTrigger = timePickerClearTrigger.TimePickerClearTrigger;
 exports.TimePickerColumn = timePickerColumn.TimePickerColumn;

package/dist/components/index.js

@@ -528,6 +528,7 @@ export { useTagsInputContext } from './tags-input/use-tags-input-context.js';
 export { useTagsInputItemContext } from './tags-input/use-tags-input-item-context.js';
 import * as tagsInput from './tags-input/tags-input.js';
 export { tagsInput as TagsInput };
+export { parseTime } from '@internationalized/date';
 export { TimePickerCell } from './time-picker/time-picker-cell.js';
 export { TimePickerClearTrigger } from './time-picker/time-picker-clear-trigger.js';
 export { TimePickerColumn } from './time-picker/time-picker-column.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/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;

package/dist/components/switch/use-switch.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 useSwitch = (props) => {
+const useSwitch = (props = {}) => {
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();
   const field = useFieldContext();

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

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

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

@@ -10,4 +10,4 @@ export interface UseTabsProps extends Optional<Omit<tabs.Context, 'dir' | 'getRo
 }
 export interface UseTabsReturn extends tabs.Api<PropTypes> {
 }
-export declare const useTabs: (props: UseTabsProps) => UseTabsReturn;
+export declare const useTabs: (props?: UseTabsProps) => UseTabsReturn;

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

@@ -10,4 +10,4 @@ export interface UseTabsProps extends Optional<Omit<tabs.Context, 'dir' | 'getRo
 }
 export interface UseTabsReturn extends tabs.Api<PropTypes> {
 }
-export declare const useTabs: (props: UseTabsProps) => UseTabsReturn;
+export declare const useTabs: (props?: UseTabsProps) => UseTabsReturn;

package/dist/components/tabs/use-tabs.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 useTabs = (props) => {
+const useTabs = (props = {}) => {
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();
   const initialContext = {

package/dist/components/tags-input/use-tags-input.cjs

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

package/dist/components/tags-input/use-tags-input.d.cts

@@ -10,4 +10,4 @@ export interface UseTagsInputProps extends Optional<Omit<tagsInput.Context, 'dir
 }
 export interface UseTagsInputReturn extends tagsInput.Api<PropTypes> {
 }
-export declare const useTagsInput: (props: UseTagsInputProps) => UseTagsInputReturn;
+export declare const useTagsInput: (props?: UseTagsInputProps) => UseTagsInputReturn;

package/dist/components/tags-input/use-tags-input.d.ts

@@ -10,4 +10,4 @@ export interface UseTagsInputProps extends Optional<Omit<tagsInput.Context, 'dir
 }
 export interface UseTagsInputReturn extends tagsInput.Api<PropTypes> {
 }
-export declare const useTagsInput: (props: UseTagsInputProps) => UseTagsInputReturn;
+export declare const useTagsInput: (props?: UseTagsInputProps) => UseTagsInputReturn;

package/dist/components/tags-input/use-tags-input.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 useTagsInput = (props) => {
+const useTagsInput = (props = {}) => {
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();
   const field = useFieldContext();