@ultraviolet/ui 3.11.0 → 3.12.0

package/dist/components/Stack/styles.css.ts.vanilla.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Stack/styles.css.ts.vanilla.css
+var init_styles_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/components/Stack/variables.css.js

@@ -1,10 +1,16 @@
-/* empty css                         */
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_variables_css_ts_vanilla } from "./variables.css.ts.vanilla.js";
 
 //#region src/components/Stack/variables.css.ts
-var widthVar = "var(--uv_4k0ekn0)";
-var maxWidthVar = "var(--uv_4k0ekn1)";
-var minWidthVar = "var(--uv_4k0ekn2)";
-var flexVar = "var(--uv_4k0ekn3)";
+var widthVar, maxWidthVar, minWidthVar, flexVar;
+var init_variables_css = __esmMin(() => {
+	init_variables_css_ts_vanilla();
+	widthVar = "var(--uv_4k0ekn0)";
+	maxWidthVar = "var(--uv_4k0ekn1)";
+	minWidthVar = "var(--uv_4k0ekn2)";
+	flexVar = "var(--uv_4k0ekn3)";
+});
 
 //#endregion
-export { flexVar, maxWidthVar, minWidthVar, widthVar };
+init_variables_css();
+export { flexVar, init_variables_css, maxWidthVar, minWidthVar, widthVar };

package/dist/components/Stack/variables.css.ts.vanilla.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Stack/variables.css.ts.vanilla.css
+var init_variables_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_variables_css_ts_vanilla();
+export { init_variables_css_ts_vanilla };

package/dist/components/Status/index.js

@@ -1,23 +1,26 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Tooltip } from "../Tooltip/index.js";
-import { animatedCircleStatus, circleStatus, status } from "./styles.css.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Tooltip, init_Tooltip } from "../Tooltip/index.js";
+import { init_styles_css, statusStyle } from "./styles.css.js";
 import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Status/index.tsx
-/**
-* Status component used to display a colored circle with a tooltip for additional information.
-*/
-const Status = ({ animated = false, className, tooltip, sentiment, "data-testid": dataTestId, notification, style }) => /* @__PURE__ */ jsx(Tooltip, {
-	text: tooltip,
-	children: /* @__PURE__ */ jsxs("span", {
-		className: cn(className, status({ notification })),
-		"data-testid": dataTestId,
-		style,
-		children: [animated ? /* @__PURE__ */ jsx("span", { className: animatedCircleStatus({ sentiment }) }) : null, /* @__PURE__ */ jsx("span", { className: circleStatus({ sentiment }) })]
-	})
+var Status;
+var init_Status = __esmMin(() => {
+	init_Tooltip();
+	init_styles_css();
+	Status = ({ animated = false, className, tooltip, sentiment, "data-testid": dataTestId, notification, style }) => /* @__PURE__ */ jsx(Tooltip, {
+		text: tooltip,
+		children: /* @__PURE__ */ jsxs("span", {
+			className: cn(className, statusStyle.status({ notification })),
+			"data-testid": dataTestId,
+			style,
+			children: [animated ? /* @__PURE__ */ jsx("span", { className: statusStyle.animatedCircle({ sentiment }) }) : null, /* @__PURE__ */ jsx("span", { className: statusStyle.circle({ sentiment }) })]
+		})
+	});
 });
 
 //#endregion
-export { Status };
+init_Status();
+export { Status, init_Status };

package/dist/components/Status/styles.css.d.ts

@@ -1,24 +1,26 @@
-export declare const circleStatus: import("@vanilla-extract/recipes").RuntimeFn<{
-    sentiment: {
-        [k: string]: {
-            backgroundColor: `var(--${string})`;
+export declare const statusStyle: {
+    circle: import("@vanilla-extract/recipes").RuntimeFn<{
+        sentiment: {
+            [k: string]: {
+                backgroundColor: `var(--${string})`;
+            };
         };
-    };
-}>;
-export declare const animatedCircleStatus: import("@vanilla-extract/recipes").RuntimeFn<{
-    sentiment: {
-        [k: string]: {
-            backgroundColor: `var(--${string})`;
+    }>;
+    animatedCircle: import("@vanilla-extract/recipes").RuntimeFn<{
+        sentiment: {
+            [k: string]: {
+                backgroundColor: `var(--${string})`;
+            };
         };
-    };
-}>;
-export declare const status: import("@vanilla-extract/recipes").RuntimeFn<{
-    notification: {
-        true: {
-            position: "absolute";
-            right: `var(--${string})`;
-            top: `var(--${string})`;
+    }>;
+    status: import("@vanilla-extract/recipes").RuntimeFn<{
+        notification: {
+            true: {
+                position: "absolute";
+                right: `var(--${string})`;
+                top: `var(--${string})`;
+            };
         };
-    };
-}>;
+    }>;
+};
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/Status/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Status/styles.css.ts"],"names":[],"mappings":"AA0BA,eAAO,MAAM,YAAY;;;;;;EAQvB,CAAA;AAEF,eAAO,MAAM,oBAAoB;;;;;;EAU/B,CAAA;AAEF,eAAO,MAAM,MAAM;;;;;;;;EAejB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Status/styles.css.ts"],"names":[],"mappings":"AAgEA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;CAAqC,CAAA"}

package/dist/components/Status/styles.css.js

@@ -1,38 +1,47 @@
-/* empty css                                                 */
-/* empty css                      */
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_animationsVanillaExtract_css_ts_vanilla } from "../../utils/animations/animationsVanillaExtract.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/Status/styles.css.ts
-var circleStatus = createRuntimeFn({
-	defaultClassName: "uv_bt4zrj0",
-	variantClassNames: { sentiment: {
-		danger: "uv_bt4zrj1",
-		info: "uv_bt4zrj2",
-		neutral: "uv_bt4zrj3",
-		success: "uv_bt4zrj4",
-		warning: "uv_bt4zrj5"
-	} },
-	defaultVariants: {},
-	compoundVariants: []
-});
-var animatedCircleStatus = createRuntimeFn({
-	defaultClassName: "uv_bt4zrj6",
-	variantClassNames: { sentiment: {
-		danger: "uv_bt4zrj7",
-		info: "uv_bt4zrj8",
-		neutral: "uv_bt4zrj9",
-		success: "uv_bt4zrja",
-		warning: "uv_bt4zrjb"
-	} },
-	defaultVariants: {},
-	compoundVariants: []
-});
-var status = createRuntimeFn({
-	defaultClassName: "uv_bt4zrjc",
-	variantClassNames: { notification: { true: "uv_bt4zrjd" } },
-	defaultVariants: {},
-	compoundVariants: []
+var statusStyle;
+var init_styles_css = __esmMin(() => {
+	init_animationsVanillaExtract_css_ts_vanilla();
+	init_styles_css_ts_vanilla();
+	statusStyle = {
+		circle: createRuntimeFn({
+			defaultClassName: "uv_bt4zrj0",
+			variantClassNames: { sentiment: {
+				danger: "uv_bt4zrj1",
+				info: "uv_bt4zrj2",
+				neutral: "uv_bt4zrj3",
+				success: "uv_bt4zrj4",
+				warning: "uv_bt4zrj5"
+			} },
+			defaultVariants: {},
+			compoundVariants: []
+		}),
+		animatedCircle: createRuntimeFn({
+			defaultClassName: "uv_bt4zrj6",
+			variantClassNames: { sentiment: {
+				danger: "uv_bt4zrj7",
+				info: "uv_bt4zrj8",
+				neutral: "uv_bt4zrj9",
+				success: "uv_bt4zrja",
+				warning: "uv_bt4zrjb"
+			} },
+			defaultVariants: {},
+			compoundVariants: []
+		}),
+		status: createRuntimeFn({
+			defaultClassName: "uv_bt4zrjc",
+			variantClassNames: { notification: { true: "uv_bt4zrjd" } },
+			defaultVariants: {},
+			compoundVariants: []
+		})
+	};
 });
 
 //#endregion
-export { animatedCircleStatus, circleStatus, status };
+init_styles_css();
+export { init_styles_css, statusStyle };

package/dist/components/Status/styles.css.ts.vanilla.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Status/styles.css.ts.vanilla.css
+var init_styles_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/components/StepList/index.js

@@ -1,37 +1,39 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Bullet } from "../Bullet/index.js";
-import { step, stepDiv, steps } from "./styles.css.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Bullet, init_Bullet } from "../Bullet/index.js";
+import { init_styles_css, stepListStyle } from "./styles.css.js";
 import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/StepList/index.tsx
-const Item = ({ bulletContent, sentiment, prominence, children, onClick, onKeyDown, size = "medium", disabled = false, className }) => /* @__PURE__ */ jsxs("li", {
-	className: cn(className, step({ disabled })),
-	onClick,
-	onKeyDown,
-	children: [bulletContent ? /* @__PURE__ */ jsx(Bullet, {
-		disabled,
-		prominence,
-		sentiment,
-		size,
-		children: bulletContent
-	}) : null, /* @__PURE__ */ jsx("div", {
-		className: stepDiv({ size }),
+var Item, StepList;
+var init_StepList = __esmMin(() => {
+	init_Bullet();
+	init_styles_css();
+	Item = ({ bulletContent, sentiment, prominence, children, onClick, onKeyDown, size = "medium", disabled = false, className }) => /* @__PURE__ */ jsxs("li", {
+		className: cn(className, stepListStyle.step({ disabled })),
+		onClick,
+		onKeyDown,
+		children: [bulletContent ? /* @__PURE__ */ jsx(Bullet, {
+			disabled,
+			prominence,
+			sentiment,
+			size,
+			children: bulletContent
+		}) : null, /* @__PURE__ */ jsx("div", {
+			className: stepListStyle.stepDiv({ size }),
+			children
+		})]
+	});
+	StepList = ({ children, className, style, "data-testid": dataTestId }) => /* @__PURE__ */ jsx("ul", {
+		className: cn(className, stepListStyle.steps),
+		"data-testid": dataTestId,
+		style,
 		children
-	})]
-});
-/**
-* StepList component is used to display a list of steps.
-* @experimental This component is experimental and may be subject to breaking changes in the future.
-*/
-const StepList = ({ children, className, style, "data-testid": dataTestId }) => /* @__PURE__ */ jsx("ul", {
-	className: cn(className, steps),
-	"data-testid": dataTestId,
-	style,
-	children
+	});
+	StepList.Item = Item;
 });
-StepList.Item = Item;
 
 //#endregion
-export { StepList };
+init_StepList();
+export { StepList, init_StepList };

package/dist/components/StepList/styles.css.d.ts

@@ -1,24 +1,26 @@
-export declare const steps: string;
-export declare const step: import("@vanilla-extract/recipes").RuntimeFn<{
-    disabled: {
-        false: {
-            color: `var(--${string})`;
+export declare const stepListStyle: {
+    steps: string;
+    step: import("@vanilla-extract/recipes").RuntimeFn<{
+        disabled: {
+            false: {
+                color: `var(--${string})`;
+            };
+            true: {
+                color: `var(--${string})`;
+            };
         };
-        true: {
-            color: `var(--${string})`;
+    }>;
+    stepDiv: import("@vanilla-extract/recipes").RuntimeFn<{
+        size: {
+            medium: {
+                fontSize: "24px";
+                lineHeight: "32px";
+            };
+            small: {
+                fontSize: "16px";
+                lineHeight: "24px";
+            };
         };
-    };
-}>;
-export declare const stepDiv: import("@vanilla-extract/recipes").RuntimeFn<{
-    size: {
-        medium: {
-            fontSize: "24px";
-            lineHeight: "32px";
-        };
-        small: {
-            fontSize: "16px";
-            lineHeight: "24px";
-        };
-    };
-}>;
+    }>;
+};
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/StepList/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/StepList/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK,QAQhB,CAAA;AAEF,eAAO,MAAM,IAAI;;;;;;;;;EAiBf,CAAA;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;EAkBlB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/StepList/styles.css.ts"],"names":[],"mappings":"AAoDA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;CAA2B,CAAA"}

package/dist/components/StepList/styles.css.js

@@ -1,26 +1,34 @@
-/* empty css                      */
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/StepList/styles.css.ts
-var steps = "uv_1g1au380";
-var step = createRuntimeFn({
-	defaultClassName: "uv_1g1au381",
-	variantClassNames: { disabled: {
-		false: "uv_1g1au382",
-		true: "uv_1g1au383"
-	} },
-	defaultVariants: {},
-	compoundVariants: []
-});
-var stepDiv = createRuntimeFn({
-	defaultClassName: "uv_1g1au384",
-	variantClassNames: { size: {
-		medium: "uv_1g1au385",
-		small: "uv_1g1au386"
-	} },
-	defaultVariants: {},
-	compoundVariants: []
+var stepListStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	stepListStyle = {
+		steps: "uv_1g1au380",
+		step: createRuntimeFn({
+			defaultClassName: "uv_1g1au381",
+			variantClassNames: { disabled: {
+				false: "uv_1g1au382",
+				true: "uv_1g1au383"
+			} },
+			defaultVariants: {},
+			compoundVariants: []
+		}),
+		stepDiv: createRuntimeFn({
+			defaultClassName: "uv_1g1au384",
+			variantClassNames: { size: {
+				medium: "uv_1g1au385",
+				small: "uv_1g1au386"
+			} },
+			defaultVariants: {},
+			compoundVariants: []
+		})
+	};
 });
 
 //#endregion
-export { step, stepDiv, steps };
+init_styles_css();
+export { init_styles_css, stepListStyle };

package/dist/components/StepList/styles.css.ts.vanilla.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/StepList/styles.css.ts.vanilla.css
+var init_styles_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/components/Stepper/Step.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Step.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAerD,KAAK,SAAS,GAAG;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,IAAI,qJAkHhB,CAAA"}
+{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Step.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQrD,KAAK,SAAS,GAAG;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,IAAI,qJAkHhB,CAAA"}

package/dist/components/Stepper/Step.js

@@ -1,85 +1,94 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../Stack/index.js";
-import { Text } from "../Text/index.js";
-import { Bullet } from "../Bullet/index.js";
-import { useStepper } from "./StepperProvider.js";
-import { animationStepperContainer, stepBullet, stepContainer, stepText, stepperContainerRecipe, stepperInteractive } from "./styles.css.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../Stack/index.js";
+import { Text, init_Text } from "../Text/index.js";
+import { Bullet, init_Bullet } from "../Bullet/index.js";
+import { init_StepperProvider, useStepper } from "./StepperProvider.js";
+import { init_styles_css, stepperStyle } from "./styles.css.js";
 import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckIcon } from "@ultraviolet/icons/CheckIcon";
 
 //#region src/components/Stepper/Step.tsx
-const Step = ({ index = 0, onClick, disabled = false, title, children, className, style, "data-testid": dataTestId }) => {
-	const { separator, labelPosition, animated, size, interactive, step, setStep } = useStepper();
-	const isActive = index === step;
-	const isDone = index < step;
-	const separatorBottom = separator && labelPosition === "bottom";
-	const interactiveDone = isDone && interactive;
-	const textVariant = useMemo(() => {
-		if (size === "medium") return isActive ? "bodyStrong" : "body";
-		return isActive ? "bodySmallStrong" : "bodySmall";
-	}, [size, isActive]);
-	return /* @__PURE__ */ jsxs(Stack, {
-		alignItems: "center",
-		className: cn(className !== null && className !== void 0 ? className : "step", stepContainer, separatorBottom ? stepperContainerRecipe({
-			animated,
-			disabled,
-			done: isDone,
-			labelPosition,
-			separator,
-			size
-		}) : "", isActive && separator && animated ? animationStepperContainer[size] : "", interactiveDone && !disabled ? stepperInteractive[isActive ? "active" : "inactive"] : ""),
-		"data-testid": dataTestId !== null && dataTestId !== void 0 ? dataTestId : `stepper-step-${index}`,
-		direction: labelPosition === "right" ? "row" : "column",
-		gap: labelPosition === "right" ? 1 : 0,
-		justifyContent: "flex-start",
-		onClick: () => {
-			if (interactive && !disabled) {
-				if (index < step) setStep(index);
-				onClick === null || onClick === void 0 || onClick(index);
-			}
-		},
-		style,
-		children: [
-			isDone && !disabled ? /* @__PURE__ */ jsx(Bullet, {
-				className: stepBullet({
-					disabled,
-					isActive,
-					size
-				}),
-				prominence: "default",
-				sentiment: "primary",
-				size,
-				children: /* @__PURE__ */ jsx(CheckIcon, {})
-			}) : /* @__PURE__ */ jsx(Bullet, {
-				className: stepBullet({
-					disabled,
-					isActive,
-					size
-				}),
-				prominence: "strong",
-				sentiment: isDone || isActive ? "primary" : "neutral",
-				size,
-				children: (index + 1).toString()
-			}),
-			title ? /* @__PURE__ */ jsx(Text, {
-				as: "span",
-				className: stepText({
-					addMarginTop: separator && labelPosition !== "right",
-					disabled
+var Step;
+var init_Step = __esmMin(() => {
+	init_Bullet();
+	init_Stack();
+	init_Text();
+	init_StepperProvider();
+	init_styles_css();
+	Step = ({ index = 0, onClick, disabled = false, title, children, className, style, "data-testid": dataTestId }) => {
+		const { separator, labelPosition, animated, size, interactive, step, setStep } = useStepper();
+		const isActive = index === step;
+		const isDone = index < step;
+		const separatorBottom = separator && labelPosition === "bottom";
+		const interactiveDone = isDone && interactive;
+		const textVariant = useMemo(() => {
+			if (size === "medium") return isActive ? "bodyStrong" : "body";
+			return isActive ? "bodySmallStrong" : "bodySmall";
+		}, [size, isActive]);
+		return /* @__PURE__ */ jsxs(Stack, {
+			alignItems: "center",
+			className: cn(className !== null && className !== void 0 ? className : "step", stepperStyle.stepContainer, separatorBottom ? stepperStyle.containerRecipe({
+				animated,
+				disabled,
+				done: isDone,
+				labelPosition,
+				separator,
+				size
+			}) : "", isActive && separator && animated ? stepperStyle.animationStepperContainer[size] : "", interactiveDone && !disabled ? stepperStyle.interactive[isActive ? "active" : "inactive"] : ""),
+			"data-testid": dataTestId !== null && dataTestId !== void 0 ? dataTestId : `stepper-step-${index}`,
+			direction: labelPosition === "right" ? "row" : "column",
+			gap: labelPosition === "right" ? 1 : 0,
+			justifyContent: "flex-start",
+			onClick: () => {
+				if (interactive && !disabled) {
+					if (index < step) setStep(index);
+					onClick === null || onClick === void 0 || onClick(index);
+				}
+			},
+			style,
+			children: [
+				isDone && !disabled ? /* @__PURE__ */ jsx(Bullet, {
+					className: stepperStyle.stepBullet({
+						disabled,
+						isActive,
+						size
+					}),
+					prominence: "default",
+					sentiment: "primary",
+					size,
+					children: /* @__PURE__ */ jsx(CheckIcon, {})
+				}) : /* @__PURE__ */ jsx(Bullet, {
+					className: stepperStyle.stepBullet({
+						disabled,
+						isActive,
+						size
+					}),
+					prominence: "strong",
+					sentiment: isDone || isActive ? "primary" : "neutral",
+					size,
+					children: (index + 1).toString()
 				}),
-				prominence: isDone || isActive ? "default" : "weak",
-				sentiment: isActive ? "primary" : "neutral",
-				variant: textVariant,
-				whiteSpace: "normal",
-				children: title
-			}) : null,
-			children !== null && children !== void 0 ? children : null
-		]
-	});
-};
+				title ? /* @__PURE__ */ jsx(Text, {
+					as: "span",
+					className: stepperStyle.stepText({
+						addMarginTop: separator && labelPosition !== "right",
+						disabled
+					}),
+					prominence: isDone || isActive ? "default" : "weak",
+					sentiment: isActive ? "primary" : "neutral",
+					variant: textVariant,
+					whiteSpace: "normal",
+					children: title
+				}) : null,
+				children !== null && children !== void 0 ? children : null
+			]
+		});
+	};
+});
 
 //#endregion
-export { Step };
+init_Step();
+export { Step, init_Step };