@ark-ui/react 3.7.0 → 3.8.0

package/README.md

@@ -54,6 +54,7 @@ Ark UI is available for the following JavaScript frameworks:
 - [Tabs](https://ark-ui.com/react/docs/components/tabs)
 - [Tags Input](https://ark-ui.com/react/docs/components/tags-input)
 - [Time Picker](https://ark-ui.com/react/docs/components/time-picker)
+- [Timer](https://ark-ui.com/react/docs/components/timer)
 - [Toast](https://ark-ui.com/react/docs/components/toast)
 - [Toggle Group](https://ark-ui.com/react/docs/components/toggle-group)
 - [Tooltip](https://ark-ui.com/react/docs/components/tooltip)

package/dist/components/index.cjs

@@ -491,6 +491,15 @@ const timePickerTrigger = require('./time-picker/time-picker-trigger.cjs');
 const useTimePicker = require('./time-picker/use-time-picker.cjs');
 const useTimePickerContext = require('./time-picker/use-time-picker-context.cjs');
 const timePicker = require('./time-picker/time-picker.cjs');
+const timerContext = require('./timer/timer-context.cjs');
+const timerActionTrigger = require('./timer/timer-action-trigger.cjs');
+const timerItem = require('./timer/timer-item.cjs');
+const timerSeparator = require('./timer/timer-separator.cjs');
+const timerRoot = require('./timer/timer-root.cjs');
+const timerRootProvider = require('./timer/timer-root-provider.cjs');
+const useTimer = require('./timer/use-timer.cjs');
+const useTimerContext = require('./timer/use-timer-context.cjs');
+const timer = require('./timer/timer.cjs');
 const createToaster = require('./toast/create-toaster.cjs');
 const toastActionTrigger = require('./toast/toast-action-trigger.cjs');
 const toastCloseTrigger = require('./toast/toast-close-trigger.cjs');
@@ -1061,6 +1070,15 @@ exports.TimePickerTrigger = timePickerTrigger.TimePickerTrigger;
 exports.useTimePicker = useTimePicker.useTimePicker;
 exports.useTimePickerContext = useTimePickerContext.useTimePickerContext;
 exports.TimePicker = timePicker;
+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;
 exports.createToaster = createToaster.createToaster;
 exports.ToastActionTrigger = toastActionTrigger.ToastActionTrigger;
 exports.ToastCloseTrigger = toastCloseTrigger.ToastCloseTrigger;

package/dist/components/index.d.cts

@@ -36,6 +36,7 @@ export * from './switch';
 export * from './tabs';
 export * from './tags-input';
 export * from './time-picker';
+export * from './timer';
 export * from './toast';
 export * from './toggle-group';
 export * from './tooltip';

package/dist/components/index.d.ts

@@ -36,6 +36,7 @@ export * from './switch';
 export * from './tabs';
 export * from './tags-input';
 export * from './time-picker';
+export * from './timer';
 export * from './toast';
 export * from './toggle-group';
 export * from './tooltip';

package/dist/components/index.js

@@ -521,6 +521,16 @@ export { useTimePicker } from './time-picker/use-time-picker.js';
 export { useTimePickerContext } from './time-picker/use-time-picker-context.js';
 import * as timePicker from './time-picker/time-picker.js';
 export { timePicker as TimePicker };
+export { TimerContext } from './timer/timer-context.js';
+export { TimerActionTrigger } from './timer/timer-action-trigger.js';
+export { TimerItem } from './timer/timer-item.js';
+export { TimerSeparator } from './timer/timer-separator.js';
+export { TimerRoot } from './timer/timer-root.js';
+export { TimerRootProvider } from './timer/timer-root-provider.js';
+export { useTimer } from './timer/use-timer.js';
+export { useTimerContext } from './timer/use-timer-context.js';
+import * as timer from './timer/timer.js';
+export { timer as Timer };
 export { createToaster } from './toast/create-toaster.js';
 export { ToastActionTrigger } from './toast/toast-action-trigger.js';
 export { ToastCloseTrigger } from './toast/toast-close-trigger.js';

package/dist/components/steps/index.cjs

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const stepsContent = require('./steps-content.cjs');
 const stepsCompletedContent = require('./steps-completed-content.cjs');
+const stepsContent = require('./steps-content.cjs');
 const stepsIndicator = require('./steps-indicator.cjs');
 const stepsItem = require('./steps-item.cjs');
+const stepsItemContext = require('./steps-item-context.cjs');
 const stepsList = require('./steps-list.cjs');
 const stepsNextTrigger = require('./steps-next-trigger.cjs');
 const stepsPrevTrigger = require('./steps-prev-trigger.cjs');
@@ -16,14 +17,16 @@ const stepsSeparator = require('./steps-separator.cjs');
 const stepsTrigger = require('./steps-trigger.cjs');
 const useSteps = require('./use-steps.cjs');
 const useStepsContext = require('./use-steps-context.cjs');
+const useStepsItemContext = require('./use-steps-item-context.cjs');
 const steps = require('./steps.cjs');
 
 
 
-exports.StepsContent = stepsContent.StepsContent;
 exports.StepsCompletedContent = stepsCompletedContent.StepsCompletedContent;
+exports.StepsContent = stepsContent.StepsContent;
 exports.StepsIndicator = stepsIndicator.StepsIndicator;
 exports.StepsItem = stepsItem.StepsItem;
+exports.StepsItemContext = stepsItemContext.StepsItemContext;
 exports.StepsList = stepsList.StepsList;
 exports.StepsNextTrigger = stepsNextTrigger.StepsNextTrigger;
 exports.StepsPrevTrigger = stepsPrevTrigger.StepsPrevTrigger;
@@ -34,4 +37,5 @@ exports.StepsSeparator = stepsSeparator.StepsSeparator;
 exports.StepsTrigger = stepsTrigger.StepsTrigger;
 exports.useSteps = useSteps.useSteps;
 exports.useStepsContext = useStepsContext.useStepsContext;
+exports.useStepsItemContext = useStepsItemContext.useStepsItemContext;
 exports.Steps = steps;

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

@@ -1,8 +1,9 @@
 export type { StepChangeDetails } from '@zag-js/steps';
-export { StepsContent, type StepsContentBaseProps, type StepsContentProps } from './steps-content';
 export { StepsCompletedContent, type StepsCompletedContentBaseProps, type StepsCompletedContentProps, } from './steps-completed-content';
+export { StepsContent, type StepsContentBaseProps, type StepsContentProps } from './steps-content';
 export { StepsIndicator, type StepsIndicatorBaseProps, type StepsIndicatorProps, } from './steps-indicator';
 export { StepsItem, type StepsItemBaseProps, type StepsItemProps } from './steps-item';
+export { StepsItemContext, type StepsItemContextProps } from './steps-item-context';
 export { StepsList, type StepsListBaseProps, type StepsListProps } from './steps-list';
 export { StepsNextTrigger, type StepsNextTriggerBaseProps, type StepsNextTriggerProps, } from './steps-next-trigger';
 export { StepsPrevTrigger, type StepsPrevTriggerBaseProps, type StepsPrevTriggerProps, } from './steps-prev-trigger';
@@ -13,4 +14,5 @@ export { StepsSeparator, type StepsSeparatorBaseProps, type StepsSeparatorProps,
 export { StepsTrigger, type StepsTriggerBaseProps, type StepsTriggerProps } from './steps-trigger';
 export { useSteps, type UseStepsProps, type UseStepsReturn } from './use-steps';
 export { useStepsContext, type UseStepsContext } from './use-steps-context';
+export { useStepsItemContext, type UseStepsItemContext } from './use-steps-item-context';
 export * as Steps from './steps';

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

@@ -1,8 +1,9 @@
 export type { StepChangeDetails } from '@zag-js/steps';
-export { StepsContent, type StepsContentBaseProps, type StepsContentProps } from './steps-content';
 export { StepsCompletedContent, type StepsCompletedContentBaseProps, type StepsCompletedContentProps, } from './steps-completed-content';
+export { StepsContent, type StepsContentBaseProps, type StepsContentProps } from './steps-content';
 export { StepsIndicator, type StepsIndicatorBaseProps, type StepsIndicatorProps, } from './steps-indicator';
 export { StepsItem, type StepsItemBaseProps, type StepsItemProps } from './steps-item';
+export { StepsItemContext, type StepsItemContextProps } from './steps-item-context';
 export { StepsList, type StepsListBaseProps, type StepsListProps } from './steps-list';
 export { StepsNextTrigger, type StepsNextTriggerBaseProps, type StepsNextTriggerProps, } from './steps-next-trigger';
 export { StepsPrevTrigger, type StepsPrevTriggerBaseProps, type StepsPrevTriggerProps, } from './steps-prev-trigger';
@@ -13,4 +14,5 @@ export { StepsSeparator, type StepsSeparatorBaseProps, type StepsSeparatorProps,
 export { StepsTrigger, type StepsTriggerBaseProps, type StepsTriggerProps } from './steps-trigger';
 export { useSteps, type UseStepsProps, type UseStepsReturn } from './use-steps';
 export { useStepsContext, type UseStepsContext } from './use-steps-context';
+export { useStepsItemContext, type UseStepsItemContext } from './use-steps-item-context';
 export * as Steps from './steps';

package/dist/components/steps/index.js

@@ -1,7 +1,8 @@
-export { StepsContent } from './steps-content.js';
 export { StepsCompletedContent } from './steps-completed-content.js';
+export { StepsContent } from './steps-content.js';
 export { StepsIndicator } from './steps-indicator.js';
 export { StepsItem } from './steps-item.js';
+export { StepsItemContext } from './steps-item-context.js';
 export { StepsList } from './steps-list.js';
 export { StepsNextTrigger } from './steps-next-trigger.js';
 export { StepsPrevTrigger } from './steps-prev-trigger.js';
@@ -12,5 +13,6 @@ export { StepsSeparator } from './steps-separator.js';
 export { StepsTrigger } from './steps-trigger.js';
 export { useSteps } from './use-steps.js';
 export { useStepsContext } from './use-steps-context.js';
+export { useStepsItemContext } from './use-steps-item-context.js';
 import * as steps from './steps.js';
 export { steps as Steps };

package/dist/components/steps/steps-item-context.cjs

@@ -0,0 +1,13 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const useStepsItemContext = require('./use-steps-item-context.cjs');
+
+const StepsItemContext = (props) => {
+  return props.children(useStepsItemContext.useStepsItemContext());
+};
+StepsItemContext.displayName = "StepsItemContext";
+
+exports.StepsItemContext = StepsItemContext;

package/dist/components/steps/steps-item-context.d.cts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { UseStepsItemContext } from './use-steps-item-context';
+
+export interface StepsItemContextProps {
+    children: (context: UseStepsItemContext) => ReactNode;
+}
+export declare const StepsItemContext: {
+    (props: StepsItemContextProps): ReactNode;
+    displayName: string;
+};

package/dist/components/steps/steps-item-context.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { UseStepsItemContext } from './use-steps-item-context';
+
+export interface StepsItemContextProps {
+    children: (context: UseStepsItemContext) => ReactNode;
+}
+export declare const StepsItemContext: {
+    (props: StepsItemContextProps): ReactNode;
+    displayName: string;
+};

package/dist/components/steps/steps-item-context.js

@@ -0,0 +1,9 @@
+'use client';
+import { useStepsItemContext } from './use-steps-item-context.js';
+
+const StepsItemContext = (props) => {
+  return props.children(useStepsItemContext());
+};
+StepsItemContext.displayName = "StepsItemContext";
+
+export { StepsItemContext };

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

@@ -9,13 +9,15 @@ const react = require('react');
 const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useStepsContext = require('./use-steps-context.cjs');
+const useStepsItemContext = require('./use-steps-item-context.cjs');
 const useStepsItemPropsContext = require('./use-steps-item-props-context.cjs');
 
 const StepsItem = react.forwardRef((props, ref) => {
   const [itemProps, localProps] = createSplitProps.createSplitProps()(props, ["index"]);
   const steps = useStepsContext.useStepsContext();
   const mergedProps = react$1.mergeProps(steps.getItemProps(itemProps), localProps);
-  return /* @__PURE__ */ jsxRuntime.jsx(useStepsItemPropsContext.StepsItemPropsProvider, { value: itemProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.li, { ...mergedProps, ref }) });
+  const itemState = steps.getItemState(itemProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useStepsItemPropsContext.StepsItemPropsProvider, { value: itemProps, children: /* @__PURE__ */ jsxRuntime.jsx(useStepsItemContext.StepsItemProvider, { value: itemState, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.li, { ...mergedProps, ref }) }) });
 });
 StepsItem.displayName = "StepsItem";
 

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

@@ -5,13 +5,15 @@ import { forwardRef } from 'react';
 import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { useStepsContext } from './use-steps-context.js';
+import { StepsItemProvider } from './use-steps-item-context.js';
 import { StepsItemPropsProvider } from './use-steps-item-props-context.js';
 
 const StepsItem = forwardRef((props, ref) => {
   const [itemProps, localProps] = createSplitProps()(props, ["index"]);
   const steps = useStepsContext();
   const mergedProps = mergeProps(steps.getItemProps(itemProps), localProps);
-  return /* @__PURE__ */ jsx(StepsItemPropsProvider, { value: itemProps, children: /* @__PURE__ */ jsx(ark.li, { ...mergedProps, ref }) });
+  const itemState = steps.getItemState(itemProps);
+  return /* @__PURE__ */ jsx(StepsItemPropsProvider, { value: itemProps, children: /* @__PURE__ */ jsx(StepsItemProvider, { value: itemState, children: /* @__PURE__ */ jsx(ark.li, { ...mergedProps, ref }) }) });
 });
 StepsItem.displayName = "StepsItem";
 

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

@@ -0,0 +1,15 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+
+const [StepsItemProvider, useStepsItemContext] = createContext.createContext({
+  name: "StepsItemContext",
+  hookName: "useStepsItemContext",
+  providerName: "<StepsItem />"
+});
+
+exports.StepsItemProvider = StepsItemProvider;
+exports.useStepsItemContext = useStepsItemContext;

package/dist/components/steps/use-steps-item-context.d.cts

@@ -1,7 +1,6 @@
-import { ItemProps } from '@zag-js/steps';
+import { ItemState } from '@zag-js/steps';
 import { Provider } from 'react';
 
-interface StepsItemContext extends ItemProps {
+export interface UseStepsItemContext extends ItemState {
 }
-export declare const StepsItemProvider: Provider<StepsItemContext>, useStepsItemContext: () => StepsItemContext;
-export {};
+export declare const StepsItemProvider: Provider<UseStepsItemContext>, useStepsItemContext: () => UseStepsItemContext;

package/dist/components/steps/use-steps-item-context.d.ts

@@ -1,7 +1,6 @@
-import { ItemProps } from '@zag-js/steps';
+import { ItemState } from '@zag-js/steps';
 import { Provider } from 'react';
 
-interface StepsItemContext extends ItemProps {
+export interface UseStepsItemContext extends ItemState {
 }
-export declare const StepsItemProvider: Provider<StepsItemContext>, useStepsItemContext: () => StepsItemContext;
-export {};
+export declare const StepsItemProvider: Provider<UseStepsItemContext>, useStepsItemContext: () => UseStepsItemContext;

package/dist/components/steps/use-steps-item-context.js

@@ -0,0 +1,10 @@
+'use client';
+import { createContext } from '../../utils/create-context.js';
+
+const [StepsItemProvider, useStepsItemContext] = createContext({
+  name: "StepsItemContext",
+  hookName: "useStepsItemContext",
+  providerName: "<StepsItem />"
+});
+
+export { StepsItemProvider, useStepsItemContext };

package/dist/components/timer/index.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,10 @@
+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';
+export { timer as Timer };

package/dist/components/timer/timer-action-trigger.cjs

@@ -0,0 +1,21 @@
+'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 TimerActionTrigger = react.forwardRef(
+  (props, ref) => {
+    const timer = useTimerContext.useTimerContext();
+    const mergedProps = react$1.mergeProps(timer.getActionTriggerProps(props), props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+  }
+);
+TimerActionTrigger.displayName = "TimerActionTrigger";
+
+exports.TimerActionTrigger = TimerActionTrigger;

package/dist/components/timer/timer-action-trigger.d.cts

@@ -0,0 +1,9 @@
+import { ActionTriggerProps } from '@zag-js/timer';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface TimerActionTriggerBaseProps extends ActionTriggerProps, PolymorphicProps {
+}
+export interface TimerActionTriggerProps extends HTMLProps<'button'>, TimerActionTriggerBaseProps {
+}
+export declare const TimerActionTrigger: ForwardRefExoticComponent<TimerActionTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/timer/timer-action-trigger.d.ts

@@ -0,0 +1,9 @@
+import { ActionTriggerProps } from '@zag-js/timer';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface TimerActionTriggerBaseProps extends ActionTriggerProps, PolymorphicProps {
+}
+export interface TimerActionTriggerProps extends HTMLProps<'button'>, TimerActionTriggerBaseProps {
+}
+export declare const TimerActionTrigger: ForwardRefExoticComponent<TimerActionTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/timer/timer-action-trigger.js

@@ -0,0 +1,17 @@
+'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 TimerActionTrigger = forwardRef(
+  (props, ref) => {
+    const timer = useTimerContext();
+    const mergedProps = mergeProps(timer.getActionTriggerProps(props), props);
+    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+  }
+);
+TimerActionTrigger.displayName = "TimerActionTrigger";
+
+export { TimerActionTrigger };

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

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

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { UseTimerContext } from './use-timer-context';
+
+export interface TimerContextProps {
+    children: (context: UseTimerContext) => ReactNode;
+}
+export declare const TimerContext: (props: TimerContextProps) => ReactNode;

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { UseTimerContext } from './use-timer-context';
+
+export interface TimerContextProps {
+    children: (context: UseTimerContext) => ReactNode;
+}
+export declare const TimerContext: (props: TimerContextProps) => ReactNode;

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

@@ -0,0 +1,6 @@
+'use client';
+import { useTimerContext } from './use-timer-context.js';
+
+const TimerContext = (props) => props.children(useTimerContext());
+
+export { TimerContext };

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

@@ -0,0 +1,21 @@
+'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 createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useTimerContext = require('./use-timer-context.cjs');
+
+const TimerItem = react.forwardRef((props, ref) => {
+  const [itemProps, localProps] = createSplitProps.createSplitProps()(props, ["type"]);
+  const timer = useTimerContext.useTimerContext();
+  const mergedProps = react$1.mergeProps(timer.getItemProps(itemProps), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: timer.formattedTime[itemProps.type] });
+});
+TimerItem.displayName = "TimerItem";
+
+exports.TimerItem = TimerItem;

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

@@ -0,0 +1,9 @@
+import { ItemProps } from '@zag-js/timer';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface TimerItemBaseProps extends ItemProps, PolymorphicProps {
+}
+export interface TimerItemProps extends HTMLProps<'div'>, TimerItemBaseProps {
+}
+export declare const TimerItem: ForwardRefExoticComponent<TimerItemProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,9 @@
+import { ItemProps } from '@zag-js/timer';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface TimerItemBaseProps extends ItemProps, PolymorphicProps {
+}
+export interface TimerItemProps extends HTMLProps<'div'>, TimerItemBaseProps {
+}
+export declare const TimerItem: ForwardRefExoticComponent<TimerItemProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { useTimerContext } from './use-timer-context.js';
+
+const TimerItem = forwardRef((props, ref) => {
+  const [itemProps, localProps] = createSplitProps()(props, ["type"]);
+  const timer = useTimerContext();
+  const mergedProps = mergeProps(timer.getItemProps(itemProps), localProps);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: timer.formattedTime[itemProps.type] });
+});
+TimerItem.displayName = "TimerItem";
+
+export { TimerItem };

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

@@ -0,0 +1,22 @@
+'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 createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useTimerContext = require('./use-timer-context.cjs');
+
+const TimerRootProvider = react.forwardRef(
+  (props, ref) => {
+    const [{ value: timer }, localProps] = createSplitProps.createSplitProps()(props, ["value"]);
+    const mergedProps = react$1.mergeProps(timer.getRootProps(), localProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(useTimerContext.TimerProvider, { value: timer, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+  }
+);
+TimerRootProvider.displayName = "TimerRootProvider";
+
+exports.TimerRootProvider = TimerRootProvider;

package/dist/components/timer/timer-root-provider.d.cts

@@ -0,0 +1,13 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseTimerReturn } from './use-timer';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseTimerReturn;
+}
+export interface TimerRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface TimerRootProviderProps extends HTMLProps<'div'>, TimerRootProviderBaseProps {
+}
+export declare const TimerRootProvider: ForwardRefExoticComponent<TimerRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/timer/timer-root-provider.d.ts

@@ -0,0 +1,13 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseTimerReturn } from './use-timer';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseTimerReturn;
+}
+export interface TimerRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface TimerRootProviderProps extends HTMLProps<'div'>, TimerRootProviderBaseProps {
+}
+export declare const TimerRootProvider: ForwardRefExoticComponent<TimerRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,18 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { TimerProvider } from './use-timer-context.js';
+
+const TimerRootProvider = forwardRef(
+  (props, ref) => {
+    const [{ value: timer }, localProps] = createSplitProps()(props, ["value"]);
+    const mergedProps = mergeProps(timer.getRootProps(), localProps);
+    return /* @__PURE__ */ jsx(TimerProvider, { value: timer, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+  }
+);
+TimerRootProvider.displayName = "TimerRootProvider";
+
+export { TimerRootProvider };

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

@@ -0,0 +1,31 @@
+'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 createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useTimer = require('./use-timer.cjs');
+const useTimerContext = require('./use-timer-context.cjs');
+
+const TimerRoot = react.forwardRef((props, ref) => {
+  const [useTimerProps, localProps] = createSplitProps.createSplitProps()(props, [
+    "id",
+    "autoStart",
+    "interval",
+    "countdown",
+    "startMs",
+    "targetMs",
+    "onComplete",
+    "onTick"
+  ]);
+  const timer = useTimer.useTimer(useTimerProps);
+  const mergedProps = react$1.mergeProps(timer.getRootProps(), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useTimerContext.TimerProvider, { value: timer, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+});
+TimerRoot.displayName = "TimerRoot";
+
+exports.TimerRoot = TimerRoot;

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

@@ -0,0 +1,9 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseTimerProps } from './use-timer';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface TimerRootBaseProps extends UseTimerProps, PolymorphicProps {
+}
+export interface TimerRootProps extends HTMLProps<'div'>, TimerRootBaseProps {
+}
+export declare const TimerRoot: ForwardRefExoticComponent<TimerRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,9 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseTimerProps } from './use-timer';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface TimerRootBaseProps extends UseTimerProps, PolymorphicProps {
+}
+export interface TimerRootProps extends HTMLProps<'div'>, TimerRootBaseProps {
+}
+export declare const TimerRoot: ForwardRefExoticComponent<TimerRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,27 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { useTimer } from './use-timer.js';
+import { TimerProvider } from './use-timer-context.js';
+
+const TimerRoot = forwardRef((props, ref) => {
+  const [useTimerProps, localProps] = createSplitProps()(props, [
+    "id",
+    "autoStart",
+    "interval",
+    "countdown",
+    "startMs",
+    "targetMs",
+    "onComplete",
+    "onTick"
+  ]);
+  const timer = useTimer(useTimerProps);
+  const mergedProps = mergeProps(timer.getRootProps(), localProps);
+  return /* @__PURE__ */ jsx(TimerProvider, { value: timer, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+});
+TimerRoot.displayName = "TimerRoot";
+
+export { TimerRoot };

package/dist/components/timer/timer-separator.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 TimerSeparator = react.forwardRef((props, ref) => {
+  const timer = useTimerContext.useTimerContext();
+  const mergedProps = react$1.mergeProps(timer.getSeparatorProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+TimerSeparator.displayName = "TimerSeparator";
+
+exports.TimerSeparator = TimerSeparator;

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

@@ -0,0 +1,8 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface TimerSeparatorBaseProps extends PolymorphicProps {
+}
+export interface TimerSeparatorProps extends HTMLProps<'div'>, TimerSeparatorBaseProps {
+}
+export declare const TimerSeparator: ForwardRefExoticComponent<TimerSeparatorProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,8 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface TimerSeparatorBaseProps extends PolymorphicProps {
+}
+export interface TimerSeparatorProps extends HTMLProps<'div'>, TimerSeparatorBaseProps {
+}
+export declare const TimerSeparator: ForwardRefExoticComponent<TimerSeparatorProps & RefAttributes<HTMLDivElement>>;

package/dist/components/timer/timer-separator.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 TimerSeparator = forwardRef((props, ref) => {
+  const timer = useTimerContext();
+  const mergedProps = mergeProps(timer.getSeparatorProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+TimerSeparator.displayName = "TimerSeparator";
+
+export { TimerSeparator };

package/dist/components/timer/timer.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+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');
+
+
+
+exports.Context = timerContext.TimerContext;
+exports.ActionTrigger = timerActionTrigger.TimerActionTrigger;
+exports.Item = timerItem.TimerItem;
+exports.Separator = timerSeparator.TimerSeparator;
+exports.Root = timerRoot.TimerRoot;
+exports.RootProvider = timerRootProvider.TimerRootProvider;

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

@@ -0,0 +1,6 @@
+export { TimerContext as Context, type TimerContextProps as ContextProps, } from './timer-context';
+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 { TimerRootProvider as RootProvider, type TimerRootProviderProps as RootProviderBaseProps, type TimerRootProviderBaseProps as RootProviderProps, } from './timer-root-provider';

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

@@ -0,0 +1,6 @@
+export { TimerContext as Context, type TimerContextProps as ContextProps, } from './timer-context';
+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 { TimerRootProvider as RootProvider, type TimerRootProviderProps as RootProviderBaseProps, type TimerRootProviderBaseProps as RootProviderProps, } from './timer-root-provider';

package/dist/components/timer/timer.js

@@ -0,0 +1,6 @@
+export { TimerContext as Context } from './timer-context.js';
+export { TimerActionTrigger as ActionTrigger } from './timer-action-trigger.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';

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

@@ -0,0 +1,15 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+
+const [TimerProvider, useTimerContext] = createContext.createContext({
+  name: "TimerContext",
+  hookName: "useTimerContext",
+  providerName: "<TimerProvider />"
+});
+
+exports.TimerProvider = TimerProvider;
+exports.useTimerContext = useTimerContext;

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

@@ -0,0 +1,6 @@
+import { UseTimerReturn } from './use-timer';
+import { Provider } from 'react';
+
+export interface UseTimerContext extends UseTimerReturn {
+}
+export declare const TimerProvider: Provider<UseTimerContext>, useTimerContext: () => UseTimerContext;

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

@@ -0,0 +1,6 @@
+import { UseTimerReturn } from './use-timer';
+import { Provider } from 'react';
+
+export interface UseTimerContext extends UseTimerReturn {
+}
+export declare const TimerProvider: Provider<UseTimerContext>, useTimerContext: () => UseTimerContext;

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

@@ -0,0 +1,10 @@
+'use client';
+import { createContext } from '../../utils/create-context.js';
+
+const [TimerProvider, useTimerContext] = createContext({
+  name: "TimerContext",
+  hookName: "useTimerContext",
+  providerName: "<TimerProvider />"
+});
+
+export { TimerProvider, useTimerContext };

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

@@ -0,0 +1,47 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react$1 = require('@zag-js/react');
+const timer = require('@zag-js/timer');
+const react = require('react');
+const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
+const useEvent = require('../../utils/use-event.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const timer__namespace = /*#__PURE__*/_interopNamespaceDefault(timer);
+
+const useTimer = (props) => {
+  const env = useEnvironmentContext.useEnvironmentContext();
+  const initialContext = {
+    id: react.useId(),
+    getRootNode: env.getRootNode,
+    ...props
+  };
+  const context = {
+    ...initialContext,
+    onComplete: useEvent.useEvent(props.onComplete),
+    onTick: useEvent.useEvent(props.onTick)
+  };
+  const [state, send] = react$1.useMachine(timer__namespace.machine(initialContext), { context });
+  return timer__namespace.connect(state, send, react$1.normalizeProps);
+};
+
+exports.useTimer = useTimer;

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

@@ -0,0 +1,9 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+
+import * as timer from '@zag-js/timer';
+export interface UseTimerProps extends Optional<Omit<timer.Context, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseTimerReturn extends timer.Api<PropTypes> {
+}
+export declare const useTimer: (props: UseTimerProps) => UseTimerReturn;

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

@@ -0,0 +1,9 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+
+import * as timer from '@zag-js/timer';
+export interface UseTimerProps extends Optional<Omit<timer.Context, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseTimerReturn extends timer.Api<PropTypes> {
+}
+export declare const useTimer: (props: UseTimerProps) => UseTimerReturn;

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

@@ -0,0 +1,24 @@
+'use client';
+import { useMachine, normalizeProps } from '@zag-js/react';
+import * as timer from '@zag-js/timer';
+import { useId } from 'react';
+import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
+import { useEvent } from '../../utils/use-event.js';
+
+const useTimer = (props) => {
+  const env = useEnvironmentContext();
+  const initialContext = {
+    id: useId(),
+    getRootNode: env.getRootNode,
+    ...props
+  };
+  const context = {
+    ...initialContext,
+    onComplete: useEvent(props.onComplete),
+    onTick: useEvent(props.onTick)
+  };
+  const [state, send] = useMachine(timer.machine(initialContext), { context });
+  return timer.connect(state, send, normalizeProps);
+};
+
+export { useTimer };

package/dist/index.cjs

@@ -491,6 +491,15 @@ const timePickerTrigger = require('./components/time-picker/time-picker-trigger.
 const useTimePicker = require('./components/time-picker/use-time-picker.cjs');
 const useTimePickerContext = require('./components/time-picker/use-time-picker-context.cjs');
 const timePicker = require('./components/time-picker/time-picker.cjs');
+const timerContext = require('./components/timer/timer-context.cjs');
+const timerActionTrigger = require('./components/timer/timer-action-trigger.cjs');
+const timerItem = require('./components/timer/timer-item.cjs');
+const timerSeparator = require('./components/timer/timer-separator.cjs');
+const timerRoot = require('./components/timer/timer-root.cjs');
+const timerRootProvider = require('./components/timer/timer-root-provider.cjs');
+const useTimer = require('./components/timer/use-timer.cjs');
+const useTimerContext = require('./components/timer/use-timer-context.cjs');
+const timer = require('./components/timer/timer.cjs');
 const createToaster = require('./components/toast/create-toaster.cjs');
 const toastActionTrigger = require('./components/toast/toast-action-trigger.cjs');
 const toastCloseTrigger = require('./components/toast/toast-close-trigger.cjs');
@@ -1065,6 +1074,15 @@ exports.TimePickerTrigger = timePickerTrigger.TimePickerTrigger;
 exports.useTimePicker = useTimePicker.useTimePicker;
 exports.useTimePickerContext = useTimePickerContext.useTimePickerContext;
 exports.TimePicker = timePicker;
+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;
 exports.createToaster = createToaster.createToaster;
 exports.ToastActionTrigger = toastActionTrigger.ToastActionTrigger;
 exports.ToastCloseTrigger = toastCloseTrigger.ToastCloseTrigger;

package/dist/index.js

@@ -521,6 +521,16 @@ export { useTimePicker } from './components/time-picker/use-time-picker.js';
 export { useTimePickerContext } from './components/time-picker/use-time-picker-context.js';
 import * as timePicker from './components/time-picker/time-picker.js';
 export { timePicker as TimePicker };
+export { TimerContext } from './components/timer/timer-context.js';
+export { TimerActionTrigger } from './components/timer/timer-action-trigger.js';
+export { TimerItem } from './components/timer/timer-item.js';
+export { TimerSeparator } from './components/timer/timer-separator.js';
+export { TimerRoot } from './components/timer/timer-root.js';
+export { TimerRootProvider } from './components/timer/timer-root-provider.js';
+export { useTimer } from './components/timer/use-timer.js';
+export { useTimerContext } from './components/timer/use-timer-context.js';
+import * as timer from './components/timer/timer.js';
+export { timer as Timer };
 export { createToaster } from './components/toast/create-toaster.js';
 export { ToastActionTrigger } from './components/toast/toast-action-trigger.js';
 export { ToastCloseTrigger } from './components/toast/toast-close-trigger.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/react",
-  "version": "3.7.0",
+  "version": "3.8.0",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -36,6 +36,7 @@
     "tabs",
     "tags input",
     "time picker",
+    "timer",
     "toast",
     "toggle group",
     "tooltip",
@@ -488,6 +489,17 @@
         "default": "./dist/components/tags-input/index.cjs"
       }
     },
+    "./timer": {
+      "source": "./src/components/timer/index.ts",
+      "import": {
+        "types": "./dist/components/timer/index.d.ts",
+        "default": "./dist/components/timer/index.js"
+      },
+      "require": {
+        "types": "./dist/components/timer/index.d.cts",
+        "default": "./dist/components/timer/index.cjs"
+      }
+    },
     "./time-picker": {
       "source": "./src/components/time-picker/index.ts",
       "import": {
@@ -621,6 +633,7 @@
     "@zag-js/tabs": "0.64.0",
     "@zag-js/tags-input": "0.64.0",
     "@zag-js/time-picker": "0.64.0",
+    "@zag-js/timer": "0.64.0",
     "@zag-js/toast": "0.64.0",
     "@zag-js/toggle-group": "0.64.0",
     "@zag-js/tooltip": "0.64.0",
@@ -630,10 +643,10 @@
   "devDependencies": {
     "@biomejs/biome": "1.8.3",
     "@release-it/keep-a-changelog": "5.0.0",
-    "@storybook/addon-a11y": "8.2.8",
-    "@storybook/addon-essentials": "8.2.8",
-    "@storybook/react-vite": "8.2.8",
-    "@storybook/react": "8.2.8",
+    "@storybook/addon-a11y": "8.2.9",
+    "@storybook/addon-essentials": "8.2.9",
+    "@storybook/react-vite": "8.2.9",
+    "@storybook/react": "8.2.9",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.4.8",
     "@testing-library/react": "16.0.0",
@@ -644,18 +657,18 @@
     "@vitejs/plugin-react": "4.3.1",
     "globby": "14.0.2",
     "jsdom": "24.1.1",
-    "lucide-react": "0.427.0",
+    "lucide-react": "0.428.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-frame-component": "5.2.7",
     "react-hook-form": "7.52.2",
     "release-it": "17.6.0",
     "resize-observer-polyfill": "1.5.1",
-    "storybook": "8.2.8",
+    "storybook": "8.2.9",
     "typescript": "5.5.4",
     "vite": "5.4.0",
     "vite-plugin-dts": "3.9.1",
-    "vitest": "2.0.4",
+    "vitest": "2.0.5",
     "vitest-axe": "1.0.0-pre.3"
   },
   "peerDependencies": {