@ark-ui/react 4.1.1 → 4.1.2

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/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();

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

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

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

@@ -5,4 +5,4 @@ export interface UseTimerProps extends Optional<Omit<timer.Context, 'dir' | 'get
 }
 export interface UseTimerReturn extends timer.Api<PropTypes> {
 }
-export declare const useTimer: (props: UseTimerProps) => UseTimerReturn;
+export declare const useTimer: (props?: UseTimerProps) => UseTimerReturn;

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

@@ -5,4 +5,4 @@ export interface UseTimerProps extends Optional<Omit<timer.Context, 'dir' | 'get
 }
 export interface UseTimerReturn extends timer.Api<PropTypes> {
 }
-export declare const useTimer: (props: UseTimerProps) => UseTimerReturn;
+export declare const useTimer: (props?: UseTimerProps) => UseTimerReturn;

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

@@ -5,7 +5,7 @@ import { useId } from 'react';
 import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
 import { useEvent } from '../../utils/use-event.js';
 
-const useTimer = (props) => {
+const useTimer = (props = {}) => {
   const env = useEnvironmentContext();
   const initialContext = {
     id: useId(),

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

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

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

@@ -10,4 +10,4 @@ export interface UseToggleGroupProps extends Optional<Omit<toggleGroup.Context,
 }
 export interface UseToggleGroupReturn extends toggleGroup.Api<PropTypes> {
 }
-export declare const useToggleGroup: (props: UseToggleGroupProps) => UseToggleGroupReturn;
+export declare const useToggleGroup: (props?: UseToggleGroupProps) => UseToggleGroupReturn;

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

@@ -10,4 +10,4 @@ export interface UseToggleGroupProps extends Optional<Omit<toggleGroup.Context,
 }
 export interface UseToggleGroupReturn extends toggleGroup.Api<PropTypes> {
 }
-export declare const useToggleGroup: (props: UseToggleGroupProps) => UseToggleGroupReturn;
+export declare const useToggleGroup: (props?: UseToggleGroupProps) => UseToggleGroupReturn;

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

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

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

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

@@ -10,4 +10,4 @@ export interface UseTooltipProps extends Optional<Omit<tooltip.Context, 'dir' |
 }
 export interface UseTooltipReturn extends tooltip.Api<PropTypes> {
 }
-export declare const useTooltip: (props: UseTooltipProps) => UseTooltipReturn;
+export declare const useTooltip: (props?: UseTooltipProps) => UseTooltipReturn;

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

@@ -10,4 +10,4 @@ export interface UseTooltipProps extends Optional<Omit<tooltip.Context, 'dir' |
 }
 export interface UseTooltipReturn extends tooltip.Api<PropTypes> {
 }
-export declare const useTooltip: (props: UseTooltipProps) => UseTooltipReturn;
+export declare const useTooltip: (props?: UseTooltipProps) => UseTooltipReturn;

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/react",
-  "version": "4.1.1",
+  "version": "4.1.2",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -211,23 +211,23 @@
     "@testing-library/user-event": "14.5.2",
     "@types/jsdom": "21.1.7",
     "@types/react": "18.3.11",
-    "@types/react-dom": "18.3.0",
+    "@types/react-dom": "18.3.1",
     "@vitejs/plugin-react": "4.3.2",
     "@zag-js/stringify-state": "0.74.2",
     "clean-package": "2.2.0",
     "globby": "14.0.2",
     "jsdom": "25.0.1",
-    "lucide-react": "0.451.0",
+    "lucide-react": "0.452.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-frame-component": "5.2.7",
     "react-hook-form": "7.53.0",
-    "release-it": "17.8.0",
+    "release-it": "17.8.2",
     "resize-observer-polyfill": "1.5.1",
     "storybook": "8.3.5",
     "typescript": "5.6.3",
     "vite": "5.4.8",
-    "vite-plugin-dts": "4.2.3",
+    "vite-plugin-dts": "4.2.4",
     "vitest": "2.1.2",
     "vitest-axe": "1.0.0-pre.3"
   },

package/dist/utils/use-is-server.cjs

@@ -1,16 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const react = require('react');
-
-const useIsServer = () => {
-  const [isServer, setServer] = react.useState(true);
-  react.useEffect(() => {
-    setServer(false);
-  }, []);
-  return isServer;
-};
-
-exports.useIsServer = useIsServer;

package/dist/utils/use-is-server.d.cts

@@ -1 +0,0 @@
-export declare const useIsServer: () => boolean;

package/dist/utils/use-is-server.d.ts

@@ -1 +0,0 @@
-export declare const useIsServer: () => boolean;

package/dist/utils/use-is-server.js

@@ -1,12 +0,0 @@
-'use client';
-import { useState, useEffect } from 'react';
-
-const useIsServer = () => {
-  const [isServer, setServer] = useState(true);
-  useEffect(() => {
-    setServer(false);
-  }, []);
-  return isServer;
-};
-
-export { useIsServer };