@ark-ui/react 4.0.0-0 → 4.1.0

package/dist/components/tabs/index.cjs

@@ -2,6 +2,13 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const tabContent = require('./tab-content.cjs');
+const tabIndicator = require('./tab-indicator.cjs');
+const tabList = require('./tab-list.cjs');
+const tabTrigger = require('./tab-trigger.cjs');
+const tabsContext = require('./tabs-context.cjs');
+const tabsRoot = require('./tabs-root.cjs');
+const tabsRootProvider = require('./tabs-root-provider.cjs');
 const useTabs = require('./use-tabs.cjs');
 const useTabsContext = require('./use-tabs-context.cjs');
 const tabs$1 = require('./tabs.cjs');
@@ -9,10 +16,17 @@ const tabs = require('@zag-js/tabs');
 
 
 
+exports.TabContent = tabContent.TabContent;
+exports.TabIndicator = tabIndicator.TabIndicator;
+exports.TabList = tabList.TabList;
+exports.TabTrigger = tabTrigger.TabTrigger;
+exports.TabsContext = tabsContext.TabsContext;
+exports.TabsRoot = tabsRoot.TabsRoot;
+exports.TabsRootProvider = tabsRootProvider.TabsRootProvider;
 exports.useTabs = useTabs.useTabs;
 exports.useTabsContext = useTabsContext.useTabsContext;
 exports.Tabs = tabs$1;
 Object.defineProperty(exports, "tabsAnatomy", {
-	enumerable: true,
-	get: () => tabs.anatomy
+  enumerable: true,
+  get: () => tabs.anatomy
 });

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

@@ -1,4 +1,12 @@
+export type { FocusChangeDetails as TabsFocusChangeDetails, ValueChangeDetails as TabsValueChangeDetails, } from '@zag-js/tabs';
+export { TabContent, type TabContentBaseProps, type TabContentProps, } from './tab-content';
+export { TabIndicator, type TabIndicatorBaseProps, type TabIndicatorProps, } from './tab-indicator';
+export { TabList, type TabListBaseProps, type TabListProps, } from './tab-list';
+export { TabTrigger, type TabTriggerBaseProps, type TabTriggerProps, } from './tab-trigger';
+export { TabsContext, type TabsContextProps, } from './tabs-context';
+export { TabsRoot, type TabsRootBaseProps, type TabsRootProps, } from './tabs-root';
+export { TabsRootProvider, type TabsRootProviderBaseProps, type TabsRootProviderProps, } from './tabs-root-provider';
+export { tabsAnatomy } from './tabs.anatomy';
 export { useTabs, type UseTabsProps, type UseTabsReturn } from './use-tabs';
 export { useTabsContext, type UseTabsContext } from './use-tabs-context';
-export { tabsAnatomy } from './tabs.anatomy';
 export * as Tabs from './tabs';

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

@@ -1,4 +1,12 @@
+export type { FocusChangeDetails as TabsFocusChangeDetails, ValueChangeDetails as TabsValueChangeDetails, } from '@zag-js/tabs';
+export { TabContent, type TabContentBaseProps, type TabContentProps, } from './tab-content';
+export { TabIndicator, type TabIndicatorBaseProps, type TabIndicatorProps, } from './tab-indicator';
+export { TabList, type TabListBaseProps, type TabListProps, } from './tab-list';
+export { TabTrigger, type TabTriggerBaseProps, type TabTriggerProps, } from './tab-trigger';
+export { TabsContext, type TabsContextProps, } from './tabs-context';
+export { TabsRoot, type TabsRootBaseProps, type TabsRootProps, } from './tabs-root';
+export { TabsRootProvider, type TabsRootProviderBaseProps, type TabsRootProviderProps, } from './tabs-root-provider';
+export { tabsAnatomy } from './tabs.anatomy';
 export { useTabs, type UseTabsProps, type UseTabsReturn } from './use-tabs';
 export { useTabsContext, type UseTabsContext } from './use-tabs-context';
-export { tabsAnatomy } from './tabs.anatomy';
 export * as Tabs from './tabs';

package/dist/components/tabs/index.js

@@ -1,3 +1,10 @@
+export { TabContent } from './tab-content.js';
+export { TabIndicator } from './tab-indicator.js';
+export { TabList } from './tab-list.js';
+export { TabTrigger } from './tab-trigger.js';
+export { TabsContext } from './tabs-context.js';
+export { TabsRoot } from './tabs-root.js';
+export { TabsRootProvider } from './tabs-root-provider.js';
 export { useTabs } from './use-tabs.js';
 export { useTabsContext } from './use-tabs-context.js';
 import * as tabs from './tabs.js';

package/dist/components/tabs/tab-content.cjs

@@ -6,6 +6,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const react$1 = require('@zag-js/react');
 const react = require('react');
+const composeRefs = require('../../utils/compose-refs.cjs');
 const createSplitProps = require('../../utils/create-split-props.cjs');
 const renderStrategy = require('../../utils/render-strategy.cjs');
 const factory = require('../factory.cjs');
@@ -24,10 +25,10 @@ const TabContent = react.forwardRef((props, ref) => {
   });
   const mergedProps = react$1.mergeProps(
     tabs.getContentProps(contentProps),
-    presence.getPresenceProps(ref),
+    presence.getPresenceProps(),
     localProps
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children: presence.unmounted ? null : /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children: presence.unmounted ? null : /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref: composeRefs.composeRefs(presence.ref, ref) }) });
 });
 TabContent.displayName = "TabContent";
 

package/dist/components/tabs/tab-content.js

@@ -2,6 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
+import { composeRefs } from '../../utils/compose-refs.js';
 import { createSplitProps } from '../../utils/create-split-props.js';
 import { useRenderStrategyPropsContext } from '../../utils/render-strategy.js';
 import { ark } from '../factory.js';
@@ -20,10 +21,10 @@ const TabContent = forwardRef((props, ref) => {
   });
   const mergedProps = mergeProps(
     tabs.getContentProps(contentProps),
-    presence.getPresenceProps(ref),
+    presence.getPresenceProps(),
     localProps
   );
-  return /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children: presence.unmounted ? null : /* @__PURE__ */ jsx(ark.div, { ...mergedProps }) });
+  return /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children: presence.unmounted ? null : /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) }) });
 });
 TabContent.displayName = "TabContent";
 

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

@@ -18,6 +18,7 @@ const TabsRoot = react.forwardRef((props, ref) => {
     "activationMode",
     "composite",
     "defaultValue",
+    "deselectable",
     "id",
     "ids",
     "loopFocus",

package/dist/components/tabs/tabs-root.js

@@ -14,6 +14,7 @@ const TabsRoot = forwardRef((props, ref) => {
     "activationMode",
     "composite",
     "defaultValue",
+    "deselectable",
     "id",
     "ids",
     "loopFocus",

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

@@ -2,6 +2,20 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const tagsInputClearTrigger = require('./tags-input-clear-trigger.cjs');
+const tagsInputContext = require('./tags-input-context.cjs');
+const tagsInputControl = require('./tags-input-control.cjs');
+const tagsInputHiddenInput = require('./tags-input-hidden-input.cjs');
+const tagsInputInput = require('./tags-input-input.cjs');
+const tagsInputItem = require('./tags-input-item.cjs');
+const tagsInputItemContext = require('./tags-input-item-context.cjs');
+const tagsInputItemDeleteTrigger = require('./tags-input-item-delete-trigger.cjs');
+const tagsInputItemInput = require('./tags-input-item-input.cjs');
+const tagsInputItemPreview = require('./tags-input-item-preview.cjs');
+const tagsInputItemText = require('./tags-input-item-text.cjs');
+const tagsInputLabel = require('./tags-input-label.cjs');
+const tagsInputRoot = require('./tags-input-root.cjs');
+const tagsInputRootProvider = require('./tags-input-root-provider.cjs');
 const useTagsInput = require('./use-tags-input.cjs');
 const useTagsInputContext = require('./use-tags-input-context.cjs');
 const useTagsInputItemContext = require('./use-tags-input-item-context.cjs');
@@ -10,6 +24,20 @@ const tagsInput = require('@zag-js/tags-input');
 
 
 
+exports.TagsInputClearTrigger = tagsInputClearTrigger.TagsInputClearTrigger;
+exports.TagsInputContext = tagsInputContext.TagsInputContext;
+exports.TagsInputControl = tagsInputControl.TagsInputControl;
+exports.TagsInputHiddenInput = tagsInputHiddenInput.TagsInputHiddenInput;
+exports.TagsInputInput = tagsInputInput.TagsInputInput;
+exports.TagsInputItem = tagsInputItem.TagsInputItem;
+exports.TagsInputItemContext = tagsInputItemContext.TagsInputItemContext;
+exports.TagsInputItemDeleteTrigger = tagsInputItemDeleteTrigger.TagsInputItemDeleteTrigger;
+exports.TagsInputItemInput = tagsInputItemInput.TagsInputItemInput;
+exports.TagsInputItemPreview = tagsInputItemPreview.TagsInputItemPreview;
+exports.TagsInputItemText = tagsInputItemText.TagsInputItemText;
+exports.TagsInputLabel = tagsInputLabel.TagsInputLabel;
+exports.TagsInputRoot = tagsInputRoot.TagsInputRoot;
+exports.TagsInputRootProvider = tagsInputRootProvider.TagsInputRootProvider;
 exports.useTagsInput = useTagsInput.useTagsInput;
 exports.useTagsInputContext = useTagsInputContext.useTagsInputContext;
 exports.useTagsInputItemContext = useTagsInputItemContext.useTagsInputItemContext;

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

@@ -1,3 +1,18 @@
+export type { HighlightChangeDetails as TagsInputHighlightChangeDetails, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails, } from '@zag-js/tags-input';
+export { TagsInputClearTrigger, type TagsInputClearTriggerBaseProps, type TagsInputClearTriggerProps, } from './tags-input-clear-trigger';
+export { TagsInputContext, type TagsInputContextProps, } from './tags-input-context';
+export { TagsInputControl, type TagsInputControlBaseProps, type TagsInputControlProps, } from './tags-input-control';
+export { TagsInputHiddenInput, type TagsInputHiddenInputBaseProps, type TagsInputHiddenInputProps, } from './tags-input-hidden-input';
+export { TagsInputInput, type TagsInputInputBaseProps, type TagsInputInputProps, } from './tags-input-input';
+export { TagsInputItem, type TagsInputItemBaseProps, type TagsInputItemProps, } from './tags-input-item';
+export { TagsInputItemContext, type TagsInputItemContextProps, } from './tags-input-item-context';
+export { TagsInputItemDeleteTrigger, type TagsInputItemDeleteTriggerBaseProps, type TagsInputItemDeleteTriggerProps, } from './tags-input-item-delete-trigger';
+export { TagsInputItemInput, type TagsInputItemInputBaseProps, type TagsInputItemInputProps, } from './tags-input-item-input';
+export { TagsInputItemPreview, type TagsInputItemPreviewBaseProps, type TagsInputItemPreviewProps, } from './tags-input-item-preview';
+export { TagsInputItemText, type TagsInputItemTextBaseProps, type TagsInputItemTextProps, } from './tags-input-item-text';
+export { TagsInputLabel, type TagsInputLabelBaseProps, type TagsInputLabelProps, } from './tags-input-label';
+export { TagsInputRoot, type TagsInputRootBaseProps, type TagsInputRootProps, } from './tags-input-root';
+export { TagsInputRootProvider, type TagsInputRootProviderBaseProps, type TagsInputRootProviderProps, } from './tags-input-root-provider';
 export { tagsInputAnatomy } from './tags-input.anatomy';
 export { useTagsInput, type UseTagsInputProps, type UseTagsInputReturn } from './use-tags-input';
 export { useTagsInputContext, type UseTagsInputContext } from './use-tags-input-context';

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

@@ -1,3 +1,18 @@
+export type { HighlightChangeDetails as TagsInputHighlightChangeDetails, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails, } from '@zag-js/tags-input';
+export { TagsInputClearTrigger, type TagsInputClearTriggerBaseProps, type TagsInputClearTriggerProps, } from './tags-input-clear-trigger';
+export { TagsInputContext, type TagsInputContextProps, } from './tags-input-context';
+export { TagsInputControl, type TagsInputControlBaseProps, type TagsInputControlProps, } from './tags-input-control';
+export { TagsInputHiddenInput, type TagsInputHiddenInputBaseProps, type TagsInputHiddenInputProps, } from './tags-input-hidden-input';
+export { TagsInputInput, type TagsInputInputBaseProps, type TagsInputInputProps, } from './tags-input-input';
+export { TagsInputItem, type TagsInputItemBaseProps, type TagsInputItemProps, } from './tags-input-item';
+export { TagsInputItemContext, type TagsInputItemContextProps, } from './tags-input-item-context';
+export { TagsInputItemDeleteTrigger, type TagsInputItemDeleteTriggerBaseProps, type TagsInputItemDeleteTriggerProps, } from './tags-input-item-delete-trigger';
+export { TagsInputItemInput, type TagsInputItemInputBaseProps, type TagsInputItemInputProps, } from './tags-input-item-input';
+export { TagsInputItemPreview, type TagsInputItemPreviewBaseProps, type TagsInputItemPreviewProps, } from './tags-input-item-preview';
+export { TagsInputItemText, type TagsInputItemTextBaseProps, type TagsInputItemTextProps, } from './tags-input-item-text';
+export { TagsInputLabel, type TagsInputLabelBaseProps, type TagsInputLabelProps, } from './tags-input-label';
+export { TagsInputRoot, type TagsInputRootBaseProps, type TagsInputRootProps, } from './tags-input-root';
+export { TagsInputRootProvider, type TagsInputRootProviderBaseProps, type TagsInputRootProviderProps, } from './tags-input-root-provider';
 export { tagsInputAnatomy } from './tags-input.anatomy';
 export { useTagsInput, type UseTagsInputProps, type UseTagsInputReturn } from './use-tags-input';
 export { useTagsInputContext, type UseTagsInputContext } from './use-tags-input-context';

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

@@ -1,3 +1,17 @@
+export { TagsInputClearTrigger } from './tags-input-clear-trigger.js';
+export { TagsInputContext } from './tags-input-context.js';
+export { TagsInputControl } from './tags-input-control.js';
+export { TagsInputHiddenInput } from './tags-input-hidden-input.js';
+export { TagsInputInput } from './tags-input-input.js';
+export { TagsInputItem } from './tags-input-item.js';
+export { TagsInputItemContext } from './tags-input-item-context.js';
+export { TagsInputItemDeleteTrigger } from './tags-input-item-delete-trigger.js';
+export { TagsInputItemInput } from './tags-input-item-input.js';
+export { TagsInputItemPreview } from './tags-input-item-preview.js';
+export { TagsInputItemText } from './tags-input-item-text.js';
+export { TagsInputLabel } from './tags-input-label.js';
+export { TagsInputRoot } from './tags-input-root.js';
+export { TagsInputRootProvider } from './tags-input-root-provider.js';
 export { useTagsInput } from './use-tags-input.js';
 export { useTagsInputContext } from './use-tags-input-context.js';
 export { useTagsInputItemContext } from './use-tags-input-item-context.js';

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

@@ -2,12 +2,38 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const timePickerCell = require('./time-picker-cell.cjs');
+const timePickerClearTrigger = require('./time-picker-clear-trigger.cjs');
+const timePickerColumn = require('./time-picker-column.cjs');
+const timePickerContent = require('./time-picker-content.cjs');
+const timePickerContext = require('./time-picker-context.cjs');
+const timePickerControl = require('./time-picker-control.cjs');
+const timePickerInput = require('./time-picker-input.cjs');
+const timePickerLabel = require('./time-picker-label.cjs');
+const timePickerPositioner = require('./time-picker-positioner.cjs');
+const timePickerRoot = require('./time-picker-root.cjs');
+const timePickerRootProvider = require('./time-picker-root-provider.cjs');
+const timePickerSpacer = require('./time-picker-spacer.cjs');
+const timePickerTrigger = require('./time-picker-trigger.cjs');
 const useTimePicker = require('./use-time-picker.cjs');
 const useTimePickerContext = require('./use-time-picker-context.cjs');
 const timePicker = require('./time-picker.cjs');
 
 
 
+exports.TimePickerCell = timePickerCell.TimePickerCell;
+exports.TimePickerClearTrigger = timePickerClearTrigger.TimePickerClearTrigger;
+exports.TimePickerColumn = timePickerColumn.TimePickerColumn;
+exports.TimePickerContent = timePickerContent.TimePickerContent;
+exports.TimePickerContext = timePickerContext.TimePickerContext;
+exports.TimePickerControl = timePickerControl.TimePickerControl;
+exports.TimePickerInput = timePickerInput.TimePickerInput;
+exports.TimePickerLabel = timePickerLabel.TimePickerLabel;
+exports.TimePickerPositioner = timePickerPositioner.TimePickerPositioner;
+exports.TimePickerRoot = timePickerRoot.TimePickerRoot;
+exports.TimePickerRootProvider = timePickerRootProvider.TimePickerRootProvider;
+exports.TimePickerSpacer = timePickerSpacer.TimePickerSpacer;
+exports.TimePickerTrigger = timePickerTrigger.TimePickerTrigger;
 exports.useTimePicker = useTimePicker.useTimePicker;
 exports.useTimePickerContext = useTimePickerContext.useTimePickerContext;
 exports.TimePicker = timePicker;

package/dist/components/time-picker/index.d.cts

@@ -1,3 +1,17 @@
+export type { FocusChangeDetails as TimePickerFocusChangeDetails, OpenChangeDetails as TimePickerOpenChangeDetails, ValueChangeDetails as TimePickerValueChangeDetails, } from '@zag-js/time-picker';
+export { TimePickerCell, type TimePickerCellBaseProps, type TimePickerCellProps, } from './time-picker-cell';
+export { TimePickerClearTrigger, type TimePickerClearTriggerBaseProps, type TimePickerClearTriggerProps, } from './time-picker-clear-trigger';
+export { TimePickerColumn, type TimePickerColumnBaseProps, type TimePickerColumnProps, } from './time-picker-column';
+export { TimePickerContent, type TimePickerContentBaseProps, type TimePickerContentProps, } from './time-picker-content';
+export { TimePickerContext, type TimePickerContextProps, } from './time-picker-context';
+export { TimePickerControl, type TimePickerControlBaseProps, type TimePickerControlProps, } from './time-picker-control';
+export { TimePickerInput, type TimePickerInputBaseProps, type TimePickerInputProps, } from './time-picker-input';
+export { TimePickerLabel, type TimePickerLabelBaseProps, type TimePickerLabelProps, } from './time-picker-label';
+export { TimePickerPositioner, type TimePickerPositionerBaseProps, type TimePickerPositionerProps, } from './time-picker-positioner';
+export { TimePickerRoot, type TimePickerRootBaseProps, type TimePickerRootProps, } from './time-picker-root';
+export { TimePickerRootProvider, type TimePickerRootProviderBaseProps, type TimePickerRootProviderProps, } from './time-picker-root-provider';
+export { TimePickerSpacer, type TimePickerSpacerBaseProps, type TimePickerSpacerProps, } from './time-picker-spacer';
+export { TimePickerTrigger, type TimePickerTriggerBaseProps, type TimePickerTriggerProps, } from './time-picker-trigger';
 export { useTimePicker, type UseTimePickerProps, type UseTimePickerReturn } from './use-time-picker';
 export { useTimePickerContext, type UseTimePickerContext } from './use-time-picker-context';
 export * as TimePicker from './time-picker';

package/dist/components/time-picker/index.d.ts

@@ -1,3 +1,17 @@
+export type { FocusChangeDetails as TimePickerFocusChangeDetails, OpenChangeDetails as TimePickerOpenChangeDetails, ValueChangeDetails as TimePickerValueChangeDetails, } from '@zag-js/time-picker';
+export { TimePickerCell, type TimePickerCellBaseProps, type TimePickerCellProps, } from './time-picker-cell';
+export { TimePickerClearTrigger, type TimePickerClearTriggerBaseProps, type TimePickerClearTriggerProps, } from './time-picker-clear-trigger';
+export { TimePickerColumn, type TimePickerColumnBaseProps, type TimePickerColumnProps, } from './time-picker-column';
+export { TimePickerContent, type TimePickerContentBaseProps, type TimePickerContentProps, } from './time-picker-content';
+export { TimePickerContext, type TimePickerContextProps, } from './time-picker-context';
+export { TimePickerControl, type TimePickerControlBaseProps, type TimePickerControlProps, } from './time-picker-control';
+export { TimePickerInput, type TimePickerInputBaseProps, type TimePickerInputProps, } from './time-picker-input';
+export { TimePickerLabel, type TimePickerLabelBaseProps, type TimePickerLabelProps, } from './time-picker-label';
+export { TimePickerPositioner, type TimePickerPositionerBaseProps, type TimePickerPositionerProps, } from './time-picker-positioner';
+export { TimePickerRoot, type TimePickerRootBaseProps, type TimePickerRootProps, } from './time-picker-root';
+export { TimePickerRootProvider, type TimePickerRootProviderBaseProps, type TimePickerRootProviderProps, } from './time-picker-root-provider';
+export { TimePickerSpacer, type TimePickerSpacerBaseProps, type TimePickerSpacerProps, } from './time-picker-spacer';
+export { TimePickerTrigger, type TimePickerTriggerBaseProps, type TimePickerTriggerProps, } from './time-picker-trigger';
 export { useTimePicker, type UseTimePickerProps, type UseTimePickerReturn } from './use-time-picker';
 export { useTimePickerContext, type UseTimePickerContext } from './use-time-picker-context';
 export * as TimePicker from './time-picker';

package/dist/components/time-picker/index.js

@@ -1,3 +1,16 @@
+export { TimePickerCell } from './time-picker-cell.js';
+export { TimePickerClearTrigger } from './time-picker-clear-trigger.js';
+export { TimePickerColumn } from './time-picker-column.js';
+export { TimePickerContent } from './time-picker-content.js';
+export { TimePickerContext } from './time-picker-context.js';
+export { TimePickerControl } from './time-picker-control.js';
+export { TimePickerInput } from './time-picker-input.js';
+export { TimePickerLabel } from './time-picker-label.js';
+export { TimePickerPositioner } from './time-picker-positioner.js';
+export { TimePickerRoot } from './time-picker-root.js';
+export { TimePickerRootProvider } from './time-picker-root-provider.js';
+export { TimePickerSpacer } from './time-picker-spacer.js';
+export { TimePickerTrigger } from './time-picker-trigger.js';
 export { useTimePicker } from './use-time-picker.js';
 export { useTimePickerContext } from './use-time-picker-context.js';
 import * as timePicker from './time-picker.js';

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const react$1 = require('@zag-js/react');
 const react = require('react');
+const composeRefs = require('../../utils/compose-refs.cjs');
 const factory = require('../factory.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
 const useTimePickerContext = require('./use-time-picker-context.cjs');
@@ -14,15 +15,11 @@ const TimePickerContent = react.forwardRef(
   (props, ref) => {
     const timePicker = useTimePickerContext.useTimePickerContext();
     const presence = usePresenceContext.usePresenceContext();
-    const mergedProps = react$1.mergeProps(
-      timePicker.getContentProps(),
-      presence.getPresenceProps(ref),
-      props
-    );
+    const mergedProps = react$1.mergeProps(timePicker.getContentProps(), presence.getPresenceProps(), props);
     if (presence.unmounted) {
       return null;
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref: composeRefs.composeRefs(presence.ref, ref) });
   }
 );
 TimePickerContent.displayName = "TimePickerContent";

package/dist/components/time-picker/time-picker-content.js

@@ -2,6 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
+import { composeRefs } from '../../utils/compose-refs.js';
 import { ark } from '../factory.js';
 import { usePresenceContext } from '../presence/use-presence-context.js';
 import { useTimePickerContext } from './use-time-picker-context.js';
@@ -10,15 +11,11 @@ const TimePickerContent = forwardRef(
   (props, ref) => {
     const timePicker = useTimePickerContext();
     const presence = usePresenceContext();
-    const mergedProps = mergeProps(
-      timePicker.getContentProps(),
-      presence.getPresenceProps(ref),
-      props
-    );
+    const mergedProps = mergeProps(timePicker.getContentProps(), presence.getPresenceProps(), props);
     if (presence.unmounted) {
       return null;
     }
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });
   }
 );
 TimePickerContent.displayName = "TimePickerContent";

package/dist/components/timer/index.cjs

@@ -2,12 +2,33 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const timerActionTrigger = require('./timer-action-trigger.cjs');
+const timerContext = require('./timer-context.cjs');
+const timerItem = require('./timer-item.cjs');
+const timerControl = require('./timer-control.cjs');
+const timerArea = require('./timer-area.cjs');
+const timerRoot = require('./timer-root.cjs');
+const timerRootProvider = require('./timer-root-provider.cjs');
+const timerSeparator = require('./timer-separator.cjs');
 const useTimer = require('./use-timer.cjs');
 const useTimerContext = require('./use-timer-context.cjs');
-const timer = require('./timer.cjs');
+const timer$1 = require('./timer.cjs');
+const timer = require('@zag-js/timer');
 
 
 
+exports.TimerActionTrigger = timerActionTrigger.TimerActionTrigger;
+exports.TimerContext = timerContext.TimerContext;
+exports.TimerItem = timerItem.TimerItem;
+exports.TimerControl = timerControl.TimerControl;
+exports.TimerArea = timerArea.TimerArea;
+exports.TimerRoot = timerRoot.TimerRoot;
+exports.TimerRootProvider = timerRootProvider.TimerRootProvider;
+exports.TimerSeparator = timerSeparator.TimerSeparator;
 exports.useTimer = useTimer.useTimer;
 exports.useTimerContext = useTimerContext.useTimerContext;
-exports.Timer = timer;
+exports.Timer = timer$1;
+Object.defineProperty(exports, "timerAnatomy", {
+  enumerable: true,
+  get: () => timer.anatomy
+});

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

@@ -1,3 +1,12 @@
+export { TimerActionTrigger, type TimerActionTriggerBaseProps, type TimerActionTriggerProps, } from './timer-action-trigger';
+export { TimerContext, type TimerContextProps } from './timer-context';
+export { TimerItem, type TimerItemBaseProps, type TimerItemProps } from './timer-item';
+export { TimerControl, type TimerControlBaseProps, type TimerControlProps } from './timer-control';
+export { TimerArea, type TimerAreaBaseProps, type TimerAreaProps } from './timer-area';
+export { TimerRoot, type TimerRootBaseProps, type TimerRootProps } from './timer-root';
+export { TimerRootProvider, type TimerRootProviderBaseProps, type TimerRootProviderProps, } from './timer-root-provider';
+export { TimerSeparator, type TimerSeparatorBaseProps, type TimerSeparatorProps, } from './timer-separator';
+export { timerAnatomy } from './timer.anatomy';
 export { useTimer, type UseTimerProps, type UseTimerReturn } from './use-timer';
 export { useTimerContext, type UseTimerContext } from './use-timer-context';
 export * as Timer from './timer';

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

@@ -1,3 +1,12 @@
+export { TimerActionTrigger, type TimerActionTriggerBaseProps, type TimerActionTriggerProps, } from './timer-action-trigger';
+export { TimerContext, type TimerContextProps } from './timer-context';
+export { TimerItem, type TimerItemBaseProps, type TimerItemProps } from './timer-item';
+export { TimerControl, type TimerControlBaseProps, type TimerControlProps } from './timer-control';
+export { TimerArea, type TimerAreaBaseProps, type TimerAreaProps } from './timer-area';
+export { TimerRoot, type TimerRootBaseProps, type TimerRootProps } from './timer-root';
+export { TimerRootProvider, type TimerRootProviderBaseProps, type TimerRootProviderProps, } from './timer-root-provider';
+export { TimerSeparator, type TimerSeparatorBaseProps, type TimerSeparatorProps, } from './timer-separator';
+export { timerAnatomy } from './timer.anatomy';
 export { useTimer, type UseTimerProps, type UseTimerReturn } from './use-timer';
 export { useTimerContext, type UseTimerContext } from './use-timer-context';
 export * as Timer from './timer';

package/dist/components/timer/index.js

@@ -1,4 +1,13 @@
+export { TimerActionTrigger } from './timer-action-trigger.js';
+export { TimerContext } from './timer-context.js';
+export { TimerItem } from './timer-item.js';
+export { TimerControl } from './timer-control.js';
+export { TimerArea } from './timer-area.js';
+export { TimerRoot } from './timer-root.js';
+export { TimerRootProvider } from './timer-root-provider.js';
+export { TimerSeparator } from './timer-separator.js';
 export { useTimer } from './use-timer.js';
 export { useTimerContext } from './use-timer-context.js';
 import * as timer from './timer.js';
 export { timer as Timer };
+export { anatomy as timerAnatomy } from '@zag-js/timer';

package/dist/components/timer/timer.anatomy.d.cts

@@ -0,0 +1 @@
+export { anatomy as timerAnatomy } from '@zag-js/timer';

package/dist/components/timer/timer.anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as timerAnatomy } from '@zag-js/timer';

package/dist/components/toast/index.cjs

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const createToaster = require('./create-toaster.cjs');
+const toastActionTrigger = require('./toast-action-trigger.cjs');
+const toastCloseTrigger = require('./toast-close-trigger.cjs');
+const toastContext = require('./toast-context.cjs');
+const toastDescription = require('./toast-description.cjs');
+const toastRoot = require('./toast-root.cjs');
+const toastTitle = require('./toast-title.cjs');
 const toaster = require('./toaster.cjs');
 const useToastContext = require('./use-toast-context.cjs');
 const toast$1 = require('./toast.cjs');
@@ -11,6 +17,12 @@ const toast = require('@zag-js/toast');
 
 
 exports.createToaster = createToaster.createToaster;
+exports.ToastActionTrigger = toastActionTrigger.ToastActionTrigger;
+exports.ToastCloseTrigger = toastCloseTrigger.ToastCloseTrigger;
+exports.ToastContext = toastContext.ToastContext;
+exports.ToastDescription = toastDescription.ToastDescription;
+exports.ToastRoot = toastRoot.ToastRoot;
+exports.ToastTitle = toastTitle.ToastTitle;
 exports.Toaster = toaster.Toaster;
 exports.useToastContext = useToastContext.useToastContext;
 exports.Toast = toast$1;

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

@@ -1,4 +1,10 @@
 export { createToaster, type CreateToasterProps, type CreateToasterReturn, } from './create-toaster';
+export { ToastActionTrigger, type ToastActionTriggerBaseProps, type ToastActionTriggerProps, } from './toast-action-trigger';
+export { ToastCloseTrigger, type ToastCloseTriggerBaseProps, type ToastCloseTriggerProps, } from './toast-close-trigger';
+export { ToastContext, type ToastContextProps, } from './toast-context';
+export { ToastDescription, type ToastDescriptionBaseProps, type ToastDescriptionProps, } from './toast-description';
+export { ToastRoot, type ToastRootBaseProps, type ToastRootProps, } from './toast-root';
+export { ToastTitle, type ToastTitleBaseProps, type ToastTitleProps, } from './toast-title';
 export { toastAnatomy } from './toast.anatomy';
 export { Toaster, type ToasterBaseProps, type ToasterProps, } from './toaster';
 export { useToastContext, type UseToastContext } from './use-toast-context';

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

@@ -1,4 +1,10 @@
 export { createToaster, type CreateToasterProps, type CreateToasterReturn, } from './create-toaster';
+export { ToastActionTrigger, type ToastActionTriggerBaseProps, type ToastActionTriggerProps, } from './toast-action-trigger';
+export { ToastCloseTrigger, type ToastCloseTriggerBaseProps, type ToastCloseTriggerProps, } from './toast-close-trigger';
+export { ToastContext, type ToastContextProps, } from './toast-context';
+export { ToastDescription, type ToastDescriptionBaseProps, type ToastDescriptionProps, } from './toast-description';
+export { ToastRoot, type ToastRootBaseProps, type ToastRootProps, } from './toast-root';
+export { ToastTitle, type ToastTitleBaseProps, type ToastTitleProps, } from './toast-title';
 export { toastAnatomy } from './toast.anatomy';
 export { Toaster, type ToasterBaseProps, type ToasterProps, } from './toaster';
 export { useToastContext, type UseToastContext } from './use-toast-context';

package/dist/components/toast/index.js

@@ -1,4 +1,10 @@
 export { createToaster } from './create-toaster.js';
+export { ToastActionTrigger } from './toast-action-trigger.js';
+export { ToastCloseTrigger } from './toast-close-trigger.js';
+export { ToastContext } from './toast-context.js';
+export { ToastDescription } from './toast-description.js';
+export { ToastRoot } from './toast-root.js';
+export { ToastTitle } from './toast-title.js';
 export { Toaster } from './toaster.js';
 export { useToastContext } from './use-toast-context.js';
 import * as toast from './toast.js';

package/dist/components/toggle/index.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const toggleContext = require('./toggle-context.cjs');
+const toggleIndicator = require('./toggle-indicator.cjs');
+const toggleRoot = require('./toggle-root.cjs');
+const toggle_anatomy = require('./toggle.anatomy.cjs');
+const useToggle = require('./use-toggle.cjs');
+const useToggleContext = require('./use-toggle-context.cjs');
+const toggle = require('./toggle.cjs');
+
+
+
+exports.ToggleContext = toggleContext.ToggleContext;
+exports.ToggleIndicator = toggleIndicator.ToggleIndicator;
+exports.ToggleRoot = toggleRoot.ToggleRoot;
+exports.toggleAnatomy = toggle_anatomy.toggleAnatomy;
+exports.useToggle = useToggle.useToggle;
+exports.useToggleContext = useToggleContext.useToggleContext;
+exports.Toggle = toggle;

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

@@ -0,0 +1,7 @@
+export { ToggleContext, type ToggleContextProps } from './toggle-context';
+export { ToggleIndicator, type ToggleIndicatorProps, type ToggleIndicatorBaseProps, } from './toggle-indicator';
+export { ToggleRoot, type ToggleRootBaseProps, type ToggleRootProps } from './toggle-root';
+export { toggleAnatomy } from './toggle.anatomy';
+export { useToggle, type UseToggleProps, type UseToggleReturn } from './use-toggle';
+export { useToggleContext, type UseToggleContext } from './use-toggle-context';
+export * as Toggle from './toggle';

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

@@ -0,0 +1,7 @@
+export { ToggleContext, type ToggleContextProps } from './toggle-context';
+export { ToggleIndicator, type ToggleIndicatorProps, type ToggleIndicatorBaseProps, } from './toggle-indicator';
+export { ToggleRoot, type ToggleRootBaseProps, type ToggleRootProps } from './toggle-root';
+export { toggleAnatomy } from './toggle.anatomy';
+export { useToggle, type UseToggleProps, type UseToggleReturn } from './use-toggle';
+export { useToggleContext, type UseToggleContext } from './use-toggle-context';
+export * as Toggle from './toggle';

package/dist/components/toggle/index.js

@@ -0,0 +1,8 @@
+export { ToggleContext } from './toggle-context.js';
+export { ToggleIndicator } from './toggle-indicator.js';
+export { ToggleRoot } from './toggle-root.js';
+export { toggleAnatomy } from './toggle.anatomy.js';
+export { useToggle } from './use-toggle.js';
+export { useToggleContext } from './use-toggle-context.js';
+import * as toggle from './toggle.js';
+export { toggle as Toggle };

package/dist/components/toggle/toggle-context.cjs

@@ -0,0 +1,10 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const useToggleContext = require('./use-toggle-context.cjs');
+
+const ToggleContext = (props) => props.children(useToggleContext.useToggleContext());
+
+exports.ToggleContext = ToggleContext;

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

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { UseToggleContext } from './use-toggle-context';
+export interface ToggleContextProps {
+    children: (context: UseToggleContext) => ReactNode;
+}
+export declare const ToggleContext: (props: ToggleContextProps) => ReactNode;

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

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { UseToggleContext } from './use-toggle-context';
+export interface ToggleContextProps {
+    children: (context: UseToggleContext) => ReactNode;
+}
+export declare const ToggleContext: (props: ToggleContextProps) => ReactNode;