@drivenets/design-system 0.0.3 → 0.0.5

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

@@ -1 +1 @@
-{"version":3,"file":"ds-step-content.js","names":["classnames","styles"],"sources":["../../../../src/components/ds-stepper/components/ds-step-content.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { useStepper } from '../hooks/use-stepper';\nimport { DsStepLabel } from './ds-step-label';\nimport { DsStepDescription } from './ds-step-description';\nimport classnames from 'classnames';\nimport styles from '../ds-stepper.module.scss';\n\ntype DsStepContentProps = {\n\tindex: number;\n\tlabel: string;\n\tdescription?: string;\n\tactions?: ReactNode;\n};\n\nexport function DsStepContent({ index, label, description, actions }: DsStepContentProps) {\n\tconst { variant, stepsApi } = useStepper();\n\tconst { current } = stepsApi.getItemState({ index });\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classnames(styles.stepContent, {\n\t\t\t\t[styles.stepContentSingle]: variant === 'single',\n\t\t\t})}\n\t\t>\n\t\t\t<DsStepLabel>{label}</DsStepLabel>\n\n\t\t\t{variant !== 'single' && description && <DsStepDescription>{description}</DsStepDescription>}\n\n\t\t\t{actions && current && <div className={styles.stepActions}>{actions}</div>}\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;AAcA,SAAgB,cAAc,EAAE,OAAO,OAAO,aAAa,WAA+B;CACzF,MAAM,EAAE,SAAS,aAAa,YAAY;CAC1C,MAAM,EAAE,YAAY,SAAS,aAAa,EAAE,OAAO,CAAC;AAEpD,QACC,qBAAC;EACA,WAAWA,WAAWC,0BAAO,aAAa,GACxCA,0BAAO,oBAAoB,YAAY,UACxC,CAAC;;GAEF,oBAAC,yBAAa,QAAoB;GAEjC,YAAY,YAAY,eAAe,oBAAC,+BAAmB,cAAgC;GAE3F,WAAW,WAAW,oBAAC;IAAI,WAAWA,0BAAO;cAAc;KAAc;;GACrE"}
+{"version":3,"file":"ds-step-content.js","names":["ReactNode","useStepper","DsStepLabel","DsStepDescription","classnames","styles","DsStepContentProps","index","label","description","actions","DsStepContent","t0","$","_c","variant","stepsApi","t1","getItemState","current","t2","t3","stepContent","stepContentSingle","t4","t5","t6","stepActions","t7"],"sources":["../../../../src/components/ds-stepper/components/ds-step-content.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { useStepper } from '../hooks/use-stepper';\nimport { DsStepLabel } from './ds-step-label';\nimport { DsStepDescription } from './ds-step-description';\nimport classnames from 'classnames';\nimport styles from '../ds-stepper.module.scss';\n\ntype DsStepContentProps = {\n\tindex: number;\n\tlabel: string;\n\tdescription?: string;\n\tactions?: ReactNode;\n};\n\nexport function DsStepContent({ index, label, description, actions }: DsStepContentProps) {\n\tconst { variant, stepsApi } = useStepper();\n\tconst { current } = stepsApi.getItemState({ index });\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classnames(styles.stepContent, {\n\t\t\t\t[styles.stepContentSingle]: variant === 'single',\n\t\t\t})}\n\t\t>\n\t\t\t<DsStepLabel>{label}</DsStepLabel>\n\n\t\t\t{variant !== 'single' && description && <DsStepDescription>{description}</DsStepDescription>}\n\n\t\t\t{actions && current && <div className={styles.stepActions}>{actions}</div>}\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;;AAcA,SAAOW,cAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAuB,MAAA,EAAAP,OAAAC,OAAAC,aAAAC,YAAAE;CAC7B,MAAA,EAAAG,SAAAC,aAA8Bf,YAAY;CAAC,IAAAgB;AAAA,KAAAJ,EAAA,OAAAN,SAAAM,EAAA,OAAAG,UAAA;AACvBC,OAAAD,SAAQE,aAAc,EAAAX,OAAS,CAAC;AAAAM,IAAA,KAAAN;AAAAM,IAAA,KAAAG;AAAAH,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;CAApD,MAAA,EAAAM,YAAoBF;CAKW,MAAAG,KAAAL,YAAY;CAAQ,IAAAM;AAAA,KAAAR,EAAA,OAAAO,IAAA;AADtCC,OAAAjB,WAAWC,0BAAMiB,aAAc,GACxCjB,0BAAMkB,oBAAqBH,IAC5B,CAAC;AAAAP,IAAA,KAAAO;AAAAP,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAAA,IAAAW;AAAA,KAAAX,EAAA,OAAAL,OAAA;AAEFgB,OAAA,oBAAC,yBAAahB,QAAoB;AAAAK,IAAA,KAAAL;AAAAK,IAAA,KAAAW;OAAAA,MAAAX,EAAA;CAAA,IAAAY;AAAA,KAAAZ,EAAA,OAAAJ,eAAAI,EAAA,OAAAE,SAAA;AAEjCU,OAAAV,YAAY,YAAZN,eAAuC,oBAAC,+BAAmBA,cAAgC;AAAAI,IAAA,KAAAJ;AAAAI,IAAA,KAAAE;AAAAF,IAAA,KAAAY;OAAAA,MAAAZ,EAAA;CAAA,IAAAa;AAAA,KAAAb,EAAA,QAAAH,WAAAG,EAAA,QAAAM,SAAA;AAE3FO,OAAAhB,WAAAS,WAAsB,oBAAA;GAAgB,WAAAd,0BAAMsB;aAAejB;IAAc;AAAAG,IAAA,MAAAH;AAAAG,IAAA,MAAAM;AAAAN,IAAA,MAAAa;OAAAA,MAAAb,EAAA;CAAA,IAAAe;AAAA,KAAAf,EAAA,QAAAQ,MAAAR,EAAA,QAAAW,MAAAX,EAAA,QAAAY,MAAAZ,EAAA,QAAAa,IAAA;AAT3EE,OAAA,qBAAA;GACY,WAAAP;;IAIXG;IAECC;IAEAC;;IACI;AAAAb,IAAA,MAAAQ;AAAAR,IAAA,MAAAW;AAAAX,IAAA,MAAAY;AAAAZ,IAAA,MAAAa;AAAAb,IAAA,MAAAe;OAAAA,MAAAf,EAAA;AAAA,QAVNe"}

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

@@ -1,13 +1,22 @@
 const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
 const require_ds_stepper_module = require('../ds-stepper.module.cjs');
+let react_compiler_runtime = require("react/compiler-runtime");
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/ds-stepper/components/ds-step-description.tsx
-function DsStepDescription({ children }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-		className: require_ds_stepper_module.default.stepDescription,
-		children
-	});
+function DsStepDescription(t0) {
+	const $ = (0, react_compiler_runtime.c)(2);
+	const { children } = t0;
+	let t1;
+	if ($[0] !== children) {
+		t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: require_ds_stepper_module.default.stepDescription,
+			children
+		});
+		$[0] = children;
+		$[1] = t1;
+	} else t1 = $[1];
+	return t1;
 }
 
 //#endregion

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

@@ -1,12 +1,21 @@
 import ds_stepper_module_default from "../ds-stepper.module.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/ds-stepper/components/ds-step-description.tsx
-function DsStepDescription({ children }) {
-	return /* @__PURE__ */ jsx("p", {
-		className: ds_stepper_module_default.stepDescription,
-		children
-	});
+function DsStepDescription(t0) {
+	const $ = c(2);
+	const { children } = t0;
+	let t1;
+	if ($[0] !== children) {
+		t1 = /* @__PURE__ */ jsx("p", {
+			className: ds_stepper_module_default.stepDescription,
+			children
+		});
+		$[0] = children;
+		$[1] = t1;
+	} else t1 = $[1];
+	return t1;
 }
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ds-step-description.js","names":["styles"],"sources":["../../../../src/components/ds-stepper/components/ds-step-description.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport styles from '../ds-stepper.module.scss';\n\nexport function DsStepDescription({ children }: PropsWithChildren) {\n\treturn <p className={styles.stepDescription}>{children}</p>;\n}\n"],"mappings":";;;;AAGA,SAAgB,kBAAkB,EAAE,YAA+B;AAClE,QAAO,oBAAC;EAAE,WAAWA,0BAAO;EAAkB;GAAa"}
+{"version":3,"file":"ds-step-description.js","names":["PropsWithChildren","styles","DsStepDescription","t0","$","_c","children","t1","stepDescription"],"sources":["../../../../src/components/ds-stepper/components/ds-step-description.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport styles from '../ds-stepper.module.scss';\n\nexport function DsStepDescription({ children }: PropsWithChildren) {\n\treturn <p className={styles.stepDescription}>{children}</p>;\n}\n"],"mappings":";;;;;AAGA,SAAOE,kBAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAA2B,MAAA,EAAAC,aAAAH;CAA+B,IAAAI;AAAA,KAAAH,EAAA,OAAAE,UAAA;AACzDC,OAAA,oBAAA;GAAc,WAAAN,0BAAMO;GAAmBF;IAAa;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAG;OAAAA,MAAAH,EAAA;AAAA,QAApDG"}

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

@@ -1,13 +1,22 @@
 const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
 const require_ds_stepper_module = require('../ds-stepper.module.cjs');
+let react_compiler_runtime = require("react/compiler-runtime");
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/ds-stepper/components/ds-step-label.tsx
-function DsStepLabel({ children }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-		className: require_ds_stepper_module.default.stepLabel,
-		children
-	});
+function DsStepLabel(t0) {
+	const $ = (0, react_compiler_runtime.c)(2);
+	const { children } = t0;
+	let t1;
+	if ($[0] !== children) {
+		t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: require_ds_stepper_module.default.stepLabel,
+			children
+		});
+		$[0] = children;
+		$[1] = t1;
+	} else t1 = $[1];
+	return t1;
 }
 
 //#endregion

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

@@ -1,12 +1,21 @@
 import ds_stepper_module_default from "../ds-stepper.module.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/ds-stepper/components/ds-step-label.tsx
-function DsStepLabel({ children }) {
-	return /* @__PURE__ */ jsx("span", {
-		className: ds_stepper_module_default.stepLabel,
-		children
-	});
+function DsStepLabel(t0) {
+	const $ = c(2);
+	const { children } = t0;
+	let t1;
+	if ($[0] !== children) {
+		t1 = /* @__PURE__ */ jsx("span", {
+			className: ds_stepper_module_default.stepLabel,
+			children
+		});
+		$[0] = children;
+		$[1] = t1;
+	} else t1 = $[1];
+	return t1;
 }
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ds-step-label.js","names":["styles"],"sources":["../../../../src/components/ds-stepper/components/ds-step-label.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport styles from '../ds-stepper.module.scss';\n\nexport function DsStepLabel({ children }: PropsWithChildren) {\n\treturn <span className={styles.stepLabel}>{children}</span>;\n}\n"],"mappings":";;;;AAGA,SAAgB,YAAY,EAAE,YAA+B;AAC5D,QAAO,oBAAC;EAAK,WAAWA,0BAAO;EAAY;GAAgB"}
+{"version":3,"file":"ds-step-label.js","names":["PropsWithChildren","styles","DsStepLabel","t0","$","_c","children","t1","stepLabel"],"sources":["../../../../src/components/ds-stepper/components/ds-step-label.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport styles from '../ds-stepper.module.scss';\n\nexport function DsStepLabel({ children }: PropsWithChildren) {\n\treturn <span className={styles.stepLabel}>{children}</span>;\n}\n"],"mappings":";;;;;AAGA,SAAOE,YAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAqB,MAAA,EAAAC,aAAAH;CAA+B,IAAAI;AAAA,KAAAH,EAAA,OAAAE,UAAA;AACnDC,OAAA,oBAAA;GAAiB,WAAAN,0BAAMO;GAAaF;IAAgB;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAG;OAAAA,MAAAH,EAAA;AAAA,QAApDG"}

package/dist/components/ds-stepper/components/ds-step-next-button.cjs

@@ -1,15 +1,32 @@
 const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
 const require_ds_button = require('../../ds-button/ds-button.cjs');
 const require_use_stepper = require('../hooks/use-stepper.cjs');
+let react_compiler_runtime = require("react/compiler-runtime");
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/ds-stepper/components/ds-step-next-button.tsx
-function DsNextStepButton({ children }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_button.default, {
-		...require_use_stepper.useStepper().stepsApi.getNextTriggerProps(),
-		size: "small",
-		children
-	});
+function DsNextStepButton(t0) {
+	const $ = (0, react_compiler_runtime.c)(5);
+	const { children } = t0;
+	const context = require_use_stepper.useStepper();
+	let t1;
+	if ($[0] !== context.stepsApi) {
+		t1 = context.stepsApi.getNextTriggerProps();
+		$[0] = context.stepsApi;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== children || $[3] !== t1) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_button.default, {
+			...t1,
+			size: "small",
+			children
+		});
+		$[2] = children;
+		$[3] = t1;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
 }
 
 //#endregion

package/dist/components/ds-stepper/components/ds-step-next-button.d.cts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime40 from "react/jsx-runtime";
 import { PropsWithChildren } from "react";
 
 //#region src/components/ds-stepper/components/ds-step-next-button.d.ts
 declare function DsNextStepButton({
   children
-}: PropsWithChildren): react_jsx_runtime13.JSX.Element;
+}: PropsWithChildren): react_jsx_runtime40.JSX.Element;
 //#endregion
 export { DsNextStepButton };
 //# sourceMappingURL=ds-step-next-button.d.cts.map

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

@@ -1,14 +1,31 @@
 import ds_button_default from "../../ds-button/ds-button.js";
 import { useStepper } from "../hooks/use-stepper.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/ds-stepper/components/ds-step-next-button.tsx
-function DsNextStepButton({ children }) {
-	return /* @__PURE__ */ jsx(ds_button_default, {
-		...useStepper().stepsApi.getNextTriggerProps(),
-		size: "small",
-		children
-	});
+function DsNextStepButton(t0) {
+	const $ = c(5);
+	const { children } = t0;
+	const context = useStepper();
+	let t1;
+	if ($[0] !== context.stepsApi) {
+		t1 = context.stepsApi.getNextTriggerProps();
+		$[0] = context.stepsApi;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== children || $[3] !== t1) {
+		t2 = /* @__PURE__ */ jsx(ds_button_default, {
+			...t1,
+			size: "small",
+			children
+		});
+		$[2] = children;
+		$[3] = t1;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
 }
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ds-step-next-button.js","names":["DsButton"],"sources":["../../../../src/components/ds-stepper/components/ds-step-next-button.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport { useStepper } from '../hooks/use-stepper';\nimport DsButton from '../../ds-button/ds-button';\n\nexport function DsNextStepButton({ children }: PropsWithChildren) {\n\tconst context = useStepper();\n\n\treturn (\n\t\t<DsButton {...context.stepsApi.getNextTriggerProps()} size=\"small\">\n\t\t\t{children}\n\t\t</DsButton>\n\t);\n}\n"],"mappings":";;;;;AAIA,SAAgB,iBAAiB,EAAE,YAA+B;AAGjE,QACC,oBAACA;EAAS,GAHK,YAAY,CAGL,SAAS,qBAAqB;EAAE,MAAK;EACzD;GACS"}
+{"version":3,"file":"ds-step-next-button.js","names":["PropsWithChildren","useStepper","DsButton","DsNextStepButton","t0","$","_c","children","context","t1","stepsApi","getNextTriggerProps","t2"],"sources":["../../../../src/components/ds-stepper/components/ds-step-next-button.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport { useStepper } from '../hooks/use-stepper';\nimport DsButton from '../../ds-button/ds-button';\n\nexport function DsNextStepButton({ children }: PropsWithChildren) {\n\tconst context = useStepper();\n\n\treturn (\n\t\t<DsButton {...context.stepsApi.getNextTriggerProps()} size=\"small\">\n\t\t\t{children}\n\t\t</DsButton>\n\t);\n}\n"],"mappings":";;;;;;AAIA,SAAOG,iBAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAA0B,MAAA,EAAAC,aAAAH;CAChC,MAAAI,UAAgBP,YAAY;CAAC,IAAAQ;AAAA,KAAAJ,EAAA,OAAAG,QAAAE,UAAA;AAGdD,OAAAD,QAAOE,SAASC,qBAAsB;AAAAN,IAAA,KAAAG,QAAAE;AAAAL,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;CAAA,IAAAO;AAAA,KAAAP,EAAA,OAAAE,YAAAF,EAAA,OAAAI,IAAA;AAApDG,OAAA,oBAAC;GAAQ,GAAKH;GAA6C,MAAA;GACzDF;IACS;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAI;AAAAJ,IAAA,KAAAO;OAAAA,MAAAP,EAAA;AAAA,QAFXO"}

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

@@ -2,43 +2,124 @@ const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs
 const require_ds_icon = require('../../ds-icon/ds-icon.cjs');
 const require_ds_stepper_module = require('../ds-stepper.module.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/components/ds-step.tsx
-function DsStep({ index, children, className }) {
+function DsStep(t0) {
+	const $ = (0, react_compiler_runtime.c)(36);
+	const { index, children, className } = t0;
 	const context = require_use_stepper.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__ */ (0, react_jsx_runtime.jsxs)(Wrapper, {
-		...context.stepsApi.getItemProps({ index }),
-		"data-current": current ? "" : void 0,
-		"data-complete": completed ? "" : void 0,
-		className: (0, classnames.default)(require_ds_stepper_module.default.step, className),
-		...props,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.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 = (0, classnames.default)(require_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__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+			icon: "check",
+			className: require_ds_stepper_module.default.indicator
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: require_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__ */ (0, react_jsx_runtime.jsx)("div", {
+			...t9,
+			className: require_ds_stepper_module.default.separator
+		});
+		$[21] = t9;
+		$[22] = t10;
+	} else t10 = $[22];
+	let t11;
+	if ($[23] !== t10 || $[24] !== t7 || $[25] !== t8) {
+		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			...t7,
 			className: require_ds_stepper_module.default.indicatorContainer,
-			children: [completed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-				icon: "check",
-				className: require_ds_stepper_module.default.indicator
-			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: require_ds_stepper_module.default.indicator,
-				children: index + 1
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				...context.stepsApi.getSeparatorProps({ index }),
-				className: require_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__ */ (0, react_jsx_runtime.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.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime38 from "react/jsx-runtime";
 import { PropsWithChildren } from "react";
 
 //#region src/components/ds-stepper/components/ds-step.d.ts
@@ -10,7 +10,7 @@ declare function DsStep({
   index,
   children,
   className
-}: DsStepProps): react_jsx_runtime10.JSX.Element | null;
+}: DsStepProps): react_jsx_runtime38.JSX.Element | null;
 //#endregion
 export { DsStep };
 //# sourceMappingURL=ds-step.d.cts.map

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":";;;;;;;;AAWA,SAAOQ,OAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAgB,MAAA,EAAAL,OAAAM,UAAAL,cAAAE;CACtB,MAAAI,UAAgBZ,YAAY;CAAC,IAAAa;AAAA,KAAAJ,EAAA,OAAAG,QAAAE,YAAAL,EAAA,OAAAJ,OAAA;AAEQQ,OAAAD,QAAOE,SAASC,aAAc,EAAAV,OAAS,CAAC;AAAAI,IAAA,KAAAG,QAAAE;AAAAL,IAAA,KAAAJ;AAAAI,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;CAA7E,MAAA,EAAAO,WAAAC,SAAAC,SAAqCL;CAErC,MAAAM,kBAAwBP,QAAOQ,YAAa;CAC5C,MAAAC,SAAeH,QAAQN,QAAOE,SAASQ,UAAWjB,QAAQ;AAI1D,KAFmBc,mBAAA,CAAoBF,WAApB,CAAgCI,OAErC,QACN;CAGR,MAAAG,cAAoBR,aAAA,CAAcG;CAElC,MAAAM,UAAgBD,cAAA,WAAA;CAA+B,IAAAE;AAAA,KAAAjB,EAAA,OAAAG,QAAAE,YAAAL,EAAA,OAAAJ,SAAAI,EAAA,OAAAe,aAAA;AAEjCE,OAAAF,cAAA,EAAAG,eAEF;AACRf,WAAOE,SAASc,QAASvB,MAAM;KAG9B,GANS,EAMT;AAAAI,IAAA,KAAAG,QAAAE;AAAAL,IAAA,KAAAJ;AAAAI,IAAA,KAAAe;AAAAf,IAAA,KAAAiB;OAAAA,MAAAjB,EAAA;CANL,MAAAoB,QAAcH;CAMR,IAAAI;AAAA,KAAArB,EAAA,OAAAG,QAAAE,YAAAL,EAAA,OAAAJ,OAAA;AAIAyB,OAAAlB,QAAOE,SAASiB,aAAc,EAAA1B,OAAS,CAAC;AAAAI,IAAA,KAAAG,QAAAE;AAAAL,IAAA,KAAAJ;AAAAI,IAAA,KAAAqB;OAAAA,MAAArB,EAAA;CAC9B,MAAAuB,KAAAf,UAAA,KAAAgB;CACC,MAAAC,KAAAlB,YAAA,KAAAiB;CAA0B,IAAAE;AAAA,KAAA1B,EAAA,QAAAH,WAAA;AAC9B6B,OAAAlC,WAAWC,0BAAMkC,MAAO9B,UAAU;AAAAG,IAAA,MAAAH;AAAAG,IAAA,MAAA0B;OAAAA,MAAA1B,EAAA;CAAA,IAAA4B;AAAA,KAAA5B,EAAA,QAAAG,QAAAE,YAAAL,EAAA,QAAAJ,OAAA;AAGpCgC,OAAAzB,QAAOE,SAASwB,kBAAmB,EAAAjC,OAAS,CAAC;AAAAI,IAAA,MAAAG,QAAAE;AAAAL,IAAA,MAAAJ;AAAAI,IAAA,MAAA4B;OAAAA,MAAA5B,EAAA;CAAA,IAAA8B;AAAA,KAAA9B,EAAA,QAAAO,aAAAP,EAAA,QAAAJ,OAAA;AACpDkC,OAAAvB,YACA,oBAAC;GAAY,MAAA;GAAmB,WAAAd,0BAAMsC;IAGtC,GADA,oBAAA;GAAiB,WAAAtC,0BAAMsC;aAAanC,QAAQ;IAC5C;AAAAI,IAAA,MAAAO;AAAAP,IAAA,MAAAJ;AAAAI,IAAA,MAAA8B;OAAAA,MAAA9B,EAAA;CAAA,IAAAgC;AAAA,KAAAhC,EAAA,QAAAG,QAAAE,YAAAL,EAAA,QAAAJ,OAAA;AAEQoC,OAAA7B,QAAOE,SAAS4B,kBAAmB,EAAArC,OAAS,CAAC;AAAAI,IAAA,MAAAG,QAAAE;AAAAL,IAAA,MAAAJ;AAAAI,IAAA,MAAAgC;OAAAA,MAAAhC,EAAA;CAAA,IAAAkC;AAAA,KAAAlC,EAAA,QAAAgC,IAAA;AAAtDE,QAAA,oBAAA;GAAuF,GAA9EF;GAA0D,WAAAvC,0BAAM0C;IAAc;AAAAnC,IAAA,MAAAgC;AAAAhC,IAAA,MAAAkC;OAAAA,OAAAlC,EAAA;CAAA,IAAAoC;AAAA,KAAApC,EAAA,QAAAkC,OAAAlC,EAAA,QAAA4B,MAAA5B,EAAA,QAAA8B,IAAA;AAPxFM,QAAA,qBAAA;GAQM,GARGR;GAA0D,WAAAnC,0BAAM4C;cACvEP,IAMDI;IACK;AAAAlC,IAAA,MAAAkC;AAAAlC,IAAA,MAAA4B;AAAA5B,IAAA,MAAA8B;AAAA9B,IAAA,MAAAoC;OAAAA,OAAApC,EAAA;CAAA,IAAAsC;AAAA,KAAAtC,EAAA,QAAAgB,WAAAhB,EAAA,QAAAE,YAAAF,EAAA,QAAAoB,SAAApB,EAAA,QAAAoC,OAAApC,EAAA,QAAAqB,MAAArB,EAAA,QAAAuB,MAAAvB,EAAA,QAAAyB,MAAAzB,EAAA,QAAA0B,IAAA;AAfPY,QAAA,qBAAC;GAAO,GACHjB;GACU,gBAAAE;GACC,iBAAAE;GACJ,WAAAC;GAAkC,GACzCN;cAEJgB,KAUClC;IACQ;AAAAF,IAAA,MAAAgB;AAAAhB,IAAA,MAAAE;AAAAF,IAAA,MAAAoB;AAAApB,IAAA,MAAAoC;AAAApC,IAAA,MAAAqB;AAAArB,IAAA,MAAAuB;AAAAvB,IAAA,MAAAyB;AAAAzB,IAAA,MAAA0B;AAAA1B,IAAA,MAAAsC;OAAAA,OAAAtC,EAAA;AAAA,QAlBVsC"}