@drivenets/design-system 0.5.0 → 0.6.1

package/dist/components/ds-avatar-group/ds-avatar-group.js

@@ -1,92 +0,0 @@
-import ds_typography_default from "../ds-typography/ds-typography.js";
-import "../ds-typography/index.js";
-import ds_tooltip_default from "../ds-tooltip/ds-tooltip.js";
-import "../ds-tooltip/index.js";
-import { DsAvatar } from "../ds-avatar/ds-avatar.js";
-import "../ds-avatar/index.js";
-import ds_avatar_group_module_default from "./ds-avatar-group.module.js";
-import { c } from "react/compiler-runtime";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/ds-avatar-group/ds-avatar-group.tsx
-/**
-* DsAvatarGroup component for displaying a list of avatars with overlap
-*/
-const DsAvatarGroup = (t0) => {
-	const $ = c(17);
-	const { avatars, size: t1, type: t2, max: t3, className } = t0;
-	const size = t1 === void 0 ? "regular" : t1;
-	const type = t2 === void 0 ? "circle" : t2;
-	const max = t3 === void 0 ? 5 : t3;
-	let t4;
-	let t5;
-	let t6;
-	if ($[0] !== avatars || $[1] !== className || $[2] !== max || $[3] !== size || $[4] !== type) {
-		const visibleAvatars = avatars.slice(0, max);
-		const hiddenAvatars = avatars.slice(max);
-		const remainingCount = avatars.length - max;
-		if ($[8] !== className) {
-			t4 = classNames(ds_avatar_group_module_default.avatarGroup, className);
-			$[8] = className;
-			$[9] = t4;
-		} else t4 = $[9];
-		let t7$1;
-		if ($[10] !== size || $[11] !== type) {
-			t7$1 = (avatar, index) => /* @__PURE__ */ jsx(DsAvatar, {
-				...avatar,
-				size,
-				type,
-				className: ds_avatar_group_module_default.avatarItem
-			}, `${avatar.name}-${String(index)}`);
-			$[10] = size;
-			$[11] = type;
-			$[12] = t7$1;
-		} else t7$1 = $[12];
-		t5 = visibleAvatars.map(t7$1);
-		t6 = remainingCount > 0 && /* @__PURE__ */ jsx(ds_tooltip_default, {
-			content: /* @__PURE__ */ jsx("div", {
-				className: ds_avatar_group_module_default.tooltipList,
-				children: hiddenAvatars.map(_temp)
-			}),
-			children: /* @__PURE__ */ jsxs("div", {
-				className: classNames(ds_avatar_group_module_default.moreAvatar, ds_avatar_group_module_default[size], ds_avatar_group_module_default[type]),
-				children: ["+", remainingCount]
-			})
-		});
-		$[0] = avatars;
-		$[1] = className;
-		$[2] = max;
-		$[3] = size;
-		$[4] = type;
-		$[5] = t4;
-		$[6] = t5;
-		$[7] = t6;
-	} else {
-		t4 = $[5];
-		t5 = $[6];
-		t6 = $[7];
-	}
-	let t7;
-	if ($[13] !== t4 || $[14] !== t5 || $[15] !== t6) {
-		t7 = /* @__PURE__ */ jsxs("div", {
-			className: t4,
-			children: [t5, t6]
-		});
-		$[13] = t4;
-		$[14] = t5;
-		$[15] = t6;
-		$[16] = t7;
-	} else t7 = $[16];
-	return t7;
-};
-function _temp(avatar_0, index_0) {
-	return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(ds_typography_default, {
-		variant: "body-xs-reg",
-		children: avatar_0.name
-	}) }, `${avatar_0.name}-${String(index_0)}`);
-}
-
-//#endregion
-export { DsAvatarGroup };
-//# sourceMappingURL=ds-avatar-group.js.map

package/dist/components/ds-avatar-group/ds-avatar-group.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-avatar-group.js","names":["FC","classNames","styles","DsAvatarGroupProps","DsAvatar","DsTooltip","DsTypography","DsAvatarGroup","t0","$","_c","avatars","size","t1","type","t2","max","t3","className","undefined","t4","t5","t6","visibleAvatars","slice","hiddenAvatars","remainingCount","length","avatarGroup","t7","avatar","index","name","String","avatarItem","map","tooltipList","_temp","moreAvatar","avatar_0","index_0"],"sources":["../../../src/components/ds-avatar-group/ds-avatar-group.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport classNames from 'classnames';\nimport styles from './ds-avatar-group.module.scss';\nimport type { DsAvatarGroupProps } from './ds-avatar-group.types';\nimport { DsAvatar } from '../ds-avatar';\nimport { DsTooltip } from '../ds-tooltip';\nimport { DsTypography } from '../ds-typography';\n\n/**\n * DsAvatarGroup component for displaying a list of avatars with overlap\n */\nexport const DsAvatarGroup: FC<DsAvatarGroupProps> = ({\n\tavatars,\n\tsize = 'regular',\n\ttype = 'circle',\n\tmax = 5,\n\tclassName,\n}) => {\n\tconst visibleAvatars = avatars.slice(0, max);\n\tconst hiddenAvatars = avatars.slice(max);\n\tconst remainingCount = avatars.length - max;\n\n\treturn (\n\t\t<div className={classNames(styles.avatarGroup, className)}>\n\t\t\t{visibleAvatars.map((avatar, index) => (\n\t\t\t\t<DsAvatar\n\t\t\t\t\tkey={`${avatar.name}-${String(index)}`}\n\t\t\t\t\t{...avatar}\n\t\t\t\t\tsize={size}\n\t\t\t\t\ttype={type}\n\t\t\t\t\tclassName={styles.avatarItem}\n\t\t\t\t/>\n\t\t\t))}\n\t\t\t{remainingCount > 0 && (\n\t\t\t\t<DsTooltip\n\t\t\t\t\tcontent={\n\t\t\t\t\t\t<div className={styles.tooltipList}>\n\t\t\t\t\t\t\t{hiddenAvatars.map((avatar, index) => (\n\t\t\t\t\t\t\t\t<div key={`${avatar.name}-${String(index)}`}>\n\t\t\t\t\t\t\t\t\t<DsTypography variant=\"body-xs-reg\">{avatar.name}</DsTypography>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<div className={classNames(styles.moreAvatar, styles[size], styles[type])}>+{remainingCount}</div>\n\t\t\t\t</DsTooltip>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"mappings":";;;;;;;;;;;;;;;AAWA,MAAaO,iBAAwCC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAAC,SAAAC,MAAAC,IAAAC,MAAAC,IAAAC,KAAAC,IAAAC,cAAAV;CAErD,MAAAI,OAAAC,OAAAM,SAAA,YAAAN;CACA,MAAAC,OAAAC,OAAAI,SAAA,WAAAJ;CACA,MAAAC,MAAAC,OAAAE,SAAA,IAAAF;CAAO,IAAAG;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAb,EAAA,OAAAE,WAAAF,EAAA,OAAAS,aAAAT,EAAA,OAAAO,OAAAP,EAAA,OAAAG,QAAAH,EAAA,OAAAK,MAAA;EAGP,MAAAS,iBAAuBZ,QAAOa,MAAO,GAAGR,IAAI;EAC5C,MAAAS,gBAAsBd,QAAOa,MAAOR,IAAI;EACxC,MAAAU,iBAAuBf,QAAOgB,SAAUX;AAAI,MAAAP,EAAA,OAAAS,WAAA;AAG3BE,QAAAnB,WAAWC,+BAAM0B,aAAcV,UAAU;AAAAT,KAAA,KAAAS;AAAAT,KAAA,KAAAW;QAAAA,MAAAX,EAAA;EAAA,IAAAoB;AAAA,MAAApB,EAAA,QAAAG,QAAAH,EAAA,QAAAK,MAAA;AACpCe,WAAAC,QAAAC,UACnB,oBAAC;IACsC,GAClCD;IACElB;IACAE;IACK,WAAAZ,+BAAMgC;MAJZ,GAAGJ,OAAME,KAAK,GAAIC,OAAOF,MAAM,GAMrC;AAAAtB,KAAA,MAAAG;AAAAH,KAAA,MAAAK;AAAAL,KAAA,MAAAoB;QAAAA,QAAApB,EAAA;AARAY,OAAAE,eAAcY,IAAKN,KAQlB;AACDP,OAAAI,iBAAiB,KACjB,oBAAC;GAEC,SAAA,oBAAA;IAAgB,WAAAxB,+BAAMkC;cACpBX,cAAaU,IAAKE,MAIlB;KACG;aAGN,qBAAA;IAAgB,WAAApC,WAAWC,+BAAMoC,YAAapC,+BAAOU,OAAOV,+BAAOY,MAAK;eAAG,KAAEY;KAC9E;IACA;AAAAjB,IAAA,KAAAE;AAAAF,IAAA,KAAAS;AAAAT,IAAA,KAAAO;AAAAP,IAAA,KAAAG;AAAAH,IAAA,KAAAK;AAAAL,IAAA,KAAAW;AAAAX,IAAA,KAAAY;AAAAZ,IAAA,KAAAa;QAAA;AAAAF,OAAAX,EAAA;AAAAY,OAAAZ,EAAA;AAAAa,OAAAb,EAAA;;CAAA,IAAAoB;AAAA,KAAApB,EAAA,QAAAW,MAAAX,EAAA,QAAAY,MAAAZ,EAAA,QAAAa,IAAA;AAxBFO,OAAA,qBAAA;GAAgB,WAAAT;cACdC,IASAC;IAeI;AAAAb,IAAA,MAAAW;AAAAX,IAAA,MAAAY;AAAAZ,IAAA,MAAAa;AAAAb,IAAA,MAAAoB;OAAAA,MAAApB,EAAA;AAAA,QAzBNoB;;AAZmD,SAAAQ,MAAAE,UAAAC,SAAA;AAAA,QA2B7C,oBAAA,mBACC,oBAAC;EAAqB,SAAA;YAAeV,SAAME;GAC5C,IAFU,GAAGF,SAAME,KAAK,GAAIC,OAAOF,QAAM,GAEnC"}

package/dist/components/ds-avatar-group/ds-avatar-group.module.cjs

@@ -1,19 +0,0 @@
-
-//#region src/components/ds-avatar-group/ds-avatar-group.module.scss
-var ds_avatar_group_module_default = {
-	"avatarGroup": "_avatarGroup_gp6iz_1",
-	"avatarItem": "_avatarItem_gp6iz_1",
-	"xsm": "_xsm_gp6iz_1",
-	"sm": "_sm_gp6iz_1",
-	"moreAvatar": "_moreAvatar_gp6iz_1",
-	"circle": "_circle_gp6iz_1",
-	"rounded": "_rounded_gp6iz_1",
-	"regular": "_regular_gp6iz_1",
-	"md": "_md_gp6iz_1",
-	"lg": "_lg_gp6iz_1",
-	"xl": "_xl_gp6iz_1",
-	"tooltipList": "_tooltipList_gp6iz_1"
-};
-
-//#endregion
-exports.default = ds_avatar_group_module_default;

package/dist/components/ds-avatar-group/ds-avatar-group.module.js

@@ -1,19 +0,0 @@
-//#region src/components/ds-avatar-group/ds-avatar-group.module.scss
-var ds_avatar_group_module_default = {
-	"avatarGroup": "_avatarGroup_gp6iz_1",
-	"avatarItem": "_avatarItem_gp6iz_1",
-	"xsm": "_xsm_gp6iz_1",
-	"sm": "_sm_gp6iz_1",
-	"moreAvatar": "_moreAvatar_gp6iz_1",
-	"circle": "_circle_gp6iz_1",
-	"rounded": "_rounded_gp6iz_1",
-	"regular": "_regular_gp6iz_1",
-	"md": "_md_gp6iz_1",
-	"lg": "_lg_gp6iz_1",
-	"xl": "_xl_gp6iz_1",
-	"tooltipList": "_tooltipList_gp6iz_1"
-};
-
-//#endregion
-export { ds_avatar_group_module_default as default };
-//# sourceMappingURL=ds-avatar-group.module.js.map

package/dist/components/ds-avatar-group/ds-avatar-group.module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-avatar-group.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-avatar-group/ds-avatar-group.module.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-avatar/_mixins.scss"],"sourcesContent":["@use '../ds-avatar/mixins' as *;\n\n.avatarGroup {\n\tdisplay: flex;\n\talign-items: center;\n\n\t.avatarItem {\n\t\tborder: $avatar-border-width solid var(--color-background);\n\n\t\t&:not(:first-child) {\n\t\t\tmargin-left: $avatar-overlap-default;\n\t\t}\n\n\t\t&.xsm:not(:first-child) {\n\t\t\tmargin-left: $avatar-overlap-xsm;\n\t\t}\n\n\t\t&.sm:not(:first-child) {\n\t\t\tmargin-left: $avatar-overlap-sm;\n\t\t}\n\t}\n\n\t.moreAvatar {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tbackground-color: var(--color-background);\n\t\tcolor: var(--color-font-action);\n\t\tborder: $avatar-border-width solid var(--color-background);\n\t\tmargin-left: $avatar-overlap-default;\n\t\tfont-weight: var(--font-weight-medium);\n\t\tz-index: 1;\n\t\tcursor: default;\n\t\tflex-shrink: 0;\n\n\t\t&.circle {\n\t\t\tborder-radius: 50%;\n\t\t}\n\n\t\t&.rounded {\n\t\t\t&.xsm,\n\t\t\t&.sm {\n\t\t\t\tborder-radius: $avatar-border-radius-small;\n\t\t\t}\n\t\t\t&.regular,\n\t\t\t&.md,\n\t\t\t&.lg,\n\t\t\t&.xl {\n\t\t\t\tborder-radius: $avatar-border-radius-large;\n\t\t\t}\n\t\t}\n\n\t\t@include avatar-sizes;\n\n\t\t&.xsm {\n\t\t\tmargin-left: $avatar-overlap-xsm;\n\t\t}\n\n\t\t&.sm {\n\t\t\tmargin-left: $avatar-overlap-sm;\n\t\t}\n\t}\n\n\t.tooltipList {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: var(--spacing-3xs);\n\t\tpadding: var(--spacing-3xs) 0;\n\t}\n}\n"],"mappings":""}

package/dist/components/ds-avatar-group/ds-avatar-group.types.d.cts

@@ -1,31 +0,0 @@
-import { DsAvatarProps, DsAvatarSize, DsAvatarType } from "../ds-avatar/ds-avatar.types.cjs";
-
-//#region src/components/ds-avatar-group/ds-avatar-group.types.d.ts
-interface DsAvatarGroupProps {
-  /**
-   * Array of avatar items
-   */
-  avatars: Omit<DsAvatarProps, 'size' | 'type'>[];
-  /**
-   * Size of the avatars in the group
-   * @default 'regular'
-   */
-  size?: DsAvatarSize;
-  /**
-   * Shape of the avatars in the group
-   * @default 'circle'
-   */
-  type?: DsAvatarType;
-  /**
-   * Maximum number of avatars to show before collapsing
-   * @default 5
-   */
-  max?: number;
-  /**
-   * Custom class name
-   */
-  className?: string;
-}
-//#endregion
-export { DsAvatarGroupProps };
-//# sourceMappingURL=ds-avatar-group.types.d.cts.map

package/dist/components/ds-avatar-group/ds-avatar-group.types.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-avatar-group.types.d.cts","names":[],"sources":["../../../src/components/ds-avatar-group/ds-avatar-group.types.ts"],"sourcesContent":[],"mappings":";;;UAEiB,kBAAA;;AAAjB;;EAIU,OAAA,EAAA,IAAA,CAAK,aAAL,EAAA,MAAA,GAAA,MAAA,CAAA,EAAA;EAKF;;;;SAAA;;;;;SAKA"}

package/dist/components/ds-avatar-group/ds-avatar-group.types.d.ts

@@ -1,32 +0,0 @@
-import { DsAvatarProps, DsAvatarSize, DsAvatarType } from "../ds-avatar/ds-avatar.types.js";
-import "../ds-avatar/index.js";
-
-//#region src/components/ds-avatar-group/ds-avatar-group.types.d.ts
-interface DsAvatarGroupProps {
-  /**
-   * Array of avatar items
-   */
-  avatars: Omit<DsAvatarProps, 'size' | 'type'>[];
-  /**
-   * Size of the avatars in the group
-   * @default 'regular'
-   */
-  size?: DsAvatarSize;
-  /**
-   * Shape of the avatars in the group
-   * @default 'circle'
-   */
-  type?: DsAvatarType;
-  /**
-   * Maximum number of avatars to show before collapsing
-   * @default 5
-   */
-  max?: number;
-  /**
-   * Custom class name
-   */
-  className?: string;
-}
-//#endregion
-export { DsAvatarGroupProps };
-//# sourceMappingURL=ds-avatar-group.types.d.ts.map

package/dist/components/ds-avatar-group/ds-avatar-group.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-avatar-group.types.d.ts","names":[],"sources":["../../../src/components/ds-avatar-group/ds-avatar-group.types.ts"],"sourcesContent":[],"mappings":";;;;UAEiB,kBAAA;;;AAAjB;EAIe,OAAA,EAAL,IAAK,CAAA,aAAA,EAAA,MAAA,GAAA,MAAA,CAAA,EAAA;EAAL;;;;SAKF;;;;;SAKA"}

package/dist/components/ds-avatar-group/index.cjs

@@ -1 +0,0 @@
-const require_ds_avatar_group = require('./ds-avatar-group.cjs');

package/dist/components/ds-avatar-group/index.d.ts

@@ -1,2 +0,0 @@
-import { DsAvatarGroupProps } from "./ds-avatar-group.types.js";
-import { DsAvatarGroup } from "./ds-avatar-group.js";

package/dist/components/ds-avatar-group/index.js

@@ -1 +0,0 @@
-import { DsAvatarGroup } from "./ds-avatar-group.js";

package/dist/components/ds-breadcrumb/ds-breadcrumb.cjs

@@ -1,135 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_ds_icon = require('../ds-icon/ds-icon.cjs');
-require('../ds-icon/index.cjs');
-const require_ds_typography = require('../ds-typography/ds-typography.cjs');
-require('../ds-typography/index.cjs');
-const require_ds_breadcrumb_module = require('./ds-breadcrumb.module.cjs');
-const require_ds_text_input = require('../ds-text-input/ds-text-input.cjs');
-const require_ds_dropdown_menu = require('../ds-dropdown-menu/ds-dropdown-menu.cjs');
-require('../ds-dropdown-menu/index.cjs');
-require('../ds-text-input/index.cjs');
-let react_compiler_runtime = require("react/compiler-runtime");
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-let react = require("react");
-let _tanstack_react_router = require("@tanstack/react-router");
-
-//#region src/components/ds-breadcrumb/ds-breadcrumb.tsx
-/**
-* Design system Breadcrumb component
-*/
-const DsBreadcrumb = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(17);
-	const { items, onSelect, className } = t0;
-	const location = (0, _tanstack_react_router.useLocation)();
-	const [search, setSearch] = (0, react.useState)("");
-	let t1;
-	if ($[0] !== className) {
-		t1 = (0, classnames.default)(require_ds_breadcrumb_module.default.breadcrumb, className);
-		$[0] = className;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== items || $[3] !== location || $[4] !== onSelect || $[5] !== search) {
-		let t3$1;
-		if ($[7] !== items.length || $[8] !== location || $[9] !== onSelect || $[10] !== search) {
-			t3$1 = (item, index) => {
-				const selectedOption = item.type === "dropdown" ? item.options.find((option) => option.href === location.pathname) : null;
-				const filteredOptions = item.type === "dropdown" ? item.options.filter((opt) => opt.label.toLowerCase().includes(search.toLowerCase())) : [];
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
-					className: require_ds_breadcrumb_module.default.breadcrumbItem,
-					children: item.type === "link" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_tanstack_react_router.Link, {
-						to: item.href,
-						className: (0, classnames.default)(require_ds_breadcrumb_module.default.link),
-						"aria-current": index === items.length - 1 ? "page" : void 0,
-						onClick: () => onSelect?.(item.href),
-						children: [item.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-							icon: item.icon,
-							className: require_ds_breadcrumb_module.default.icon,
-							size: "small"
-						}), item.label]
-					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ds_dropdown_menu.DsDropdownMenu.Root, {
-						onSelect,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ds_dropdown_menu.DsDropdownMenu.Trigger, {
-							className: require_ds_breadcrumb_module.default.trigger,
-							"aria-current": index === items.length - 1 ? "page" : void 0,
-							children: [
-								item.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-									icon: item.icon,
-									className: require_ds_breadcrumb_module.default.icon,
-									size: "small"
-								}),
-								selectedOption?.label || item.label,
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-									icon: "arrow_drop_down",
-									className: require_ds_breadcrumb_module.default.dropdownIcon
-								})
-							]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ds_dropdown_menu.DsDropdownMenu.Content, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_dropdown_menu.DsDropdownMenu.Header, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_text_input.default, {
-							placeholder: "Search",
-							value: search,
-							onValueChange: setSearch,
-							onKeyDown: _temp,
-							slots: { startAdornment: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-								icon: "search",
-								size: "tiny"
-							}) }
-						}) }), filteredOptions.map((opt_0) => {
-							const selected = selectedOption?.href === opt_0.href;
-							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
-								className: require_ds_breadcrumb_module.default.itemLabel,
-								variant: "body-sm-reg",
-								asChild: true,
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ds_dropdown_menu.DsDropdownMenu.Item, {
-									value: opt_0.href,
-									selected,
-									children: [opt_0.label, selected && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_dropdown_menu.DsDropdownMenu.ItemIndicator, {})]
-								})
-							}, opt_0.href);
-						})] })]
-					})
-				}, index);
-			};
-			$[7] = items.length;
-			$[8] = location;
-			$[9] = onSelect;
-			$[10] = search;
-			$[11] = t3$1;
-		} else t3$1 = $[11];
-		t2 = items.map(t3$1);
-		$[2] = items;
-		$[3] = location;
-		$[4] = onSelect;
-		$[5] = search;
-		$[6] = t2;
-	} else t2 = $[6];
-	let t3;
-	if ($[12] !== t2) {
-		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
-			className: require_ds_breadcrumb_module.default.list,
-			children: t2
-		});
-		$[12] = t2;
-		$[13] = t3;
-	} else t3 = $[13];
-	let t4;
-	if ($[14] !== t1 || $[15] !== t3) {
-		t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
-			className: t1,
-			"aria-label": "Breadcrumb",
-			children: t3
-		});
-		$[14] = t1;
-		$[15] = t3;
-		$[16] = t4;
-	} else t4 = $[16];
-	return t4;
-};
-var ds_breadcrumb_default = DsBreadcrumb;
-function _temp(e) {
-	return e.stopPropagation();
-}
-
-//#endregion
-exports.default = ds_breadcrumb_default;

package/dist/components/ds-breadcrumb/ds-breadcrumb.d.cts

@@ -1,12 +0,0 @@
-import { DsBreadcrumbProps } from "./ds-breadcrumb.types.cjs";
-import React from "react";
-
-//#region src/components/ds-breadcrumb/ds-breadcrumb.d.ts
-
-/**
- * Design system Breadcrumb component
- */
-declare const DsBreadcrumb: React.FC<DsBreadcrumbProps>;
-//#endregion
-export { DsBreadcrumb };
-//# sourceMappingURL=ds-breadcrumb.d.cts.map

package/dist/components/ds-breadcrumb/ds-breadcrumb.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-breadcrumb.d.cts","names":[],"sources":["../../../src/components/ds-breadcrumb/ds-breadcrumb.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAK+D;cASzD,cAAc,KAAA,CAAM,GAAG"}

package/dist/components/ds-breadcrumb/ds-breadcrumb.d.ts

@@ -1,12 +0,0 @@
-import { DsBreadcrumbProps } from "./ds-breadcrumb.types.js";
-import React from "react";
-
-//#region src/components/ds-breadcrumb/ds-breadcrumb.d.ts
-
-/**
- * Design system Breadcrumb component
- */
-declare const DsBreadcrumb: React.FC<DsBreadcrumbProps>;
-//#endregion
-export { DsBreadcrumb };
-//# sourceMappingURL=ds-breadcrumb.d.ts.map

package/dist/components/ds-breadcrumb/ds-breadcrumb.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-breadcrumb.d.ts","names":[],"sources":["../../../src/components/ds-breadcrumb/ds-breadcrumb.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAK+D;cASzD,cAAc,KAAA,CAAM,GAAG"}

package/dist/components/ds-breadcrumb/ds-breadcrumb.js

@@ -1,134 +0,0 @@
-import ds_icon_default from "../ds-icon/ds-icon.js";
-import "../ds-icon/index.js";
-import ds_typography_default from "../ds-typography/ds-typography.js";
-import "../ds-typography/index.js";
-import ds_breadcrumb_module_default from "./ds-breadcrumb.module.js";
-import ds_text_input_default from "../ds-text-input/ds-text-input.js";
-import { DsDropdownMenu } from "../ds-dropdown-menu/ds-dropdown-menu.js";
-import "../ds-dropdown-menu/index.js";
-import "../ds-text-input/index.js";
-import { c } from "react/compiler-runtime";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { Link, useLocation } from "@tanstack/react-router";
-
-//#region src/components/ds-breadcrumb/ds-breadcrumb.tsx
-/**
-* Design system Breadcrumb component
-*/
-const DsBreadcrumb = (t0) => {
-	const $ = c(17);
-	const { items, onSelect, className } = t0;
-	const location = useLocation();
-	const [search, setSearch] = useState("");
-	let t1;
-	if ($[0] !== className) {
-		t1 = classNames(ds_breadcrumb_module_default.breadcrumb, className);
-		$[0] = className;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== items || $[3] !== location || $[4] !== onSelect || $[5] !== search) {
-		let t3$1;
-		if ($[7] !== items.length || $[8] !== location || $[9] !== onSelect || $[10] !== search) {
-			t3$1 = (item, index) => {
-				const selectedOption = item.type === "dropdown" ? item.options.find((option) => option.href === location.pathname) : null;
-				const filteredOptions = item.type === "dropdown" ? item.options.filter((opt) => opt.label.toLowerCase().includes(search.toLowerCase())) : [];
-				return /* @__PURE__ */ jsx("li", {
-					className: ds_breadcrumb_module_default.breadcrumbItem,
-					children: item.type === "link" ? /* @__PURE__ */ jsxs(Link, {
-						to: item.href,
-						className: classNames(ds_breadcrumb_module_default.link),
-						"aria-current": index === items.length - 1 ? "page" : void 0,
-						onClick: () => onSelect?.(item.href),
-						children: [item.icon && /* @__PURE__ */ jsx(ds_icon_default, {
-							icon: item.icon,
-							className: ds_breadcrumb_module_default.icon,
-							size: "small"
-						}), item.label]
-					}) : /* @__PURE__ */ jsxs(DsDropdownMenu.Root, {
-						onSelect,
-						children: [/* @__PURE__ */ jsxs(DsDropdownMenu.Trigger, {
-							className: ds_breadcrumb_module_default.trigger,
-							"aria-current": index === items.length - 1 ? "page" : void 0,
-							children: [
-								item.icon && /* @__PURE__ */ jsx(ds_icon_default, {
-									icon: item.icon,
-									className: ds_breadcrumb_module_default.icon,
-									size: "small"
-								}),
-								selectedOption?.label || item.label,
-								/* @__PURE__ */ jsx(ds_icon_default, {
-									icon: "arrow_drop_down",
-									className: ds_breadcrumb_module_default.dropdownIcon
-								})
-							]
-						}), /* @__PURE__ */ jsxs(DsDropdownMenu.Content, { children: [/* @__PURE__ */ jsx(DsDropdownMenu.Header, { children: /* @__PURE__ */ jsx(ds_text_input_default, {
-							placeholder: "Search",
-							value: search,
-							onValueChange: setSearch,
-							onKeyDown: _temp,
-							slots: { startAdornment: /* @__PURE__ */ jsx(ds_icon_default, {
-								icon: "search",
-								size: "tiny"
-							}) }
-						}) }), filteredOptions.map((opt_0) => {
-							const selected = selectedOption?.href === opt_0.href;
-							return /* @__PURE__ */ jsx(ds_typography_default, {
-								className: ds_breadcrumb_module_default.itemLabel,
-								variant: "body-sm-reg",
-								asChild: true,
-								children: /* @__PURE__ */ jsxs(DsDropdownMenu.Item, {
-									value: opt_0.href,
-									selected,
-									children: [opt_0.label, selected && /* @__PURE__ */ jsx(DsDropdownMenu.ItemIndicator, {})]
-								})
-							}, opt_0.href);
-						})] })]
-					})
-				}, index);
-			};
-			$[7] = items.length;
-			$[8] = location;
-			$[9] = onSelect;
-			$[10] = search;
-			$[11] = t3$1;
-		} else t3$1 = $[11];
-		t2 = items.map(t3$1);
-		$[2] = items;
-		$[3] = location;
-		$[4] = onSelect;
-		$[5] = search;
-		$[6] = t2;
-	} else t2 = $[6];
-	let t3;
-	if ($[12] !== t2) {
-		t3 = /* @__PURE__ */ jsx("ol", {
-			className: ds_breadcrumb_module_default.list,
-			children: t2
-		});
-		$[12] = t2;
-		$[13] = t3;
-	} else t3 = $[13];
-	let t4;
-	if ($[14] !== t1 || $[15] !== t3) {
-		t4 = /* @__PURE__ */ jsx("nav", {
-			className: t1,
-			"aria-label": "Breadcrumb",
-			children: t3
-		});
-		$[14] = t1;
-		$[15] = t3;
-		$[16] = t4;
-	} else t4 = $[16];
-	return t4;
-};
-var ds_breadcrumb_default = DsBreadcrumb;
-function _temp(e) {
-	return e.stopPropagation();
-}
-
-//#endregion
-export { ds_breadcrumb_default as default };
-//# sourceMappingURL=ds-breadcrumb.js.map

package/dist/components/ds-breadcrumb/ds-breadcrumb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-breadcrumb.js","names":["React","useState","Link","useLocation","classNames","styles","DsBreadcrumbProps","DsIcon","DsDropdownMenu","DsTextInput","DsTypography","DsBreadcrumb","FC","t0","$","_c","items","onSelect","className","location","search","setSearch","t1","breadcrumb","t2","t3","length","item","index","selectedOption","type","options","find","option","href","pathname","filteredOptions","filter","opt","label","toLowerCase","includes","breadcrumbItem","link","undefined","icon","trigger","dropdownIcon","_temp","startAdornment","map","opt_0","selected","itemLabel","list","t4","e","stopPropagation"],"sources":["../../../src/components/ds-breadcrumb/ds-breadcrumb.tsx"],"sourcesContent":["import type React from 'react';\nimport { useState } from 'react';\nimport { Link, useLocation } from '@tanstack/react-router';\nimport classNames from 'classnames';\nimport styles from './ds-breadcrumb.module.scss';\nimport type { DsBreadcrumbProps } from './ds-breadcrumb.types';\nimport { DsIcon } from '../ds-icon';\nimport { DsDropdownMenu } from '../ds-dropdown-menu';\nimport { DsTextInput } from '../ds-text-input/index';\nimport { DsTypography } from '../ds-typography';\n\n/**\n * Design system Breadcrumb component\n */\nconst DsBreadcrumb: React.FC<DsBreadcrumbProps> = ({ items, onSelect, className }) => {\n\tconst location = useLocation();\n\tconst [search, setSearch] = useState('');\n\n\treturn (\n\t\t<nav className={classNames(styles.breadcrumb, className)} aria-label=\"Breadcrumb\">\n\t\t\t<ol className={styles.list}>\n\t\t\t\t{items.map((item, index) => {\n\t\t\t\t\tconst selectedOption =\n\t\t\t\t\t\titem.type === 'dropdown'\n\t\t\t\t\t\t\t? item.options.find((option) => option.href === location.pathname)\n\t\t\t\t\t\t\t: null;\n\n\t\t\t\t\tconst filteredOptions =\n\t\t\t\t\t\titem.type === 'dropdown'\n\t\t\t\t\t\t\t? item.options.filter((opt) => opt.label.toLowerCase().includes(search.toLowerCase()))\n\t\t\t\t\t\t\t: [];\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li key={index} className={styles.breadcrumbItem}>\n\t\t\t\t\t\t\t{item.type === 'link' ? (\n\t\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\t\tto={item.href}\n\t\t\t\t\t\t\t\t\tclassName={classNames(styles.link)}\n\t\t\t\t\t\t\t\t\taria-current={index === items.length - 1 ? 'page' : undefined}\n\t\t\t\t\t\t\t\t\tonClick={() => onSelect?.(item.href)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{item.icon && <DsIcon icon={item.icon} className={styles.icon} size=\"small\" />}\n\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<DsDropdownMenu.Root onSelect={onSelect}>\n\t\t\t\t\t\t\t\t\t<DsDropdownMenu.Trigger\n\t\t\t\t\t\t\t\t\t\tclassName={styles.trigger}\n\t\t\t\t\t\t\t\t\t\taria-current={index === items.length - 1 ? 'page' : undefined}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{item.icon && <DsIcon icon={item.icon} className={styles.icon} size=\"small\" />}\n\t\t\t\t\t\t\t\t\t\t{selectedOption?.label || item.label}\n\t\t\t\t\t\t\t\t\t\t<DsIcon icon=\"arrow_drop_down\" className={styles.dropdownIcon} />\n\t\t\t\t\t\t\t\t\t</DsDropdownMenu.Trigger>\n\t\t\t\t\t\t\t\t\t<DsDropdownMenu.Content>\n\t\t\t\t\t\t\t\t\t\t<DsDropdownMenu.Header>\n\t\t\t\t\t\t\t\t\t\t\t<DsTextInput\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Search\"\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={search}\n\t\t\t\t\t\t\t\t\t\t\t\tonValueChange={setSearch}\n\t\t\t\t\t\t\t\t\t\t\t\tonKeyDown={(e) => e.stopPropagation()}\n\t\t\t\t\t\t\t\t\t\t\t\tslots={{\n\t\t\t\t\t\t\t\t\t\t\t\t\tstartAdornment: <DsIcon icon=\"search\" size=\"tiny\" />,\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</DsDropdownMenu.Header>\n\t\t\t\t\t\t\t\t\t\t{filteredOptions.map((opt) => {\n\t\t\t\t\t\t\t\t\t\t\tconst selected = selectedOption?.href === opt.href;\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<DsTypography\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={opt.href}\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={styles.itemLabel}\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"body-sm-reg\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tasChild\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<DsDropdownMenu.Item value={opt.href} selected={selected}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{opt.label}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{selected && <DsDropdownMenu.ItemIndicator />}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</DsDropdownMenu.Item>\n\t\t\t\t\t\t\t\t\t\t\t\t</DsTypography>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t</DsDropdownMenu.Content>\n\t\t\t\t\t\t\t\t</DsDropdownMenu.Root>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ol>\n\t\t</nav>\n\t);\n};\n\nexport default DsBreadcrumb;\n"],"mappings":"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"}

package/dist/components/ds-breadcrumb/ds-breadcrumb.module.cjs

@@ -1,16 +0,0 @@
-
-//#region src/components/ds-breadcrumb/ds-breadcrumb.module.scss
-var ds_breadcrumb_module_default = {
-	"breadcrumb": "_breadcrumb_1784n_1",
-	"list": "_list_1784n_1",
-	"breadcrumbItem": "_breadcrumbItem_1784n_1",
-	"link": "_link_1784n_1",
-	"trigger": "_trigger_1784n_1",
-	"active": "_active_1784n_1",
-	"icon": "_icon_1784n_1",
-	"dropdownIcon": "_dropdownIcon_1784n_1",
-	"itemLabel": "_itemLabel_1784n_1"
-};
-
-//#endregion
-exports.default = ds_breadcrumb_module_default;

package/dist/components/ds-breadcrumb/ds-breadcrumb.module.js

@@ -1,16 +0,0 @@
-//#region src/components/ds-breadcrumb/ds-breadcrumb.module.scss
-var ds_breadcrumb_module_default = {
-	"breadcrumb": "_breadcrumb_1784n_1",
-	"list": "_list_1784n_1",
-	"breadcrumbItem": "_breadcrumbItem_1784n_1",
-	"link": "_link_1784n_1",
-	"trigger": "_trigger_1784n_1",
-	"active": "_active_1784n_1",
-	"icon": "_icon_1784n_1",
-	"dropdownIcon": "_dropdownIcon_1784n_1",
-	"itemLabel": "_itemLabel_1784n_1"
-};
-
-//#endregion
-export { ds_breadcrumb_module_default as default };
-//# sourceMappingURL=ds-breadcrumb.module.js.map

package/dist/components/ds-breadcrumb/ds-breadcrumb.module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-breadcrumb.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-breadcrumb/ds-breadcrumb.module.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_typography.scss"],"sourcesContent":["@use '../../styles/typography';\n\n@mixin breadcrumb-item {\n\t@include typography.body-sm-reg;\n\tcolor: var(--color-background-action);\n\ttext-decoration: none;\n\toutline: none;\n\tpadding: var(--exo-spacing-2x-small) var(--spacing-sm);\n\tgap: var(--exo-spacing-2x-small);\n\tborder-radius: var(--exo-spacing-2x-small);\n\tdisplay: flex;\n\talign-items: center;\n\n\t&:hover {\n\t\tcolor: var(--color-background-selected);\n\t\tbackground: var(--color-background-action-tertiary);\n\t}\n\n\t&:active {\n\t\tcolor: var(--color-background-selected-hover);\n\t\tbackground: var(--color-background-action-secondary-hover);\n\t}\n\n\t&:focus {\n\t\toutline: 2px solid var(--color-background-selected);\n\t\toutline-offset: 0;\n\t}\n\n\t&:disabled {\n\t\tcolor: var(--color-background-disable);\n\t}\n}\n\n.breadcrumb {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.list {\n\tdisplay: flex;\n\tlist-style: none;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.breadcrumbItem {\n\tdisplay: flex;\n\talign-items: center;\n\n\t&:not(:last-child)::after {\n\t\tcontent: '/';\n\t\t@include typography.body-sm-reg;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tcolor: var(--color-font-disabled);\n\t\twidth: var(--icon-width-small);\n\t\theight: var(--icon-width-small);\n\t}\n\n\t&:last-child {\n\t\t.link,\n\t\t.trigger {\n\t\t\t@include typography.body-sm-md;\n\t\t}\n\t}\n}\n\n.link {\n\t@include breadcrumb-item;\n}\n\n.active {\n\t@include typography.body-sm-md;\n}\n\n.trigger {\n\t@include breadcrumb-item;\n\tbackground: none;\n\tborder: none;\n\tcursor: pointer;\n}\n\n.icon {\n\tmargin-right: var(--exo-spacing-2x-small);\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.dropdownIcon {\n\tmargin-left: var(--exo-spacing-2x-small);\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.itemLabel {\n\t@include typography.ellipsis;\n\tcolor: var(--color-font-main);\n}\n"],"mappings":""}

package/dist/components/ds-breadcrumb/ds-breadcrumb.types.d.cts

@@ -1,36 +0,0 @@
-import { IconType } from "../ds-icon/ds-icon.types.cjs";
-
-//#region src/components/ds-breadcrumb/ds-breadcrumb.types.d.ts
-type DsBreadcrumbItem = {
-  type: 'link';
-  label: string;
-  href: string;
-  icon?: IconType;
-} | {
-  type: 'dropdown';
-  label: string;
-  options: {
-    label: string;
-    href: string;
-  }[];
-  icon?: IconType;
-};
-interface DsBreadcrumbProps {
-  /**
-   * The items to be displayed in the breadcrumb
-   */
-  items: DsBreadcrumbItem[];
-  /**
-   * The event handler to be called when an option is selected
-   *
-   * @param href
-   */
-  onSelect?: (href: string) => void;
-  /**
-   * Additional CSS class name to be applied to the breadcrumb
-   */
-  className?: string;
-}
-//#endregion
-export { DsBreadcrumbItem, DsBreadcrumbProps };
-//# sourceMappingURL=ds-breadcrumb.types.d.cts.map

package/dist/components/ds-breadcrumb/ds-breadcrumb.types.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-breadcrumb.types.d.cts","names":[],"sources":["../../../src/components/ds-breadcrumb/ds-breadcrumb.types.tsx"],"sourcesContent":[],"mappings":";;;KAEY,gBAAA;;EAAA,KAAA,EAAA,MAAA;EAcK,IAAA,EAAA,MAAA;SATP;;;;;;;;SAMA;;UAGO,iBAAA;;;;SAIT"}