@drivenets/design-system 0.6.0 → 0.6.1

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

@@ -1,50 +0,0 @@
-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(t0) {
-	const $ = c(11);
-	let children;
-	let rest;
-	let t1;
-	if ($[0] !== t0) {
-		({children, size: t1, ...rest} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = rest;
-		$[3] = t1;
-	} else {
-		children = $[1];
-		rest = $[2];
-		t1 = $[3];
-	}
-	const size = t1 === void 0 ? "small" : t1;
-	const context = useStepper();
-	let t2;
-	if ($[4] !== context.stepsApi) {
-		t2 = context.stepsApi.getNextTriggerProps();
-		$[4] = context.stepsApi;
-		$[5] = t2;
-	} else t2 = $[5];
-	let t3;
-	if ($[6] !== children || $[7] !== rest || $[8] !== size || $[9] !== t2) {
-		t3 = /* @__PURE__ */ jsx(ds_button_default, {
-			...t2,
-			size,
-			...rest,
-			children
-		});
-		$[6] = children;
-		$[7] = rest;
-		$[8] = size;
-		$[9] = t2;
-		$[10] = t3;
-	} else t3 = $[10];
-	return t3;
-}
-
-//#endregion
-export { DsNextStepButton };
-//# sourceMappingURL=ds-step-next-button.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-step-next-button.js","names":["useStepper","DsButton","DsButtonProps","DsNextStepButtonProps","Pick","DsNextStepButton","t0","$","_c","children","rest","t1","size","undefined","context","t2","stepsApi","getNextTriggerProps","t3"],"sources":["../../../../src/components/ds-stepper/components/ds-step-next-button.tsx"],"sourcesContent":["import { useStepper } from '../hooks/use-stepper';\nimport DsButton from '../../ds-button/ds-button';\nimport type { DsButtonProps } from '../../ds-button/versions/ds-button-legacy';\n\nexport type DsNextStepButtonProps = Pick<\n\tDsButtonProps,\n\t'variant' | 'size' | 'className' | 'style' | 'children'\n>;\n\nexport function DsNextStepButton({ children, size = 'small', ...rest }: DsNextStepButtonProps) {\n\tconst context = useStepper();\n\n\treturn (\n\t\t<DsButton {...context.stepsApi.getNextTriggerProps()} size={size} {...rest}>\n\t\t\t{children}\n\t\t</DsButton>\n\t);\n}\n"],"mappings":";;;;;;AASA,SAAOK,iBAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAJ,EAAA,OAAAD,IAAA;AAA0B,GAAA,CAAAG,UAAAG,MAAAD,OAAAD,QAAAJ;AAA4DC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAI;QAAA;AAAAF,aAAAF,EAAA;AAAAG,SAAAH,EAAA;AAAAI,OAAAJ,EAAA;;CAAhD,MAAAK,OAAAD,OAAAE,SAAA,UAAAF;CAC5C,MAAAG,UAAgBd,YAAY;CAAC,IAAAe;AAAA,KAAAR,EAAA,OAAAO,QAAAE,UAAA;AAGdD,OAAAD,QAAOE,SAASC,qBAAsB;AAAAV,IAAA,KAAAO,QAAAE;AAAAT,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAAA,IAAAW;AAAA,KAAAX,EAAA,OAAAE,YAAAF,EAAA,OAAAG,QAAAH,EAAA,OAAAK,QAAAL,EAAA,OAAAQ,IAAA;AAApDG,OAAA,oBAAC;GAAQ,GAAKH;GAA8CH;GAAI,GAAMF;GACpED;IACS;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAK;AAAAL,IAAA,KAAAQ;AAAAR,IAAA,MAAAW;OAAAA,MAAAX,EAAA;AAAA,QAFXW"}

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

@@ -1,36 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.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 react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/components/ds-stepper/components/ds-step-separator.tsx
-function DsStepSeparator(t0) {
-	const $ = (0, react_compiler_runtime.c)(6);
-	const { index } = t0;
-	const { stepsApi, orientation } = require_use_stepper.useStepper();
-	const { last } = stepsApi.getItemState({ index });
-	if (last) return null;
-	let t1;
-	if ($[0] !== index || $[1] !== stepsApi) {
-		t1 = stepsApi.getSeparatorProps({ index });
-		$[0] = index;
-		$[1] = stepsApi;
-		$[2] = t1;
-	} else t1 = $[2];
-	const t2 = orientation === "horizontal" ? require_ds_stepper_module.default.horizontalSeparator : require_ds_stepper_module.default.separator;
-	let t3;
-	if ($[3] !== t1 || $[4] !== t2) {
-		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			...t1,
-			className: t2
-		});
-		$[3] = t1;
-		$[4] = t2;
-		$[5] = t3;
-	} else t3 = $[5];
-	return t3;
-}
-
-//#endregion
-exports.DsStepSeparator = DsStepSeparator;

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

@@ -1,36 +0,0 @@
-import ds_stepper_module_default from "../ds-stepper.module.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-separator.tsx
-function DsStepSeparator(t0) {
-	const $ = c(6);
-	const { index } = t0;
-	const { stepsApi, orientation } = useStepper();
-	const { last } = stepsApi.getItemState({ index });
-	if (last) return null;
-	let t1;
-	if ($[0] !== index || $[1] !== stepsApi) {
-		t1 = stepsApi.getSeparatorProps({ index });
-		$[0] = index;
-		$[1] = stepsApi;
-		$[2] = t1;
-	} else t1 = $[2];
-	const t2 = orientation === "horizontal" ? ds_stepper_module_default.horizontalSeparator : ds_stepper_module_default.separator;
-	let t3;
-	if ($[3] !== t1 || $[4] !== t2) {
-		t3 = /* @__PURE__ */ jsx("div", {
-			...t1,
-			className: t2
-		});
-		$[3] = t1;
-		$[4] = t2;
-		$[5] = t3;
-	} else t3 = $[5];
-	return t3;
-}
-
-//#endregion
-export { DsStepSeparator };
-//# sourceMappingURL=ds-step-separator.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-step-separator.js","names":["useStepper","styles","DsStepSeparatorProps","index","DsStepSeparator","t0","$","_c","stepsApi","orientation","last","getItemState","t1","getSeparatorProps","t2","horizontalSeparator","separator","t3"],"sources":["../../../../src/components/ds-stepper/components/ds-step-separator.tsx"],"sourcesContent":["import { useStepper } from '../hooks/use-stepper';\nimport styles from '../ds-stepper.module.scss';\n\ntype DsStepSeparatorProps = {\n\tindex: number;\n};\n\nexport function DsStepSeparator({ index }: DsStepSeparatorProps) {\n\tconst { stepsApi, orientation } = useStepper();\n\tconst { last } = stepsApi.getItemState({ index });\n\n\tif (last) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\t{...stepsApi.getSeparatorProps({ index })}\n\t\t\tclassName={orientation === 'horizontal' ? styles.horizontalSeparator : styles.separator}\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;AAOA,SAAOI,gBAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAyB,MAAA,EAAAJ,UAAAE;CAC/B,MAAA,EAAAG,UAAAC,gBAAkCT,YAAY;CAC9C,MAAA,EAAAU,SAAiBF,SAAQG,aAAc,EAAAR,OAAS,CAAC;AAEjD,KAAIO,KAAI,QACA;CACP,IAAAE;AAAA,KAAAN,EAAA,OAAAH,SAAAG,EAAA,OAAAE,UAAA;AAIKI,OAAAJ,SAAQK,kBAAmB,EAAAV,OAAS,CAAC;AAAAG,IAAA,KAAAH;AAAAG,IAAA,KAAAE;AAAAF,IAAA,KAAAM;OAAAA,MAAAN,EAAA;CAC9B,MAAAQ,KAAAL,gBAAgB,eAAeR,0BAAMc,sBAAuBd,0BAAMe;CAAU,IAAAC;AAAA,KAAAX,EAAA,OAAAM,MAAAN,EAAA,OAAAQ,IAAA;AAFxFG,OAAA,oBAAA;GAGE,GAFGL;GACO,WAAAE;IACV;AAAAR,IAAA,KAAAM;AAAAN,IAAA,KAAAQ;AAAAR,IAAA,KAAAW;OAAAA,MAAAX,EAAA;AAAA,QAHFW"}

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

@@ -1,181 +0,0 @@
-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');
-const require_ds_step_separator = require('./ds-step-separator.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(t0) {
-	const $ = (0, react_compiler_runtime.c)(47);
-	const { index, children, className, disabled, variant: t1, slots, slotProps } = t0;
-	const variant = t1 === void 0 ? "default" : t1;
-	const context = require_use_stepper.useStepper();
-	let t2;
-	if ($[0] !== context.stepsApi || $[1] !== index) {
-		t2 = context.stepsApi.getItemState({ index });
-		$[0] = context.stepsApi;
-		$[1] = index;
-		$[2] = t2;
-	} else t2 = $[2];
-	const { completed, current, last } = t2;
-	const isSingleVariant = context.variant === "single";
-	const isHorizontal = context.orientation === "horizontal";
-	const isLast = last && context.stepsApi.value === index + 1;
-	if (isSingleVariant && !current && !isLast) return null;
-	const isClickable = completed && !isSingleVariant && !disabled;
-	const Wrapper = isClickable ? "button" : "div";
-	let t3;
-	if ($[3] !== context.stepsApi || $[4] !== index || $[5] !== isClickable) {
-		t3 = isClickable ? { onClick: () => {
-			context.stepsApi.setStep(index);
-		} } : {};
-		$[3] = context.stepsApi;
-		$[4] = index;
-		$[5] = isClickable;
-		$[6] = t3;
-	} else t3 = $[6];
-	const props = t3;
-	const t4 = slotProps?.indicator?.className;
-	let t5;
-	if ($[7] !== t4) {
-		t5 = (0, classnames.default)(require_ds_stepper_module.default.indicator, t4);
-		$[7] = t4;
-		$[8] = t5;
-	} else t5 = $[8];
-	const indicatorClassName = t5;
-	let t6;
-	if ($[9] !== completed || $[10] !== index || $[11] !== indicatorClassName || $[12] !== slotProps?.indicator || $[13] !== slots || $[14] !== variant) {
-		t6 = () => {
-			if (slots?.indicator) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				...slotProps?.indicator,
-				className: indicatorClassName,
-				children: slots.indicator
-			});
-			if (variant === "error") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				...slotProps?.indicator,
-				className: slotProps?.indicator?.className,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-					icon: "close",
-					className: indicatorClassName
-				})
-			});
-			if (completed) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				...slotProps?.indicator,
-				className: slotProps?.indicator?.className,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-					icon: "check",
-					className: indicatorClassName
-				})
-			});
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				...slotProps?.indicator,
-				className: indicatorClassName,
-				children: index + 1
-			});
-		};
-		$[9] = completed;
-		$[10] = index;
-		$[11] = indicatorClassName;
-		$[12] = slotProps?.indicator;
-		$[13] = slots;
-		$[14] = variant;
-		$[15] = t6;
-	} else t6 = $[15];
-	const renderIndicator = t6;
-	let t7;
-	if ($[16] !== context.stepsApi || $[17] !== index) {
-		t7 = context.stepsApi.getItemProps({ index });
-		$[16] = context.stepsApi;
-		$[17] = index;
-		$[18] = t7;
-	} else t7 = $[18];
-	const t8 = current ? "" : void 0;
-	const t9 = completed ? "" : void 0;
-	const t10 = disabled ? "" : void 0;
-	const t11 = variant === "error" ? "" : void 0;
-	let t12;
-	if ($[19] !== className) {
-		t12 = (0, classnames.default)(require_ds_stepper_module.default.step, className);
-		$[19] = className;
-		$[20] = t12;
-	} else t12 = $[20];
-	let t13;
-	if ($[21] !== context.floating) {
-		t13 = context.floating && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-			icon: "drag_indicator",
-			className: require_ds_stepper_module.default.dragHandle,
-			"data-drag-handle": ""
-		});
-		$[21] = context.floating;
-		$[22] = t13;
-	} else t13 = $[22];
-	let t14;
-	if ($[23] !== context.stepsApi || $[24] !== index) {
-		t14 = context.stepsApi.getIndicatorProps({ index });
-		$[23] = context.stepsApi;
-		$[24] = index;
-		$[25] = t14;
-	} else t14 = $[25];
-	let t15;
-	if ($[26] !== renderIndicator) {
-		t15 = renderIndicator();
-		$[26] = renderIndicator;
-		$[27] = t15;
-	} else t15 = $[27];
-	let t16;
-	if ($[28] !== index || $[29] !== isHorizontal) {
-		t16 = !isHorizontal && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_step_separator.DsStepSeparator, { index });
-		$[28] = index;
-		$[29] = isHorizontal;
-		$[30] = t16;
-	} else t16 = $[30];
-	let t17;
-	if ($[31] !== t14 || $[32] !== t15 || $[33] !== t16) {
-		t17 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			...t14,
-			className: require_ds_stepper_module.default.indicatorContainer,
-			children: [t15, t16]
-		});
-		$[31] = t14;
-		$[32] = t15;
-		$[33] = t16;
-		$[34] = t17;
-	} else t17 = $[34];
-	let t18;
-	if ($[35] !== Wrapper || $[36] !== children || $[37] !== props || $[38] !== t10 || $[39] !== t11 || $[40] !== t12 || $[41] !== t13 || $[42] !== t17 || $[43] !== t7 || $[44] !== t8 || $[45] !== t9) {
-		t18 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Wrapper, {
-			...t7,
-			"data-current": t8,
-			"data-complete": t9,
-			"data-disabled": t10,
-			"data-error": t11,
-			className: t12,
-			...props,
-			children: [
-				t13,
-				t17,
-				children
-			]
-		});
-		$[35] = Wrapper;
-		$[36] = children;
-		$[37] = props;
-		$[38] = t10;
-		$[39] = t11;
-		$[40] = t12;
-		$[41] = t13;
-		$[42] = t17;
-		$[43] = t7;
-		$[44] = t8;
-		$[45] = t9;
-		$[46] = t18;
-	} else t18 = $[46];
-	return t18;
-}
-
-//#endregion
-exports.DsStep = DsStep;

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

@@ -1,35 +0,0 @@
-import * as react_jsx_runtime56 from "react/jsx-runtime";
-import { MouseEvent, PropsWithChildren, ReactNode } from "react";
-
-//#region src/components/ds-stepper/components/ds-step.d.ts
-type DsStepProps = PropsWithChildren<{
-  index: number;
-  className?: string;
-  disabled?: boolean;
-  /**
-   * Represents the variant type that determines the state or style of a component.
-   * @default 'default'
-   */
-  variant?: 'error' | 'default';
-  slots?: {
-    indicator?: ReactNode;
-  };
-  slotProps?: {
-    indicator?: {
-      className?: string;
-      onClick?: (event: MouseEvent<HTMLElement>) => void;
-    };
-  };
-}>;
-declare function DsStep({
-  index,
-  children,
-  className,
-  disabled,
-  variant,
-  slots,
-  slotProps
-}: DsStepProps): react_jsx_runtime56.JSX.Element | null;
-//#endregion
-export { DsStep, DsStepProps };
-//# sourceMappingURL=ds-step.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-step.d.cts","names":[],"sources":["../../../../src/components/ds-stepper/components/ds-step.tsx"],"sourcesContent":[],"mappings":";;;;KAOY,WAAA,GAAc;;;EAAd,QAAA,CAAA,EAAA,OAAW;EAUT;;;;EAV6B,OAAA,CAAA,EAAA,OAAA,GAAA,SAAA;EAoB3B,KAAA,CAAA,EAAA;IACf,SAAA,CAAA,EAXa,SAWb;EACA,CAAA;EACA,SAAA,CAAA,EAAA;IACA,SAAA,CAAA,EAAA;MACA,SAAA,CAAA,EAAA,MAAA;MACA,OAAA,CAAA,EAAA,CAAA,KAAA,EAXoB,UAWpB,CAX+B,WAW/B,CAAA,EAAA,GAAA,IAAA;IACA,CAAA;EACE,CAAA;CAAW,CAAA;AAAA,iBARE,MAAA,CAQF;EAAA,KAAA;EAAA,QAAA;EAAA,SAAA;EAAA,QAAA;EAAA,OAAA;EAAA,KAAA;EAAA;AAAA,CAAA,EAAX,WAAW,CAAA,EAAA,mBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,IAAA"}

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

@@ -1,35 +0,0 @@
-import * as react_jsx_runtime41 from "react/jsx-runtime";
-import { MouseEvent, PropsWithChildren, ReactNode } from "react";
-
-//#region src/components/ds-stepper/components/ds-step.d.ts
-type DsStepProps = PropsWithChildren<{
-  index: number;
-  className?: string;
-  disabled?: boolean;
-  /**
-   * Represents the variant type that determines the state or style of a component.
-   * @default 'default'
-   */
-  variant?: 'error' | 'default';
-  slots?: {
-    indicator?: ReactNode;
-  };
-  slotProps?: {
-    indicator?: {
-      className?: string;
-      onClick?: (event: MouseEvent<HTMLElement>) => void;
-    };
-  };
-}>;
-declare function DsStep({
-  index,
-  children,
-  className,
-  disabled,
-  variant,
-  slots,
-  slotProps
-}: DsStepProps): react_jsx_runtime41.JSX.Element | null;
-//#endregion
-export { DsStep, DsStepProps };
-//# sourceMappingURL=ds-step.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-step.d.ts","names":[],"sources":["../../../../src/components/ds-stepper/components/ds-step.tsx"],"sourcesContent":[],"mappings":";;;;KAOY,WAAA,GAAc;;;EAAd,QAAA,CAAA,EAAA,OAAW;EAUT;;;;EAV6B,OAAA,CAAA,EAAA,OAAA,GAAA,SAAA;EAoB3B,KAAA,CAAA,EAAA;IACf,SAAA,CAAA,EAXa,SAWb;EACA,CAAA;EACA,SAAA,CAAA,EAAA;IACA,SAAA,CAAA,EAAA;MACA,SAAA,CAAA,EAAA,MAAA;MACA,OAAA,CAAA,EAAA,CAAA,KAAA,EAXoB,UAWpB,CAX+B,WAW/B,CAAA,EAAA,GAAA,IAAA;IACA,CAAA;EACE,CAAA;CAAW,CAAA;AAAA,iBARE,MAAA,CAQF;EAAA,KAAA;EAAA,QAAA;EAAA,SAAA;EAAA,QAAA;EAAA,OAAA;EAAA,KAAA;EAAA;AAAA,CAAA,EAAX,WAAW,CAAA,EAAA,mBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,IAAA"}

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

@@ -1,180 +0,0 @@
-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 { DsStepSeparator } from "./ds-step-separator.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(t0) {
-	const $ = c(47);
-	const { index, children, className, disabled, variant: t1, slots, slotProps } = t0;
-	const variant = t1 === void 0 ? "default" : t1;
-	const context = useStepper();
-	let t2;
-	if ($[0] !== context.stepsApi || $[1] !== index) {
-		t2 = context.stepsApi.getItemState({ index });
-		$[0] = context.stepsApi;
-		$[1] = index;
-		$[2] = t2;
-	} else t2 = $[2];
-	const { completed, current, last } = t2;
-	const isSingleVariant = context.variant === "single";
-	const isHorizontal = context.orientation === "horizontal";
-	const isLast = last && context.stepsApi.value === index + 1;
-	if (isSingleVariant && !current && !isLast) return null;
-	const isClickable = completed && !isSingleVariant && !disabled;
-	const Wrapper = isClickable ? "button" : "div";
-	let t3;
-	if ($[3] !== context.stepsApi || $[4] !== index || $[5] !== isClickable) {
-		t3 = isClickable ? { onClick: () => {
-			context.stepsApi.setStep(index);
-		} } : {};
-		$[3] = context.stepsApi;
-		$[4] = index;
-		$[5] = isClickable;
-		$[6] = t3;
-	} else t3 = $[6];
-	const props = t3;
-	const t4 = slotProps?.indicator?.className;
-	let t5;
-	if ($[7] !== t4) {
-		t5 = classNames(ds_stepper_module_default.indicator, t4);
-		$[7] = t4;
-		$[8] = t5;
-	} else t5 = $[8];
-	const indicatorClassName = t5;
-	let t6;
-	if ($[9] !== completed || $[10] !== index || $[11] !== indicatorClassName || $[12] !== slotProps?.indicator || $[13] !== slots || $[14] !== variant) {
-		t6 = () => {
-			if (slots?.indicator) return /* @__PURE__ */ jsx("span", {
-				...slotProps?.indicator,
-				className: indicatorClassName,
-				children: slots.indicator
-			});
-			if (variant === "error") return /* @__PURE__ */ jsx("span", {
-				...slotProps?.indicator,
-				className: slotProps?.indicator?.className,
-				children: /* @__PURE__ */ jsx(ds_icon_default, {
-					icon: "close",
-					className: indicatorClassName
-				})
-			});
-			if (completed) return /* @__PURE__ */ jsx("span", {
-				...slotProps?.indicator,
-				className: slotProps?.indicator?.className,
-				children: /* @__PURE__ */ jsx(ds_icon_default, {
-					icon: "check",
-					className: indicatorClassName
-				})
-			});
-			return /* @__PURE__ */ jsx("span", {
-				...slotProps?.indicator,
-				className: indicatorClassName,
-				children: index + 1
-			});
-		};
-		$[9] = completed;
-		$[10] = index;
-		$[11] = indicatorClassName;
-		$[12] = slotProps?.indicator;
-		$[13] = slots;
-		$[14] = variant;
-		$[15] = t6;
-	} else t6 = $[15];
-	const renderIndicator = t6;
-	let t7;
-	if ($[16] !== context.stepsApi || $[17] !== index) {
-		t7 = context.stepsApi.getItemProps({ index });
-		$[16] = context.stepsApi;
-		$[17] = index;
-		$[18] = t7;
-	} else t7 = $[18];
-	const t8 = current ? "" : void 0;
-	const t9 = completed ? "" : void 0;
-	const t10 = disabled ? "" : void 0;
-	const t11 = variant === "error" ? "" : void 0;
-	let t12;
-	if ($[19] !== className) {
-		t12 = classNames(ds_stepper_module_default.step, className);
-		$[19] = className;
-		$[20] = t12;
-	} else t12 = $[20];
-	let t13;
-	if ($[21] !== context.floating) {
-		t13 = context.floating && /* @__PURE__ */ jsx(ds_icon_default, {
-			icon: "drag_indicator",
-			className: ds_stepper_module_default.dragHandle,
-			"data-drag-handle": ""
-		});
-		$[21] = context.floating;
-		$[22] = t13;
-	} else t13 = $[22];
-	let t14;
-	if ($[23] !== context.stepsApi || $[24] !== index) {
-		t14 = context.stepsApi.getIndicatorProps({ index });
-		$[23] = context.stepsApi;
-		$[24] = index;
-		$[25] = t14;
-	} else t14 = $[25];
-	let t15;
-	if ($[26] !== renderIndicator) {
-		t15 = renderIndicator();
-		$[26] = renderIndicator;
-		$[27] = t15;
-	} else t15 = $[27];
-	let t16;
-	if ($[28] !== index || $[29] !== isHorizontal) {
-		t16 = !isHorizontal && /* @__PURE__ */ jsx(DsStepSeparator, { index });
-		$[28] = index;
-		$[29] = isHorizontal;
-		$[30] = t16;
-	} else t16 = $[30];
-	let t17;
-	if ($[31] !== t14 || $[32] !== t15 || $[33] !== t16) {
-		t17 = /* @__PURE__ */ jsxs("div", {
-			...t14,
-			className: ds_stepper_module_default.indicatorContainer,
-			children: [t15, t16]
-		});
-		$[31] = t14;
-		$[32] = t15;
-		$[33] = t16;
-		$[34] = t17;
-	} else t17 = $[34];
-	let t18;
-	if ($[35] !== Wrapper || $[36] !== children || $[37] !== props || $[38] !== t10 || $[39] !== t11 || $[40] !== t12 || $[41] !== t13 || $[42] !== t17 || $[43] !== t7 || $[44] !== t8 || $[45] !== t9) {
-		t18 = /* @__PURE__ */ jsxs(Wrapper, {
-			...t7,
-			"data-current": t8,
-			"data-complete": t9,
-			"data-disabled": t10,
-			"data-error": t11,
-			className: t12,
-			...props,
-			children: [
-				t13,
-				t17,
-				children
-			]
-		});
-		$[35] = Wrapper;
-		$[36] = children;
-		$[37] = props;
-		$[38] = t10;
-		$[39] = t11;
-		$[40] = t12;
-		$[41] = t13;
-		$[42] = t17;
-		$[43] = t7;
-		$[44] = t8;
-		$[45] = t9;
-		$[46] = t18;
-	} else t18 = $[46];
-	return t18;
-}
-
-//#endregion
-export { DsStep };
-//# sourceMappingURL=ds-step.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-step.js","names":["MouseEvent","PropsWithChildren","ReactNode","useStepper","classnames","styles","DsIcon","DsStepSeparator","DsStepProps","index","className","disabled","variant","slots","indicator","slotProps","onClick","event","HTMLElement","DsStep","t0","$","_c","children","t1","undefined","context","t2","stepsApi","getItemState","completed","current","last","isSingleVariant","isHorizontal","orientation","isLast","value","shouldHide","isClickable","Wrapper","t3","setStep","props","t4","t5","indicatorClassName","t6","renderIndicator","t7","getItemProps","t8","t9","t10","t11","t12","step","t13","floating","dragHandle","t14","getIndicatorProps","t15","t16","t17","indicatorContainer","t18"],"sources":["../../../../src/components/ds-stepper/components/ds-step.tsx"],"sourcesContent":["import type { MouseEvent, PropsWithChildren, ReactNode } 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';\nimport { DsStepSeparator } from './ds-step-separator';\n\nexport type DsStepProps = PropsWithChildren<{\n\tindex: number;\n\tclassName?: string;\n\tdisabled?: boolean;\n\t/**\n\t * Represents the variant type that determines the state or style of a component.\n\t * @default 'default'\n\t */\n\tvariant?: 'error' | 'default';\n\tslots?: {\n\t\tindicator?: ReactNode;\n\t};\n\tslotProps?: {\n\t\tindicator?: {\n\t\t\tclassName?: string;\n\t\t\tonClick?: (event: MouseEvent<HTMLElement>) => void;\n\t\t};\n\t};\n}>;\n\nexport function DsStep({\n\tindex,\n\tchildren,\n\tclassName,\n\tdisabled,\n\tvariant = 'default',\n\tslots,\n\tslotProps,\n}: DsStepProps) {\n\tconst context = useStepper();\n\n\tconst { completed, current, last } = context.stepsApi.getItemState({ index });\n\n\tconst isSingleVariant = context.variant === 'single';\n\tconst isHorizontal = context.orientation === 'horizontal';\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 && !disabled;\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\tconst indicatorClassName = classnames(styles.indicator, slotProps?.indicator?.className);\n\n\tconst renderIndicator = () => {\n\t\tif (slots?.indicator) {\n\t\t\treturn (\n\t\t\t\t<span {...slotProps?.indicator} className={indicatorClassName}>\n\t\t\t\t\t{slots.indicator}\n\t\t\t\t</span>\n\t\t\t);\n\t\t}\n\n\t\tif (variant === 'error') {\n\t\t\treturn (\n\t\t\t\t<span {...slotProps?.indicator} className={slotProps?.indicator?.className}>\n\t\t\t\t\t<DsIcon icon=\"close\" className={indicatorClassName} />\n\t\t\t\t</span>\n\t\t\t);\n\t\t}\n\n\t\tif (completed) {\n\t\t\treturn (\n\t\t\t\t<span {...slotProps?.indicator} className={slotProps?.indicator?.className}>\n\t\t\t\t\t<DsIcon icon=\"check\" className={indicatorClassName} />\n\t\t\t\t</span>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<span {...slotProps?.indicator} className={indicatorClassName}>\n\t\t\t\t{index + 1}\n\t\t\t</span>\n\t\t);\n\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\tdata-disabled={disabled ? '' : undefined}\n\t\t\tdata-error={variant === 'error' ? '' : undefined}\n\t\t\tclassName={classnames(styles.step, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{context.floating && <DsIcon icon=\"drag_indicator\" className={styles.dragHandle} data-drag-handle=\"\" />}\n\n\t\t\t<div {...context.stepsApi.getIndicatorProps({ index })} className={styles.indicatorContainer}>\n\t\t\t\t{renderIndicator()}\n\n\t\t\t\t{!isHorizontal && <DsStepSeparator index={index} />}\n\t\t\t</div>\n\n\t\t\t{children}\n\t\t</Wrapper>\n\t);\n}\n"],"mappings":"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"}