@ark-ui/solid 3.7.0 → 3.9.0

package/dist/source/components/editable/editable-root.jsx

@@ -7,8 +7,10 @@ export const EditableRoot = (props) => {
     const [useEditableProps, localProps] = createSplitProps()(props, [
         'activationMode',
         'autoResize',
+        'defaultEdit',
         'defaultValue',
         'disabled',
+        'edit',
         'finalFocusEl',
         'form',
         'id',
@@ -16,7 +18,7 @@ export const EditableRoot = (props) => {
         'invalid',
         'maxLength',
         'name',
-        'onEdit',
+        'onEditChange',
         'onFocusOutside',
         'onInteractOutside',
         'onPointerDownOutside',
@@ -27,7 +29,6 @@ export const EditableRoot = (props) => {
         'readOnly',
         'required',
         'selectOnFocus',
-        'startWithEditView',
         'submitMode',
         'translations',
         'value',

package/dist/source/components/editable/index.js

@@ -1,3 +1,4 @@
+;
 export { EditableArea, } from './editable-area';
 export { EditableCancelTrigger, } from './editable-cancel-trigger';
 export { EditableContext, } from './editable-context';

package/dist/source/components/editable/use-editable.js

@@ -20,7 +20,9 @@ export const useEditable = (props) => {
         readOnly: field?.().readOnly,
         required: field?.().required,
         getRootNode: environment().getRootNode,
+        edit: props.defaultEdit,
         value: props.defaultValue,
+        'edit.controlled': props.edit !== undefined,
         ...props,
     }));
     const [state, send] = useMachine(editable.machine(context()), { context });

package/dist/source/components/index.js

@@ -39,3 +39,5 @@ export * from './toast';
 export * from './toggle-group';
 export * from './tooltip';
 export * from './tree-view';
+export * from './timer';
+export * from './steps';

package/dist/source/components/steps/index.js

@@ -0,0 +1,17 @@
+export { StepsCompletedContent, } from './steps-completed-content';
+export { StepsContent } from './steps-content';
+export { StepsIndicator, } from './steps-indicator';
+export { StepsItem } from './steps-item';
+export { StepsItemContext } from './steps-item-context';
+export { StepsList } from './steps-list';
+export { StepsNextTrigger, } from './steps-next-trigger';
+export { StepsPrevTrigger, } from './steps-prev-trigger';
+export { StepsProgress, } from './steps-progress';
+export { StepsRoot } from './steps-root';
+export { StepsRootProvider, } from './steps-root-provider';
+export { StepsSeparator, } from './steps-separator';
+export { StepsTrigger } from './steps-trigger';
+export { useSteps } from './use-steps';
+export { useStepsContext } from './use-steps-context';
+export { useStepsItemContext } from './use-steps-item-context';
+export * as Steps from './steps';

package/dist/source/components/steps/steps-completed-content.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useStepsContext } from './use-steps-context';
+export const StepsCompletedContent = (props) => {
+    const steps = useStepsContext();
+    const mergedProps = mergeProps(() => steps().getContentProps({ index: steps().count }), props);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/components/steps/steps-content.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../../utils/create-split-props';
+import { ark } from '../factory';
+import { useStepsContext } from './use-steps-context';
+export const StepsContent = (props) => {
+    const [itemProps, localProps] = createSplitProps()(props, ['index']);
+    const steps = useStepsContext();
+    const mergedProps = mergeProps(() => steps().getContentProps(itemProps), localProps);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/components/steps/steps-indicator.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useStepsContext } from './use-steps-context';
+import { useStepsItemPropsContext } from './use-steps-item-props-context';
+export const StepsIndicator = (props) => {
+    const steps = useStepsContext();
+    const itemProps = useStepsItemPropsContext();
+    const mergedProps = mergeProps(() => steps().getIndicatorProps(itemProps), props);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/components/steps/steps-item-context.jsx

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

package/dist/source/components/steps/steps-item.jsx

@@ -0,0 +1,18 @@
+import { mergeProps } from '@zag-js/solid';
+import { createMemo } from 'solid-js';
+import { createSplitProps } from '../../utils/create-split-props';
+import { ark } from '../factory';
+import { useStepsContext } from './use-steps-context';
+import { StepsItemProvider } from './use-steps-item-context';
+import { StepsItemPropsProvider } from './use-steps-item-props-context';
+export const StepsItem = (props) => {
+    const [itemProps, localProps] = createSplitProps()(props, ['index']);
+    const steps = useStepsContext();
+    const mergedProps = mergeProps(() => steps().getItemProps(itemProps), localProps);
+    const itemState = createMemo(() => steps().getItemState(itemProps));
+    return (<StepsItemPropsProvider value={itemProps}>
+      <StepsItemProvider value={itemState}>
+        <ark.li {...mergedProps}/>
+      </StepsItemProvider>
+    </StepsItemPropsProvider>);
+};

package/dist/source/components/steps/steps-list.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useStepsContext } from './use-steps-context';
+export const StepsList = (props) => {
+    const steps = useStepsContext();
+    const mergedProps = mergeProps(() => steps().getListProps(), props);
+    return <ark.ol {...mergedProps}/>;
+};

package/dist/source/components/steps/steps-next-trigger.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useStepsContext } from './use-steps-context';
+export const StepsNextTrigger = (props) => {
+    const steps = useStepsContext();
+    const mergedProps = mergeProps(() => steps().getNextTriggerProps(), props);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/components/steps/steps-prev-trigger.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useStepsContext } from './use-steps-context';
+export const StepsPrevTrigger = (props) => {
+    const steps = useStepsContext();
+    const mergedProps = mergeProps(() => steps().getPrevTriggerProps(), props);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/components/steps/steps-progress.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useStepsContext } from './use-steps-context';
+export const StepsProgress = (props) => {
+    const steps = useStepsContext();
+    const mergedProps = mergeProps(() => steps().getProgressProps(), props);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/components/steps/steps-root-provider.jsx

@@ -0,0 +1,11 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../../utils/create-split-props';
+import { ark } from '../factory';
+import { StepsProvider } from './use-steps-context';
+export const StepsRootProvider = (props) => {
+    const [{ value: steps }, rootProps] = createSplitProps()(props, ['value']);
+    const mergedProps = mergeProps(() => steps().getRootProps(), rootProps);
+    return (<StepsProvider value={steps}>
+      <ark.div {...mergedProps}>{props.children}</ark.div>
+    </StepsProvider>);
+};

package/dist/source/components/steps/steps-root.jsx

@@ -0,0 +1,23 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../../utils/create-split-props';
+import { ark } from '../factory';
+import { useSteps } from './use-steps';
+import { StepsProvider } from './use-steps-context';
+export const StepsRoot = (props) => {
+    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 (<StepsProvider value={steps}>
+      <ark.div {...mergedProps}/>
+    </StepsProvider>);
+};

package/dist/source/components/steps/steps-separator.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useStepsContext } from './use-steps-context';
+import { useStepsItemPropsContext } from './use-steps-item-props-context';
+export const StepsSeparator = (props) => {
+    const steps = useStepsContext();
+    const itemProps = useStepsItemPropsContext();
+    const mergedProps = mergeProps(() => steps().getSeparatorProps(itemProps), props);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/components/steps/steps-trigger.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useStepsContext } from './use-steps-context';
+import { useStepsItemPropsContext } from './use-steps-item-props-context';
+export const StepsTrigger = (props) => {
+    const steps = useStepsContext();
+    const itemProps = useStepsItemPropsContext();
+    const mergedProps = mergeProps(() => steps().getTriggerProps(itemProps), props);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/components/steps/steps.js

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

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

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

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

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

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

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

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

@@ -0,0 +1,18 @@
+import { normalizeProps, useMachine } from '@zag-js/solid';
+import * as steps from '@zag-js/steps';
+import { createMemo, createUniqueId } from 'solid-js';
+import { useEnvironmentContext, useLocaleContext } from '../../providers';
+export function useSteps(props = {}) {
+    const environment = useEnvironmentContext();
+    const locale = useLocaleContext();
+    const id = createUniqueId();
+    const context = createMemo(() => ({
+        id,
+        dir: locale().dir,
+        getRootNode: environment().getRootNode,
+        step: props.defaultStep,
+        ...props,
+    }));
+    const [state, send] = useMachine(steps.machine(context()), { context });
+    return createMemo(() => steps.connect(state, send, normalizeProps));
+}

package/dist/source/components/timer/index.js

@@ -0,0 +1,9 @@
+export { TimerContext, } from './timer-context';
+export { TimerActionTrigger, } from './timer-action-trigger';
+export { TimerItem, } from './timer-item';
+export { TimerSeparator, } from './timer-separator';
+export { TimerRoot, } from './timer-root';
+export { TimerRootProvider, } from './timer-root-provider';
+export { useTimer } from './use-timer';
+export { useTimerContext } from './use-timer-context';
+export * as Timer from './timer';

package/dist/source/components/timer/timer-action-trigger.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTimerContext } from './use-timer-context';
+export const TimerActionTrigger = (props) => {
+    const timer = useTimerContext();
+    const mergedProps = mergeProps(() => timer().getActionTriggerProps(props), props);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/components/timer/timer-context.jsx

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

package/dist/source/components/timer/timer-item.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../../utils/create-split-props';
+import { ark } from '../factory';
+import { useTimerContext } from './use-timer-context';
+export const TimerItem = (props) => {
+    const [itemProps, localProps] = createSplitProps()(props, ['type']);
+    const timer = useTimerContext();
+    const mergedProps = mergeProps(() => timer().getItemProps(itemProps), localProps);
+    return <ark.div {...mergedProps}>{timer().formattedTime[itemProps.type]}</ark.div>;
+};

package/dist/source/components/timer/timer-root-provider.jsx

@@ -0,0 +1,11 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../../utils/create-split-props';
+import { ark } from '../factory';
+import { TimerProvider } from './use-timer-context';
+export const TimerRootProvider = (props) => {
+    const [{ value: timer }, localProps] = createSplitProps()(props, ['value']);
+    const mergedProps = mergeProps(() => timer().getRootProps(), localProps);
+    return (<TimerProvider value={timer}>
+      <ark.div {...mergedProps}/>
+    </TimerProvider>);
+};

package/dist/source/components/timer/timer-root.jsx

@@ -0,0 +1,22 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../../utils/create-split-props';
+import { ark } from '../factory';
+import { useTimer } from './use-timer';
+import { TimerProvider } from './use-timer-context';
+export const TimerRoot = (props) => {
+    const [useTimerProps, localProps] = createSplitProps()(props, [
+        'id',
+        'autoStart',
+        'interval',
+        'countdown',
+        'startMs',
+        'targetMs',
+        'onComplete',
+        'onTick',
+    ]);
+    const timer = useTimer(useTimerProps);
+    const mergedProps = mergeProps(() => timer().getRootProps(), localProps);
+    return (<TimerProvider value={timer}>
+      <ark.div {...mergedProps}/>
+    </TimerProvider>);
+};

package/dist/source/components/timer/timer-separator.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTimerContext } from './use-timer-context';
+export const TimerSeparator = (props) => {
+    const timer = useTimerContext();
+    const mergedProps = mergeProps(() => timer().getSeparatorProps(), props);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/components/timer/timer.js

@@ -0,0 +1,6 @@
+export { TimerContext as Context, } from './timer-context';
+export { TimerActionTrigger as ActionTrigger, } from './timer-action-trigger';
+export { TimerItem as Item, } from './timer-item';
+export { TimerSeparator as Separator, } from './timer-separator';
+export { TimerRoot as Root, } from './timer-root';
+export { TimerRootProvider as RootProvider, } from './timer-root-provider';

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

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

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

@@ -0,0 +1,15 @@
+import { normalizeProps, useMachine } from '@zag-js/solid';
+import * as timer from '@zag-js/timer';
+import { createMemo, createUniqueId } from 'solid-js';
+import { useEnvironmentContext } from '../../providers';
+export const useTimer = (props) => {
+    const env = useEnvironmentContext();
+    const id = createUniqueId();
+    const context = createMemo(() => ({
+        id,
+        getRootNode: env().getRootNode,
+        ...props,
+    }));
+    const [state, send] = useMachine(timer.machine(context()), { context });
+    return createMemo(() => timer.connect(state, send, normalizeProps));
+};

package/dist/types/components/editable/index.d.ts

@@ -1,4 +1,7 @@
 export type { ValueChangeDetails as EditableValueChangeDetails } from '@zag-js/editable';
+export interface EditableEditChangeDetails {
+    edit: boolean;
+}
 export { EditableArea, type EditableAreaProps, type EditableAreaBaseProps, } from './editable-area';
 export { EditableCancelTrigger, type EditableCancelTriggerProps, type EditableCancelTriggerBaseProps, } from './editable-cancel-trigger';
 export { EditableContext, type EditableContextProps, } from './editable-context';

package/dist/types/components/editable/use-editable.d.ts

@@ -2,7 +2,12 @@ import * as editable from '@zag-js/editable';
 import { type PropTypes } from '@zag-js/solid';
 import { type Accessor } from 'solid-js';
 import type { Optional } from '../../types';
-export interface UseEditableProps extends Optional<Omit<editable.Context, 'dir' | 'getRootNode'>, 'id'> {
+export interface UseEditableProps extends Optional<Omit<editable.Context, 'dir' | 'getRootNode' | 'edit.controlled'>, 'id'> {
+    /**
+     * The initial edit state of the editable when it is first rendered.
+     * Use when you do not need to control its edit state.
+     */
+    defaultEdit?: editable.Context['edit'];
     /**
      * The initial value of the editable when it is first rendered.
      * Use when you do not need to control the state of the editable.

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

@@ -39,3 +39,5 @@ export * from './toast';
 export * from './toggle-group';
 export * from './tooltip';
 export * from './tree-view';
+export * from './timer';
+export * from './steps';

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

@@ -0,0 +1,18 @@
+export type { StepChangeDetails } from '@zag-js/steps';
+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';
+export { StepsProgress, type StepsProgressBaseProps, type StepsProgressProps, } from './steps-progress';
+export { StepsRoot, type StepsRootBaseProps, type StepsRootProps } from './steps-root';
+export { StepsRootProvider, type StepsRootProviderBaseProps, type StepsRootProviderProps, } from './steps-root-provider';
+export { StepsSeparator, type StepsSeparatorBaseProps, type StepsSeparatorProps, } from './steps-separator';
+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/types/components/steps/steps-completed-content.d.ts

@@ -0,0 +1,6 @@
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface StepsCompletedContentBaseProps extends PolymorphicProps<'div'> {
+}
+export interface StepsCompletedContentProps extends HTMLProps<'div'>, StepsCompletedContentBaseProps {
+}
+export declare const StepsCompletedContent: (props: StepsCompletedContentProps) => import("solid-js").JSX.Element;

package/dist/types/components/steps/steps-content.d.ts

@@ -0,0 +1,7 @@
+import type { ItemProps } from '@zag-js/steps';
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface StepsContentBaseProps extends PolymorphicProps<'div'>, ItemProps {
+}
+export interface StepsContentProps extends HTMLProps<'div'>, StepsContentBaseProps {
+}
+export declare const StepsContent: (props: StepsContentProps) => import("solid-js").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface StepsIndicatorBaseProps extends PolymorphicProps<'div'> {
+}
+export interface StepsIndicatorProps extends HTMLProps<'div'>, StepsIndicatorBaseProps {
+}
+export declare const StepsIndicator: (props: StepsIndicatorProps) => import("solid-js").JSX.Element;

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

@@ -0,0 +1,9 @@
+import type { JSX } from 'solid-js';
+import { type UseStepsItemContext } from './use-steps-item-context';
+export interface StepsItemContextProps {
+    children: (context: UseStepsItemContext) => JSX.Element;
+}
+export declare const StepsItemContext: {
+    (props: StepsItemContextProps): JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,7 @@
+import type { ItemProps } from '@zag-js/steps';
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface StepsItemBaseProps extends ItemProps, PolymorphicProps<'li'> {
+}
+export interface StepsItemProps extends HTMLProps<'li'>, StepsItemBaseProps {
+}
+export declare const StepsItem: (props: StepsItemProps) => import("solid-js").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface StepsListBaseProps extends PolymorphicProps<'ol'> {
+}
+export interface StepsListProps extends HTMLProps<'ol'>, StepsListBaseProps {
+}
+export declare const StepsList: (props: StepsListProps) => import("solid-js").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface StepsNextTriggerBaseProps extends PolymorphicProps<'button'> {
+}
+export interface StepsNextTriggerProps extends HTMLProps<'button'>, StepsNextTriggerBaseProps {
+}
+export declare const StepsNextTrigger: (props: StepsNextTriggerProps) => import("solid-js").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface StepsPrevTriggerBaseProps extends PolymorphicProps<'button'> {
+}
+export interface StepsPrevTriggerProps extends HTMLProps<'button'>, StepsPrevTriggerBaseProps {
+}
+export declare const StepsPrevTrigger: (props: StepsPrevTriggerProps) => import("solid-js").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface StepsProgressBaseProps extends PolymorphicProps<'div'> {
+}
+export interface StepsProgressProps extends HTMLProps<'div'>, StepsProgressBaseProps {
+}
+export declare const StepsProgress: (props: StepsProgressProps) => import("solid-js").JSX.Element;

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

@@ -0,0 +1,11 @@
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+import type { UseStepsReturn } from './use-steps';
+interface RootProviderProps {
+    value: UseStepsReturn;
+}
+export interface StepsRootProviderBaseProps extends RootProviderProps, PolymorphicProps<'div'> {
+}
+export interface StepsRootProviderProps extends HTMLProps<'div'>, StepsRootProviderBaseProps {
+}
+export declare const StepsRootProvider: (props: StepsRootProviderProps) => import("solid-js").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+import { type UseStepsProps } from './use-steps';
+export interface StepsRootBaseProps extends UseStepsProps, PolymorphicProps<'div'> {
+}
+export interface StepsRootProps extends HTMLProps<'div'>, StepsRootBaseProps {
+}
+export declare const StepsRoot: (props: StepsRootProps) => import("solid-js").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface StepsSeparatorBaseProps extends PolymorphicProps<'div'> {
+}
+export interface StepsSeparatorProps extends HTMLProps<'div'>, StepsSeparatorBaseProps {
+}
+export declare const StepsSeparator: (props: StepsSeparatorProps) => import("solid-js").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface StepsTriggerBaseProps extends PolymorphicProps<'button'> {
+}
+export interface StepsTriggerProps extends HTMLProps<'button'>, StepsTriggerBaseProps {
+}
+export declare const StepsTrigger: (props: StepsTriggerProps) => import("solid-js").JSX.Element;

package/dist/types/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/types/components/steps/use-steps-context.d.ts

@@ -0,0 +1,4 @@
+import type { UseStepsReturn } from './use-steps';
+export interface UseStepsContext extends UseStepsReturn {
+}
+export declare const StepsProvider: import("solid-js").ContextProviderComponent<UseStepsContext>, useStepsContext: () => UseStepsContext;

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

@@ -0,0 +1,5 @@
+import type { ItemState } from '@zag-js/steps';
+import type { Accessor } from 'solid-js';
+export interface UseStepsItemContext extends Accessor<ItemState> {
+}
+export declare const StepsItemProvider: import("solid-js").ContextProviderComponent<UseStepsItemContext>, useStepsItemContext: () => UseStepsItemContext;

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

@@ -0,0 +1,4 @@
+import type { ItemProps } from '@zag-js/steps';
+export interface UseStepsItemPropsContext extends ItemProps {
+}
+export declare const StepsItemPropsProvider: import("solid-js").ContextProviderComponent<UseStepsItemPropsContext>, useStepsItemPropsContext: () => UseStepsItemPropsContext;

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

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