@wirekyt/vue 0.0.1 → 0.0.2

package/dist/steps.cjs

@@ -0,0 +1,348 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
+const require_utils = require("./utils-XrBZd2Yk.cjs");
+const require_providers = require("./providers-5QhcwgSd.cjs");
+const require_clean_props = require("./clean-props-MyKqus13.cjs");
+const require_factory = require("./factory-JL7MPjkk.cjs");
+let vue = require("vue");
+let _wirekyt_dom_machines_steps = require("@wirekyt/dom/machines/steps");
+_wirekyt_dom_machines_steps = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_steps, 1);
+//#region src/components/steps/use-context.ts
+const [StepsProvider, useStepsContext] = require_utils.createContext("StepsContext");
+//#endregion
+//#region src/components/steps/completed-content.vue
+const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "completed-content",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const steps = useStepsContext();
+		const itemProps = (0, vue.computed)(() => ({ index: steps.value.count }));
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(steps).getContentProps(itemProps.value), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/steps/content.vue
+const _sfc_main$1 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "content",
+	props: {
+		asChild: { type: Boolean },
+		index: {}
+	},
+	setup(__props) {
+		const itemProps = __props;
+		const steps = useStepsContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(steps).getContentProps(itemProps), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/steps/context.vue
+const _sfc_main$2 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "context",
+	setup(__props) {
+		const steps = useStepsContext();
+		return (_ctx, _cache) => {
+			return (0, vue.renderSlot)(_ctx.$slots, "default", (0, vue.normalizeProps)((0, vue.guardReactiveProps)((0, vue.unref)(steps))));
+		};
+	}
+});
+//#endregion
+//#region src/components/steps/use-item-props-context.ts
+const [StepsItemPropsProvider, useStepsItemPropsContext] = require_utils.createContext("StepsItemPropsContext");
+//#endregion
+//#region src/components/steps/indicator.vue
+const _sfc_main$3 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "indicator",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const steps = useStepsContext();
+		const itemProps = useStepsItemPropsContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(steps).getIndicatorProps((0, vue.unref)(itemProps)), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/steps/use-item-context.ts
+const [StepsItemProvider, useStepsItemContext] = require_utils.createContext("StepsItemContext");
+//#endregion
+//#region src/components/steps/item-context.vue
+const _sfc_main$5 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "item-context",
+	setup(__props) {
+		const itemContext = useStepsItemContext();
+		return (_ctx, _cache) => {
+			return (0, vue.renderSlot)(_ctx.$slots, "default", (0, vue.normalizeProps)((0, vue.guardReactiveProps)((0, vue.unref)(itemContext))));
+		};
+	}
+});
+//#endregion
+//#region src/components/steps/item.vue
+const _sfc_main$4 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "item",
+	props: {
+		index: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const steps = useStepsContext();
+		const itemState = (0, vue.computed)(() => steps.value.getItemState(props));
+		StepsItemPropsProvider(props);
+		StepsItemProvider(itemState);
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(steps).getItemProps(props), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/steps/list.vue
+const _sfc_main$6 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "list",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const steps = useStepsContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(steps).getListProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/steps/next-trigger.vue
+const _sfc_main$7 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "next-trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const steps = useStepsContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).button, (0, vue.mergeProps)((0, vue.unref)(steps).getNextTriggerProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/steps/prev-trigger.vue
+const _sfc_main$8 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "prev-trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const steps = useStepsContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).button, (0, vue.mergeProps)((0, vue.unref)(steps).getPrevTriggerProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/steps/progress.vue
+const _sfc_main$9 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "progress",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const steps = useStepsContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(steps).getProgressProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/steps/root-provider.vue
+const _sfc_main$11 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "root-provider",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const steps = (0, vue.computed)(() => props.value);
+		StepsProvider(steps);
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)(steps.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/steps/use-steps.ts
+function useSteps(props = {}, emit) {
+	const env = require_providers.useEnvironmentContext(require_providers.DEFAULT_ENVIRONMENT);
+	const locale = require_providers.useLocaleContext(require_providers.DEFAULT_LOCALE);
+	const id = (0, vue.useId)();
+	const context = (0, vue.computed)(() => {
+		const localProps = (0, vue.toValue)(props);
+		return {
+			id,
+			dir: locale.value.dir,
+			getRootNode: env?.value?.getRootNode,
+			...require_clean_props.cleanProps(localProps),
+			onStepChange: (details) => {
+				emit?.("stepChange", details);
+				emit?.("update:step", details.step);
+				localProps.onStepChange?.(details);
+			},
+			onStepComplete: () => {
+				emit?.("stepComplete");
+				localProps.onStepComplete?.();
+			},
+			onStepInvalid: (details) => {
+				emit?.("stepInvalid", details);
+				localProps.onStepInvalid?.(details);
+			}
+		};
+	});
+	const service = require_utils.useMachine(_wirekyt_dom_machines_steps.machine, context);
+	return (0, vue.computed)(() => _wirekyt_dom_machines_steps.connect(service, require_utils.normalizeProps));
+}
+//#endregion
+//#region src/components/steps/root.vue
+const _sfc_main$10 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "root",
+	props: /*@__PURE__*/ (0, vue.mergeDefaults)({
+		count: {},
+		defaultStep: {},
+		id: {},
+		ids: {},
+		isStepSkippable: { type: Function },
+		isStepValid: { type: Function },
+		linear: { type: Boolean },
+		orientation: {},
+		step: {},
+		asChild: { type: Boolean }
+	}, { linear: void 0 }),
+	emits: [
+		"stepChange",
+		"stepComplete",
+		"stepInvalid",
+		"update:step"
+	],
+	setup(__props, { emit: __emit }) {
+		const steps = useSteps(__props, __emit);
+		StepsProvider(steps);
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(steps).getRootProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/steps/separator.vue
+const _sfc_main$12 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "separator",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const steps = useStepsContext();
+		const itemProps = useStepsItemPropsContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(steps).getSeparatorProps((0, vue.unref)(itemProps)), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/steps/trigger.vue
+const _sfc_main$13 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const steps = useStepsContext();
+		const itemProps = useStepsItemPropsContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).button, (0, vue.mergeProps)((0, vue.unref)(steps).getTriggerProps((0, vue.unref)(itemProps)), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/steps/steps.ts
+var steps_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	CompletedContent: () => _sfc_main,
+	Content: () => _sfc_main$1,
+	Context: () => _sfc_main$2,
+	Indicator: () => _sfc_main$3,
+	Item: () => _sfc_main$4,
+	ItemContext: () => _sfc_main$5,
+	List: () => _sfc_main$6,
+	NextTrigger: () => _sfc_main$7,
+	PrevTrigger: () => _sfc_main$8,
+	Progress: () => _sfc_main$9,
+	Root: () => _sfc_main$10,
+	RootProvider: () => _sfc_main$11,
+	Separator: () => _sfc_main$12,
+	Trigger: () => _sfc_main$13
+});
+//#endregion
+Object.defineProperty(exports, "Steps", {
+	enumerable: true,
+	get: function() {
+		return steps_exports;
+	}
+});
+exports.StepsCompletedContent = _sfc_main;
+exports.StepsContent = _sfc_main$1;
+exports.StepsContext = _sfc_main$2;
+exports.StepsIndicator = _sfc_main$3;
+exports.StepsItem = _sfc_main$4;
+exports.StepsItemContext = _sfc_main$5;
+exports.StepsList = _sfc_main$6;
+exports.StepsNextTrigger = _sfc_main$7;
+exports.StepsPrevTrigger = _sfc_main$8;
+exports.StepsProgress = _sfc_main$9;
+exports.StepsRoot = _sfc_main$10;
+exports.StepsRootProvider = _sfc_main$11;
+exports.StepsSeparator = _sfc_main$12;
+exports.StepsTrigger = _sfc_main$13;
+Object.defineProperty(exports, "stepsAnatomy", {
+	enumerable: true,
+	get: function() {
+		return _wirekyt_dom_machines_steps.anatomy;
+	}
+});
+exports.useSteps = useSteps;
+exports.useStepsContext = useStepsContext;
+exports.useStepsItemContext = useStepsItemContext;

package/dist/steps.d.cts

@@ -0,0 +1,289 @@
+import { a as PolymorphicProps } from "./factory-BNwuanv4.cjs";
+import { i as EmitFn$1, l as PropTypes, o as Optional } from "./index-B-o8jLyV.cjs";
+import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
+import * as steps from "@wirekyt/dom/machines/steps";
+import { ItemProps, ItemState, StepChangeDetails, StepChangeDetails as StepChangeDetails$1, anatomy as stepsAnatomy } from "@wirekyt/dom/machines/steps";
+//#region src/components/steps/completed-content.vue.d.ts
+interface StepsCompletedContentBaseProps extends PolymorphicProps {}
+interface StepsCompletedContentProps extends StepsCompletedContentBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default: typeof __VLS_export$13;
+declare const __VLS_export$13: __VLS_WithSlots$13<import("vue").DefineComponent<StepsCompletedContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StepsCompletedContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$13<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/steps/content.vue.d.ts
+interface StepsContentBaseProps extends PolymorphicProps, ItemProps {}
+interface StepsContentProps extends StepsContentBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$1: typeof __VLS_export$12;
+declare const __VLS_export$12: __VLS_WithSlots$12<import("vue").DefineComponent<StepsContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StepsContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$12<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/steps/types.d.ts
+interface RootProps {
+  count?: number;
+  defaultStep?: number;
+  id?: string;
+  ids?: steps.ElementIds;
+  isStepSkippable?: (index: number) => boolean;
+  isStepValid?: (index: number) => boolean;
+  linear?: boolean;
+  orientation?: "horizontal" | "vertical";
+  step?: number;
+}
+type RootEmits = {
+  stepChange: [details: steps.StepChangeDetails];
+  stepComplete: [];
+  stepInvalid: [details: steps.StepInvalidDetails];
+  "update:step": [step: number];
+};
+//#endregion
+//#region src/components/steps/use-steps.d.ts
+interface UseStepsProps extends Optional<Omit<steps.Props, "dir" | "getRootNode">, "id"> {}
+interface UseStepsReturn extends ComputedRef<steps.Api<PropTypes>> {}
+declare function useSteps(props?: MaybeRef<UseStepsProps>, emit?: EmitFn$1<RootEmits>): UseStepsReturn;
+//#endregion
+//#region src/components/steps/use-context.d.ts
+interface UseStepsContext extends UseStepsReturn {}
+declare const StepsProvider: (opts: UseStepsContext) => void, useStepsContext: (fallback?: UseStepsContext | undefined) => UseStepsContext;
+//#endregion
+//#region src/components/steps/context.vue.d.ts
+interface StepsContextProps extends SlotsType<{
+  default: UnwrapRef<UseStepsContext>;
+}> {}
+declare const _default$2: typeof __VLS_export$11;
+declare const __VLS_export$11: __VLS_WithSlots$11<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+  default(context: UnwrapRef<UseStepsContext>): unknown;
+}>;
+type __VLS_WithSlots$11<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/steps/indicator.vue.d.ts
+interface StepsIndicatorBaseProps extends PolymorphicProps {}
+interface StepsIndicatorProps extends StepsIndicatorBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$3: typeof __VLS_export$10;
+declare const __VLS_export$10: __VLS_WithSlots$10<import("vue").DefineComponent<StepsIndicatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StepsIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$10<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/steps/use-item-context.d.ts
+interface UseStepsItemContext extends ComputedRef<ItemState> {}
+declare const StepsItemProvider: (opts: UseStepsItemContext) => void, useStepsItemContext: (fallback?: UseStepsItemContext | undefined) => UseStepsItemContext;
+//#endregion
+//#region src/components/steps/item-context.vue.d.ts
+interface StepsItemContextProps extends SlotsType<{
+  default: UnwrapRef<UseStepsItemContext>;
+}> {}
+declare const _default$5: typeof __VLS_export$9;
+declare const __VLS_export$9: __VLS_WithSlots$9<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+  default(context: UnwrapRef<UseStepsItemContext>): unknown;
+}>;
+type __VLS_WithSlots$9<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/steps/item.vue.d.ts
+interface StepsItemBaseProps extends ItemProps, PolymorphicProps {}
+interface StepsItemProps extends StepsItemBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$4: typeof __VLS_export$8;
+declare const __VLS_export$8: __VLS_WithSlots$8<import("vue").DefineComponent<StepsItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StepsItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$8<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/steps/list.vue.d.ts
+interface StepsListBaseProps extends PolymorphicProps {}
+interface StepsListProps extends StepsListBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$6: typeof __VLS_export$7;
+declare const __VLS_export$7: __VLS_WithSlots$7<import("vue").DefineComponent<StepsListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StepsListProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$7<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/steps/next-trigger.vue.d.ts
+interface StepsNextTriggerBaseProps extends PolymorphicProps {}
+interface StepsNextTriggerProps extends StepsNextTriggerBaseProps,
+/**
+ * @vue-ignore
+ */
+ButtonHTMLAttributes {}
+declare const _default$7: typeof __VLS_export$6;
+declare const __VLS_export$6: __VLS_WithSlots$6<import("vue").DefineComponent<StepsNextTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StepsNextTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$6<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/steps/prev-trigger.vue.d.ts
+interface StepsPrevTriggerBaseProps extends PolymorphicProps {}
+interface StepsPrevTriggerProps extends StepsPrevTriggerBaseProps,
+/**
+ * @vue-ignore
+ */
+ButtonHTMLAttributes {}
+declare const _default$8: typeof __VLS_export$5;
+declare const __VLS_export$5: __VLS_WithSlots$5<import("vue").DefineComponent<StepsPrevTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StepsPrevTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$5<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/steps/progress.vue.d.ts
+interface StepsProgressBaseProps extends PolymorphicProps {}
+interface StepsProgressProps extends StepsProgressBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$9: typeof __VLS_export$4;
+declare const __VLS_export$4: __VLS_WithSlots$4<import("vue").DefineComponent<StepsProgressProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StepsProgressProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$4<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/steps/root-provider.vue.d.ts
+interface RootProviderProps {
+  value: UnwrapRef<UseStepsReturn>;
+}
+interface StepsRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface StepsRootProviderProps extends StepsRootProviderBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$11: typeof __VLS_export$3;
+declare const __VLS_export$3: __VLS_WithSlots$3<import("vue").DefineComponent<StepsRootProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StepsRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/steps/root.vue.d.ts
+interface StepsRootBaseProps extends RootProps, PolymorphicProps {}
+interface StepsRootProps extends StepsRootBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+interface StepsRootEmits extends RootEmits {}
+declare const _default$10: typeof __VLS_export$2;
+declare const __VLS_export$2: __VLS_WithSlots$2<import("vue").DefineComponent<StepsRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  stepChange: (details: import("@wirekyt/dom/machines/steps").StepChangeDetails) => any;
+  stepComplete: () => any;
+  stepInvalid: (details: import("@wirekyt/dom/machines/steps").StepInvalidDetails) => any;
+  "update:step": (step: number) => any;
+}, string, import("vue").PublicProps, Readonly<StepsRootProps> & Readonly<{
+  onStepChange?: ((details: import("@wirekyt/dom/machines/steps").StepChangeDetails) => any) | undefined;
+  onStepComplete?: (() => any) | undefined;
+  onStepInvalid?: ((details: import("@wirekyt/dom/machines/steps").StepInvalidDetails) => any) | undefined;
+  "onUpdate:step"?: ((step: number) => any) | undefined;
+}>, {
+  linear: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/steps/separator.vue.d.ts
+interface StepsSeparatorBaseProps extends PolymorphicProps {}
+interface StepsSeparatorProps extends StepsSeparatorBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$12: typeof __VLS_export$1;
+declare const __VLS_export$1: __VLS_WithSlots$1<import("vue").DefineComponent<StepsSeparatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StepsSeparatorProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/steps/trigger.vue.d.ts
+interface StepsTriggerBaseProps extends PolymorphicProps {}
+interface StepsTriggerProps extends StepsTriggerBaseProps,
+/**
+ * @vue-ignore
+ */
+ButtonHTMLAttributes {}
+declare const _default$13: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<StepsTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StepsTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+declare namespace steps_d_exports {
+  export { _default as CompletedContent, StepsCompletedContentBaseProps as CompletedContentBaseProps, StepsCompletedContentProps as CompletedContentProps, _default$1 as Content, StepsContentBaseProps as ContentBaseProps, StepsContentProps as ContentProps, _default$2 as Context, StepsContextProps as ContextProps, _default$3 as Indicator, StepsIndicatorBaseProps as IndicatorBaseProps, StepsIndicatorProps as IndicatorProps, _default$4 as Item, StepsItemBaseProps as ItemBaseProps, _default$5 as ItemContext, StepsItemContextProps as ItemContextProps, StepsItemProps as ItemProps, _default$6 as List, StepsListBaseProps as ListBaseProps, StepsListProps as ListProps, _default$7 as NextTrigger, StepsNextTriggerBaseProps as NextTriggerBaseProps, StepsNextTriggerProps as NextTriggerProps, _default$8 as PrevTrigger, StepsPrevTriggerBaseProps as PrevTriggerBaseProps, StepsPrevTriggerProps as PrevTriggerProps, _default$9 as Progress, StepsProgressBaseProps as ProgressBaseProps, StepsProgressProps as ProgressProps, _default$10 as Root, StepsRootBaseProps as RootBaseProps, StepsRootEmits as RootEmits, StepsRootProps as RootProps, _default$11 as RootProvider, StepsRootProviderBaseProps as RootProviderBaseProps, StepsRootProviderProps as RootProviderProps, _default$12 as Separator, StepsSeparatorBaseProps as SeparatorBaseProps, StepsSeparatorProps as SeparatorProps, StepChangeDetails$1 as StepChangeDetails, _default$13 as Trigger, StepsTriggerBaseProps as TriggerBaseProps, StepsTriggerProps as TriggerProps };
+}
+//#endregion
+export { type StepChangeDetails, steps_d_exports as Steps, _default as StepsCompletedContent, type StepsCompletedContentBaseProps, type StepsCompletedContentProps, _default$1 as StepsContent, type StepsContentBaseProps, type StepsContentProps, _default$2 as StepsContext, type StepsContextProps, _default$3 as StepsIndicator, type StepsIndicatorBaseProps, type StepsIndicatorProps, _default$4 as StepsItem, type StepsItemBaseProps, _default$5 as StepsItemContext, type StepsItemContextProps, type StepsItemProps, _default$6 as StepsList, type StepsListBaseProps, type StepsListProps, _default$7 as StepsNextTrigger, type StepsNextTriggerBaseProps, type StepsNextTriggerProps, _default$8 as StepsPrevTrigger, type StepsPrevTriggerBaseProps, type StepsPrevTriggerProps, _default$9 as StepsProgress, type StepsProgressBaseProps, type StepsProgressProps, _default$10 as StepsRoot, type StepsRootBaseProps, type StepsRootProps, _default$11 as StepsRootProvider, type StepsRootProviderBaseProps, type StepsRootProviderProps, _default$12 as StepsSeparator, type StepsSeparatorBaseProps, type StepsSeparatorProps, _default$13 as StepsTrigger, type StepsTriggerBaseProps, type StepsTriggerProps, type UseStepsContext, type UseStepsItemContext, type UseStepsProps, type UseStepsReturn, stepsAnatomy, useSteps, useStepsContext, useStepsItemContext };