@ultraviolet/ui 3.11.0 → 3.12.0

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

@@ -1,110 +1,116 @@
-/* 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/Bullet/styles.css.ts
-var bullet = createRuntimeFn({
-	defaultClassName: "uv_1jy42m00",
-	variantClassNames: {
-		disabled: { true: "uv_1jy42m01" },
-		prominence: {
-			"default": "uv_1jy42m02",
-			strong: "uv_1jy42m03"
+var bulletStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	bulletStyle = { bullet: createRuntimeFn({
+		defaultClassName: "uv_1jy42m00",
+		variantClassNames: {
+			disabled: { true: "uv_1jy42m01" },
+			prominence: {
+				"default": "uv_1jy42m02",
+				strong: "uv_1jy42m03"
+			},
+			sentiment: {
+				"0": "uv_1jy42m04",
+				"1": "uv_1jy42m05",
+				"2": "uv_1jy42m06",
+				"3": "uv_1jy42m07",
+				"4": "uv_1jy42m08",
+				"5": "uv_1jy42m09",
+				"6": "uv_1jy42m0a"
+			},
+			size: {
+				medium: "uv_1jy42m0b",
+				small: "uv_1jy42m0c",
+				xsmall: "uv_1jy42m0d",
+				xxsmall: "uv_1jy42m0e"
+			}
 		},
-		sentiment: {
-			"0": "uv_1jy42m04",
-			"1": "uv_1jy42m05",
-			"2": "uv_1jy42m06",
-			"3": "uv_1jy42m07",
-			"4": "uv_1jy42m08",
-			"5": "uv_1jy42m09",
-			"6": "uv_1jy42m0a"
-		},
-		size: {
-			medium: "uv_1jy42m0b",
-			small: "uv_1jy42m0c",
-			xsmall: "uv_1jy42m0d",
-			xxsmall: "uv_1jy42m0e"
-		}
-	},
-	defaultVariants: {
-		disabled: false,
-		prominence: "default",
-		sentiment: "neutral",
-		size: "medium"
-	},
-	compoundVariants: [
-		[{
-			disabled: false,
-			prominence: "default",
-			sentiment: "primary"
-		}, "uv_1jy42m0f"],
-		[{
-			disabled: false,
-			prominence: "default",
-			sentiment: "secondary"
-		}, "uv_1jy42m0g"],
-		[{
-			disabled: false,
-			prominence: "default",
-			sentiment: "neutral"
-		}, "uv_1jy42m0h"],
-		[{
-			disabled: false,
-			prominence: "default",
-			sentiment: "success"
-		}, "uv_1jy42m0i"],
-		[{
-			disabled: false,
-			prominence: "default",
-			sentiment: "danger"
-		}, "uv_1jy42m0j"],
-		[{
+		defaultVariants: {
 			disabled: false,
 			prominence: "default",
-			sentiment: "warning"
-		}, "uv_1jy42m0k"],
-		[{
-			disabled: false,
-			prominence: "default",
-			sentiment: "info"
-		}, "uv_1jy42m0l"],
-		[{
-			disabled: false,
-			prominence: "strong",
-			sentiment: "primary"
-		}, "uv_1jy42m0m"],
-		[{
-			disabled: false,
-			prominence: "strong",
-			sentiment: "secondary"
-		}, "uv_1jy42m0n"],
-		[{
-			disabled: false,
-			prominence: "strong",
-			sentiment: "neutral"
-		}, "uv_1jy42m0o"],
-		[{
-			disabled: false,
-			prominence: "strong",
-			sentiment: "success"
-		}, "uv_1jy42m0p"],
-		[{
-			disabled: false,
-			prominence: "strong",
-			sentiment: "danger"
-		}, "uv_1jy42m0q"],
-		[{
-			disabled: false,
-			prominence: "strong",
-			sentiment: "warning"
-		}, "uv_1jy42m0r"],
-		[{
-			disabled: false,
-			prominence: "strong",
-			sentiment: "info"
-		}, "uv_1jy42m0s"]
-	]
+			sentiment: "neutral",
+			size: "medium"
+		},
+		compoundVariants: [
+			[{
+				disabled: false,
+				prominence: "default",
+				sentiment: "primary"
+			}, "uv_1jy42m0f"],
+			[{
+				disabled: false,
+				prominence: "default",
+				sentiment: "secondary"
+			}, "uv_1jy42m0g"],
+			[{
+				disabled: false,
+				prominence: "default",
+				sentiment: "neutral"
+			}, "uv_1jy42m0h"],
+			[{
+				disabled: false,
+				prominence: "default",
+				sentiment: "success"
+			}, "uv_1jy42m0i"],
+			[{
+				disabled: false,
+				prominence: "default",
+				sentiment: "danger"
+			}, "uv_1jy42m0j"],
+			[{
+				disabled: false,
+				prominence: "default",
+				sentiment: "warning"
+			}, "uv_1jy42m0k"],
+			[{
+				disabled: false,
+				prominence: "default",
+				sentiment: "info"
+			}, "uv_1jy42m0l"],
+			[{
+				disabled: false,
+				prominence: "strong",
+				sentiment: "primary"
+			}, "uv_1jy42m0m"],
+			[{
+				disabled: false,
+				prominence: "strong",
+				sentiment: "secondary"
+			}, "uv_1jy42m0n"],
+			[{
+				disabled: false,
+				prominence: "strong",
+				sentiment: "neutral"
+			}, "uv_1jy42m0o"],
+			[{
+				disabled: false,
+				prominence: "strong",
+				sentiment: "success"
+			}, "uv_1jy42m0p"],
+			[{
+				disabled: false,
+				prominence: "strong",
+				sentiment: "danger"
+			}, "uv_1jy42m0q"],
+			[{
+				disabled: false,
+				prominence: "strong",
+				sentiment: "warning"
+			}, "uv_1jy42m0r"],
+			[{
+				disabled: false,
+				prominence: "strong",
+				sentiment: "info"
+			}, "uv_1jy42m0s"]
+		]
+	}) };
 });
 
 //#endregion
-export { bullet };
+init_styles_css();
+export { bulletStyle, init_styles_css };

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

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Bullet/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/Button/constants.js

@@ -1,10 +1,16 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
 //#region src/components/Button/constants.ts
-const SIZE_HEIGHT = {
-	large: "600",
-	medium: "500",
-	small: "400",
-	xsmall: "300"
-};
+var SIZE_HEIGHT;
+var init_constants = __esmMin(() => {
+	SIZE_HEIGHT = {
+		large: "600",
+		medium: "500",
+		small: "400",
+		xsmall: "300"
+	};
+});
 
 //#endregion
-export { SIZE_HEIGHT };
+init_constants();
+export { SIZE_HEIGHT, init_constants };

package/dist/components/Button/index.js

@@ -1,123 +1,125 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Tooltip } from "../Tooltip/index.js";
-import { Loader } from "../Loader/index.js";
-import { button } from "./styles.css.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Tooltip, init_Tooltip } from "../Tooltip/index.js";
+import { Loader, init_Loader } from "../Loader/index.js";
+import { buttonStyle, init_styles_css } from "./styles.css.js";
 import { forwardRef, useMemo } from "react";
 import { useTheme } from "@ultraviolet/themes";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { cn, renderElement } from "@ultraviolet/utils";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Button/index.tsx
-/**
-* Button component is used to trigger an action or event, such as submitting a form, opening a dialog,
-* canceling an action, or performing a delete operation.
-* Use `render` prop to render a custom element (e.g., Next.js Link) while preserving Button's styling.
-*/
-const Button = forwardRef(({ type = "button", className, "data-testid": dataTestId, sentiment = "primary", variant = "filled", size = "large", disabled = false, fullWidth = false, isLoading = false, children, onClick, onMouseDown, onMouseUp, onMouseOut, onBlur, onMouseEnter, onMouseLeave, onPointerDown, onKeyDown, name, "aria-label": ariaLabel, "aria-current": ariaCurrent, "aria-controls": ariaControls, "aria-expanded": ariaExpanded, "aria-haspopup": ariaHaspopup, "aria-describedby": ariaDescribedby, "aria-disabled": ariaDisabled, "aria-pressed": ariaPressed, "aria-roledescription": ariaRoledescription, "aria-keyshortcuts": ariaKeyshortcuts, href, download, target, role, tooltip, tabIndex, autoFocus, style, render }, ref) => {
-	const computeIsDisabled = disabled || isLoading;
-	const { theme } = useTheme();
-	const computedSentimentLoader = useMemo(() => {
-		if (variant === "filled" && !["black", "white"].includes(sentiment)) {
-			if (theme === "light") return "white";
-			return "black";
-		}
-		return sentiment;
-	}, [
-		sentiment,
-		theme,
-		variant
-	]);
-	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [isLoading ? /* @__PURE__ */ jsx(Loader, {
-		active: true,
-		sentiment: computedSentimentLoader,
-		size: "small"
-	}) : null, children] });
-	const computedClassName = cn(className, button({
-		disabled,
-		fullWidth,
-		sentiment,
-		size,
-		variant
-	}));
-	if (render) return /* @__PURE__ */ jsx(Tooltip, {
-		containerFullWidth: fullWidth,
-		text: tooltip,
-		children: renderElement(render, {
-			children,
-			className: computedClassName,
-			"data-testid": dataTestId,
-			ref,
-			style
-		})
-	});
-	if (href && !computeIsDisabled) return /* @__PURE__ */ jsx(Tooltip, {
-		containerFullWidth: fullWidth,
-		text: tooltip,
-		children: /* @__PURE__ */ jsx("a", {
-			"aria-controls": ariaControls,
-			"aria-current": ariaCurrent,
-			"aria-describedby": ariaDescribedby,
-			"aria-disabled": ariaDisabled !== null && ariaDisabled !== void 0 ? ariaDisabled : disabled,
-			"aria-expanded": ariaExpanded,
-			"aria-haspopup": ariaHaspopup,
-			"aria-keyshortcuts": ariaKeyshortcuts,
-			"aria-label": ariaLabel,
-			"aria-pressed": ariaPressed,
-			"aria-roledescription": ariaRoledescription,
-			autoFocus,
-			className: computedClassName,
-			"data-testid": dataTestId,
-			download,
-			href,
-			onBlur,
-			onClick,
-			onMouseDown,
-			onMouseEnter,
-			onMouseLeave,
-			onMouseOut,
-			onMouseUp,
-			ref,
-			role,
-			style,
-			tabIndex,
-			target,
-			type,
-			children: content
-		})
-	});
-	return /* @__PURE__ */ jsx(Tooltip, {
-		containerFullWidth: fullWidth,
-		text: tooltip,
-		children: /* @__PURE__ */ jsx("button", {
-			"aria-controls": ariaControls,
-			"aria-current": ariaCurrent,
-			"aria-expanded": ariaExpanded,
-			"aria-haspopup": ariaHaspopup,
-			"aria-label": ariaLabel,
-			autoFocus,
-			className: computedClassName,
-			"data-testid": dataTestId,
-			disabled: computeIsDisabled,
-			name,
-			onBlur,
-			onClick,
-			onKeyDown,
-			onMouseDown,
-			onMouseEnter,
-			onMouseLeave,
-			onMouseOut,
-			onMouseUp,
-			onPointerDown,
-			ref,
-			role,
-			style,
-			tabIndex,
-			type,
-			children: content
-		})
+var Button;
+var init_Button = __esmMin(() => {
+	init_Loader();
+	init_Tooltip();
+	init_styles_css();
+	Button = forwardRef(({ type = "button", className, "data-testid": dataTestId, sentiment = "primary", variant = "filled", size = "large", disabled = false, fullWidth = false, isLoading = false, children, onClick, onMouseDown, onMouseUp, onMouseOut, onBlur, onMouseEnter, onMouseLeave, onPointerDown, onKeyDown, name, "aria-label": ariaLabel, "aria-current": ariaCurrent, "aria-controls": ariaControls, "aria-expanded": ariaExpanded, "aria-haspopup": ariaHaspopup, "aria-describedby": ariaDescribedby, "aria-disabled": ariaDisabled, "aria-pressed": ariaPressed, "aria-roledescription": ariaRoledescription, "aria-keyshortcuts": ariaKeyshortcuts, href, download, target, role, tooltip, tabIndex, autoFocus, style, render }, ref) => {
+		const computeIsDisabled = disabled || isLoading;
+		const { theme } = useTheme();
+		const computedSentimentLoader = useMemo(() => {
+			if (variant === "filled" && !["black", "white"].includes(sentiment)) {
+				if (theme === "light") return "white";
+				return "black";
+			}
+			return sentiment;
+		}, [
+			sentiment,
+			theme,
+			variant
+		]);
+		const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [isLoading ? /* @__PURE__ */ jsx(Loader, {
+			active: true,
+			sentiment: computedSentimentLoader,
+			size: "small"
+		}) : null, children] });
+		const computedClassName = cn(className, buttonStyle.button({
+			disabled,
+			fullWidth,
+			sentiment,
+			size,
+			variant
+		}));
+		if (render) return /* @__PURE__ */ jsx(Tooltip, {
+			containerFullWidth: fullWidth,
+			text: tooltip,
+			children: renderElement(render, {
+				children,
+				className: computedClassName,
+				"data-testid": dataTestId,
+				ref,
+				style
+			})
+		});
+		if (href && !computeIsDisabled) return /* @__PURE__ */ jsx(Tooltip, {
+			containerFullWidth: fullWidth,
+			text: tooltip,
+			children: /* @__PURE__ */ jsx("a", {
+				"aria-controls": ariaControls,
+				"aria-current": ariaCurrent,
+				"aria-describedby": ariaDescribedby,
+				"aria-disabled": ariaDisabled !== null && ariaDisabled !== void 0 ? ariaDisabled : disabled,
+				"aria-expanded": ariaExpanded,
+				"aria-haspopup": ariaHaspopup,
+				"aria-keyshortcuts": ariaKeyshortcuts,
+				"aria-label": ariaLabel,
+				"aria-pressed": ariaPressed,
+				"aria-roledescription": ariaRoledescription,
+				autoFocus,
+				className: computedClassName,
+				"data-testid": dataTestId,
+				download,
+				href,
+				onBlur,
+				onClick,
+				onMouseDown,
+				onMouseEnter,
+				onMouseLeave,
+				onMouseOut,
+				onMouseUp,
+				ref,
+				role,
+				style,
+				tabIndex,
+				target,
+				type,
+				children: content
+			})
+		});
+		return /* @__PURE__ */ jsx(Tooltip, {
+			containerFullWidth: fullWidth,
+			text: tooltip,
+			children: /* @__PURE__ */ jsx("button", {
+				"aria-controls": ariaControls,
+				"aria-current": ariaCurrent,
+				"aria-expanded": ariaExpanded,
+				"aria-haspopup": ariaHaspopup,
+				"aria-label": ariaLabel,
+				autoFocus,
+				className: computedClassName,
+				"data-testid": dataTestId,
+				disabled: computeIsDisabled,
+				name,
+				onBlur,
+				onClick,
+				onKeyDown,
+				onMouseDown,
+				onMouseEnter,
+				onMouseLeave,
+				onMouseOut,
+				onMouseUp,
+				onPointerDown,
+				ref,
+				role,
+				style,
+				tabIndex,
+				type,
+				children: content
+			})
+		});
 	});
 });
 
 //#endregion
-export { Button };
+init_Button();
+export { Button, init_Button };

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

@@ -1,5 +1,5 @@
 import type { RecipeVariants } from '@vanilla-extract/recipes';
-export declare const button: import("@vanilla-extract/recipes").RuntimeFn<{
+declare const button: import("@vanilla-extract/recipes").RuntimeFn<{
     disabled: {
         false: {
             cursor: "pointer";
@@ -80,4 +80,87 @@ export declare const button: import("@vanilla-extract/recipes").RuntimeFn<{
     };
 }>;
 export type ButtonVariants = NonNullable<RecipeVariants<typeof button>>;
+export declare const buttonStyle: {
+    button: import("@vanilla-extract/recipes").RuntimeFn<{
+        disabled: {
+            false: {
+                cursor: "pointer";
+            };
+            true: {
+                cursor: "not-allowed";
+            };
+        };
+        fullWidth: {
+            false: {
+                width: "auto";
+            };
+            true: {
+                width: "100%";
+            };
+        };
+        sentiment: {
+            black: {};
+            danger: {};
+            info: {};
+            neutral: {};
+            primary: {};
+            secondary: {};
+            success: {};
+            warning: {};
+            white: {};
+        };
+        size: {
+            large: {
+                fontFamily: `var(--${string})`;
+                fontSize: `var(--${string})`;
+                fontWeight: `var(--${string})`;
+                gap: `var(--${string})`;
+                height: `var(--${string})`;
+                letterSpacing: `var(--${string})`;
+                lineHeight: `var(--${string})`;
+                paddingLeft: `var(--${string})`;
+                paddingRight: `var(--${string})`;
+            };
+            medium: {
+                fontFamily: `var(--${string})`;
+                fontSize: `var(--${string})`;
+                fontWeight: `var(--${string})`;
+                letterSpacing: `var(--${string})`;
+                lineHeight: `var(--${string})`;
+                gap: `var(--${string})`;
+                height: `var(--${string})`;
+                paddingLeft: `var(--${string})`;
+                paddingRight: `var(--${string})`;
+            };
+            small: {
+                fontFamily: `var(--${string})`;
+                fontSize: `var(--${string})`;
+                fontWeight: `var(--${string})`;
+                letterSpacing: `var(--${string})`;
+                lineHeight: `var(--${string})`;
+                gap: `var(--${string})`;
+                height: `var(--${string})`;
+                paddingLeft: `var(--${string})`;
+                paddingRight: `var(--${string})`;
+            };
+            xsmall: {
+                fontFamily: `var(--${string})`;
+                fontSize: `var(--${string})`;
+                fontWeight: `var(--${string})`;
+                letterSpacing: `var(--${string})`;
+                lineHeight: `var(--${string})`;
+                gap: `var(--${string})`;
+                height: `var(--${string})`;
+                paddingLeft: `var(--${string})`;
+                paddingRight: `var(--${string})`;
+            };
+        };
+        variant: {
+            filled: {};
+            ghost: {};
+            outlined: {};
+        };
+    }>;
+};
+export {};
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Button/styles.css.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AA+Q9D,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2GjB,CAAA;AAEF,MAAM,MAAM,cAAc,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Button/styles.css.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AA+Q9D,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2GV,CAAA;AAEF,MAAM,MAAM,cAAc,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,CAAA;AAEvE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAa,CAAA"}