@povio/ui 3.3.0 → 3.3.1

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -5,12 +5,16 @@ import { MenuDesktop } from "../Menu/MenuDesktop.js";
 import { Typography } from "../text/Typography/Typography.js";
 import { Tooltip as Tooltip$1 } from "../overlays/Tooltip/Tooltip.js";
 import { LinkContext } from "../../config/link.context.js";
+import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useLayoutEffect, useRef, useState } from "react";
 import { Breadcrumb, Breadcrumbs, Button, Link } from "react-aria-components";
 //#region src/components/Breadcrumbs/Breadcrumbs.tsx
-var Breadcrumbs$1 = ({ items, className, onAction, iconOnly: iconOnly_0 = false }) => {
+var Breadcrumbs$1 = (t0) => {
+	const $ = c(58);
+	const { items, className, onAction, iconOnly: t1 } = t0;
+	const iconOnly = t1 === void 0 ? false : t1;
 	const breadcrumbsCva = UIOverrides.useCva("breadcrumbs.cva", breadcrumbsDefinition);
 	const breadcrumbItem = UIOverrides.useCva("breadcrumbs.itemCva", breadcrumbItemDefinition);
 	const breadcrumbSegmentCva = UIOverrides.useCva("breadcrumbs.segmentCva", breadcrumbSegmentDefinition);
@@ -18,45 +22,61 @@ var Breadcrumbs$1 = ({ items, className, onAction, iconOnly: iconOnly_0 = false
 	const breadcrumbIconCva = UIOverrides.useCva("breadcrumbs.iconCva", breadcrumbIconDefinition);
 	const containerRef = useRef(null);
 	const [isOverflowing, setIsOverflowing] = useState(items.length <= 2 ? false : null);
-	useLayoutEffect(() => {
-		if (items.length <= 2) {
-			setIsOverflowing(false);
-			return;
-		}
-		const container = containerRef.current;
-		if (!container) return;
-		const resizeObserver = new ResizeObserver(() => {
-			setIsOverflowing(container.scrollWidth > container.clientWidth);
-		});
-		resizeObserver.observe(container);
-		return () => resizeObserver.disconnect();
-	}, [items]);
+	let t2;
+	if ($[0] !== items.length) {
+		t2 = () => {
+			if (items.length <= 2) {
+				setIsOverflowing(false);
+				return;
+			}
+			const container = containerRef.current;
+			if (!container) return;
+			const resizeObserver = new ResizeObserver(() => {
+				setIsOverflowing(container.scrollWidth > container.clientWidth);
+			});
+			resizeObserver.observe(container);
+			return () => resizeObserver.disconnect();
+		};
+		$[0] = items.length;
+		$[1] = t2;
+	} else t2 = $[1];
+	let t3;
+	if ($[2] !== items) {
+		t3 = [items];
+		$[2] = items;
+		$[3] = t3;
+	} else t3 = $[3];
+	useLayoutEffect(t2, t3);
 	const isReady = isOverflowing !== null;
 	const hiddenItems = items.length > 2 ? items.slice(1, -1) : [];
 	const firstItem = items[0];
 	const lastItem = items[items.length - 1];
 	const LinkComponent = LinkContext.useLinkContext()?.LinkComponent ?? Link;
-	const renderBreadcrumbLink = (item, isCurrent, iconOnly) => /* @__PURE__ */ jsxs(LinkComponent, {
-		...item.link,
-		className: breadcrumbItem({ isCurrent }),
-		children: [item.icon && /* @__PURE__ */ jsx(item.icon, {
-			className: breadcrumbIconCva({}),
-			"aria-label": item.label
-		}), !iconOnly && /* @__PURE__ */ jsx(Typography, {
-			variant: "default",
-			size: "label-3",
-			children: item.label
-		})]
-	});
+	let t4;
+	if ($[4] !== LinkComponent || $[5] !== breadcrumbIconCva || $[6] !== breadcrumbItem) {
+		t4 = (item, isCurrent, iconOnly_0) => /* @__PURE__ */ jsxs(LinkComponent, {
+			...item.link,
+			className: breadcrumbItem({ isCurrent }),
+			children: [item.icon && /* @__PURE__ */ jsx(item.icon, {
+				className: breadcrumbIconCva({}),
+				"aria-label": item.label
+			}), !iconOnly_0 && /* @__PURE__ */ jsx(Typography, {
+				variant: "default",
+				size: "label-3",
+				children: item.label
+			})]
+		});
+		$[4] = LinkComponent;
+		$[5] = breadcrumbIconCva;
+		$[6] = breadcrumbItem;
+		$[7] = t4;
+	} else t4 = $[7];
+	const renderBreadcrumbLink = t4;
 	if (isOverflowing === true && items.length > 2) {
-		const menuItems = hiddenItems.map((item_0) => ({
-			id: item_0.id,
-			label: item_0.label,
-			link: item_0.link
-		}));
+		const menuItems = hiddenItems.map(_temp);
 		const renderEllipsis = () => /* @__PURE__ */ jsx(MenuDesktop, {
 			trigger: /* @__PURE__ */ jsx(Tooltip$1, {
-				text: hiddenItems.map((i) => i.label).join(", "),
+				text: hiddenItems.map(_temp2).join(", "),
 				children: /* @__PURE__ */ jsx(Button, {
 					"aria-label": "Show hidden breadcrumbs",
 					className: breadcrumbItem({
@@ -73,40 +93,171 @@ var Breadcrumbs$1 = ({ items, className, onAction, iconOnly: iconOnly_0 = false
 			items: menuItems,
 			onAction: onAction ? (key) => onAction(key) : void 0
 		});
+		let t5;
+		if ($[8] !== breadcrumbsCva || $[9] !== className) {
+			t5 = clsx(breadcrumbsCva({}), className);
+			$[8] = breadcrumbsCva;
+			$[9] = className;
+			$[10] = t5;
+		} else t5 = $[10];
+		const t6 = firstItem.id;
+		let t7;
+		if ($[11] !== breadcrumbSegmentCva) {
+			t7 = breadcrumbSegmentCva({});
+			$[11] = breadcrumbSegmentCva;
+			$[12] = t7;
+		} else t7 = $[12];
+		let t8;
+		if ($[13] !== firstItem || $[14] !== iconOnly || $[15] !== renderBreadcrumbLink) {
+			t8 = renderBreadcrumbLink(firstItem, false, iconOnly);
+			$[13] = firstItem;
+			$[14] = iconOnly;
+			$[15] = renderBreadcrumbLink;
+			$[16] = t8;
+		} else t8 = $[16];
+		let t9;
+		if ($[17] !== breadcrumbChevronCva) {
+			t9 = breadcrumbChevronCva({});
+			$[17] = breadcrumbChevronCva;
+			$[18] = t9;
+		} else t9 = $[18];
+		let t10;
+		if ($[19] !== t9) {
+			t10 = /* @__PURE__ */ jsx(ChevronRightIcon, { className: t9 });
+			$[19] = t9;
+			$[20] = t10;
+		} else t10 = $[20];
+		let t11;
+		if ($[21] !== firstItem.id || $[22] !== t10 || $[23] !== t7 || $[24] !== t8) {
+			t11 = /* @__PURE__ */ jsxs(Breadcrumb, {
+				id: t6,
+				className: t7,
+				children: [t8, t10]
+			});
+			$[21] = firstItem.id;
+			$[22] = t10;
+			$[23] = t7;
+			$[24] = t8;
+			$[25] = t11;
+		} else t11 = $[25];
+		let t12;
+		if ($[26] !== breadcrumbSegmentCva) {
+			t12 = breadcrumbSegmentCva({});
+			$[26] = breadcrumbSegmentCva;
+			$[27] = t12;
+		} else t12 = $[27];
+		const t13 = renderEllipsis();
+		let t14;
+		if ($[28] !== breadcrumbChevronCva) {
+			t14 = breadcrumbChevronCva({});
+			$[28] = breadcrumbChevronCva;
+			$[29] = t14;
+		} else t14 = $[29];
+		let t15;
+		if ($[30] !== t14) {
+			t15 = /* @__PURE__ */ jsx(ChevronRightIcon, { className: t14 });
+			$[30] = t14;
+			$[31] = t15;
+		} else t15 = $[31];
+		const t16 = lastItem.id;
+		let t17;
+		if ($[32] !== breadcrumbSegmentCva) {
+			t17 = breadcrumbSegmentCva({});
+			$[32] = breadcrumbSegmentCva;
+			$[33] = t17;
+		} else t17 = $[33];
+		let t18;
+		if ($[34] !== lastItem || $[35] !== renderBreadcrumbLink) {
+			t18 = renderBreadcrumbLink(lastItem, true);
+			$[34] = lastItem;
+			$[35] = renderBreadcrumbLink;
+			$[36] = t18;
+		} else t18 = $[36];
+		let t19;
+		if ($[37] !== lastItem.id || $[38] !== t17 || $[39] !== t18) {
+			t19 = /* @__PURE__ */ jsx(Breadcrumb, {
+				id: t16,
+				className: t17,
+				children: t18
+			});
+			$[37] = lastItem.id;
+			$[38] = t17;
+			$[39] = t18;
+			$[40] = t19;
+		} else t19 = $[40];
 		return /* @__PURE__ */ jsxs(Breadcrumbs, {
 			onAction,
-			className: clsx(breadcrumbsCva({}), className),
+			className: t5,
 			children: [
-				/* @__PURE__ */ jsxs(Breadcrumb, {
-					id: firstItem.id,
-					className: breadcrumbSegmentCva({}),
-					children: [renderBreadcrumbLink(firstItem, false, iconOnly_0), /* @__PURE__ */ jsx(ChevronRightIcon, { className: breadcrumbChevronCva({}) })]
-				}),
+				t11,
 				/* @__PURE__ */ jsxs(Breadcrumb, {
 					id: "ellipsis",
-					className: breadcrumbSegmentCva({}),
-					children: [renderEllipsis(), /* @__PURE__ */ jsx(ChevronRightIcon, { className: breadcrumbChevronCva({}) })]
+					className: t12,
+					children: [t13, t15]
 				}),
-				/* @__PURE__ */ jsx(Breadcrumb, {
-					id: lastItem.id,
-					className: breadcrumbSegmentCva({}),
-					children: renderBreadcrumbLink(lastItem, true)
-				})
+				t19
 			]
 		});
 	}
-	return /* @__PURE__ */ jsx(Breadcrumbs, {
-		ref: containerRef,
-		items,
-		onAction,
-		className: clsx(breadcrumbsCva({}), className),
-		style: { visibility: isReady ? "visible" : "hidden" },
-		children: (item_1) => /* @__PURE__ */ jsx(Breadcrumb, {
+	let t5;
+	if ($[41] !== breadcrumbsCva || $[42] !== className) {
+		t5 = clsx(breadcrumbsCva({}), className);
+		$[41] = breadcrumbsCva;
+		$[42] = className;
+		$[43] = t5;
+	} else t5 = $[43];
+	const t6 = isReady ? "visible" : "hidden";
+	let t7;
+	if ($[44] !== t6) {
+		t7 = { visibility: t6 };
+		$[44] = t6;
+		$[45] = t7;
+	} else t7 = $[45];
+	let t8;
+	if ($[46] !== breadcrumbChevronCva || $[47] !== breadcrumbSegmentCva || $[48] !== iconOnly || $[49] !== items[0] || $[50] !== renderBreadcrumbLink) {
+		t8 = (item_1) => /* @__PURE__ */ jsx(Breadcrumb, {
 			id: item_1.id,
 			className: breadcrumbSegmentCva({}),
-			children: ({ isCurrent: isCurrent_0 }) => /* @__PURE__ */ jsxs(Fragment, { children: [renderBreadcrumbLink(item_1, isCurrent_0, iconOnly_0 && item_1 === items[0]), !isCurrent_0 && /* @__PURE__ */ jsx(ChevronRightIcon, { className: breadcrumbChevronCva({}) })] })
-		})
-	});
+			children: (t9) => {
+				const { isCurrent: isCurrent_0 } = t9;
+				return /* @__PURE__ */ jsxs(Fragment, { children: [renderBreadcrumbLink(item_1, isCurrent_0, iconOnly && item_1 === items[0]), !isCurrent_0 && /* @__PURE__ */ jsx(ChevronRightIcon, { className: breadcrumbChevronCva({}) })] });
+			}
+		});
+		$[46] = breadcrumbChevronCva;
+		$[47] = breadcrumbSegmentCva;
+		$[48] = iconOnly;
+		$[49] = items[0];
+		$[50] = renderBreadcrumbLink;
+		$[51] = t8;
+	} else t8 = $[51];
+	let t9;
+	if ($[52] !== items || $[53] !== onAction || $[54] !== t5 || $[55] !== t7 || $[56] !== t8) {
+		t9 = /* @__PURE__ */ jsx(Breadcrumbs, {
+			ref: containerRef,
+			items,
+			onAction,
+			className: t5,
+			style: t7,
+			children: t8
+		});
+		$[52] = items;
+		$[53] = onAction;
+		$[54] = t5;
+		$[55] = t7;
+		$[56] = t8;
+		$[57] = t9;
+	} else t9 = $[57];
+	return t9;
 };
+function _temp(item_0) {
+	return {
+		id: item_0.id,
+		label: item_0.label,
+		link: item_0.link
+	};
+}
+function _temp2(i) {
+	return i.label;
+}
 //#endregion
 export { Breadcrumbs$1 as Breadcrumbs };

package/dist/components/buttons/Button/button.cva.d.ts

@@ -92,7 +92,7 @@ export declare const buttonIconSizeDefinition: {
 export type ButtonIconSizeConfig = NonNullable<typeof buttonIconSizeDefinition.config>;
 export declare const buttonTypography: (props: {
     readonly width?: "fill" | "hug" | null | undefined;
-    readonly size?: "none" | "xs" | "s" | "m" | "l" | null | undefined;
+    readonly size?: "none" | "s" | "xs" | "m" | "l" | null | undefined;
     readonly color?: "error" | "primary" | "dual" | "secondary" | "success" | "warning" | null | undefined;
     readonly variant?: "text" | "contained" | "outlined" | "subtle" | "ghost" | null | undefined;
     readonly inverted?: boolean | null | undefined;

package/dist/components/buttons/Button/button.cva.js

@@ -88,7 +88,7 @@ var buttonDefinition = UIOverrides.defineConfig({
 					"pressed:border-interactive-subtle-primary-pressed pressed:bg-interactive-subtle-primary-pressed pressed:text-interactive-subtle-primary-on-pressed",
 					"disabled:border-interactive-subtle-primary-disabled disabled:bg-interactive-subtle-primary-disabled disabled:text-interactive-subtle-primary-on-disabled",
 					"focus-visible:outline-interactive-subtle-primary-focus",
-					"selected:border-interactive-contained-primary-toggled-idle selected:bg-interactive-contained-primary-toggled-idle selected:text-interactive-contained-primary-on-toggled-idle",
+					"selected:border-interactive-subtle-primary-toggled-idle selected:bg-interactive-subtle-primary-toggled-idle selected:text-interactive-subtle-primary-on-toggled-idle",
 					"selected:hover:border-interactive-subtle-primary-toggled-hover selected:hover:bg-interactive-subtle-primary-toggled-hover selected:hover:text-interactive-subtle-primary-on-toggled-hover",
 					"selected:disabled:border-interactive-subtle-primary-toggled-disabled selected:disabled:bg-interactive-subtle-primary-toggled-disabled selected:disabled:text-interactive-subtle-primary-on-toggled-disabled",
 					"group-data-[split]/split:data-[separator]:after:bg-interactive-subtle-primary-on-idle!"
@@ -133,9 +133,9 @@ var buttonDefinition = UIOverrides.defineConfig({
 					"pressed:border-interactive-outlined-secondary-outline-pressed pressed:bg-interactive-outlined-secondary-pressed pressed:text-interactive-outlined-secondary-on-pressed",
 					"disabled:border-interactive-outlined-secondary-outline-disabled disabled:bg-interactive-outlined-secondary-disabled disabled:text-interactive-outlined-secondary-on-disabled",
 					"focus-visible:outline-interactive-outlined-secondary-focus",
-					"selected:border-interactive-contained-secondary-toggled-idle selected:bg-interactive-contained-secondary-toggled-idle selected:text-interactive-contained-secondary-on-toggled-idle",
-					"selected:hover:border-interactive-contained-secondary-toggled-hover selected:hover:bg-interactive-contained-secondary-toggled-hover selected:hover:text-interactive-contained-secondary-on-toggled-hover",
-					"selected:disabled:border-interactive-contained-secondary-toggled-disabled selected:disabled:bg-interactive-contained-secondary-toggled-disabled selected:disabled:text-interactive-contained-secondary-on-toggled-disabled"
+					"selected:border-interactive-outlined-secondary-toggled-idle selected:bg-interactive-outlined-secondary-toggled-idle selected:text-interactive-outlined-secondary-on-toggled-idle",
+					"selected:hover:border-interactive-outlined-secondary-toggled-hover selected:hover:bg-interactive-outlined-secondary-toggled-hover selected:hover:text-interactive-outlined-secondary-on-toggled-hover",
+					"selected:disabled:border-interactive-outlined-secondary-toggled-disabled selected:disabled:bg-interactive-outlined-secondary-toggled-disabled selected:disabled:text-interactive-outlined-secondary-on-toggled-disabled"
 				]
 			},
 			{

package/dist/components/buttons/InlineIconButton/InlineIconButton.js

@@ -1,15 +1,40 @@
 import { Button } from "../Button/Button.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/InlineIconButton/InlineIconButton.tsx
-var InlineIconButton = ({ label, size = "none", ...props }) => {
-	return /* @__PURE__ */ jsx(Button, {
-		...props,
-		iconOnly: true,
-		variant: "text",
-		size,
-		width: "hug",
-		children: label
-	});
+var InlineIconButton = (t0) => {
+	const $ = c(8);
+	let label;
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({label, size: t1, ...props} = t0);
+		$[0] = t0;
+		$[1] = label;
+		$[2] = props;
+		$[3] = t1;
+	} else {
+		label = $[1];
+		props = $[2];
+		t1 = $[3];
+	}
+	const size = t1 === void 0 ? "none" : t1;
+	let t2;
+	if ($[4] !== label || $[5] !== props || $[6] !== size) {
+		t2 = /* @__PURE__ */ jsx(Button, {
+			...props,
+			iconOnly: true,
+			variant: "text",
+			size,
+			width: "hug",
+			children: label
+		});
+		$[4] = label;
+		$[5] = props;
+		$[6] = size;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
 };
 //#endregion
 export { InlineIconButton };

package/dist/components/buttons/PillButton/pillButton.cva.js

@@ -63,7 +63,7 @@ var pillButtonDefinition = UIOverrides.defineConfig({
 					"pressed:border-interactive-subtle-primary-pressed pressed:bg-interactive-subtle-primary-pressed pressed:text-interactive-subtle-primary-on-pressed",
 					"disabled:border-interactive-subtle-primary-disabled disabled:bg-interactive-subtle-primary-disabled disabled:text-interactive-subtle-primary-on-disabled",
 					"focus-visible:outline-interactive-subtle-primary-focus",
-					"selected:border-interactive-contained-primary-toggled-idle selected:bg-interactive-contained-primary-toggled-idle selected:text-interactive-contained-primary-on-toggled-idle",
+					"selected:border-interactive-subtle-primary-toggled-idle selected:bg-interactive-subtle-primary-toggled-idle selected:text-interactive-subtle-primary-on-toggled-idle",
 					"selected:hover:border-interactive-subtle-primary-toggled-hover selected:hover:bg-interactive-subtle-primary-toggled-hover selected:hover:text-interactive-subtle-primary-on-toggled-hover",
 					"selected:disabled:border-interactive-subtle-primary-toggled-disabled selected:disabled:bg-interactive-subtle-primary-toggled-disabled selected:disabled:text-interactive-subtle-primary-on-toggled-disabled"
 				]
@@ -91,9 +91,9 @@ var pillButtonDefinition = UIOverrides.defineConfig({
 					"pressed:border-interactive-outlined-secondary-outline-pressed pressed:bg-interactive-outlined-secondary-pressed pressed:text-interactive-outlined-secondary-on-pressed",
 					"disabled:border-interactive-outlined-secondary-outline-disabled disabled:bg-interactive-outlined-secondary-disabled disabled:text-interactive-outlined-secondary-on-disabled",
 					"focus-visible:outline-interactive-outlined-secondary-focus",
-					"selected:border-interactive-contained-secondary-toggled-idle selected:bg-interactive-contained-secondary-toggled-idle selected:text-interactive-contained-secondary-on-toggled-idle",
-					"selected:hover:border-interactive-contained-secondary-toggled-hover selected:hover:bg-interactive-contained-secondary-toggled-hover selected:hover:text-interactive-contained-secondary-on-toggled-hover",
-					"selected:disabled:border-interactive-contained-secondary-toggled-disabled selected:disabled:bg-interactive-contained-secondary-toggled-disabled selected:disabled:text-interactive-contained-secondary-on-toggled-disabled"
+					"selected:border-interactive-outlined-secondary-toggled-idle selected:bg-interactive-outlined-secondary-toggled-idle selected:text-interactive-outlined-secondary-on-toggled-idle",
+					"selected:hover:border-interactive-outlined-secondary-toggled-hover selected:hover:bg-interactive-outlined-secondary-toggled-hover selected:hover:text-interactive-outlined-secondary-on-toggled-hover",
+					"selected:disabled:border-interactive-outlined-secondary-toggled-disabled selected:disabled:bg-interactive-outlined-secondary-toggled-disabled selected:disabled:text-interactive-outlined-secondary-on-toggled-disabled"
 				]
 			},
 			{

package/dist/components/buttons/shared/ButtonContent.js

@@ -2,36 +2,94 @@ import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { typographyDefinition } from "../../text/Typography/typography.cva.js";
 import { buttonContentLabel } from "./buttonContent.cva.js";
 import { Loader } from "../../status/Loader/Loader.js";
+import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { isValidElement } from "react";
 //#region src/components/buttons/shared/ButtonContent.tsx
-var ButtonContent = ({ ref, content, isLoading, icon: Icon, iconClassName, hideText, iconPosition = "left", typography: typographyOverrides }) => {
+var ButtonContent = (t0) => {
+	const $ = c(21);
+	const { ref, content, isLoading, icon: Icon, iconClassName, hideText, iconPosition: t1, typography: typographyOverrides } = t0;
+	const iconPosition = t1 === void 0 ? "left" : t1;
 	const typographyCva = UIOverrides.useCva("typography.cva", typographyDefinition);
 	let iconOrLoader = null;
-	if (isLoading) iconOrLoader = /* @__PURE__ */ jsx(Loader, { className: "shrink-0" });
-	else if (Icon) if (isValidElement(Icon)) iconOrLoader = Icon;
-	else iconOrLoader = /* @__PURE__ */ jsx(Icon, { className: clsx("shrink-0", iconClassName) });
-	const resolvedTypography = {
-		size: "label-2",
-		variant: "prominent-1",
-		...typographyOverrides
-	};
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		iconOrLoader && iconPosition === "left" && iconOrLoader,
-		/* @__PURE__ */ jsx("span", {
-			className: clsx(typographyCva({
-				...resolvedTypography,
-				sizeMobile: resolvedTypography.sizeMobile ?? resolvedTypography.size
-			}), buttonContentLabel({
-				iconPosition: iconOrLoader ? iconPosition : "none",
-				hideText: !!hideText
-			})),
+	if (isLoading) {
+		let t2;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t2 = /* @__PURE__ */ jsx(Loader, { className: "shrink-0" });
+			$[0] = t2;
+		} else t2 = $[0];
+		iconOrLoader = t2;
+	} else if (Icon) if (isValidElement(Icon)) iconOrLoader = Icon;
+	else {
+		let t2;
+		if ($[1] !== iconClassName) {
+			t2 = clsx("shrink-0", iconClassName);
+			$[1] = iconClassName;
+			$[2] = t2;
+		} else t2 = $[2];
+		let t3;
+		if ($[3] !== Icon || $[4] !== t2) {
+			t3 = /* @__PURE__ */ jsx(Icon, { className: t2 });
+			$[3] = Icon;
+			$[4] = t2;
+			$[5] = t3;
+		} else t3 = $[5];
+		iconOrLoader = t3;
+	}
+	let t2;
+	let t3;
+	if ($[6] !== hideText || $[7] !== iconOrLoader || $[8] !== iconPosition || $[9] !== typographyCva || $[10] !== typographyOverrides) {
+		const resolvedTypography = {
+			size: "label-2",
+			variant: "prominent-1",
+			...typographyOverrides
+		};
+		t3 = iconOrLoader && iconPosition === "left" && iconOrLoader;
+		t2 = clsx(typographyCva({
+			...resolvedTypography,
+			sizeMobile: resolvedTypography.sizeMobile ?? resolvedTypography.size
+		}), buttonContentLabel({
+			iconPosition: iconOrLoader ? iconPosition : "none",
+			hideText: !!hideText
+		}));
+		$[6] = hideText;
+		$[7] = iconOrLoader;
+		$[8] = iconPosition;
+		$[9] = typographyCva;
+		$[10] = typographyOverrides;
+		$[11] = t2;
+		$[12] = t3;
+	} else {
+		t2 = $[11];
+		t3 = $[12];
+	}
+	let t4;
+	if ($[13] !== content || $[14] !== ref || $[15] !== t2) {
+		t4 = /* @__PURE__ */ jsx("span", {
+			className: t2,
 			ref,
 			children: content
-		}),
-		iconOrLoader && iconPosition === "right" && iconOrLoader
-	] });
+		});
+		$[13] = content;
+		$[14] = ref;
+		$[15] = t2;
+		$[16] = t4;
+	} else t4 = $[16];
+	const t5 = iconOrLoader && iconPosition === "right" && iconOrLoader;
+	let t6;
+	if ($[17] !== t3 || $[18] !== t4 || $[19] !== t5) {
+		t6 = /* @__PURE__ */ jsxs(Fragment, { children: [
+			t3,
+			t4,
+			t5
+		] });
+		$[17] = t3;
+		$[18] = t4;
+		$[19] = t5;
+		$[20] = t6;
+	} else t6 = $[20];
+	return t6;
 };
 //#endregion
 export { ButtonContent };

package/dist/components/inputs/Checkbox/CheckboxCheckmark.js

@@ -2,24 +2,38 @@ import { CheckboxCheckmarkIcon } from "../../../assets/icons/CheckboxCheckmark.j
 import { CheckboxIndeterminateIcon } from "../../../assets/icons/CheckboxIndeterminate.js";
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { checkboxDefinition, checkboxIconDefinition } from "./checkbox.cva.js";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/Checkbox/CheckboxCheckmark.tsx
-var CheckboxCheckmark = ({ variant, className, selectedIcon: SelectedIcon = CheckboxCheckmarkIcon, indeterminateIcon: IndeterminateIcon = CheckboxIndeterminateIcon, ...props }) => {
+var CheckboxCheckmark = (t0) => {
+	const $ = c(3);
+	const { variant, className, selectedIcon: t1, indeterminateIcon: t2, ...props } = t0;
+	const SelectedIcon = t1 === void 0 ? CheckboxCheckmarkIcon : t1;
+	const IndeterminateIcon = t2 === void 0 ? CheckboxIndeterminateIcon : t2;
 	const checkboxCva = UIOverrides.useCva("checkbox.cva", checkboxDefinition);
 	const checkboxIconCva = UIOverrides.useCva("checkbox.iconCva", checkboxIconDefinition);
+	const t3 = checkboxCva({
+		variant,
+		...props,
+		className
+	});
+	const t4 = checkboxIconCva({
+		...props,
+		iconVariant: "indeterminate"
+	});
+	let t5;
+	if ($[0] !== IndeterminateIcon || $[1] !== t4) {
+		t5 = /* @__PURE__ */ jsx(IndeterminateIcon, { className: t4 });
+		$[0] = IndeterminateIcon;
+		$[1] = t4;
+		$[2] = t5;
+	} else t5 = $[2];
 	return /* @__PURE__ */ jsxs("div", {
-		className: checkboxCva({
-			variant,
-			...props,
-			className
-		}),
+		className: t3,
 		children: [/* @__PURE__ */ jsx(SelectedIcon, { className: checkboxIconCva({
 			...props,
 			iconVariant: "selected"
-		}) }), /* @__PURE__ */ jsx(IndeterminateIcon, { className: checkboxIconCva({
-			...props,
-			iconVariant: "indeterminate"
-		}) })]
+		}) }), t5]
 	});
 };
 //#endregion