@drivenets/design-system 0.0.2 → 0.0.4

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

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

package/dist/components/ds-status-badge/ds-status-badge.d.cts

@@ -0,0 +1,12 @@
+import { DsStatusBadgeProps } from "./ds-status-badge.types.cjs";
+import React from "react";
+
+//#region src/components/ds-status-badge/ds-status-badge.d.ts
+
+/**
+ * Design system StatusBadge component
+ */
+declare const DsStatusBadge: React.FC<DsStatusBadgeProps>;
+//#endregion
+export { DsStatusBadge };
+//# sourceMappingURL=ds-status-badge.d.cts.map

package/dist/components/ds-status-badge/ds-status-badge.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-status-badge.d.cts","names":[],"sources":["../../../src/components/ds-status-badge/ds-status-badge.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAGkE;cAO5D,eAAe,KAAA,CAAM,GAAG"}

package/dist/components/ds-status-badge/ds-status-badge.d.ts

@@ -0,0 +1,12 @@
+import { DsStatusBadgeProps } from "./ds-status-badge.types.js";
+import React from "react";
+
+//#region src/components/ds-status-badge/ds-status-badge.d.ts
+
+/**
+ * Design system StatusBadge component
+ */
+declare const DsStatusBadge: React.FC<DsStatusBadgeProps>;
+//#endregion
+export { DsStatusBadge };
+//# sourceMappingURL=ds-status-badge.d.ts.map

package/dist/components/ds-status-badge/ds-status-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-status-badge.d.ts","names":[],"sources":["../../../src/components/ds-status-badge/ds-status-badge.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAGkE;cAO5D,eAAe,KAAA,CAAM,GAAG"}

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

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

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

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

package/dist/components/ds-status-badge/ds-status-badge.module.cjs

@@ -0,0 +1,18 @@
+
+//#region src/components/ds-status-badge/ds-status-badge.module.scss
+var ds_status_badge_module_default = {
+	"container": "_container_1djyv_1",
+	"small": "_small_1djyv_1",
+	"active": "_active_1djyv_1",
+	"label": "_label_1djyv_1",
+	"ghost": "_ghost_1djyv_1",
+	"running": "_running_1djyv_1",
+	"pending": "_pending_1djyv_1",
+	"draft": "_draft_1djyv_1",
+	"inactive": "_inactive_1djyv_1",
+	"warning": "_warning_1djyv_1",
+	"failed": "_failed_1djyv_1"
+};
+
+//#endregion
+exports.default = ds_status_badge_module_default;

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

@@ -0,0 +1,18 @@
+//#region src/components/ds-status-badge/ds-status-badge.module.scss
+var ds_status_badge_module_default = {
+	"container": "_container_1djyv_1",
+	"small": "_small_1djyv_1",
+	"active": "_active_1djyv_1",
+	"label": "_label_1djyv_1",
+	"ghost": "_ghost_1djyv_1",
+	"running": "_running_1djyv_1",
+	"pending": "_pending_1djyv_1",
+	"draft": "_draft_1djyv_1",
+	"inactive": "_inactive_1djyv_1",
+	"warning": "_warning_1djyv_1",
+	"failed": "_failed_1djyv_1"
+};
+
+//#endregion
+export { ds_status_badge_module_default as default };
+//# sourceMappingURL=ds-status-badge.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-status-badge.module.js","names":[],"sources":["../../../src/components/ds-status-badge/ds-status-badge.module.scss"],"sourcesContent":["@use '../../styles/typography';\n\n@mixin status-filled($color, $background, $label-color: var(--color-font-on-action)) {\n\tcolor: $color;\n\tbackground: $background;\n\n\t.label {\n\t\tcolor: $label-color;\n\t}\n}\n\n@mixin status-ghost($color, $background) {\n\t&.ghost {\n\t\tcolor: $color;\n\t\tbackground: $background;\n\n\t\t.label {\n\t\t\tcolor: var(--color-font-main);\n\t\t}\n\t}\n}\n\n.container {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: var(--spacing-3xs) var(--spacing-standard) var(--spacing-3xs) var(--spacing-xs);\n\twidth: max-content;\n\tcolor: var(--color-icon-inverse);\n\tgap: var(--spacing-3xs);\n\tborder-radius: 100vmax;\n\n\t&.small {\n\t\tpadding: var(--spacing-4xs) var(--spacing-xs) var(--spacing-4xs) var(--spacing-3xs);\n\t\tgap: var(--spacing-4xs);\n\t}\n}\n\n.active {\n\t@include status-filled(var(--color-font-on-action), var(--color-background-success-strong));\n\t@include status-ghost(var(--color-background-success-strong), var(--color-status-bg-success));\n}\n\n.running {\n\t@include status-filled(var(--color-font-on-action), var(--color-background-active-moderate));\n\t@include status-ghost(var(--color-icon-information-secondary), var(--color-status-bg-progress));\n}\n\n.pending {\n\t@include status-filled(var(--color-font-on-action), var(--color-data-fuchsia));\n\t@include status-ghost(var(--color-data-purple), var(--color-data-light-purple));\n}\n\n.draft {\n\t@include status-filled(var(--color-font-on-action), var(--color-icon-information-main));\n\t@include status-ghost(var(--color-icon-secondary), var(--color-status-bg-neutral));\n}\n\n.inactive {\n\t@include status-filled(\n\t\tvar(--color-icon-secondary),\n\t\tvar(--color-background-disable),\n\t\tvar(--color-font-on-disabled)\n\t);\n\t@include status-ghost(var(--color-icon-secondary), var(--color-status-bg-inactive));\n}\n\n.warning {\n\t@include status-filled(var(--color-font-on-action), var(--color-background-warning-strong));\n\t@include status-ghost(var(--color-background-warning-strong), var(--color-status-bg-warning));\n}\n\n.failed {\n\t@include status-filled(var(--color-font-on-action), var(--color-background-danger-strong));\n\t@include status-ghost(var(--color-background-danger-strong-hover), var(--color-status-bg-failed));\n}\n\n.label {\n\ttext-transform: capitalize;\n}\n"],"mappings":""}

package/dist/components/ds-status-badge/ds-status-badge.types.d.cts

@@ -0,0 +1,47 @@
+import { IconType } from "../ds-icon/ds-icon.types.cjs";
+import { CSSProperties } from "react";
+
+//#region src/components/ds-status-badge/ds-status-badge.types.d.ts
+declare const dsStatuses: readonly ["active", "running", "pending", "draft", "inactive", "warning", "failed"];
+type DsStatus = (typeof dsStatuses)[number];
+declare const statusBadgeSizes: readonly ["medium", "small"];
+type StatusBadgeSize = (typeof statusBadgeSizes)[number];
+interface DsStatusBadgeProps {
+  /**
+   * The icon of the status badge
+   */
+  icon?: IconType;
+  /**
+   * The value of the status badge
+   */
+  status: DsStatus;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Additional styles to apply to the component
+   */
+  style?: CSSProperties;
+  /**
+   * Optional label to display instead of the default status text
+   */
+  label?: string;
+  /**
+   * Whether the status badge should use ghost style (light background)
+   * @default false
+   */
+  ghost?: boolean;
+  /**
+   * Size of the status badge
+   * @default 'medium'
+   */
+  size?: StatusBadgeSize;
+  /**
+   * Accessible label for screen readers, if provided, will override default label/status text.
+   */
+  'aria-label'?: string;
+}
+//#endregion
+export { DsStatus, DsStatusBadgeProps, StatusBadgeSize };
+//# sourceMappingURL=ds-status-badge.types.d.cts.map

package/dist/components/ds-status-badge/ds-status-badge.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-status-badge.types.d.cts","names":[],"sources":["../../../src/components/ds-status-badge/ds-status-badge.types.tsx"],"sourcesContent":[],"mappings":";;;;cAGa;KAED,QAAA,WAAmB;AAFlB,cAIA,gBAJgG,EAAA,SAAA,CAAA,QAAA,EAAA,OAAA,CAAA;AAEjG,KAGA,eAAA,GAHmB,CAAA,OAGO,gBAHG,CAAA,CAAA,MAAA,CAAA;AAE5B,UAGI,kBAAA,CAH2C;EAChD;AAEZ;;EAQS,IAAA,CAAA,EAJD,QAIC;EAQA;;;UARA;;;;;;;;UAQA;;;;;;;;;;;;;;SAcD"}

package/dist/components/ds-status-badge/ds-status-badge.types.d.ts

@@ -0,0 +1,48 @@
+import { IconType } from "../ds-icon/ds-icon.types.js";
+import "../ds-icon/index.js";
+import { CSSProperties } from "react";
+
+//#region src/components/ds-status-badge/ds-status-badge.types.d.ts
+declare const dsStatuses: readonly ["active", "running", "pending", "draft", "inactive", "warning", "failed"];
+type DsStatus = (typeof dsStatuses)[number];
+declare const statusBadgeSizes: readonly ["medium", "small"];
+type StatusBadgeSize = (typeof statusBadgeSizes)[number];
+interface DsStatusBadgeProps {
+  /**
+   * The icon of the status badge
+   */
+  icon?: IconType;
+  /**
+   * The value of the status badge
+   */
+  status: DsStatus;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Additional styles to apply to the component
+   */
+  style?: CSSProperties;
+  /**
+   * Optional label to display instead of the default status text
+   */
+  label?: string;
+  /**
+   * Whether the status badge should use ghost style (light background)
+   * @default false
+   */
+  ghost?: boolean;
+  /**
+   * Size of the status badge
+   * @default 'medium'
+   */
+  size?: StatusBadgeSize;
+  /**
+   * Accessible label for screen readers, if provided, will override default label/status text.
+   */
+  'aria-label'?: string;
+}
+//#endregion
+export { DsStatus, DsStatusBadgeProps, StatusBadgeSize };
+//# sourceMappingURL=ds-status-badge.types.d.ts.map

package/dist/components/ds-status-badge/ds-status-badge.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-status-badge.types.d.ts","names":[],"sources":["../../../src/components/ds-status-badge/ds-status-badge.types.tsx"],"sourcesContent":[],"mappings":";;;;;cAGa;KAED,QAAA,WAAmB;cAElB;AAJA,KAKD,eAAA,GALiG,CAAA,OAKvE,gBALuE,CAAA,CAAA,MAAA,CAAA;AAEjG,UAKK,kBAAA,CALc;EAElB;AACb;AAEA;EAIQ,IAAA,CAAA,EAAA,QAAA;EAIC;;;EAsBc,MAAA,EAtBd,QAsBc;;;;;;;;UAdd;;;;;;;;;;;;;;SAcD"}

package/dist/components/ds-status-badge/index.cjs

@@ -0,0 +1 @@
+const require_ds_status_badge = require('./ds-status-badge.cjs');

package/dist/components/ds-status-badge/index.d.ts

@@ -0,0 +1,2 @@
+import { DsStatus, DsStatusBadgeProps, StatusBadgeSize } from "./ds-status-badge.types.js";
+import { DsStatusBadge } from "./ds-status-badge.js";

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

@@ -0,0 +1 @@
+import ds_status_badge_default from "./ds-status-badge.js";

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-step-content.d.cts","names":[],"sources":["../../../../src/components/ds-stepper/components/ds-step-content.tsx"],"sourcesContent":[],"mappings":";;;;KAOK,kBAAA;;;EAAA,WAAA,CAAA,EAAA,MAAA;EAOW,OAAA,CAAA,EAHL,SAGkB;CAAG;AAAO,iBAAvB,aAAA,CAAuB;EAAA,KAAA;EAAA,KAAA;EAAA,WAAA;EAAA;AAAA,CAAA,EAA+B,kBAA/B,CAAA,EAAiD,mBAAA,CAAA,GAAA,CAAA,OAAjD"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-step-content.d.ts","names":[],"sources":["../../../../src/components/ds-stepper/components/ds-step-content.tsx"],"sourcesContent":[],"mappings":";;;;KAOK,kBAAA;;;EAAA,WAAA,CAAA,EAAA,MAAA;EAOW,OAAA,CAAA,EAHL,SAGkB;CAAG;AAAO,iBAAvB,aAAA,CAAuB;EAAA,KAAA;EAAA,KAAA;EAAA,WAAA;EAAA;AAAA,CAAA,EAA+B,kBAA/B,CAAA,EAAiD,mBAAA,CAAA,GAAA,CAAA,OAAjD"}

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

@@ -0,0 +1,73 @@
+import ds_stepper_module_default from "../ds-stepper.module.js";
+import { useStepper } from "../hooks/use-stepper.js";
+import { DsStepLabel } from "./ds-step-label.js";
+import { DsStepDescription } from "./ds-step-description.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-content.tsx
+function DsStepContent(t0) {
+	const $ = c(18);
+	const { index, label, description, actions } = t0;
+	const { variant, stepsApi } = useStepper();
+	let t1;
+	if ($[0] !== index || $[1] !== stepsApi) {
+		t1 = stepsApi.getItemState({ index });
+		$[0] = index;
+		$[1] = stepsApi;
+		$[2] = t1;
+	} else t1 = $[2];
+	const { current } = t1;
+	const t2 = variant === "single";
+	let t3;
+	if ($[3] !== t2) {
+		t3 = classNames(ds_stepper_module_default.stepContent, { [ds_stepper_module_default.stepContentSingle]: t2 });
+		$[3] = t2;
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] !== label) {
+		t4 = /* @__PURE__ */ jsx(DsStepLabel, { children: label });
+		$[5] = label;
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] !== description || $[8] !== variant) {
+		t5 = variant !== "single" && description && /* @__PURE__ */ jsx(DsStepDescription, { children: description });
+		$[7] = description;
+		$[8] = variant;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== actions || $[11] !== current) {
+		t6 = actions && current && /* @__PURE__ */ jsx("div", {
+			className: ds_stepper_module_default.stepActions,
+			children: actions
+		});
+		$[10] = actions;
+		$[11] = current;
+		$[12] = t6;
+	} else t6 = $[12];
+	let t7;
+	if ($[13] !== t3 || $[14] !== t4 || $[15] !== t5 || $[16] !== t6) {
+		t7 = /* @__PURE__ */ jsxs("div", {
+			className: t3,
+			children: [
+				t4,
+				t5,
+				t6
+			]
+		});
+		$[13] = t3;
+		$[14] = t4;
+		$[15] = t5;
+		$[16] = t6;
+		$[17] = t7;
+	} else t7 = $[17];
+	return t7;
+}
+
+//#endregion
+export { DsStepContent };
+//# sourceMappingURL=ds-step-content.js.map

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

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

@@ -0,0 +1,23 @@
+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(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
+exports.DsStepDescription = DsStepDescription;

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

@@ -0,0 +1,23 @@
+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(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
+export { DsStepDescription };
+//# sourceMappingURL=ds-step-description.js.map

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

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

@@ -0,0 +1,23 @@
+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(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
+exports.DsStepLabel = DsStepLabel;