@drivenets/design-system 0.0.2 → 0.0.3

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-step.js","names":["classnames","styles","DsIcon"],"sources":["../../../../src/components/ds-stepper/components/ds-step.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport { useStepper } from '../hooks/use-stepper';\nimport classnames from 'classnames';\nimport styles from '../ds-stepper.module.scss';\nimport DsIcon from '../../ds-icon/ds-icon';\n\ntype DsStepProps = PropsWithChildren<{\n\tindex: number;\n\tclassName?: string;\n}>;\n\nexport function DsStep({ index, children, className }: DsStepProps) {\n\tconst context = useStepper();\n\n\tconst { completed, current, last } = context.stepsApi.getItemState({ index });\n\n\tconst isSingleVariant = context.variant === 'single';\n\tconst isLast = last && context.stepsApi.value === index + 1;\n\n\tconst shouldHide = isSingleVariant && !current && !isLast;\n\n\tif (shouldHide) {\n\t\treturn null;\n\t}\n\n\tconst isClickable = completed && !isSingleVariant;\n\n\tconst Wrapper = isClickable ? 'button' : 'div';\n\n\tconst props = isClickable\n\t\t? {\n\t\t\t\tonClick: () => {\n\t\t\t\t\tcontext.stepsApi.setStep(index);\n\t\t\t\t},\n\t\t\t}\n\t\t: {};\n\n\treturn (\n\t\t<Wrapper\n\t\t\t{...context.stepsApi.getItemProps({ index })}\n\t\t\tdata-current={current ? '' : undefined}\n\t\t\tdata-complete={completed ? '' : undefined}\n\t\t\tclassName={classnames(styles.step, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div {...context.stepsApi.getIndicatorProps({ index })} className={styles.indicatorContainer}>\n\t\t\t\t{completed ? (\n\t\t\t\t\t<DsIcon icon=\"check\" className={styles.indicator} />\n\t\t\t\t) : (\n\t\t\t\t\t<span className={styles.indicator}>{index + 1}</span>\n\t\t\t\t)}\n\n\t\t\t\t<div {...context.stepsApi.getSeparatorProps({ index })} className={styles.separator} />\n\t\t\t</div>\n\n\t\t\t{children}\n\t\t</Wrapper>\n\t);\n}\n"],"mappings":";;;;;;;AAWA,SAAgB,OAAO,EAAE,OAAO,UAAU,aAA0B;CACnE,MAAM,UAAU,YAAY;CAE5B,MAAM,EAAE,WAAW,SAAS,SAAS,QAAQ,SAAS,aAAa,EAAE,OAAO,CAAC;CAE7E,MAAM,kBAAkB,QAAQ,YAAY;CAC5C,MAAM,SAAS,QAAQ,QAAQ,SAAS,UAAU,QAAQ;AAI1D,KAFmB,mBAAmB,CAAC,WAAW,CAAC,OAGlD,QAAO;CAGR,MAAM,cAAc,aAAa,CAAC;CAElC,MAAM,UAAU,cAAc,WAAW;CAEzC,MAAM,QAAQ,cACX,EACA,eAAe;AACd,UAAQ,SAAS,QAAQ,MAAM;IAEhC,GACA,EAAE;AAEL,QACC,qBAAC;EACA,GAAI,QAAQ,SAAS,aAAa,EAAE,OAAO,CAAC;EAC5C,gBAAc,UAAU,KAAK;EAC7B,iBAAe,YAAY,KAAK;EAChC,WAAWA,WAAWC,0BAAO,MAAM,UAAU;EAC7C,GAAI;aAEJ,qBAAC;GAAI,GAAI,QAAQ,SAAS,kBAAkB,EAAE,OAAO,CAAC;GAAE,WAAWA,0BAAO;cACxE,YACA,oBAACC;IAAO,MAAK;IAAQ,WAAWD,0BAAO;KAAa,GAEpD,oBAAC;IAAK,WAAWA,0BAAO;cAAY,QAAQ;KAAS,EAGtD,oBAAC;IAAI,GAAI,QAAQ,SAAS,kBAAkB,EAAE,OAAO,CAAC;IAAE,WAAWA,0BAAO;KAAa;IAClF,EAEL;GACQ"}

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

@@ -0,0 +1,31 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ds_stepper_module = require('./ds-stepper.module.cjs');
+const require_use_steps = require('./hooks/use-steps.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/ds-stepper.tsx
+function DsStepper({ count, variant, activeStep, onStepChange, onComplete, children }) {
+	const stepsApi = require_use_steps.useSteps({
+		count,
+		activeStep,
+		onStepChange,
+		onComplete
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_stepper.StepperContext.Provider, {
+		value: {
+			stepsApi,
+			variant
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			...stepsApi.getRootProps(),
+			className: (0, classnames.default)(require_ds_stepper_module.default.root, { [require_ds_stepper_module.default.variantSingle]: variant === "single" }),
+			children
+		})
+	});
+}
+
+//#endregion
+exports.DsStepper = DsStepper;

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

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

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

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

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

@@ -0,0 +1,15 @@
+import { DsStepperProps } from "./ds-stepper.types.js";
+import * as react_jsx_runtime40 from "react/jsx-runtime";
+
+//#region src/components/ds-stepper/ds-stepper.d.ts
+declare function DsStepper({
+  count,
+  variant,
+  activeStep,
+  onStepChange,
+  onComplete,
+  children
+}: 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

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

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

@@ -0,0 +1,30 @@
+import ds_stepper_module_default from "./ds-stepper.module.js";
+import { useSteps } from "./hooks/use-steps.js";
+import { StepperContext } from "./hooks/use-stepper.js";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/ds-stepper/ds-stepper.tsx
+function DsStepper({ count, variant, activeStep, onStepChange, onComplete, children }) {
+	const stepsApi = useSteps({
+		count,
+		activeStep,
+		onStepChange,
+		onComplete
+	});
+	return /* @__PURE__ */ jsx(StepperContext.Provider, {
+		value: {
+			stepsApi,
+			variant
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			...stepsApi.getRootProps(),
+			className: classNames(ds_stepper_module_default.root, { [ds_stepper_module_default.variantSingle]: variant === "single" }),
+			children
+		})
+	});
+}
+
+//#endregion
+export { DsStepper };
+//# sourceMappingURL=ds-stepper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-stepper.js","names":["classnames","styles"],"sources":["../../../src/components/ds-stepper/ds-stepper.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport styles from './ds-stepper.module.scss';\nimport { useSteps } from './hooks/use-steps';\nimport { StepperContext } from './hooks/use-stepper';\nimport type { DsStepperProps } from './ds-stepper.types';\n\nexport function DsStepper({\n\tcount,\n\tvariant,\n\tactiveStep,\n\tonStepChange,\n\tonComplete,\n\tchildren,\n}: DsStepperProps) {\n\tconst stepsApi = useSteps({ count, activeStep, onStepChange, onComplete });\n\n\treturn (\n\t\t<StepperContext.Provider\n\t\t\tvalue={{\n\t\t\t\tstepsApi,\n\t\t\t\tvariant,\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\t{...stepsApi.getRootProps()}\n\t\t\t\tclassName={classnames(styles.root, {\n\t\t\t\t\t[styles.variantSingle]: variant === 'single',\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</StepperContext.Provider>\n\t);\n}\n"],"mappings":";;;;;;;AAMA,SAAgB,UAAU,EACzB,OACA,SACA,YACA,cACA,YACA,YACkB;CAClB,MAAM,WAAW,SAAS;EAAE;EAAO;EAAY;EAAc;EAAY,CAAC;AAE1E,QACC,oBAAC,eAAe;EACf,OAAO;GACN;GACA;GACA;YAED,oBAAC;GACA,GAAI,SAAS,cAAc;GAC3B,WAAWA,WAAWC,0BAAO,MAAM,GACjCA,0BAAO,gBAAgB,YAAY,UACpC,CAAC;GAED;IACI;GACmB"}

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

@@ -0,0 +1,18 @@
+
+//#region src/components/ds-stepper/ds-stepper.module.scss
+var ds_stepper_module_default = {
+	"step": "_step_1qwaa_1",
+	"root": "_root_1qwaa_1",
+	"variantSingle": "_variantSingle_1qwaa_1",
+	"indicatorContainer": "_indicatorContainer_1qwaa_1",
+	"indicator": "_indicator_1qwaa_1",
+	"separator": "_separator_1qwaa_1",
+	"stepContent": "_stepContent_1qwaa_1",
+	"stepContentSingle": "_stepContentSingle_1qwaa_1",
+	"stepLabel": "_stepLabel_1qwaa_1",
+	"stepDescription": "_stepDescription_1qwaa_1",
+	"stepActions": "_stepActions_1qwaa_1"
+};
+
+//#endregion
+exports.default = ds_stepper_module_default;

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

@@ -0,0 +1,18 @@
+//#region src/components/ds-stepper/ds-stepper.module.scss
+var ds_stepper_module_default = {
+	"step": "_step_1qwaa_1",
+	"root": "_root_1qwaa_1",
+	"variantSingle": "_variantSingle_1qwaa_1",
+	"indicatorContainer": "_indicatorContainer_1qwaa_1",
+	"indicator": "_indicator_1qwaa_1",
+	"separator": "_separator_1qwaa_1",
+	"stepContent": "_stepContent_1qwaa_1",
+	"stepContentSingle": "_stepContentSingle_1qwaa_1",
+	"stepLabel": "_stepLabel_1qwaa_1",
+	"stepDescription": "_stepDescription_1qwaa_1",
+	"stepActions": "_stepActions_1qwaa_1"
+};
+
+//#endregion
+export { ds_stepper_module_default as default };
+//# sourceMappingURL=ds-stepper.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-stepper.module.js","names":[],"sources":["../../../src/components/ds-stepper/ds-stepper.module.scss"],"sourcesContent":[".step {\n\tpadding: 12px;\n\tdisplay: flex;\n\tgap: 16px;\n\tbackground: none;\n\tborder: none;\n\ttext-align: start;\n\tfont-family: inherit;\n\n\t.root.variantSingle & {\n\t\tpadding-block: 16px;\n\t\tpadding-inline-start: 12px;\n\t\tpadding-inline-end: 20px;\n\t\tborder-radius: 8px;\n\t}\n\n\t.root:not(.variantSingle) &[data-complete] {\n\t\tcursor: pointer;\n\t}\n\n\t&[data-current] {\n\t\tborder-radius: 4px;\n\t\tbackground: var(--color-background-action-secondary-hover);\n\t}\n\n\t.indicatorContainer {\n\t\tpadding: 0 2px;\n\t\tposition: relative;\n\t\tdisplay: flex;\n\n\t\t.indicator {\n\t\t\theight: 36px;\n\t\t\twidth: 36px;\n\t\t\tborder: 2px solid var(--color-border);\n\t\t\tdisplay: grid;\n\t\t\tplace-items: center;\n\t\t\tborder-radius: 100%;\n\n\t\t\t.variantSingle & {\n\t\t\t\theight: 32px;\n\t\t\t\twidth: 32px;\n\t\t\t}\n\t\t}\n\n\t\t&[data-complete] .indicator {\n\t\t\tcolor: var(--color-background-selected);\n\t\t\tborder-color: var(--color-background-selected);\n\t\t}\n\n\t\t&[data-current] .indicator {\n\t\t\tbackground: var(--color-background-selected);\n\t\t\tcolor: var(--white);\n\t\t\tborder: 3px solid var(--white);\n\t\t}\n\n\t\t.separator {\n\t\t\tposition: absolute;\n\t\t\twidth: 2px;\n\t\t\theight: calc(100% - 12px);\n\t\t\ttop: 36px;\n\t\t\tleft: 50%;\n\t\t\tmargin-left: -1px;\n\t\t\tbackground: var(--color-border);\n\n\t\t\t&[data-complete] {\n\t\t\t\tbackground: var(--color-background-selected);\n\t\t\t}\n\t\t}\n\t}\n\n\t&:last-child .indicatorContainer .separator {\n\t\tdisplay: none;\n\t}\n\n\t.stepContent {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tflex-grow: 1;\n\n\t\t&.stepContentSingle {\n\t\t\tflex-direction: row;\n\t\t\talign-items: center;\n\t\t}\n\t}\n\n\t.stepLabel {\n\t\tpadding: 2px 0;\n\t\tfont-size: 16px;\n\t\tline-height: 1.5;\n\t\tfont-weight: 500;\n\t\tcolor: var(--color-font-secondary);\n\n\t\t.root.variantSingle & {\n\t\t\tfont-size: 14px;\n\t\t}\n\t}\n\n\t.stepDescription {\n\t\tmargin: 0;\n\t\tfont-size: 14px;\n\t\tline-height: 1.4;\n\t\tcolor: var(--color-background-deselected);\n\t}\n\n\t&[data-current] {\n\t\t.stepLabel {\n\t\t\tcolor: var(--color-font-action);\n\t\t}\n\n\t\t.stepDescription {\n\t\t\tcolor: var(--color-font-main);\n\t\t}\n\t}\n\n\t&[data-complete] {\n\t\t.stepLabel {\n\t\t\tcolor: var(--color-font-main);\n\t\t}\n\n\t\t.stepDescription {\n\t\t\tcolor: var(--color-font-secondary);\n\t\t}\n\t}\n\n\t.stepContent:not(.stepContentSingle) .stepActions {\n\t\tmargin-top: 12px;\n\t}\n\n\t.stepActions {\n\t\tmargin-inline-start: auto;\n\t\tdisplay: flex;\n\t\tgap: 4px;\n\t}\n}\n"],"mappings":""}

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

@@ -0,0 +1,13 @@
+import { PropsWithChildren } from "react";
+import * as steps from "@zag-js/steps";
+
+//#region src/components/ds-stepper/ds-stepper.types.d.ts
+type DsStepperVariant = 'single';
+type DsStepperProps = PropsWithChildren<{
+  variant?: DsStepperVariant;
+  onComplete?: steps.Props['onStepComplete'];
+  activeStep?: steps.Props['step'];
+} & Pick<steps.Props, 'onStepChange' | 'count'>>;
+//#endregion
+export { DsStepperProps, DsStepperVariant };
+//# sourceMappingURL=ds-stepper.types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-stepper.types.d.cts","names":[],"sources":["../../../src/components/ds-stepper/ds-stepper.types.ts"],"sourcesContent":[],"mappings":";;;;KAGY,gBAAA;KAEA,cAAA,GAAiB;EAFjB,OAAA,CAAA,EAIA,gBAJgB;EAEhB,UAAA,CAAA,EAGG,KAAA,CAAM,KAHK,CAAA,gBAAA,CAAA;EAEd,UAAA,CAAA,EAEG,KAAA,CAAM,KAFT,CAAA,MAAA,CAAA;CACG,GAEV,IAFgB,CAEX,KAAA,CAAM,KAFK,EAAA,cAAA,GAAA,OAAA,CAAA,CAAA"}

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

@@ -0,0 +1,13 @@
+import { PropsWithChildren } from "react";
+import * as steps from "@zag-js/steps";
+
+//#region src/components/ds-stepper/ds-stepper.types.d.ts
+type DsStepperVariant = 'single';
+type DsStepperProps = PropsWithChildren<{
+  variant?: DsStepperVariant;
+  onComplete?: steps.Props['onStepComplete'];
+  activeStep?: steps.Props['step'];
+} & Pick<steps.Props, 'onStepChange' | 'count'>>;
+//#endregion
+export { DsStepperProps, DsStepperVariant };
+//# sourceMappingURL=ds-stepper.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-stepper.types.d.ts","names":[],"sources":["../../../src/components/ds-stepper/ds-stepper.types.ts"],"sourcesContent":[],"mappings":";;;;KAGY,gBAAA;KAEA,cAAA,GAAiB;EAFjB,OAAA,CAAA,EAIA,gBAJgB;EAEhB,UAAA,CAAA,EAGG,KAAA,CAAM,KAHK,CAAA,gBAAA,CAAA;EAEd,UAAA,CAAA,EAEG,KAAA,CAAM,KAFT,CAAA,MAAA,CAAA;CACG,GAEV,IAFgB,CAEX,KAAA,CAAM,KAFK,EAAA,cAAA,GAAA,OAAA,CAAA,CAAA"}

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

@@ -0,0 +1,14 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+
+//#region src/components/ds-stepper/hooks/use-stepper.ts
+const StepperContext = (0, react.createContext)(null);
+function useStepper() {
+	const context = (0, react.useContext)(StepperContext);
+	if (!context) throw new Error("useStepper must be used within a DsStepper");
+	return context;
+}
+
+//#endregion
+exports.StepperContext = StepperContext;
+exports.useStepper = useStepper;

package/dist/components/ds-stepper/hooks/use-stepper.js

@@ -0,0 +1,13 @@
+import { createContext, useContext } from "react";
+
+//#region src/components/ds-stepper/hooks/use-stepper.ts
+const StepperContext = createContext(null);
+function useStepper() {
+	const context = useContext(StepperContext);
+	if (!context) throw new Error("useStepper must be used within a DsStepper");
+	return context;
+}
+
+//#endregion
+export { StepperContext, useStepper };
+//# sourceMappingURL=use-stepper.js.map

package/dist/components/ds-stepper/hooks/use-stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-stepper.js","names":[],"sources":["../../../../src/components/ds-stepper/hooks/use-stepper.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { DsStepperVariant } from '../ds-stepper.types';\nimport type { useSteps } from './use-steps';\n\ntype StepsContext = {\n\tstepsApi: ReturnType<typeof useSteps>;\n\tvariant: DsStepperVariant | undefined;\n};\n\nexport const StepperContext = createContext<StepsContext | null>(null);\n\nexport function useStepper() {\n\tconst context = useContext(StepperContext);\n\n\tif (!context) {\n\t\tthrow new Error('useStepper must be used within a DsStepper');\n\t}\n\n\treturn context;\n}\n"],"mappings":";;;AASA,MAAa,iBAAiB,cAAmC,KAAK;AAEtE,SAAgB,aAAa;CAC5B,MAAM,UAAU,WAAW,eAAe;AAE1C,KAAI,CAAC,QACJ,OAAM,IAAI,MAAM,6CAA6C;AAG9D,QAAO"}

package/dist/components/ds-stepper/hooks/use-steps.cjs

@@ -0,0 +1,20 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+let __zag_js_steps = require("@zag-js/steps");
+__zag_js_steps = require_rolldown_runtime.__toESM(__zag_js_steps);
+let __zag_js_react = require("@zag-js/react");
+
+//#region src/components/ds-stepper/hooks/use-steps.ts
+function useSteps({ count, activeStep, onStepChange, onComplete }) {
+	const service = (0, __zag_js_react.useMachine)(__zag_js_steps.machine, {
+		id: (0, react.useId)(),
+		count,
+		step: activeStep,
+		onStepChange,
+		onStepComplete: onComplete
+	});
+	return __zag_js_steps.connect(service, __zag_js_react.normalizeProps);
+}
+
+//#endregion
+exports.useSteps = useSteps;

package/dist/components/ds-stepper/hooks/use-steps.js

@@ -0,0 +1,19 @@
+import { useId } from "react";
+import * as steps from "@zag-js/steps";
+import { normalizeProps, useMachine } from "@zag-js/react";
+
+//#region src/components/ds-stepper/hooks/use-steps.ts
+function useSteps({ count, activeStep, onStepChange, onComplete }) {
+	const service = useMachine(steps.machine, {
+		id: useId(),
+		count,
+		step: activeStep,
+		onStepChange,
+		onStepComplete: onComplete
+	});
+	return steps.connect(service, normalizeProps);
+}
+
+//#endregion
+export { useSteps };
+//# sourceMappingURL=use-steps.js.map

package/dist/components/ds-stepper/hooks/use-steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-steps.js","names":[],"sources":["../../../../src/components/ds-stepper/hooks/use-steps.ts"],"sourcesContent":["import { useId } from 'react';\nimport * as steps from '@zag-js/steps';\nimport { normalizeProps, useMachine } from '@zag-js/react';\nimport type { DsStepperProps } from '../ds-stepper.types';\n\ntype UseSteps = Pick<DsStepperProps, 'activeStep' | 'onStepChange' | 'count' | 'onComplete'>;\n\nexport function useSteps({ count, activeStep, onStepChange, onComplete }: UseSteps) {\n\tconst service = useMachine(steps.machine, {\n\t\tid: useId(),\n\t\tcount,\n\t\tstep: activeStep,\n\t\tonStepChange,\n\t\tonStepComplete: onComplete,\n\t});\n\n\treturn steps.connect(service, normalizeProps);\n}\n"],"mappings":";;;;;AAOA,SAAgB,SAAS,EAAE,OAAO,YAAY,cAAc,cAAwB;CACnF,MAAM,UAAU,WAAW,MAAM,SAAS;EACzC,IAAI,OAAO;EACX;EACA,MAAM;EACN;EACA,gBAAgB;EAChB,CAAC;AAEF,QAAO,MAAM,QAAQ,SAAS,eAAe"}

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

@@ -0,0 +1,4 @@
+const require_ds_stepper = require('./ds-stepper.cjs');
+const require_ds_step = require('./components/ds-step.cjs');
+const require_ds_step_content = require('./components/ds-step-content.cjs');
+const require_ds_step_next_button = require('./components/ds-step-next-button.cjs');

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

@@ -0,0 +1,5 @@
+import { DsStepperProps, DsStepperVariant } from "./ds-stepper.types.js";
+import { DsStepper } from "./ds-stepper.js";
+import { DsStep } from "./components/ds-step.js";
+import { DsStepContent } from "./components/ds-step-content.js";
+import { DsNextStepButton } from "./components/ds-step-next-button.js";

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

@@ -0,0 +1,4 @@
+import { DsStepper } from "./ds-stepper.js";
+import { DsStep } from "./components/ds-step.js";
+import { DsStepContent } from "./components/ds-step-content.js";
+import { DsNextStepButton } from "./components/ds-step-next-button.js";

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

@@ -0,0 +1,37 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ds_system_status_module = require('./ds-system-status.module.cjs');
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/ds-system-status/ds-system-status.tsx
+/**
+* @deprecated This component is deprecated. Use `DsStatusBadge` instead.
+* @see {@link ../ds-status-badge/ds-status-badge} for the replacement component.
+*/
+const defaultLabels = {
+	healthy: "HEALTHY",
+	neutral: "NEUTRAL",
+	error: "ERROR",
+	"in-progress": "IN PROGRESS",
+	pending: "PENDING",
+	alert: "ALERT",
+	disabled: "DISABLED"
+};
+/**
+* @deprecated This component is deprecated. Use `DsStatusBadge` instead.
+* @see {@link ../ds-status-badge/ds-status-badge} for the replacement component.
+*/
+const DsSystemStatus = ({ status, label, className }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: (0, classnames.default)(require_ds_system_status_module.default.container, require_ds_system_status_module.default[status], className),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: require_ds_system_status_module.default.dot }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: require_ds_system_status_module.default.label,
+			children: label || defaultLabels[status]
+		})]
+	});
+};
+var ds_system_status_default = DsSystemStatus;
+
+//#endregion
+exports.default = ds_system_status_default;

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

@@ -0,0 +1,13 @@
+import { DsSystemStatusProps } from "./ds-system-status.types.cjs";
+import React from "react";
+
+//#region src/components/ds-system-status/ds-system-status.d.ts
+
+/**
+ * @deprecated This component is deprecated. Use `DsStatusBadge` instead.
+ * @see {@link ../ds-status-badge/ds-status-badge} for the replacement component.
+ */
+declare const DsSystemStatus: React.FC<DsSystemStatusProps>;
+//#endregion
+export { DsSystemStatus };
+//# sourceMappingURL=ds-system-status.d.cts.map

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

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

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

@@ -0,0 +1,13 @@
+import { DsSystemStatusProps } from "./ds-system-status.types.js";
+import React from "react";
+
+//#region src/components/ds-system-status/ds-system-status.d.ts
+
+/**
+ * @deprecated This component is deprecated. Use `DsStatusBadge` instead.
+ * @see {@link ../ds-status-badge/ds-status-badge} for the replacement component.
+ */
+declare const DsSystemStatus: React.FC<DsSystemStatusProps>;
+//#endregion
+export { DsSystemStatus };
+//# sourceMappingURL=ds-system-status.d.ts.map

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

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

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

@@ -0,0 +1,36 @@
+import ds_system_status_module_default from "./ds-system-status.module.js";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/ds-system-status/ds-system-status.tsx
+/**
+* @deprecated This component is deprecated. Use `DsStatusBadge` instead.
+* @see {@link ../ds-status-badge/ds-status-badge} for the replacement component.
+*/
+const defaultLabels = {
+	healthy: "HEALTHY",
+	neutral: "NEUTRAL",
+	error: "ERROR",
+	"in-progress": "IN PROGRESS",
+	pending: "PENDING",
+	alert: "ALERT",
+	disabled: "DISABLED"
+};
+/**
+* @deprecated This component is deprecated. Use `DsStatusBadge` instead.
+* @see {@link ../ds-status-badge/ds-status-badge} for the replacement component.
+*/
+const DsSystemStatus = ({ status, label, className }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: classNames(ds_system_status_module_default.container, ds_system_status_module_default[status], className),
+		children: [/* @__PURE__ */ jsx("span", { className: ds_system_status_module_default.dot }), /* @__PURE__ */ jsx("span", {
+			className: ds_system_status_module_default.label,
+			children: label || defaultLabels[status]
+		})]
+	});
+};
+var ds_system_status_default = DsSystemStatus;
+
+//#endregion
+export { ds_system_status_default as default };
+//# sourceMappingURL=ds-system-status.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-system-status.js","names":["defaultLabels: Record<DsSystemStatusProps['status'], string>","DsSystemStatus: React.FC<DsSystemStatusProps>","styles"],"sources":["../../../src/components/ds-system-status/ds-system-status.tsx"],"sourcesContent":["import type React from 'react';\nimport classNames from 'classnames';\nimport styles from './ds-system-status.module.scss';\nimport type { DsSystemStatusProps } from './ds-system-status.types';\n\n/**\n * @deprecated This component is deprecated. Use `DsStatusBadge` instead.\n * @see {@link ../ds-status-badge/ds-status-badge} for the replacement component.\n */\nconst defaultLabels: Record<DsSystemStatusProps['status'], string> = {\n\thealthy: 'HEALTHY',\n\tneutral: 'NEUTRAL',\n\terror: 'ERROR',\n\t'in-progress': 'IN PROGRESS',\n\tpending: 'PENDING',\n\talert: 'ALERT',\n\tdisabled: 'DISABLED',\n};\n\n/**\n * @deprecated This component is deprecated. Use `DsStatusBadge` instead.\n * @see {@link ../ds-status-badge/ds-status-badge} for the replacement component.\n */\nconst DsSystemStatus: React.FC<DsSystemStatusProps> = ({ status, label, className }) => {\n\treturn (\n\t\t<div className={classNames(styles.container, styles[status], className)}>\n\t\t\t<span className={styles.dot} />\n\t\t\t<span className={styles.label}>{label || defaultLabels[status]}</span>\n\t\t</div>\n\t);\n};\n\nexport default DsSystemStatus;\n"],"mappings":";;;;;;;;;AASA,MAAMA,gBAA+D;CACpE,SAAS;CACT,SAAS;CACT,OAAO;CACP,eAAe;CACf,SAAS;CACT,OAAO;CACP,UAAU;CACV;;;;;AAMD,MAAMC,kBAAiD,EAAE,QAAQ,OAAO,gBAAgB;AACvF,QACC,qBAAC;EAAI,WAAW,WAAWC,gCAAO,WAAWA,gCAAO,SAAS,UAAU;aACtE,oBAAC,UAAK,WAAWA,gCAAO,MAAO,EAC/B,oBAAC;GAAK,WAAWA,gCAAO;aAAQ,SAAS,cAAc;IAAe;GACjE;;AAIR,+BAAe"}

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

@@ -0,0 +1,17 @@
+
+//#region src/components/ds-system-status/ds-system-status.module.scss
+var ds_system_status_module_default = {
+	"container": "_container_1cszu_1",
+	"dot": "_dot_1cszu_1",
+	"label": "_label_1cszu_1",
+	"healthy": "_healthy_1cszu_1",
+	"neutral": "_neutral_1cszu_1",
+	"error": "_error_1cszu_1",
+	"in-progress": "_in-progress_1cszu_1",
+	"pending": "_pending_1cszu_1",
+	"alert": "_alert_1cszu_1",
+	"disabled": "_disabled_1cszu_1"
+};
+
+//#endregion
+exports.default = ds_system_status_module_default;

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

@@ -0,0 +1,17 @@
+//#region src/components/ds-system-status/ds-system-status.module.scss
+var ds_system_status_module_default = {
+	"container": "_container_1cszu_1",
+	"dot": "_dot_1cszu_1",
+	"label": "_label_1cszu_1",
+	"healthy": "_healthy_1cszu_1",
+	"neutral": "_neutral_1cszu_1",
+	"error": "_error_1cszu_1",
+	"in-progress": "_in-progress_1cszu_1",
+	"pending": "_pending_1cszu_1",
+	"alert": "_alert_1cszu_1",
+	"disabled": "_disabled_1cszu_1"
+};
+
+//#endregion
+export { ds_system_status_module_default as default };
+//# sourceMappingURL=ds-system-status.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-system-status.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-system-status/ds-system-status.module.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_typography.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_variables.scss"],"sourcesContent":["@use '../../styles/typography';\n\n.container {\n\t@include typography.p-special;\n\t@include typography.medium;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 4px;\n\tpadding: 4px 8px;\n\tborder-radius: 4px;\n\twidth: max-content;\n\ttext-transform: uppercase;\n}\n\n.dot {\n\twidth: 10px;\n\theight: 10px;\n\tborder-radius: 50%;\n\tborder: 1px solid var(--white);\n}\n\n.label {\n\t@include typography.p-special;\n}\n\n.healthy {\n\tbackground: var(--utility-ok);\n\tcolor: var(--system-status-ok);\n\n\t.dot {\n\t\tbackground: var(--system-status-ok);\n\t}\n}\n\n.neutral {\n\tbackground: var(--utility-info);\n\tcolor: var(--system-status-info);\n\n\t.dot {\n\t\tbackground: var(--system-status-info);\n\t}\n}\n\n.error {\n\tbackground: var(--utility-error);\n\tcolor: var(--system-status-error);\n\n\t.dot {\n\t\tbackground: var(--system-status-error);\n\t}\n}\n\n.in-progress {\n\tbackground: var(--utility-in-progress);\n\tcolor: var(--system-status-in-progress);\n\n\t.dot {\n\t\tbackground: var(--system-status-in-progress);\n\t}\n}\n\n.pending {\n\tbackground: var(--utility-pending);\n\tcolor: var(--system-status-pending);\n\n\t.dot {\n\t\tbackground: var(--system-status-pending);\n\t}\n}\n\n.alert {\n\tbackground: var(--utility-alert);\n\tcolor: var(--system-status-alert);\n\n\t.dot {\n\t\tbackground: var(--system-status-alert);\n\t}\n}\n\n.disabled {\n\tbackground: var(--utility-disabled);\n\tcolor: var(--neutral-2);\n\n\t.dot {\n\t\tbackground: var(--neutral-2);\n\t}\n}\n"],"mappings":""}

package/dist/components/ds-system-status/ds-system-status.types.cjs

@@ -0,0 +1,18 @@
+
+//#region src/components/ds-system-status/ds-system-status.types.tsx
+/**
+* @deprecated This type is deprecated. Use `DsStatusBadge` and its related types instead.
+* @see {@link ../ds-status-badge/ds-status-badge} for the replacement component.
+*/
+const systemStatuses = [
+	"healthy",
+	"neutral",
+	"error",
+	"in-progress",
+	"pending",
+	"alert",
+	"disabled"
+];
+
+//#endregion
+exports.systemStatuses = systemStatuses;

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

@@ -0,0 +1,31 @@
+//#region src/components/ds-system-status/ds-system-status.types.d.ts
+/**
+ * @deprecated This type is deprecated. Use `DsStatusBadge` and its related types instead.
+ * @see {@link ../ds-status-badge/ds-status-badge} for the replacement component.
+ */
+declare const systemStatuses: readonly ["healthy", "neutral", "error", "in-progress", "pending", "alert", "disabled"];
+/**
+ * @deprecated This type is deprecated. Use `DsStatus` from `ds-status-badge` instead.
+ */
+type SystemStatus = (typeof systemStatuses)[number];
+/**
+ * @deprecated This interface is deprecated. Use `DsStatusBadgeProps` from `ds-status-badge` instead.
+ * @see {@link ../ds-status-badge/ds-status-badge.types} for the replacement interface.
+ */
+interface DsSystemStatusProps {
+  /**
+   * The status of the system
+   */
+  status: SystemStatus;
+  /**
+   * The label to be displayed
+   */
+  label?: string;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+//#endregion
+export { DsSystemStatusProps, SystemStatus, systemStatuses };
+//# sourceMappingURL=ds-system-status.types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-system-status.types.d.cts","names":[],"sources":["../../../src/components/ds-system-status/ds-system-status.types.tsx"],"sourcesContent":[],"mappings":";;AAIA;AAaA;AAMA;cAnBa;;;;KAaD,YAAA,WAAuB;;;;;UAMlB,mBAAA;;;;UAIR"}

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

@@ -0,0 +1,31 @@
+//#region src/components/ds-system-status/ds-system-status.types.d.ts
+/**
+ * @deprecated This type is deprecated. Use `DsStatusBadge` and its related types instead.
+ * @see {@link ../ds-status-badge/ds-status-badge} for the replacement component.
+ */
+declare const systemStatuses: readonly ["healthy", "neutral", "error", "in-progress", "pending", "alert", "disabled"];
+/**
+ * @deprecated This type is deprecated. Use `DsStatus` from `ds-status-badge` instead.
+ */
+type SystemStatus = (typeof systemStatuses)[number];
+/**
+ * @deprecated This interface is deprecated. Use `DsStatusBadgeProps` from `ds-status-badge` instead.
+ * @see {@link ../ds-status-badge/ds-status-badge.types} for the replacement interface.
+ */
+interface DsSystemStatusProps {
+  /**
+   * The status of the system
+   */
+  status: SystemStatus;
+  /**
+   * The label to be displayed
+   */
+  label?: string;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+//#endregion
+export { DsSystemStatusProps, SystemStatus, systemStatuses };
+//# sourceMappingURL=ds-system-status.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-system-status.types.d.ts","names":[],"sources":["../../../src/components/ds-system-status/ds-system-status.types.tsx"],"sourcesContent":[],"mappings":";;AAIA;AAaA;AAMA;cAnBa;;;;KAaD,YAAA,WAAuB;;;;;UAMlB,mBAAA;;;;UAIR"}

package/dist/components/ds-system-status/ds-system-status.types.js

@@ -0,0 +1,18 @@
+//#region src/components/ds-system-status/ds-system-status.types.tsx
+/**
+* @deprecated This type is deprecated. Use `DsStatusBadge` and its related types instead.
+* @see {@link ../ds-status-badge/ds-status-badge} for the replacement component.
+*/
+const systemStatuses = [
+	"healthy",
+	"neutral",
+	"error",
+	"in-progress",
+	"pending",
+	"alert",
+	"disabled"
+];
+
+//#endregion
+export { systemStatuses };
+//# sourceMappingURL=ds-system-status.types.js.map

package/dist/components/ds-system-status/ds-system-status.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-system-status.types.js","names":[],"sources":["../../../src/components/ds-system-status/ds-system-status.types.tsx"],"sourcesContent":["/**\n * @deprecated This type is deprecated. Use `DsStatusBadge` and its related types instead.\n * @see {@link ../ds-status-badge/ds-status-badge} for the replacement component.\n */\nexport const systemStatuses = [\n\t'healthy',\n\t'neutral',\n\t'error',\n\t'in-progress',\n\t'pending',\n\t'alert',\n\t'disabled',\n] as const;\n\n/**\n * @deprecated This type is deprecated. Use `DsStatus` from `ds-status-badge` instead.\n */\nexport type SystemStatus = (typeof systemStatuses)[number];\n\n/**\n * @deprecated This interface is deprecated. Use `DsStatusBadgeProps` from `ds-status-badge` instead.\n * @see {@link ../ds-status-badge/ds-status-badge.types} for the replacement interface.\n */\nexport interface DsSystemStatusProps {\n\t/**\n\t * The status of the system\n\t */\n\tstatus: SystemStatus;\n\t/**\n\t * The label to be displayed\n\t */\n\tlabel?: string;\n\t/**\n\t * Additional CSS class names\n\t */\n\tclassName?: string;\n}\n"],"mappings":";;;;;AAIA,MAAa,iBAAiB;CAC7B;CACA;CACA;CACA;CACA;CACA;CACA;CACA"}

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

@@ -0,0 +1,2 @@
+const require_ds_system_status = require('./ds-system-status.cjs');
+const require_ds_system_status_types = require('./ds-system-status.types.cjs');

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

@@ -0,0 +1,2 @@
+import { DsSystemStatusProps, SystemStatus, systemStatuses } from "./ds-system-status.types.js";
+import { DsSystemStatus } from "./ds-system-status.js";

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

@@ -0,0 +1,2 @@
+import ds_system_status_default from "./ds-system-status.js";
+import { systemStatuses } from "./ds-system-status.types.js";