@povio/ui 2.3.3 → 3.0.0-rc.2

package/dist/assets/icons/Today.js

@@ -1,15 +1,30 @@
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/assets/icons/Today.tsx
-var TodayIcon = (props) => /* @__PURE__ */ jsx("svg", {
-	xmlns: "http://www.w3.org/2000/svg",
-	fill: "none",
-	viewBox: "0 0 24 24",
-	className: "fill-current",
-	...props,
-	children: /* @__PURE__ */ jsx("path", {
-		fill: "currentColor",
-		d: "M9.184 9.672v-.945h5.628v.945h-2.27V16H11.45V9.672z"
-	})
-});
+var TodayIcon = (props) => {
+	const $ = c(3);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx("path", {
+			fill: "currentColor",
+			d: "M9.184 9.672v-.945h5.628v.945h-2.27V16H11.45V9.672z"
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== props) {
+		t1 = /* @__PURE__ */ jsx("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			className: "fill-current",
+			...props,
+			children: t0
+		});
+		$[1] = props;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+};
 //#endregion
 export { TodayIcon };

package/dist/assets/icons/Underlined.js

@@ -1,17 +1,32 @@
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/assets/icons/Underlined.tsx
-var UnderlinedIcon = (props) => /* @__PURE__ */ jsx("svg", {
-	xmlns: "http://www.w3.org/2000/svg",
-	fill: "none",
-	viewBox: "0 0 25 24",
-	className: "fill-current",
-	...props,
-	children: /* @__PURE__ */ jsx("path", {
-		fill: "currentColor",
-		stroke: "currentColor",
-		strokeWidth: .2,
-		d: "M6.872 18.89q.212.21.518.21h9.892q.306 0 .518-.21.21-.212.21-.518a.7.7 0 0 0-.21-.518.7.7 0 0 0-.518-.21H7.39a.7.7 0 0 0-.518.209.7.7 0 0 0-.21.518q0 .308.21.519ZM8.353 5.155a.83.83 0 0 0-.264.615v5.851c0 1.348.371 2.434 1.123 3.248.754.815 1.8 1.218 3.124 1.218s2.37-.403 3.124-1.218c.752-.814 1.123-1.9 1.123-3.248v-5.85a.84.84 0 0 0-.255-.615.84.84 0 0 0-.613-.256.87.87 0 0 0-.62.255.83.83 0 0 0-.265.615V11.7c0 .828-.22 1.48-.65 1.968-.427.484-1.037.732-1.844.732s-1.417-.248-1.844-.732c-.43-.487-.65-1.14-.65-1.968V5.77a.84.84 0 0 0-.255-.614.84.84 0 0 0-.613-.256.87.87 0 0 0-.62.255Z"
-	})
-});
+var UnderlinedIcon = (props) => {
+	const $ = c(3);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx("path", {
+			fill: "currentColor",
+			stroke: "currentColor",
+			strokeWidth: .2,
+			d: "M6.872 18.89q.212.21.518.21h9.892q.306 0 .518-.21.21-.212.21-.518a.7.7 0 0 0-.21-.518.7.7 0 0 0-.518-.21H7.39a.7.7 0 0 0-.518.209.7.7 0 0 0-.21.518q0 .308.21.519ZM8.353 5.155a.83.83 0 0 0-.264.615v5.851c0 1.348.371 2.434 1.123 3.248.754.815 1.8 1.218 3.124 1.218s2.37-.403 3.124-1.218c.752-.814 1.123-1.9 1.123-3.248v-5.85a.84.84 0 0 0-.255-.615.84.84 0 0 0-.613-.256.87.87 0 0 0-.62.255.83.83 0 0 0-.265.615V11.7c0 .828-.22 1.48-.65 1.968-.427.484-1.037.732-1.844.732s-1.417-.248-1.844-.732c-.43-.487-.65-1.14-.65-1.968V5.77a.84.84 0 0 0-.255-.614.84.84 0 0 0-.613-.256.87.87 0 0 0-.62.255Z"
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== props) {
+		t1 = /* @__PURE__ */ jsx("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			fill: "none",
+			viewBox: "0 0 25 24",
+			className: "fill-current",
+			...props,
+			children: t0
+		});
+		$[1] = props;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+};
 //#endregion
 export { UnderlinedIcon };

package/dist/assets/icons/Upload.js

@@ -1,18 +1,39 @@
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/assets/icons/Upload.tsx
-var UploadIcon = (props) => /* @__PURE__ */ jsxs("svg", {
-	xmlns: "http://www.w3.org/2000/svg",
-	fill: "none",
-	viewBox: "0 0 24 24",
-	className: "fill-current",
-	...props,
-	children: [/* @__PURE__ */ jsx("path", {
-		fill: "currentColor",
-		d: "M19.5 13.6a.9.9 0 0 1 .9.9v3.333a2.57 2.57 0 0 1-2.567 2.567H6.167a2.57 2.57 0 0 1-2.555-2.313l-.012-.254V14.5a.9.9 0 0 1 1.796-.092l.004.092v3.333l.015.15a.766.766 0 0 0 .752.617h11.666a.766.766 0 0 0 .767-.767V14.5a.9.9 0 0 1 .9-.9"
-	}), /* @__PURE__ */ jsx("path", {
-		fill: "currentColor",
-		d: "M12.04 3.602h.007q.078.003.151.02.006 0 .011.003c.168.04.319.127.436.247l4.158 4.158.061.069A.9.9 0 0 1 15.6 9.365l-.069-.062-2.63-2.63V14.5a.9.9 0 0 1-1.8 0V6.672l-2.63 2.63-.069.063A.901.901 0 0 1 7.196 8.03l4.167-4.167.069-.061a.9.9 0 0 1 .432-.192l.027-.004A1 1 0 0 1 12 3.6z"
-	})]
-});
+var UploadIcon = (props) => {
+	const $ = c(4);
+	let t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx("path", {
+			fill: "currentColor",
+			d: "M19.5 13.6a.9.9 0 0 1 .9.9v3.333a2.57 2.57 0 0 1-2.567 2.567H6.167a2.57 2.57 0 0 1-2.555-2.313l-.012-.254V14.5a.9.9 0 0 1 1.796-.092l.004.092v3.333l.015.15a.766.766 0 0 0 .752.617h11.666a.766.766 0 0 0 .767-.767V14.5a.9.9 0 0 1 .9-.9"
+		});
+		t1 = /* @__PURE__ */ jsx("path", {
+			fill: "currentColor",
+			d: "M12.04 3.602h.007q.078.003.151.02.006 0 .011.003c.168.04.319.127.436.247l4.158 4.158.061.069A.9.9 0 0 1 15.6 9.365l-.069-.062-2.63-2.63V14.5a.9.9 0 0 1-1.8 0V6.672l-2.63 2.63-.069.063A.901.901 0 0 1 7.196 8.03l4.167-4.167.069-.061a.9.9 0 0 1 .432-.192l.027-.004A1 1 0 0 1 12 3.6z"
+		});
+		$[0] = t0;
+		$[1] = t1;
+	} else {
+		t0 = $[0];
+		t1 = $[1];
+	}
+	let t2;
+	if ($[2] !== props) {
+		t2 = /* @__PURE__ */ jsxs("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			className: "fill-current",
+			...props,
+			children: [t0, t1]
+		});
+		$[2] = props;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
+};
 //#endregion
 export { UploadIcon };

package/dist/assets/icons/Visibility.js

@@ -1,15 +1,30 @@
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/assets/icons/Visibility.tsx
-var VisibilityIcon = (props) => /* @__PURE__ */ jsx("svg", {
-	xmlns: "http://www.w3.org/2000/svg",
-	fill: "none",
-	viewBox: "0 0 24 24",
-	className: "fill-current",
-	...props,
-	children: /* @__PURE__ */ jsx("path", {
-		fill: "currentColor",
-		d: "M12 5.02q3.102 0 5.66 1.667a12 12 0 0 1 4.04 4.399q.115.207.172.425a1.75 1.75 0 0 1 0 .894 1.8 1.8 0 0 1-.172.425 12 12 0 0 1-4.04 4.4q-2.558 1.666-5.66 1.666T6.34 17.23a12 12 0 0 1-4.04-4.4 1.751 1.751 0 0 1-.173-1.32q.057-.216.172-.424a12 12 0 0 1 4.041-4.4Q8.898 5.022 12 5.02m0 1.816q-2.626 0-4.823 1.383a9.1 9.1 0 0 0-3.36 3.73l-.003.009.004.009a9.1 9.1 0 0 0 3.359 3.73A8.88 8.88 0 0 0 12 17.081q2.627 0 4.823-1.384a9.1 9.1 0 0 0 3.359-3.73l.005-.009-.005-.009a9.1 9.1 0 0 0-3.358-3.73A8.88 8.88 0 0 0 12 6.836m0 .967q1.731 0 2.943 1.212t1.211 2.943-1.211 2.943T12 16.113t-2.943-1.212q-1.212-1.212-1.212-2.943t1.212-2.943T12 7.803m0 1.63q-1.051 0-1.789.737a2.44 2.44 0 0 0-.736 1.788q0 1.05.736 1.788.737.736 1.79.737 1.051 0 1.787-.737.737-.736.737-1.788t-.737-1.788A2.44 2.44 0 0 0 12 9.434"
-	})
-});
+var VisibilityIcon = (props) => {
+	const $ = c(3);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx("path", {
+			fill: "currentColor",
+			d: "M12 5.02q3.102 0 5.66 1.667a12 12 0 0 1 4.04 4.399q.115.207.172.425a1.75 1.75 0 0 1 0 .894 1.8 1.8 0 0 1-.172.425 12 12 0 0 1-4.04 4.4q-2.558 1.666-5.66 1.666T6.34 17.23a12 12 0 0 1-4.04-4.4 1.751 1.751 0 0 1-.173-1.32q.057-.216.172-.424a12 12 0 0 1 4.041-4.4Q8.898 5.022 12 5.02m0 1.816q-2.626 0-4.823 1.383a9.1 9.1 0 0 0-3.36 3.73l-.003.009.004.009a9.1 9.1 0 0 0 3.359 3.73A8.88 8.88 0 0 0 12 17.081q2.627 0 4.823-1.384a9.1 9.1 0 0 0 3.359-3.73l.005-.009-.005-.009a9.1 9.1 0 0 0-3.358-3.73A8.88 8.88 0 0 0 12 6.836m0 .967q1.731 0 2.943 1.212t1.211 2.943-1.211 2.943T12 16.113t-2.943-1.212q-1.212-1.212-1.212-2.943t1.212-2.943T12 7.803m0 1.63q-1.051 0-1.789.737a2.44 2.44 0 0 0-.736 1.788q0 1.05.736 1.788.737.736 1.79.737 1.051 0 1.787-.737.737-.736.737-1.788t-.737-1.788A2.44 2.44 0 0 0 12 9.434"
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== props) {
+		t1 = /* @__PURE__ */ jsx("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			className: "fill-current",
+			...props,
+			children: t0
+		});
+		$[1] = props;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+};
 //#endregion
 export { VisibilityIcon };

package/dist/assets/icons/VisibilityOff.js

@@ -1,15 +1,30 @@
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/assets/icons/VisibilityOff.tsx
-var VisibilityOffIcon = (props) => /* @__PURE__ */ jsx("svg", {
-	xmlns: "http://www.w3.org/2000/svg",
-	fill: "none",
-	viewBox: "0 0 24 24",
-	className: "fill-current",
-	...props,
-	children: /* @__PURE__ */ jsx("path", {
-		fill: "currentColor",
-		d: "M3.482 3.52q.383 0 .632.249l15.699 15.699a.88.88 0 0 1 .26.62.84.84 0 0 1-.26.643.86.86 0 0 1-.632.25.86.86 0 0 1-.633-.25l-3.232-3.185-.008-.009-.012.004a11 11 0 0 1-3.318.507q-3.088 0-5.646-1.671a12 12 0 0 1-4.034-4.39l-.054-.094a1.5 1.5 0 0 1-.117-.306 1.7 1.7 0 0 1-.057-.445q0-.23.045-.435.046-.204.16-.41l.24-.456q.375-.677.833-1.308A9.4 9.4 0 0 1 4.74 7.001l.016-.014-.015-.015-1.916-1.939a.88.88 0 0 1-.237-.643.88.88 0 0 1 .26-.621.86.86 0 0 1 .633-.25m2.526 4.744a10 10 0 0 0-1.227 1.319q-.556.717-.949 1.55l-.004.009.005.008a9.05 9.05 0 0 0 3.343 3.714 8.84 8.84 0 0 0 4.802 1.377q.462 0 .902-.058t.901-.127l.039-.005-.027-.028-.832-.877-.008-.01-.011.004q-.253.069-.483.103a3 3 0 0 1-.481.034q-1.724 0-2.93-1.206t-1.206-2.93q0-.252.034-.48.035-.231.104-.483l.003-.012-.01-.008-1.938-1.893-.013-.013zm5.97-4.029q3.157 0 5.772 1.66t3.998 4.47a1.7 1.7 0 0 1 .183.777q0 .205-.034.4a1.4 1.4 0 0 1-.125.376 9 9 0 0 1-1.026 1.729q-.457.604-.987 1.131l-.361.343a.75.75 0 0 1-.63.203.82.82 0 0 1-.587-.361 1 1 0 0 1-.193-.691.93.93 0 0 1 .306-.622q.556-.531 1.018-1.157.463-.624.81-1.343l.004-.008-.004-.01A9.05 9.05 0 0 0 16.78 7.42a8.83 8.83 0 0 0-4.801-1.376q-.44 0-.857.034a6 6 0 0 0-.833.127.98.98 0 0 1-.69-.112.93.93 0 0 1-.418-.543.85.85 0 0 1 .079-.7.78.78 0 0 1 .552-.406q.53-.114 1.071-.16.542-.048 1.096-.048m-.322 2.794a3.8 3.8 0 0 1 1.723.218 4.1 4.1 0 0 1 1.517.977q.667.666.976 1.516.271.744.235 1.523l-.017.223v.002a.76.76 0 0 1-.248.575.82.82 0 0 1-.586.236.78.78 0 0 1-.575-.236.78.78 0 0 1-.236-.57 2.3 2.3 0 0 0-.07-1.166 2.4 2.4 0 0 0-.583-.954 2.6 2.6 0 0 0-.953-.604 2.2 2.2 0 0 0-1.188-.095.76.76 0 0 1-.57-.247.82.82 0 0 1-.238-.586q0-.34.236-.575a.78.78 0 0 1 .575-.237z"
-	})
-});
+var VisibilityOffIcon = (props) => {
+	const $ = c(3);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx("path", {
+			fill: "currentColor",
+			d: "M3.482 3.52q.383 0 .632.249l15.699 15.699a.88.88 0 0 1 .26.62.84.84 0 0 1-.26.643.86.86 0 0 1-.632.25.86.86 0 0 1-.633-.25l-3.232-3.185-.008-.009-.012.004a11 11 0 0 1-3.318.507q-3.088 0-5.646-1.671a12 12 0 0 1-4.034-4.39l-.054-.094a1.5 1.5 0 0 1-.117-.306 1.7 1.7 0 0 1-.057-.445q0-.23.045-.435.046-.204.16-.41l.24-.456q.375-.677.833-1.308A9.4 9.4 0 0 1 4.74 7.001l.016-.014-.015-.015-1.916-1.939a.88.88 0 0 1-.237-.643.88.88 0 0 1 .26-.621.86.86 0 0 1 .633-.25m2.526 4.744a10 10 0 0 0-1.227 1.319q-.556.717-.949 1.55l-.004.009.005.008a9.05 9.05 0 0 0 3.343 3.714 8.84 8.84 0 0 0 4.802 1.377q.462 0 .902-.058t.901-.127l.039-.005-.027-.028-.832-.877-.008-.01-.011.004q-.253.069-.483.103a3 3 0 0 1-.481.034q-1.724 0-2.93-1.206t-1.206-2.93q0-.252.034-.48.035-.231.104-.483l.003-.012-.01-.008-1.938-1.893-.013-.013zm5.97-4.029q3.157 0 5.772 1.66t3.998 4.47a1.7 1.7 0 0 1 .183.777q0 .205-.034.4a1.4 1.4 0 0 1-.125.376 9 9 0 0 1-1.026 1.729q-.457.604-.987 1.131l-.361.343a.75.75 0 0 1-.63.203.82.82 0 0 1-.587-.361 1 1 0 0 1-.193-.691.93.93 0 0 1 .306-.622q.556-.531 1.018-1.157.463-.624.81-1.343l.004-.008-.004-.01A9.05 9.05 0 0 0 16.78 7.42a8.83 8.83 0 0 0-4.801-1.376q-.44 0-.857.034a6 6 0 0 0-.833.127.98.98 0 0 1-.69-.112.93.93 0 0 1-.418-.543.85.85 0 0 1 .079-.7.78.78 0 0 1 .552-.406q.53-.114 1.071-.16.542-.048 1.096-.048m-.322 2.794a3.8 3.8 0 0 1 1.723.218 4.1 4.1 0 0 1 1.517.977q.667.666.976 1.516.271.744.235 1.523l-.017.223v.002a.76.76 0 0 1-.248.575.82.82 0 0 1-.586.236.78.78 0 0 1-.575-.236.78.78 0 0 1-.236-.57 2.3 2.3 0 0 0-.07-1.166 2.4 2.4 0 0 0-.583-.954 2.6 2.6 0 0 0-.953-.604 2.2 2.2 0 0 0-1.188-.095.76.76 0 0 1-.57-.247.82.82 0 0 1-.238-.586q0-.34.236-.575a.78.78 0 0 1 .575-.237z"
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== props) {
+		t1 = /* @__PURE__ */ jsx("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			className: "fill-current",
+			...props,
+			children: t0
+		});
+		$[1] = props;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+};
 //#endregion
 export { VisibilityOffIcon };

package/dist/assets/icons/WarningFilled.js

@@ -1,17 +1,32 @@
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/assets/icons/WarningFilled.tsx
-var WarningFilledIcon = (props) => /* @__PURE__ */ jsx("svg", {
-	xmlns: "http://www.w3.org/2000/svg",
-	fill: "none",
-	viewBox: "0 0 24 24",
-	className: "fill-current",
-	...props,
-	children: /* @__PURE__ */ jsx("path", {
-		fill: "currentColor",
-		fillRule: "evenodd",
-		d: "M12.165 3.52a2.57 2.57 0 0 1 1.94 1.091l.09.139.001.004 7.059 11.783.008.013.079.147a2.568 2.568 0 0 1-2.274 3.702H4.932a2.568 2.568 0 0 1-2.195-3.85l.007-.012L9.803 4.754l.002-.004.09-.139A2.57 2.57 0 0 1 12 3.514zM12 15.267a.9.9 0 0 0 0 1.8h.008l.092-.005a.9.9 0 0 0 0-1.79l-.092-.005zM12 8.6a.9.9 0 0 0-.9.9v3.333l.005.093a.9.9 0 0 0 1.79 0l.005-.093V9.5l-.005-.092A.9.9 0 0 0 12 8.6",
-		clipRule: "evenodd"
-	})
-});
+var WarningFilledIcon = (props) => {
+	const $ = c(3);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx("path", {
+			fill: "currentColor",
+			fillRule: "evenodd",
+			d: "M12.165 3.52a2.57 2.57 0 0 1 1.94 1.091l.09.139.001.004 7.059 11.783.008.013.079.147a2.568 2.568 0 0 1-2.274 3.702H4.932a2.568 2.568 0 0 1-2.195-3.85l.007-.012L9.803 4.754l.002-.004.09-.139A2.57 2.57 0 0 1 12 3.514zM12 15.267a.9.9 0 0 0 0 1.8h.008l.092-.005a.9.9 0 0 0 0-1.79l-.092-.005zM12 8.6a.9.9 0 0 0-.9.9v3.333l.005.093a.9.9 0 0 0 1.79 0l.005-.093V9.5l-.005-.092A.9.9 0 0 0 12 8.6",
+			clipRule: "evenodd"
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== props) {
+		t1 = /* @__PURE__ */ jsx("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			className: "fill-current",
+			...props,
+			children: t0
+		});
+		$[1] = props;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+};
 //#endregion
 export { WarningFilledIcon };

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -1,65 +1,85 @@
 import { ChevronRightIcon } from "../../assets/icons/ChevronRight.js";
-import { breadcrumbChevron, breadcrumbIcon, breadcrumbItem, breadcrumbSegment, breadcrumbsCva } from "./breadcrumbs.cva.js";
-import { UIStyle } from "../../config/uiStyle.context.js";
+import { UIOverrides } from "../../config/uiOverrides.context.js";
+import { breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition } from "./breadcrumbs.cva.js";
 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 = false }) => {
-	const breadcrumbsCva$1 = UIStyle.useCva("breadcrumbs.cva", breadcrumbsCva);
-	const breadcrumbItem$1 = UIStyle.useCva("breadcrumbs.itemCva", breadcrumbItem);
-	const breadcrumbSegmentCva = UIStyle.useCva("breadcrumbs.segmentCva", breadcrumbSegment);
-	const breadcrumbChevronCva = UIStyle.useCva("breadcrumbs.chevronCva", breadcrumbChevron);
-	const breadcrumbIconCva = UIStyle.useCva("breadcrumbs.iconCva", breadcrumbIcon);
+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);
+	const breadcrumbChevronCva = UIOverrides.useCva("breadcrumbs.chevronCva", breadcrumbChevronDefinition);
+	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$1({ 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) => ({
-			id: item.id,
-			label: item.label,
-			link: item.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$1({
+					className: breadcrumbItem({
 						isCurrent: false,
 						isEllipsis: true
 					}),
@@ -73,40 +93,171 @@ var Breadcrumbs$1 = ({ items, className, onAction, iconOnly = 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$1({}), className),
+			className: t5,
 			children: [
-				/* @__PURE__ */ jsxs(Breadcrumb, {
-					id: firstItem.id,
-					className: breadcrumbSegmentCva({}),
-					children: [renderBreadcrumbLink(firstItem, false, iconOnly), /* @__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$1({}), className),
-		style: { visibility: isReady ? "visible" : "hidden" },
-		children: (item) => /* @__PURE__ */ jsx(Breadcrumb, {
-			id: item.id,
+	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 }) => /* @__PURE__ */ jsxs(Fragment, { children: [renderBreadcrumbLink(item, isCurrent, iconOnly && item === items[0]), !isCurrent && /* @__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 };