@drivenets/design-system 0.0.3 → 0.0.4

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ds-button-new.js","names":["DsIcon","DsButton: React.FC<DsButtonProps>","styles"],"sources":["../../../../../src/components/ds-button/versions/ds-button-new/ds-button-new.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport type React from 'react';\nimport { Children, isValidElement } from 'react';\nimport styles from './ds-button-new.module.scss';\nimport type { DsButtonProps } from './ds-button-new.types';\nimport DsIcon from '../../../ds-icon/ds-icon';\n\nconst isIconOnly = (children: React.ReactNode) => {\n\tif (Children.count(children) !== 1) {\n\t\treturn false;\n\t}\n\n\tconst childArray = Children.toArray(children);\n\tconst onlyChild = childArray[0];\n\n\treturn isValidElement(onlyChild) && onlyChild.type === DsIcon;\n};\n\n/**\n * Design system Button component\n */\nconst DsButton: React.FC<DsButtonProps> = ({\n\tbuttonType,\n\tvariant = 'filled',\n\tsize = 'medium',\n\tdisabled = false,\n\tclassName,\n\tcontentClassName,\n\tchildren,\n\t...props\n}) => {\n\tconst type = buttonType ?? (variant === 'ghost' ? 'secondary' : 'primary');\n\tconst buttonClass = classNames(\n\t\tstyles.button,\n\t\t{ [styles.iconButton]: isIconOnly(children) },\n\t\tstyles[`${type}-${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":";;;;;;;AAOA,MAAM,cAAc,aAA8B;AACjD,KAAI,SAAS,MAAM,SAAS,KAAK,EAChC,QAAO;CAIR,MAAM,YADa,SAAS,QAAQ,SAAS,CAChB;AAE7B,QAAO,eAAe,UAAU,IAAI,UAAU,SAASA;;;;;AAMxD,MAAMC,YAAqC,EAC1C,YACA,UAAU,UACV,OAAO,UACP,WAAW,OACX,WACA,kBACA,UACA,GAAG,YACE;CACL,MAAM,OAAO,eAAe,YAAY,UAAU,cAAc;AAUhE,QACC,oBAAC;EAAO,MAAK;EAAS,WAVH,WACnBC,6BAAO,QACP,GAAGA,6BAAO,aAAa,WAAW,SAAS,EAAE,EAC7CA,6BAAO,GAAG,KAAK,GAAG,YAClBA,6BAAO,OACP,GAAGA,6BAAO,WAAW,UAAU,EAC/B,UACA;EAGwD;EAAU,GAAI;YACrE,oBAAC;GAAK,WAAW,WAAWA,6BAAO,SAAS,iBAAiB;GAAG;IAAgB;GACxE;;AAIX,4BAAe"}
+{"version":3,"file":"ds-button-new.js","names":["classNames","React","Children","isValidElement","styles","DsButtonProps","DsIcon","isIconOnly","children","ReactNode","count","childArray","toArray","onlyChild","type","DsButton","FC","t0","$","_c","buttonType","className","contentClassName","props","t1","t2","t3","variant","size","disabled","undefined","t4","button","iconButton","buttonClass","t5","content","t6","t7"],"sources":["../../../../../src/components/ds-button/versions/ds-button-new/ds-button-new.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport type React from 'react';\nimport { Children, isValidElement } from 'react';\nimport styles from './ds-button-new.module.scss';\nimport type { DsButtonProps } from './ds-button-new.types';\nimport DsIcon from '../../../ds-icon/ds-icon';\n\nconst isIconOnly = (children: React.ReactNode) => {\n\tif (Children.count(children) !== 1) {\n\t\treturn false;\n\t}\n\n\tconst childArray = Children.toArray(children);\n\tconst onlyChild = childArray[0];\n\n\treturn isValidElement(onlyChild) && onlyChild.type === DsIcon;\n};\n\n/**\n * Design system Button component\n */\nconst DsButton: React.FC<DsButtonProps> = ({\n\tbuttonType,\n\tvariant = 'filled',\n\tsize = 'medium',\n\tdisabled = false,\n\tclassName,\n\tcontentClassName,\n\tchildren,\n\t...props\n}) => {\n\tconst type = buttonType ?? (variant === 'ghost' ? 'secondary' : 'primary');\n\tconst buttonClass = classNames(\n\t\tstyles.button,\n\t\t{ [styles.iconButton]: isIconOnly(children) },\n\t\tstyles[`${type}-${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":";;;;;;;;AAOA,MAAMO,cAAcC,aAA8B;AACjD,KAAIN,SAASQ,MAAMF,SAAS,KAAK,EAChC,QAAO;CAIR,MAAMK,YADaX,SAASU,QAAQJ,SAAS,CAChB;AAE7B,QAAOL,eAAeU,UAAU,IAAIA,UAAUC,SAASR;;;;;AAMxD,MAAMS,YAAoCE,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAZ;CAAA,IAAAa;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAR,EAAA,OAAAD,IAAA;AAAC,GAAA,CAAAG,YAAAO,SAAAH,IAAAI,MAAAH,IAAAI,UAAAH,IAAAL,WAAAC,kBAAAd,aAAAe,SAAAN;AAS1CC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;AAAAF,IAAA,KAAAV;AAAAU,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;AAAAL,IAAA,KAAAM;AAAAN,IAAA,KAAAO;AAAAP,IAAA,KAAAQ;QAAA;AAAAN,eAAAF,EAAA;AAAAV,aAAAU,EAAA;AAAAG,cAAAH,EAAA;AAAAI,qBAAAJ,EAAA;AAAAK,UAAAL,EAAA;AAAAM,OAAAN,EAAA;AAAAO,OAAAP,EAAA;AAAAQ,OAAAR,EAAA;;CAPA,MAAAS,UAAAH,OAAAM,SAAA,WAAAN;CACA,MAAAI,OAAAH,OAAAK,SAAA,WAAAL;CACA,MAAAI,WAAAH,OAAAI,SAAA,QAAAJ;CAMA,MAAAZ,OAAaM,eAAeO,YAAY,UAAZ,cAAA;CAA+C,IAAAI;AAAA,KAAAb,EAAA,OAAAV,YAAAU,EAAA,QAAAG,aAAAH,EAAA,QAAAW,YAAAX,EAAA,QAAAU,QAAAV,EAAA,QAAAJ,QAAAI,EAAA,QAAAS,SAAA;AACvDI,OAAA/B,WACnBI,6BAAM4B,QACN,GAAG5B,6BAAM6B,aAAc1B,WAAWC,SAAQ,EAAG,EAC7CJ,6BAAO,GAAGU,KAAI,GAAIa,YAClBvB,6BAAOwB,OACP,GAAGxB,6BAAMyB,WAAYA,UAAU,EAC/BR,UACA;AAAAH,IAAA,KAAAV;AAAAU,IAAA,MAAAG;AAAAH,IAAA,MAAAW;AAAAX,IAAA,MAAAU;AAAAV,IAAA,MAAAJ;AAAAI,IAAA,MAAAS;AAAAT,IAAA,MAAAa;OAAAA,MAAAb,EAAA;CAPD,MAAAgB,cAAoBH;CAOlB,IAAAI;AAAA,KAAAjB,EAAA,QAAAI,kBAAA;AAIiBa,OAAAnC,WAAWI,6BAAMgC,SAAUd,iBAAiB;AAAAJ,IAAA,MAAAI;AAAAJ,IAAA,MAAAiB;OAAAA,MAAAjB,EAAA;CAAA,IAAAmB;AAAA,KAAAnB,EAAA,QAAAV,YAAAU,EAAA,QAAAiB,IAAA;AAA7DE,OAAA,oBAAA;GAAiB,WAAAF;GAA+C3B;IAAgB;AAAAU,IAAA,MAAAV;AAAAU,IAAA,MAAAiB;AAAAjB,IAAA,MAAAmB;OAAAA,MAAAnB,EAAA;CAAA,IAAAoB;AAAA,KAAApB,EAAA,QAAAgB,eAAAhB,EAAA,QAAAW,YAAAX,EAAA,QAAAK,SAAAL,EAAA,QAAAmB,IAAA;AADjFC,OAAA,oBAAA;GAAa,MAAA;GAAoBJ,WAAAA;GAAuBL;GAAQ,GAAMN;aACrEc;IACQ;AAAAnB,IAAA,MAAAgB;AAAAhB,IAAA,MAAAW;AAAAX,IAAA,MAAAK;AAAAL,IAAA,MAAAmB;AAAAnB,IAAA,MAAAoB;OAAAA,MAAApB,EAAA;AAAA,QAFToB;;AAMF,4BAAevB"}

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

@@ -2,6 +2,7 @@ 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_checkbox_module = require('./ds-checkbox.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");
@@ -13,38 +14,108 @@ __radix_ui_react_checkbox = require_rolldown_runtime.__toESM(__radix_ui_react_ch
 /**
 * Design system Checkbox component
 */
-const DsCheckbox = ({ id, label, labelInfo, className, checked, defaultChecked, onCheckedChange, ...props }) => {
+const DsCheckbox = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(28);
+	let checked;
+	let className;
+	let defaultChecked;
+	let id;
+	let label;
+	let labelInfo;
+	let onCheckedChange;
+	let props;
+	if ($[0] !== t0) {
+		({id, label, labelInfo, className, checked, defaultChecked, onCheckedChange, ...props} = t0);
+		$[0] = t0;
+		$[1] = checked;
+		$[2] = className;
+		$[3] = defaultChecked;
+		$[4] = id;
+		$[5] = label;
+		$[6] = labelInfo;
+		$[7] = onCheckedChange;
+		$[8] = props;
+	} else {
+		checked = $[1];
+		className = $[2];
+		defaultChecked = $[3];
+		id = $[4];
+		label = $[5];
+		labelInfo = $[6];
+		onCheckedChange = $[7];
+		props = $[8];
+	}
 	const generatedId = (0, react.useId)();
 	const checkboxId = id || generatedId;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: (0, classnames.default)(require_ds_checkbox_module.default.container, className),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_checkbox.Root, {
+	let t1;
+	if ($[9] !== className) {
+		t1 = (0, classnames.default)(require_ds_checkbox_module.default.container, className);
+		$[9] = className;
+		$[10] = t1;
+	} else t1 = $[10];
+	const t2 = checked === "indeterminate" ? "check_indeterminate_small" : "check_small";
+	let t3;
+	if ($[11] !== t2) {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_ds_checkbox_module.default.checkboxWrapper,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_checkbox.Indicator, {
+				className: require_ds_checkbox_module.default.checkboxIndicator,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+					icon: t2,
+					size: "small",
+					variant: "outlined"
+				})
+			})
+		});
+		$[11] = t2;
+		$[12] = t3;
+	} else t3 = $[12];
+	let t4;
+	if ($[13] !== checkboxId || $[14] !== checked || $[15] !== defaultChecked || $[16] !== onCheckedChange || $[17] !== props || $[18] !== t3) {
+		t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_checkbox.Root, {
 			className: require_ds_checkbox_module.default.checkboxRoot,
 			id: checkboxId,
 			checked,
 			defaultChecked,
 			onCheckedChange,
 			...props,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: require_ds_checkbox_module.default.checkboxWrapper,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_checkbox.Indicator, {
-					className: require_ds_checkbox_module.default.checkboxIndicator,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-						icon: checked === "indeterminate" ? "check_indeterminate_small" : "check_small",
-						size: "small",
-						variant: "outlined"
-					})
-				})
-			})
-		}), label && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+			children: t3
+		});
+		$[13] = checkboxId;
+		$[14] = checked;
+		$[15] = defaultChecked;
+		$[16] = onCheckedChange;
+		$[17] = props;
+		$[18] = t3;
+		$[19] = t4;
+	} else t4 = $[19];
+	let t5;
+	if ($[20] !== checkboxId || $[21] !== label || $[22] !== labelInfo) {
+		t5 = label && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 			className: require_ds_checkbox_module.default.label,
 			htmlFor: checkboxId,
 			children: [label, labelInfo && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: require_ds_checkbox_module.default.labelInfo,
 				children: labelInfo
 			})]
-		})]
-	});
+		});
+		$[20] = checkboxId;
+		$[21] = label;
+		$[22] = labelInfo;
+		$[23] = t5;
+	} else t5 = $[23];
+	let t6;
+	if ($[24] !== t1 || $[25] !== t4 || $[26] !== t5) {
+		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: t1,
+			children: [t4, t5]
+		});
+		$[24] = t1;
+		$[25] = t4;
+		$[26] = t5;
+		$[27] = t6;
+	} else t6 = $[27];
+	return t6;
 };
 var ds_checkbox_default = DsCheckbox;
 

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

@@ -1,6 +1,7 @@
 import ds_icon_default from "../ds-icon/ds-icon.js";
 import "../ds-icon/index.js";
 import ds_checkbox_module_default from "./ds-checkbox.module.js";
+import { c } from "react/compiler-runtime";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useId } from "react";
@@ -10,38 +11,108 @@ import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 /**
 * Design system Checkbox component
 */
-const DsCheckbox = ({ id, label, labelInfo, className, checked, defaultChecked, onCheckedChange, ...props }) => {
+const DsCheckbox = (t0) => {
+	const $ = c(28);
+	let checked;
+	let className;
+	let defaultChecked;
+	let id;
+	let label;
+	let labelInfo;
+	let onCheckedChange;
+	let props;
+	if ($[0] !== t0) {
+		({id, label, labelInfo, className, checked, defaultChecked, onCheckedChange, ...props} = t0);
+		$[0] = t0;
+		$[1] = checked;
+		$[2] = className;
+		$[3] = defaultChecked;
+		$[4] = id;
+		$[5] = label;
+		$[6] = labelInfo;
+		$[7] = onCheckedChange;
+		$[8] = props;
+	} else {
+		checked = $[1];
+		className = $[2];
+		defaultChecked = $[3];
+		id = $[4];
+		label = $[5];
+		labelInfo = $[6];
+		onCheckedChange = $[7];
+		props = $[8];
+	}
 	const generatedId = useId();
 	const checkboxId = id || generatedId;
-	return /* @__PURE__ */ jsxs("div", {
-		className: classNames(ds_checkbox_module_default.container, className),
-		children: [/* @__PURE__ */ jsx(CheckboxPrimitive.Root, {
+	let t1;
+	if ($[9] !== className) {
+		t1 = classNames(ds_checkbox_module_default.container, className);
+		$[9] = className;
+		$[10] = t1;
+	} else t1 = $[10];
+	const t2 = checked === "indeterminate" ? "check_indeterminate_small" : "check_small";
+	let t3;
+	if ($[11] !== t2) {
+		t3 = /* @__PURE__ */ jsx("div", {
+			className: ds_checkbox_module_default.checkboxWrapper,
+			children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, {
+				className: ds_checkbox_module_default.checkboxIndicator,
+				children: /* @__PURE__ */ jsx(ds_icon_default, {
+					icon: t2,
+					size: "small",
+					variant: "outlined"
+				})
+			})
+		});
+		$[11] = t2;
+		$[12] = t3;
+	} else t3 = $[12];
+	let t4;
+	if ($[13] !== checkboxId || $[14] !== checked || $[15] !== defaultChecked || $[16] !== onCheckedChange || $[17] !== props || $[18] !== t3) {
+		t4 = /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {
 			className: ds_checkbox_module_default.checkboxRoot,
 			id: checkboxId,
 			checked,
 			defaultChecked,
 			onCheckedChange,
 			...props,
-			children: /* @__PURE__ */ jsx("div", {
-				className: ds_checkbox_module_default.checkboxWrapper,
-				children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, {
-					className: ds_checkbox_module_default.checkboxIndicator,
-					children: /* @__PURE__ */ jsx(ds_icon_default, {
-						icon: checked === "indeterminate" ? "check_indeterminate_small" : "check_small",
-						size: "small",
-						variant: "outlined"
-					})
-				})
-			})
-		}), label && /* @__PURE__ */ jsxs("label", {
+			children: t3
+		});
+		$[13] = checkboxId;
+		$[14] = checked;
+		$[15] = defaultChecked;
+		$[16] = onCheckedChange;
+		$[17] = props;
+		$[18] = t3;
+		$[19] = t4;
+	} else t4 = $[19];
+	let t5;
+	if ($[20] !== checkboxId || $[21] !== label || $[22] !== labelInfo) {
+		t5 = label && /* @__PURE__ */ jsxs("label", {
 			className: ds_checkbox_module_default.label,
 			htmlFor: checkboxId,
 			children: [label, labelInfo && /* @__PURE__ */ jsx("div", {
 				className: ds_checkbox_module_default.labelInfo,
 				children: labelInfo
 			})]
-		})]
-	});
+		});
+		$[20] = checkboxId;
+		$[21] = label;
+		$[22] = labelInfo;
+		$[23] = t5;
+	} else t5 = $[23];
+	let t6;
+	if ($[24] !== t1 || $[25] !== t4 || $[26] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: t1,
+			children: [t4, t5]
+		});
+		$[24] = t1;
+		$[25] = t4;
+		$[26] = t5;
+		$[27] = t6;
+	} else t6 = $[27];
+	return t6;
 };
 var ds_checkbox_default = DsCheckbox;
 

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

@@ -1 +1 @@
-{"version":3,"file":"ds-checkbox.js","names":["DsCheckbox: React.FC<DsCheckboxProps>","styles","DsIcon"],"sources":["../../../src/components/ds-checkbox/ds-checkbox.tsx"],"sourcesContent":["import type React from 'react';\nimport { useId } from 'react';\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport classNames from 'classnames';\nimport styles from './ds-checkbox.module.scss';\nimport type { DsCheckboxProps } from './ds-checkbox.types';\nimport { DsIcon } from '../ds-icon';\n\n/**\n * Design system Checkbox component\n */\nconst DsCheckbox: React.FC<DsCheckboxProps> = ({\n\tid,\n\tlabel,\n\tlabelInfo,\n\tclassName,\n\tchecked,\n\tdefaultChecked,\n\tonCheckedChange,\n\t...props\n}) => {\n\tconst generatedId = useId();\n\tconst checkboxId = id || generatedId;\n\n\treturn (\n\t\t<div className={classNames(styles.container, className)}>\n\t\t\t<CheckboxPrimitive.Root\n\t\t\t\tclassName={styles.checkboxRoot}\n\t\t\t\tid={checkboxId}\n\t\t\t\tchecked={checked}\n\t\t\t\tdefaultChecked={defaultChecked}\n\t\t\t\tonCheckedChange={onCheckedChange}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<div className={styles.checkboxWrapper}>\n\t\t\t\t\t<CheckboxPrimitive.Indicator className={styles.checkboxIndicator}>\n\t\t\t\t\t\t<DsIcon\n\t\t\t\t\t\t\ticon={checked === 'indeterminate' ? 'check_indeterminate_small' : 'check_small'}\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tvariant=\"outlined\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</CheckboxPrimitive.Indicator>\n\t\t\t\t</div>\n\t\t\t</CheckboxPrimitive.Root>\n\t\t\t{label && (\n\t\t\t\t<label className={styles.label} htmlFor={checkboxId}>\n\t\t\t\t\t{label}\n\t\t\t\t\t{labelInfo && <div className={styles.labelInfo}>{labelInfo}</div>}\n\t\t\t\t</label>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default DsCheckbox;\n"],"mappings":";;;;;;;;;;;;AAWA,MAAMA,cAAyC,EAC9C,IACA,OACA,WACA,WACA,SACA,gBACA,iBACA,GAAG,YACE;CACL,MAAM,cAAc,OAAO;CAC3B,MAAM,aAAa,MAAM;AAEzB,QACC,qBAAC;EAAI,WAAW,WAAWC,2BAAO,WAAW,UAAU;aACtD,oBAAC,kBAAkB;GAClB,WAAWA,2BAAO;GAClB,IAAI;GACK;GACO;GACC;GACjB,GAAI;aAEJ,oBAAC;IAAI,WAAWA,2BAAO;cACtB,oBAAC,kBAAkB;KAAU,WAAWA,2BAAO;eAC9C,oBAACC;MACA,MAAM,YAAY,kBAAkB,8BAA8B;MAClE,MAAK;MACL,SAAQ;OACP;MAC2B;KACzB;IACkB,EACxB,SACA,qBAAC;GAAM,WAAWD,2BAAO;GAAO,SAAS;cACvC,OACA,aAAa,oBAAC;IAAI,WAAWA,2BAAO;cAAY;KAAgB;IAC1D;GAEJ;;AAIR,0BAAe"}
+{"version":3,"file":"ds-checkbox.js","names":["React","useId","CheckboxPrimitive","classNames","styles","DsCheckboxProps","DsIcon","DsCheckbox","FC","t0","$","_c","checked","className","defaultChecked","id","label","labelInfo","onCheckedChange","props","generatedId","checkboxId","t1","container","t2","t3","checkboxWrapper","checkboxIndicator","t4","checkboxRoot","t5","t6"],"sources":["../../../src/components/ds-checkbox/ds-checkbox.tsx"],"sourcesContent":["import type React from 'react';\nimport { useId } from 'react';\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport classNames from 'classnames';\nimport styles from './ds-checkbox.module.scss';\nimport type { DsCheckboxProps } from './ds-checkbox.types';\nimport { DsIcon } from '../ds-icon';\n\n/**\n * Design system Checkbox component\n */\nconst DsCheckbox: React.FC<DsCheckboxProps> = ({\n\tid,\n\tlabel,\n\tlabelInfo,\n\tclassName,\n\tchecked,\n\tdefaultChecked,\n\tonCheckedChange,\n\t...props\n}) => {\n\tconst generatedId = useId();\n\tconst checkboxId = id || generatedId;\n\n\treturn (\n\t\t<div className={classNames(styles.container, className)}>\n\t\t\t<CheckboxPrimitive.Root\n\t\t\t\tclassName={styles.checkboxRoot}\n\t\t\t\tid={checkboxId}\n\t\t\t\tchecked={checked}\n\t\t\t\tdefaultChecked={defaultChecked}\n\t\t\t\tonCheckedChange={onCheckedChange}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<div className={styles.checkboxWrapper}>\n\t\t\t\t\t<CheckboxPrimitive.Indicator className={styles.checkboxIndicator}>\n\t\t\t\t\t\t<DsIcon\n\t\t\t\t\t\t\ticon={checked === 'indeterminate' ? 'check_indeterminate_small' : 'check_small'}\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tvariant=\"outlined\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</CheckboxPrimitive.Indicator>\n\t\t\t\t</div>\n\t\t\t</CheckboxPrimitive.Root>\n\t\t\t{label && (\n\t\t\t\t<label className={styles.label} htmlFor={checkboxId}>\n\t\t\t\t\t{label}\n\t\t\t\t\t{labelInfo && <div className={styles.labelInfo}>{labelInfo}</div>}\n\t\t\t\t</label>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default DsCheckbox;\n"],"mappings":";;;;;;;;;;;;;AAWA,MAAMO,cAAwCE,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,CAAAM,IAAAC,OAAAC,WAAAJ,WAAAD,SAAAE,gBAAAI,oBAAAC,SAAAV;AAS9CC,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,YAAAF,EAAA;AAAAG,cAAAH,EAAA;AAAAI,mBAAAJ,EAAA;AAAAK,OAAAL,EAAA;AAAAM,UAAAN,EAAA;AAAAO,cAAAP,EAAA;AAAAQ,oBAAAR,EAAA;AAAAS,UAAAT,EAAA;;CACA,MAAAU,cAAoBnB,OAAO;CAC3B,MAAAoB,aAAmBN,MAAAK;CAAkB,IAAAE;AAAA,KAAAZ,EAAA,OAAAG,WAAA;AAGpBS,OAAAnB,WAAWC,2BAAMmB,WAAYV,UAAU;AAAAH,IAAA,KAAAG;AAAAH,IAAA,MAAAY;OAAAA,MAAAZ,EAAA;CAY5C,MAAAc,KAAAZ,YAAY,kBAAZ,8BAAA;CAAyE,IAAAa;AAAA,KAAAf,EAAA,QAAAc,IAAA;AAHlFC,OAAA,oBAAA;GAAgB,WAAArB,2BAAMsB;aACrB,oBAAA,kBAAA;IAAwC,WAAAtB,2BAAMuB;cAC7C,oBAAC;KACM,MAAAH;KACD,MAAA;KACG,SAAA;MAEV;KACD;IAAM;AAAAd,IAAA,MAAAc;AAAAd,IAAA,MAAAe;OAAAA,MAAAf,EAAA;CAAA,IAAAkB;AAAA,KAAAlB,EAAA,QAAAW,cAAAX,EAAA,QAAAE,WAAAF,EAAA,QAAAI,kBAAAJ,EAAA,QAAAQ,mBAAAR,EAAA,QAAAS,SAAAT,EAAA,QAAAe,IAAA;AAhBPG,OAAA,oBAAA,kBAAA;GACY,WAAAxB,2BAAMyB;GACbR,IAAAA;GACKT;GACOE;GACCI;GAAe,GAC5BC;aAEJM;IASwB;AAAAf,IAAA,MAAAW;AAAAX,IAAA,MAAAE;AAAAF,IAAA,MAAAI;AAAAJ,IAAA,MAAAQ;AAAAR,IAAA,MAAAS;AAAAT,IAAA,MAAAe;AAAAf,IAAA,MAAAkB;OAAAA,MAAAlB,EAAA;CAAA,IAAAoB;AAAA,KAAApB,EAAA,QAAAW,cAAAX,EAAA,QAAAM,SAAAN,EAAA,QAAAO,WAAA;AACxBa,OAAAd,SACA,qBAAA;GAAkB,WAAAZ,2BAAMY;GAAiBK,SAAAA;cACvCL,OACAC,aAAa,oBAAA;IAAgB,WAAAb,2BAAMa;cAAaA;KAAe;IAEjE;AAAAP,IAAA,MAAAW;AAAAX,IAAA,MAAAM;AAAAN,IAAA,MAAAO;AAAAP,IAAA,MAAAoB;OAAAA,MAAApB,EAAA;CAAA,IAAAqB;AAAA,KAAArB,EAAA,QAAAY,MAAAZ,EAAA,QAAAkB,MAAAlB,EAAA,QAAAoB,IAAA;AAxBFC,OAAA,qBAAA;GAAgB,WAAAT;cACfM,IAkBCE;IAMI;AAAApB,IAAA,MAAAY;AAAAZ,IAAA,MAAAkB;AAAAlB,IAAA,MAAAoB;AAAApB,IAAA,MAAAqB;OAAAA,MAAArB,EAAA;AAAA,QAzBNqB;;AA6BF,0BAAexB"}

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

@@ -4,6 +4,7 @@ require('../ds-icon/index.cjs');
 const require_ds_typography = require('../ds-typography/ds-typography.cjs');
 require('../ds-typography/index.cjs');
 const require_ds_chip_module = require('./ds-chip.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");
@@ -12,36 +13,73 @@ let react_jsx_runtime = require("react/jsx-runtime");
 /**
 * Design system Chip component
 */
-const DsChip = ({ ref, label, className, style = {}, onClick, onDelete, size = "medium", deleteIcon, selected = false }) => {
-	const chipClass = (0, classnames.default)(require_ds_chip_module.default.chip, {
-		[require_ds_chip_module.default.clickable]: onClick !== void 0,
-		[require_ds_chip_module.default.small]: size === "small"
-	}, className);
-	const handleDeleteClick = (event) => {
-		event.stopPropagation();
-		onDelete?.(event);
-	};
-	const handleKeyDown = (event) => {
-		if (onDelete && (event.key === "Backspace" || event.key === "Delete")) {
-			event.preventDefault();
-			onDelete(event);
-		}
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		ref,
-		className: chipClass,
-		style,
-		onClick,
-		onKeyDown: handleKeyDown,
-		role: onClick || onDelete ? "button" : void 0,
-		tabIndex: onClick || onDelete ? 0 : void 0,
-		"aria-label": label,
-		"aria-pressed": onClick && selected ? "true" : void 0,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
-			variant: size === "small" ? "body-xs-reg" : "body-sm-reg",
+const DsChip = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(29);
+	const { ref, label, className, style: t1, onClick, onDelete, size: t2, deleteIcon, selected: t3 } = t0;
+	let t4;
+	if ($[0] !== t1) {
+		t4 = t1 === void 0 ? {} : t1;
+		$[0] = t1;
+		$[1] = t4;
+	} else t4 = $[1];
+	const style = t4;
+	const size = t2 === void 0 ? "medium" : t2;
+	const selected = t3 === void 0 ? false : t3;
+	const t5 = onClick !== void 0;
+	const t6 = size === "small";
+	let t7;
+	if ($[2] !== className || $[3] !== t5 || $[4] !== t6) {
+		t7 = (0, classnames.default)(require_ds_chip_module.default.chip, {
+			[require_ds_chip_module.default.clickable]: t5,
+			[require_ds_chip_module.default.small]: t6
+		}, className);
+		$[2] = className;
+		$[3] = t5;
+		$[4] = t6;
+		$[5] = t7;
+	} else t7 = $[5];
+	const chipClass = t7;
+	let t8;
+	if ($[6] !== onDelete) {
+		t8 = (event) => {
+			event.stopPropagation();
+			onDelete?.(event);
+		};
+		$[6] = onDelete;
+		$[7] = t8;
+	} else t8 = $[7];
+	const handleDeleteClick = t8;
+	let t9;
+	if ($[8] !== onDelete) {
+		t9 = (event_0) => {
+			if (onDelete && (event_0.key === "Backspace" || event_0.key === "Delete")) {
+				event_0.preventDefault();
+				onDelete(event_0);
+			}
+		};
+		$[8] = onDelete;
+		$[9] = t9;
+	} else t9 = $[9];
+	const handleKeyDown = t9;
+	const t10 = ref;
+	const t11 = onClick || onDelete ? "button" : void 0;
+	const t12 = onClick || onDelete ? 0 : void 0;
+	const t13 = onClick && selected ? "true" : void 0;
+	const t14 = size === "small" ? "body-xs-reg" : "body-sm-reg";
+	let t15;
+	if ($[10] !== label || $[11] !== t14) {
+		t15 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
+			variant: t14,
 			className: require_ds_chip_module.default.label,
 			children: label
-		}), onDelete && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		});
+		$[10] = label;
+		$[11] = t14;
+		$[12] = t15;
+	} else t15 = $[12];
+	let t16;
+	if ($[13] !== deleteIcon || $[14] !== handleDeleteClick || $[15] !== onDelete) {
+		t16 = onDelete && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 			type: "button",
 			className: require_ds_chip_module.default.deleteButton,
 			onClick: handleDeleteClick,
@@ -51,8 +89,40 @@ const DsChip = ({ ref, label, className, style = {}, onClick, onDelete, size = "
 				icon: deleteIcon || "cancel",
 				size: "tiny"
 			})
-		})]
-	});
+		});
+		$[13] = deleteIcon;
+		$[14] = handleDeleteClick;
+		$[15] = onDelete;
+		$[16] = t16;
+	} else t16 = $[16];
+	let t17;
+	if ($[17] !== chipClass || $[18] !== handleKeyDown || $[19] !== label || $[20] !== onClick || $[21] !== style || $[22] !== t10 || $[23] !== t11 || $[24] !== t12 || $[25] !== t13 || $[26] !== t15 || $[27] !== t16) {
+		t17 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			ref: t10,
+			className: chipClass,
+			style,
+			onClick,
+			onKeyDown: handleKeyDown,
+			role: t11,
+			tabIndex: t12,
+			"aria-label": label,
+			"aria-pressed": t13,
+			children: [t15, t16]
+		});
+		$[17] = chipClass;
+		$[18] = handleKeyDown;
+		$[19] = label;
+		$[20] = onClick;
+		$[21] = style;
+		$[22] = t10;
+		$[23] = t11;
+		$[24] = t12;
+		$[25] = t13;
+		$[26] = t15;
+		$[27] = t16;
+		$[28] = t17;
+	} else t17 = $[28];
+	return t17;
 };
 var ds_chip_default = DsChip;