@ark-ui/react 3.6.2 → 3.8.0

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

@@ -0,0 +1,28 @@
+'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 { useSteps } from './use-steps.js';
+import { StepsProvider } from './use-steps-context.js';
+
+const StepsRoot = forwardRef((props, ref) => {
+  const [useStepsProps, localProps] = createSplitProps()(props, [
+    "defaultStep",
+    "id",
+    "ids",
+    "count",
+    "linear",
+    "onStepChange",
+    "onStepComplete",
+    "orientation",
+    "step"
+  ]);
+  const steps = useSteps(useStepsProps);
+  const mergedProps = mergeProps(steps.getRootProps(), localProps);
+  return /* @__PURE__ */ jsx(StepsProvider, { value: steps, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+});
+StepsRoot.displayName = "StepsRoot";
+
+export { StepsRoot };

package/dist/components/steps/steps-separator.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 useStepsContext = require('./use-steps-context.cjs');
+const useStepsItemPropsContext = require('./use-steps-item-props-context.cjs');
+
+const StepsSeparator = react.forwardRef((props, ref) => {
+  const steps = useStepsContext.useStepsContext();
+  const itemProps = useStepsItemPropsContext.useStepsItemPropsContext();
+  const mergedProps = react$1.mergeProps(steps.getSeparatorProps(itemProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+StepsSeparator.displayName = "StepsSeparator";
+
+exports.StepsSeparator = StepsSeparator;

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

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

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

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

package/dist/components/steps/steps-separator.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 { useStepsContext } from './use-steps-context.js';
+import { useStepsItemPropsContext } from './use-steps-item-props-context.js';
+
+const StepsSeparator = forwardRef((props, ref) => {
+  const steps = useStepsContext();
+  const itemProps = useStepsItemPropsContext();
+  const mergedProps = mergeProps(steps.getSeparatorProps(itemProps), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+StepsSeparator.displayName = "StepsSeparator";
+
+export { StepsSeparator };

package/dist/components/steps/steps-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 useStepsContext = require('./use-steps-context.cjs');
+const useStepsItemPropsContext = require('./use-steps-item-props-context.cjs');
+
+const StepsTrigger = react.forwardRef((props, ref) => {
+  const steps = useStepsContext.useStepsContext();
+  const itemProps = useStepsItemPropsContext.useStepsItemPropsContext();
+  const mergedProps = react$1.mergeProps(steps.getTriggerProps(itemProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
+StepsTrigger.displayName = "StepsTrigger";
+
+exports.StepsTrigger = StepsTrigger;

package/dist/components/steps/steps-trigger.d.cts

@@ -0,0 +1,8 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface StepsTriggerBaseProps extends PolymorphicProps {
+}
+export interface StepsTriggerProps extends HTMLProps<'button'>, StepsTriggerBaseProps {
+}
+export declare const StepsTrigger: ForwardRefExoticComponent<StepsTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/steps/steps-trigger.d.ts

@@ -0,0 +1,8 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface StepsTriggerBaseProps extends PolymorphicProps {
+}
+export interface StepsTriggerProps extends HTMLProps<'button'>, StepsTriggerBaseProps {
+}
+export declare const StepsTrigger: ForwardRefExoticComponent<StepsTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/steps/steps-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 { useStepsContext } from './use-steps-context.js';
+import { useStepsItemPropsContext } from './use-steps-item-props-context.js';
+
+const StepsTrigger = forwardRef((props, ref) => {
+  const steps = useStepsContext();
+  const itemProps = useStepsItemPropsContext();
+  const mergedProps = mergeProps(steps.getTriggerProps(itemProps), props);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
+StepsTrigger.displayName = "StepsTrigger";
+
+export { StepsTrigger };

package/dist/components/steps/steps.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const stepsContent = require('./steps-content.cjs');
+const stepsCompletedContent = require('./steps-completed-content.cjs');
+const stepsIndicator = require('./steps-indicator.cjs');
+const stepsItem = require('./steps-item.cjs');
+const stepsList = require('./steps-list.cjs');
+const stepsNextTrigger = require('./steps-next-trigger.cjs');
+const stepsPrevTrigger = require('./steps-prev-trigger.cjs');
+const stepsProgress = require('./steps-progress.cjs');
+const stepsRoot = require('./steps-root.cjs');
+const stepsRootProvider = require('./steps-root-provider.cjs');
+const stepsSeparator = require('./steps-separator.cjs');
+const stepsTrigger = require('./steps-trigger.cjs');
+
+
+
+exports.Content = stepsContent.StepsContent;
+exports.CompletedContent = stepsCompletedContent.StepsCompletedContent;
+exports.Indicator = stepsIndicator.StepsIndicator;
+exports.Item = stepsItem.StepsItem;
+exports.List = stepsList.StepsList;
+exports.NextTrigger = stepsNextTrigger.StepsNextTrigger;
+exports.PrevTrigger = stepsPrevTrigger.StepsPrevTrigger;
+exports.Progress = stepsProgress.StepsProgress;
+exports.Root = stepsRoot.StepsRoot;
+exports.RootProvider = stepsRootProvider.StepsRootProvider;
+exports.Separator = stepsSeparator.StepsSeparator;
+exports.Trigger = stepsTrigger.StepsTrigger;

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

@@ -0,0 +1,13 @@
+export type { StepChangeDetails as ChangeDetails } from '@zag-js/steps';
+export { StepsContent as Content, type StepsContentBaseProps as ContentBaseProps, type StepsContentProps as ContentProps, } from './steps-content';
+export { StepsCompletedContent as CompletedContent, type StepsCompletedContentBaseProps as CompletedContentBaseProps, type StepsCompletedContentProps as CompletedContentProps, } from './steps-completed-content';
+export { StepsIndicator as Indicator, type StepsIndicatorBaseProps as IndicatorBaseProps, type StepsIndicatorProps as IndicatorProps, } from './steps-indicator';
+export { StepsItem as Item, type StepsItemBaseProps as ItemBaseProps, type StepsItemProps as ItemProps, } from './steps-item';
+export { StepsList as List, type StepsListBaseProps as ListBaseProps, type StepsListProps as ListProps, } from './steps-list';
+export { StepsNextTrigger as NextTrigger, type StepsNextTriggerBaseProps as NextTriggerBaseProps, type StepsNextTriggerProps as NextTriggerProps, } from './steps-next-trigger';
+export { StepsPrevTrigger as PrevTrigger, type StepsPrevTriggerBaseProps as PrevTriggerBaseProps, type StepsPrevTriggerProps as PrevTriggerProps, } from './steps-prev-trigger';
+export { StepsProgress as Progress, type StepsProgressBaseProps as ProgressBaseProps, type StepsProgressProps as ProgressProps, } from './steps-progress';
+export { StepsRoot as Root, type StepsRootBaseProps as RootBaseProps, type StepsRootProps as RootProps, } from './steps-root';
+export { StepsRootProvider as RootProvider, type StepsRootProviderBaseProps as RootProviderBaseProps, type StepsRootProviderProps as RootProviderProps, } from './steps-root-provider';
+export { StepsSeparator as Separator, type StepsSeparatorBaseProps as SeparatorBaseProps, type StepsSeparatorProps as SeparatorProps, } from './steps-separator';
+export { StepsTrigger as Trigger, type StepsTriggerBaseProps as TriggerBaseProps, type StepsTriggerProps as TriggerProps, } from './steps-trigger';

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

@@ -0,0 +1,13 @@
+export type { StepChangeDetails as ChangeDetails } from '@zag-js/steps';
+export { StepsContent as Content, type StepsContentBaseProps as ContentBaseProps, type StepsContentProps as ContentProps, } from './steps-content';
+export { StepsCompletedContent as CompletedContent, type StepsCompletedContentBaseProps as CompletedContentBaseProps, type StepsCompletedContentProps as CompletedContentProps, } from './steps-completed-content';
+export { StepsIndicator as Indicator, type StepsIndicatorBaseProps as IndicatorBaseProps, type StepsIndicatorProps as IndicatorProps, } from './steps-indicator';
+export { StepsItem as Item, type StepsItemBaseProps as ItemBaseProps, type StepsItemProps as ItemProps, } from './steps-item';
+export { StepsList as List, type StepsListBaseProps as ListBaseProps, type StepsListProps as ListProps, } from './steps-list';
+export { StepsNextTrigger as NextTrigger, type StepsNextTriggerBaseProps as NextTriggerBaseProps, type StepsNextTriggerProps as NextTriggerProps, } from './steps-next-trigger';
+export { StepsPrevTrigger as PrevTrigger, type StepsPrevTriggerBaseProps as PrevTriggerBaseProps, type StepsPrevTriggerProps as PrevTriggerProps, } from './steps-prev-trigger';
+export { StepsProgress as Progress, type StepsProgressBaseProps as ProgressBaseProps, type StepsProgressProps as ProgressProps, } from './steps-progress';
+export { StepsRoot as Root, type StepsRootBaseProps as RootBaseProps, type StepsRootProps as RootProps, } from './steps-root';
+export { StepsRootProvider as RootProvider, type StepsRootProviderBaseProps as RootProviderBaseProps, type StepsRootProviderProps as RootProviderProps, } from './steps-root-provider';
+export { StepsSeparator as Separator, type StepsSeparatorBaseProps as SeparatorBaseProps, type StepsSeparatorProps as SeparatorProps, } from './steps-separator';
+export { StepsTrigger as Trigger, type StepsTriggerBaseProps as TriggerBaseProps, type StepsTriggerProps as TriggerProps, } from './steps-trigger';

package/dist/components/steps/steps.js

@@ -0,0 +1,12 @@
+export { StepsContent as Content } from './steps-content.js';
+export { StepsCompletedContent as CompletedContent } from './steps-completed-content.js';
+export { StepsIndicator as Indicator } from './steps-indicator.js';
+export { StepsItem as Item } from './steps-item.js';
+export { StepsList as List } from './steps-list.js';
+export { StepsNextTrigger as NextTrigger } from './steps-next-trigger.js';
+export { StepsPrevTrigger as PrevTrigger } from './steps-prev-trigger.js';
+export { StepsProgress as Progress } from './steps-progress.js';
+export { StepsRoot as Root } from './steps-root.js';
+export { StepsRootProvider as RootProvider } from './steps-root-provider.js';
+export { StepsSeparator as Separator } from './steps-separator.js';
+export { StepsTrigger as Trigger } from './steps-trigger.js';

package/dist/components/steps/use-steps-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 [StepsProvider, useStepsContext] = createContext.createContext({
+  name: "StepsContext",
+  hookName: "useStepsContext",
+  providerName: "<StepsProvider />"
+});
+
+exports.StepsProvider = StepsProvider;
+exports.useStepsContext = useStepsContext;

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

@@ -0,0 +1,6 @@
+import { UseStepsReturn } from './use-steps';
+import { Provider } from 'react';
+
+export interface UseStepsContext extends UseStepsReturn {
+}
+export declare const StepsProvider: Provider<UseStepsContext>, useStepsContext: () => UseStepsContext;

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

@@ -0,0 +1,6 @@
+import { UseStepsReturn } from './use-steps';
+import { Provider } from 'react';
+
+export interface UseStepsContext extends UseStepsReturn {
+}
+export declare const StepsProvider: Provider<UseStepsContext>, useStepsContext: () => UseStepsContext;

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

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

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

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

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

@@ -0,0 +1,6 @@
+import { ItemState } from '@zag-js/steps';
+import { Provider } from 'react';
+
+export interface UseStepsItemContext extends ItemState {
+}
+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/steps/use-steps-item-props-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 [StepsItemPropsProvider, useStepsItemPropsContext] = createContext.createContext({
+  name: "StepsItemPropsContext",
+  hookName: "useStepsItemPropsContext",
+  providerName: "<StepsItemPropsProvider />"
+});
+
+exports.StepsItemPropsProvider = StepsItemPropsProvider;
+exports.useStepsItemPropsContext = useStepsItemPropsContext;

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

@@ -0,0 +1,6 @@
+import { ItemProps } from '@zag-js/steps';
+import { Provider } from 'react';
+
+export interface UseStepsItemPropsContext extends ItemProps {
+}
+export declare const StepsItemPropsProvider: Provider<UseStepsItemPropsContext>, useStepsItemPropsContext: () => UseStepsItemPropsContext;

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

@@ -0,0 +1,6 @@
+import { ItemProps } from '@zag-js/steps';
+import { Provider } from 'react';
+
+export interface UseStepsItemPropsContext extends ItemProps {
+}
+export declare const StepsItemPropsProvider: Provider<UseStepsItemPropsContext>, useStepsItemPropsContext: () => UseStepsItemPropsContext;

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

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

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

@@ -0,0 +1,54 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react$1 = require('@zag-js/react');
+const steps = require('@zag-js/steps');
+const react = require('react');
+const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
+const useLocaleContext = require('../../providers/locale/use-locale-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 steps__namespace = /*#__PURE__*/_interopNamespaceDefault(steps);
+
+function useSteps(props = {}) {
+  const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
+  const { dir } = useLocaleContext.useLocaleContext();
+  const initialContext = {
+    id: react.useId(),
+    dir,
+    getRootNode,
+    step: props.defaultStep,
+    ...props
+  };
+  const context = {
+    ...initialContext,
+    step: props.step,
+    onStepChange: useEvent.useEvent(props.onStepChange),
+    onStepComplete: useEvent.useEvent(props.onStepComplete)
+  };
+  const [state, send] = react$1.useMachine(steps__namespace.machine(initialContext), {
+    context
+  });
+  return steps__namespace.connect(state, send, react$1.normalizeProps);
+}
+
+exports.useSteps = useSteps;

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

@@ -0,0 +1,13 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+
+import * as steps from '@zag-js/steps';
+export interface UseStepsProps extends Optional<Omit<steps.Context, 'dir' | 'getRootNode'>, 'id'> {
+    /**
+     * The initial value of the step
+     */
+    defaultStep?: number;
+}
+export interface UseStepsReturn extends steps.Api<PropTypes> {
+}
+export declare function useSteps(props?: UseStepsProps): UseStepsReturn;

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

@@ -0,0 +1,13 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+
+import * as steps from '@zag-js/steps';
+export interface UseStepsProps extends Optional<Omit<steps.Context, 'dir' | 'getRootNode'>, 'id'> {
+    /**
+     * The initial value of the step
+     */
+    defaultStep?: number;
+}
+export interface UseStepsReturn extends steps.Api<PropTypes> {
+}
+export declare function useSteps(props?: UseStepsProps): UseStepsReturn;

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

@@ -0,0 +1,31 @@
+'use client';
+import { useMachine, normalizeProps } from '@zag-js/react';
+import * as steps from '@zag-js/steps';
+import { useId } from 'react';
+import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
+import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
+import { useEvent } from '../../utils/use-event.js';
+
+function useSteps(props = {}) {
+  const { getRootNode } = useEnvironmentContext();
+  const { dir } = useLocaleContext();
+  const initialContext = {
+    id: useId(),
+    dir,
+    getRootNode,
+    step: props.defaultStep,
+    ...props
+  };
+  const context = {
+    ...initialContext,
+    step: props.step,
+    onStepChange: useEvent(props.onStepChange),
+    onStepComplete: useEvent(props.onStepComplete)
+  };
+  const [state, send] = useMachine(steps.machine(initialContext), {
+    context
+  });
+  return steps.connect(state, send, normalizeProps);
+}
+
+export { useSteps };

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 };