@drivenets/design-system 0.0.3 → 0.0.4

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

@@ -8,6 +8,7 @@ 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");
@@ -18,15 +19,22 @@ let __tanstack_react_router = require("@tanstack/react-router");
 /**
 * Design system Breadcrumb component
 */
-const DsBreadcrumb = ({ items, onSelect, className }) => {
+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)("");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
-		className: (0, classnames.default)(require_ds_breadcrumb_module.default.breadcrumb, className),
-		"aria-label": "Breadcrumb",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
-			className: require_ds_breadcrumb_module.default.list,
-			children: items.map((item, index) => {
+	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", {
@@ -62,31 +70,66 @@ const DsBreadcrumb = ({ items, onSelect, className }) => {
 							placeholder: "Search",
 							value: search,
 							onValueChange: setSearch,
-							onKeyDown: (e) => e.stopPropagation(),
+							onKeyDown: _temp,
 							slots: { startAdornment: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
 								icon: "search",
 								size: "tiny"
 							}) }
-						}) }), filteredOptions.map((opt) => {
-							const selected = selectedOption?.href === opt.href;
+						}) }), 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.href,
+									value: opt_0.href,
 									selected,
-									children: [opt.label, selected && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_dropdown_menu.DsDropdownMenu.ItemIndicator, {})]
+									children: [opt_0.label, selected && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_dropdown_menu.DsDropdownMenu.ItemIndicator, {})]
 								})
-							}, opt.href);
+							}, 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.js

@@ -7,6 +7,7 @@ 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";
@@ -16,15 +17,22 @@ import { Link, useLocation } from "@tanstack/react-router";
 /**
 * Design system Breadcrumb component
 */
-const DsBreadcrumb = ({ items, onSelect, className }) => {
+const DsBreadcrumb = (t0) => {
+	const $ = c(17);
+	const { items, onSelect, className } = t0;
 	const location = useLocation();
 	const [search, setSearch] = useState("");
-	return /* @__PURE__ */ jsx("nav", {
-		className: classNames(ds_breadcrumb_module_default.breadcrumb, className),
-		"aria-label": "Breadcrumb",
-		children: /* @__PURE__ */ jsx("ol", {
-			className: ds_breadcrumb_module_default.list,
-			children: items.map((item, index) => {
+	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", {
@@ -60,31 +68,66 @@ const DsBreadcrumb = ({ items, onSelect, className }) => {
 							placeholder: "Search",
 							value: search,
 							onValueChange: setSearch,
-							onKeyDown: (e) => e.stopPropagation(),
+							onKeyDown: _temp,
 							slots: { startAdornment: /* @__PURE__ */ jsx(ds_icon_default, {
 								icon: "search",
 								size: "tiny"
 							}) }
-						}) }), filteredOptions.map((opt) => {
-							const selected = selectedOption?.href === opt.href;
+						}) }), 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.href,
+									value: opt_0.href,
 									selected,
-									children: [opt.label, selected && /* @__PURE__ */ jsx(DsDropdownMenu.ItemIndicator, {})]
+									children: [opt_0.label, selected && /* @__PURE__ */ jsx(DsDropdownMenu.ItemIndicator, {})]
 								})
-							}, opt.href);
+							}, 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 };

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

@@ -1 +1 @@
-{"version":3,"file":"ds-breadcrumb.js","names":["DsBreadcrumb: React.FC<DsBreadcrumbProps>","styles","DsIcon","DsTextInput","DsTypography"],"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":";;;;;;;;;;;;;;;;;;AAcA,MAAMA,gBAA6C,EAAE,OAAO,UAAU,gBAAgB;CACrF,MAAM,WAAW,aAAa;CAC9B,MAAM,CAAC,QAAQ,aAAa,SAAS,GAAG;AAExC,QACC,oBAAC;EAAI,WAAW,WAAWC,6BAAO,YAAY,UAAU;EAAE,cAAW;YACpE,oBAAC;GAAG,WAAWA,6BAAO;aACpB,MAAM,KAAK,MAAM,UAAU;IAC3B,MAAM,iBACL,KAAK,SAAS,aACX,KAAK,QAAQ,MAAM,WAAW,OAAO,SAAS,SAAS,SAAS,GAChE;IAEJ,MAAM,kBACL,KAAK,SAAS,aACX,KAAK,QAAQ,QAAQ,QAAQ,IAAI,MAAM,aAAa,CAAC,SAAS,OAAO,aAAa,CAAC,CAAC,GACpF,EAAE;AAEN,WACC,oBAAC;KAAe,WAAWA,6BAAO;eAChC,KAAK,SAAS,SACd,qBAAC;MACA,IAAI,KAAK;MACT,WAAW,WAAWA,6BAAO,KAAK;MAClC,gBAAc,UAAU,MAAM,SAAS,IAAI,SAAS;MACpD,eAAe,WAAW,KAAK,KAAK;iBAEnC,KAAK,QAAQ,oBAACC;OAAO,MAAM,KAAK;OAAM,WAAWD,6BAAO;OAAM,MAAK;QAAU,EAC7E,KAAK;OACA,GAEP,qBAAC,eAAe;MAAe;iBAC9B,qBAAC,eAAe;OACf,WAAWA,6BAAO;OAClB,gBAAc,UAAU,MAAM,SAAS,IAAI,SAAS;;QAEnD,KAAK,QAAQ,oBAACC;SAAO,MAAM,KAAK;SAAM,WAAWD,6BAAO;SAAM,MAAK;UAAU;QAC7E,gBAAgB,SAAS,KAAK;QAC/B,oBAACC;SAAO,MAAK;SAAkB,WAAWD,6BAAO;UAAgB;;QACzC,EACzB,qBAAC,eAAe,sBACf,oBAAC,eAAe,oBACf,oBAACE;OACA,aAAY;OACZ,OAAO;OACP,eAAe;OACf,YAAY,MAAM,EAAE,iBAAiB;OACrC,OAAO,EACN,gBAAgB,oBAACD;QAAO,MAAK;QAAS,MAAK;SAAS,EACpD;QACA,GACqB,EACvB,gBAAgB,KAAK,QAAQ;OAC7B,MAAM,WAAW,gBAAgB,SAAS,IAAI;AAC9C,cACC,oBAACE;QAEA,WAAWH,6BAAO;QAClB,SAAQ;QACR;kBAEA,qBAAC,eAAe;SAAK,OAAO,IAAI;SAAgB;oBAC9C,IAAI,OACJ,YAAY,oBAAC,eAAe,kBAAgB;UACxB;UARjB,IAAI,KASK;QAEf,IACsB;OACJ;OAlDf,MAoDJ;KAEL;IACE;GACA;;AAIR,4BAAe"}
+{"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-button/ds-button.cjs

@@ -3,12 +3,28 @@ const require_ds_button_legacy = require('./versions/ds-button-legacy/ds-button-
 require('./versions/ds-button-legacy/index.cjs');
 const require_ds_button_new = require('./versions/ds-button-new/ds-button-new.cjs');
 require('./versions/ds-button-new/index.cjs');
+let react_compiler_runtime = require("react/compiler-runtime");
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/ds-button/ds-button.tsx
 const DsButton = (props) => {
-	if (props.design === "v1.2") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_button_new.default, { ...props });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_button_legacy.default, { ...props });
+	const $ = (0, react_compiler_runtime.c)(4);
+	if (props.design === "v1.2") {
+		let t0$1;
+		if ($[0] !== props) {
+			t0$1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_button_new.default, { ...props });
+			$[0] = props;
+			$[1] = t0$1;
+		} else t0$1 = $[1];
+		return t0$1;
+	}
+	let t0;
+	if ($[2] !== props) {
+		t0 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_button_legacy.default, { ...props });
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	return t0;
 };
 var ds_button_default = DsButton;
 

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

@@ -1,8 +1,8 @@
 import { DsButtonUnifiedProps } from "./ds-button.types.cjs";
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 
 //#region src/components/ds-button/ds-button.d.ts
-declare const DsButton: (props: DsButtonUnifiedProps) => react_jsx_runtime22.JSX.Element;
+declare const DsButton: (props: DsButtonUnifiedProps) => react_jsx_runtime19.JSX.Element;
 //#endregion
 export { DsButton };
 //# sourceMappingURL=ds-button.d.cts.map

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

@@ -1,8 +1,8 @@
 import { DsButtonUnifiedProps } from "./ds-button.types.js";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/ds-button/ds-button.d.ts
-declare const DsButton: (props: DsButtonUnifiedProps) => react_jsx_runtime4.JSX.Element;
+declare const DsButton: (props: DsButtonUnifiedProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { DsButton };
 //# sourceMappingURL=ds-button.d.ts.map

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

@@ -2,12 +2,28 @@ import ds_button_legacy_default from "./versions/ds-button-legacy/ds-button-lega
 import "./versions/ds-button-legacy/index.js";
 import ds_button_new_default from "./versions/ds-button-new/ds-button-new.js";
 import "./versions/ds-button-new/index.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/ds-button/ds-button.tsx
 const DsButton = (props) => {
-	if (props.design === "v1.2") return /* @__PURE__ */ jsx(ds_button_new_default, { ...props });
-	return /* @__PURE__ */ jsx(ds_button_legacy_default, { ...props });
+	const $ = c(4);
+	if (props.design === "v1.2") {
+		let t0$1;
+		if ($[0] !== props) {
+			t0$1 = /* @__PURE__ */ jsx(ds_button_new_default, { ...props });
+			$[0] = props;
+			$[1] = t0$1;
+		} else t0$1 = $[1];
+		return t0$1;
+	}
+	let t0;
+	if ($[2] !== props) {
+		t0 = /* @__PURE__ */ jsx(ds_button_legacy_default, { ...props });
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	return t0;
 };
 var ds_button_default = DsButton;
 

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

@@ -1 +1 @@
-{"version":3,"file":"ds-button.js","names":["DsButtonNew","DsButtonLegacy"],"sources":["../../../src/components/ds-button/ds-button.tsx"],"sourcesContent":["import { DsButtonLegacy } from './versions/ds-button-legacy';\nimport { DsButtonNew } from './versions/ds-button-new';\nimport type { DsButtonUnifiedProps } from './ds-button.types';\n\nconst DsButton = (props: DsButtonUnifiedProps) => {\n\tif (props.design === 'v1.2') {\n\t\treturn <DsButtonNew {...props} />;\n\t}\n\treturn <DsButtonLegacy {...props} />;\n};\n\nexport default DsButton;\n"],"mappings":";;;;;;;AAIA,MAAM,YAAY,UAAgC;AACjD,KAAI,MAAM,WAAW,OACpB,QAAO,oBAACA,yBAAY,GAAI,QAAS;AAElC,QAAO,oBAACC,4BAAe,GAAI,QAAS;;AAGrC,wBAAe"}
+{"version":3,"file":"ds-button.js","names":["DsButtonLegacy","DsButtonNew","DsButtonUnifiedProps","DsButton","props","$","_c","design","t0"],"sources":["../../../src/components/ds-button/ds-button.tsx"],"sourcesContent":["import { DsButtonLegacy } from './versions/ds-button-legacy';\nimport { DsButtonNew } from './versions/ds-button-new';\nimport type { DsButtonUnifiedProps } from './ds-button.types';\n\nconst DsButton = (props: DsButtonUnifiedProps) => {\n\tif (props.design === 'v1.2') {\n\t\treturn <DsButtonNew {...props} />;\n\t}\n\treturn <DsButtonLegacy {...props} />;\n};\n\nexport default DsButton;\n"],"mappings":";;;;;;;;AAIA,MAAMG,YAAWC,UAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;AAChB,KAAIF,MAAKG,WAAY,QAAM;EAAA,IAAAC;AAAA,MAAAH,EAAA,OAAAD,OAAA;AACnBI,UAAA,oBAAC,yBAAW,GAAKJ,QAAS;AAAAC,KAAA,KAAAD;AAAAC,KAAA,KAAAG;QAAAA,QAAAH,EAAA;AAAA,SAA1BG;;CACP,IAAAA;AAAA,KAAAH,EAAA,OAAAD,OAAA;AACMI,OAAA,oBAAC,4BAAc,GAAKJ,QAAS;AAAAC,IAAA,KAAAD;AAAAC,IAAA,KAAAG;OAAAA,MAAAH,EAAA;AAAA,QAA7BG;;AAGR,wBAAeL"}

package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.cjs

@@ -1,5 +1,6 @@
 const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
 const require_ds_button_legacy_module = require('./ds-button-legacy.module.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");
@@ -8,17 +9,85 @@ let react_jsx_runtime = require("react/jsx-runtime");
 /**
 * Design system Button component
 */
-const DsButton = ({ schema = "primary", variant = "filled", size = "medium", disabled = false, className, contentClassName, children, ...props }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-		type: "button",
-		className: (0, classnames.default)(require_ds_button_legacy_module.default.button, require_ds_button_legacy_module.default[`${schema}-${variant}`], require_ds_button_legacy_module.default[size], { [require_ds_button_legacy_module.default.disabled]: disabled }, className),
-		disabled,
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: (0, classnames.default)(require_ds_button_legacy_module.default.content, contentClassName),
+const DsButton = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(24);
+	let children;
+	let className;
+	let contentClassName;
+	let props;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	if ($[0] !== t0) {
+		({schema: t1, variant: t2, size: t3, disabled: t4, className, contentClassName, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = contentClassName;
+		$[4] = props;
+		$[5] = t1;
+		$[6] = t2;
+		$[7] = t3;
+		$[8] = t4;
+	} else {
+		children = $[1];
+		className = $[2];
+		contentClassName = $[3];
+		props = $[4];
+		t1 = $[5];
+		t2 = $[6];
+		t3 = $[7];
+		t4 = $[8];
+	}
+	const schema = t1 === void 0 ? "primary" : t1;
+	const variant = t2 === void 0 ? "filled" : t2;
+	const size = t3 === void 0 ? "medium" : t3;
+	const disabled = t4 === void 0 ? false : t4;
+	const t5 = require_ds_button_legacy_module.default[`${schema}-${variant}`];
+	const t6 = require_ds_button_legacy_module.default[size];
+	let t7;
+	if ($[9] !== className || $[10] !== disabled || $[11] !== t5 || $[12] !== t6) {
+		t7 = (0, classnames.default)(require_ds_button_legacy_module.default.button, t5, t6, { [require_ds_button_legacy_module.default.disabled]: disabled }, className);
+		$[9] = className;
+		$[10] = disabled;
+		$[11] = t5;
+		$[12] = t6;
+		$[13] = t7;
+	} else t7 = $[13];
+	const buttonClass = t7;
+	let t8;
+	if ($[14] !== contentClassName) {
+		t8 = (0, classnames.default)(require_ds_button_legacy_module.default.content, contentClassName);
+		$[14] = contentClassName;
+		$[15] = t8;
+	} else t8 = $[15];
+	let t9;
+	if ($[16] !== children || $[17] !== t8) {
+		t9 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: t8,
 			children
-		})
-	});
+		});
+		$[16] = children;
+		$[17] = t8;
+		$[18] = t9;
+	} else t9 = $[18];
+	let t10;
+	if ($[19] !== buttonClass || $[20] !== disabled || $[21] !== props || $[22] !== t9) {
+		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			type: "button",
+			className: buttonClass,
+			disabled,
+			...props,
+			children: t9
+		});
+		$[19] = buttonClass;
+		$[20] = disabled;
+		$[21] = props;
+		$[22] = t9;
+		$[23] = t10;
+	} else t10 = $[23];
+	return t10;
 };
 var ds_button_legacy_default = DsButton;
 

package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.js

@@ -1,4 +1,5 @@
 import ds_button_legacy_module_default from "./ds-button-legacy.module.js";
+import { c } from "react/compiler-runtime";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 
@@ -6,17 +7,85 @@ import { jsx } from "react/jsx-runtime";
 /**
 * Design system Button component
 */
-const DsButton = ({ schema = "primary", variant = "filled", size = "medium", disabled = false, className, contentClassName, children, ...props }) => {
-	return /* @__PURE__ */ jsx("button", {
-		type: "button",
-		className: classNames(ds_button_legacy_module_default.button, ds_button_legacy_module_default[`${schema}-${variant}`], ds_button_legacy_module_default[size], { [ds_button_legacy_module_default.disabled]: disabled }, className),
-		disabled,
-		...props,
-		children: /* @__PURE__ */ jsx("span", {
-			className: classNames(ds_button_legacy_module_default.content, contentClassName),
+const DsButton = (t0) => {
+	const $ = c(24);
+	let children;
+	let className;
+	let contentClassName;
+	let props;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	if ($[0] !== t0) {
+		({schema: t1, variant: t2, size: t3, disabled: t4, className, contentClassName, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = contentClassName;
+		$[4] = props;
+		$[5] = t1;
+		$[6] = t2;
+		$[7] = t3;
+		$[8] = t4;
+	} else {
+		children = $[1];
+		className = $[2];
+		contentClassName = $[3];
+		props = $[4];
+		t1 = $[5];
+		t2 = $[6];
+		t3 = $[7];
+		t4 = $[8];
+	}
+	const schema = t1 === void 0 ? "primary" : t1;
+	const variant = t2 === void 0 ? "filled" : t2;
+	const size = t3 === void 0 ? "medium" : t3;
+	const disabled = t4 === void 0 ? false : t4;
+	const t5 = ds_button_legacy_module_default[`${schema}-${variant}`];
+	const t6 = ds_button_legacy_module_default[size];
+	let t7;
+	if ($[9] !== className || $[10] !== disabled || $[11] !== t5 || $[12] !== t6) {
+		t7 = classNames(ds_button_legacy_module_default.button, t5, t6, { [ds_button_legacy_module_default.disabled]: disabled }, className);
+		$[9] = className;
+		$[10] = disabled;
+		$[11] = t5;
+		$[12] = t6;
+		$[13] = t7;
+	} else t7 = $[13];
+	const buttonClass = t7;
+	let t8;
+	if ($[14] !== contentClassName) {
+		t8 = classNames(ds_button_legacy_module_default.content, contentClassName);
+		$[14] = contentClassName;
+		$[15] = t8;
+	} else t8 = $[15];
+	let t9;
+	if ($[16] !== children || $[17] !== t8) {
+		t9 = /* @__PURE__ */ jsx("span", {
+			className: t8,
 			children
-		})
-	});
+		});
+		$[16] = children;
+		$[17] = t8;
+		$[18] = t9;
+	} else t9 = $[18];
+	let t10;
+	if ($[19] !== buttonClass || $[20] !== disabled || $[21] !== props || $[22] !== t9) {
+		t10 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: buttonClass,
+			disabled,
+			...props,
+			children: t9
+		});
+		$[19] = buttonClass;
+		$[20] = disabled;
+		$[21] = props;
+		$[22] = t9;
+		$[23] = t10;
+	} else t10 = $[23];
+	return t10;
 };
 var ds_button_legacy_default = DsButton;
 

package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-button-legacy.js","names":["DsButton: React.FC<DsButtonProps>","styles"],"sources":["../../../../../src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport type React from 'react';\nimport styles from './ds-button-legacy.module.scss';\nimport type { DsButtonProps } from './ds-button-legacy.types';\n\n/**\n * Design system Button component\n */\nconst DsButton: React.FC<DsButtonProps> = ({\n\tschema = 'primary',\n\tvariant = 'filled',\n\tsize = 'medium',\n\tdisabled = false,\n\tclassName,\n\tcontentClassName,\n\tchildren,\n\t...props\n}) => {\n\tconst buttonClass = classNames(\n\t\tstyles.button,\n\t\tstyles[`${schema}-${variant}`],\n\t\tstyles[size],\n\t\t{ [styles.disabled]: disabled },\n\t\tclassName,\n\t);\n\n\treturn (\n\t\t<button type=\"button\" className={buttonClass} disabled={disabled} {...props}>\n\t\t\t<span className={classNames(styles.content, contentClassName)}>{children}</span>\n\t\t</button>\n\t);\n};\n\nexport default DsButton;\n"],"mappings":";;;;;;;;AAQA,MAAMA,YAAqC,EAC1C,SAAS,WACT,UAAU,UACV,OAAO,UACP,WAAW,OACX,WACA,kBACA,UACA,GAAG,YACE;AASL,QACC,oBAAC;EAAO,MAAK;EAAS,WATH,WACnBC,gCAAO,QACPA,gCAAO,GAAG,OAAO,GAAG,YACpBA,gCAAO,OACP,GAAGA,gCAAO,WAAW,UAAU,EAC/B,UACA;EAGwD;EAAU,GAAI;YACrE,oBAAC;GAAK,WAAW,WAAWA,gCAAO,SAAS,iBAAiB;GAAG;IAAgB;GACxE;;AAIX,+BAAe"}
+{"version":3,"file":"ds-button-legacy.js","names":["classNames","React","styles","DsButtonProps","DsButton","FC","t0","$","_c","children","className","contentClassName","props","t1","t2","t3","t4","schema","variant","size","disabled","undefined","t5","t6","t7","button","buttonClass","t8","content","t9","t10"],"sources":["../../../../../src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport type React from 'react';\nimport styles from './ds-button-legacy.module.scss';\nimport type { DsButtonProps } from './ds-button-legacy.types';\n\n/**\n * Design system Button component\n */\nconst DsButton: React.FC<DsButtonProps> = ({\n\tschema = 'primary',\n\tvariant = 'filled',\n\tsize = 'medium',\n\tdisabled = false,\n\tclassName,\n\tcontentClassName,\n\tchildren,\n\t...props\n}) => {\n\tconst buttonClass = classNames(\n\t\tstyles.button,\n\t\tstyles[`${schema}-${variant}`],\n\t\tstyles[size],\n\t\t{ [styles.disabled]: disabled },\n\t\tclassName,\n\t);\n\n\treturn (\n\t\t<button type=\"button\" className={buttonClass} disabled={disabled} {...props}>\n\t\t\t<span className={classNames(styles.content, contentClassName)}>{children}</span>\n\t\t</button>\n\t);\n};\n\nexport default DsButton;\n"],"mappings":";;;;;;;;;AAQA,MAAMI,YAAoCE,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAT,EAAA,OAAAD,IAAA;AAAC,GAAA,CAAAW,QAAAJ,IAAAK,SAAAJ,IAAAK,MAAAJ,IAAAK,UAAAJ,IAAAN,WAAAC,kBAAAF,aAAAG,SAAAN;AAS1CC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;AAAAL,IAAA,KAAAM;AAAAN,IAAA,KAAAO;AAAAP,IAAA,KAAAQ;AAAAR,IAAA,KAAAS;QAAA;AAAAP,aAAAF,EAAA;AAAAG,cAAAH,EAAA;AAAAI,qBAAAJ,EAAA;AAAAK,UAAAL,EAAA;AAAAM,OAAAN,EAAA;AAAAO,OAAAP,EAAA;AAAAQ,OAAAR,EAAA;AAAAS,OAAAT,EAAA;;CARA,MAAAU,SAAAJ,OAAAQ,SAAA,YAAAR;CACA,MAAAK,UAAAJ,OAAAO,SAAA,WAAAP;CACA,MAAAK,OAAAJ,OAAAM,SAAA,WAAAN;CACA,MAAAK,WAAAJ,OAAAK,SAAA,QAAAL;CAQC,MAAAM,KAAApB,gCAAO,GAAGe,OAAM,GAAIC;CACpB,MAAAK,KAAArB,gCAAOiB;CAAK,IAAAK;AAAA,KAAAjB,EAAA,OAAAG,aAAAH,EAAA,QAAAa,YAAAb,EAAA,QAAAe,MAAAf,EAAA,QAAAgB,IAAA;AAHOC,OAAAxB,WACnBE,gCAAMuB,QACNH,IACAC,IACA,GAAGrB,gCAAMkB,WAAYA,UAAU,EAC/BV,UACA;AAAAH,IAAA,KAAAG;AAAAH,IAAA,MAAAa;AAAAb,IAAA,MAAAe;AAAAf,IAAA,MAAAgB;AAAAhB,IAAA,MAAAiB;OAAAA,MAAAjB,EAAA;CAND,MAAAmB,cAAoBF;CAMlB,IAAAG;AAAA,KAAApB,EAAA,QAAAI,kBAAA;AAIiBgB,OAAA3B,WAAWE,gCAAM0B,SAAUjB,iBAAiB;AAAAJ,IAAA,MAAAI;AAAAJ,IAAA,MAAAoB;OAAAA,MAAApB,EAAA;CAAA,IAAAsB;AAAA,KAAAtB,EAAA,QAAAE,YAAAF,EAAA,QAAAoB,IAAA;AAA7DE,OAAA,oBAAA;GAAiB,WAAAF;GAA+ClB;IAAgB;AAAAF,IAAA,MAAAE;AAAAF,IAAA,MAAAoB;AAAApB,IAAA,MAAAsB;OAAAA,MAAAtB,EAAA;CAAA,IAAAuB;AAAA,KAAAvB,EAAA,QAAAmB,eAAAnB,EAAA,QAAAa,YAAAb,EAAA,QAAAK,SAAAL,EAAA,QAAAsB,IAAA;AADjFC,QAAA,oBAAA;GAAa,MAAA;GAAoBJ,WAAAA;GAAuBN;GAAQ,GAAMR;aACrEiB;IACQ;AAAAtB,IAAA,MAAAmB;AAAAnB,IAAA,MAAAa;AAAAb,IAAA,MAAAK;AAAAL,IAAA,MAAAsB;AAAAtB,IAAA,MAAAuB;OAAAA,OAAAvB,EAAA;AAAA,QAFTuB;;AAMF,+BAAe1B"}