@sprawlify/react 0.0.10 → 0.0.12

package/dist/components/splitter/index.mjs

@@ -0,0 +1,152 @@
+import { t as __export } from "../../chunk-C59VKDyD.mjs";
+import { i as useMachine, r as normalizeProps, t as mergeProps } from "../../core-D5Nn8Do7.mjs";
+import { t as createContext$1 } from "../../create-context-C9f3ZSYn.mjs";
+import { n as useEnvironmentContext } from "../../environment-SaOmH4By.mjs";
+import { i as useLocaleContext } from "../../locale-Bsrr4Z-J.mjs";
+import "../../providers-Dhji4k4B.mjs";
+import { n as sprawlify } from "../../factory-C3MVpSt5.mjs";
+import { t as splitterAnatomy } from "../../splitter-anatomy-lw9nN6Os.mjs";
+import { t as createSplitProps } from "../../create-split-props-ButBrlN-.mjs";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as splitter from "@sprawlify/primitives/machines/splitter";
+import { layout as getLayout, layout as getSplitterLayout } from "@sprawlify/primitives/machines/splitter";
+
+//#region src/components/splitter/use-splitter-context.ts
+const [SplitterProvider, useSplitterContext] = createContext$1({
+	name: "SplitterContext",
+	hookName: "useSplitterContext",
+	providerName: "<SplitterProvider />"
+});
+
+//#endregion
+//#region src/components/splitter/splitter-context.tsx
+const SplitterContext = (props) => props.children(useSplitterContext());
+
+//#endregion
+//#region src/components/splitter/splitter-panel.tsx
+const splitPanelProps = createSplitProps();
+const SplitterPanel = forwardRef((props, ref) => {
+	const [splitterPanelProps, localProps] = splitPanelProps(props, ["id"]);
+	const mergedProps = mergeProps(useSplitterContext().getPanelProps(splitterPanelProps), localProps);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+SplitterPanel.displayName = "SplitterPanel";
+
+//#endregion
+//#region src/components/splitter/use-splitter-resize-trigger-props-context.ts
+const [SplitterResizeTriggerPropsProvider, useSplitterResizeTriggerPropsContext] = createContext$1({
+	name: "SplitterResizeTriggerPropsContext",
+	hookName: "useSplitterResizeTriggerPropsContext",
+	providerName: "<SplitterResizeTriggerPropsProvider />"
+});
+
+//#endregion
+//#region src/components/splitter/splitter-resize-trigger.tsx
+const splitResizeTriggerProps = createSplitProps();
+const SplitterResizeTrigger = forwardRef((props, ref) => {
+	const [triggerProps, localProps] = splitResizeTriggerProps(props, ["disabled", "id"]);
+	const mergedProps = mergeProps(useSplitterContext().getResizeTriggerProps(triggerProps), localProps);
+	return /* @__PURE__ */ jsx(SplitterResizeTriggerPropsProvider, {
+		value: triggerProps,
+		children: /* @__PURE__ */ jsx(sprawlify.button, {
+			ref,
+			...mergedProps
+		})
+	});
+});
+SplitterResizeTrigger.displayName = "SplitterResizeTrigger";
+
+//#endregion
+//#region src/components/splitter/splitter-resize-trigger-indicator.tsx
+const SplitterResizeTriggerIndicator = forwardRef((props, ref) => {
+	const splitter$1 = useSplitterContext();
+	const triggerProps = useSplitterResizeTriggerPropsContext();
+	const mergedProps = mergeProps(splitter$1.getResizeTriggerIndicator(triggerProps), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		ref,
+		...mergedProps
+	});
+});
+SplitterResizeTriggerIndicator.displayName = "SplitterResizeTriggerIndicator";
+
+//#endregion
+//#region src/components/splitter/use-splitter.ts
+const useSplitter = (props) => {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const { dir } = useLocaleContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(splitter.machine, machineProps);
+	return splitter.connect(service, normalizeProps);
+};
+
+//#endregion
+//#region src/components/splitter/splitter-root.tsx
+const splitRootProps = createSplitProps();
+const SplitterRoot = forwardRef((props, ref) => {
+	const [useSplitterProps, localProps] = splitRootProps(props, [
+		"defaultSize",
+		"id",
+		"ids",
+		"keyboardResizeBy",
+		"nonce",
+		"onCollapse",
+		"onExpand",
+		"onResize",
+		"onResizeEnd",
+		"onResizeStart",
+		"orientation",
+		"panels",
+		"size"
+	]);
+	const splitter$1 = useSplitter(useSplitterProps);
+	const mergedProps = mergeProps(splitter$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(SplitterProvider, {
+		value: splitter$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+SplitterRoot.displayName = "SplitterRoot";
+
+//#endregion
+//#region src/components/splitter/splitter-root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const SplitterRootProvider = forwardRef((props, ref) => {
+	const [{ value: splitter$1 }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(splitter$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(SplitterProvider, {
+		value: splitter$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+SplitterRootProvider.displayName = "SplitterRootProvider";
+
+//#endregion
+//#region src/components/splitter/splitter.ts
+var splitter_exports = /* @__PURE__ */ __export({
+	Context: () => SplitterContext,
+	Panel: () => SplitterPanel,
+	ResizeTrigger: () => SplitterResizeTrigger,
+	ResizeTriggerIndicator: () => SplitterResizeTriggerIndicator,
+	Root: () => SplitterRoot,
+	RootProvider: () => SplitterRootProvider,
+	getLayout: () => getLayout
+});
+
+//#endregion
+export { splitter_exports as Splitter, SplitterContext, SplitterPanel, SplitterResizeTrigger, SplitterResizeTriggerIndicator, SplitterRoot, SplitterRootProvider, getSplitterLayout, splitterAnatomy, useSplitter, useSplitterContext };

package/dist/components/steps/index.cjs

@@ -0,0 +1,290 @@
+const require_chunk = require('../../chunk-Dsw3YZHa.cjs');
+const require_core = require('../../core-oy7TWDvO.cjs');
+const require_create_context = require('../../create-context-RCOpQR_m.cjs');
+const require_environment = require('../../environment-CxN6E_IC.cjs');
+const require_locale = require('../../locale-D3raWtvM.cjs');
+require('../../providers-BNAArubQ.cjs');
+const require_factory = require('../../factory-DY9J9D6d.cjs');
+require('../../steps-anatomy-BG7X0r1U.cjs');
+const require_create_split_props = require('../../create-split-props-3uzAEUIm.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __sprawlify_primitives_machines_steps = require("@sprawlify/primitives/machines/steps");
+__sprawlify_primitives_machines_steps = require_chunk.__toESM(__sprawlify_primitives_machines_steps);
+let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
+
+//#region src/components/steps/use-steps-context.ts
+const [StepsProvider, useStepsContext] = require_create_context.createContext({
+	name: "StepsContext",
+	hookName: "useStepsContext",
+	providerName: "<StepsProvider />"
+});
+
+//#endregion
+//#region src/components/steps/steps-completed-content.tsx
+const StepsCompletedContent = (0, react.forwardRef)((props, ref) => {
+	const steps = useStepsContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(steps.getContentProps({ index: steps.count }), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+StepsCompletedContent.displayName = "StepsCompletedContent";
+
+//#endregion
+//#region src/components/steps/steps-content.tsx
+const splitContentProps = require_create_split_props.createSplitProps();
+const StepsContent = (0, react.forwardRef)((props, ref) => {
+	const [itemProps, localProps] = splitContentProps(props, ["index"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useStepsContext().getContentProps(itemProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+StepsContent.displayName = "StepsContent";
+
+//#endregion
+//#region src/components/steps/steps-context.tsx
+const StepsContext = (props) => {
+	const context = useStepsContext();
+	return props.children(context);
+};
+StepsContext.displayName = "StepsContext";
+
+//#endregion
+//#region src/components/steps/use-steps-item-props-context.ts
+const [StepsItemPropsProvider, useStepsItemPropsContext] = require_create_context.createContext({
+	name: "StepsItemPropsContext",
+	hookName: "useStepsItemPropsContext",
+	providerName: "<StepsItemPropsProvider />"
+});
+
+//#endregion
+//#region src/components/steps/steps-indicator.tsx
+const StepsIndicator = (0, react.forwardRef)((props, ref) => {
+	const steps = useStepsContext();
+	const itemProps = useStepsItemPropsContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(steps.getIndicatorProps(itemProps), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+StepsIndicator.displayName = "StepsIndicator";
+
+//#endregion
+//#region src/components/steps/use-steps-item-context.ts
+const [StepsItemProvider, useStepsItemContext] = require_create_context.createContext({
+	name: "StepsItemContext",
+	hookName: "useStepsItemContext",
+	providerName: "<StepsItem />"
+});
+
+//#endregion
+//#region src/components/steps/steps-item.tsx
+const splitItemProps = require_create_split_props.createSplitProps();
+const StepsItem = (0, react.forwardRef)((props, ref) => {
+	const [itemProps, localProps] = splitItemProps(props, ["index"]);
+	const steps = useStepsContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(steps.getItemProps(itemProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StepsItemPropsProvider, {
+		value: itemProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StepsItemProvider, {
+			value: steps.getItemState(itemProps),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
+});
+StepsItem.displayName = "StepsItem";
+
+//#endregion
+//#region src/components/steps/steps-item-context.tsx
+const StepsItemContext = (props) => {
+	return props.children(useStepsItemContext());
+};
+StepsItemContext.displayName = "StepsItemContext";
+
+//#endregion
+//#region src/components/steps/steps-list.tsx
+const StepsList = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useStepsContext().getListProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+StepsList.displayName = "StepsList";
+
+//#endregion
+//#region src/components/steps/steps-next-trigger.tsx
+const StepsNextTrigger = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useStepsContext().getNextTriggerProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+StepsNextTrigger.displayName = "StepsNextTrigger";
+
+//#endregion
+//#region src/components/steps/steps-prev-trigger.tsx
+const StepsPrevTrigger = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useStepsContext().getPrevTriggerProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+StepsPrevTrigger.displayName = "StepsPrevTrigger";
+
+//#endregion
+//#region src/components/steps/steps-progress.tsx
+const StepsProgress = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useStepsContext().getProgressProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+StepsProgress.displayName = "StepsProgress";
+
+//#endregion
+//#region src/components/steps/use-steps.ts
+function useSteps(props) {
+	const id = (0, react.useId)();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const { dir } = require_locale.useLocaleContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(__sprawlify_primitives_machines_steps.machine, machineProps);
+	return __sprawlify_primitives_machines_steps.connect(service, require_core.normalizeProps);
+}
+
+//#endregion
+//#region src/components/steps/steps-root.tsx
+const splitRootProps = require_create_split_props.createSplitProps();
+const StepsRoot = (0, react.forwardRef)((props, ref) => {
+	const [useStepsProps, localProps] = splitRootProps(props, [
+		"defaultStep",
+		"id",
+		"ids",
+		"count",
+		"linear",
+		"onStepChange",
+		"onStepComplete",
+		"orientation",
+		"step"
+	]);
+	const steps = useSteps(useStepsProps);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(steps.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StepsProvider, {
+		value: steps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+StepsRoot.displayName = "StepsRoot";
+
+//#endregion
+//#region src/components/steps/steps-root-provider.tsx
+const splitRootProviderProps = require_create_split_props.createSplitProps();
+const StepsRootProvider = (0, react.forwardRef)((props, ref) => {
+	const [{ value: steps }, rootProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(steps.getRootProps(), rootProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StepsProvider, {
+		value: steps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref,
+			children: props.children
+		})
+	});
+});
+StepsRootProvider.displayName = "StepsRootProvider";
+
+//#endregion
+//#region src/components/steps/steps-separator.tsx
+const StepsSeparator = (0, react.forwardRef)((props, ref) => {
+	const steps = useStepsContext();
+	const itemProps = useStepsItemPropsContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(steps.getSeparatorProps(itemProps), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+StepsSeparator.displayName = "StepsSeparator";
+
+//#endregion
+//#region src/components/steps/steps-trigger.tsx
+const StepsTrigger = (0, react.forwardRef)((props, ref) => {
+	const steps = useStepsContext();
+	const itemProps = useStepsItemPropsContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(steps.getTriggerProps(itemProps), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+StepsTrigger.displayName = "StepsTrigger";
+
+//#endregion
+//#region src/components/steps/steps.ts
+var steps_exports = /* @__PURE__ */ require_chunk.__export({
+	CompletedContent: () => StepsCompletedContent,
+	Content: () => StepsContent,
+	Context: () => StepsContext,
+	Indicator: () => StepsIndicator,
+	Item: () => StepsItem,
+	ItemContext: () => StepsItemContext,
+	List: () => StepsList,
+	NextTrigger: () => StepsNextTrigger,
+	PrevTrigger: () => StepsPrevTrigger,
+	Progress: () => StepsProgress,
+	Root: () => StepsRoot,
+	RootProvider: () => StepsRootProvider,
+	Separator: () => StepsSeparator,
+	Trigger: () => StepsTrigger
+});
+
+//#endregion
+Object.defineProperty(exports, 'Steps', {
+  enumerable: true,
+  get: function () {
+    return steps_exports;
+  }
+});
+exports.StepsCompletedContent = StepsCompletedContent;
+exports.StepsContent = StepsContent;
+exports.StepsContext = StepsContext;
+exports.StepsIndicator = StepsIndicator;
+exports.StepsItem = StepsItem;
+exports.StepsItemContext = StepsItemContext;
+exports.StepsList = StepsList;
+exports.StepsNextTrigger = StepsNextTrigger;
+exports.StepsPrevTrigger = StepsPrevTrigger;
+exports.StepsProgress = StepsProgress;
+exports.StepsRoot = StepsRoot;
+exports.StepsRootProvider = StepsRootProvider;
+exports.StepsSeparator = StepsSeparator;
+exports.StepsTrigger = StepsTrigger;
+Object.defineProperty(exports, 'stepsAnatomy', {
+  enumerable: true,
+  get: function () {
+    return __sprawlify_primitives_machines_steps.anatomy;
+  }
+});
+exports.useSteps = useSteps;
+exports.useStepsContext = useStepsContext;
+exports.useStepsItemContext = useStepsItemContext;

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

@@ -0,0 +1,105 @@
+import { t as PropTypes } from "../../normalize-props-BeSH6oua.cjs";
+import { r as Optional } from "../../types-CCi_nex5.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-BqX8l4xK.cjs";
+import { t as stepsAnatomy } from "../../steps-anatomy-Bplgb53H.cjs";
+import * as react747 from "react";
+import { ReactNode } from "react";
+import * as steps from "@sprawlify/primitives/machines/steps";
+import { ItemProps, ItemState, StepChangeDetails, StepChangeDetails as ChangeDetails } from "@sprawlify/primitives/machines/steps";
+
+//#region src/components/steps/steps-completed-content.d.ts
+interface StepsCompletedContentBaseProps extends PolymorphicProps {}
+interface StepsCompletedContentProps extends HTMLProps<"div">, StepsCompletedContentBaseProps {}
+declare const StepsCompletedContent: react747.ForwardRefExoticComponent<StepsCompletedContentProps & react747.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/steps/steps-content.d.ts
+interface StepsContentBaseProps extends PolymorphicProps, ItemProps {}
+interface StepsContentProps extends HTMLProps<"div">, StepsContentBaseProps {}
+declare const StepsContent: react747.ForwardRefExoticComponent<StepsContentProps & react747.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/steps/use-steps.d.ts
+interface UseStepsProps extends Optional<Omit<steps.Props, "dir" | "getRootNode">, "id"> {}
+interface UseStepsReturn extends steps.Api<PropTypes> {}
+declare function useSteps(props?: UseStepsProps): UseStepsReturn;
+//#endregion
+//#region src/components/steps/use-steps-context.d.ts
+interface UseStepsContext extends UseStepsReturn {}
+//#endregion
+//#region src/components/steps/steps-context.d.ts
+interface StepsContextProps {
+  children: (context: UseStepsContext) => ReactNode;
+}
+declare const StepsContext: {
+  (props: StepsContextProps): ReactNode;
+  displayName: string;
+};
+//#endregion
+//#region src/components/steps/steps-indicator.d.ts
+interface StepsIndicatorBaseProps extends PolymorphicProps {}
+interface StepsIndicatorProps extends HTMLProps<"div">, StepsIndicatorBaseProps {}
+declare const StepsIndicator: react747.ForwardRefExoticComponent<StepsIndicatorProps & react747.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/steps/steps-item.d.ts
+interface StepsItemBaseProps extends ItemProps, PolymorphicProps {}
+interface StepsItemProps extends HTMLProps<"div">, StepsItemBaseProps {}
+declare const StepsItem: react747.ForwardRefExoticComponent<StepsItemProps & react747.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/steps/use-steps-item-context.d.ts
+interface UseStepsItemContext extends ItemState {}
+//#endregion
+//#region src/components/steps/steps-item-context.d.ts
+interface StepsItemContextProps {
+  children: (context: UseStepsItemContext) => ReactNode;
+}
+declare const StepsItemContext: {
+  (props: StepsItemContextProps): ReactNode;
+  displayName: string;
+};
+//#endregion
+//#region src/components/steps/steps-list.d.ts
+interface StepsListBaseProps extends PolymorphicProps {}
+interface StepsListProps extends HTMLProps<"div">, StepsListBaseProps {}
+declare const StepsList: react747.ForwardRefExoticComponent<StepsListProps & react747.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/steps/steps-next-trigger.d.ts
+interface StepsNextTriggerBaseProps extends PolymorphicProps {}
+interface StepsNextTriggerProps extends HTMLProps<"button">, StepsNextTriggerBaseProps {}
+declare const StepsNextTrigger: react747.ForwardRefExoticComponent<StepsNextTriggerProps & react747.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/steps/steps-prev-trigger.d.ts
+interface StepsPrevTriggerBaseProps extends PolymorphicProps {}
+interface StepsPrevTriggerProps extends HTMLProps<"button">, StepsPrevTriggerBaseProps {}
+declare const StepsPrevTrigger: react747.ForwardRefExoticComponent<StepsPrevTriggerProps & react747.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/steps/steps-progress.d.ts
+interface StepsProgressBaseProps extends PolymorphicProps {}
+interface StepsProgressProps extends HTMLProps<"div">, StepsProgressBaseProps {}
+declare const StepsProgress: react747.ForwardRefExoticComponent<StepsProgressProps & react747.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/steps/steps-root.d.ts
+interface StepsRootBaseProps extends UseStepsProps, PolymorphicProps {}
+interface StepsRootProps extends HTMLProps<"div">, StepsRootBaseProps {}
+declare const StepsRoot: react747.ForwardRefExoticComponent<StepsRootProps & react747.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/steps/steps-root-provider.d.ts
+interface RootProviderProps {
+  value: UseStepsReturn;
+}
+interface StepsRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface StepsRootProviderProps extends HTMLProps<"div">, StepsRootProviderBaseProps {}
+declare const StepsRootProvider: react747.ForwardRefExoticComponent<StepsRootProviderProps & react747.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/steps/steps-separator.d.ts
+interface StepsSeparatorBaseProps extends PolymorphicProps {}
+interface StepsSeparatorProps extends HTMLProps<"div">, StepsSeparatorBaseProps {}
+declare const StepsSeparator: react747.ForwardRefExoticComponent<StepsSeparatorProps & react747.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/steps/steps-trigger.d.ts
+interface StepsTriggerBaseProps extends PolymorphicProps {}
+interface StepsTriggerProps extends HTMLProps<"button">, StepsTriggerBaseProps {}
+declare const StepsTrigger: react747.ForwardRefExoticComponent<StepsTriggerProps & react747.RefAttributes<HTMLButtonElement>>;
+declare namespace steps_d_exports {
+  export { ChangeDetails, StepsCompletedContent as CompletedContent, StepsCompletedContentBaseProps as CompletedContentBaseProps, StepsCompletedContentProps as CompletedContentProps, StepsContent as Content, StepsContentBaseProps as ContentBaseProps, StepsContentProps as ContentProps, StepsContext as Context, StepsContextProps as ContextProps, StepsIndicator as Indicator, StepsIndicatorBaseProps as IndicatorBaseProps, StepsIndicatorProps as IndicatorProps, StepsItem as Item, StepsItemBaseProps as ItemBaseProps, StepsItemContext as ItemContext, StepsItemContextProps as ItemContextProps, StepsItemProps as ItemProps, StepsList as List, StepsListBaseProps as ListBaseProps, StepsListProps as ListProps, StepsNextTrigger as NextTrigger, StepsNextTriggerBaseProps as NextTriggerBaseProps, StepsNextTriggerProps as NextTriggerProps, StepsPrevTrigger as PrevTrigger, StepsPrevTriggerBaseProps as PrevTriggerBaseProps, StepsPrevTriggerProps as PrevTriggerProps, StepsProgress as Progress, StepsProgressBaseProps as ProgressBaseProps, StepsProgressProps as ProgressProps, StepsRoot as Root, StepsRootBaseProps as RootBaseProps, StepsRootProps as RootProps, StepsRootProvider as RootProvider, StepsRootProviderBaseProps as RootProviderBaseProps, StepsRootProviderProps as RootProviderProps, StepsSeparator as Separator, StepsSeparatorBaseProps as SeparatorBaseProps, StepsSeparatorProps as SeparatorProps, StepsTrigger as Trigger, StepsTriggerBaseProps as TriggerBaseProps, StepsTriggerProps as TriggerProps };
+}
+//#endregion
+export { type StepChangeDetails, steps_d_exports as Steps, StepsCompletedContent, type StepsCompletedContentBaseProps, type StepsCompletedContentProps, StepsContent, type StepsContentBaseProps, type StepsContentProps, StepsContext, type StepsContextProps, StepsIndicator, type StepsIndicatorBaseProps, type StepsIndicatorProps, StepsItem, type StepsItemBaseProps, StepsItemContext, type StepsItemContextProps, type StepsItemProps, StepsList, type StepsListBaseProps, type StepsListProps, StepsNextTrigger, type StepsNextTriggerBaseProps, type StepsNextTriggerProps, StepsPrevTrigger, type StepsPrevTriggerBaseProps, type StepsPrevTriggerProps, StepsProgress, type StepsProgressBaseProps, type StepsProgressProps, StepsRoot, type StepsRootBaseProps, type StepsRootProps, StepsRootProvider, type StepsRootProviderBaseProps, type StepsRootProviderProps, StepsSeparator, type StepsSeparatorBaseProps, type StepsSeparatorProps, StepsTrigger, type StepsTriggerBaseProps, type StepsTriggerProps, type UseStepsContext, type UseStepsItemContext, type UseStepsProps, type UseStepsReturn, stepsAnatomy, useSteps, useStepsContext, useStepsItemContext };

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

@@ -0,0 +1,105 @@
+import { r as PropTypes } from "../../index-vVsZQ4T1.mjs";
+import { r as Optional } from "../../types-DRV9A4aT.mjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-FP_lLEyP.mjs";
+import { t as stepsAnatomy } from "../../steps-anatomy-l_xACyQU.mjs";
+import * as react494 from "react";
+import { ReactNode } from "react";
+import * as steps from "@sprawlify/primitives/machines/steps";
+import { ItemProps, ItemState, StepChangeDetails, StepChangeDetails as ChangeDetails } from "@sprawlify/primitives/machines/steps";
+
+//#region src/components/steps/steps-completed-content.d.ts
+interface StepsCompletedContentBaseProps extends PolymorphicProps {}
+interface StepsCompletedContentProps extends HTMLProps<"div">, StepsCompletedContentBaseProps {}
+declare const StepsCompletedContent: react494.ForwardRefExoticComponent<StepsCompletedContentProps & react494.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/steps/steps-content.d.ts
+interface StepsContentBaseProps extends PolymorphicProps, ItemProps {}
+interface StepsContentProps extends HTMLProps<"div">, StepsContentBaseProps {}
+declare const StepsContent: react494.ForwardRefExoticComponent<StepsContentProps & react494.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/steps/use-steps.d.ts
+interface UseStepsProps extends Optional<Omit<steps.Props, "dir" | "getRootNode">, "id"> {}
+interface UseStepsReturn extends steps.Api<PropTypes> {}
+declare function useSteps(props?: UseStepsProps): UseStepsReturn;
+//#endregion
+//#region src/components/steps/use-steps-context.d.ts
+interface UseStepsContext extends UseStepsReturn {}
+//#endregion
+//#region src/components/steps/steps-context.d.ts
+interface StepsContextProps {
+  children: (context: UseStepsContext) => ReactNode;
+}
+declare const StepsContext: {
+  (props: StepsContextProps): ReactNode;
+  displayName: string;
+};
+//#endregion
+//#region src/components/steps/steps-indicator.d.ts
+interface StepsIndicatorBaseProps extends PolymorphicProps {}
+interface StepsIndicatorProps extends HTMLProps<"div">, StepsIndicatorBaseProps {}
+declare const StepsIndicator: react494.ForwardRefExoticComponent<StepsIndicatorProps & react494.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/steps/steps-item.d.ts
+interface StepsItemBaseProps extends ItemProps, PolymorphicProps {}
+interface StepsItemProps extends HTMLProps<"div">, StepsItemBaseProps {}
+declare const StepsItem: react494.ForwardRefExoticComponent<StepsItemProps & react494.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/steps/use-steps-item-context.d.ts
+interface UseStepsItemContext extends ItemState {}
+//#endregion
+//#region src/components/steps/steps-item-context.d.ts
+interface StepsItemContextProps {
+  children: (context: UseStepsItemContext) => ReactNode;
+}
+declare const StepsItemContext: {
+  (props: StepsItemContextProps): ReactNode;
+  displayName: string;
+};
+//#endregion
+//#region src/components/steps/steps-list.d.ts
+interface StepsListBaseProps extends PolymorphicProps {}
+interface StepsListProps extends HTMLProps<"div">, StepsListBaseProps {}
+declare const StepsList: react494.ForwardRefExoticComponent<StepsListProps & react494.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/steps/steps-next-trigger.d.ts
+interface StepsNextTriggerBaseProps extends PolymorphicProps {}
+interface StepsNextTriggerProps extends HTMLProps<"button">, StepsNextTriggerBaseProps {}
+declare const StepsNextTrigger: react494.ForwardRefExoticComponent<StepsNextTriggerProps & react494.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/steps/steps-prev-trigger.d.ts
+interface StepsPrevTriggerBaseProps extends PolymorphicProps {}
+interface StepsPrevTriggerProps extends HTMLProps<"button">, StepsPrevTriggerBaseProps {}
+declare const StepsPrevTrigger: react494.ForwardRefExoticComponent<StepsPrevTriggerProps & react494.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/steps/steps-progress.d.ts
+interface StepsProgressBaseProps extends PolymorphicProps {}
+interface StepsProgressProps extends HTMLProps<"div">, StepsProgressBaseProps {}
+declare const StepsProgress: react494.ForwardRefExoticComponent<StepsProgressProps & react494.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/steps/steps-root.d.ts
+interface StepsRootBaseProps extends UseStepsProps, PolymorphicProps {}
+interface StepsRootProps extends HTMLProps<"div">, StepsRootBaseProps {}
+declare const StepsRoot: react494.ForwardRefExoticComponent<StepsRootProps & react494.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/steps/steps-root-provider.d.ts
+interface RootProviderProps {
+  value: UseStepsReturn;
+}
+interface StepsRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface StepsRootProviderProps extends HTMLProps<"div">, StepsRootProviderBaseProps {}
+declare const StepsRootProvider: react494.ForwardRefExoticComponent<StepsRootProviderProps & react494.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/steps/steps-separator.d.ts
+interface StepsSeparatorBaseProps extends PolymorphicProps {}
+interface StepsSeparatorProps extends HTMLProps<"div">, StepsSeparatorBaseProps {}
+declare const StepsSeparator: react494.ForwardRefExoticComponent<StepsSeparatorProps & react494.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/steps/steps-trigger.d.ts
+interface StepsTriggerBaseProps extends PolymorphicProps {}
+interface StepsTriggerProps extends HTMLProps<"button">, StepsTriggerBaseProps {}
+declare const StepsTrigger: react494.ForwardRefExoticComponent<StepsTriggerProps & react494.RefAttributes<HTMLButtonElement>>;
+declare namespace steps_d_exports {
+  export { ChangeDetails, StepsCompletedContent as CompletedContent, StepsCompletedContentBaseProps as CompletedContentBaseProps, StepsCompletedContentProps as CompletedContentProps, StepsContent as Content, StepsContentBaseProps as ContentBaseProps, StepsContentProps as ContentProps, StepsContext as Context, StepsContextProps as ContextProps, StepsIndicator as Indicator, StepsIndicatorBaseProps as IndicatorBaseProps, StepsIndicatorProps as IndicatorProps, StepsItem as Item, StepsItemBaseProps as ItemBaseProps, StepsItemContext as ItemContext, StepsItemContextProps as ItemContextProps, StepsItemProps as ItemProps, StepsList as List, StepsListBaseProps as ListBaseProps, StepsListProps as ListProps, StepsNextTrigger as NextTrigger, StepsNextTriggerBaseProps as NextTriggerBaseProps, StepsNextTriggerProps as NextTriggerProps, StepsPrevTrigger as PrevTrigger, StepsPrevTriggerBaseProps as PrevTriggerBaseProps, StepsPrevTriggerProps as PrevTriggerProps, StepsProgress as Progress, StepsProgressBaseProps as ProgressBaseProps, StepsProgressProps as ProgressProps, StepsRoot as Root, StepsRootBaseProps as RootBaseProps, StepsRootProps as RootProps, StepsRootProvider as RootProvider, StepsRootProviderBaseProps as RootProviderBaseProps, StepsRootProviderProps as RootProviderProps, StepsSeparator as Separator, StepsSeparatorBaseProps as SeparatorBaseProps, StepsSeparatorProps as SeparatorProps, StepsTrigger as Trigger, StepsTriggerBaseProps as TriggerBaseProps, StepsTriggerProps as TriggerProps };
+}
+//#endregion
+export { type StepChangeDetails, steps_d_exports as Steps, StepsCompletedContent, type StepsCompletedContentBaseProps, type StepsCompletedContentProps, StepsContent, type StepsContentBaseProps, type StepsContentProps, StepsContext, type StepsContextProps, StepsIndicator, type StepsIndicatorBaseProps, type StepsIndicatorProps, StepsItem, type StepsItemBaseProps, StepsItemContext, type StepsItemContextProps, type StepsItemProps, StepsList, type StepsListBaseProps, type StepsListProps, StepsNextTrigger, type StepsNextTriggerBaseProps, type StepsNextTriggerProps, StepsPrevTrigger, type StepsPrevTriggerBaseProps, type StepsPrevTriggerProps, StepsProgress, type StepsProgressBaseProps, type StepsProgressProps, StepsRoot, type StepsRootBaseProps, type StepsRootProps, StepsRootProvider, type StepsRootProviderBaseProps, type StepsRootProviderProps, StepsSeparator, type StepsSeparatorBaseProps, type StepsSeparatorProps, StepsTrigger, type StepsTriggerBaseProps, type StepsTriggerProps, type UseStepsContext, type UseStepsItemContext, type UseStepsProps, type UseStepsReturn, stepsAnatomy, useSteps, useStepsContext, useStepsItemContext };