@drivenets/design-system 0.0.3 → 0.0.4

package/dist/components/ds-stepper/components/ds-step.js

@@ -1,42 +1,123 @@
 import ds_icon_default from "../../ds-icon/ds-icon.js";
 import ds_stepper_module_default from "../ds-stepper.module.js";
 import { useStepper } from "../hooks/use-stepper.js";
+import { c } from "react/compiler-runtime";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/ds-stepper/components/ds-step.tsx
-function DsStep({ index, children, className }) {
+function DsStep(t0) {
+	const $ = c(36);
+	const { index, children, className } = t0;
 	const context = useStepper();
-	const { completed, current, last } = context.stepsApi.getItemState({ index });
+	let t1;
+	if ($[0] !== context.stepsApi || $[1] !== index) {
+		t1 = context.stepsApi.getItemState({ index });
+		$[0] = context.stepsApi;
+		$[1] = index;
+		$[2] = t1;
+	} else t1 = $[2];
+	const { completed, current, last } = t1;
 	const isSingleVariant = context.variant === "single";
 	const isLast = last && context.stepsApi.value === index + 1;
 	if (isSingleVariant && !current && !isLast) return null;
 	const isClickable = completed && !isSingleVariant;
 	const Wrapper = isClickable ? "button" : "div";
-	const props = isClickable ? { onClick: () => {
-		context.stepsApi.setStep(index);
-	} } : {};
-	return /* @__PURE__ */ jsxs(Wrapper, {
-		...context.stepsApi.getItemProps({ index }),
-		"data-current": current ? "" : void 0,
-		"data-complete": completed ? "" : void 0,
-		className: classNames(ds_stepper_module_default.step, className),
-		...props,
-		children: [/* @__PURE__ */ jsxs("div", {
-			...context.stepsApi.getIndicatorProps({ index }),
+	let t2;
+	if ($[3] !== context.stepsApi || $[4] !== index || $[5] !== isClickable) {
+		t2 = isClickable ? { onClick: () => {
+			context.stepsApi.setStep(index);
+		} } : {};
+		$[3] = context.stepsApi;
+		$[4] = index;
+		$[5] = isClickable;
+		$[6] = t2;
+	} else t2 = $[6];
+	const props = t2;
+	let t3;
+	if ($[7] !== context.stepsApi || $[8] !== index) {
+		t3 = context.stepsApi.getItemProps({ index });
+		$[7] = context.stepsApi;
+		$[8] = index;
+		$[9] = t3;
+	} else t3 = $[9];
+	const t4 = current ? "" : void 0;
+	const t5 = completed ? "" : void 0;
+	let t6;
+	if ($[10] !== className) {
+		t6 = classNames(ds_stepper_module_default.step, className);
+		$[10] = className;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] !== context.stepsApi || $[13] !== index) {
+		t7 = context.stepsApi.getIndicatorProps({ index });
+		$[12] = context.stepsApi;
+		$[13] = index;
+		$[14] = t7;
+	} else t7 = $[14];
+	let t8;
+	if ($[15] !== completed || $[16] !== index) {
+		t8 = completed ? /* @__PURE__ */ jsx(ds_icon_default, {
+			icon: "check",
+			className: ds_stepper_module_default.indicator
+		}) : /* @__PURE__ */ jsx("span", {
+			className: ds_stepper_module_default.indicator,
+			children: index + 1
+		});
+		$[15] = completed;
+		$[16] = index;
+		$[17] = t8;
+	} else t8 = $[17];
+	let t9;
+	if ($[18] !== context.stepsApi || $[19] !== index) {
+		t9 = context.stepsApi.getSeparatorProps({ index });
+		$[18] = context.stepsApi;
+		$[19] = index;
+		$[20] = t9;
+	} else t9 = $[20];
+	let t10;
+	if ($[21] !== t9) {
+		t10 = /* @__PURE__ */ jsx("div", {
+			...t9,
+			className: ds_stepper_module_default.separator
+		});
+		$[21] = t9;
+		$[22] = t10;
+	} else t10 = $[22];
+	let t11;
+	if ($[23] !== t10 || $[24] !== t7 || $[25] !== t8) {
+		t11 = /* @__PURE__ */ jsxs("div", {
+			...t7,
 			className: ds_stepper_module_default.indicatorContainer,
-			children: [completed ? /* @__PURE__ */ jsx(ds_icon_default, {
-				icon: "check",
-				className: ds_stepper_module_default.indicator
-			}) : /* @__PURE__ */ jsx("span", {
-				className: ds_stepper_module_default.indicator,
-				children: index + 1
-			}), /* @__PURE__ */ jsx("div", {
-				...context.stepsApi.getSeparatorProps({ index }),
-				className: ds_stepper_module_default.separator
-			})]
-		}), children]
-	});
+			children: [t8, t10]
+		});
+		$[23] = t10;
+		$[24] = t7;
+		$[25] = t8;
+		$[26] = t11;
+	} else t11 = $[26];
+	let t12;
+	if ($[27] !== Wrapper || $[28] !== children || $[29] !== props || $[30] !== t11 || $[31] !== t3 || $[32] !== t4 || $[33] !== t5 || $[34] !== t6) {
+		t12 = /* @__PURE__ */ jsxs(Wrapper, {
+			...t3,
+			"data-current": t4,
+			"data-complete": t5,
+			className: t6,
+			...props,
+			children: [t11, children]
+		});
+		$[27] = Wrapper;
+		$[28] = children;
+		$[29] = props;
+		$[30] = t11;
+		$[31] = t3;
+		$[32] = t4;
+		$[33] = t5;
+		$[34] = t6;
+		$[35] = t12;
+	} else t12 = $[35];
+	return t12;
 }
 
 //#endregion

package/dist/components/ds-stepper/components/ds-step.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-step.js","names":["classnames","styles","DsIcon"],"sources":["../../../../src/components/ds-stepper/components/ds-step.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport { useStepper } from '../hooks/use-stepper';\nimport classnames from 'classnames';\nimport styles from '../ds-stepper.module.scss';\nimport DsIcon from '../../ds-icon/ds-icon';\n\ntype DsStepProps = PropsWithChildren<{\n\tindex: number;\n\tclassName?: string;\n}>;\n\nexport function DsStep({ index, children, className }: DsStepProps) {\n\tconst context = useStepper();\n\n\tconst { completed, current, last } = context.stepsApi.getItemState({ index });\n\n\tconst isSingleVariant = context.variant === 'single';\n\tconst isLast = last && context.stepsApi.value === index + 1;\n\n\tconst shouldHide = isSingleVariant && !current && !isLast;\n\n\tif (shouldHide) {\n\t\treturn null;\n\t}\n\n\tconst isClickable = completed && !isSingleVariant;\n\n\tconst Wrapper = isClickable ? 'button' : 'div';\n\n\tconst props = isClickable\n\t\t? {\n\t\t\t\tonClick: () => {\n\t\t\t\t\tcontext.stepsApi.setStep(index);\n\t\t\t\t},\n\t\t\t}\n\t\t: {};\n\n\treturn (\n\t\t<Wrapper\n\t\t\t{...context.stepsApi.getItemProps({ index })}\n\t\t\tdata-current={current ? '' : undefined}\n\t\t\tdata-complete={completed ? '' : undefined}\n\t\t\tclassName={classnames(styles.step, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div {...context.stepsApi.getIndicatorProps({ index })} className={styles.indicatorContainer}>\n\t\t\t\t{completed ? (\n\t\t\t\t\t<DsIcon icon=\"check\" className={styles.indicator} />\n\t\t\t\t) : (\n\t\t\t\t\t<span className={styles.indicator}>{index + 1}</span>\n\t\t\t\t)}\n\n\t\t\t\t<div {...context.stepsApi.getSeparatorProps({ index })} className={styles.separator} />\n\t\t\t</div>\n\n\t\t\t{children}\n\t\t</Wrapper>\n\t);\n}\n"],"mappings":";;;;;;;AAWA,SAAgB,OAAO,EAAE,OAAO,UAAU,aAA0B;CACnE,MAAM,UAAU,YAAY;CAE5B,MAAM,EAAE,WAAW,SAAS,SAAS,QAAQ,SAAS,aAAa,EAAE,OAAO,CAAC;CAE7E,MAAM,kBAAkB,QAAQ,YAAY;CAC5C,MAAM,SAAS,QAAQ,QAAQ,SAAS,UAAU,QAAQ;AAI1D,KAFmB,mBAAmB,CAAC,WAAW,CAAC,OAGlD,QAAO;CAGR,MAAM,cAAc,aAAa,CAAC;CAElC,MAAM,UAAU,cAAc,WAAW;CAEzC,MAAM,QAAQ,cACX,EACA,eAAe;AACd,UAAQ,SAAS,QAAQ,MAAM;IAEhC,GACA,EAAE;AAEL,QACC,qBAAC;EACA,GAAI,QAAQ,SAAS,aAAa,EAAE,OAAO,CAAC;EAC5C,gBAAc,UAAU,KAAK;EAC7B,iBAAe,YAAY,KAAK;EAChC,WAAWA,WAAWC,0BAAO,MAAM,UAAU;EAC7C,GAAI;aAEJ,qBAAC;GAAI,GAAI,QAAQ,SAAS,kBAAkB,EAAE,OAAO,CAAC;GAAE,WAAWA,0BAAO;cACxE,YACA,oBAACC;IAAO,MAAK;IAAQ,WAAWD,0BAAO;KAAa,GAEpD,oBAAC;IAAK,WAAWA,0BAAO;cAAY,QAAQ;KAAS,EAGtD,oBAAC;IAAI,GAAI,QAAQ,SAAS,kBAAkB,EAAE,OAAO,CAAC;IAAE,WAAWA,0BAAO;KAAa;IAClF,EAEL;GACQ"}
+{"version":3,"file":"ds-step.js","names":["PropsWithChildren","useStepper","classnames","styles","DsIcon","DsStepProps","index","className","DsStep","t0","$","_c","children","context","t1","stepsApi","getItemState","completed","current","last","isSingleVariant","variant","isLast","value","shouldHide","isClickable","Wrapper","t2","onClick","setStep","props","t3","getItemProps","t4","undefined","t5","t6","step","t7","getIndicatorProps","t8","indicator","t9","getSeparatorProps","t10","separator","t11","indicatorContainer","t12"],"sources":["../../../../src/components/ds-stepper/components/ds-step.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport { useStepper } from '../hooks/use-stepper';\nimport classnames from 'classnames';\nimport styles from '../ds-stepper.module.scss';\nimport DsIcon from '../../ds-icon/ds-icon';\n\ntype DsStepProps = PropsWithChildren<{\n\tindex: number;\n\tclassName?: string;\n}>;\n\nexport function DsStep({ index, children, className }: DsStepProps) {\n\tconst context = useStepper();\n\n\tconst { completed, current, last } = context.stepsApi.getItemState({ index });\n\n\tconst isSingleVariant = context.variant === 'single';\n\tconst isLast = last && context.stepsApi.value === index + 1;\n\n\tconst shouldHide = isSingleVariant && !current && !isLast;\n\n\tif (shouldHide) {\n\t\treturn null;\n\t}\n\n\tconst isClickable = completed && !isSingleVariant;\n\n\tconst Wrapper = isClickable ? 'button' : 'div';\n\n\tconst props = isClickable\n\t\t? {\n\t\t\t\tonClick: () => {\n\t\t\t\t\tcontext.stepsApi.setStep(index);\n\t\t\t\t},\n\t\t\t}\n\t\t: {};\n\n\treturn (\n\t\t<Wrapper\n\t\t\t{...context.stepsApi.getItemProps({ index })}\n\t\t\tdata-current={current ? '' : undefined}\n\t\t\tdata-complete={completed ? '' : undefined}\n\t\t\tclassName={classnames(styles.step, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div {...context.stepsApi.getIndicatorProps({ index })} className={styles.indicatorContainer}>\n\t\t\t\t{completed ? (\n\t\t\t\t\t<DsIcon icon=\"check\" className={styles.indicator} />\n\t\t\t\t) : (\n\t\t\t\t\t<span className={styles.indicator}>{index + 1}</span>\n\t\t\t\t)}\n\n\t\t\t\t<div {...context.stepsApi.getSeparatorProps({ index })} className={styles.separator} />\n\t\t\t</div>\n\n\t\t\t{children}\n\t\t</Wrapper>\n\t);\n}\n"],"mappings":"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"}

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

@@ -2,29 +2,76 @@ const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_ds_stepper_module = require('./ds-stepper.module.cjs');
 const require_use_steps = require('./hooks/use-steps.cjs');
 const require_use_stepper = require('./hooks/use-stepper.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/ds-stepper.tsx
-function DsStepper({ count, variant, activeStep, onStepChange, onComplete, children }) {
-	const stepsApi = require_use_steps.useSteps({
-		count,
-		activeStep,
-		onStepChange,
-		onComplete
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_stepper.StepperContext.Provider, {
-		value: {
+function DsStepper(t0) {
+	const $ = (0, react_compiler_runtime.c)(19);
+	const { count, variant, activeStep, onStepChange, onComplete, children } = t0;
+	let t1;
+	if ($[0] !== activeStep || $[1] !== count || $[2] !== onComplete || $[3] !== onStepChange) {
+		t1 = {
+			count,
+			activeStep,
+			onStepChange,
+			onComplete
+		};
+		$[0] = activeStep;
+		$[1] = count;
+		$[2] = onComplete;
+		$[3] = onStepChange;
+		$[4] = t1;
+	} else t1 = $[4];
+	const stepsApi = require_use_steps.useSteps(t1);
+	let t2;
+	if ($[5] !== stepsApi || $[6] !== variant) {
+		t2 = {
 			stepsApi,
 			variant
-		},
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			...stepsApi.getRootProps(),
-			className: (0, classnames.default)(require_ds_stepper_module.default.root, { [require_ds_stepper_module.default.variantSingle]: variant === "single" }),
+		};
+		$[5] = stepsApi;
+		$[6] = variant;
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] !== stepsApi) {
+		t3 = stepsApi.getRootProps();
+		$[8] = stepsApi;
+		$[9] = t3;
+	} else t3 = $[9];
+	const t4 = variant === "single";
+	let t5;
+	if ($[10] !== t4) {
+		t5 = (0, classnames.default)(require_ds_stepper_module.default.root, { [require_ds_stepper_module.default.variantSingle]: t4 });
+		$[10] = t4;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== children || $[13] !== t3 || $[14] !== t5) {
+		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			...t3,
+			className: t5,
 			children
-		})
-	});
+		});
+		$[12] = children;
+		$[13] = t3;
+		$[14] = t5;
+		$[15] = t6;
+	} else t6 = $[15];
+	let t7;
+	if ($[16] !== t2 || $[17] !== t6) {
+		t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_stepper.StepperContext.Provider, {
+			value: t2,
+			children: t6
+		});
+		$[16] = t2;
+		$[17] = t6;
+		$[18] = t7;
+	} else t7 = $[18];
+	return t7;
 }
 
 //#endregion

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

@@ -1,5 +1,5 @@
 import { DsStepperProps } from "./ds-stepper.types.cjs";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime38 from "react/jsx-runtime";
 
 //#region src/components/ds-stepper/ds-stepper.d.ts
 declare function DsStepper({
@@ -9,7 +9,7 @@ declare function DsStepper({
   onStepChange,
   onComplete,
   children
-}: DsStepperProps): react_jsx_runtime9.JSX.Element;
+}: DsStepperProps): react_jsx_runtime38.JSX.Element;
 //#endregion
 export { DsStepper };
 //# sourceMappingURL=ds-stepper.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ds-stepper.d.cts","names":[],"sources":["../../../src/components/ds-stepper/ds-stepper.tsx"],"sourcesContent":[],"mappings":";;;;iBAMgB,SAAA;;;;;;;GAOb,iBAAc,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"ds-stepper.d.cts","names":[],"sources":["../../../src/components/ds-stepper/ds-stepper.tsx"],"sourcesContent":[],"mappings":";;;;iBAMgB,SAAA;;;;;;;GAOb,iBAAc,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -1,5 +1,5 @@
 import { DsStepperProps } from "./ds-stepper.types.js";
-import * as react_jsx_runtime40 from "react/jsx-runtime";
+import * as react_jsx_runtime34 from "react/jsx-runtime";
 
 //#region src/components/ds-stepper/ds-stepper.d.ts
 declare function DsStepper({
@@ -9,7 +9,7 @@ declare function DsStepper({
   onStepChange,
   onComplete,
   children
-}: DsStepperProps): react_jsx_runtime40.JSX.Element;
+}: DsStepperProps): react_jsx_runtime34.JSX.Element;
 //#endregion
 export { DsStepper };
 //# sourceMappingURL=ds-stepper.d.ts.map

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

@@ -1,28 +1,75 @@
 import ds_stepper_module_default from "./ds-stepper.module.js";
 import { useSteps } from "./hooks/use-steps.js";
 import { StepperContext } from "./hooks/use-stepper.js";
+import { c } from "react/compiler-runtime";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/ds-stepper/ds-stepper.tsx
-function DsStepper({ count, variant, activeStep, onStepChange, onComplete, children }) {
-	const stepsApi = useSteps({
-		count,
-		activeStep,
-		onStepChange,
-		onComplete
-	});
-	return /* @__PURE__ */ jsx(StepperContext.Provider, {
-		value: {
+function DsStepper(t0) {
+	const $ = c(19);
+	const { count, variant, activeStep, onStepChange, onComplete, children } = t0;
+	let t1;
+	if ($[0] !== activeStep || $[1] !== count || $[2] !== onComplete || $[3] !== onStepChange) {
+		t1 = {
+			count,
+			activeStep,
+			onStepChange,
+			onComplete
+		};
+		$[0] = activeStep;
+		$[1] = count;
+		$[2] = onComplete;
+		$[3] = onStepChange;
+		$[4] = t1;
+	} else t1 = $[4];
+	const stepsApi = useSteps(t1);
+	let t2;
+	if ($[5] !== stepsApi || $[6] !== variant) {
+		t2 = {
 			stepsApi,
 			variant
-		},
-		children: /* @__PURE__ */ jsx("div", {
-			...stepsApi.getRootProps(),
-			className: classNames(ds_stepper_module_default.root, { [ds_stepper_module_default.variantSingle]: variant === "single" }),
+		};
+		$[5] = stepsApi;
+		$[6] = variant;
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] !== stepsApi) {
+		t3 = stepsApi.getRootProps();
+		$[8] = stepsApi;
+		$[9] = t3;
+	} else t3 = $[9];
+	const t4 = variant === "single";
+	let t5;
+	if ($[10] !== t4) {
+		t5 = classNames(ds_stepper_module_default.root, { [ds_stepper_module_default.variantSingle]: t4 });
+		$[10] = t4;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== children || $[13] !== t3 || $[14] !== t5) {
+		t6 = /* @__PURE__ */ jsx("div", {
+			...t3,
+			className: t5,
 			children
-		})
-	});
+		});
+		$[12] = children;
+		$[13] = t3;
+		$[14] = t5;
+		$[15] = t6;
+	} else t6 = $[15];
+	let t7;
+	if ($[16] !== t2 || $[17] !== t6) {
+		t7 = /* @__PURE__ */ jsx(StepperContext.Provider, {
+			value: t2,
+			children: t6
+		});
+		$[16] = t2;
+		$[17] = t6;
+		$[18] = t7;
+	} else t7 = $[18];
+	return t7;
 }
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ds-stepper.js","names":["classnames","styles"],"sources":["../../../src/components/ds-stepper/ds-stepper.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport styles from './ds-stepper.module.scss';\nimport { useSteps } from './hooks/use-steps';\nimport { StepperContext } from './hooks/use-stepper';\nimport type { DsStepperProps } from './ds-stepper.types';\n\nexport function DsStepper({\n\tcount,\n\tvariant,\n\tactiveStep,\n\tonStepChange,\n\tonComplete,\n\tchildren,\n}: DsStepperProps) {\n\tconst stepsApi = useSteps({ count, activeStep, onStepChange, onComplete });\n\n\treturn (\n\t\t<StepperContext.Provider\n\t\t\tvalue={{\n\t\t\t\tstepsApi,\n\t\t\t\tvariant,\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\t{...stepsApi.getRootProps()}\n\t\t\t\tclassName={classnames(styles.root, {\n\t\t\t\t\t[styles.variantSingle]: variant === 'single',\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</StepperContext.Provider>\n\t);\n}\n"],"mappings":";;;;;;;AAMA,SAAgB,UAAU,EACzB,OACA,SACA,YACA,cACA,YACA,YACkB;CAClB,MAAM,WAAW,SAAS;EAAE;EAAO;EAAY;EAAc;EAAY,CAAC;AAE1E,QACC,oBAAC,eAAe;EACf,OAAO;GACN;GACA;GACA;YAED,oBAAC;GACA,GAAI,SAAS,cAAc;GAC3B,WAAWA,WAAWC,0BAAO,MAAM,GACjCA,0BAAO,gBAAgB,YAAY,UACpC,CAAC;GAED;IACI;GACmB"}
+{"version":3,"file":"ds-stepper.js","names":["classnames","styles","useSteps","StepperContext","DsStepperProps","DsStepper","t0","$","_c","count","variant","activeStep","onStepChange","onComplete","children","t1","stepsApi","t2","t3","getRootProps","t4","t5","root","variantSingle","t6","t7"],"sources":["../../../src/components/ds-stepper/ds-stepper.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport styles from './ds-stepper.module.scss';\nimport { useSteps } from './hooks/use-steps';\nimport { StepperContext } from './hooks/use-stepper';\nimport type { DsStepperProps } from './ds-stepper.types';\n\nexport function DsStepper({\n\tcount,\n\tvariant,\n\tactiveStep,\n\tonStepChange,\n\tonComplete,\n\tchildren,\n}: DsStepperProps) {\n\tconst stepsApi = useSteps({ count, activeStep, onStepChange, onComplete });\n\n\treturn (\n\t\t<StepperContext.Provider\n\t\t\tvalue={{\n\t\t\t\tstepsApi,\n\t\t\t\tvariant,\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\t{...stepsApi.getRootProps()}\n\t\t\t\tclassName={classnames(styles.root, {\n\t\t\t\t\t[styles.variantSingle]: variant === 'single',\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</StepperContext.Provider>\n\t);\n}\n"],"mappings":";;;;;;;;AAMA,SAAOK,UAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAmB,MAAA,EAAAC,OAAAC,SAAAC,YAAAC,cAAAC,YAAAC,aAAAR;CAOT,IAAAS;AAAA,KAAAR,EAAA,OAAAI,cAAAJ,EAAA,OAAAE,SAAAF,EAAA,OAAAM,cAAAN,EAAA,OAAAK,cAAA;AACUG,OAAA;GAAAN;GAAAE;GAAAC;GAAAC;GAA+C;AAAAN,IAAA,KAAAI;AAAAJ,IAAA,KAAAE;AAAAF,IAAA,KAAAM;AAAAN,IAAA,KAAAK;AAAAL,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAAzE,MAAAS,WAAiBd,SAASa,GAAgD;CAAC,IAAAE;AAAA,KAAAV,EAAA,OAAAS,YAAAT,EAAA,OAAAG,SAAA;AAIlEO,OAAA;GAAAD;GAAAN;GAGN;AAAAH,IAAA,KAAAS;AAAAT,IAAA,KAAAG;AAAAH,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAAA,IAAAW;AAAA,KAAAX,EAAA,OAAAS,UAAA;AAGIE,OAAAF,SAAQG,cAAe;AAAAZ,IAAA,KAAAS;AAAAT,IAAA,KAAAW;OAAAA,MAAAX,EAAA;CAEF,MAAAa,KAAAV,YAAY;CAAQ,IAAAW;AAAA,KAAAd,EAAA,QAAAa,IAAA;AADlCC,OAAArB,WAAWC,0BAAMqB,MAAO,GACjCrB,0BAAMsB,gBAAiBH,IACxB,CAAC;AAAAb,IAAA,MAAAa;AAAAb,IAAA,MAAAc;OAAAA,MAAAd,EAAA;CAAA,IAAAiB;AAAA,KAAAjB,EAAA,QAAAO,YAAAP,EAAA,QAAAW,MAAAX,EAAA,QAAAc,IAAA;AAJHG,OAAA,oBAAA;GAOM,GANDN;GACO,WAAAG;GAIVP;IACI;AAAAP,IAAA,MAAAO;AAAAP,IAAA,MAAAW;AAAAX,IAAA,MAAAc;AAAAd,IAAA,MAAAiB;OAAAA,MAAAjB,EAAA;CAAA,IAAAkB;AAAA,KAAAlB,EAAA,QAAAU,MAAAV,EAAA,QAAAiB,IAAA;AAbPC,OAAA,oBAAA,eAAA;GACQ,OAAAR;aAKPO;IAQyB;AAAAjB,IAAA,MAAAU;AAAAV,IAAA,MAAAiB;AAAAjB,IAAA,MAAAkB;OAAAA,MAAAlB,EAAA;AAAA,QAd1BkB"}

package/dist/components/ds-stepper/hooks/use-stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-stepper.js","names":[],"sources":["../../../../src/components/ds-stepper/hooks/use-stepper.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { DsStepperVariant } from '../ds-stepper.types';\nimport type { useSteps } from './use-steps';\n\ntype StepsContext = {\n\tstepsApi: ReturnType<typeof useSteps>;\n\tvariant: DsStepperVariant | undefined;\n};\n\nexport const StepperContext = createContext<StepsContext | null>(null);\n\nexport function useStepper() {\n\tconst context = useContext(StepperContext);\n\n\tif (!context) {\n\t\tthrow new Error('useStepper must be used within a DsStepper');\n\t}\n\n\treturn context;\n}\n"],"mappings":";;;AASA,MAAa,iBAAiB,cAAmC,KAAK;AAEtE,SAAgB,aAAa;CAC5B,MAAM,UAAU,WAAW,eAAe;AAE1C,KAAI,CAAC,QACJ,OAAM,IAAI,MAAM,6CAA6C;AAG9D,QAAO"}
+{"version":3,"file":"use-stepper.js","names":["createContext","useContext","DsStepperVariant","useSteps","StepsContext","stepsApi","ReturnType","variant","StepperContext","useStepper","context","Error"],"sources":["../../../../src/components/ds-stepper/hooks/use-stepper.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { DsStepperVariant } from '../ds-stepper.types';\nimport type { useSteps } from './use-steps';\n\ntype StepsContext = {\n\tstepsApi: ReturnType<typeof useSteps>;\n\tvariant: DsStepperVariant | undefined;\n};\n\nexport const StepperContext = createContext<StepsContext | null>(null);\n\nexport function useStepper() {\n\tconst context = useContext(StepperContext);\n\n\tif (!context) {\n\t\tthrow new Error('useStepper must be used within a DsStepper');\n\t}\n\n\treturn context;\n}\n"],"mappings":";;;AASA,MAAaQ,iBAAiBR,cAAmC,KAAK;AAEtE,SAAOS,aAAA;CACN,MAAAC,UAAgBT,WAAWO,eAAe;AAE1C,KAAI,CAACE,QACJ,OAAM,IAAIC,MAAM,6CAA6C;AAC7D,QAEMD"}

package/dist/components/ds-stepper/hooks/use-steps.cjs

@@ -1,19 +1,39 @@
 const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let react_compiler_runtime = require("react/compiler-runtime");
 let react = require("react");
 let __zag_js_steps = require("@zag-js/steps");
 __zag_js_steps = require_rolldown_runtime.__toESM(__zag_js_steps);
 let __zag_js_react = require("@zag-js/react");
 
 //#region src/components/ds-stepper/hooks/use-steps.ts
-function useSteps({ count, activeStep, onStepChange, onComplete }) {
-	const service = (0, __zag_js_react.useMachine)(__zag_js_steps.machine, {
-		id: (0, react.useId)(),
-		count,
-		step: activeStep,
-		onStepChange,
-		onStepComplete: onComplete
-	});
-	return __zag_js_steps.connect(service, __zag_js_react.normalizeProps);
+function useSteps(t0) {
+	const $ = (0, react_compiler_runtime.c)(8);
+	const { count, activeStep, onStepChange, onComplete } = t0;
+	const t1 = (0, react.useId)();
+	let t2;
+	if ($[0] !== activeStep || $[1] !== count || $[2] !== onComplete || $[3] !== onStepChange || $[4] !== t1) {
+		t2 = {
+			id: t1,
+			count,
+			step: activeStep,
+			onStepChange,
+			onStepComplete: onComplete
+		};
+		$[0] = activeStep;
+		$[1] = count;
+		$[2] = onComplete;
+		$[3] = onStepChange;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	const service = (0, __zag_js_react.useMachine)(__zag_js_steps.machine, t2);
+	let t3;
+	if ($[6] !== service) {
+		t3 = __zag_js_steps.connect(service, __zag_js_react.normalizeProps);
+		$[6] = service;
+		$[7] = t3;
+	} else t3 = $[7];
+	return t3;
 }
 
 //#endregion

package/dist/components/ds-stepper/hooks/use-steps.js

@@ -1,17 +1,37 @@
+import { c } from "react/compiler-runtime";
 import { useId } from "react";
 import * as steps from "@zag-js/steps";
 import { normalizeProps, useMachine } from "@zag-js/react";
 
 //#region src/components/ds-stepper/hooks/use-steps.ts
-function useSteps({ count, activeStep, onStepChange, onComplete }) {
-	const service = useMachine(steps.machine, {
-		id: useId(),
-		count,
-		step: activeStep,
-		onStepChange,
-		onStepComplete: onComplete
-	});
-	return steps.connect(service, normalizeProps);
+function useSteps(t0) {
+	const $ = c(8);
+	const { count, activeStep, onStepChange, onComplete } = t0;
+	const t1 = useId();
+	let t2;
+	if ($[0] !== activeStep || $[1] !== count || $[2] !== onComplete || $[3] !== onStepChange || $[4] !== t1) {
+		t2 = {
+			id: t1,
+			count,
+			step: activeStep,
+			onStepChange,
+			onStepComplete: onComplete
+		};
+		$[0] = activeStep;
+		$[1] = count;
+		$[2] = onComplete;
+		$[3] = onStepChange;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	const service = useMachine(steps.machine, t2);
+	let t3;
+	if ($[6] !== service) {
+		t3 = steps.connect(service, normalizeProps);
+		$[6] = service;
+		$[7] = t3;
+	} else t3 = $[7];
+	return t3;
 }
 
 //#endregion

package/dist/components/ds-stepper/hooks/use-steps.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-steps.js","names":[],"sources":["../../../../src/components/ds-stepper/hooks/use-steps.ts"],"sourcesContent":["import { useId } from 'react';\nimport * as steps from '@zag-js/steps';\nimport { normalizeProps, useMachine } from '@zag-js/react';\nimport type { DsStepperProps } from '../ds-stepper.types';\n\ntype UseSteps = Pick<DsStepperProps, 'activeStep' | 'onStepChange' | 'count' | 'onComplete'>;\n\nexport function useSteps({ count, activeStep, onStepChange, onComplete }: UseSteps) {\n\tconst service = useMachine(steps.machine, {\n\t\tid: useId(),\n\t\tcount,\n\t\tstep: activeStep,\n\t\tonStepChange,\n\t\tonStepComplete: onComplete,\n\t});\n\n\treturn steps.connect(service, normalizeProps);\n}\n"],"mappings":";;;;;AAOA,SAAgB,SAAS,EAAE,OAAO,YAAY,cAAc,cAAwB;CACnF,MAAM,UAAU,WAAW,MAAM,SAAS;EACzC,IAAI,OAAO;EACX;EACA,MAAM;EACN;EACA,gBAAgB;EAChB,CAAC;AAEF,QAAO,MAAM,QAAQ,SAAS,eAAe"}
+{"version":3,"file":"use-steps.js","names":["useId","steps","normalizeProps","useMachine","DsStepperProps","UseSteps","Pick","useSteps","t0","$","_c","count","activeStep","onStepChange","onComplete","t1","t2","id","step","onStepComplete","service","machine","t3","connect"],"sources":["../../../../src/components/ds-stepper/hooks/use-steps.ts"],"sourcesContent":["import { useId } from 'react';\nimport * as steps from '@zag-js/steps';\nimport { normalizeProps, useMachine } from '@zag-js/react';\nimport type { DsStepperProps } from '../ds-stepper.types';\n\ntype UseSteps = Pick<DsStepperProps, 'activeStep' | 'onStepChange' | 'count' | 'onComplete'>;\n\nexport function useSteps({ count, activeStep, onStepChange, onComplete }: UseSteps) {\n\tconst service = useMachine(steps.machine, {\n\t\tid: useId(),\n\t\tcount,\n\t\tstep: activeStep,\n\t\tonStepChange,\n\t\tonStepComplete: onComplete,\n\t});\n\n\treturn steps.connect(service, normalizeProps);\n}\n"],"mappings":";;;;;;AAOA,SAAOO,SAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAkB,MAAA,EAAAC,OAAAC,YAAAC,cAAAC,eAAAN;CAEnB,MAAAO,KAAAf,OAAO;CAAA,IAAAgB;AAAA,KAAAP,EAAA,OAAAG,cAAAH,EAAA,OAAAE,SAAAF,EAAA,OAAAK,cAAAL,EAAA,OAAAI,gBAAAJ,EAAA,OAAAM,IAAA;AAD8BC,OAAA;GAAAC,IACrCF;GAAOJ;GAAAO,MAELN;GAAUC;GAAAM,gBAEAL;GAChB;AAAAL,IAAA,KAAAG;AAAAH,IAAA,KAAAE;AAAAF,IAAA,KAAAK;AAAAL,IAAA,KAAAI;AAAAJ,IAAA,KAAAM;AAAAN,IAAA,KAAAO;OAAAA,MAAAP,EAAA;CAND,MAAAW,UAAgBjB,WAAWF,MAAKoB,SAAUL,GAMxC;CAAC,IAAAM;AAAA,KAAAb,EAAA,OAAAW,SAAA;AAEIE,OAAArB,MAAKsB,QAASH,SAASlB,eAAe;AAAAO,IAAA,KAAAW;AAAAX,IAAA,KAAAa;OAAAA,MAAAb,EAAA;AAAA,QAAtCa"}

package/dist/components/ds-system-status/ds-system-status.cjs

@@ -1,5 +1,6 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_ds_system_status_module = require('./ds-system-status.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");
@@ -22,14 +23,43 @@ const defaultLabels = {
 * @deprecated This component is deprecated. Use `DsStatusBadge` instead.
 * @see {@link ../ds-status-badge/ds-status-badge} for the replacement component.
 */
-const DsSystemStatus = ({ status, label, className }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: (0, classnames.default)(require_ds_system_status_module.default.container, require_ds_system_status_module.default[status], className),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: require_ds_system_status_module.default.dot }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+const DsSystemStatus = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(9);
+	const { status, label, className } = t0;
+	const t1 = require_ds_system_status_module.default[status];
+	let t2;
+	if ($[0] !== className || $[1] !== t1) {
+		t2 = (0, classnames.default)(require_ds_system_status_module.default.container, t1, className);
+		$[0] = className;
+		$[1] = t1;
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: require_ds_system_status_module.default.dot });
+		$[3] = t3;
+	} else t3 = $[3];
+	const t4 = label || defaultLabels[status];
+	let t5;
+	if ($[4] !== t4) {
+		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 			className: require_ds_system_status_module.default.label,
-			children: label || defaultLabels[status]
-		})]
-	});
+			children: t4
+		});
+		$[4] = t4;
+		$[5] = t5;
+	} else t5 = $[5];
+	let t6;
+	if ($[6] !== t2 || $[7] !== t5) {
+		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: t2,
+			children: [t3, t5]
+		});
+		$[6] = t2;
+		$[7] = t5;
+		$[8] = t6;
+	} else t6 = $[8];
+	return t6;
 };
 var ds_system_status_default = DsSystemStatus;
 

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

@@ -1,4 +1,5 @@
 import ds_system_status_module_default from "./ds-system-status.module.js";
+import { c } from "react/compiler-runtime";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -20,14 +21,43 @@ const defaultLabels = {
 * @deprecated This component is deprecated. Use `DsStatusBadge` instead.
 * @see {@link ../ds-status-badge/ds-status-badge} for the replacement component.
 */
-const DsSystemStatus = ({ status, label, className }) => {
-	return /* @__PURE__ */ jsxs("div", {
-		className: classNames(ds_system_status_module_default.container, ds_system_status_module_default[status], className),
-		children: [/* @__PURE__ */ jsx("span", { className: ds_system_status_module_default.dot }), /* @__PURE__ */ jsx("span", {
+const DsSystemStatus = (t0) => {
+	const $ = c(9);
+	const { status, label, className } = t0;
+	const t1 = ds_system_status_module_default[status];
+	let t2;
+	if ($[0] !== className || $[1] !== t1) {
+		t2 = classNames(ds_system_status_module_default.container, t1, className);
+		$[0] = className;
+		$[1] = t1;
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx("span", { className: ds_system_status_module_default.dot });
+		$[3] = t3;
+	} else t3 = $[3];
+	const t4 = label || defaultLabels[status];
+	let t5;
+	if ($[4] !== t4) {
+		t5 = /* @__PURE__ */ jsx("span", {
 			className: ds_system_status_module_default.label,
-			children: label || defaultLabels[status]
-		})]
-	});
+			children: t4
+		});
+		$[4] = t4;
+		$[5] = t5;
+	} else t5 = $[5];
+	let t6;
+	if ($[6] !== t2 || $[7] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: t2,
+			children: [t3, t5]
+		});
+		$[6] = t2;
+		$[7] = t5;
+		$[8] = t6;
+	} else t6 = $[8];
+	return t6;
 };
 var ds_system_status_default = DsSystemStatus;