@ultraviolet/ui 3.16.0 → 3.17.0

package/dist/components/PhoneInput/PhoneInput.js

@@ -0,0 +1,152 @@
+'use client';
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../Stack/index.js";
+import { Tooltip, init_Tooltip } from "../Tooltip/index.js";
+import { hasHelperText, init_hasHelperText } from "../../helpers/hasHelperText.js";
+import { Description, init_Description } from "../Description/index.js";
+import { Label, init_Label } from "../Label/index.js";
+import { init_styles_css, phoneInputStyle } from "./styles.css.js";
+import { forwardRef, useCallback, useId, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
+import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertCircleIcon } from "@ultraviolet/icons/AlertCircleIcon";
+import { getPhoneCountryFlag, getPhoneExample, parsePhoneNumber } from "@scaleway/phonenumber";
+import { CheckCircleOutlineIcon } from "@ultraviolet/icons/CheckCircleOutlineIcon";
+
+//#region src/components/PhoneInput/PhoneInput.tsx
+var PhoneInput;
+var init_PhoneInput = __esmMin(() => {
+	init_hasHelperText();
+	init_Description();
+	init_Label();
+	init_Stack();
+	init_Tooltip();
+	init_styles_css();
+	PhoneInput = forwardRef(({ "data-testid": dataTestId, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, className, defaultCountry = "FR", disableAutoFormat = false, disabled = false, error: customError, id, label, success, error, helper, tooltip, name, size = "large", onBlur, onChange, onFocus, onParsingError, onValueChange, placeholder, readOnly, required, value }, ref) => {
+		var _getPhoneExample$numb;
+		var _localRef$current;
+		const localRef = useRef(null);
+		useImperativeHandle(ref, () => localRef.current);
+		const [countryFlag, setCountryFlag] = useState(defaultCountry);
+		const formatPhoneNumber = useCallback(({ inputValue }) => {
+			if (disableAutoFormat) return inputValue;
+			try {
+				const { regionCode = defaultCountry } = parsePhoneNumber(inputValue);
+				const { valid, number } = parsePhoneNumber(inputValue, { regionCode });
+				const isValid = inputValue.length > 4 && valid;
+				const formattedNumber = isValid ? number === null || number === void 0 ? void 0 : number.international : inputValue;
+				const result = {
+					inputValue,
+					formatted: isValid ? number === null || number === void 0 ? void 0 : number.international : inputValue,
+					country: regionCode,
+					valid: isValid,
+					e164: isValid ? number === null || number === void 0 ? void 0 : number.e164 : null,
+					international: formattedNumber !== null && formattedNumber !== void 0 ? formattedNumber : null
+				};
+				setCountryFlag(regionCode);
+				onValueChange === null || onValueChange === void 0 || onValueChange(result);
+				return formattedNumber;
+			} catch (error) {
+				if (error instanceof Error) onParsingError === null || onParsingError === void 0 || onParsingError({
+					error,
+					inputValue
+				});
+				return inputValue;
+			}
+		}, [
+			onParsingError,
+			disableAutoFormat,
+			onValueChange,
+			defaultCountry
+		]);
+		const handleOnChangeCallback = useCallback((inputValue) => {
+			var _formatPhoneNumber;
+			if (!localRef.current) return;
+			const formatted = (_formatPhoneNumber = formatPhoneNumber({ inputValue })) !== null && _formatPhoneNumber !== void 0 ? _formatPhoneNumber : "";
+			localRef.current.value = formatted;
+		}, [formatPhoneNumber]);
+		useLayoutEffect(() => {
+			if (value !== void 0) handleOnChangeCallback(value);
+		}, [value, handleOnChangeCallback]);
+		const uniqueId = useId();
+		const helperId = useId();
+		const localId = id || `phone-${uniqueId}`;
+		return /* @__PURE__ */ jsxs(Stack, {
+			className,
+			gap: .5,
+			children: [
+				label ? /* @__PURE__ */ jsx(Label, {
+					htmlFor: localId,
+					required,
+					size,
+					children: label
+				}) : null,
+				/* @__PURE__ */ jsx(Tooltip, {
+					text: tooltip,
+					children: /* @__PURE__ */ jsxs("div", {
+						className: cn(className, phoneInputStyle.inputWrapper, phoneInputStyle.inputWrapperSizes[size]),
+						"data-disabled": disabled,
+						"data-readonly": readOnly,
+						"data-success": success,
+						"data-error": !!customError,
+						children: [
+							/* @__PURE__ */ jsx(Stack, {
+								alignItems: "center",
+								className: phoneInputStyle.flag,
+								"data-disabled": disabled,
+								children: getPhoneCountryFlag(countryFlag)
+							}),
+							/* @__PURE__ */ jsx("input", {
+								"aria-invalid": !!error,
+								"aria-label": label ? void 0 : ariaLabel,
+								"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error, success) ? helperId : void 0),
+								"aria-labelledby": ariaLabelledBy,
+								className: phoneInputStyle.input,
+								"data-testid": dataTestId,
+								"data-size": size,
+								disabled,
+								required,
+								readOnly,
+								id: localId,
+								maxLength: 20,
+								name,
+								onBlur,
+								onChange: (event) => {
+									if (localRef.current) handleOnChangeCallback(localRef.current.value);
+									onChange === null || onChange === void 0 || onChange(event);
+								},
+								onFocus,
+								placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : (_getPhoneExample$numb = getPhoneExample(countryFlag, "mobile").number) === null || _getPhoneExample$numb === void 0 ? void 0 : _getPhoneExample$numb.international,
+								ref: localRef,
+								type: "tel",
+								value: (_localRef$current = localRef.current) === null || _localRef$current === void 0 ? void 0 : _localRef$current.value
+							}),
+							success ? /* @__PURE__ */ jsx(CheckCircleOutlineIcon, {
+								disabled,
+								sentiment: "success",
+								size: "small"
+							}) : null,
+							error ? /* @__PURE__ */ jsx(AlertCircleIcon, {
+								disabled,
+								sentiment: "danger",
+								size: "small"
+							}) : null
+						]
+					})
+				}),
+				/* @__PURE__ */ jsx(Description, {
+					helper,
+					error,
+					success,
+					size,
+					disabled,
+					id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId
+				})
+			]
+		});
+	});
+});
+
+//#endregion
+init_PhoneInput();
+export { PhoneInput };

package/dist/components/PhoneInput/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const INPUT_SIZE_HEIGHT: {
+    readonly large: '600';
+    readonly medium: '500';
+    readonly small: '400';
+};
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/PhoneInput/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/PhoneInput/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB;aAC5B,KAAK,EAAE,KAAK;aACZ,MAAM,EAAE,KAAK;aACb,KAAK,EAAE,KAAK;CACJ,CAAA"}

package/dist/components/PhoneInput/index.d.ts

@@ -0,0 +1,2 @@
+export { PhoneInput } from './PhoneInput';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/PhoneInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PhoneInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/dist/components/PhoneInput/index.js

@@ -0,0 +1,9 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { PhoneInput } from "./PhoneInput.js";
+
+//#region src/components/PhoneInput/index.tsx
+var init_PhoneInput = __esmMin(() => {});
+
+//#endregion
+init_PhoneInput();
+export { init_PhoneInput };

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

@@ -0,0 +1,7 @@
+export declare const phoneInputStyle: {
+    flag: string;
+    inputWrapper: string;
+    inputWrapperSizes: Record<"large" | "medium" | "small", string>;
+    input: string;
+};
+//# sourceMappingURL=styles.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/PhoneInput/styles.css.ts"],"names":[],"mappings":"AAwGA,eAAO,MAAM,eAAe;;;;;CAK3B,CAAA"}

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

@@ -0,0 +1,22 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+
+//#region src/components/PhoneInput/styles.css.ts
+var phoneInputStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	phoneInputStyle = {
+		flag: "uv_f9zn1x0",
+		inputWrapper: "uv_f9zn1x4",
+		inputWrapperSizes: {
+			large: "uv_f9zn1x1",
+			medium: "uv_f9zn1x2",
+			small: "uv_f9zn1x3"
+		},
+		input: "uv_f9zn1x5"
+	};
+});
+
+//#endregion
+init_styles_css();
+export { init_styles_css, phoneInputStyle };

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

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

@@ -1,7 +1,9 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 import { init_styles_css_ts_vanilla } from "../Tag/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$1 } from "../TagList/styles.css.ts.vanilla.js";
+import { init_variables_css_ts_vanilla } from "../Text/variables.css.ts.vanilla.js";
 import { init_style_css_ts_vanilla } from "../Text/style.css.ts.vanilla.js";
+import { init_variables_css_ts_vanilla as init_variables_css_ts_vanilla$1 } from "./variables.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$2 } from "./styles.css.ts.vanilla.js";
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
@@ -10,7 +12,9 @@ var popupStyle;
 var init_styles_css = __esmMin(() => {
 	init_styles_css_ts_vanilla();
 	init_styles_css_ts_vanilla$1();
+	init_variables_css_ts_vanilla();
 	init_style_css_ts_vanilla();
+	init_variables_css_ts_vanilla$1();
 	init_styles_css_ts_vanilla$2();
 	popupStyle = {
 		container: createRuntimeFn({

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

@@ -1,9 +1,11 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+import { init_variables_css_ts_vanilla } from "./variables.css.ts.vanilla.js";
 
 //#region src/components/ProgressBar/styles.css.ts
 var progressBarStyle;
 var init_styles_css = __esmMin(() => {
+	init_variables_css_ts_vanilla();
 	init_styles_css_ts_vanilla();
 	progressBarStyle = {
 		container: "uv_1pgcd801",

package/dist/components/SelectInput/components/Dropdown/AddOption.d.ts

@@ -1,7 +1,7 @@
 import type { OptionType } from '../../types';
 export declare const AddOption: ({ option, textVariant, addOption, searchable, isEmpty, }: {
     option: OptionType;
-    textVariant: 'caption' | 'body' | 'bodySmall';
+    textVariant: 'body' | 'bodySmall';
     addOption?: {
         text: string;
         onClick: (searchText: string) => void;

package/dist/components/SelectInput/components/Dropdown/AddOption.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddOption.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/AddOption.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAI7C,eAAO,MAAM,SAAS,6DAMnB;IACD,MAAM,EAAE,UAAU,CAAA;IAClB,WAAW,EAAE,SAAS,GAAG,MAAM,GAAG,WAAW,CAAA;IAC7C,SAAS,CAAC,EAAE;QACV,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;KACtC,CAAA;IACD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,mDAkCA,CAAA"}
+{"version":3,"file":"AddOption.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/AddOption.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAI7C,eAAO,MAAM,SAAS,6DAMnB;IACD,MAAM,EAAE,UAAU,CAAA;IAClB,WAAW,EAAE,MAAM,GAAG,WAAW,CAAA;IACjC,SAAS,CAAC,EAAE;QACV,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;KACtC,CAAA;IACD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,mDAkCA,CAAA"}

package/dist/components/SelectInput/components/Dropdown/Content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/Content.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAYrD,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,SAAS,CAAA;IACrB,oBAAoB,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,CAAA;IACnE,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AA2CD,eAAO,MAAM,cAAc,uKAYxB,mBAAmB,4CAuLrB,CAAA"}
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/Content.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAYrD,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,SAAS,CAAA;IACrB,oBAAoB,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,CAAA;IACnE,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AA2CD,eAAO,MAAM,cAAc,uKAYxB,mBAAmB,4CA6KrB,CAAA"}

package/dist/components/SelectInput/components/Dropdown/Content.js

@@ -10,7 +10,7 @@ import { AddOption, init_AddOption } from "./AddOption.js";
 import { Group, init_Group } from "./Group.js";
 import { Item, init_Item } from "./Item.js";
 import { SelectAll, init_SelectAll } from "./SelectAll.js";
-import { useEffect, useMemo, useRef } from "react";
+import { useEffect, useRef } from "react";
 import { cn } from "@ultraviolet/utils";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { PlusIcon } from "@ultraviolet/icons/PlusIcon";
@@ -60,12 +60,7 @@ var init_Content = __esmMin(() => {
 		useEffect(() => {
 			if (defaultSearchValue && (focusedItemRef === null || focusedItemRef === void 0 ? void 0 : focusedItemRef.current)) focusedItemRef.current.focus();
 		}, [defaultSearchValue]);
-		const textVariant = useMemo(() => {
-			if (size === "large") return "body";
-			if (size === "medium") return "bodySmall";
-			return "caption";
-		}, [size]);
-		const textVariantSmall = size === "small" ? "captionStrong" : "bodySmallStrong";
+		const textVariant = size === "large" ? "body" : "bodySmall";
 		const sizeVariantIcon = size === "small" ? "xsmall" : "small";
 		const computedEmptyState = emptyState !== null && emptyState !== void 0 ? emptyState : /* @__PURE__ */ jsx(Text, {
 			as: "p",
@@ -82,7 +77,7 @@ var init_Content = __esmMin(() => {
 			}), /* @__PURE__ */ jsxs(Text, {
 				as: "span",
 				sentiment: "primary",
-				variant: textVariantSmall,
+				variant: "bodySmallStrong",
 				children: [
 					addOption === null || addOption === void 0 ? void 0 : addOption.text,
 					" ",

package/dist/components/SelectInput/components/Dropdown/Item.d.ts

@@ -7,7 +7,7 @@ export declare const Item: ({ option, indexOption, group, defaultSearchValue, fo
     defaultSearchValue: string | null;
     focusedItemRef: RefObject<HTMLDivElement | null>;
     descriptionDirection: 'column' | 'row';
-    textVariant: 'caption' | 'body' | 'bodySmall';
+    textVariant: 'body' | 'bodySmall';
     optionalInfoPlacement: 'left' | 'right';
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Item.d.ts.map

package/dist/components/SelectInput/components/Dropdown/Item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/Item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAA0C,SAAS,EAAE,MAAM,OAAO,CAAA;AAG9E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAI7C,eAAO,MAAM,IAAI,kIASd;IACD,MAAM,EAAE,UAAU,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,cAAc,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAChD,oBAAoB,EAAE,QAAQ,GAAG,KAAK,CAAA;IACtC,WAAW,EAAE,SAAS,GAAG,MAAM,GAAG,WAAW,CAAA;IAC7C,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;CACxC,4CA8FA,CAAA"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/Item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAA0C,SAAS,EAAE,MAAM,OAAO,CAAA;AAG9E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAI7C,eAAO,MAAM,IAAI,kIASd;IACD,MAAM,EAAE,UAAU,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,cAAc,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAChD,oBAAoB,EAAE,QAAQ,GAAG,KAAK,CAAA;IACtC,WAAW,EAAE,MAAM,GAAG,WAAW,CAAA;IACjC,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;CACxC,4CA8FA,CAAA"}

package/dist/components/SelectInput/components/Dropdown/Option.d.ts

@@ -3,7 +3,7 @@ type DisplayOptionProps = {
     option: OptionType;
     descriptionDirection: 'row' | 'column';
     optionalInfoPlacement: 'left' | 'right';
-    textVariant: 'body' | 'bodySmall' | 'caption';
+    textVariant: 'body' | 'bodySmall';
 };
 export declare const DisplayOption: ({ option, optionalInfoPlacement, descriptionDirection, textVariant, }: DisplayOptionProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/SelectInput/components/Dropdown/Option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/Option.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAG7C,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,UAAU,CAAA;IAClB,oBAAoB,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtC,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,WAAW,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAAA;CAC9C,CAAA;AAED,eAAO,MAAM,aAAa,0EAKvB,kBAAkB,4CA4GpB,CAAA"}
+{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/Option.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAG7C,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,UAAU,CAAA;IAClB,oBAAoB,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtC,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,WAAW,EAAE,MAAM,GAAG,WAAW,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,aAAa,0EAKvB,kBAAkB,4CAkGpB,CAAA"}

package/dist/components/SelectInput/components/Dropdown/Option.js

@@ -15,11 +15,7 @@ var init_Option = __esmMin(() => {
 	init_Tooltip();
 	init_styles_css();
 	DisplayOption = ({ option, optionalInfoPlacement, descriptionDirection, textVariant }) => {
-		const captionSize = useMemo(() => {
-			if (textVariant === "body") return "bodySmall";
-			if (textVariant === "bodySmall") return "caption";
-			return "captionSmall";
-		}, [textVariant]);
+		const captionSize = useMemo(() => textVariant === "body" ? "bodySmall" : "caption", [textVariant]);
 		const optionDescription = option.description ? /* @__PURE__ */ jsx(Text, {
 			as: "span",
 			placement: "left",

package/dist/components/SelectInput/components/Dropdown/SelectAll.d.ts

@@ -1,4 +1,4 @@
 export declare const SelectAll: ({ textVariant }: {
-    textVariant: 'body' | 'bodySmall' | 'caption';
+    textVariant: 'body' | 'bodySmall';
 }) => import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=SelectAll.d.ts.map

package/dist/components/SelectInput/components/Dropdown/SelectAll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectAll.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/SelectAll.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,SAAS,oBAAqB;IAAE,WAAW,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAAA;CAAE,mDAwE3F,CAAA"}
+{"version":3,"file":"SelectAll.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/SelectAll.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,SAAS,oBAAqB;IAAE,WAAW,EAAE,MAAM,GAAG,WAAW,CAAA;CAAE,mDAwE/E,CAAA"}

package/dist/components/SelectInput/components/Dropdown/SelectAll.js

@@ -69,7 +69,7 @@ var init_SelectAll = __esmMin(() => {
 							placement: "left",
 							prominence: "weak",
 							sentiment: "neutral",
-							variant: size === "small" ? "captionSmall" : "bodySmall",
+							variant: size === "large" ? "bodySmall" : "caption",
 							children: selectAll === null || selectAll === void 0 ? void 0 : selectAll.description
 						})]
 					})

package/dist/components/SelectInput/components/SelectBar/SelectBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/SelectBar/SelectBar.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAcjD,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,aAAa,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,SAAS,iNAkBZ,cAAc,4CA+NhB,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"SelectBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/SelectBar/SelectBar.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAcjD,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,aAAa,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,SAAS,iNAkBZ,cAAc,4CAsNhB,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/components/SelectInput/components/SelectBar/SelectBar.js

@@ -107,11 +107,7 @@ var init_SelectBar = __esmMin(() => {
 			potentiallyNonOverflowedValues.length,
 			selectedData.selectedValues
 		]);
-		const textVariant = useMemo(() => {
-			if (size === "large") return "body";
-			if (size === "medium") return "bodySmall";
-			return "caption";
-		}, [size]);
+		const textVariant = useMemo(() => size === "large" ? "body" : "bodySmall", [size]);
 		return /* @__PURE__ */ jsx(Tooltip, {
 			disableAnimation: true,
 			text: tooltip,

package/dist/components/SelectInput/components/SelectBar/Values.d.ts

@@ -13,7 +13,7 @@ type DisplayValuesProps = {
     overflow?: boolean;
     refPlusTag: RefObject<HTMLDivElement | null>;
     displayShadowCopy?: boolean;
-    textVariant: 'body' | 'bodySmall' | 'caption';
+    textVariant: 'body' | 'bodySmall';
 };
 export declare const DisplayValues: ({ refTag, nonOverflowedValues, potentiallyNonOverflowedValues, disabled, readOnly, overflowed, overflowAmount, measureRef, lastElementMaxWidth, overflow, refPlusTag, displayShadowCopy, textVariant, }: DisplayValuesProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/SelectInput/components/SelectBar/Values.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Values.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/SelectBar/Values.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAI7C,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACxC,mBAAmB,EAAE,UAAU,EAAE,CAAA;IACjC,8BAA8B,EAAE,UAAU,EAAE,CAAA;IAC5C,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,OAAO,CAAA;IACnB,cAAc,EAAE,MAAM,CAAA;IACtB,UAAU,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC5C,mBAAmB,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC5C,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,WAAW,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAAA;CAC9C,CAAA;AAED,eAAO,MAAM,aAAa,4MAcvB,kBAAkB,4CA4FpB,CAAA"}
+{"version":3,"file":"Values.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/SelectBar/Values.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAI7C,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACxC,mBAAmB,EAAE,UAAU,EAAE,CAAA;IACjC,8BAA8B,EAAE,UAAU,EAAE,CAAA;IAC5C,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,OAAO,CAAA;IACnB,cAAc,EAAE,MAAM,CAAA;IACtB,UAAU,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC5C,mBAAmB,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC5C,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,WAAW,EAAE,MAAM,GAAG,WAAW,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,aAAa,4MAcvB,kBAAkB,4CA4FpB,CAAA"}

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

@@ -1,10 +1,12 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+import { init_variables_css_ts_vanilla } from "./variables.css.ts.vanilla.js";
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/Table/styles.css.ts
 var tableStyle;
 var init_styles_css = __esmMin(() => {
+	init_variables_css_ts_vanilla();
 	init_styles_css_ts_vanilla();
 	tableStyle = {
 		stripped: "uv_1cpcscz2",

package/dist/components/Text/index.d.ts

@@ -1,5 +1,5 @@
 import type { TextVariant } from '@ultraviolet/themes';
-import type { CSSProperties, ElementType, ReactNode } from 'react';
+import type { CSSProperties, AriaRole, ElementType, ReactNode } from 'react';
 import type { ExtendedColor } from '../../theme';
 import type { PROMINENCES } from './constants';
 type ProminenceProps = keyof typeof PROMINENCES;
@@ -24,11 +24,12 @@ type TextProps = {
     'aria-hidden'?: boolean;
     strikeThrough?: boolean;
     whiteSpace?: WhiteSpaceProps;
+    role?: Extract<AriaRole, 'status' | 'alert'>;
     style?: CSSProperties;
 };
 /**
  * Text component is used to display text with different variants and sentiments.
  */
-export declare const Text: ({ variant, children, as: Component, sentiment, oneLine, placement, prominence, className, disabled, italic, underline, strikeThrough, id, dir, whiteSpace, htmlFor, 'data-testid': dataTestId, 'aria-hidden': ariaHidden, style, }: TextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Text: ({ variant, children, as: Component, sentiment, oneLine, placement, prominence, className, disabled, italic, underline, strikeThrough, id, dir, whiteSpace, htmlFor, role, 'data-testid': dataTestId, 'aria-hidden': ariaHidden, style, }: TextProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Text/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Text/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAItD,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGlE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAI9C,KAAK,eAAe,GAAG,MAAM,OAAO,WAAW,CAAA;AAC/C,KAAK,cAAc,GAAG,aAAa,CAAC,WAAW,CAAC,CAAA;AAChD,KAAK,eAAe,GAAG,aAAa,CAAC,YAAY,CAAC,CAAA;AAElD,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,OAAO,EAAE,WAAW,CAAA;IACpB,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,EAAE,EAAE,WAAW,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAA;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,uOAoBd,SAAS,4CAyCX,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Text/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAItD,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAG5E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAI9C,KAAK,eAAe,GAAG,MAAM,OAAO,WAAW,CAAA;AAC/C,KAAK,cAAc,GAAG,aAAa,CAAC,WAAW,CAAC,CAAA;AAChD,KAAK,eAAe,GAAG,aAAa,CAAC,YAAY,CAAC,CAAA;AAElD,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,OAAO,EAAE,WAAW,CAAA;IACpB,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,EAAE,EAAE,WAAW,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAA;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAAC,CAAA;IAC5C,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,6OAqBd,SAAS,4CA0CX,CAAA"}

package/dist/components/Text/index.js

@@ -20,13 +20,14 @@ var init_Text = __esmMin(() => {
 	init_style_css();
 	init_variables_css();
 	init_objectSpread2();
-	Text = ({ variant, children, as: Component = "div", sentiment, oneLine = false, placement, prominence = "default", className, disabled = false, italic = false, underline = false, strikeThrough = false, id, dir, whiteSpace, htmlFor, "data-testid": dataTestId, "aria-hidden": ariaHidden, style }) => {
+	Text = ({ variant, children, as: Component = "div", sentiment, oneLine = false, placement, prominence = "default", className, disabled = false, italic = false, underline = false, strikeThrough = false, id, dir, whiteSpace, htmlFor, role, "data-testid": dataTestId, "aria-hidden": ariaHidden, style }) => {
 		const elementRef = useRef(null);
 		const isOverflowing = useIsOverflowing(elementRef);
 		const finalStringChildren = recursivelyGetChildrenString(children);
 		return /* @__PURE__ */ jsx(Tooltip, {
 			text: oneLine && isOverflowing ? finalStringChildren : "",
 			children: /* @__PURE__ */ jsx(Component, {
+				role,
 				"aria-hidden": ariaHidden,
 				className: cn(className, textStyle.text({
 					disabled,

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,WAAW,oBAAc,CAAA;AA+HtC,eAAO,MAAM,cAAc;;;;;;;;CAQ1B,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,WAAW,oBAAc,CAAA;AA4HtC,eAAO,MAAM,cAAc;;;;;;;;CAQ1B,CAAA"}

package/dist/components/Toaster/Toaster.js

@@ -4,8 +4,8 @@ import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project
 import { CloseButton, init_CloseButton } from "./components/CloseButton.js";
 import { Content, init_Content } from "./components/Content.js";
 import { jsx } from "react/jsx-runtime";
-import { toast } from "react-toastify";
 import { CheckCircleOutlineIcon } from "@ultraviolet/icons/CheckCircleOutlineIcon";
+import { toast } from "react-toastify";
 import { AlertCircleOutlineIcon } from "@ultraviolet/icons/AlertCircleOutlineIcon";
 import { CloseCircleOutlineIcon } from "@ultraviolet/icons/CloseCircleOutlineIcon";
 

package/dist/components/index.d.ts

@@ -28,6 +28,7 @@ export { Label } from './Label';
 export { LineChart } from './LineChart';
 export { Link } from './Link';
 export { List } from './List';
+export { PhoneInput } from './PhoneInput';
 export { Loader } from './Loader';
 export { Menu } from './Menu';
 export { Meter } from './Meter';

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}

package/dist/components/index.js

@@ -49,6 +49,8 @@ import { FileInput, init_FileInput } from "./FileInput/index.js";
 import { GlobalAlert, init_GlobalAlert } from "./GlobalAlert/index.js";
 import { InfiniteScroll, init_InfiniteScroll } from "./InfiniteScroll/index.js";
 import { LineChart, init_LineChart } from "./LineChart/index.js";
+import { PhoneInput } from "./PhoneInput/PhoneInput.js";
+import { init_PhoneInput } from "./PhoneInput/index.js";
 import { Meter, init_Meter } from "./Meter/index.js";
 import { Notice, init_Notice } from "./Notice/index.js";
 import { notification } from "./Notification/Notification.js";
@@ -115,6 +117,7 @@ var init_components = __esmMin(() => {
 	init_LineChart();
 	init_Link();
 	init_List();
+	init_PhoneInput();
 	init_Loader();
 	init_Menu();
 	init_Meter();

package/dist/composition.js

@@ -81,6 +81,7 @@ import { FileInput } from "./components/FileInput/index.js";
 import { GlobalAlert } from "./components/GlobalAlert/index.js";
 import { InfiniteScroll } from "./components/InfiniteScroll/index.js";
 import { LineChart } from "./components/LineChart/index.js";
+import { PhoneInput } from "./components/PhoneInput/PhoneInput.js";
 import { Meter } from "./components/Meter/index.js";
 import { Notice } from "./components/Notice/index.js";
 import { notification } from "./components/Notification/Notification.js";
@@ -121,4 +122,4 @@ var init_composition = __esmMin(() => {
 
 //#endregion
 init_composition();
-export { ActionBar, Alert, Avatar, Badge, Banner, BarChart, BarStack, Breadcrumbs, Bullet, Button, Card, Carousel, Checkbox, CheckboxGroup, CheckboxGroupCheckbox, Chip, CodeEditor, ContentCard, ContentCardGroup, Conversation, CopyButton, CustomerSatisfaction, DateInput, Dialog, Drawer, EmptyState, EstimateCost, Expandable, ExpandableCard, FAQ, FileInput, GlobalAlert, InfiniteScroll, InfoTable, Key, Label, LineChart, Link, List, Loader, Menu, Meter, Modal, Navigation, NavigationProvider, Notice, NotificationContainer, NumberInput, OfferList, OptionSelector, OrderSummary, Pagination, PasswordCheck, PieChart, Plans, Popover, Popup, ProgressBar, Radio, RadioGroup, Row, SearchInput, SelectInput, SelectableCard, SelectableCardGroup, SelectableCardOptionGroup, Separator, Skeleton, Slider, Snippet, Stack, Status, StepList, SteppedListCard, Stepper, SwitchButton, Table, Tabs, Tag, TagInput, TagList, Text, TextArea, TextInput, TimeInput, ToastContainer, Toggle, ToggleGroup, Tooltip, TreeMapChart, UnitInput, VerificationCode, codeEditorStyle, contentCardGroupStyle, contentCardStyle, conversationStyle, customerSatisfactionStyle, en_default as estimateCostDefaultLocales, estimateCostStyle, faqStyle, infoTableStyle, navigationStyle, notification, offerListStyle, optionSelectorStyle, orderSummaryStyle, plansStyle, steppedListCardStyle, toast, useNavigation };
+export { ActionBar, Alert, Avatar, Badge, Banner, BarChart, BarStack, Breadcrumbs, Bullet, Button, Card, Carousel, Checkbox, CheckboxGroup, CheckboxGroupCheckbox, Chip, CodeEditor, ContentCard, ContentCardGroup, Conversation, CopyButton, CustomerSatisfaction, DateInput, Dialog, Drawer, EmptyState, EstimateCost, Expandable, ExpandableCard, FAQ, FileInput, GlobalAlert, InfiniteScroll, InfoTable, Key, Label, LineChart, Link, List, Loader, Menu, Meter, Modal, Navigation, NavigationProvider, Notice, NotificationContainer, NumberInput, OfferList, OptionSelector, OrderSummary, Pagination, PasswordCheck, PhoneInput, PieChart, Plans, Popover, Popup, ProgressBar, Radio, RadioGroup, Row, SearchInput, SelectInput, SelectableCard, SelectableCardGroup, SelectableCardOptionGroup, Separator, Skeleton, Slider, Snippet, Stack, Status, StepList, SteppedListCard, Stepper, SwitchButton, Table, Tabs, Tag, TagInput, TagList, Text, TextArea, TextInput, TimeInput, ToastContainer, Toggle, ToggleGroup, Tooltip, TreeMapChart, UnitInput, VerificationCode, codeEditorStyle, contentCardGroupStyle, contentCardStyle, conversationStyle, customerSatisfactionStyle, en_default as estimateCostDefaultLocales, estimateCostStyle, faqStyle, infoTableStyle, navigationStyle, notification, offerListStyle, optionSelectorStyle, orderSummaryStyle, plansStyle, steppedListCardStyle, toast, useNavigation };

package/dist/compositions/Navigation/styles.css.js

@@ -1,6 +1,8 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_themes_css_js_vanilla } from "../../themes/dist/vanilla/themes.css.js.vanilla.js";
 import { init_animationsVanillaExtract_css_ts_vanilla } from "../../utils/animations/animationsVanillaExtract.css.ts.vanilla.js";
 import { init_items_css_ts_vanilla } from "./components/items.css.ts.vanilla.js";
+import { init_variables_css_ts_vanilla } from "./variables.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla } from "./components/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$1 } from "./styles.css.ts.vanilla.js";
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
@@ -8,8 +10,10 @@ import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region src/compositions/Navigation/styles.css.ts
 var navigationStyle;
 var init_styles_css = __esmMin(() => {
+	init_themes_css_js_vanilla();
 	init_animationsVanillaExtract_css_ts_vanilla();
 	init_items_css_ts_vanilla();
+	init_variables_css_ts_vanilla();
 	init_styles_css_ts_vanilla();
 	init_styles_css_ts_vanilla$1();
 	navigationStyle = {

package/dist/compositions/Navigation/variables.css.js

@@ -1,10 +1,8 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
-import { init_variables_css_ts_vanilla } from "./variables.css.ts.vanilla.js";
 
 //#region src/compositions/Navigation/variables.css.ts
 var widthNavigationContainer, widthNavigationContainerExpanded, widthNavigationContainerDuration;
 var init_variables_css = __esmMin(() => {
-	init_variables_css_ts_vanilla();
 	widthNavigationContainer = "var(--uv_10912fi0)";
 	widthNavigationContainerExpanded = "var(--uv_10912fi1)";
 	widthNavigationContainerDuration = "var(--uv_10912fi2)";