@povio/ui 3.4.0-rc.4 → 3.4.0-rc.41

package/dist/Breadcrumbs-BypydWR6.js

@@ -0,0 +1,535 @@
+import { t as MenuDesktop } from "./MenuDesktop-Dv25P83N.js";
+import { t as ChevronRight } from "./chevron-right-C_M98bh3.js";
+import { t as Tooltip } from "./Tooltip-D8YNkKCl.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, l as $64fa3d84918910a7$export$fabf2dc03a41866e, n as $64fa3d84918910a7$export$29f1550f4b0d4415, r as $64fa3d84918910a7$export$4d86445c2cf5e3, s as $64fa3d84918910a7$export$df3a06d6289f983e } from "./utils-D-KKbY-n.js";
+import { a as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./import-BXAtbYEe.js";
+import { _ as $e1995378a142960e$export$18af5c7a9e9b3664, h as $7135fc7d473fd974$export$4feb769f8ddf26c5, v as $e1995378a142960e$export$bf788dd355e3a401, x as $23b9f4fcf0fe224b$export$d68d59712b04d9d1, y as $e1995378a142960e$export$fb8073518f34e6ec } from "./Dialog-B5J6LRRw.js";
+import { n as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "./Button-D09S1dNt.js";
+import { n as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-tBB7tXBj.js";
+import { n as $4f118338184dc1d9$export$e2509388b49734e7, t as $4f118338184dc1d9$export$a6c7ac8248d6e38a } from "./Link-BWbPxs6p.js";
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as Typography } from "./Typography-AcUd9df8.js";
+import { t as LinkContext } from "./link.context-J7aQtMOr.js";
+import $HgANd$react, { createContext, forwardRef, useContext, useLayoutEffect, useRef, useState } from "react";
+import { c } from "react/compiler-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/ar-AE.mjs
+var $b91590b2dc47de39$exports = {};
+$b91590b2dc47de39$exports = { "breadcrumbs": `\u{639}\u{646}\u{627}\u{635}\u{631} \u{627}\u{644}\u{648}\u{627}\u{62C}\u{647}\u{629}` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/bg-BG.mjs
+var $55b0693b2cf3fe91$exports = {};
+$55b0693b2cf3fe91$exports = { "breadcrumbs": `\u{422}\u{440}\u{43E}\u{445}\u{438} \u{445}\u{43B}\u{44F}\u{431}` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/cs-CZ.mjs
+var $6ec1ed7729e948cc$exports = {};
+$6ec1ed7729e948cc$exports = { "breadcrumbs": `Popis cesty` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/da-DK.mjs
+var $5a41bb2baa6861e4$exports = {};
+$5a41bb2baa6861e4$exports = { "breadcrumbs": `Br\xf8dkrummer` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/de-DE.mjs
+var $f28bbea439e87eca$exports = {};
+$f28bbea439e87eca$exports = { "breadcrumbs": `Breadcrumbs` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/el-GR.mjs
+var $b3eca51cb720961a$exports = {};
+$b3eca51cb720961a$exports = { "breadcrumbs": `\u{3A0}\u{3BB}\u{3BF}\u{3B7}\u{3B3}\u{3AE}\u{3C3}\u{3B5}\u{3B9}\u{3C2} breadcrumb` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/en-US.mjs
+var $0b39b205118db415$exports = {};
+$0b39b205118db415$exports = { "breadcrumbs": `Breadcrumbs` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/es-ES.mjs
+var $f467c0ee7bfb0950$exports = {};
+$f467c0ee7bfb0950$exports = { "breadcrumbs": `Migas de pan` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/et-EE.mjs
+var $ab711d2ffb4cdf3d$exports = {};
+$ab711d2ffb4cdf3d$exports = { "breadcrumbs": `Lingiread` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/fi-FI.mjs
+var $b63105d663e6f9d5$exports = {};
+$b63105d663e6f9d5$exports = { "breadcrumbs": `Navigointilinkit` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/fr-FR.mjs
+var $9d2ed7be7fcdc2a1$exports = {};
+$9d2ed7be7fcdc2a1$exports = { "breadcrumbs": `Chemin de navigation` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/he-IL.mjs
+var $c5704294d85c7b5d$exports = {};
+$c5704294d85c7b5d$exports = { "breadcrumbs": `\u{5E9}\u{5D1}\u{5D9}\u{5DC}\u{5D9} \u{5E0}\u{5D9}\u{5D5}\u{5D5}\u{5D8}` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/hr-HR.mjs
+var $20c975671d6bbc63$exports = {};
+$20c975671d6bbc63$exports = { "breadcrumbs": `Navigacijski putovi` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/hu-HU.mjs
+var $2569ca3917233115$exports = {};
+$2569ca3917233115$exports = { "breadcrumbs": `Morzsamen\xfc` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/it-IT.mjs
+var $caa152f7f8e96c85$exports = {};
+$caa152f7f8e96c85$exports = { "breadcrumbs": `Breadcrumb` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/ja-JP.mjs
+var $cbc6af0cc98fad10$exports = {};
+$cbc6af0cc98fad10$exports = { "breadcrumbs": `\u{30D1}\u{30F3}\u{304F}\u{305A}\u{30EA}\u{30B9}\u{30C8}` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/ko-KR.mjs
+var $ad9be5d332b4d607$exports = {};
+$ad9be5d332b4d607$exports = { "breadcrumbs": `\u{D0D0}\u{C0C9} \u{D45C}\u{C2DC}` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/lt-LT.mjs
+var $659de19a00ff9617$exports = {};
+$659de19a00ff9617$exports = { "breadcrumbs": `Nar\u{161}ymo kelias` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/lv-LV.mjs
+var $173e9fb4d14fe309$exports = {};
+$173e9fb4d14fe309$exports = { "breadcrumbs": `Atpaka\u{13C}ce\u{13C}i` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/nb-NO.mjs
+var $d8e2640a066567a9$exports = {};
+$d8e2640a066567a9$exports = { "breadcrumbs": `Navigasjonsstier` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/nl-NL.mjs
+var $d71fd764236c0d12$exports = {};
+$d71fd764236c0d12$exports = { "breadcrumbs": `Broodkruimels` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/pl-PL.mjs
+var $f4ad3faf9f4aaec6$exports = {};
+$f4ad3faf9f4aaec6$exports = { "breadcrumbs": `Struktura nawigacyjna` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/pt-BR.mjs
+var $9703be9d55d8e9c2$exports = {};
+$9703be9d55d8e9c2$exports = { "breadcrumbs": `Caminho detalhado` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/pt-PT.mjs
+var $7e23baec8a14f309$exports = {};
+$7e23baec8a14f309$exports = { "breadcrumbs": `Categorias` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/ro-RO.mjs
+var $568f95594049d56e$exports = {};
+$568f95594049d56e$exports = { "breadcrumbs": `Miez de p\xe2ine` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/ru-RU.mjs
+var $625df06cecc70764$exports = {};
+$625df06cecc70764$exports = { "breadcrumbs": `\u{41D}\u{430}\u{432}\u{438}\u{433}\u{430}\u{446}\u{438}\u{44F}` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/sk-SK.mjs
+var $b5a67525f3a2f594$exports = {};
+$b5a67525f3a2f594$exports = { "breadcrumbs": `Naviga\u{10D}n\xe9 prvky Breadcrumbs` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/sl-SI.mjs
+var $16125922964febca$exports = {};
+$16125922964febca$exports = { "breadcrumbs": `Drobtine` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/sr-SP.mjs
+var $de104bf355206bcf$exports = {};
+$de104bf355206bcf$exports = { "breadcrumbs": `Putanje navigacije` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/sv-SE.mjs
+var $d5ab76bcbadc9c07$exports = {};
+$d5ab76bcbadc9c07$exports = { "breadcrumbs": `S\xf6kv\xe4gar` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/tr-TR.mjs
+var $a6a1af5968159b55$exports = {};
+$a6a1af5968159b55$exports = { "breadcrumbs": `\u{130}\xe7erik haritalar\u{131}` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/uk-UA.mjs
+var $5204a30f0d17ffec$exports = {};
+$5204a30f0d17ffec$exports = { "breadcrumbs": `\u{41D}\u{430}\u{432}\u{456}\u{433}\u{430}\u{446}\u{456}\u{439}\u{43D}\u{430} \u{441}\u{442}\u{435}\u{436}\u{43A}\u{430}` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/zh-CN.mjs
+var $8d15e736e12d3dfd$exports = {};
+$8d15e736e12d3dfd$exports = { "breadcrumbs": `\u{5BFC}\u{822A}\u{680F}` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/zh-TW.mjs
+var $f8c49dd804b75140$exports = {};
+$f8c49dd804b75140$exports = { "breadcrumbs": `\u{5C0E}\u{89BD}\u{5217}` };
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/intlStrings.mjs
+var $8229b34715874f89$exports = {};
+$8229b34715874f89$exports = {
+	"ar-AE": $b91590b2dc47de39$exports,
+	"bg-BG": $55b0693b2cf3fe91$exports,
+	"cs-CZ": $6ec1ed7729e948cc$exports,
+	"da-DK": $5a41bb2baa6861e4$exports,
+	"de-DE": $f28bbea439e87eca$exports,
+	"el-GR": $b3eca51cb720961a$exports,
+	"en-US": $0b39b205118db415$exports,
+	"es-ES": $f467c0ee7bfb0950$exports,
+	"et-EE": $ab711d2ffb4cdf3d$exports,
+	"fi-FI": $b63105d663e6f9d5$exports,
+	"fr-FR": $9d2ed7be7fcdc2a1$exports,
+	"he-IL": $c5704294d85c7b5d$exports,
+	"hr-HR": $20c975671d6bbc63$exports,
+	"hu-HU": $2569ca3917233115$exports,
+	"it-IT": $caa152f7f8e96c85$exports,
+	"ja-JP": $cbc6af0cc98fad10$exports,
+	"ko-KR": $ad9be5d332b4d607$exports,
+	"lt-LT": $659de19a00ff9617$exports,
+	"lv-LV": $173e9fb4d14fe309$exports,
+	"nb-NO": $d8e2640a066567a9$exports,
+	"nl-NL": $d71fd764236c0d12$exports,
+	"pl-PL": $f4ad3faf9f4aaec6$exports,
+	"pt-BR": $9703be9d55d8e9c2$exports,
+	"pt-PT": $7e23baec8a14f309$exports,
+	"ro-RO": $568f95594049d56e$exports,
+	"ru-RU": $625df06cecc70764$exports,
+	"sk-SK": $b5a67525f3a2f594$exports,
+	"sl-SI": $16125922964febca$exports,
+	"sr-SP": $de104bf355206bcf$exports,
+	"sv-SE": $d5ab76bcbadc9c07$exports,
+	"tr-TR": $a6a1af5968159b55$exports,
+	"uk-UA": $5204a30f0d17ffec$exports,
+	"zh-CN": $8d15e736e12d3dfd$exports,
+	"zh-TW": $f8c49dd804b75140$exports
+};
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+breadcrumbs@3.5.31+67f6792bdf102c28/node_modules/@react-aria/breadcrumbs/dist/useBreadcrumbs.mjs
+function $parcel$interopDefault(a) {
+	return a && a.__esModule ? a.default : a;
+}
+function $848231d7a2b3998e$export$8cefe241bd876ca0(props) {
+	let { "aria-label": ariaLabel, ...otherProps } = props;
+	let strings = $fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault($8229b34715874f89$exports), "@react-aria/breadcrumbs");
+	return { navProps: {
+		...$65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps, { labelable: true }),
+		"aria-label": ariaLabel || strings.format("breadcrumbs")
+	} };
+}
+//#endregion
+//#region ../../node_modules/.bun/react-aria-components@1.15.1+67f6792bdf102c28/node_modules/react-aria-components/dist/Breadcrumbs.mjs
+const $778035c5624f61e7$export$65596d3621b0a4a0 = /*#__PURE__*/ createContext(null);
+const $778035c5624f61e7$export$2dc68d50d56fbbd = /*#__PURE__*/ forwardRef(function Breadcrumbs(props, ref) {
+	[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $778035c5624f61e7$export$65596d3621b0a4a0);
+	let { CollectionRoot } = useContext($7135fc7d473fd974$export$4feb769f8ddf26c5);
+	let { navProps } = $848231d7a2b3998e$export$8cefe241bd876ca0(props);
+	let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+		global: true,
+		labelable: true
+	});
+	return /*#__PURE__*/ $HgANd$react.createElement($e1995378a142960e$export$bf788dd355e3a401, { content: /*#__PURE__*/ $HgANd$react.createElement($e1995378a142960e$export$fb8073518f34e6ec, props) }, (collection) => {
+		var _props_className;
+		return /*#__PURE__*/ $HgANd$react.createElement($64fa3d84918910a7$export$df3a06d6289f983e.ol, {
+			render: props.render,
+			ref,
+			...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, navProps),
+			slot: props.slot || void 0,
+			style: props.style,
+			className: (_props_className = props.className) !== null && _props_className !== void 0 ? _props_className : "react-aria-Breadcrumbs"
+		}, /*#__PURE__*/ $HgANd$react.createElement($778035c5624f61e7$export$65596d3621b0a4a0.Provider, { value: props }, /*#__PURE__*/ $HgANd$react.createElement(CollectionRoot, { collection })));
+	});
+});
+var $778035c5624f61e7$var$BreadcrumbNode = class extends $23b9f4fcf0fe224b$export$d68d59712b04d9d1 {};
+$778035c5624f61e7$var$BreadcrumbNode.type = "item";
+const $778035c5624f61e7$export$dabcc1ec9dd9d1cc = /*#__PURE__*/ $e1995378a142960e$export$18af5c7a9e9b3664($778035c5624f61e7$var$BreadcrumbNode, function Breadcrumb(props, ref, node) {
+	let isCurrent = node.nextKey == null;
+	let { isDisabled, onAction } = $64fa3d84918910a7$export$fabf2dc03a41866e($778035c5624f61e7$export$65596d3621b0a4a0);
+	let linkProps = {
+		"aria-current": isCurrent ? "page" : null,
+		isDisabled: isDisabled || isCurrent,
+		onPress: () => onAction === null || onAction === void 0 ? void 0 : onAction(node.key)
+	};
+	let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+		...node.props,
+		children: node.rendered,
+		values: {
+			isDisabled: isDisabled || isCurrent,
+			isCurrent
+		},
+		defaultClassName: "react-aria-Breadcrumb"
+	});
+	let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+		global: true,
+		labelable: true
+	});
+	delete DOMProps.id;
+	return /*#__PURE__*/ $HgANd$react.createElement($64fa3d84918910a7$export$df3a06d6289f983e.li, {
+		...DOMProps,
+		...renderProps,
+		ref,
+		"data-disabled": isDisabled || isCurrent || void 0,
+		"data-current": isCurrent || void 0
+	}, /*#__PURE__*/ $HgANd$react.createElement($4f118338184dc1d9$export$e2509388b49734e7.Provider, { value: linkProps }, renderProps.children));
+});
+//#endregion
+//#region src/components/Breadcrumbs/breadcrumbs.cva.ts
+const breadcrumbsDefinition = UIOverrides.defineConfig({ base: ["flex items-center gap-breadcrumbs-gap-segment-to-segment"] });
+const breadcrumbSegmentDefinition = UIOverrides.defineConfig({ base: ["flex items-center gap-breadcrumbs-gap-segment-to-segment"] });
+const breadcrumbChevronDefinition = UIOverrides.defineConfig({ base: ["size-6 shrink-0 text-interactive-text-secondary-idle"] });
+const breadcrumbIconDefinition = UIOverrides.defineConfig({ base: ["size-4 shrink-0"] });
+const breadcrumbItemDefinition = UIOverrides.defineConfig({
+	base: ["inline-flex cursor-pointer items-center gap-breadcrumbs-gap-icon-to-text whitespace-nowrap font-inter font-medium text-label-3 no-underline"],
+	config: {
+		variants: {
+			isCurrent: {
+				true: "text-interactive-text-primary-idle",
+				false: "text-interactive-text-secondary-idle hover:text-interactive-text-secondary-hover"
+			},
+			isEllipsis: {
+				true: "hover:text-interactive-text-primary-hover!",
+				false: ""
+			}
+		},
+		defaultVariants: {
+			isCurrent: false,
+			isEllipsis: false
+		}
+	}
+});
+//#endregion
+//#region src/components/Breadcrumbs/Breadcrumbs.tsx
+const Breadcrumbs = (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);
+	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 ?? $4f118338184dc1d9$export$a6c7ac8248d6e38a;
+	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(_temp);
+		const renderEllipsis = () => /* @__PURE__ */ jsx(MenuDesktop, {
+			trigger: /* @__PURE__ */ jsx(Tooltip, {
+				text: hiddenItems.map(_temp2).join(", "),
+				children: /* @__PURE__ */ jsx($d2b4bc8c273e7be6$export$353f5b6fc5456de1, {
+					"aria-label": "Show hidden breadcrumbs",
+					className: breadcrumbItem({
+						isCurrent: false,
+						isEllipsis: true
+					}),
+					children: /* @__PURE__ */ jsx(Typography, {
+						variant: "default",
+						size: "label-3",
+						children: "..."
+					})
+				})
+			}),
+			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(ChevronRight, { className: t9 });
+			$[19] = t9;
+			$[20] = t10;
+		} else t10 = $[20];
+		let t11;
+		if ($[21] !== firstItem.id || $[22] !== t10 || $[23] !== t7 || $[24] !== t8) {
+			t11 = /* @__PURE__ */ jsxs($778035c5624f61e7$export$dabcc1ec9dd9d1cc, {
+				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(ChevronRight, { 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($778035c5624f61e7$export$dabcc1ec9dd9d1cc, {
+				id: t16,
+				className: t17,
+				children: t18
+			});
+			$[37] = lastItem.id;
+			$[38] = t17;
+			$[39] = t18;
+			$[40] = t19;
+		} else t19 = $[40];
+		return /* @__PURE__ */ jsxs($778035c5624f61e7$export$2dc68d50d56fbbd, {
+			onAction,
+			className: t5,
+			children: [
+				t11,
+				/* @__PURE__ */ jsxs($778035c5624f61e7$export$dabcc1ec9dd9d1cc, {
+					id: "ellipsis",
+					className: t12,
+					children: [t13, t15]
+				}),
+				t19
+			]
+		});
+	}
+	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($778035c5624f61e7$export$dabcc1ec9dd9d1cc, {
+			id: item_1.id,
+			className: breadcrumbSegmentCva({}),
+			children: (t9) => {
+				const { isCurrent: isCurrent_0 } = t9;
+				return /* @__PURE__ */ jsxs(Fragment$1, { children: [renderBreadcrumbLink(item_1, isCurrent_0, iconOnly && item_1 === items[0]), !isCurrent_0 && /* @__PURE__ */ jsx(ChevronRight, { 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($778035c5624f61e7$export$2dc68d50d56fbbd, {
+			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 { breadcrumbSegmentDefinition as a, breadcrumbItemDefinition as i, breadcrumbChevronDefinition as n, breadcrumbsDefinition as o, breadcrumbIconDefinition as r, Breadcrumbs as t };

package/dist/Breadcrumbs-C46_H95J.d.ts

@@ -0,0 +1,19 @@
+import { x as Key } from "./types-ZbFfCz06.js";
+import { n as LinkNavigationProps } from "./Link-CKi4C00S.js";
+import { FC, SVGProps } from "react";
+//#region src/components/Breadcrumbs/Breadcrumbs.d.ts
+interface BreadcrumbItem {
+  id: Key;
+  label: string;
+  link?: LinkNavigationProps;
+  icon?: FC<SVGProps<SVGSVGElement>>;
+}
+interface BreadcrumbsProps {
+  items: BreadcrumbItem[];
+  className?: string;
+  onAction?: (id: Key) => void;
+  iconOnly?: boolean;
+}
+declare const Breadcrumbs: ({ items, className, onAction, iconOnly }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Breadcrumbs as n, BreadcrumbsProps as r, BreadcrumbItem as t };