@ark-ui/react 5.0.0 → 5.0.1

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

@@ -28,7 +28,7 @@ function _interopNamespaceDefault(e) {
 
 const accordion__namespace = /*#__PURE__*/_interopNamespaceDefault(accordion);
 
-const useAccordion = (props = {}) => {
+const useAccordion = (props) => {
   const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();

package/dist/components/accordion/use-accordion.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 useAccordion = (props = {}) => {
+const useAccordion = (props) => {
   const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();

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

@@ -28,7 +28,7 @@ function _interopNamespaceDefault(e) {
 
 const avatar__namespace = /*#__PURE__*/_interopNamespaceDefault(avatar);
 
-const useAvatar = (props = {}) => {
+const useAvatar = (props) => {
   const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();

package/dist/components/avatar/use-avatar.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 useAvatar = (props = {}) => {
+const useAvatar = (props) => {
   const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();

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 id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const machineProps = {

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 id = useId();
   const { getRootNode } = useEnvironmentContext();
   const machineProps = {

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

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

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

@@ -6,7 +6,7 @@ import { useEnvironmentContext } from '../../providers/environment/use-environme
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
 import { useFieldContext } from '../field/use-field-context.js';
 
-const useColorPicker = (props = {}) => {
+const useColorPicker = (props) => {
   const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();

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

@@ -28,7 +28,7 @@ function _interopNamespaceDefault(e) {
 
 const datePicker__namespace = /*#__PURE__*/_interopNamespaceDefault(datePicker);
 
-const useDatePicker = (props = {}) => {
+const useDatePicker = (props) => {
   const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir, locale } = useLocaleContext.useLocaleContext();

package/dist/components/date-picker/use-date-picker.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 useDatePicker = (props = {}) => {
+const useDatePicker = (props) => {
   const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir, locale } = useLocaleContext();

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

@@ -28,7 +28,7 @@ function _interopNamespaceDefault(e) {
 
 const dialog__namespace = /*#__PURE__*/_interopNamespaceDefault(dialog);
 
-const useDialog = (props = {}) => {
+const useDialog = (props) => {
   const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();

package/dist/components/dialog/use-dialog.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 useDialog = (props = {}) => {
+const useDialog = (props) => {
   const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();

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

@@ -29,7 +29,7 @@ function _interopNamespaceDefault(e) {
 
 const editable__namespace = /*#__PURE__*/_interopNamespaceDefault(editable);
 
-const useEditable = (props = {}) => {
+const useEditable = (props) => {
   const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();

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

@@ -6,7 +6,7 @@ import { useEnvironmentContext } from '../../providers/environment/use-environme
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
 import { useFieldContext } from '../field/use-field-context.js';
 
-const useEditable = (props = {}) => {
+const useEditable = (props) => {
   const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();

package/dist/components/file-upload/use-file-upload.cjs

@@ -29,7 +29,7 @@ function _interopNamespaceDefault(e) {
 
 const fileUpload__namespace = /*#__PURE__*/_interopNamespaceDefault(fileUpload);
 
-const useFileUpload = (props = {}) => {
+const useFileUpload = (props) => {
   const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir, locale } = useLocaleContext.useLocaleContext();

package/dist/components/file-upload/use-file-upload.js

@@ -6,7 +6,7 @@ import { useEnvironmentContext } from '../../providers/environment/use-environme
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
 import { useFieldContext } from '../field/use-field-context.js';
 
-const useFileUpload = (props = {}) => {
+const useFileUpload = (props) => {
   const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir, locale } = useLocaleContext();

package/dist/components/hover-card/use-hover-card.cjs

@@ -28,7 +28,7 @@ function _interopNamespaceDefault(e) {
 
 const hoverCard__namespace = /*#__PURE__*/_interopNamespaceDefault(hoverCard);
 
-const useHoverCard = (props = {}) => {
+const useHoverCard = (props) => {
   const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();

package/dist/components/hover-card/use-hover-card.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 useHoverCard = (props = {}) => {
+const useHoverCard = (props) => {
   const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();

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

@@ -28,7 +28,7 @@ function _interopNamespaceDefault(e) {
 
 const menu__namespace = /*#__PURE__*/_interopNamespaceDefault(menu);
 
-const useMenu = (props = {}) => {
+const useMenu = (props) => {
   const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();

package/dist/components/menu/use-menu.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 useMenu = (props = {}) => {
+const useMenu = (props) => {
   const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();

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

@@ -29,7 +29,7 @@ function _interopNamespaceDefault(e) {
 
 const numberInput__namespace = /*#__PURE__*/_interopNamespaceDefault(numberInput);
 
-const useNumberInput = (props = {}) => {
+const useNumberInput = (props) => {
   const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir, locale } = useLocaleContext.useLocaleContext();

package/dist/components/number-input/use-number-input.js

@@ -6,7 +6,7 @@ import { useEnvironmentContext } from '../../providers/environment/use-environme
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
 import { useFieldContext } from '../field/use-field-context.js';
 
-const useNumberInput = (props = {}) => {
+const useNumberInput = (props) => {
   const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir, locale } = useLocaleContext();

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

@@ -28,7 +28,7 @@ function _interopNamespaceDefault(e) {
 
 const pagination__namespace = /*#__PURE__*/_interopNamespaceDefault(pagination);
 
-const usePagination = (props = {}) => {
+const usePagination = (props) => {
   const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();

package/dist/components/pagination/use-pagination.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 usePagination = (props = {}) => {
+const usePagination = (props) => {
   const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();

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

@@ -29,7 +29,7 @@ function _interopNamespaceDefault(e) {
 
 const pinInput__namespace = /*#__PURE__*/_interopNamespaceDefault(pinInput);
 
-const usePinInput = (props = {}) => {
+const usePinInput = (props) => {
   const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();

package/dist/components/pin-input/use-pin-input.js

@@ -6,7 +6,7 @@ import { useEnvironmentContext } from '../../providers/environment/use-environme
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
 import { useFieldContext } from '../field/use-field-context.js';
 
-const usePinInput = (props = {}) => {
+const usePinInput = (props) => {
   const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();

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

@@ -28,7 +28,7 @@ function _interopNamespaceDefault(e) {
 
 const popover__namespace = /*#__PURE__*/_interopNamespaceDefault(popover);
 
-const usePopover = (props = {}) => {
+const usePopover = (props) => {
   const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();

package/dist/components/popover/use-popover.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 usePopover = (props = {}) => {
+const usePopover = (props) => {
   const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();

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

@@ -27,7 +27,7 @@ function _interopNamespaceDefault(e) {
 
 const presence__namespace = /*#__PURE__*/_interopNamespaceDefault(presence);
 
-const usePresence = (props) => {
+const usePresence = (props = {}) => {
   const { lazyMount, unmountOnExit, present, ...rest } = props;
   const wasEverPresent = react.useRef(false);
   const machineProps = {

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

@@ -4,7 +4,7 @@ import * as presence from '@zag-js/presence';
 export interface UsePresenceProps extends Optional<presence.Props, 'present'>, RenderStrategyProps {
 }
 export type UsePresenceReturn = ReturnType<typeof usePresence>;
-export declare const usePresence: (props: UsePresenceProps) => {
+export declare const usePresence: (props?: UsePresenceProps) => {
     ref: (node: HTMLElement | null) => void;
     getPresenceProps: () => {
         'data-state': string;

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

@@ -4,7 +4,7 @@ import * as presence from '@zag-js/presence';
 export interface UsePresenceProps extends Optional<presence.Props, 'present'>, RenderStrategyProps {
 }
 export type UsePresenceReturn = ReturnType<typeof usePresence>;
-export declare const usePresence: (props: UsePresenceProps) => {
+export declare const usePresence: (props?: UsePresenceProps) => {
     ref: (node: HTMLElement | null) => void;
     getPresenceProps: () => {
         'data-state': string;

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

@@ -4,7 +4,7 @@ import { useMachine, normalizeProps } from '@zag-js/react';
 import { useRef } from 'react';
 import { useEvent } from '../../utils/use-event.js';
 
-const usePresence = (props) => {
+const usePresence = (props = {}) => {
   const { lazyMount, unmountOnExit, present, ...rest } = props;
   const wasEverPresent = useRef(false);
   const machineProps = {

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 id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir, locale } = useLocaleContext.useLocaleContext();

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 id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir, locale } = useLocaleContext();

package/dist/components/qr-code/use-qr-code.cjs

@@ -28,7 +28,7 @@ function _interopNamespaceDefault(e) {
 
 const qrcode__namespace = /*#__PURE__*/_interopNamespaceDefault(qrcode);
 
-const useQrCode = (props = {}) => {
+const useQrCode = (props) => {
   const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();

package/dist/components/qr-code/use-qr-code.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 useQrCode = (props = {}) => {
+const useQrCode = (props) => {
   const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();

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

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

package/dist/components/radio-group/use-radio-group.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 useRadioGroup = (props = {}) => {
+const useRadioGroup = (props) => {
   const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();

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

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

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

@@ -6,7 +6,7 @@ import { useEnvironmentContext } from '../../providers/environment/use-environme
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
 import { useFieldContext } from '../field/use-field-context.js';
 
-const useRatingGroup = (props = {}) => {
+const useRatingGroup = (props) => {
   const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();

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

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

package/dist/components/segment-group/use-segment-group.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 useSegmentGroup = (props = {}) => {
+const useSegmentGroup = (props) => {
   const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();

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

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

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

@@ -6,7 +6,7 @@ import { useEnvironmentContext } from '../../providers/environment/use-environme
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
 import { useFieldContext } from '../field/use-field-context.js';
 
-const useSignaturePad = (props = {}) => {
+const useSignaturePad = (props) => {
   const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();

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

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

package/dist/components/slider/use-slider.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 useSlider = (props = {}) => {
+const useSlider = (props) => {
   const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();

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

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

package/dist/components/splitter/use-splitter.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 useSplitter = (props = {}) => {
+const useSplitter = (props) => {
   const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();

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

@@ -28,7 +28,7 @@ function _interopNamespaceDefault(e) {
 
 const steps__namespace = /*#__PURE__*/_interopNamespaceDefault(steps);
 
-function useSteps(props = {}) {
+function useSteps(props) {
   const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();

package/dist/components/steps/use-steps.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';
 
-function useSteps(props = {}) {
+function useSteps(props) {
   const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();

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

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

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

@@ -6,7 +6,7 @@ import { useEnvironmentContext } from '../../providers/environment/use-environme
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
 import { useFieldContext } from '../field/use-field-context.js';
 
-const useSwitch = (props = {}) => {
+const useSwitch = (props) => {
   const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();

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

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

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

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

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

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

@@ -6,7 +6,7 @@ import { useEnvironmentContext } from '../../providers/environment/use-environme
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
 import { useFieldContext } from '../field/use-field-context.js';
 
-const useTagsInput = (props = {}) => {
+const useTagsInput = (props) => {
   const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();

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

@@ -28,7 +28,7 @@ function _interopNamespaceDefault(e) {
 
 const timePicker__namespace = /*#__PURE__*/_interopNamespaceDefault(timePicker);
 
-const useTimePicker = (props = {}) => {
+const useTimePicker = (props) => {
   const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir, locale } = useLocaleContext.useLocaleContext();

package/dist/components/time-picker/use-time-picker.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 useTimePicker = (props = {}) => {
+const useTimePicker = (props) => {
   const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir, locale } = useLocaleContext();

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

@@ -27,7 +27,7 @@ function _interopNamespaceDefault(e) {
 
 const timer__namespace = /*#__PURE__*/_interopNamespaceDefault(timer);
 
-const useTimer = (props = {}) => {
+const useTimer = (props) => {
   const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const machineProps = {

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

@@ -4,7 +4,7 @@ import * as timer from '@zag-js/timer';
 import { useId } from 'react';
 import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
 
-const useTimer = (props = {}) => {
+const useTimer = (props) => {
   const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const machineProps = {

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

@@ -4,4 +4,4 @@ export interface UseToggleProps extends toggle.Props {
 }
 export interface UseToggleReturn extends toggle.Api<PropTypes> {
 }
-export declare function useToggle(props: UseToggleProps): UseToggleReturn;
+export declare function useToggle(props?: UseToggleProps): UseToggleReturn;

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

@@ -4,4 +4,4 @@ export interface UseToggleProps extends toggle.Props {
 }
 export interface UseToggleReturn extends toggle.Api<PropTypes> {
 }
-export declare function useToggle(props: UseToggleProps): UseToggleReturn;
+export declare function useToggle(props?: UseToggleProps): UseToggleReturn;

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

@@ -28,7 +28,7 @@ function _interopNamespaceDefault(e) {
 
 const toggleGroup__namespace = /*#__PURE__*/_interopNamespaceDefault(toggleGroup);
 
-const useToggleGroup = (props = {}) => {
+const useToggleGroup = (props) => {
   const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();

package/dist/components/toggle-group/use-toggle-group.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 useToggleGroup = (props = {}) => {
+const useToggleGroup = (props) => {
   const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();

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

@@ -28,7 +28,7 @@ function _interopNamespaceDefault(e) {
 
 const tooltip__namespace = /*#__PURE__*/_interopNamespaceDefault(tooltip);
 
-const useTooltip = (props = {}) => {
+const useTooltip = (props) => {
   const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();

package/dist/components/tooltip/use-tooltip.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 useTooltip = (props = {}) => {
+const useTooltip = (props) => {
   const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();

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

@@ -28,7 +28,7 @@ function _interopNamespaceDefault(e) {
 
 const tour__namespace = /*#__PURE__*/_interopNamespaceDefault(tour);
 
-const useTour = (props = {}) => {
+const useTour = (props) => {
   const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();

package/dist/components/tour/use-tour.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 useTour = (props = {}) => {
+const useTour = (props) => {
   const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/react",
   "type": "module",
-  "version": "5.0.0",
+  "version": "5.0.1",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -147,58 +147,58 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.7.0",
-    "@zag-js/accordion": "1.3.1",
-    "@zag-js/anatomy": "1.3.1",
-    "@zag-js/auto-resize": "1.3.1",
-    "@zag-js/avatar": "1.3.1",
-    "@zag-js/carousel": "1.3.1",
-    "@zag-js/checkbox": "1.3.1",
-    "@zag-js/clipboard": "1.3.1",
-    "@zag-js/collapsible": "1.3.1",
-    "@zag-js/collection": "1.3.1",
-    "@zag-js/color-picker": "1.3.1",
-    "@zag-js/color-utils": "1.3.1",
-    "@zag-js/combobox": "1.3.1",
-    "@zag-js/core": "1.3.1",
-    "@zag-js/date-picker": "1.3.1",
-    "@zag-js/date-utils": "1.3.1",
-    "@zag-js/dialog": "1.3.1",
-    "@zag-js/dom-query": "1.3.1",
-    "@zag-js/editable": "1.3.1",
-    "@zag-js/file-upload": "1.3.1",
-    "@zag-js/file-utils": "1.3.1",
-    "@zag-js/focus-trap": "1.3.1",
-    "@zag-js/highlight-word": "1.3.1",
-    "@zag-js/hover-card": "1.3.1",
-    "@zag-js/i18n-utils": "1.3.1",
-    "@zag-js/menu": "1.3.1",
-    "@zag-js/number-input": "1.3.1",
-    "@zag-js/pagination": "1.3.1",
-    "@zag-js/pin-input": "1.3.1",
-    "@zag-js/popover": "1.3.1",
-    "@zag-js/presence": "1.3.1",
-    "@zag-js/progress": "1.3.1",
-    "@zag-js/qr-code": "1.3.1",
-    "@zag-js/radio-group": "1.3.1",
-    "@zag-js/rating-group": "1.3.1",
-    "@zag-js/react": "1.3.1",
-    "@zag-js/select": "1.3.1",
-    "@zag-js/signature-pad": "1.3.1",
-    "@zag-js/slider": "1.3.1",
-    "@zag-js/splitter": "1.3.1",
-    "@zag-js/steps": "1.3.1",
-    "@zag-js/switch": "1.3.1",
-    "@zag-js/tabs": "1.3.1",
-    "@zag-js/tags-input": "1.3.1",
-    "@zag-js/time-picker": "1.3.1",
-    "@zag-js/timer": "1.3.1",
-    "@zag-js/toast": "1.3.1",
-    "@zag-js/toggle": "1.3.1",
-    "@zag-js/toggle-group": "1.3.1",
-    "@zag-js/tooltip": "1.3.1",
-    "@zag-js/tour": "1.3.1",
-    "@zag-js/tree-view": "1.3.1",
-    "@zag-js/types": "1.3.1"
+    "@zag-js/accordion": "1.3.3",
+    "@zag-js/anatomy": "1.3.3",
+    "@zag-js/auto-resize": "1.3.3",
+    "@zag-js/avatar": "1.3.3",
+    "@zag-js/carousel": "1.3.3",
+    "@zag-js/checkbox": "1.3.3",
+    "@zag-js/clipboard": "1.3.3",
+    "@zag-js/collapsible": "1.3.3",
+    "@zag-js/collection": "1.3.3",
+    "@zag-js/color-picker": "1.3.3",
+    "@zag-js/color-utils": "1.3.3",
+    "@zag-js/combobox": "1.3.3",
+    "@zag-js/core": "1.3.3",
+    "@zag-js/date-picker": "1.3.3",
+    "@zag-js/date-utils": "1.3.3",
+    "@zag-js/dialog": "1.3.3",
+    "@zag-js/dom-query": "1.3.3",
+    "@zag-js/editable": "1.3.3",
+    "@zag-js/file-upload": "1.3.3",
+    "@zag-js/file-utils": "1.3.3",
+    "@zag-js/focus-trap": "1.3.3",
+    "@zag-js/highlight-word": "1.3.3",
+    "@zag-js/hover-card": "1.3.3",
+    "@zag-js/i18n-utils": "1.3.3",
+    "@zag-js/menu": "1.3.3",
+    "@zag-js/number-input": "1.3.3",
+    "@zag-js/pagination": "1.3.3",
+    "@zag-js/pin-input": "1.3.3",
+    "@zag-js/popover": "1.3.3",
+    "@zag-js/presence": "1.3.3",
+    "@zag-js/progress": "1.3.3",
+    "@zag-js/qr-code": "1.3.3",
+    "@zag-js/radio-group": "1.3.3",
+    "@zag-js/rating-group": "1.3.3",
+    "@zag-js/react": "1.3.3",
+    "@zag-js/select": "1.3.3",
+    "@zag-js/signature-pad": "1.3.3",
+    "@zag-js/slider": "1.3.3",
+    "@zag-js/splitter": "1.3.3",
+    "@zag-js/steps": "1.3.3",
+    "@zag-js/switch": "1.3.3",
+    "@zag-js/tabs": "1.3.3",
+    "@zag-js/tags-input": "1.3.3",
+    "@zag-js/time-picker": "1.3.3",
+    "@zag-js/timer": "1.3.3",
+    "@zag-js/toast": "1.3.3",
+    "@zag-js/toggle": "1.3.3",
+    "@zag-js/toggle-group": "1.3.3",
+    "@zag-js/tooltip": "1.3.3",
+    "@zag-js/tour": "1.3.3",
+    "@zag-js/tree-view": "1.3.3",
+    "@zag-js/types": "1.3.3"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
@@ -215,11 +215,11 @@
     "@types/react": "19.0.10",
     "@types/react-dom": "19.0.4",
     "@vitejs/plugin-react": "4.3.4",
-    "@zag-js/stringify-state": "1.3.1",
+    "@zag-js/stringify-state": "1.3.3",
     "clean-package": "2.2.0",
     "globby": "14.1.0",
-    "happy-dom": "17.1.8",
-    "lucide-react": "0.477.0",
+    "happy-dom": "17.4.3",
+    "lucide-react": "0.479.0",
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "react-frame-component": "5.2.7",
@@ -230,7 +230,7 @@
     "typescript": "5.8.2",
     "vite": "6.2.0",
     "vite-plugin-dts": "4.5.3",
-    "vitest": "3.0.7",
+    "vitest": "3.0.8",
     "vitest-axe": "1.0.0-pre.5"
   },
   "peerDependencies": {