@drivenets/design-system 0.5.0 → 0.6.0

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

@@ -1,123 +1,178 @@
 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(36);
-	const { index, children, className } = 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 t1;
+	let t2;
 	if ($[0] !== context.stepsApi || $[1] !== index) {
-		t1 = context.stepsApi.getItemState({ index });
+		t2 = context.stepsApi.getItemState({ index });
 		$[0] = context.stepsApi;
 		$[1] = index;
-		$[2] = t1;
-	} else t1 = $[2];
-	const { completed, current, last } = t1;
+		$[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;
+	const isClickable = completed && !isSingleVariant && !disabled;
 	const Wrapper = isClickable ? "button" : "div";
-	let t2;
+	let t3;
 	if ($[3] !== context.stepsApi || $[4] !== index || $[5] !== isClickable) {
-		t2 = isClickable ? { onClick: () => {
+		t3 = 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;
+		$[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 ($[10] !== className) {
-		t6 = classNames(ds_stepper_module_default.step, className);
-		$[10] = className;
-		$[11] = t6;
-	} else t6 = $[11];
+	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 ($[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
+	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] = t9;
-		$[22] = t10;
-	} else t10 = $[22];
-	let t11;
-	if ($[23] !== t10 || $[24] !== t7 || $[25] !== t8) {
-		t11 = /* @__PURE__ */ jsxs("div", {
-			...t7,
+		$[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: [t8, t10]
+			children: [t15, t16]
 		});
-		$[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,
+		$[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: [t11, children]
+			children: [
+				t13,
+				t17,
+				children
+			]
 		});
-		$[27] = Wrapper;
-		$[28] = children;
-		$[29] = props;
-		$[30] = t11;
-		$[31] = t3;
-		$[32] = t4;
-		$[33] = t5;
-		$[34] = t6;
-		$[35] = t12;
-	} else t12 = $[35];
-	return t12;
+		$[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

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

@@ -1 +1 @@
-{"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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"}
+{"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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"}

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

@@ -9,69 +9,96 @@ let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/ds-stepper/ds-stepper.tsx
 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 = {
+	const $ = (0, react_compiler_runtime.c)(27);
+	const { count, variant, orientation: t1, floating: t2, activeStep, onStepChange, onComplete, children, className, actions } = t0;
+	const orientation = t1 === void 0 ? "vertical" : t1;
+	const floating = t2 === void 0 ? false : t2;
+	let t3;
+	if ($[0] !== activeStep || $[1] !== count || $[2] !== onComplete || $[3] !== onStepChange || $[4] !== orientation) {
+		t3 = {
 			count,
 			activeStep,
 			onStepChange,
-			onComplete
+			onComplete,
+			orientation
 		};
 		$[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 = {
+		$[4] = orientation;
+		$[5] = t3;
+	} else t3 = $[5];
+	const stepsApi = require_use_steps.useSteps(t3);
+	const isHorizontal = orientation === "horizontal";
+	let t4;
+	if ($[6] !== floating || $[7] !== orientation || $[8] !== stepsApi || $[9] !== variant) {
+		t4 = {
 			stepsApi,
-			variant
+			variant,
+			orientation,
+			floating
 		};
-		$[5] = stepsApi;
-		$[6] = variant;
-		$[7] = t2;
-	} else t2 = $[7];
-	let t3;
-	if ($[8] !== stepsApi) {
-		t3 = stepsApi.getRootProps();
+		$[6] = floating;
+		$[7] = orientation;
 		$[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 });
+		$[9] = variant;
 		$[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,
+	} else t4 = $[10];
+	let t5;
+	if ($[11] !== stepsApi) {
+		t5 = stepsApi.getRootProps();
+		$[11] = stepsApi;
+		$[12] = t5;
+	} else t5 = $[12];
+	const t6 = variant === "single";
+	let t7;
+	if ($[13] !== className || $[14] !== t6) {
+		t7 = (0, classnames.default)(require_ds_stepper_module.default.root, { [require_ds_stepper_module.default.variantSingle]: t6 }, className);
+		$[13] = className;
+		$[14] = t6;
+		$[15] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== actions || $[17] !== children || $[18] !== isHorizontal) {
+		t8 = isHorizontal ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_ds_stepper_module.default.stepsContainer,
 			children
+		}), actions && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_ds_stepper_module.default.horizontalActions,
+			children: actions
+		})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [children, actions && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_ds_stepper_module.default.verticalActions,
+			children: actions
+		})] });
+		$[16] = actions;
+		$[17] = children;
+		$[18] = isHorizontal;
+		$[19] = t8;
+	} else t8 = $[19];
+	let t9;
+	if ($[20] !== t5 || $[21] !== t7 || $[22] !== t8) {
+		t9 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			...t5,
+			className: t7,
+			children: t8
 		});
-		$[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
+		$[20] = t5;
+		$[21] = t7;
+		$[22] = t8;
+		$[23] = t9;
+	} else t9 = $[23];
+	let t10;
+	if ($[24] !== t4 || $[25] !== t9) {
+		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_stepper.StepperContext.Provider, {
+			value: t4,
+			children: t9
 		});
-		$[16] = t2;
-		$[17] = t6;
-		$[18] = t7;
-	} else t7 = $[18];
-	return t7;
+		$[24] = t4;
+		$[25] = t9;
+		$[26] = t10;
+	} else t10 = $[26];
+	return t10;
 }
 
 //#endregion

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

@@ -1,15 +1,19 @@
 import { DsStepperProps } from "./ds-stepper.types.cjs";
-import * as react_jsx_runtime25 from "react/jsx-runtime";
+import * as react_jsx_runtime55 from "react/jsx-runtime";
 
 //#region src/components/ds-stepper/ds-stepper.d.ts
 declare function DsStepper({
   count,
   variant,
+  orientation,
+  floating,
   activeStep,
   onStepChange,
   onComplete,
-  children
-}: DsStepperProps): react_jsx_runtime25.JSX.Element;
+  children,
+  className,
+  actions
+}: DsStepperProps): react_jsx_runtime55.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,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"ds-stepper.d.cts","names":[],"sources":["../../../src/components/ds-stepper/ds-stepper.tsx"],"sourcesContent":[],"mappings":";;;;iBAMgB,SAAA;;;;;;;;;;;GAWb,iBAAc,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -1,15 +1,19 @@
 import { DsStepperProps } from "./ds-stepper.types.js";
-import * as react_jsx_runtime50 from "react/jsx-runtime";
+import * as react_jsx_runtime40 from "react/jsx-runtime";
 
 //#region src/components/ds-stepper/ds-stepper.d.ts
 declare function DsStepper({
   count,
   variant,
+  orientation,
+  floating,
   activeStep,
   onStepChange,
   onComplete,
-  children
-}: DsStepperProps): react_jsx_runtime50.JSX.Element;
+  children,
+  className,
+  actions
+}: DsStepperProps): react_jsx_runtime40.JSX.Element;
 //#endregion
 export { DsStepper };
 //# sourceMappingURL=ds-stepper.d.ts.map

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

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