@ultraviolet/ui 3.11.0 → 3.12.0

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

@@ -1,78 +1,86 @@
-/* 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/Menu/styles.css.ts
-var heightMenu = "var(--uv_gky3yh0)";
-var heightAvailableSpace = "var(--uv_gky3yh1)";
-var menu = createRuntimeFn({
-	defaultClassName: "uv_gky3yh2",
-	variantClassNames: {
-		arrow: { true: "uv_gky3yh3" },
-		searchable: { true: "uv_gky3yh4" }
-	},
-	defaultVariants: {
-		arrow: false,
-		searchable: false
-	},
-	compoundVariants: []
-});
-var menuContent = "uv_gky3yh5";
-var menuFooter = "uv_gky3yh6";
-var menuList = "uv_gky3yh7";
-var menuSearchInput = "uv_gky3yh8";
-var menuGroup = "uv_gky3yh9";
-var menuItemContainer = createRuntimeFn({
-	defaultClassName: "uv_gky3yha",
-	variantClassNames: { borderless: {
-		false: "uv_gky3yhb",
-		true: "uv_gky3yhc"
-	} },
-	defaultVariants: { borderless: false },
-	compoundVariants: []
-});
-var menuItem = createRuntimeFn({
-	defaultClassName: "uv_gky3yhd",
-	variantClassNames: {
-		borderless: { true: "uv_gky3yhe" },
-		disabled: { true: "uv_gky3yhf" },
-		sentiment: {
-			neutral: "uv_gky3yhg",
-			danger: "uv_gky3yhh",
-			primary: "uv_gky3yhi"
-		}
-	},
-	defaultVariants: {
-		borderless: false,
-		disabled: false,
-		sentiment: "neutral"
-	},
-	compoundVariants: [
-		[{
-			disabled: false,
-			sentiment: "neutral"
-		}, "uv_gky3yhj"],
-		[{
-			disabled: false,
-			sentiment: "danger"
-		}, "uv_gky3yhk"],
-		[{
-			disabled: false,
-			sentiment: "primary"
-		}, "uv_gky3yhl"],
-		[{
-			disabled: true,
-			sentiment: "neutral"
-		}, "uv_gky3yhm"],
-		[{
-			disabled: true,
-			sentiment: "danger"
-		}, "uv_gky3yhn"],
-		[{
-			disabled: true,
-			sentiment: "primary"
-		}, "uv_gky3yho"]
-	]
+var heightMenu, heightAvailableSpace, menuStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	heightMenu = "var(--uv_gky3yh0)";
+	heightAvailableSpace = "var(--uv_gky3yh1)";
+	menuStyle = {
+		menu: createRuntimeFn({
+			defaultClassName: "uv_gky3yh2",
+			variantClassNames: {
+				arrow: { true: "uv_gky3yh3" },
+				searchable: { true: "uv_gky3yh4" }
+			},
+			defaultVariants: {
+				arrow: false,
+				searchable: false
+			},
+			compoundVariants: []
+		}),
+		content: "uv_gky3yh5",
+		footer: "uv_gky3yh6",
+		list: "uv_gky3yh7",
+		searchInput: "uv_gky3yh8",
+		group: "uv_gky3yh9",
+		itemContainer: createRuntimeFn({
+			defaultClassName: "uv_gky3yha",
+			variantClassNames: { borderless: {
+				false: "uv_gky3yhb",
+				true: "uv_gky3yhc"
+			} },
+			defaultVariants: { borderless: false },
+			compoundVariants: []
+		}),
+		item: createRuntimeFn({
+			defaultClassName: "uv_gky3yhd",
+			variantClassNames: {
+				borderless: { true: "uv_gky3yhe" },
+				disabled: { true: "uv_gky3yhf" },
+				sentiment: {
+					neutral: "uv_gky3yhg",
+					danger: "uv_gky3yhh",
+					primary: "uv_gky3yhi"
+				}
+			},
+			defaultVariants: {
+				borderless: false,
+				disabled: false,
+				sentiment: "neutral"
+			},
+			compoundVariants: [
+				[{
+					disabled: false,
+					sentiment: "neutral"
+				}, "uv_gky3yhj"],
+				[{
+					disabled: false,
+					sentiment: "danger"
+				}, "uv_gky3yhk"],
+				[{
+					disabled: false,
+					sentiment: "primary"
+				}, "uv_gky3yhl"],
+				[{
+					disabled: true,
+					sentiment: "neutral"
+				}, "uv_gky3yhm"],
+				[{
+					disabled: true,
+					sentiment: "danger"
+				}, "uv_gky3yhn"],
+				[{
+					disabled: true,
+					sentiment: "primary"
+				}, "uv_gky3yho"]
+			]
+		})
+	};
 });
 
 //#endregion
-export { heightAvailableSpace, heightMenu, menu, menuContent, menuFooter, menuGroup, menuItem, menuItemContainer, menuList, menuSearchInput };
+init_styles_css();
+export { heightAvailableSpace, heightMenu, init_styles_css, menuStyle };

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

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

@@ -1,58 +1,61 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Text } from "../Text/index.js";
-import { colorMeter, meter, strengthMeter, wrapperMeter } from "./styles.css.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../Text/index.js";
+import { colorMeter, init_styles_css, meterStyle } from "./styles.css.js";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Meter/index.tsx
-/**
-* Show strength of a password based on different criteria.
-*/
-const Meter = ({ strength, title, value, className, "data-testid": dataTestId, style, id }) => {
-	var _strength$value$color;
-	var _strength$value;
-	var _strength$value$text;
-	var _strength$value2;
-	var _strength$length;
-	const width = `${(value + 1) / strength.length * 100}%`;
-	const backgroundColor = (_strength$value$color = (_strength$value = strength[value]) === null || _strength$value === void 0 ? void 0 : _strength$value.color) !== null && _strength$value$color !== void 0 ? _strength$value$color : strength[0].color;
-	const text = (_strength$value$text = (_strength$value2 = strength[value]) === null || _strength$value2 === void 0 ? void 0 : _strength$value2.text) !== null && _strength$value$text !== void 0 ? _strength$value$text : strength[0].text;
-	return /* @__PURE__ */ jsxs("div", {
-		"aria-labelledby": "meter-label",
-		"aria-live": "polite",
-		"aria-valuemax": (_strength$length = strength.length) !== null && _strength$length !== void 0 ? _strength$length : 0,
-		"aria-valuemin": 0,
-		"aria-valuenow": value,
-		className,
-		"data-testid": dataTestId,
-		id,
-		role: "meter",
-		style,
-		title,
-		children: [/* @__PURE__ */ jsxs(Text, {
-			as: "p",
-			id: "meter-label",
-			variant: "bodySmallStrong",
-			children: [title, /* @__PURE__ */ jsx(Text, {
-				as: "span",
-				className: strengthMeter,
-				style: assignInlineVars({ [colorMeter]: strength[value].color }),
+var Meter;
+var init_Meter = __esmMin(() => {
+	init_Text();
+	init_styles_css();
+	Meter = ({ strength, title, value, className, "data-testid": dataTestId, style, id }) => {
+		var _strength$value$color;
+		var _strength$value;
+		var _strength$value$text;
+		var _strength$value2;
+		var _strength$length;
+		const width = `${(value + 1) / strength.length * 100}%`;
+		const backgroundColor = (_strength$value$color = (_strength$value = strength[value]) === null || _strength$value === void 0 ? void 0 : _strength$value.color) !== null && _strength$value$color !== void 0 ? _strength$value$color : strength[0].color;
+		const text = (_strength$value$text = (_strength$value2 = strength[value]) === null || _strength$value2 === void 0 ? void 0 : _strength$value2.text) !== null && _strength$value$text !== void 0 ? _strength$value$text : strength[0].text;
+		return /* @__PURE__ */ jsxs("div", {
+			"aria-labelledby": "meter-label",
+			"aria-live": "polite",
+			"aria-valuemax": (_strength$length = strength.length) !== null && _strength$length !== void 0 ? _strength$length : 0,
+			"aria-valuemin": 0,
+			"aria-valuenow": value,
+			className,
+			"data-testid": dataTestId,
+			id,
+			role: "meter",
+			style,
+			title,
+			children: [/* @__PURE__ */ jsxs(Text, {
+				as: "p",
+				id: "meter-label",
 				variant: "bodySmallStrong",
-				children: text
+				children: [title, /* @__PURE__ */ jsx(Text, {
+					as: "span",
+					className: meterStyle.strength,
+					style: assignInlineVars({ [colorMeter]: strength[value].color }),
+					variant: "bodySmallStrong",
+					children: text
+				})]
+			}), /* @__PURE__ */ jsx("div", {
+				className: meterStyle.wrapper,
+				children: /* @__PURE__ */ jsx("div", {
+					className: meterStyle.meter,
+					style: {
+						backgroundColor,
+						width
+					}
+				})
 			})]
-		}), /* @__PURE__ */ jsx("div", {
-			className: wrapperMeter,
-			children: /* @__PURE__ */ jsx("div", {
-				className: meter,
-				style: {
-					backgroundColor,
-					width
-				}
-			})
-		})]
-	});
-};
+		});
+	};
+});
 
 //#endregion
-export { Meter };
+init_Meter();
+export { Meter, init_Meter };

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

@@ -1,5 +1,7 @@
 export declare const colorMeter: `var(--${string})`;
-export declare const strengthMeter: string;
-export declare const wrapperMeter: string;
-export declare const meter: string;
+export declare const meterStyle: {
+    strength: string;
+    wrapper: string;
+    meter: string;
+};
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Meter/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,oBAAc,CAAA;AAErC,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,YAAY,QAKvB,CAAA;AAEF,eAAO,MAAM,KAAK,QAIhB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Meter/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,oBAAc,CAAA;AAqBrC,eAAO,MAAM,UAAU;;;;CAA+B,CAAA"}

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

@@ -1,10 +1,18 @@
-/* empty css                      */
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/Meter/styles.css.ts
-var colorMeter = "var(--uv_1enq5vc0)";
-var strengthMeter = "uv_1enq5vc1";
-var wrapperMeter = "uv_1enq5vc2";
-var meter = "uv_1enq5vc3";
+var colorMeter, meterStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	colorMeter = "var(--uv_1enq5vc0)";
+	meterStyle = {
+		strength: "uv_1enq5vc1",
+		wrapper: "uv_1enq5vc2",
+		meter: "uv_1enq5vc3"
+	};
+});
 
 //#endregion
-export { colorMeter, meter, strengthMeter, wrapperMeter };
+init_styles_css();
+export { colorMeter, init_styles_css, meterStyle };

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

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

@@ -1,47 +1,54 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Button } from "../Button/index.js";
-import { modalContainer } from "./styles.css.js";
-import { Dialog } from "./components/Dialog.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Button, init_Button } from "../Button/index.js";
+import { init_styles_css, modalStyle } from "./styles.css.js";
+import { Dialog, init_Dialog } from "./components/Dialog.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
 
 //#region src/components/Modal/ModalContent.tsx
-const ModalContent = ({ visible, open, placement, finalSize, ariaLabel, hideOnClickOutside, hideOnEsc, preventBodyScroll, handleClose, className, backdropClassName, dataTestId, isClosable, children, handleOpen, handleToggle, finalId, image, style, ref }) => visible || open ? /* @__PURE__ */ jsx(Dialog, {
-	ariaLabel,
-	backdropClassName,
-	className,
-	"data-testid": dataTestId,
-	hideOnClickOutside,
-	hideOnEsc,
-	id: finalId,
-	image,
-	onClose: handleClose,
-	open: visible || open,
-	placement,
-	preventBodyScroll,
-	ref,
-	size: finalSize,
-	style,
-	children: /* @__PURE__ */ jsxs(Fragment, { children: [typeof children === "function" ? children({
-		close: handleClose,
-		modalId: finalId,
-		show: handleOpen,
-		toggle: handleToggle,
-		visible
-	}) : children, /* @__PURE__ */ jsx("div", {
-		className: modalContainer,
-		children: isClosable ? /* @__PURE__ */ jsx(Button, {
-			"aria-label": "close",
-			"data-testid": dataTestId ? `${dataTestId}-close-button` : void 0,
-			onClick: handleClose,
-			sentiment: "neutral",
-			size: "small",
-			variant: "ghost",
-			children: /* @__PURE__ */ jsx(CloseIcon, {})
-		}) : null
-	})] })
-}) : null;
+var ModalContent;
+var init_ModalContent = __esmMin(() => {
+	init_Button();
+	init_Dialog();
+	init_styles_css();
+	ModalContent = ({ visible, open, placement, finalSize, ariaLabel, hideOnClickOutside, hideOnEsc, preventBodyScroll, handleClose, className, backdropClassName, dataTestId, isClosable, children, handleOpen, handleToggle, finalId, image, style, ref }) => visible || open ? /* @__PURE__ */ jsx(Dialog, {
+		ariaLabel,
+		backdropClassName,
+		className,
+		"data-testid": dataTestId,
+		hideOnClickOutside,
+		hideOnEsc,
+		id: finalId,
+		image,
+		onClose: handleClose,
+		open: visible || open,
+		placement,
+		preventBodyScroll,
+		ref,
+		size: finalSize,
+		style,
+		children: /* @__PURE__ */ jsxs(Fragment, { children: [typeof children === "function" ? children({
+			close: handleClose,
+			modalId: finalId,
+			show: handleOpen,
+			toggle: handleToggle,
+			visible
+		}) : children, /* @__PURE__ */ jsx("div", {
+			className: modalStyle.container,
+			children: isClosable ? /* @__PURE__ */ jsx(Button, {
+				"aria-label": "close",
+				"data-testid": dataTestId ? `${dataTestId}-close-button` : void 0,
+				onClick: handleClose,
+				sentiment: "neutral",
+				size: "small",
+				variant: "ghost",
+				children: /* @__PURE__ */ jsx(CloseIcon, {})
+			}) : null
+		})] })
+	}) : null;
+});
 
 //#endregion
-export { ModalContent };
+init_ModalContent();
+export { ModalContent, init_ModalContent };

package/dist/components/Modal/ModalProvider.js

@@ -1,46 +1,50 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 import { createContext, useCallback, useContext, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Modal/ModalProvider.tsx
-const ModalContext = createContext(void 0);
-const useModal = () => {
-	const context = useContext(ModalContext);
-	if (!context) throw new Error("useModal must be used within a ModalProvider");
-	return context;
-};
-const ModalProvider = ({ children }) => {
-	const [openedModals, setOpenedModals] = useState([]);
-	const [previsousOpenedModales, setPreviousOpenedModales] = useState([]);
-	const registerModal = useCallback((object) => {
-		setOpenedModals((prev) => {
-			setPreviousOpenedModales(prev);
-			return [...prev, object];
+var ModalContext, useModal, ModalProvider;
+var init_ModalProvider = __esmMin(() => {
+	ModalContext = createContext(void 0);
+	useModal = () => {
+		const context = useContext(ModalContext);
+		if (!context) throw new Error("useModal must be used within a ModalProvider");
+		return context;
+	};
+	ModalProvider = ({ children }) => {
+		const [openedModals, setOpenedModals] = useState([]);
+		const [previsousOpenedModales, setPreviousOpenedModales] = useState([]);
+		const registerModal = useCallback((object) => {
+			setOpenedModals((prev) => {
+				setPreviousOpenedModales(prev);
+				return [...prev, object];
+			});
+		}, []);
+		const unregisterModal = useCallback((id) => {
+			setOpenedModals((prev) => {
+				setPreviousOpenedModales(prev);
+				return prev.filter((modalId) => modalId.id !== id);
+			});
+		}, []);
+		const value = useMemo(() => ({
+			openedModals,
+			previsousOpenedModales,
+			registerModal,
+			unregisterModal
+		}), [
+			openedModals,
+			registerModal,
+			unregisterModal,
+			previsousOpenedModales
+		]);
+		return /* @__PURE__ */ jsx(ModalContext.Provider, {
+			value,
+			children
 		});
-	}, []);
-	const unregisterModal = useCallback((id) => {
-		setOpenedModals((prev) => {
-			setPreviousOpenedModales(prev);
-			return prev.filter((modalId) => modalId.id !== id);
-		});
-	}, []);
-	const value = useMemo(() => ({
-		openedModals,
-		previsousOpenedModales,
-		registerModal,
-		unregisterModal
-	}), [
-		openedModals,
-		registerModal,
-		unregisterModal,
-		previsousOpenedModales
-	]);
-	return /* @__PURE__ */ jsx(ModalContext.Provider, {
-		value,
-		children
-	});
-};
+	};
+});
 
 //#endregion
-export { ModalContext, ModalProvider, useModal };
+init_ModalProvider();
+export { ModalContext, ModalProvider, init_ModalProvider, useModal };

package/dist/components/Modal/components/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/components/Dialog.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAQ3C,eAAO,MAAM,MAAM,oOAqQlB,CAAA"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/components/Dialog.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAQ3C,eAAO,MAAM,MAAM,oOAqQlB,CAAA"}