@drivenets/design-system 0.0.3 → 0.0.4

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

@@ -1,5 +1,6 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_ds_spinner_module = require('./ds-spinner.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");
@@ -18,33 +19,102 @@ const widthMap = {
 /**
 * Design system Spinner component
 */
-const DsSpinner = ({ size = "medium", className, style = {}, ...props }) => {
+const DsSpinner = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(26);
+	let className;
+	let props;
+	let t1;
+	let t2;
+	if ($[0] !== t0) {
+		({size: t1, className, style: t2, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = t1;
+		$[4] = t2;
+	} else {
+		className = $[1];
+		props = $[2];
+		t1 = $[3];
+		t2 = $[4];
+	}
+	const size = t1 === void 0 ? "medium" : t1;
+	let t3;
+	if ($[5] !== t2) {
+		t3 = t2 === void 0 ? {} : t2;
+		$[5] = t2;
+		$[6] = t3;
+	} else t3 = $[6];
+	const style = t3;
 	const actualSize = sizeMap[size];
 	const actualWidth = widthMap[size];
 	const radius = (actualSize - actualWidth) / 2;
 	const circumference = 2 * Math.PI * radius;
 	const strokeDasharray = `${String(.25 * circumference)} ${String(circumference)}`;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: (0, classnames.default)(require_ds_spinner_module.default.spinnerContainer, require_ds_spinner_module.default[size], className),
-		style,
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-			className: (0, classnames.default)(require_ds_spinner_module.default.progressCircle, require_ds_spinner_module.default.spin),
+	const t4 = require_ds_spinner_module.default[size];
+	let t5;
+	if ($[7] !== className || $[8] !== t4) {
+		t5 = (0, classnames.default)(require_ds_spinner_module.default.spinnerContainer, t4, className);
+		$[7] = className;
+		$[8] = t4;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = (0, classnames.default)(require_ds_spinner_module.default.progressCircle, require_ds_spinner_module.default.spin);
+		$[10] = t6;
+	} else t6 = $[10];
+	const t7 = `0 0 ${String(actualSize)} ${String(actualSize)}`;
+	const t8 = actualSize / 2;
+	const t9 = actualSize / 2;
+	let t10;
+	if ($[11] !== actualWidth || $[12] !== radius || $[13] !== strokeDasharray || $[14] !== t8 || $[15] !== t9) {
+		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+			className: require_ds_spinner_module.default.progressArc,
+			cx: t8,
+			cy: t9,
+			r: radius,
+			fill: "none",
+			strokeWidth: actualWidth,
+			strokeDasharray,
+			strokeLinecap: "round"
+		});
+		$[11] = actualWidth;
+		$[12] = radius;
+		$[13] = strokeDasharray;
+		$[14] = t8;
+		$[15] = t9;
+		$[16] = t10;
+	} else t10 = $[16];
+	let t11;
+	if ($[17] !== actualSize || $[18] !== t10 || $[19] !== t7) {
+		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+			className: t6,
 			width: actualSize,
 			height: actualSize,
-			viewBox: `0 0 ${String(actualSize)} ${String(actualSize)}`,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
-				className: require_ds_spinner_module.default.progressArc,
-				cx: actualSize / 2,
-				cy: actualSize / 2,
-				r: radius,
-				fill: "none",
-				strokeWidth: actualWidth,
-				strokeDasharray,
-				strokeLinecap: "round"
-			})
-		})
-	});
+			viewBox: t7,
+			children: t10
+		});
+		$[17] = actualSize;
+		$[18] = t10;
+		$[19] = t7;
+		$[20] = t11;
+	} else t11 = $[20];
+	let t12;
+	if ($[21] !== props || $[22] !== style || $[23] !== t11 || $[24] !== t5) {
+		t12 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: t5,
+			style,
+			...props,
+			children: t11
+		});
+		$[21] = props;
+		$[22] = style;
+		$[23] = t11;
+		$[24] = t5;
+		$[25] = t12;
+	} else t12 = $[25];
+	return t12;
 };
 var ds_spinner_default = DsSpinner;
 

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

@@ -1,4 +1,5 @@
 import ds_spinner_module_default from "./ds-spinner.module.js";
+import { c } from "react/compiler-runtime";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 
@@ -16,33 +17,102 @@ const widthMap = {
 /**
 * Design system Spinner component
 */
-const DsSpinner = ({ size = "medium", className, style = {}, ...props }) => {
+const DsSpinner = (t0) => {
+	const $ = c(26);
+	let className;
+	let props;
+	let t1;
+	let t2;
+	if ($[0] !== t0) {
+		({size: t1, className, style: t2, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = t1;
+		$[4] = t2;
+	} else {
+		className = $[1];
+		props = $[2];
+		t1 = $[3];
+		t2 = $[4];
+	}
+	const size = t1 === void 0 ? "medium" : t1;
+	let t3;
+	if ($[5] !== t2) {
+		t3 = t2 === void 0 ? {} : t2;
+		$[5] = t2;
+		$[6] = t3;
+	} else t3 = $[6];
+	const style = t3;
 	const actualSize = sizeMap[size];
 	const actualWidth = widthMap[size];
 	const radius = (actualSize - actualWidth) / 2;
 	const circumference = 2 * Math.PI * radius;
 	const strokeDasharray = `${String(.25 * circumference)} ${String(circumference)}`;
-	return /* @__PURE__ */ jsx("div", {
-		className: classNames(ds_spinner_module_default.spinnerContainer, ds_spinner_module_default[size], className),
-		style,
-		...props,
-		children: /* @__PURE__ */ jsx("svg", {
-			className: classNames(ds_spinner_module_default.progressCircle, ds_spinner_module_default.spin),
+	const t4 = ds_spinner_module_default[size];
+	let t5;
+	if ($[7] !== className || $[8] !== t4) {
+		t5 = classNames(ds_spinner_module_default.spinnerContainer, t4, className);
+		$[7] = className;
+		$[8] = t4;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = classNames(ds_spinner_module_default.progressCircle, ds_spinner_module_default.spin);
+		$[10] = t6;
+	} else t6 = $[10];
+	const t7 = `0 0 ${String(actualSize)} ${String(actualSize)}`;
+	const t8 = actualSize / 2;
+	const t9 = actualSize / 2;
+	let t10;
+	if ($[11] !== actualWidth || $[12] !== radius || $[13] !== strokeDasharray || $[14] !== t8 || $[15] !== t9) {
+		t10 = /* @__PURE__ */ jsx("circle", {
+			className: ds_spinner_module_default.progressArc,
+			cx: t8,
+			cy: t9,
+			r: radius,
+			fill: "none",
+			strokeWidth: actualWidth,
+			strokeDasharray,
+			strokeLinecap: "round"
+		});
+		$[11] = actualWidth;
+		$[12] = radius;
+		$[13] = strokeDasharray;
+		$[14] = t8;
+		$[15] = t9;
+		$[16] = t10;
+	} else t10 = $[16];
+	let t11;
+	if ($[17] !== actualSize || $[18] !== t10 || $[19] !== t7) {
+		t11 = /* @__PURE__ */ jsx("svg", {
+			className: t6,
 			width: actualSize,
 			height: actualSize,
-			viewBox: `0 0 ${String(actualSize)} ${String(actualSize)}`,
-			children: /* @__PURE__ */ jsx("circle", {
-				className: ds_spinner_module_default.progressArc,
-				cx: actualSize / 2,
-				cy: actualSize / 2,
-				r: radius,
-				fill: "none",
-				strokeWidth: actualWidth,
-				strokeDasharray,
-				strokeLinecap: "round"
-			})
-		})
-	});
+			viewBox: t7,
+			children: t10
+		});
+		$[17] = actualSize;
+		$[18] = t10;
+		$[19] = t7;
+		$[20] = t11;
+	} else t11 = $[20];
+	let t12;
+	if ($[21] !== props || $[22] !== style || $[23] !== t11 || $[24] !== t5) {
+		t12 = /* @__PURE__ */ jsx("div", {
+			className: t5,
+			style,
+			...props,
+			children: t11
+		});
+		$[21] = props;
+		$[22] = style;
+		$[23] = t11;
+		$[24] = t5;
+		$[25] = t12;
+	} else t12 = $[25];
+	return t12;
 };
 var ds_spinner_default = DsSpinner;
 

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

@@ -1 +1 @@
-{"version":3,"file":"ds-spinner.js","names":["sizeMap: Record<SpinnerSize, number>","widthMap: Record<SpinnerSize, number>","DsSpinner: React.FC<DsSpinnerProps>","styles"],"sources":["../../../src/components/ds-spinner/ds-spinner.tsx"],"sourcesContent":["import type React from 'react';\nimport classNames from 'classnames';\nimport styles from './ds-spinner.module.scss';\nimport type { DsSpinnerProps, SpinnerSize } from './ds-spinner.types';\n\nconst sizeMap: Record<SpinnerSize, number> = {\n\tsmall: 50,\n\tmedium: 75,\n\tlarge: 100,\n};\n\nconst widthMap: Record<SpinnerSize, number> = {\n\tsmall: 4,\n\tmedium: 7,\n\tlarge: 9,\n};\n\n/**\n * Design system Spinner component\n */\nconst DsSpinner: React.FC<DsSpinnerProps> = ({ size = 'medium', className, style = {}, ...props }) => {\n\tconst actualSize = sizeMap[size];\n\tconst actualWidth = widthMap[size];\n\tconst radius = (actualSize - actualWidth) / 2;\n\tconst circumference = 2 * Math.PI * radius;\n\tconst strokeDasharray = `${String(0.25 * circumference)} ${String(circumference)}`;\n\n\treturn (\n\t\t<div className={classNames(styles.spinnerContainer, styles[size], className)} style={style} {...props}>\n\t\t\t<svg\n\t\t\t\tclassName={classNames(styles.progressCircle, styles.spin)}\n\t\t\t\twidth={actualSize}\n\t\t\t\theight={actualSize}\n\t\t\t\tviewBox={`0 0 ${String(actualSize)} ${String(actualSize)}`}\n\t\t\t>\n\t\t\t\t<circle\n\t\t\t\t\tclassName={styles.progressArc}\n\t\t\t\t\tcx={actualSize / 2}\n\t\t\t\t\tcy={actualSize / 2}\n\t\t\t\t\tr={radius}\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tstrokeWidth={actualWidth}\n\t\t\t\t\tstrokeDasharray={strokeDasharray}\n\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t/>\n\t\t\t</svg>\n\t\t</div>\n\t);\n};\n\nexport default DsSpinner;\n"],"mappings":";;;;;AAKA,MAAMA,UAAuC;CAC5C,OAAO;CACP,QAAQ;CACR,OAAO;CACP;AAED,MAAMC,WAAwC;CAC7C,OAAO;CACP,QAAQ;CACR,OAAO;CACP;;;;AAKD,MAAMC,aAAuC,EAAE,OAAO,UAAU,WAAW,QAAQ,EAAE,EAAE,GAAG,YAAY;CACrG,MAAM,aAAa,QAAQ;CAC3B,MAAM,cAAc,SAAS;CAC7B,MAAM,UAAU,aAAa,eAAe;CAC5C,MAAM,gBAAgB,IAAI,KAAK,KAAK;CACpC,MAAM,kBAAkB,GAAG,OAAO,MAAO,cAAc,CAAC,GAAG,OAAO,cAAc;AAEhF,QACC,oBAAC;EAAI,WAAW,WAAWC,0BAAO,kBAAkBA,0BAAO,OAAO,UAAU;EAAS;EAAO,GAAI;YAC/F,oBAAC;GACA,WAAW,WAAWA,0BAAO,gBAAgBA,0BAAO,KAAK;GACzD,OAAO;GACP,QAAQ;GACR,SAAS,OAAO,OAAO,WAAW,CAAC,GAAG,OAAO,WAAW;aAExD,oBAAC;IACA,WAAWA,0BAAO;IAClB,IAAI,aAAa;IACjB,IAAI,aAAa;IACjB,GAAG;IACH,MAAK;IACL,aAAa;IACI;IACjB,eAAc;KACb;IACG;GACD;;AAIR,yBAAe"}
+{"version":3,"file":"ds-spinner.js","names":["React","classNames","styles","DsSpinnerProps","SpinnerSize","sizeMap","Record","small","medium","large","widthMap","DsSpinner","FC","t0","$","_c","className","props","t1","t2","size","style","undefined","t3","actualSize","actualWidth","radius","circumference","Math","PI","strokeDasharray","String","t4","t5","spinnerContainer","t6","Symbol","for","progressCircle","spin","t7","t8","t9","t10","progressArc","t11","t12"],"sources":["../../../src/components/ds-spinner/ds-spinner.tsx"],"sourcesContent":["import type React from 'react';\nimport classNames from 'classnames';\nimport styles from './ds-spinner.module.scss';\nimport type { DsSpinnerProps, SpinnerSize } from './ds-spinner.types';\n\nconst sizeMap: Record<SpinnerSize, number> = {\n\tsmall: 50,\n\tmedium: 75,\n\tlarge: 100,\n};\n\nconst widthMap: Record<SpinnerSize, number> = {\n\tsmall: 4,\n\tmedium: 7,\n\tlarge: 9,\n};\n\n/**\n * Design system Spinner component\n */\nconst DsSpinner: React.FC<DsSpinnerProps> = ({ size = 'medium', className, style = {}, ...props }) => {\n\tconst actualSize = sizeMap[size];\n\tconst actualWidth = widthMap[size];\n\tconst radius = (actualSize - actualWidth) / 2;\n\tconst circumference = 2 * Math.PI * radius;\n\tconst strokeDasharray = `${String(0.25 * circumference)} ${String(circumference)}`;\n\n\treturn (\n\t\t<div className={classNames(styles.spinnerContainer, styles[size], className)} style={style} {...props}>\n\t\t\t<svg\n\t\t\t\tclassName={classNames(styles.progressCircle, styles.spin)}\n\t\t\t\twidth={actualSize}\n\t\t\t\theight={actualSize}\n\t\t\t\tviewBox={`0 0 ${String(actualSize)} ${String(actualSize)}`}\n\t\t\t>\n\t\t\t\t<circle\n\t\t\t\t\tclassName={styles.progressArc}\n\t\t\t\t\tcx={actualSize / 2}\n\t\t\t\t\tcy={actualSize / 2}\n\t\t\t\t\tr={radius}\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tstrokeWidth={actualWidth}\n\t\t\t\t\tstrokeDasharray={strokeDasharray}\n\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t/>\n\t\t\t</svg>\n\t\t</div>\n\t);\n};\n\nexport default DsSpinner;\n"],"mappings":"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"}

package/dist/components/ds-spinner/ds-spinner.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-spinner.types.js","names":[],"sources":["../../../src/components/ds-spinner/ds-spinner.types.tsx"],"sourcesContent":["import type React from 'react';\n\nexport const spinnerSizes = ['small', 'medium', 'large'] as const;\nexport type SpinnerSize = (typeof spinnerSizes)[number];\n\nexport interface DsSpinnerProps {\n\t/**\n\t * The size of the spinner\n\t * @default 'medium'\n\t */\n\tsize?: SpinnerSize;\n\t/**\n\t * Additional CSS class names\n\t */\n\tclassName?: string;\n\t/**\n\t * Additional styles to apply to the component\n\t */\n\tstyle?: React.CSSProperties;\n}\n"],"mappings":";AAEA,MAAa,eAAe;CAAC;CAAS;CAAU;CAAQ"}
+{"version":3,"file":"ds-spinner.types.js","names":["React","spinnerSizes","const","SpinnerSize","DsSpinnerProps","size","className","style","CSSProperties"],"sources":["../../../src/components/ds-spinner/ds-spinner.types.tsx"],"sourcesContent":["import type React from 'react';\n\nexport const spinnerSizes = ['small', 'medium', 'large'] as const;\nexport type SpinnerSize = (typeof spinnerSizes)[number];\n\nexport interface DsSpinnerProps {\n\t/**\n\t * The size of the spinner\n\t * @default 'medium'\n\t */\n\tsize?: SpinnerSize;\n\t/**\n\t * Additional CSS class names\n\t */\n\tclassName?: string;\n\t/**\n\t * Additional styles to apply to the component\n\t */\n\tstyle?: React.CSSProperties;\n}\n"],"mappings":";AAEA,MAAaC,eAAe;CAAC;CAAS;CAAU;CAAQ"}

package/dist/components/ds-status-badge/ds-status-badge.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_status_badge_module = require('./ds-status-badge.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,23 +13,65 @@ let react_jsx_runtime = require("react/jsx-runtime");
 /**
 * Design system StatusBadge component
 */
-const DsStatusBadge = ({ icon, status, label = status, className, style, ghost = false, size = "medium", "aria-label": ariaLabel = label }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		style,
-		className: (0, classnames.default)(require_ds_status_badge_module.default.container, require_ds_status_badge_module.default[status], ghost && require_ds_status_badge_module.default.ghost, size === "small" && require_ds_status_badge_module.default.small, className),
-		role: "status",
-		"aria-label": ariaLabel,
-		children: [icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+const DsStatusBadge = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(16);
+	const { icon, status, label: t1, className, style, ghost: t2, size: t3, "aria-label": t4 } = t0;
+	const label = t1 === void 0 ? status : t1;
+	const ghost = t2 === void 0 ? false : t2;
+	const size = t3 === void 0 ? "medium" : t3;
+	const ariaLabel = t4 === void 0 ? label : t4;
+	const t5 = require_ds_status_badge_module.default[status];
+	const t6 = ghost && require_ds_status_badge_module.default.ghost;
+	const t7 = size === "small" && require_ds_status_badge_module.default.small;
+	let t8;
+	if ($[0] !== className || $[1] !== t5 || $[2] !== t6 || $[3] !== t7) {
+		t8 = (0, classnames.default)(require_ds_status_badge_module.default.container, t5, t6, t7, className);
+		$[0] = className;
+		$[1] = t5;
+		$[2] = t6;
+		$[3] = t7;
+		$[4] = t8;
+	} else t8 = $[4];
+	let t9;
+	if ($[5] !== icon) {
+		t9 = icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
 			icon,
 			size: "tiny",
 			filled: true,
 			"aria-hidden": "true"
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
+		});
+		$[5] = icon;
+		$[6] = t9;
+	} else t9 = $[6];
+	const t10 = ghost ? "body-xs-md" : "body-xs-reg";
+	let t11;
+	if ($[7] !== label || $[8] !== t10) {
+		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
 			className: require_ds_status_badge_module.default.label,
-			variant: ghost ? "body-xs-md" : "body-xs-reg",
+			variant: t10,
 			children: label
-		})]
-	});
+		});
+		$[7] = label;
+		$[8] = t10;
+		$[9] = t11;
+	} else t11 = $[9];
+	let t12;
+	if ($[10] !== ariaLabel || $[11] !== style || $[12] !== t11 || $[13] !== t8 || $[14] !== t9) {
+		t12 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			style,
+			className: t8,
+			role: "status",
+			"aria-label": ariaLabel,
+			children: [t9, t11]
+		});
+		$[10] = ariaLabel;
+		$[11] = style;
+		$[12] = t11;
+		$[13] = t8;
+		$[14] = t9;
+		$[15] = t12;
+	} else t12 = $[15];
+	return t12;
 };
 var ds_status_badge_default = DsStatusBadge;
 

package/dist/components/ds-status-badge/ds-status-badge.js

@@ -3,6 +3,7 @@ import "../ds-icon/index.js";
 import ds_typography_default from "../ds-typography/ds-typography.js";
 import "../ds-typography/index.js";
 import ds_status_badge_module_default from "./ds-status-badge.module.js";
+import { c } from "react/compiler-runtime";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -10,23 +11,65 @@ import { jsx, jsxs } from "react/jsx-runtime";
 /**
 * Design system StatusBadge component
 */
-const DsStatusBadge = ({ icon, status, label = status, className, style, ghost = false, size = "medium", "aria-label": ariaLabel = label }) => {
-	return /* @__PURE__ */ jsxs("div", {
-		style,
-		className: classNames(ds_status_badge_module_default.container, ds_status_badge_module_default[status], ghost && ds_status_badge_module_default.ghost, size === "small" && ds_status_badge_module_default.small, className),
-		role: "status",
-		"aria-label": ariaLabel,
-		children: [icon && /* @__PURE__ */ jsx(ds_icon_default, {
+const DsStatusBadge = (t0) => {
+	const $ = c(16);
+	const { icon, status, label: t1, className, style, ghost: t2, size: t3, "aria-label": t4 } = t0;
+	const label = t1 === void 0 ? status : t1;
+	const ghost = t2 === void 0 ? false : t2;
+	const size = t3 === void 0 ? "medium" : t3;
+	const ariaLabel = t4 === void 0 ? label : t4;
+	const t5 = ds_status_badge_module_default[status];
+	const t6 = ghost && ds_status_badge_module_default.ghost;
+	const t7 = size === "small" && ds_status_badge_module_default.small;
+	let t8;
+	if ($[0] !== className || $[1] !== t5 || $[2] !== t6 || $[3] !== t7) {
+		t8 = classNames(ds_status_badge_module_default.container, t5, t6, t7, className);
+		$[0] = className;
+		$[1] = t5;
+		$[2] = t6;
+		$[3] = t7;
+		$[4] = t8;
+	} else t8 = $[4];
+	let t9;
+	if ($[5] !== icon) {
+		t9 = icon && /* @__PURE__ */ jsx(ds_icon_default, {
 			icon,
 			size: "tiny",
 			filled: true,
 			"aria-hidden": "true"
-		}), /* @__PURE__ */ jsx(ds_typography_default, {
+		});
+		$[5] = icon;
+		$[6] = t9;
+	} else t9 = $[6];
+	const t10 = ghost ? "body-xs-md" : "body-xs-reg";
+	let t11;
+	if ($[7] !== label || $[8] !== t10) {
+		t11 = /* @__PURE__ */ jsx(ds_typography_default, {
 			className: ds_status_badge_module_default.label,
-			variant: ghost ? "body-xs-md" : "body-xs-reg",
+			variant: t10,
 			children: label
-		})]
-	});
+		});
+		$[7] = label;
+		$[8] = t10;
+		$[9] = t11;
+	} else t11 = $[9];
+	let t12;
+	if ($[10] !== ariaLabel || $[11] !== style || $[12] !== t11 || $[13] !== t8 || $[14] !== t9) {
+		t12 = /* @__PURE__ */ jsxs("div", {
+			style,
+			className: t8,
+			role: "status",
+			"aria-label": ariaLabel,
+			children: [t9, t11]
+		});
+		$[10] = ariaLabel;
+		$[11] = style;
+		$[12] = t11;
+		$[13] = t8;
+		$[14] = t9;
+		$[15] = t12;
+	} else t12 = $[15];
+	return t12;
 };
 var ds_status_badge_default = DsStatusBadge;
 

package/dist/components/ds-status-badge/ds-status-badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-status-badge.js","names":["DsStatusBadge: React.FC<DsStatusBadgeProps>","styles","DsIcon","DsTypography"],"sources":["../../../src/components/ds-status-badge/ds-status-badge.tsx"],"sourcesContent":["import type React from 'react';\nimport classNames from 'classnames';\nimport styles from './ds-status-badge.module.scss';\nimport type { DsStatusBadgeProps } from './ds-status-badge.types';\nimport { DsIcon } from '../ds-icon';\nimport { DsTypography } from '../ds-typography';\n\n/**\n * Design system StatusBadge component\n */\nconst DsStatusBadge: React.FC<DsStatusBadgeProps> = ({\n\ticon,\n\tstatus,\n\tlabel = status,\n\tclassName,\n\tstyle,\n\tghost = false,\n\tsize = 'medium',\n\t'aria-label': ariaLabel = label,\n}) => {\n\treturn (\n\t\t<div\n\t\t\tstyle={style}\n\t\t\tclassName={classNames(\n\t\t\t\tstyles.container,\n\t\t\t\tstyles[status],\n\t\t\t\tghost && styles.ghost,\n\t\t\t\tsize === 'small' && styles.small,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\trole=\"status\"\n\t\t\taria-label={ariaLabel}\n\t\t>\n\t\t\t{icon && <DsIcon icon={icon} size=\"tiny\" filled aria-hidden=\"true\" />}\n\t\t\t<DsTypography className={styles.label} variant={ghost ? 'body-xs-md' : 'body-xs-reg'}>\n\t\t\t\t{label}\n\t\t\t</DsTypography>\n\t\t</div>\n\t);\n};\n\nexport default DsStatusBadge;\n"],"mappings":";;;;;;;;;;;;AAUA,MAAMA,iBAA+C,EACpD,MACA,QACA,QAAQ,QACR,WACA,OACA,QAAQ,OACR,OAAO,UACP,cAAc,YAAY,YACrB;AACL,QACC,qBAAC;EACO;EACP,WAAW,WACVC,+BAAO,WACPA,+BAAO,SACP,SAASA,+BAAO,OAChB,SAAS,WAAWA,+BAAO,OAC3B,UACA;EACD,MAAK;EACL,cAAY;aAEX,QAAQ,oBAACC;GAAa;GAAM,MAAK;GAAO;GAAO,eAAY;IAAS,EACrE,oBAACC;GAAa,WAAWF,+BAAO;GAAO,SAAS,QAAQ,eAAe;aACrE;IACa;GACV;;AAIR,8BAAe"}
+{"version":3,"file":"ds-status-badge.js","names":["React","classNames","styles","DsStatusBadgeProps","DsIcon","DsTypography","DsStatusBadge","FC","t0","$","_c","icon","status","label","t1","className","style","ghost","t2","size","t3","t4","undefined","ariaLabel","t5","t6","t7","small","t8","container","t9","t10","t11","t12"],"sources":["../../../src/components/ds-status-badge/ds-status-badge.tsx"],"sourcesContent":["import type React from 'react';\nimport classNames from 'classnames';\nimport styles from './ds-status-badge.module.scss';\nimport type { DsStatusBadgeProps } from './ds-status-badge.types';\nimport { DsIcon } from '../ds-icon';\nimport { DsTypography } from '../ds-typography';\n\n/**\n * Design system StatusBadge component\n */\nconst DsStatusBadge: React.FC<DsStatusBadgeProps> = ({\n\ticon,\n\tstatus,\n\tlabel = status,\n\tclassName,\n\tstyle,\n\tghost = false,\n\tsize = 'medium',\n\t'aria-label': ariaLabel = label,\n}) => {\n\treturn (\n\t\t<div\n\t\t\tstyle={style}\n\t\t\tclassName={classNames(\n\t\t\t\tstyles.container,\n\t\t\t\tstyles[status],\n\t\t\t\tghost && styles.ghost,\n\t\t\t\tsize === 'small' && styles.small,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\trole=\"status\"\n\t\t\taria-label={ariaLabel}\n\t\t>\n\t\t\t{icon && <DsIcon icon={icon} size=\"tiny\" filled aria-hidden=\"true\" />}\n\t\t\t<DsTypography className={styles.label} variant={ghost ? 'body-xs-md' : 'body-xs-reg'}>\n\t\t\t\t{label}\n\t\t\t</DsTypography>\n\t\t</div>\n\t);\n};\n\nexport default DsStatusBadge;\n"],"mappings":";;;;;;;;;;;;;AAUA,MAAMM,iBAA8CE,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAAC,MAAAC,QAAAC,OAAAC,IAAAC,WAAAC,OAAAC,OAAAC,IAAAC,MAAAC,IAAA,cAAAC,OAAAb;CAGpD,MAAAK,QAAAC,OAAAQ,SAAAV,SAAAE;CAGA,MAAAG,QAAAC,OAAAI,SAAA,QAAAJ;CACA,MAAAC,OAAAC,OAAAE,SAAA,WAAAF;CACc,MAAAG,YAAAF,OAAAC,SAAAT,QAAAQ;CAOX,MAAAG,KAAAtB,+BAAOU;CACP,MAAAa,KAAAR,SAASf,+BAAMe;CACf,MAAAS,KAAAP,SAAS,WAAWjB,+BAAMyB;CAAM,IAAAC;AAAA,KAAAnB,EAAA,OAAAM,aAAAN,EAAA,OAAAe,MAAAf,EAAA,OAAAgB,MAAAhB,EAAA,OAAAiB,IAAA;AAJtBE,OAAA3B,WACVC,+BAAM2B,WACNL,IACAC,IACAC,IACAX,UACA;AAAAN,IAAA,KAAAM;AAAAN,IAAA,KAAAe;AAAAf,IAAA,KAAAgB;AAAAhB,IAAA,KAAAiB;AAAAjB,IAAA,KAAAmB;OAAAA,MAAAnB,EAAA;CAAA,IAAAqB;AAAA,KAAArB,EAAA,OAAAE,MAAA;AAIAmB,OAAAnB,QAAQ,oBAAC;GAAaA;GAAW,MAAA;GAAO,QAAA;GAAmB,eAAA;IAAS;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAqB;OAAAA,MAAArB,EAAA;CACrB,MAAAsB,MAAAd,QAAA,eAAA;CAAoC,IAAAe;AAAA,KAAAvB,EAAA,OAAAI,SAAAJ,EAAA,OAAAsB,KAAA;AAApFC,QAAA,oBAAC;GAAwB,WAAA9B,+BAAMW;GAAiB,SAAAkB;aAC9ClB;IACa;AAAAJ,IAAA,KAAAI;AAAAJ,IAAA,KAAAsB;AAAAtB,IAAA,KAAAuB;OAAAA,OAAAvB,EAAA;CAAA,IAAAwB;AAAA,KAAAxB,EAAA,QAAAc,aAAAd,EAAA,QAAAO,SAAAP,EAAA,QAAAuB,OAAAvB,EAAA,QAAAmB,MAAAnB,EAAA,QAAAqB,IAAA;AAfhBG,QAAA,qBAAA;GACQjB;GACI,WAAAY;GAON,MAAA;GACOL,cAAAA;cAEXO,IACDE;IAGK;AAAAvB,IAAA,MAAAc;AAAAd,IAAA,MAAAO;AAAAP,IAAA,MAAAuB;AAAAvB,IAAA,MAAAmB;AAAAnB,IAAA,MAAAqB;AAAArB,IAAA,MAAAwB;OAAAA,OAAAxB,EAAA;AAAA,QAhBNwB;;AAoBF,8BAAe3B"}

package/dist/components/ds-stepper/components/ds-step-content.cjs

@@ -3,25 +3,71 @@ const require_ds_stepper_module = require('../ds-stepper.module.cjs');
 const require_use_stepper = require('../hooks/use-stepper.cjs');
 const require_ds_step_label = require('./ds-step-label.cjs');
 const require_ds_step_description = require('./ds-step-description.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");
 
 //#region src/components/ds-stepper/components/ds-step-content.tsx
-function DsStepContent({ index, label, description, actions }) {
+function DsStepContent(t0) {
+	const $ = (0, react_compiler_runtime.c)(18);
+	const { index, label, description, actions } = t0;
 	const { variant, stepsApi } = require_use_stepper.useStepper();
-	const { current } = stepsApi.getItemState({ index });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: (0, classnames.default)(require_ds_stepper_module.default.stepContent, { [require_ds_stepper_module.default.stepContentSingle]: variant === "single" }),
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_step_label.DsStepLabel, { children: label }),
-			variant !== "single" && description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_step_description.DsStepDescription, { children: description }),
-			actions && current && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: require_ds_stepper_module.default.stepActions,
-				children: actions
-			})
-		]
-	});
+	let t1;
+	if ($[0] !== index || $[1] !== stepsApi) {
+		t1 = stepsApi.getItemState({ index });
+		$[0] = index;
+		$[1] = stepsApi;
+		$[2] = t1;
+	} else t1 = $[2];
+	const { current } = t1;
+	const t2 = variant === "single";
+	let t3;
+	if ($[3] !== t2) {
+		t3 = (0, classnames.default)(require_ds_stepper_module.default.stepContent, { [require_ds_stepper_module.default.stepContentSingle]: t2 });
+		$[3] = t2;
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] !== label) {
+		t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_step_label.DsStepLabel, { children: label });
+		$[5] = label;
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] !== description || $[8] !== variant) {
+		t5 = variant !== "single" && description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_step_description.DsStepDescription, { children: description });
+		$[7] = description;
+		$[8] = variant;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== actions || $[11] !== current) {
+		t6 = actions && current && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_ds_stepper_module.default.stepActions,
+			children: actions
+		});
+		$[10] = actions;
+		$[11] = current;
+		$[12] = t6;
+	} else t6 = $[12];
+	let t7;
+	if ($[13] !== t3 || $[14] !== t4 || $[15] !== t5 || $[16] !== t6) {
+		t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: t3,
+			children: [
+				t4,
+				t5,
+				t6
+			]
+		});
+		$[13] = t3;
+		$[14] = t4;
+		$[15] = t5;
+		$[16] = t6;
+		$[17] = t7;
+	} else t7 = $[17];
+	return t7;
 }
 
 //#endregion

package/dist/components/ds-stepper/components/ds-step-content.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime37 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/ds-stepper/components/ds-step-content.d.ts
@@ -13,7 +13,7 @@ declare function DsStepContent({
   label,
   description,
   actions
-}: DsStepContentProps): react_jsx_runtime11.JSX.Element;
+}: DsStepContentProps): react_jsx_runtime37.JSX.Element;
 //#endregion
 export { DsStepContent };
 //# sourceMappingURL=ds-step-content.d.cts.map

package/dist/components/ds-stepper/components/ds-step-content.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime42 from "react/jsx-runtime";
+import * as react_jsx_runtime36 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/ds-stepper/components/ds-step-content.d.ts
@@ -13,7 +13,7 @@ declare function DsStepContent({
   label,
   description,
   actions
-}: DsStepContentProps): react_jsx_runtime42.JSX.Element;
+}: DsStepContentProps): react_jsx_runtime36.JSX.Element;
 //#endregion
 export { DsStepContent };
 //# sourceMappingURL=ds-step-content.d.ts.map