@ultraviolet/ui 3.11.1 → 3.12.0

package/dist/components/Stepper/StepperProvider.js

@@ -1,46 +1,47 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 import { createContext, useContext, useEffect, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Stepper/StepperProvider.tsx
-const StepperContext = createContext({
-	animated: false,
-	interactive: false,
-	labelPosition: "bottom",
-	separator: true,
-	setStep: () => {},
-	size: "medium",
-	step: 0
-});
-const useStepper = () => useContext(StepperContext);
-/**
-* Stepper component to show the progress of a process in a linear way.
-*/
-const StepperProvider = ({ children, interactive, selected, animated, labelPosition, size, separator }) => {
-	const [step, setStep] = useState(useMemo(() => selected, [selected]));
-	const value = useMemo(() => ({
-		animated,
-		interactive,
-		labelPosition,
-		separator,
-		setStep,
-		size,
-		step
-	}), [
-		step,
-		interactive,
-		size,
-		animated,
-		labelPosition,
-		separator
-	]);
-	useEffect(() => setStep(selected), [selected]);
-	return /* @__PURE__ */ jsx(StepperContext.Provider, {
-		value,
-		children
+var StepperContext, useStepper, StepperProvider;
+var init_StepperProvider = __esmMin(() => {
+	StepperContext = createContext({
+		animated: false,
+		interactive: false,
+		labelPosition: "bottom",
+		separator: true,
+		setStep: () => {},
+		size: "medium",
+		step: 0
 	});
-};
+	useStepper = () => useContext(StepperContext);
+	StepperProvider = ({ children, interactive, selected, animated, labelPosition, size, separator }) => {
+		const [step, setStep] = useState(useMemo(() => selected, [selected]));
+		const value = useMemo(() => ({
+			animated,
+			interactive,
+			labelPosition,
+			separator,
+			setStep,
+			size,
+			step
+		}), [
+			step,
+			interactive,
+			size,
+			animated,
+			labelPosition,
+			separator
+		]);
+		useEffect(() => setStep(selected), [selected]);
+		return /* @__PURE__ */ jsx(StepperContext.Provider, {
+			value,
+			children
+		});
+	};
+});
 
 //#endregion
-export { StepperProvider, useStepper };
+init_StepperProvider();
+export { StepperProvider, init_StepperProvider, useStepper };

package/dist/components/Stepper/index.js

@@ -1,51 +1,59 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
-import { StepperProvider } from "./StepperProvider.js";
-import { stepperContainer, stepperLine } from "./styles.css.js";
-import { Step } from "./Step.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.115.0/helpers/objectSpread2.js";
+import { StepperProvider, init_StepperProvider } from "./StepperProvider.js";
+import { init_styles_css, stepperStyle } from "./styles.css.js";
+import { Step, init_Step } from "./Step.js";
 import { Children, Fragment, isValidElement } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Stepper/index.tsx
-const Stepper = ({ children, interactive = false, selected = 1, animated = false, className, labelPosition = "bottom", size = "medium", "data-testid": dataTestId, separator = true, style }) => {
-	const cleanChildren = Children.toArray(children).filter((child) => isValidElement(child));
-	const lastStep = Children.count(cleanChildren) - 1;
-	return /* @__PURE__ */ jsx(StepperProvider, {
-		animated,
-		interactive,
-		labelPosition,
-		selected,
-		separator,
-		size,
-		children: /* @__PURE__ */ jsx("div", {
-			className: cn(className, stepperContainer({
-				labelPosition,
-				separator
-			})),
-			"data-testid": dataTestId,
-			style,
-			children: Children.map(cleanChildren, (child, index) => {
-				const getTemporal = () => {
-					if (index < selected) return "done";
-					if (index === selected) return "current";
-					return "next";
-				};
-				const isNotLast = index < lastStep;
-				const temporal = getTemporal();
-				return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Step, _objectSpread2({ index }, child.props)), isNotLast && separator && labelPosition === "right" ? /* @__PURE__ */ jsx("div", {
-					className: stepperLine({
-						animated,
-						temporal
-					}),
-					"data-size": size
-				}) : null] }, `creation-progress-${index}`);
+var Stepper;
+var init_Stepper = __esmMin(() => {
+	init_Step();
+	init_StepperProvider();
+	init_styles_css();
+	init_objectSpread2();
+	Stepper = ({ children, interactive = false, selected = 1, animated = false, className, labelPosition = "bottom", size = "medium", "data-testid": dataTestId, separator = true, style }) => {
+		const cleanChildren = Children.toArray(children).filter((child) => isValidElement(child));
+		const lastStep = Children.count(cleanChildren) - 1;
+		return /* @__PURE__ */ jsx(StepperProvider, {
+			animated,
+			interactive,
+			labelPosition,
+			selected,
+			separator,
+			size,
+			children: /* @__PURE__ */ jsx("div", {
+				className: cn(className, stepperStyle.container({
+					labelPosition,
+					separator
+				})),
+				"data-testid": dataTestId,
+				style,
+				children: Children.map(cleanChildren, (child, index) => {
+					const getTemporal = () => {
+						if (index < selected) return "done";
+						if (index === selected) return "current";
+						return "next";
+					};
+					const isNotLast = index < lastStep;
+					const temporal = getTemporal();
+					return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Step, _objectSpread2({ index }, child.props)), isNotLast && separator && labelPosition === "right" ? /* @__PURE__ */ jsx("div", {
+						className: stepperStyle.line({
+							animated,
+							temporal
+						}),
+						"data-size": size
+					}) : null] }, `creation-progress-${index}`);
+				})
 			})
-		})
-	});
-};
-Stepper.Step = Step;
+		});
+	};
+	Stepper.Step = Step;
+});
 
 //#endregion
-export { Stepper };
+init_Stepper();
+export { Stepper, init_Stepper };

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

@@ -1,4 +1,4 @@
-export declare const stepperContainer: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const container: import("@vanilla-extract/recipes").RuntimeFn<{
     labelPosition: {
         bottom: {};
         right: {};
@@ -10,106 +10,120 @@ export declare const stepperContainer: import("@vanilla-extract/recipes").Runtim
         true: {};
     };
 }>;
-export declare const stepperLine: import("@vanilla-extract/recipes").RuntimeFn<{
-    animated: {
-        true: {};
-    };
-    temporal: {
-        current: {};
-        done: {
-            backgroundColor: `var(--${string})`;
-            selectors: {
-                '&::after': {
-                    width: "100%";
-                };
+export declare const stepperStyle: {
+    container: import("@vanilla-extract/recipes").RuntimeFn<{
+        labelPosition: {
+            bottom: {};
+            right: {};
+        };
+        separator: {
+            false: {
+                gap: `var(--${string})`;
             };
+            true: {};
         };
-        next: {};
-    };
-}>;
-export declare const stepContainer: string;
-export declare const stepperContainerRecipe: import("@vanilla-extract/recipes").RuntimeFn<{
-    animated: {
-        true: {};
-    };
-    disabled: {
-        false: {};
-        true: {
-            cursor: "not-allowed";
+    }>;
+    line: import("@vanilla-extract/recipes").RuntimeFn<{
+        animated: {
+            true: {};
         };
-    };
-    done: {
-        true: {};
-    };
-    labelPosition: {
-        bottom: {};
-        top: {};
-    };
-    separator: {
-        true: {};
-    };
-    size: {
-        medium: {};
-        small: {};
-    };
-}>;
-export declare const animationStepperContainer: Record<"medium" | "small", string>;
-export declare const stepperInteractive: Record<"active" | "inactive", string>;
-export declare const stepBullet: import("@vanilla-extract/recipes").RuntimeFn<{
-    disabled: {
-        false: {
-            selectors: {
-                [x: string]: {
-                    boxShadow: `var(--${string})`;
+        temporal: {
+            current: {};
+            done: {
+                backgroundColor: `var(--${string})`;
+                selectors: {
+                    '&::after': {
+                        width: "100%";
+                    };
                 };
             };
+            next: {};
         };
-        true: {
-            backgroundColor: `var(--${string})`;
-            borderColor: `var(--${string})`;
-            boxShadow: "none";
-            color: `var(--${string})`;
-            selectors: {
-                '&:hover': {
-                    boxShadow: "none";
-                };
+    }>;
+    stepContainer: string;
+    containerRecipe: import("@vanilla-extract/recipes").RuntimeFn<{
+        animated: {
+            true: {};
+        };
+        disabled: {
+            false: {};
+            true: {
+                cursor: "not-allowed";
             };
         };
-    };
-    isActive: {
-        true: {
-            backgroundColor: `var(--${string})`;
-            boxShadow: `var(--${string})`;
+        done: {
+            true: {};
         };
-    };
-    size: {
-        medium: {
-            minWidth: `var(--${string})`;
+        labelPosition: {
+            bottom: {};
+            top: {};
         };
-        small: {
-            minWidth: `var(--${string})`;
+        separator: {
+            true: {};
         };
-    };
-}>;
-export declare const stepText: import("@vanilla-extract/recipes").RuntimeFn<{
-    addMarginTop: {
-        true: {
-            marginTop: `var(--${string})`;
+        size: {
+            medium: {};
+            small: {};
         };
-    };
-    disabled: {
-        false: {
-            selectors: {
-                [x: string]: {
-                    color: `var(--${string})`;
-                    textDecoration: `underline var(--${string})`;
-                    textDecorationThickness: number;
+    }>;
+    animationStepperContainer: Record<"medium" | "small", string>;
+    interactive: Record<"active" | "inactive", string>;
+    stepBullet: import("@vanilla-extract/recipes").RuntimeFn<{
+        disabled: {
+            false: {
+                selectors: {
+                    [x: string]: {
+                        boxShadow: `var(--${string})`;
+                    };
                 };
             };
+            true: {
+                backgroundColor: `var(--${string})`;
+                borderColor: `var(--${string})`;
+                boxShadow: "none";
+                color: `var(--${string})`;
+                selectors: {
+                    '&:hover': {
+                        boxShadow: "none";
+                    };
+                };
+            };
+        };
+        isActive: {
+            true: {
+                backgroundColor: `var(--${string})`;
+                boxShadow: `var(--${string})`;
+            };
         };
-        true: {
-            color: `var(--${string})`;
+        size: {
+            medium: {
+                minWidth: `var(--${string})`;
+            };
+            small: {
+                minWidth: `var(--${string})`;
+            };
         };
-    };
-}>;
+    }>;
+    stepText: import("@vanilla-extract/recipes").RuntimeFn<{
+        addMarginTop: {
+            true: {
+                marginTop: `var(--${string})`;
+            };
+        };
+        disabled: {
+            false: {
+                selectors: {
+                    [x: string]: {
+                        color: `var(--${string})`;
+                        textDecoration: `underline var(--${string})`;
+                        textDecorationThickness: number;
+                    };
+                };
+            };
+            true: {
+                color: `var(--${string})`;
+            };
+        };
+    }>;
+};
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/styles.css.ts"],"names":[],"mappings":"AAiCA,eAAO,MAAM,gBAAgB;;;;;;;;;;;EAiC3B,CAAA;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;EAsDtB,CAAA;AAEF,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;EAqHjC,CAAA;AAEF,eAAO,MAAM,yBAAyB,oCAiBpC,CAAA;AAEF,eAAO,MAAM,kBAAkB,uCAO7B,CAAA;AAWF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CrB,CAAA;AAgBF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;EA0BnB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/styles.css.ts"],"names":[],"mappings":"AAiCA,eAAO,MAAM,SAAS;;;;;;;;;;;EAiCpB,CAAA;AAmTF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASxB,CAAA"}