@drivenets/design-system 0.0.3 → 0.0.5

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

@@ -2,29 +2,76 @@ 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 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/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: {
+function DsStepper(t0) {
+	const $ = (0, react_compiler_runtime.c)(19);
+	const { count, variant, activeStep, onStepChange, onComplete, children } = t0;
+	let t1;
+	if ($[0] !== activeStep || $[1] !== count || $[2] !== onComplete || $[3] !== onStepChange) {
+		t1 = {
+			count,
+			activeStep,
+			onStepChange,
+			onComplete
+		};
+		$[0] = activeStep;
+		$[1] = count;
+		$[2] = onComplete;
+		$[3] = onStepChange;
+		$[4] = t1;
+	} else t1 = $[4];
+	const stepsApi = require_use_steps.useSteps(t1);
+	let t2;
+	if ($[5] !== stepsApi || $[6] !== variant) {
+		t2 = {
 			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" }),
+		};
+		$[5] = stepsApi;
+		$[6] = variant;
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] !== stepsApi) {
+		t3 = stepsApi.getRootProps();
+		$[8] = stepsApi;
+		$[9] = t3;
+	} else t3 = $[9];
+	const t4 = variant === "single";
+	let t5;
+	if ($[10] !== t4) {
+		t5 = (0, classnames.default)(require_ds_stepper_module.default.root, { [require_ds_stepper_module.default.variantSingle]: t4 });
+		$[10] = t4;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== children || $[13] !== t3 || $[14] !== t5) {
+		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			...t3,
+			className: t5,
 			children
-		})
-	});
+		});
+		$[12] = children;
+		$[13] = t3;
+		$[14] = t5;
+		$[15] = t6;
+	} else t6 = $[15];
+	let t7;
+	if ($[16] !== t2 || $[17] !== t6) {
+		t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_stepper.StepperContext.Provider, {
+			value: t2,
+			children: t6
+		});
+		$[16] = t2;
+		$[17] = t6;
+		$[18] = t7;
+	} else t7 = $[18];
+	return t7;
 }
 
 //#endregion

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

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

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

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

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

@@ -1,28 +1,75 @@
 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 { c } from "react/compiler-runtime";
 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: {
+function DsStepper(t0) {
+	const $ = c(19);
+	const { count, variant, activeStep, onStepChange, onComplete, children } = t0;
+	let t1;
+	if ($[0] !== activeStep || $[1] !== count || $[2] !== onComplete || $[3] !== onStepChange) {
+		t1 = {
+			count,
+			activeStep,
+			onStepChange,
+			onComplete
+		};
+		$[0] = activeStep;
+		$[1] = count;
+		$[2] = onComplete;
+		$[3] = onStepChange;
+		$[4] = t1;
+	} else t1 = $[4];
+	const stepsApi = useSteps(t1);
+	let t2;
+	if ($[5] !== stepsApi || $[6] !== variant) {
+		t2 = {
 			stepsApi,
 			variant
-		},
-		children: /* @__PURE__ */ jsx("div", {
-			...stepsApi.getRootProps(),
-			className: classNames(ds_stepper_module_default.root, { [ds_stepper_module_default.variantSingle]: variant === "single" }),
+		};
+		$[5] = stepsApi;
+		$[6] = variant;
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] !== stepsApi) {
+		t3 = stepsApi.getRootProps();
+		$[8] = stepsApi;
+		$[9] = t3;
+	} else t3 = $[9];
+	const t4 = variant === "single";
+	let t5;
+	if ($[10] !== t4) {
+		t5 = classNames(ds_stepper_module_default.root, { [ds_stepper_module_default.variantSingle]: t4 });
+		$[10] = t4;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== children || $[13] !== t3 || $[14] !== t5) {
+		t6 = /* @__PURE__ */ jsx("div", {
+			...t3,
+			className: t5,
 			children
-		})
-	});
+		});
+		$[12] = children;
+		$[13] = t3;
+		$[14] = t5;
+		$[15] = t6;
+	} else t6 = $[15];
+	let t7;
+	if ($[16] !== t2 || $[17] !== t6) {
+		t7 = /* @__PURE__ */ jsx(StepperContext.Provider, {
+			value: t2,
+			children: t6
+		});
+		$[16] = t2;
+		$[17] = t6;
+		$[18] = t7;
+	} else t7 = $[18];
+	return t7;
 }
 
 //#endregion

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

@@ -1 +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"}
+{"version":3,"file":"ds-stepper.js","names":["classnames","styles","useSteps","StepperContext","DsStepperProps","DsStepper","t0","$","_c","count","variant","activeStep","onStepChange","onComplete","children","t1","stepsApi","t2","t3","getRootProps","t4","t5","root","variantSingle","t6","t7"],"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,SAAOK,UAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAmB,MAAA,EAAAC,OAAAC,SAAAC,YAAAC,cAAAC,YAAAC,aAAAR;CAOT,IAAAS;AAAA,KAAAR,EAAA,OAAAI,cAAAJ,EAAA,OAAAE,SAAAF,EAAA,OAAAM,cAAAN,EAAA,OAAAK,cAAA;AACUG,OAAA;GAAAN;GAAAE;GAAAC;GAAAC;GAA+C;AAAAN,IAAA,KAAAI;AAAAJ,IAAA,KAAAE;AAAAF,IAAA,KAAAM;AAAAN,IAAA,KAAAK;AAAAL,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAAzE,MAAAS,WAAiBd,SAASa,GAAgD;CAAC,IAAAE;AAAA,KAAAV,EAAA,OAAAS,YAAAT,EAAA,OAAAG,SAAA;AAIlEO,OAAA;GAAAD;GAAAN;GAGN;AAAAH,IAAA,KAAAS;AAAAT,IAAA,KAAAG;AAAAH,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAAA,IAAAW;AAAA,KAAAX,EAAA,OAAAS,UAAA;AAGIE,OAAAF,SAAQG,cAAe;AAAAZ,IAAA,KAAAS;AAAAT,IAAA,KAAAW;OAAAA,MAAAX,EAAA;CAEF,MAAAa,KAAAV,YAAY;CAAQ,IAAAW;AAAA,KAAAd,EAAA,QAAAa,IAAA;AADlCC,OAAArB,WAAWC,0BAAMqB,MAAO,GACjCrB,0BAAMsB,gBAAiBH,IACxB,CAAC;AAAAb,IAAA,MAAAa;AAAAb,IAAA,MAAAc;OAAAA,MAAAd,EAAA;CAAA,IAAAiB;AAAA,KAAAjB,EAAA,QAAAO,YAAAP,EAAA,QAAAW,MAAAX,EAAA,QAAAc,IAAA;AAJHG,OAAA,oBAAA;GAOM,GANDN;GACO,WAAAG;GAIVP;IACI;AAAAP,IAAA,MAAAO;AAAAP,IAAA,MAAAW;AAAAX,IAAA,MAAAc;AAAAd,IAAA,MAAAiB;OAAAA,MAAAjB,EAAA;CAAA,IAAAkB;AAAA,KAAAlB,EAAA,QAAAU,MAAAV,EAAA,QAAAiB,IAAA;AAbPC,OAAA,oBAAA,eAAA;GACQ,OAAAR;aAKPO;IAQyB;AAAAjB,IAAA,MAAAU;AAAAV,IAAA,MAAAiB;AAAAjB,IAAA,MAAAkB;OAAAA,MAAAlB,EAAA;AAAA,QAd1BkB"}

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

@@ -1 +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"}
+{"version":3,"file":"use-stepper.js","names":["createContext","useContext","DsStepperVariant","useSteps","StepsContext","stepsApi","ReturnType","variant","StepperContext","useStepper","context","Error"],"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,MAAaQ,iBAAiBR,cAAmC,KAAK;AAEtE,SAAOS,aAAA;CACN,MAAAC,UAAgBT,WAAWO,eAAe;AAE1C,KAAI,CAACE,QACJ,OAAM,IAAIC,MAAM,6CAA6C;AAC7D,QAEMD"}

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

@@ -1,19 +1,39 @@
 const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let react_compiler_runtime = require("react/compiler-runtime");
 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);
+function useSteps(t0) {
+	const $ = (0, react_compiler_runtime.c)(8);
+	const { count, activeStep, onStepChange, onComplete } = t0;
+	const t1 = (0, react.useId)();
+	let t2;
+	if ($[0] !== activeStep || $[1] !== count || $[2] !== onComplete || $[3] !== onStepChange || $[4] !== t1) {
+		t2 = {
+			id: t1,
+			count,
+			step: activeStep,
+			onStepChange,
+			onStepComplete: onComplete
+		};
+		$[0] = activeStep;
+		$[1] = count;
+		$[2] = onComplete;
+		$[3] = onStepChange;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	const service = (0, __zag_js_react.useMachine)(__zag_js_steps.machine, t2);
+	let t3;
+	if ($[6] !== service) {
+		t3 = __zag_js_steps.connect(service, __zag_js_react.normalizeProps);
+		$[6] = service;
+		$[7] = t3;
+	} else t3 = $[7];
+	return t3;
 }
 
 //#endregion

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

@@ -1,17 +1,37 @@
+import { c } from "react/compiler-runtime";
 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);
+function useSteps(t0) {
+	const $ = c(8);
+	const { count, activeStep, onStepChange, onComplete } = t0;
+	const t1 = useId();
+	let t2;
+	if ($[0] !== activeStep || $[1] !== count || $[2] !== onComplete || $[3] !== onStepChange || $[4] !== t1) {
+		t2 = {
+			id: t1,
+			count,
+			step: activeStep,
+			onStepChange,
+			onStepComplete: onComplete
+		};
+		$[0] = activeStep;
+		$[1] = count;
+		$[2] = onComplete;
+		$[3] = onStepChange;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	const service = useMachine(steps.machine, t2);
+	let t3;
+	if ($[6] !== service) {
+		t3 = steps.connect(service, normalizeProps);
+		$[6] = service;
+		$[7] = t3;
+	} else t3 = $[7];
+	return t3;
 }
 
 //#endregion

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

@@ -1 +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"}
+{"version":3,"file":"use-steps.js","names":["useId","steps","normalizeProps","useMachine","DsStepperProps","UseSteps","Pick","useSteps","t0","$","_c","count","activeStep","onStepChange","onComplete","t1","t2","id","step","onStepComplete","service","machine","t3","connect"],"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,SAAOO,SAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAkB,MAAA,EAAAC,OAAAC,YAAAC,cAAAC,eAAAN;CAEnB,MAAAO,KAAAf,OAAO;CAAA,IAAAgB;AAAA,KAAAP,EAAA,OAAAG,cAAAH,EAAA,OAAAE,SAAAF,EAAA,OAAAK,cAAAL,EAAA,OAAAI,gBAAAJ,EAAA,OAAAM,IAAA;AAD8BC,OAAA;GAAAC,IACrCF;GAAOJ;GAAAO,MAELN;GAAUC;GAAAM,gBAEAL;GAChB;AAAAL,IAAA,KAAAG;AAAAH,IAAA,KAAAE;AAAAF,IAAA,KAAAK;AAAAL,IAAA,KAAAI;AAAAJ,IAAA,KAAAM;AAAAN,IAAA,KAAAO;OAAAA,MAAAP,EAAA;CAND,MAAAW,UAAgBjB,WAAWF,MAAKoB,SAAUL,GAMxC;CAAC,IAAAM;AAAA,KAAAb,EAAA,OAAAW,SAAA;AAEIE,OAAArB,MAAKsB,QAASH,SAASlB,eAAe;AAAAO,IAAA,KAAAW;AAAAX,IAAA,KAAAa;OAAAA,MAAAb,EAAA;AAAA,QAAtCa"}

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

@@ -1,5 +1,6 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_ds_system_status_module = require('./ds-system-status.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");
@@ -22,14 +23,43 @@ const defaultLabels = {
 * @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", {
+const DsSystemStatus = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(9);
+	const { status, label, className } = t0;
+	const t1 = require_ds_system_status_module.default[status];
+	let t2;
+	if ($[0] !== className || $[1] !== t1) {
+		t2 = (0, classnames.default)(require_ds_system_status_module.default.container, t1, className);
+		$[0] = className;
+		$[1] = t1;
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: require_ds_system_status_module.default.dot });
+		$[3] = t3;
+	} else t3 = $[3];
+	const t4 = label || defaultLabels[status];
+	let t5;
+	if ($[4] !== t4) {
+		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 			className: require_ds_system_status_module.default.label,
-			children: label || defaultLabels[status]
-		})]
-	});
+			children: t4
+		});
+		$[4] = t4;
+		$[5] = t5;
+	} else t5 = $[5];
+	let t6;
+	if ($[6] !== t2 || $[7] !== t5) {
+		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: t2,
+			children: [t3, t5]
+		});
+		$[6] = t2;
+		$[7] = t5;
+		$[8] = t6;
+	} else t6 = $[8];
+	return t6;
 };
 var ds_system_status_default = DsSystemStatus;
 

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

@@ -1,4 +1,5 @@
 import ds_system_status_module_default from "./ds-system-status.module.js";
+import { c } from "react/compiler-runtime";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -20,14 +21,43 @@ const defaultLabels = {
 * @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", {
+const DsSystemStatus = (t0) => {
+	const $ = c(9);
+	const { status, label, className } = t0;
+	const t1 = ds_system_status_module_default[status];
+	let t2;
+	if ($[0] !== className || $[1] !== t1) {
+		t2 = classNames(ds_system_status_module_default.container, t1, className);
+		$[0] = className;
+		$[1] = t1;
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx("span", { className: ds_system_status_module_default.dot });
+		$[3] = t3;
+	} else t3 = $[3];
+	const t4 = label || defaultLabels[status];
+	let t5;
+	if ($[4] !== t4) {
+		t5 = /* @__PURE__ */ jsx("span", {
 			className: ds_system_status_module_default.label,
-			children: label || defaultLabels[status]
-		})]
-	});
+			children: t4
+		});
+		$[4] = t4;
+		$[5] = t5;
+	} else t5 = $[5];
+	let t6;
+	if ($[6] !== t2 || $[7] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: t2,
+			children: [t3, t5]
+		});
+		$[6] = t2;
+		$[7] = t5;
+		$[8] = t6;
+	} else t6 = $[8];
+	return t6;
 };
 var ds_system_status_default = DsSystemStatus;
 

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

@@ -1 +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"}
+{"version":3,"file":"ds-system-status.js","names":["React","classNames","styles","DsSystemStatusProps","defaultLabels","Record","healthy","neutral","error","pending","alert","disabled","DsSystemStatus","FC","t0","$","_c","status","label","className","t1","t2","container","t3","Symbol","for","dot","t4","t5","t6"],"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,MAAMI,gBAA+D;CACpEE,SAAS;CACTC,SAAS;CACTC,OAAO;CACP,eAAe;CACfC,SAAS;CACTC,OAAO;CACPC,UAAU;CACV;;;;;AAMD,MAAMC,kBAAgDE,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAC,MAAA,EAAAC,QAAAC,OAAAC,cAAAL;CAER,MAAAM,KAAAlB,gCAAOe;CAAO,IAAAI;AAAA,KAAAN,EAAA,OAAAI,aAAAJ,EAAA,OAAAK,IAAA;AAA3CC,OAAApB,WAAWC,gCAAMoB,WAAYF,IAAgBD,UAAU;AAAAJ,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;AAAAL,IAAA,KAAAM;OAAAA,MAAAN,EAAA;CAAA,IAAAQ;AAAA,KAAAR,EAAA,OAAAS,OAAAC,IAAA,4BAAA,EAAA;AACtEF,OAAA,oBAAA,UAAiB,WAAArB,gCAAMwB,MAAQ;AAAAX,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CACC,MAAAY,KAAAT,SAASd,cAAca;CAAO,IAAAW;AAAA,KAAAb,EAAA,OAAAY,IAAA;AAA9DC,OAAA,oBAAA;GAAiB,WAAA1B,gCAAMgB;aAASS;IAAsC;AAAAZ,IAAA,KAAAY;AAAAZ,IAAA,KAAAa;OAAAA,MAAAb,EAAA;CAAA,IAAAc;AAAA,KAAAd,EAAA,OAAAM,MAAAN,EAAA,OAAAa,IAAA;AAFvEC,OAAA,qBAAA;GAAgB,WAAAR;cACfE,IACAK;IACK;AAAAb,IAAA,KAAAM;AAAAN,IAAA,KAAAa;AAAAb,IAAA,KAAAc;OAAAA,MAAAd,EAAA;AAAA,QAHNc;;AAOF,+BAAejB"}

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

@@ -1 +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"}
+{"version":3,"file":"ds-system-status.types.js","names":["systemStatuses","const","SystemStatus","DsSystemStatusProps","status","label","className"],"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,MAAaA,iBAAiB;CAC7B;CACA;CACA;CACA;CACA;CACA;CACA;CACA"}