@ark-ui/react 3.11.1 → 4.0.0-0

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

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

package/dist/components/tabs/index.js

@@ -1,10 +1,3 @@
-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/tags-input/index.cjs

@@ -2,20 +2,6 @@
 
 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');
@@ -24,20 +10,6 @@ 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,20 +1,5 @@
-export type { HighlightChangeDetails as TagsInputHighlightChangeDetails, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails, } from '@zag-js/tags-input';
-export { TagsInputClearTrigger, type TagsInputClearTriggerProps, type TagsInputClearTriggerBaseProps, } from './tags-input-clear-trigger';
-export { TagsInputContext, type TagsInputContextProps, } from './tags-input-context';
-export { TagsInputControl, type TagsInputControlProps, type TagsInputControlBaseProps, } from './tags-input-control';
-export { TagsInputHiddenInput, type TagsInputHiddenInputProps, type TagsInputHiddenInputBaseProps, } from './tags-input-hidden-input';
-export { TagsInputInput, type TagsInputInputProps, type TagsInputInputBaseProps, } from './tags-input-input';
-export { TagsInputItem, type TagsInputItemProps, type TagsInputItemBaseProps, } from './tags-input-item';
-export { TagsInputItemContext, type TagsInputItemContextProps, } from './tags-input-item-context';
-export { TagsInputItemDeleteTrigger, type TagsInputItemDeleteTriggerProps, type TagsInputItemDeleteTriggerBaseProps, } from './tags-input-item-delete-trigger';
-export { TagsInputItemInput, type TagsInputItemInputProps, type TagsInputItemInputBaseProps, } from './tags-input-item-input';
-export { TagsInputItemPreview, type TagsInputItemPreviewProps, type TagsInputItemPreviewBaseProps, } from './tags-input-item-preview';
-export { TagsInputItemText, type TagsInputItemTextProps, type TagsInputItemTextBaseProps, } from './tags-input-item-text';
-export { TagsInputLabel, type TagsInputLabelProps, type TagsInputLabelBaseProps, } from './tags-input-label';
-export { TagsInputRoot, type TagsInputRootProps, type TagsInputRootBaseProps, } from './tags-input-root';
-export { TagsInputRootProvider, type TagsInputRootProviderProps, type TagsInputRootProviderBaseProps, } 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';
 export { useTagsInputItemContext, type UseTagsInputItemContext, } from './use-tags-input-item-context';
-export { tagsInputAnatomy } from './tags-input.anatomy';
 export * as TagsInput from './tags-input';

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

@@ -1,20 +1,5 @@
-export type { HighlightChangeDetails as TagsInputHighlightChangeDetails, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails, } from '@zag-js/tags-input';
-export { TagsInputClearTrigger, type TagsInputClearTriggerProps, type TagsInputClearTriggerBaseProps, } from './tags-input-clear-trigger';
-export { TagsInputContext, type TagsInputContextProps, } from './tags-input-context';
-export { TagsInputControl, type TagsInputControlProps, type TagsInputControlBaseProps, } from './tags-input-control';
-export { TagsInputHiddenInput, type TagsInputHiddenInputProps, type TagsInputHiddenInputBaseProps, } from './tags-input-hidden-input';
-export { TagsInputInput, type TagsInputInputProps, type TagsInputInputBaseProps, } from './tags-input-input';
-export { TagsInputItem, type TagsInputItemProps, type TagsInputItemBaseProps, } from './tags-input-item';
-export { TagsInputItemContext, type TagsInputItemContextProps, } from './tags-input-item-context';
-export { TagsInputItemDeleteTrigger, type TagsInputItemDeleteTriggerProps, type TagsInputItemDeleteTriggerBaseProps, } from './tags-input-item-delete-trigger';
-export { TagsInputItemInput, type TagsInputItemInputProps, type TagsInputItemInputBaseProps, } from './tags-input-item-input';
-export { TagsInputItemPreview, type TagsInputItemPreviewProps, type TagsInputItemPreviewBaseProps, } from './tags-input-item-preview';
-export { TagsInputItemText, type TagsInputItemTextProps, type TagsInputItemTextBaseProps, } from './tags-input-item-text';
-export { TagsInputLabel, type TagsInputLabelProps, type TagsInputLabelBaseProps, } from './tags-input-label';
-export { TagsInputRoot, type TagsInputRootProps, type TagsInputRootBaseProps, } from './tags-input-root';
-export { TagsInputRootProvider, type TagsInputRootProviderProps, type TagsInputRootProviderBaseProps, } 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';
 export { useTagsInputItemContext, type UseTagsInputItemContext, } from './use-tags-input-item-context';
-export { tagsInputAnatomy } from './tags-input.anatomy';
 export * as TagsInput from './tags-input';

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

@@ -1,17 +1,3 @@
-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,38 +2,12 @@
 
 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,17 +1,3 @@
-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,17 +1,3 @@
-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,16 +1,3 @@
-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/timer/index.cjs

@@ -2,24 +2,12 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const timerContext = require('./timer-context.cjs');
-const timerActionTrigger = require('./timer-action-trigger.cjs');
-const timerItem = require('./timer-item.cjs');
-const timerSeparator = require('./timer-separator.cjs');
-const timerRoot = require('./timer-root.cjs');
-const timerRootProvider = require('./timer-root-provider.cjs');
 const useTimer = require('./use-timer.cjs');
 const useTimerContext = require('./use-timer-context.cjs');
 const timer = require('./timer.cjs');
 
 
 
-exports.TimerContext = timerContext.TimerContext;
-exports.TimerActionTrigger = timerActionTrigger.TimerActionTrigger;
-exports.TimerItem = timerItem.TimerItem;
-exports.TimerSeparator = timerSeparator.TimerSeparator;
-exports.TimerRoot = timerRoot.TimerRoot;
-exports.TimerRootProvider = timerRootProvider.TimerRootProvider;
 exports.useTimer = useTimer.useTimer;
 exports.useTimerContext = useTimerContext.useTimerContext;
 exports.Timer = timer;

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

@@ -1,9 +1,3 @@
-export { TimerContext, type TimerContextProps, } from './timer-context';
-export { TimerActionTrigger, type TimerActionTriggerBaseProps, type TimerActionTriggerProps, } from './timer-action-trigger';
-export { TimerItem, type TimerItemProps, type TimerItemBaseProps, } from './timer-item';
-export { TimerSeparator, type TimerSeparatorProps, type TimerSeparatorBaseProps, } from './timer-separator';
-export { TimerRoot, type TimerRootProps, type TimerRootBaseProps, } from './timer-root';
-export { TimerRootProvider, type TimerRootProviderProps, type TimerRootProviderBaseProps, } from './timer-root-provider';
 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,9 +1,3 @@
-export { TimerContext, type TimerContextProps, } from './timer-context';
-export { TimerActionTrigger, type TimerActionTriggerBaseProps, type TimerActionTriggerProps, } from './timer-action-trigger';
-export { TimerItem, type TimerItemProps, type TimerItemBaseProps, } from './timer-item';
-export { TimerSeparator, type TimerSeparatorProps, type TimerSeparatorBaseProps, } from './timer-separator';
-export { TimerRoot, type TimerRootProps, type TimerRootBaseProps, } from './timer-root';
-export { TimerRootProvider, type TimerRootProviderProps, type TimerRootProviderBaseProps, } from './timer-root-provider';
 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,9 +1,3 @@
-export { TimerContext } from './timer-context.js';
-export { TimerActionTrigger } from './timer-action-trigger.js';
-export { TimerItem } from './timer-item.js';
-export { TimerSeparator } from './timer-separator.js';
-export { TimerRoot } from './timer-root.js';
-export { TimerRootProvider } from './timer-root-provider.js';
 export { useTimer } from './use-timer.js';
 export { useTimerContext } from './use-timer-context.js';
 import * as timer from './timer.js';

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

@@ -0,0 +1,19 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const useTimerContext = require('./use-timer-context.cjs');
+
+const TimerArea = react.forwardRef((props, ref) => {
+  const timer = useTimerContext.useTimerContext();
+  const mergedProps = react$1.mergeProps(timer.getAreaProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+TimerArea.displayName = "TimerArea";
+
+exports.TimerArea = TimerArea;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TimerAreaBaseProps extends PolymorphicProps {
+}
+export interface TimerAreaProps extends HTMLProps<'div'>, TimerAreaBaseProps {
+}
+export declare const TimerArea: ForwardRefExoticComponent<TimerAreaProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TimerAreaBaseProps extends PolymorphicProps {
+}
+export interface TimerAreaProps extends HTMLProps<'div'>, TimerAreaBaseProps {
+}
+export declare const TimerArea: ForwardRefExoticComponent<TimerAreaProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useTimerContext } from './use-timer-context.js';
+
+const TimerArea = forwardRef((props, ref) => {
+  const timer = useTimerContext();
+  const mergedProps = mergeProps(timer.getAreaProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+TimerArea.displayName = "TimerArea";
+
+export { TimerArea };

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

@@ -0,0 +1,19 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const useTimerContext = require('./use-timer-context.cjs');
+
+const TimerControl = react.forwardRef((props, ref) => {
+  const timer = useTimerContext.useTimerContext();
+  const mergedProps = react$1.mergeProps(timer.getControlProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+TimerControl.displayName = "TimerControl";
+
+exports.TimerControl = TimerControl;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TimerControlBaseProps extends PolymorphicProps {
+}
+export interface TimerControlProps extends HTMLProps<'div'>, TimerControlBaseProps {
+}
+export declare const TimerControl: ForwardRefExoticComponent<TimerControlProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TimerControlBaseProps extends PolymorphicProps {
+}
+export interface TimerControlProps extends HTMLProps<'div'>, TimerControlBaseProps {
+}
+export declare const TimerControl: ForwardRefExoticComponent<TimerControlProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useTimerContext } from './use-timer-context.js';
+
+const TimerControl = forwardRef((props, ref) => {
+  const timer = useTimerContext();
+  const mergedProps = mergeProps(timer.getControlProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+TimerControl.displayName = "TimerControl";
+
+export { TimerControl };

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

@@ -14,6 +14,7 @@ const useTimerContext = require('./use-timer-context.cjs');
 const TimerRoot = react.forwardRef((props, ref) => {
   const [useTimerProps, localProps] = createSplitProps.createSplitProps()(props, [
     "id",
+    "ids",
     "autoStart",
     "interval",
     "countdown",

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

@@ -10,6 +10,7 @@ import { TimerProvider } from './use-timer-context.js';
 const TimerRoot = forwardRef((props, ref) => {
   const [useTimerProps, localProps] = createSplitProps()(props, [
     "id",
+    "ids",
     "autoStart",
     "interval",
     "countdown",

package/dist/components/timer/timer.cjs

@@ -2,18 +2,22 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const timerContext = require('./timer-context.cjs');
 const timerActionTrigger = require('./timer-action-trigger.cjs');
+const timerArea = require('./timer-area.cjs');
+const timerContext = require('./timer-context.cjs');
+const timerControl = require('./timer-control.cjs');
 const timerItem = require('./timer-item.cjs');
-const timerSeparator = require('./timer-separator.cjs');
 const timerRoot = require('./timer-root.cjs');
 const timerRootProvider = require('./timer-root-provider.cjs');
+const timerSeparator = require('./timer-separator.cjs');
 
 
 
-exports.Context = timerContext.TimerContext;
 exports.ActionTrigger = timerActionTrigger.TimerActionTrigger;
+exports.Area = timerArea.TimerArea;
+exports.Context = timerContext.TimerContext;
+exports.Control = timerControl.TimerControl;
 exports.Item = timerItem.TimerItem;
-exports.Separator = timerSeparator.TimerSeparator;
 exports.Root = timerRoot.TimerRoot;
 exports.RootProvider = timerRootProvider.TimerRootProvider;
+exports.Separator = timerSeparator.TimerSeparator;

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

@@ -1,6 +1,9 @@
-export { TimerContext as Context, type TimerContextProps as ContextProps, } from './timer-context';
+export type { TickDetails } from '@zag-js/timer';
 export { TimerActionTrigger as ActionTrigger, type TimerActionTriggerBaseProps as ActionTriggerBaseProps, type TimerActionTriggerProps as ActionTriggerProps, } from './timer-action-trigger';
-export { TimerItem as Item, type TimerItemProps as ItemProps, type TimerItemBaseProps as ItemBaseProps, } from './timer-item';
-export { TimerSeparator as Separator, type TimerSeparatorProps as SeparatorProps, type TimerSeparatorBaseProps as SeparatorBaseProps, } from './timer-separator';
-export { TimerRoot as Root, type TimerRootProps as RootProps, type TimerRootBaseProps as RootBaseProps, } from './timer-root';
+export { TimerArea as Area, type TimerAreaBaseProps as AreaBaseProps, type TimerAreaProps as AreaProps, } from './timer-area';
+export { TimerContext as Context, type TimerContextProps as ContextProps, } from './timer-context';
+export { TimerControl as Control, type TimerControlBaseProps as ControlBaseProps, type TimerControlProps as ControlProps, } from './timer-control';
+export { TimerItem as Item, type TimerItemBaseProps as ItemBaseProps, type TimerItemProps as ItemProps, } from './timer-item';
+export { TimerRoot as Root, type TimerRootBaseProps as RootBaseProps, type TimerRootProps as RootProps, } from './timer-root';
 export { TimerRootProvider as RootProvider, type TimerRootProviderProps as RootProviderBaseProps, type TimerRootProviderBaseProps as RootProviderProps, } from './timer-root-provider';
+export { TimerSeparator as Separator, type TimerSeparatorBaseProps as SeparatorBaseProps, type TimerSeparatorProps as SeparatorProps, } from './timer-separator';

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

@@ -1,6 +1,9 @@
-export { TimerContext as Context, type TimerContextProps as ContextProps, } from './timer-context';
+export type { TickDetails } from '@zag-js/timer';
 export { TimerActionTrigger as ActionTrigger, type TimerActionTriggerBaseProps as ActionTriggerBaseProps, type TimerActionTriggerProps as ActionTriggerProps, } from './timer-action-trigger';
-export { TimerItem as Item, type TimerItemProps as ItemProps, type TimerItemBaseProps as ItemBaseProps, } from './timer-item';
-export { TimerSeparator as Separator, type TimerSeparatorProps as SeparatorProps, type TimerSeparatorBaseProps as SeparatorBaseProps, } from './timer-separator';
-export { TimerRoot as Root, type TimerRootProps as RootProps, type TimerRootBaseProps as RootBaseProps, } from './timer-root';
+export { TimerArea as Area, type TimerAreaBaseProps as AreaBaseProps, type TimerAreaProps as AreaProps, } from './timer-area';
+export { TimerContext as Context, type TimerContextProps as ContextProps, } from './timer-context';
+export { TimerControl as Control, type TimerControlBaseProps as ControlBaseProps, type TimerControlProps as ControlProps, } from './timer-control';
+export { TimerItem as Item, type TimerItemBaseProps as ItemBaseProps, type TimerItemProps as ItemProps, } from './timer-item';
+export { TimerRoot as Root, type TimerRootBaseProps as RootBaseProps, type TimerRootProps as RootProps, } from './timer-root';
 export { TimerRootProvider as RootProvider, type TimerRootProviderProps as RootProviderBaseProps, type TimerRootProviderBaseProps as RootProviderProps, } from './timer-root-provider';
+export { TimerSeparator as Separator, type TimerSeparatorBaseProps as SeparatorBaseProps, type TimerSeparatorProps as SeparatorProps, } from './timer-separator';

package/dist/components/timer/timer.js

@@ -1,6 +1,8 @@
-export { TimerContext as Context } from './timer-context.js';
 export { TimerActionTrigger as ActionTrigger } from './timer-action-trigger.js';
+export { TimerArea as Area } from './timer-area.js';
+export { TimerContext as Context } from './timer-context.js';
+export { TimerControl as Control } from './timer-control.js';
 export { TimerItem as Item } from './timer-item.js';
-export { TimerSeparator as Separator } from './timer-separator.js';
 export { TimerRoot as Root } from './timer-root.js';
 export { TimerRootProvider as RootProvider } from './timer-root-provider.js';
+export { TimerSeparator as Separator } from './timer-separator.js';

package/dist/components/toast/index.cjs

@@ -3,12 +3,6 @@
 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');
@@ -17,12 +11,6 @@ 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,11 +1,5 @@
 export { createToaster, type CreateToasterProps, type CreateToasterReturn, } from './create-toaster';
-export { ToastActionTrigger, type ToastActionTriggerProps, type ToastActionTriggerBaseProps, } from './toast-action-trigger';
-export { ToastCloseTrigger, type ToastCloseTriggerProps, type ToastCloseTriggerBaseProps, } from './toast-close-trigger';
-export { ToastContext, type ToastContextProps, } from './toast-context';
-export { ToastDescription, type ToastDescriptionProps, type ToastDescriptionBaseProps, } from './toast-description';
-export { ToastRoot, type ToastRootProps, type ToastRootBaseProps, } from './toast-root';
-export { ToastTitle, type ToastTitleProps, type ToastTitleBaseProps, } from './toast-title';
-export { Toaster, type ToasterProps, type ToasterBaseProps, } from './toaster';
-export { useToastContext, type UseToastContext } from './use-toast-context';
 export { toastAnatomy } from './toast.anatomy';
+export { Toaster, type ToasterBaseProps, type ToasterProps, } from './toaster';
+export { useToastContext, type UseToastContext } from './use-toast-context';
 export * as Toast from './toast';

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

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

package/dist/components/toast/index.js

@@ -1,10 +1,4 @@
 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-group/index.cjs

@@ -2,10 +2,6 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const toggleGroupContext = require('./toggle-group-context.cjs');
-const toggleGroupItem = require('./toggle-group-item.cjs');
-const toggleGroupRoot = require('./toggle-group-root.cjs');
-const toggleGroupRootProvider = require('./toggle-group-root-provider.cjs');
 const useToggleGroup = require('./use-toggle-group.cjs');
 const useToggleGroupContext = require('./use-toggle-group-context.cjs');
 const toggleGroup$1 = require('./toggle-group.cjs');
@@ -13,10 +9,6 @@ const toggleGroup = require('@zag-js/toggle-group');
 
 
 
-exports.ToggleGroupContext = toggleGroupContext.ToggleGroupContext;
-exports.ToggleGroupItem = toggleGroupItem.ToggleGroupItem;
-exports.ToggleGroupRoot = toggleGroupRoot.ToggleGroupRoot;
-exports.ToggleGroupRootProvider = toggleGroupRootProvider.ToggleGroupRootProvider;
 exports.useToggleGroup = useToggleGroup.useToggleGroup;
 exports.useToggleGroupContext = useToggleGroupContext.useToggleGroupContext;
 exports.ToggleGroup = toggleGroup$1;

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

@@ -1,9 +1,4 @@
-export type { ValueChangeDetails as ToggleGroupValueChangeDetails } from '@zag-js/toggle-group';
-export { ToggleGroupContext, type ToggleGroupContextProps, } from './toggle-group-context';
-export { ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupItemBaseProps, } from './toggle-group-item';
-export { ToggleGroupRoot, type ToggleGroupRootProps, type ToggleGroupRootBaseProps, } from './toggle-group-root';
-export { ToggleGroupRootProvider, type ToggleGroupRootProviderProps, type ToggleGroupRootProviderBaseProps, } from './toggle-group-root-provider';
+export { toggleGroupAnatomy } from './toggle-group.anatomy';
 export { useToggleGroup, type UseToggleGroupProps, type UseToggleGroupReturn, } from './use-toggle-group';
 export { useToggleGroupContext, type UseToggleGroupContext } from './use-toggle-group-context';
-export { toggleGroupAnatomy } from './toggle-group.anatomy';
 export * as ToggleGroup from './toggle-group';

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

@@ -1,9 +1,4 @@
-export type { ValueChangeDetails as ToggleGroupValueChangeDetails } from '@zag-js/toggle-group';
-export { ToggleGroupContext, type ToggleGroupContextProps, } from './toggle-group-context';
-export { ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupItemBaseProps, } from './toggle-group-item';
-export { ToggleGroupRoot, type ToggleGroupRootProps, type ToggleGroupRootBaseProps, } from './toggle-group-root';
-export { ToggleGroupRootProvider, type ToggleGroupRootProviderProps, type ToggleGroupRootProviderBaseProps, } from './toggle-group-root-provider';
+export { toggleGroupAnatomy } from './toggle-group.anatomy';
 export { useToggleGroup, type UseToggleGroupProps, type UseToggleGroupReturn, } from './use-toggle-group';
 export { useToggleGroupContext, type UseToggleGroupContext } from './use-toggle-group-context';
-export { toggleGroupAnatomy } from './toggle-group.anatomy';
 export * as ToggleGroup from './toggle-group';