@ultraviolet/ui 3.11.0 → 3.12.0

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

@@ -1,58 +1,66 @@
-/* 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/Snippet/styles.css.ts
-var rowsVar = "var(--uv_67z97x0)";
-var pretext = createRuntimeFn({
-	defaultClassName: "uv_67z97x1",
-	variantClassNames: {
-		noExpandable: {
-			false: "uv_67z97x2",
-			true: "uv_67z97x3"
+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"
+				},
+				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"
 		},
-		showMore: {
-			false: "uv_67z97x4",
-			true: "uv_67z97x5"
+		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"
 		}
-	},
-	defaultVariants: {
-		noExpandable: false,
-		showMore: false
-	},
-	compoundVariants: []
-});
-var line = createRuntimeFn({
-	defaultClassName: "uv_67z97x6",
-	variantClassNames: { multiline: {
-		false: "uv_67z97x7",
-		true: "uv_67z97x8"
-	} },
-	defaultVariants: { multiline: false },
-	compoundVariants: []
+	};
 });
-var prefix = {
-	command: "uv_67z97x9",
-	lines: "uv_67z97xa"
-};
-var snippetContainer = {
-	multiline: "uv_67z97xc uv_67z97xb",
-	oneLine: "uv_67z97xd uv_67z97xb"
-};
-var stackStyle = "uv_67z97xe";
-var buttonContainer = {
-	multiline: "uv_67z97xg uv_67z97xf",
-	oneLine: "uv_67z97xh uv_67z97xf"
-};
-var showMoreContainer = {
-	false: "uv_67z97xi",
-	true: "uv_67z97xj"
-};
-var showMoreButton = "uv_67z97xk";
-var centeredText = "uv_67z97xl";
-var animatedArrowIcon = {
-	false: "uv_67z97xm",
-	true: "uv_67z97xn"
-};
 
 //#endregion
-export { animatedArrowIcon, buttonContainer, centeredText, line, prefix, pretext, rowsVar, showMoreButton, showMoreContainer, snippetContainer, stackStyle };
+init_styles_css();
+export { init_styles_css, rowsVar, snippetStyle };

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

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Snippet/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/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,aAAa,EACb,WAAW,EAEX,YAAY,EACb,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAEtE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGxD,KAAK,cAAc,CAAC,CAAC,IACjB,CAAC,GACD,OAAO,CAAC,MAAM,CAAC,MAAM,kBAAkB,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAG/D,KAAK,QAAQ,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,MAAM,EAAE,GACnE,CAAC,GACD,KAAK,CAAA;AA4BT,KAAK,aAAa,GAAG;IACnB,GAAG,CAAC,EAAE,cAAc,CAChB,MAAM,kBAAkB,CAAC,OAAO,CAAC,GACjC,QAAQ,CAAC,MAAM,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAC9C,CAAA;IACD,SAAS,CAAC,EAAE,cAAc,CACxB,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CACpD,CAAA;IACD,UAAU,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAA;IAC3C,cAAc,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAA;IACnD,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC,CAAA;IAC1D,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAC9B,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACpC,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACpC,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAClD,yBAAyB,CAAC,CAAC,EAAE,aAAa,CAAC,CAAA;AA+F7C,eAAO,MAAM,KAAK,GAAc,CAAC,iIAEhB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,aAAa,EACb,WAAW,EAEX,YAAY,EACb,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAEtE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGxD,KAAK,cAAc,CAAC,CAAC,IACjB,CAAC,GACD,OAAO,CAAC,MAAM,CAAC,MAAM,kBAAkB,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAG/D,KAAK,QAAQ,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,MAAM,EAAE,GACnE,CAAC,GACD,KAAK,CAAA;AA4BT,KAAK,aAAa,GAAG;IACnB,GAAG,CAAC,EAAE,cAAc,CAChB,MAAM,kBAAkB,CAAC,OAAO,CAAC,GACjC,QAAQ,CAAC,MAAM,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAC9C,CAAA;IACD,SAAS,CAAC,EAAE,cAAc,CACxB,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CACpD,CAAA;IACD,UAAU,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAA;IAC3C,cAAc,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAA;IACnD,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC,CAAA;IAC1D,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAC9B,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACpC,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACpC,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAClD,yBAAyB,CAAC,CAAC,EAAE,aAAa,CAAC,CAAA;AA2F7C,eAAO,MAAM,KAAK,GAAc,CAAC,iIAEhB,CAAA"}

package/dist/components/Stack/index.js

@@ -1,70 +1,72 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { sprinkles, stack } from "./styles.css.js";
-import { flexVar, maxWidthVar, minWidthVar, widthVar } from "./variables.css.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
-import { _objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectWithoutProperties.js";
+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.115.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties, init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.115.0/helpers/objectWithoutProperties.js";
 import { forwardRef, useMemo } from "react";
 import { consoleLightTheme } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Stack/index.tsx
-const _excluded = [
-	"gap",
-	"direction",
-	"alignItems",
-	"justifyContent",
-	"wrap",
-	"className",
-	"children",
-	"id",
-	"data-testid",
-	"width",
-	"maxWidth",
-	"minWidth",
-	"flex",
-	"as",
-	"style"
-];
-const mapRepsonsiveGap = (object) => object ? Object.keys(object).reduce((acc, key) => _objectSpread2(_objectSpread2({}, acc), {}, { [key]: consoleLightTheme.space[object[key]] }), {}) : {};
-/**
-* We can't easily type a GenericComponent with forwardRef
-* https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
-* will be remove when react will drop support of forwardRef into react 20.
-*/
-const IStack = forwardRef((_ref, ref) => {
-	let { gap, direction = "column", alignItems = "normal", justifyContent = "normal", wrap = "nowrap", className, children, id, "data-testid": dataTestId, width, maxWidth, minWidth, flex, as, style } = _ref;
-	let 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]);
-	return /* @__PURE__ */ jsx(as !== null && as !== void 0 ? as : "div", _objectSpread2(_objectSpread2({
-		className: [
-			className,
-			stack,
-			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 }
-			})
-		].filter(Boolean).join(" "),
-		"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 }));
+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 = "normal", justifyContent = "normal", wrap = "nowrap", className, children, id, "data-testid": dataTestId, width, maxWidth, minWidth, flex, as, style } = _ref;
+		let 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 }));
+	});
+	Stack = IStack;
 });
-const Stack = IStack;
 
 //#endregion
-export { Stack };
+init_Stack();
+export { Stack, init_Stack };

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

@@ -1,4 +1,3 @@
-export declare const stack: string;
 declare const alignItemsValues: readonly ["normal", "stretch", "center", "start", "end", "flex-start", "flex-end", "self-start", "self-end", "baseline", "first baseline", "last baseline", "safe center", "unsafe center"];
 export type AlignItemsType = (typeof alignItemsValues)[number];
 declare const justifyContentValues: readonly ["normal", "center", "start", "end", "flex-start", "flex-end", "left", "right", "space-between", "space-around", "space-evenly", "stretch"];
@@ -467,5 +466,8 @@ export declare const sprinkles: ((props: {
 }) => string) & {
     properties: Set<"alignItems" | "flexDirection" | "flexWrap" | "gap" | "justifyContent">;
 };
+export declare const stackStyle: {
+    stack: string;
+};
 export {};
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,KAAK,QAMhB,CAAA;AAiCF,QAAA,MAAM,gBAAgB,6LAeZ,CAAA;AAEV,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE9D,QAAA,MAAM,oBAAoB,sJAahB,CAAA;AAEV,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAA;AAEtE,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAW/B,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/styles.css.ts"],"names":[],"mappings":"AA+CA,QAAA,MAAM,gBAAgB,6LAeZ,CAAA;AAEV,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE9D,QAAA,MAAM,oBAAoB,sJAahB,CAAA;AAEV,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAA;AAEtE,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAW/B,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAA;AAC9D,eAAO,MAAM,UAAU;;CAAY,CAAA"}