@ultraviolet/ui 3.15.1 → 3.17.0

package/dist/components/PieChart/Tooltip.js

@@ -5,49 +5,45 @@ import { init_styles_css, pieChartStyle } from "./styles.css.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/PieChart/Tooltip.tsx
-var Tooltip;
+var TooltipContent;
 var init_Tooltip = __esmMin(() => {
 	init_Text();
 	init_styles_css();
-	Tooltip = ({ data }) => {
+	TooltipContent = ({ data }) => {
 		var _data$details;
-		return /* @__PURE__ */ jsx("div", {
-			role: "tooltip",
-			tabIndex: -1,
-			children: /* @__PURE__ */ jsxs("ul", {
-				className: pieChartStyle.listTooltip,
-				children: [/* @__PURE__ */ jsxs("li", {
-					className: pieChartStyle.itemTooltip,
-					children: [/* @__PURE__ */ jsx(Text, {
-						as: "p",
-						prominence: "stronger",
-						variant: "body",
-						children: data.name
-					}), /* @__PURE__ */ jsx(Text, {
-						as: "p",
-						prominence: "stronger",
-						variant: "body",
-						children: data.value
-					})]
-				}), (_data$details = data.details) === null || _data$details === void 0 ? void 0 : _data$details.map((detail) => /* @__PURE__ */ jsxs("li", {
-					className: pieChartStyle.itemTooltip,
-					children: [/* @__PURE__ */ jsx(Text, {
-						as: "p",
-						prominence: "stronger",
-						variant: "bodySmall",
-						children: detail.name
-					}), /* @__PURE__ */ jsx(Text, {
-						as: "p",
-						prominence: "stronger",
-						variant: "bodySmall",
-						children: detail.value
-					})]
-				}, detail.name))]
-			})
+		return /* @__PURE__ */ jsxs("ul", {
+			className: pieChartStyle.listTooltip,
+			children: [/* @__PURE__ */ jsxs("li", {
+				className: pieChartStyle.itemTooltip,
+				children: [/* @__PURE__ */ jsx(Text, {
+					as: "p",
+					prominence: "stronger",
+					variant: "body",
+					children: data.name
+				}), /* @__PURE__ */ jsx(Text, {
+					as: "p",
+					prominence: "stronger",
+					variant: "body",
+					children: data.value
+				})]
+			}), (_data$details = data.details) === null || _data$details === void 0 ? void 0 : _data$details.map((detail) => /* @__PURE__ */ jsxs("li", {
+				className: pieChartStyle.itemTooltip,
+				children: [/* @__PURE__ */ jsx(Text, {
+					as: "p",
+					prominence: "stronger",
+					variant: "bodySmall",
+					children: detail.name
+				}), /* @__PURE__ */ jsx(Text, {
+					as: "p",
+					prominence: "stronger",
+					variant: "bodySmall",
+					children: detail.value
+				})]
+			}, detail.name))]
 		});
 	};
 });
 
 //#endregion
 init_Tooltip();
-export { Tooltip, init_Tooltip };
+export { TooltipContent, init_Tooltip };

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

@@ -7,6 +7,7 @@ type PieChartProps = {
     height?: number;
     width?: number;
     emptyLegend?: string;
+    legendHeader?: string;
     content?: ReactNode;
     withLegend?: boolean;
     margin?: Box;
@@ -17,6 +18,6 @@ type PieChartProps = {
  * See https://nivo.rocks/pie/ for more information.
  * @experimental This component is experimental and may be subject to breaking changes in the future.
  */
-export declare const PieChart: ({ height, width, data, emptyLegend, content, withLegend, margin, chartProps, style, }: PieChartProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PieChart: ({ height, width, data, emptyLegend, legendHeader, content, withLegend, margin, chartProps, style, }: PieChartProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PieChart/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,YAAY,CAAA;AAMrC,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKrD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAGnC,KAAK,aAAa,GAAG;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAKD;;;;GAIG;AACH,eAAO,MAAM,QAAQ,0FAUlB,aAAa,4CA4Ff,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PieChart/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,YAAY,CAAA;AAMrC,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKrD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAGnC,KAAK,aAAa,GAAG;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAKD;;;;GAIG;AACH,eAAO,MAAM,QAAQ,wGAWlB,aAAa,4CAqFf,CAAA"}

package/dist/components/PieChart/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.128.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
 import { Text, init_Text } from "../Text/index.js";
 import { getLegendColor, init_legend } from "../../helpers/legend.js";
 import { getNivoTheme, init_nivoTheme } from "../../helpers/nivoTheme.js";
@@ -28,77 +28,72 @@ var init_PieChart = __esmMin(() => {
 		right: 10,
 		top: 10
 	};
-	PieChart = ({ height = 206, width = 206, data = void 0, emptyLegend, content, withLegend = false, margin = DEFAULT_MARGIN, chartProps = DEFAULT_CHARTPROPS, style }) => {
+	PieChart = ({ height = 206, width = 206, data = void 0, emptyLegend, legendHeader, content, withLegend = false, margin = DEFAULT_MARGIN, chartProps = DEFAULT_CHARTPROPS, style }) => {
 		const theme = useTheme();
 		const [currentFocusIndex, setCurrentFocusIndex] = useState();
 		const emptyTooltip = useCallback(() => /* @__PURE__ */ jsx("span", {}), []);
 		const isEmpty = !data || data.length === 0;
-		const EmptyLegendDisplayed = useCallback(() => emptyLegend ? /* @__PURE__ */ jsx("div", {
-			className: pieChartStyle.emptyLegend,
-			children: /* @__PURE__ */ jsx(Text, {
-				as: "p",
-				variant: "body",
-				children: emptyLegend
-			})
-		}) : null, [emptyLegend]);
 		const localColors = getLegendColor(theme);
-		const LegendDisplayer = useCallback(() => isEmpty ? /* @__PURE__ */ jsx(EmptyLegendDisplayed, {}) : /* @__PURE__ */ jsx(Legends, {
-			colors: localColors,
-			data,
-			focused: currentFocusIndex,
-			onFocusChange: setCurrentFocusIndex
-		}), [
-			isEmpty,
-			currentFocusIndex,
-			data,
-			EmptyLegendDisplayed,
-			localColors
-		]);
 		return /* @__PURE__ */ jsxs("div", {
 			className: pieChartStyle.container,
 			style: _objectSpread2(_objectSpread2({}, assignInlineVars({ [heightContainerPie]: height ? `${height}px` : "" })), style),
-			children: [/* @__PURE__ */ jsxs("div", {
-				style: { position: "relative" },
-				children: [/* @__PURE__ */ jsx(Pie, _objectSpread2({
-					activeOuterRadiusOffset: isEmpty ? 0 : 4,
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: pieChartStyle.pieContainer,
+					children: [/* @__PURE__ */ jsx(Pie, _objectSpread2({
+						activeOuterRadiusOffset: isEmpty ? 0 : 4,
+						colors: localColors,
+						cornerRadius: 0,
+						data: isEmpty ? [{
+							id: "empty",
+							percent: 100
+						}] : data,
+						defs: [{
+							background: "inherit",
+							color: theme.colors.neutral.textStrong,
+							id: "lines",
+							lineWidth: 2,
+							rotation: 0,
+							spacing: 5,
+							type: "patternLines"
+						}],
+						enableArcLabels: false,
+						enableArcLinkLabels: false,
+						height,
+						innerRadius: .8,
+						margin,
+						onMouseEnter: (datum, event) => {
+							if (!isEmpty) {
+								const pie = event.currentTarget;
+								pie.style.cursor = "pointer";
+								setCurrentFocusIndex(datum.id.toString());
+							}
+						},
+						onMouseLeave: () => setCurrentFocusIndex(void 0),
+						padAngle: 1,
+						theme: getNivoTheme(theme),
+						tooltip: emptyTooltip,
+						value: "percent",
+						width
+					}, chartProps)), content ? /* @__PURE__ */ jsx("div", {
+						className: pieChartStyle.content,
+						children: content
+					}) : null]
+				}),
+				withLegend && !isEmpty ? /* @__PURE__ */ jsx(Legends, {
 					colors: localColors,
-					cornerRadius: 0,
-					data: isEmpty ? [{
-						id: "empty",
-						percent: 100
-					}] : data,
-					defs: [{
-						background: "inherit",
-						color: theme.colors.neutral.textStrong,
-						id: "lines",
-						lineWidth: 2,
-						rotation: 0,
-						spacing: 5,
-						type: "patternLines"
-					}],
-					enableArcLabels: false,
-					enableArcLinkLabels: false,
-					height,
-					innerRadius: .8,
-					margin,
-					onMouseEnter: (datum, event) => {
-						if (!isEmpty) {
-							const pie = event.currentTarget;
-							pie.style.cursor = "pointer";
-							setCurrentFocusIndex(datum.id.toString());
-						}
-					},
-					onMouseLeave: () => setCurrentFocusIndex(void 0),
-					padAngle: 1,
-					theme: getNivoTheme(theme),
-					tooltip: emptyTooltip,
-					value: "percent",
-					width
-				}, chartProps)), content ? /* @__PURE__ */ jsx("div", {
-					className: pieChartStyle.content,
-					children: content
-				}) : null]
-			}), withLegend ? /* @__PURE__ */ jsx(LegendDisplayer, {}) : null]
+					data,
+					legendHeader,
+					focused: currentFocusIndex,
+					onFocusChange: setCurrentFocusIndex
+				}) : null,
+				withLegend && isEmpty && emptyLegend ? /* @__PURE__ */ jsx(Text, {
+					as: "p",
+					variant: "body",
+					className: pieChartStyle.emptyLegend,
+					children: emptyLegend
+				}) : null
+			]
 		});
 	};
 });

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

@@ -3,49 +3,23 @@ export declare const colorBullet: `var(--${string})`;
 export declare const pieChartStyle: {
     container: string;
     emptyLegend: string;
+    legendContainer: string;
+    legendHeader: string;
+    pieContainer: string;
     content: string;
     listItem: import("@vanilla-extract/recipes").RuntimeFn<{
         isFocused: {
-            false: {
-                color: `var(--${string})`;
-            };
             true: {
                 color: `var(--${string})`;
+                fontWeight: number;
             };
         };
     }>;
     list: string;
-    bullet: import("@vanilla-extract/recipes").RuntimeFn<{
-        isFocused: {
-            true: {
-                animation: `${string} linear 1500ms infinite`;
-            };
-        };
-    }>;
+    bullet: string;
     label: string;
-    value: Record<"default" | "isFocused", string>;
-    text: import("@vanilla-extract/recipes").RuntimeFn<{
-        isFocused: {
-            false: {
-                fontWeight: number;
-            };
-            true: {
-                fontWeight: number;
-            };
-        };
-    }>;
     toggleBox: string;
     line: string;
-    progressiveLine: import("@vanilla-extract/recipes").RuntimeFn<{
-        isFocused: {
-            false: {
-                width: "0%";
-            };
-            true: {
-                width: "100%";
-            };
-        };
-    }>;
     listTooltip: string;
     itemTooltip: string;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/PieChart/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,kBAAkB,oBAAc,CAAA;AAC7C,eAAO,MAAM,WAAW,oBAAc,CAAA;AAyKtC,eAAO,MAAM,aAAa;;;;;;YA/GpB,KAAK;gBACH,KAAK;;YAEP,IAAI;gBACF,KAAK;;;;;;;;;;;;;;;;YAiDP,KAAK;gBACH,UAAU;;YAEZ,IAAI;gBACF,UAAU;;;;;;;;;;;;;;;;;;CAqEjB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/PieChart/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,oBAAc,CAAA;AAC7C,eAAO,MAAM,WAAW,oBAAc,CAAA;AAqItC,eAAO,MAAM,aAAa;;;;;;;;;YA1EpB,IAAI;gBACF,KAAK;gBACL,UAAU;;;;;;;;;;;CAuFjB,CAAA"}

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

@@ -1,60 +1,35 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_animationsVanillaExtract_css_ts_vanilla } from "../../utils/animations/animationsVanillaExtract.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/PieChart/styles.css.ts
 var heightContainerPie, colorBullet, pieChartStyle;
 var init_styles_css = __esmMin(() => {
+	init_animationsVanillaExtract_css_ts_vanilla();
 	init_styles_css_ts_vanilla();
 	heightContainerPie = "var(--uv_6tpqrj0)";
 	colorBullet = "var(--uv_6tpqrj1)";
 	pieChartStyle = {
-		container: "uv_6tpqrj3",
+		container: "uv_6tpqrj2",
 		emptyLegend: "uv_6tpqrj4",
+		legendContainer: "uv_6tpqrj9",
+		legendHeader: "uv_6tpqrja",
+		pieContainer: "uv_6tpqrj3",
 		content: "uv_6tpqrj5",
 		listItem: createRuntimeFn({
 			defaultClassName: "uv_6tpqrj7",
-			variantClassNames: { isFocused: {
-				false: "uv_6tpqrj8",
-				true: "uv_6tpqrj9"
-			} },
+			variantClassNames: { isFocused: { true: "uv_6tpqrj8" } },
 			defaultVariants: {},
 			compoundVariants: []
 		}),
 		list: "uv_6tpqrj6",
-		bullet: createRuntimeFn({
-			defaultClassName: "uv_6tpqrja",
-			variantClassNames: { isFocused: { true: "uv_6tpqrjb" } },
-			defaultVariants: {},
-			compoundVariants: []
-		}),
+		bullet: "uv_6tpqrjb",
 		label: "uv_6tpqrjc",
-		value: {
-			"default": "uv_6tpqrjd",
-			isFocused: "uv_6tpqrje"
-		},
-		text: createRuntimeFn({
-			defaultClassName: "uv_6tpqrjf",
-			variantClassNames: { isFocused: {
-				false: "uv_6tpqrjg",
-				true: "uv_6tpqrjh"
-			} },
-			defaultVariants: {},
-			compoundVariants: []
-		}),
-		toggleBox: "uv_6tpqrji",
-		line: "uv_6tpqrjj",
-		progressiveLine: createRuntimeFn({
-			defaultClassName: "uv_6tpqrjk",
-			variantClassNames: { isFocused: {
-				false: "uv_6tpqrjl",
-				true: "uv_6tpqrjm"
-			} },
-			defaultVariants: {},
-			compoundVariants: []
-		}),
-		listTooltip: "uv_6tpqrjn",
-		itemTooltip: "uv_6tpqrjo"
+		toggleBox: "uv_6tpqrjd",
+		line: "uv_6tpqrje",
+		listTooltip: "uv_6tpqrjf",
+		itemTooltip: "uv_6tpqrjg"
 	};
 });
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,oBAAoB,EAEpB,SAAS,EACT,GAAG,EACH,SAAS,EACV,MAAM,OAAO,CAAA;AAId,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAkB3D,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,oBAAoB,EAAE,MAAM,CAAA;IAC5B,aAAa,EAAE,MAAM,CAAA;CACtB,CAAA;AAUD,KAAK,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;AAEnE,KAAK,UAAU,GAAG;IAChB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EACJ,SAAS,GACT,CAAC,CAAC,WAAW,EAAE;QACb,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,MAAM,EAAE,MAAM,IAAI,CAAA;QAClB,OAAO,EAAE,MAAM,IAAI,CAAA;QACnB,cAAc,EAAE,MAAM,IAAI,CAAA;QAC1B,cAAc,EAAE,MAAM,IAAI,CAAA;QAC1B,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KACtC,KAAK,SAAS,CAAC,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACrC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,oBAAoB,CAAA;IAChC,eAAe,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC,eAAe,CAAC,CAAA;IACjE,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAkCD;;GAEG;AACH,eAAO,MAAM,KAAK,uGA2cjB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,oBAAoB,EAEpB,SAAS,EACT,GAAG,EACH,SAAS,EACV,MAAM,OAAO,CAAA;AAId,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAkB3D,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,oBAAoB,EAAE,MAAM,CAAA;IAC5B,aAAa,EAAE,MAAM,CAAA;CACtB,CAAA;AAUD,KAAK,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;AAEnE,KAAK,UAAU,GAAG;IAChB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EACJ,SAAS,GACT,CAAC,CAAC,WAAW,EAAE;QACb,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,MAAM,EAAE,MAAM,IAAI,CAAA;QAClB,OAAO,EAAE,MAAM,IAAI,CAAA;QACnB,cAAc,EAAE,MAAM,IAAI,CAAA;QAC1B,cAAc,EAAE,MAAM,IAAI,CAAA;QAC1B,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KACtC,KAAK,SAAS,CAAC,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACrC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,oBAAoB,CAAA;IAChC,eAAe,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC,eAAe,CAAC,CAAA;IACjE,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAkCD;;GAEG;AACH,eAAO,MAAM,KAAK,uGA0cjB,CAAA"}

package/dist/components/Popup/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.128.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
 import { init_isClientSide, isClientSide } from "../../helpers/isClientSide.js";
 import { DEFAULT_POSITIONS, computePositions, init_helpers } from "./helpers.js";
 import { init_styles_css, popupStyle } from "./styles.css.js";

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/Radio/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAQ5C,KAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CACF,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,SAAS,GACT,QAAQ,GACR,UAAU,GACV,WAAW,GACX,WAAW,GACX,IAAI,GACJ,MAAM,GACN,UAAU,GACV,UAAU,GACV,SAAS,GACT,SAAS,GACT,OAAO,GACP,kBAAkB,CACrB,GACD,SAAS,CAAA;AAEX;;GAEG;AACH,eAAO,MAAM,KAAK,yGA2FjB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAQ5C,KAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CACF,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,SAAS,GACT,QAAQ,GACR,UAAU,GACV,WAAW,GACX,WAAW,GACX,IAAI,GACJ,MAAM,GACN,UAAU,GACV,UAAU,GACV,SAAS,GACT,SAAS,GACT,OAAO,GACP,kBAAkB,CACrB,GACD,SAAS,CAAA;AAEX;;GAEG;AACH,eAAO,MAAM,KAAK,yGA0FjB,CAAA"}

package/dist/components/Radio/index.js

@@ -34,13 +34,12 @@ var init_Radio = __esmMin(() => {
 					"aria-disabled": disabled,
 					className: cn(className, radioStyle.container),
 					"data-checked": checked,
-					"data-error": error,
+					"data-invalid": !!error,
 					"data-testid": dataTestId,
 					children: [
 						/* @__PURE__ */ jsx("input", {
 							"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? helperId : void 0),
 							"aria-disabled": disabled,
-							"aria-invalid": !!error,
 							"aria-label": ariaLabel,
 							autoFocus,
 							checked,

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/styles.css.ts"],"names":[],"mappings":"AAiLA,eAAO,MAAM,UAAU;;;;;;;;;;;CAWtB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/styles.css.ts"],"names":[],"mappings":"AAsLA,eAAO,MAAM,UAAU;;;;;;;;;;;CAWtB,CAAA"}

package/dist/components/Row/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.128.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
 import { init_styles_css, rowStyle, sprinkles } from "./styles.css.js";
 import { init_variables_css, paddings, templateColumn } from "./variables.css.js";
 import { consoleLightTheme } from "@ultraviolet/themes";

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,4CAqLrB,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/Dropdown.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.128.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
 import { Stack, init_Stack } from "../../../Stack/index.js";
 import { Popup, init_Popup } from "../../../Popup/index.js";
 import { ModalContext, init_ModalProvider } from "../../../Modal/ModalProvider.js";

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/SearchBar.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.128.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
 import { TextInput, init_TextInput } from "../../../TextInput/index.js";
 import { OPTION_SELECTOR, init_constants } from "../../constants.js";
 import { init_SelectInputProvider, useSelectInput } from "../../SelectInputProvider.js";
@@ -27,7 +27,7 @@ var init_SearchBar = __esmMin(() => {
 	};
 	searchRegex = (data, query) => data.filter((option) => {
 		const referenceText = getReferenceText(option);
-		const regex = new RegExp(query, "i");
+		const regex = new RegExp(query, "iu");
 		return (query.length > 2 ? isFuzzyMatch(query, referenceText) : referenceText.match(regex)) || typeof option.description === "string" && option.description.match(regex) || option.value.match(regex);
 	});
 	findClosestOption = (options, searchInput) => {
@@ -44,7 +44,7 @@ var init_SearchBar = __esmMin(() => {
 		}
 		return null;
 	};
-	escapeRegExp = (string) => string.replace(/[.*+?^{}()|[\]\\]/g, String.raw`\$&`);
+	escapeRegExp = (string) => string.replace(/[.*+?^{}()|[\]\\]/gu, String.raw`\$&`);
 	SearchBar = ({ placeholder, displayedOptions, setSearchBarActive }) => {
 		const searchInputRef = useRef(null);
 		const { onChange, onSearch, setSearchInput, searchInput, options, multiselect, setSelectedData, selectedData, size } = useSelectInput();

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"}