@ultraviolet/ui 3.21.1 → 3.21.2

package/dist/components/Snippet/index.js

@@ -17,104 +17,106 @@ import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
 
 //#region src/components/Snippet/index.tsx
 var LINES_BREAK_REGEX, Snippet;
-var init_Snippet = __esmMin(() => {
-	init_hasHelperText();
-	init_CopyButton();
-	init_Description();
-	init_Expandable();
-	init_Label();
-	init_Stack();
-	init_Text();
-	init_CodeContent();
-	init_styles_css();
-	LINES_BREAK_REGEX = /\r\n|\r|\n/u;
-	Snippet = ({ children, copyText, copiedText, showText = "Show", hideText = "Hide", prefix, className, "data-testid": dataTestId, initiallyExpanded, rows = 4, noExpandable = false, onCopy, style, helper, label, labelDescription, "aria-describedby": ariaDescribedBy }) => {
-		const theme = useTheme();
-		const helperId = useId();
-		const [showMore, setShowMore] = useReducer((value) => !value, initiallyExpanded !== null && initiallyExpanded !== void 0 ? initiallyExpanded : false);
-		const lines = children.split(LINES_BREAK_REGEX);
-		const numberOfLines = lines.length;
-		const multiline = numberOfLines > 1;
-		const hasShowMoreButton = numberOfLines > rows && multiline && !noExpandable;
-		const minHeight = rows * Number.parseFloat(theme.typography.code.lineHeight) * 16 + Number.parseFloat(theme.space[4]) * 16;
-		return /* @__PURE__ */ jsxs(Stack, {
-			direction: "column",
-			gap: 1,
-			width: "100%",
-			children: [
-				label ? /* @__PURE__ */ jsx(Label, {
-					labelDescription,
-					children: label
-				}) : null,
-				/* @__PURE__ */ jsx("div", {
-					className: cn(className, snippetStyle.container[multiline ? "multiline" : "oneLine"]),
-					"data-testid": dataTestId,
-					style,
-					children: /* @__PURE__ */ jsxs(Stack, {
-						className: snippetStyle.stackStyle,
-						"aria-describedby": ariaDescribedBy || (hasHelperText(helper) ? helperId : void 0),
-						children: [
-							hasShowMoreButton ? /* @__PURE__ */ jsx(Expandable, {
-								minHeight,
-								opened: showMore,
-								children: /* @__PURE__ */ jsx(CodeContent, {
+function init_Snippet() {
+	return (init_Snippet = __esmMin(() => {
+		init_hasHelperText();
+		init_CopyButton();
+		init_Description();
+		init_Expandable();
+		init_Label();
+		init_Stack();
+		init_Text();
+		init_CodeContent();
+		init_styles_css();
+		LINES_BREAK_REGEX = /\r\n|\r|\n/u;
+		Snippet = ({ children, copyText, copiedText, showText = "Show", hideText = "Hide", prefix, className, "data-testid": dataTestId, initiallyExpanded, rows = 4, noExpandable = false, onCopy, style, helper, label, labelDescription, "aria-describedby": ariaDescribedBy }) => {
+			const theme = useTheme();
+			const helperId = useId();
+			const [showMore, setShowMore] = useReducer((value) => !value, initiallyExpanded !== null && initiallyExpanded !== void 0 ? initiallyExpanded : false);
+			const lines = children.split(LINES_BREAK_REGEX);
+			const numberOfLines = lines.length;
+			const multiline = numberOfLines > 1;
+			const hasShowMoreButton = numberOfLines > rows && multiline && !noExpandable;
+			const minHeight = rows * Number.parseFloat(theme.typography.code.lineHeight) * 16 + Number.parseFloat(theme.space[4]) * 16;
+			return /* @__PURE__ */ jsxs(Stack, {
+				direction: "column",
+				gap: 1,
+				width: "100%",
+				children: [
+					label ? /* @__PURE__ */ jsx(Label, {
+						labelDescription,
+						children: label
+					}) : null,
+					/* @__PURE__ */ jsx("div", {
+						className: cn(className, snippetStyle.container[multiline ? "multiline" : "oneLine"]),
+						"data-testid": dataTestId,
+						style,
+						children: /* @__PURE__ */ jsxs(Stack, {
+							className: snippetStyle.stackStyle,
+							"aria-describedby": ariaDescribedBy || (hasHelperText(helper) ? helperId : void 0),
+							children: [
+								hasShowMoreButton ? /* @__PURE__ */ jsx(Expandable, {
+									minHeight,
+									opened: showMore,
+									children: /* @__PURE__ */ jsx(CodeContent, {
+										lines,
+										multiline,
+										noExpandable,
+										prefix,
+										rows,
+										children
+									})
+								}) : /* @__PURE__ */ jsx(CodeContent, {
 									lines,
 									multiline,
 									noExpandable,
 									prefix,
 									rows,
 									children
-								})
-							}) : /* @__PURE__ */ jsx(CodeContent, {
-								lines,
-								multiline,
-								noExpandable,
-								prefix,
-								rows,
-								children
-							}),
-							/* @__PURE__ */ jsx("div", {
-								className: snippetStyle.buttonContainer[multiline && numberOfLines > 1 ? "multiline" : "oneLine"],
-								children: /* @__PURE__ */ jsx(CopyButton, {
-									copiedText,
-									copyText,
-									onCopy,
-									sentiment: "neutral",
-									value: children
-								})
-							}),
-							hasShowMoreButton ? /* @__PURE__ */ jsx("div", {
-								className: snippetStyle.showMoreContainer[showMore ? "true" : "false"],
-								children: /* @__PURE__ */ jsx("button", {
-									"aria-expanded": showMore,
-									className: snippetStyle.showMoreButton,
-									onClick: setShowMore,
-									type: "button",
-									children: /* @__PURE__ */ jsxs(Text, {
-										as: "span",
-										className: snippetStyle.centeredText,
+								}),
+								/* @__PURE__ */ jsx("div", {
+									className: snippetStyle.buttonContainer[multiline && numberOfLines > 1 ? "multiline" : "oneLine"],
+									children: /* @__PURE__ */ jsx(CopyButton, {
+										copiedText,
+										copyText,
+										onCopy,
 										sentiment: "neutral",
-										variant: "bodySmallStrong",
-										children: [
-											showMore ? hideText : showText,
-											"\xA0",
-											/* @__PURE__ */ jsx(ArrowDownIcon, { className: snippetStyle.animatedArrowIcon[showMore ? "true" : "false"] })
-										]
+										value: children
+									})
+								}),
+								hasShowMoreButton ? /* @__PURE__ */ jsx("div", {
+									className: snippetStyle.showMoreContainer[showMore ? "true" : "false"],
+									children: /* @__PURE__ */ jsx("button", {
+										"aria-expanded": showMore,
+										className: snippetStyle.showMoreButton,
+										onClick: setShowMore,
+										type: "button",
+										children: /* @__PURE__ */ jsxs(Text, {
+											as: "span",
+											className: snippetStyle.centeredText,
+											sentiment: "neutral",
+											variant: "bodySmallStrong",
+											children: [
+												showMore ? hideText : showText,
+												"\xA0",
+												/* @__PURE__ */ jsx(ArrowDownIcon, { className: snippetStyle.animatedArrowIcon[showMore ? "true" : "false"] })
+											]
+										})
 									})
-								})
-							}) : null
-						]
+								}) : null
+							]
+						})
+					}),
+					/* @__PURE__ */ jsx(Description, {
+						helper,
+						id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId
 					})
-				}),
-				/* @__PURE__ */ jsx(Description, {
-					helper,
-					id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId
-				})
-			]
-		});
-	};
-	Snippet.displayName = "Snippet";
-});
+				]
+			});
+		};
+		Snippet.displayName = "Snippet";
+	}))();
+}
 
 //#endregion
 init_Snippet();

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

@@ -4,62 +4,64 @@ import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/Snippet/styles.css.ts
 var rowsVar, snippetStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	rowsVar = "var(--uv_67z97x0)";
-	snippetStyle = {
-		pretext: createRuntimeFn({
-			defaultClassName: "uv_67z97x1",
-			variantClassNames: {
-				noExpandable: {
-					false: "uv_67z97x2",
-					true: "uv_67z97x3"
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		rowsVar = "var(--uv_67z97x0)";
+		snippetStyle = {
+			pretext: createRuntimeFn({
+				defaultClassName: "uv_67z97x1",
+				variantClassNames: {
+					noExpandable: {
+						false: "uv_67z97x2",
+						true: "uv_67z97x3"
+					},
+					showMore: {
+						false: "uv_67z97x4",
+						true: "uv_67z97x5"
+					}
 				},
-				showMore: {
-					false: "uv_67z97x4",
-					true: "uv_67z97x5"
-				}
+				defaultVariants: {
+					noExpandable: false,
+					showMore: false
+				},
+				compoundVariants: []
+			}),
+			line: createRuntimeFn({
+				defaultClassName: "uv_67z97x6",
+				variantClassNames: { multiline: {
+					false: "uv_67z97x7",
+					true: "uv_67z97x8"
+				} },
+				defaultVariants: { multiline: false },
+				compoundVariants: []
+			}),
+			prefix: {
+				command: "uv_67z97x9",
+				lines: "uv_67z97xa"
+			},
+			container: {
+				multiline: "uv_67z97xc uv_67z97xb",
+				oneLine: "uv_67z97xd uv_67z97xb"
+			},
+			stackStyle: "uv_67z97xe",
+			buttonContainer: {
+				multiline: "uv_67z97xg uv_67z97xf",
+				oneLine: "uv_67z97xh uv_67z97xf"
 			},
-			defaultVariants: {
-				noExpandable: false,
-				showMore: false
+			showMoreContainer: {
+				false: "uv_67z97xi",
+				true: "uv_67z97xj"
 			},
-			compoundVariants: []
-		}),
-		line: createRuntimeFn({
-			defaultClassName: "uv_67z97x6",
-			variantClassNames: { multiline: {
-				false: "uv_67z97x7",
-				true: "uv_67z97x8"
-			} },
-			defaultVariants: { multiline: false },
-			compoundVariants: []
-		}),
-		prefix: {
-			command: "uv_67z97x9",
-			lines: "uv_67z97xa"
-		},
-		container: {
-			multiline: "uv_67z97xc uv_67z97xb",
-			oneLine: "uv_67z97xd uv_67z97xb"
-		},
-		stackStyle: "uv_67z97xe",
-		buttonContainer: {
-			multiline: "uv_67z97xg uv_67z97xf",
-			oneLine: "uv_67z97xh uv_67z97xf"
-		},
-		showMoreContainer: {
-			false: "uv_67z97xi",
-			true: "uv_67z97xj"
-		},
-		showMoreButton: "uv_67z97xk",
-		centeredText: "uv_67z97xl",
-		animatedArrowIcon: {
-			false: "uv_67z97xm",
-			true: "uv_67z97xn"
-		}
-	};
-});
+			showMoreButton: "uv_67z97xk",
+			centeredText: "uv_67z97xl",
+			animatedArrowIcon: {
+				false: "uv_67z97xm",
+				true: "uv_67z97xn"
+			}
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

@@ -1,7 +1,9 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/components/Snippet/styles.css.ts.vanilla.css
-var init_styles_css_ts_vanilla = __esmMin(() => {});
+function init_styles_css_ts_vanilla() {
+	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
+}
 
 //#endregion
 init_styles_css_ts_vanilla();

package/dist/components/Stack/index.js

@@ -2,8 +2,8 @@
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 import { init_styles_css, sprinkles, stackStyle } from "./styles.css.js";
 import { flexVar, init_variables_css, maxWidthVar, minWidthVar, widthVar } from "./variables.css.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
-import _objectWithoutProperties, { init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectWithoutProperties.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectWithoutProperties, { init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectWithoutProperties.js";
 import { forwardRef, useMemo } from "react";
 import { consoleLightTheme } from "@ultraviolet/themes";
 import { cn } from "@ultraviolet/utils";
@@ -12,60 +12,62 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Stack/index.tsx
 var _excluded, mapRepsonsiveGap, IStack, Stack;
-var init_Stack = __esmMin(() => {
-	init_styles_css();
-	init_variables_css();
-	init_objectSpread2();
-	init_objectWithoutProperties();
-	_excluded = [
-		"gap",
-		"direction",
-		"alignItems",
-		"justifyContent",
-		"wrap",
-		"className",
-		"children",
-		"id",
-		"data-testid",
-		"width",
-		"maxWidth",
-		"minWidth",
-		"flex",
-		"as",
-		"style"
-	];
-	mapRepsonsiveGap = (object) => object ? Object.keys(object).reduce((acc, key) => _objectSpread2(_objectSpread2({}, acc), {}, { [key]: consoleLightTheme.space[object[key]] }), {}) : {};
-	IStack = forwardRef((_ref, ref) => {
-		let { gap, direction = "column", alignItems, justifyContent, wrap, className, children, id, "data-testid": dataTestId, width, maxWidth, minWidth, flex, as, style } = _ref, props = _objectWithoutProperties(_ref, _excluded);
-		const wrapValue = useMemo(() => {
-			if (typeof wrap === "boolean") return wrap ? "wrap" : "nowrap";
-			if (typeof wrap === "object") return Object.keys(wrap).reduce((acc, key) => _objectSpread2(_objectSpread2({}, acc), {}, { [key]: wrap[key] ? "wrap" : "nowrap" }), {});
-			return wrap;
-		}, [wrap]);
-		const Component = as !== null && as !== void 0 ? as : "div";
-		const sprinkleClassName = sprinkles({
-			alignItems: typeof alignItems === "object" ? alignItems : { xxsmall: alignItems },
-			flexDirection: typeof direction === "object" ? direction : { xxsmall: direction },
-			flexWrap: typeof wrapValue === "object" ? wrapValue : { xxsmall: wrapValue },
-			gap: typeof gap === "object" ? mapRepsonsiveGap(gap) : { xxsmall: gap ? consoleLightTheme.space[gap] : void 0 },
-			justifyContent: typeof justifyContent === "object" ? justifyContent : { xxsmall: justifyContent }
+function init_Stack() {
+	return (init_Stack = __esmMin(() => {
+		init_styles_css();
+		init_variables_css();
+		init_objectSpread2();
+		init_objectWithoutProperties();
+		_excluded = [
+			"gap",
+			"direction",
+			"alignItems",
+			"justifyContent",
+			"wrap",
+			"className",
+			"children",
+			"id",
+			"data-testid",
+			"width",
+			"maxWidth",
+			"minWidth",
+			"flex",
+			"as",
+			"style"
+		];
+		mapRepsonsiveGap = (object) => object ? Object.keys(object).reduce((acc, key) => _objectSpread2(_objectSpread2({}, acc), {}, { [key]: consoleLightTheme.space[object[key]] }), {}) : {};
+		IStack = forwardRef((_ref, ref) => {
+			let { gap, direction = "column", alignItems, justifyContent, wrap, className, children, id, "data-testid": dataTestId, width, maxWidth, minWidth, flex, as, style } = _ref, props = _objectWithoutProperties(_ref, _excluded);
+			const wrapValue = useMemo(() => {
+				if (typeof wrap === "boolean") return wrap ? "wrap" : "nowrap";
+				if (typeof wrap === "object") return Object.keys(wrap).reduce((acc, key) => _objectSpread2(_objectSpread2({}, acc), {}, { [key]: wrap[key] ? "wrap" : "nowrap" }), {});
+				return wrap;
+			}, [wrap]);
+			const Component = as !== null && as !== void 0 ? as : "div";
+			const sprinkleClassName = sprinkles({
+				alignItems: typeof alignItems === "object" ? alignItems : { xxsmall: alignItems },
+				flexDirection: typeof direction === "object" ? direction : { xxsmall: direction },
+				flexWrap: typeof wrapValue === "object" ? wrapValue : { xxsmall: wrapValue },
+				gap: typeof gap === "object" ? mapRepsonsiveGap(gap) : { xxsmall: gap ? consoleLightTheme.space[gap] : void 0 },
+				justifyContent: typeof justifyContent === "object" ? justifyContent : { xxsmall: justifyContent }
+			});
+			return /* @__PURE__ */ jsx(Component, _objectSpread2(_objectSpread2({
+				className: cn(className, stackStyle.stack, sprinkleClassName),
+				"data-testid": dataTestId,
+				id,
+				ref,
+				style: _objectSpread2(_objectSpread2({}, assignInlineVars({
+					[widthVar]: width === null || width === void 0 ? void 0 : width.toString(),
+					[maxWidthVar]: maxWidth === null || maxWidth === void 0 ? void 0 : maxWidth.toString(),
+					[minWidthVar]: minWidth === null || minWidth === void 0 ? void 0 : minWidth.toString(),
+					[flexVar]: flex === null || flex === void 0 ? void 0 : flex.toString()
+				})), style)
+			}, props), {}, { children }));
 		});
-		return /* @__PURE__ */ jsx(Component, _objectSpread2(_objectSpread2({
-			className: cn(className, stackStyle.stack, sprinkleClassName),
-			"data-testid": dataTestId,
-			id,
-			ref,
-			style: _objectSpread2(_objectSpread2({}, assignInlineVars({
-				[widthVar]: width === null || width === void 0 ? void 0 : width.toString(),
-				[maxWidthVar]: maxWidth === null || maxWidth === void 0 ? void 0 : maxWidth.toString(),
-				[minWidthVar]: minWidth === null || minWidth === void 0 ? void 0 : minWidth.toString(),
-				[flexVar]: flex === null || flex === void 0 ? void 0 : flex.toString()
-			})), style)
-		}, props), {}, { children }));
-	});
-	IStack.displayName = "Stack";
-	Stack = IStack;
-});
+		IStack.displayName = "Stack";
+		Stack = IStack;
+	}))();
+}
 
 //#endregion
 init_Stack();