@ark-ui/react 3.6.2 → 3.7.0

package/dist/components/steps/steps-indicator.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 StepsIndicator = react.forwardRef((props, ref) => {
+  const steps = useStepsContext.useStepsContext();
+  const itemProps = useStepsItemPropsContext.useStepsItemPropsContext();
+  const mergedProps = react$1.mergeProps(steps.getIndicatorProps(itemProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+StepsIndicator.displayName = "StepsIndicator";
+
+exports.StepsIndicator = StepsIndicator;

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

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

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

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

package/dist/components/steps/steps-indicator.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 StepsIndicator = forwardRef((props, ref) => {
+  const steps = useStepsContext();
+  const itemProps = useStepsItemPropsContext();
+  const mergedProps = mergeProps(steps.getIndicatorProps(itemProps), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+StepsIndicator.displayName = "StepsIndicator";
+
+export { StepsIndicator };

package/dist/components/steps/steps-item.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 useStepsContext = require('./use-steps-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 }) });
+});
+StepsItem.displayName = "StepsItem";
+
+exports.StepsItem = StepsItem;

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

@@ -0,0 +1,9 @@
+import { ItemProps } from '@zag-js/steps';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface StepsItemBaseProps extends ItemProps, PolymorphicProps {
+}
+export interface StepsItemProps extends HTMLProps<'li'>, StepsItemBaseProps {
+}
+export declare const StepsItem: ForwardRefExoticComponent<StepsItemProps & RefAttributes<HTMLLIElement>>;

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

@@ -0,0 +1,9 @@
+import { ItemProps } from '@zag-js/steps';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface StepsItemBaseProps extends ItemProps, PolymorphicProps {
+}
+export interface StepsItemProps extends HTMLProps<'li'>, StepsItemBaseProps {
+}
+export declare const StepsItem: ForwardRefExoticComponent<StepsItemProps & RefAttributes<HTMLLIElement>>;

package/dist/components/steps/steps-item.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 { useStepsContext } from './use-steps-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 }) });
+});
+StepsItem.displayName = "StepsItem";
+
+export { StepsItem };

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

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

@@ -0,0 +1,8 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface StepsListBaseProps extends PolymorphicProps {
+}
+export interface StepsListProps extends HTMLProps<'ol'>, StepsListBaseProps {
+}
+export declare const StepsList: ForwardRefExoticComponent<StepsListProps & RefAttributes<HTMLOListElement>>;

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

@@ -0,0 +1,8 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface StepsListBaseProps extends PolymorphicProps {
+}
+export interface StepsListProps extends HTMLProps<'ol'>, StepsListBaseProps {
+}
+export declare const StepsList: ForwardRefExoticComponent<StepsListProps & RefAttributes<HTMLOListElement>>;

package/dist/components/steps/steps-list.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 { useStepsContext } from './use-steps-context.js';
+
+const StepsList = forwardRef((props, ref) => {
+  const steps = useStepsContext();
+  const mergedProps = mergeProps(steps.getListProps(), props);
+  return /* @__PURE__ */ jsx(ark.ol, { ...mergedProps, ref });
+});
+StepsList.displayName = "StepsList";
+
+export { StepsList };

package/dist/components/steps/steps-next-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 StepsNextTrigger = react.forwardRef(
+  (props, ref) => {
+    const steps = useStepsContext.useStepsContext();
+    const mergedProps = react$1.mergeProps(steps.getNextTriggerProps(), props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+  }
+);
+StepsNextTrigger.displayName = "StepsNextTrigger";
+
+exports.StepsNextTrigger = StepsNextTrigger;

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

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

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

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

package/dist/components/steps/steps-next-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';
+
+const StepsNextTrigger = forwardRef(
+  (props, ref) => {
+    const steps = useStepsContext();
+    const mergedProps = mergeProps(steps.getNextTriggerProps(), props);
+    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+  }
+);
+StepsNextTrigger.displayName = "StepsNextTrigger";
+
+export { StepsNextTrigger };

package/dist/components/steps/steps-prev-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 StepsPrevTrigger = react.forwardRef(
+  (props, ref) => {
+    const steps = useStepsContext.useStepsContext();
+    const mergedProps = react$1.mergeProps(steps.getPrevTriggerProps(), props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+  }
+);
+StepsPrevTrigger.displayName = "StepsPrevTrigger";
+
+exports.StepsPrevTrigger = StepsPrevTrigger;

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

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

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

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

package/dist/components/steps/steps-prev-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';
+
+const StepsPrevTrigger = forwardRef(
+  (props, ref) => {
+    const steps = useStepsContext();
+    const mergedProps = mergeProps(steps.getPrevTriggerProps(), props);
+    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+  }
+);
+StepsPrevTrigger.displayName = "StepsPrevTrigger";
+
+export { StepsPrevTrigger };

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

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

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

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

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

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

package/dist/components/steps/steps-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 useStepsContext = require('./use-steps-context.cjs');
+
+const StepsRootProvider = react.forwardRef(
+  (props, ref) => {
+    const [{ value: steps }, rootProps] = createSplitProps.createSplitProps()(props, ["value"]);
+    const mergedProps = react$1.mergeProps(steps.getRootProps(), rootProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(useStepsContext.StepsProvider, { value: steps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: props.children }) });
+  }
+);
+StepsRootProvider.displayName = "StepsRootProvider";
+
+exports.StepsRootProvider = StepsRootProvider;

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

@@ -0,0 +1,13 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseStepsReturn } from './use-steps';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseStepsReturn;
+}
+export interface StepsRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface StepsRootProviderProps extends HTMLProps<'div'>, StepsRootProviderBaseProps {
+}
+export declare const StepsRootProvider: ForwardRefExoticComponent<StepsRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,13 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseStepsReturn } from './use-steps';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseStepsReturn;
+}
+export interface StepsRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface StepsRootProviderProps extends HTMLProps<'div'>, StepsRootProviderBaseProps {
+}
+export declare const StepsRootProvider: ForwardRefExoticComponent<StepsRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/steps/steps-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 { StepsProvider } from './use-steps-context.js';
+
+const StepsRootProvider = forwardRef(
+  (props, ref) => {
+    const [{ value: steps }, rootProps] = createSplitProps()(props, ["value"]);
+    const mergedProps = mergeProps(steps.getRootProps(), rootProps);
+    return /* @__PURE__ */ jsx(StepsProvider, { value: steps, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: props.children }) });
+  }
+);
+StepsRootProvider.displayName = "StepsRootProvider";
+
+export { StepsRootProvider };

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

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

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

@@ -0,0 +1,9 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseStepsProps } from './use-steps';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface StepsRootBaseProps extends UseStepsProps, PolymorphicProps {
+}
+export interface StepsRootProps extends HTMLProps<'div'>, StepsRootBaseProps {
+}
+export declare const StepsRoot: ForwardRefExoticComponent<StepsRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,9 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseStepsProps } from './use-steps';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface StepsRootBaseProps extends UseStepsProps, PolymorphicProps {
+}
+export interface StepsRootProps extends HTMLProps<'div'>, StepsRootBaseProps {
+}
+export declare const StepsRoot: ForwardRefExoticComponent<StepsRootProps & RefAttributes<HTMLDivElement>>;

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