@drivenets/design-system 0.0.2 → 0.0.3

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,35 @@
+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 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 = ({ icon, status, label = status, className, style, ghost = false, size = "medium", "aria-label": ariaLabel = label }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		style,
+		className: classNames(ds_status_badge_module_default.container, ds_status_badge_module_default[status], ghost && ds_status_badge_module_default.ghost, size === "small" && ds_status_badge_module_default.small, className),
+		role: "status",
+		"aria-label": ariaLabel,
+		children: [icon && /* @__PURE__ */ jsx(ds_icon_default, {
+			icon,
+			size: "tiny",
+			filled: true,
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ jsx(ds_typography_default, {
+			className: ds_status_badge_module_default.label,
+			variant: ghost ? "body-xs-md" : "body-xs-reg",
+			children: label
+		})]
+	});
+};
+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":["DsStatusBadge: React.FC<DsStatusBadgeProps>","styles","DsIcon","DsTypography"],"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,MAAMA,iBAA+C,EACpD,MACA,QACA,QAAQ,QACR,WACA,OACA,QAAQ,OACR,OAAO,UACP,cAAc,YAAY,YACrB;AACL,QACC,qBAAC;EACO;EACP,WAAW,WACVC,+BAAO,WACPA,+BAAO,SACP,SAASA,+BAAO,OAChB,SAAS,WAAWA,+BAAO,OAC3B,UACA;EACD,MAAK;EACL,cAAY;aAEX,QAAQ,oBAACC;GAAa;GAAM,MAAK;GAAO;GAAO,eAAY;IAAS,EACrE,oBAACC;GAAa,WAAWF,+BAAO;GAAO,SAAS,QAAQ,eAAe;aACrE;IACa;GACV;;AAIR,8BAAe"}

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,28 @@
+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 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({ index, label, description, actions }) {
+	const { variant, stepsApi } = require_use_stepper.useStepper();
+	const { current } = stepsApi.getItemState({ index });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: (0, classnames.default)(require_ds_stepper_module.default.stepContent, { [require_ds_stepper_module.default.stepContentSingle]: variant === "single" }),
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_step_label.DsStepLabel, { children: label }),
+			variant !== "single" && description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_step_description.DsStepDescription, { children: description }),
+			actions && current && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: require_ds_stepper_module.default.stepActions,
+				children: actions
+			})
+		]
+	});
+}
+
+//#endregion
+exports.DsStepContent = DsStepContent;

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

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime11 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_runtime11.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_runtime42 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_runtime42.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,27 @@
+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 classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/ds-stepper/components/ds-step-content.tsx
+function DsStepContent({ index, label, description, actions }) {
+	const { variant, stepsApi } = useStepper();
+	const { current } = stepsApi.getItemState({ index });
+	return /* @__PURE__ */ jsxs("div", {
+		className: classNames(ds_stepper_module_default.stepContent, { [ds_stepper_module_default.stepContentSingle]: variant === "single" }),
+		children: [
+			/* @__PURE__ */ jsx(DsStepLabel, { children: label }),
+			variant !== "single" && description && /* @__PURE__ */ jsx(DsStepDescription, { children: description }),
+			actions && current && /* @__PURE__ */ jsx("div", {
+				className: ds_stepper_module_default.stepActions,
+				children: actions
+			})
+		]
+	});
+}
+
+//#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":["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"}

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

@@ -0,0 +1,14 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_ds_stepper_module = require('../ds-stepper.module.cjs');
+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
+	});
+}
+
+//#endregion
+exports.DsStepDescription = DsStepDescription;

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

@@ -0,0 +1,14 @@
+import ds_stepper_module_default from "../ds-stepper.module.js";
+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
+	});
+}
+
+//#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":["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"}

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

@@ -0,0 +1,14 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_ds_stepper_module = require('../ds-stepper.module.cjs');
+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
+	});
+}
+
+//#endregion
+exports.DsStepLabel = DsStepLabel;

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

@@ -0,0 +1,14 @@
+import ds_stepper_module_default from "../ds-stepper.module.js";
+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
+	});
+}
+
+//#endregion
+export { DsStepLabel };
+//# sourceMappingURL=ds-step-label.js.map

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

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

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

@@ -0,0 +1,16 @@
+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_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
+	});
+}
+
+//#endregion
+exports.DsNextStepButton = DsNextStepButton;

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime13 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;
+//#endregion
+export { DsNextStepButton };
+//# sourceMappingURL=ds-step-next-button.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-step-next-button.d.cts","names":[],"sources":["../../../../src/components/ds-stepper/components/ds-step-next-button.tsx"],"sourcesContent":[],"mappings":";;;;iBAIgB,gBAAA;;GAA+B,oBAAiB,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime43 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_runtime43.JSX.Element;
+//#endregion
+export { DsNextStepButton };
+//# sourceMappingURL=ds-step-next-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-step-next-button.d.ts","names":[],"sources":["../../../../src/components/ds-stepper/components/ds-step-next-button.tsx"],"sourcesContent":[],"mappings":";;;;iBAIgB,gBAAA;;GAA+B,oBAAiB,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -0,0 +1,16 @@
+import ds_button_default from "../../ds-button/ds-button.js";
+import { useStepper } from "../hooks/use-stepper.js";
+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
+	});
+}
+
+//#endregion
+export { DsNextStepButton };
+//# sourceMappingURL=ds-step-next-button.js.map

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

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

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

@@ -0,0 +1,45 @@
+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 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 }) {
+	const context = require_use_stepper.useStepper();
+	const { completed, current, last } = context.stepsApi.getItemState({ index });
+	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 }),
+			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]
+	});
+}
+
+//#endregion
+exports.DsStep = DsStep;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-step.d.cts","names":[],"sources":["../../../../src/components/ds-stepper/components/ds-step.tsx"],"sourcesContent":[],"mappings":";;;;KAMK,WAAA,GAAc;;;AAN4B,CAAA,CAAA;AAW/B,iBAAA,MAAA,CAAM;EAAA,KAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAAiC,WAAjC,CAAA,EAA4C,mBAAA,CAAA,GAAA,CAAA,OAAA,GAA5C,IAAA"}

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

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime41 from "react/jsx-runtime";
+import { PropsWithChildren } from "react";
+
+//#region src/components/ds-stepper/components/ds-step.d.ts
+type DsStepProps = PropsWithChildren<{
+  index: number;
+  className?: string;
+}>;
+declare function DsStep({
+  index,
+  children,
+  className
+}: DsStepProps): react_jsx_runtime41.JSX.Element | null;
+//#endregion
+export { DsStep };
+//# sourceMappingURL=ds-step.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-step.d.ts","names":[],"sources":["../../../../src/components/ds-stepper/components/ds-step.tsx"],"sourcesContent":[],"mappings":";;;;KAMK,WAAA,GAAc;;;AAN4B,CAAA,CAAA;AAW/B,iBAAA,MAAA,CAAM;EAAA,KAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAAiC,WAAjC,CAAA,EAA4C,mBAAA,CAAA,GAAA,CAAA,OAAA,GAA5C,IAAA"}

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

@@ -0,0 +1,44 @@
+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 classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/ds-stepper/components/ds-step.tsx
+function DsStep({ index, children, className }) {
+	const context = useStepper();
+	const { completed, current, last } = context.stepsApi.getItemState({ index });
+	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 }),
+			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]
+	});
+}
+
+//#endregion
+export { DsStep };
+//# sourceMappingURL=ds-step.js.map