@drivenets/design-system 0.6.0 → 0.7.0

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

@@ -1,31 +0,0 @@
-
-//#region src/components/ds-modal/ds-modal.module.scss
-var ds_modal_module_default = {
-	"overlay": "_overlay_5aciv_1",
-	"fade-in-overlay": "_fade-in-overlay_5aciv_1",
-	"fade-out-overlay": "_fade-out-overlay_5aciv_1",
-	"modal": "_modal_5aciv_1",
-	"scale-in-modal": "_scale-in-modal_5aciv_1",
-	"scale-out-modal": "_scale-out-modal_5aciv_1",
-	"content": "_content_5aciv_1",
-	"header": "_header_5aciv_1",
-	"footer": "_footer_5aciv_1",
-	"body": "_body_5aciv_1",
-	"title": "_title_5aciv_1",
-	"actions": "_actions_5aciv_1",
-	"cols-1": "_cols-1_5aciv_1",
-	"cols-2": "_cols-2_5aciv_1",
-	"cols-3": "_cols-3_5aciv_1",
-	"cols-4": "_cols-4_5aciv_1",
-	"cols-5": "_cols-5_5aciv_1",
-	"cols-6": "_cols-6_5aciv_1",
-	"cols-7": "_cols-7_5aciv_1",
-	"cols-8": "_cols-8_5aciv_1",
-	"cols-9": "_cols-9_5aciv_1",
-	"cols-10": "_cols-10_5aciv_1",
-	"cols-11": "_cols-11_5aciv_1",
-	"cols-12": "_cols-12_5aciv_1"
-};
-
-//#endregion
-exports.default = ds_modal_module_default;

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

@@ -1,31 +0,0 @@
-//#region src/components/ds-modal/ds-modal.module.scss
-var ds_modal_module_default = {
-	"overlay": "_overlay_5aciv_1",
-	"fade-in-overlay": "_fade-in-overlay_5aciv_1",
-	"fade-out-overlay": "_fade-out-overlay_5aciv_1",
-	"modal": "_modal_5aciv_1",
-	"scale-in-modal": "_scale-in-modal_5aciv_1",
-	"scale-out-modal": "_scale-out-modal_5aciv_1",
-	"content": "_content_5aciv_1",
-	"header": "_header_5aciv_1",
-	"footer": "_footer_5aciv_1",
-	"body": "_body_5aciv_1",
-	"title": "_title_5aciv_1",
-	"actions": "_actions_5aciv_1",
-	"cols-1": "_cols-1_5aciv_1",
-	"cols-2": "_cols-2_5aciv_1",
-	"cols-3": "_cols-3_5aciv_1",
-	"cols-4": "_cols-4_5aciv_1",
-	"cols-5": "_cols-5_5aciv_1",
-	"cols-6": "_cols-6_5aciv_1",
-	"cols-7": "_cols-7_5aciv_1",
-	"cols-8": "_cols-8_5aciv_1",
-	"cols-9": "_cols-9_5aciv_1",
-	"cols-10": "_cols-10_5aciv_1",
-	"cols-11": "_cols-11_5aciv_1",
-	"cols-12": "_cols-12_5aciv_1"
-};
-
-//#endregion
-export { ds_modal_module_default as default };
-//# sourceMappingURL=ds-modal.module.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-modal.module.js","names":[],"sources":["../../../src/components/ds-modal/ds-modal.module.scss"],"sourcesContent":["$pad-x: var(--spacing-lg);\n$pad-y: var(--spacing-standard);\n$max-width: 90vw;\n$border-size: 1px;\n$border: $border-size solid var(--color-border-secondary);\n\n.overlay {\n\tposition: fixed;\n\tinset: 0;\n\tbackground: var(--color-background-brand);\n\topacity: 0.4;\n\tz-index: 1199;\n\n\t&[data-state='open'] {\n\t\tanimation: fade-in-overlay 0.2s ease-in-out both;\n\t}\n\n\t&[data-state='closed'] {\n\t\tanimation: fade-out-overlay 0.2s 0.1s ease-in-out both;\n\t}\n}\n\n@keyframes fade-in-overlay {\n\t0% {\n\t\topacity: 0;\n\t}\n\n\t100% {\n\t\topacity: 0.4;\n\t}\n}\n\n@keyframes fade-out-overlay {\n\t0% {\n\t\topacity: 0.4;\n\t}\n\n\t100% {\n\t\topacity: 0;\n\t}\n}\n\n.modal {\n\tposition: fixed;\n\tinset: 50% auto auto 50%;\n\tbackground: var(--color-background);\n\tborder-radius: 4px;\n\tbox-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);\n\tz-index: 1200;\n\toverflow: hidden;\n\tinline-size: min(var(--col-span-6), $max-width);\n\n\t&[data-state='open'] {\n\t\tanimation: scale-in-modal 0.2s 0.1s ease-in-out both;\n\t}\n\n\t&[data-state='closed'] {\n\t\tanimation: scale-out-modal 0.2s ease-in-out both;\n\t}\n}\n\n@keyframes scale-in-modal {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: translate(-50%, -50%) scale(0.9);\n\t}\n\n\t100% {\n\t\topacity: 1;\n\t\ttransform: translate(-50%, -50%) scale(1);\n\t}\n}\n\n@keyframes scale-out-modal {\n\t0% {\n\t\topacity: 1;\n\t\ttransform: translate(-50%, -50%) scale(1);\n\t}\n\n\t100% {\n\t\topacity: 0;\n\t\ttransform: translate(-50%, -50%) scale(0.9);\n\t}\n}\n\n.content {\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n}\n\n.header,\n.footer,\n.body {\n\tpadding: $pad-y $pad-x;\n}\n\n.header {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: var(--spacing-xs);\n\tposition: relative;\n\tbackground: inherit;\n\tflex-shrink: 0;\n\n\t&::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tbottom: 0;\n\t\tleft: $pad-x;\n\t\tright: $pad-x;\n\t\theight: $border-size;\n\t\tbackground: var(--color-border-secondary);\n\t}\n}\n\n.footer {\n\tdisplay: flex;\n\tbackground: inherit;\n\tflex-shrink: 0;\n}\n\n.title {\n\tcolor: var(--color-font-main);\n\tmargin: 0;\n\tflex: 1;\n}\n\n.body {\n\tflex: 1;\n\toverflow-y: auto;\n\toverflow-x: hidden;\n\tmin-height: 0;\n}\n\n.actions {\n\tdisplay: flex;\n\tgap: var(--spacing-xs);\n\tjustify-content: flex-end;\n\tmargin-left: auto;\n}\n\n// Dividers mode: full-width borders on header and footer\n.content[data-dividers] {\n\t.header {\n\t\tborder-bottom: $border;\n\n\t\t&::after {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.footer {\n\t\tborder-top: $border;\n\t}\n}\n\n// Width classes derived from DS grid\n@for $i from 1 through 12 {\n\t.modal.cols-#{$i} {\n\t\tinline-size: min(var(--col-span-#{$i}), $max-width);\n\t}\n}\n"],"mappings":""}

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

@@ -1,48 +0,0 @@
-import { CSSProperties, ReactNode } from "react";
-import { UseDialogProps } from "@ark-ui/react/dialog";
-
-//#region src/components/ds-modal/ds-modal.types.d.ts
-
-/**
- * Available column sizes for modal width
- */
-type DsModalColumns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-/**
- * Props for the DsModal component
- */
-interface DsModalProps extends Pick<UseDialogProps, 'modal' | 'closeOnEscape' | 'closeOnInteractOutside'> {
-  /**
-   * Whether the modal is open
-   */
-  open: boolean;
-  /**
-   * Number of grid columns for modal width
-   * @default 6
-   */
-  columns?: DsModalColumns;
-  /**
-   * Show full-width dividers between header, body, and footer sections
-   * @default false
-   */
-  dividers?: boolean;
-  /**
-   * Optional inline styles to apply to the component
-   */
-  style?: CSSProperties;
-  /**
-   * Additional CSS class name
-   */
-  className?: string;
-  /**
-   * Modal body content
-   */
-  children: ReactNode;
-  /**
-   * Callback when modal open state changes
-   * @param open - whether the modal is open
-   */
-  onOpenChange: (open: boolean) => void;
-}
-//#endregion
-export { DsModalColumns, DsModalProps };
-//# sourceMappingURL=ds-modal.types.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-modal.types.d.cts","names":[],"sources":["../../../src/components/ds-modal/ds-modal.types.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAMA;AAKiB,KALL,cAAA,GAKkB,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA;;;;AAkCnB,UAlCM,YAAA,SAAqB,IAkC3B,CAjCV,cAiCU,EAAA,OAAA,GAAA,eAAA,GAAA,wBAAA,CAAA,CAAA;EAlC2B;;;;;;;;YAa3B;;;;;;;;;UAWF;;;;;;;;YAUE"}

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

@@ -1,48 +0,0 @@
-import { CSSProperties, ReactNode } from "react";
-import { UseDialogProps } from "@ark-ui/react/dialog";
-
-//#region src/components/ds-modal/ds-modal.types.d.ts
-
-/**
- * Available column sizes for modal width
- */
-type DsModalColumns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-/**
- * Props for the DsModal component
- */
-interface DsModalProps extends Pick<UseDialogProps, 'modal' | 'closeOnEscape' | 'closeOnInteractOutside'> {
-  /**
-   * Whether the modal is open
-   */
-  open: boolean;
-  /**
-   * Number of grid columns for modal width
-   * @default 6
-   */
-  columns?: DsModalColumns;
-  /**
-   * Show full-width dividers between header, body, and footer sections
-   * @default false
-   */
-  dividers?: boolean;
-  /**
-   * Optional inline styles to apply to the component
-   */
-  style?: CSSProperties;
-  /**
-   * Additional CSS class name
-   */
-  className?: string;
-  /**
-   * Modal body content
-   */
-  children: ReactNode;
-  /**
-   * Callback when modal open state changes
-   * @param open - whether the modal is open
-   */
-  onOpenChange: (open: boolean) => void;
-}
-//#endregion
-export { DsModalColumns, DsModalProps };
-//# sourceMappingURL=ds-modal.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-modal.types.d.ts","names":[],"sources":["../../../src/components/ds-modal/ds-modal.types.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAMA;AAKiB,KALL,cAAA,GAKkB,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA;;;;AAkCnB,UAlCM,YAAA,SAAqB,IAkC3B,CAjCV,cAiCU,EAAA,OAAA,GAAA,eAAA,GAAA,wBAAA,CAAA,CAAA;EAlC2B;;;;;;;;YAa3B;;;;;;;;;UAWF;;;;;;;;YAUE"}

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

@@ -1 +0,0 @@
-const require_ds_modal = require('./ds-modal.cjs');

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

@@ -1,2 +0,0 @@
-import { DsModalColumns, DsModalProps } from "./ds-modal.types.js";
-import { DsModal } from "./ds-modal.js";

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

@@ -1 +0,0 @@
-import ds_modal_default from "./ds-modal.js";

package/dist/components/ds-number-input/ds-number-input.cjs

@@ -1,158 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_ds_icon = require('../ds-icon/ds-icon.cjs');
-require('../ds-icon/index.cjs');
-const require_ds_number_input_module = require('./ds-number-input.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");
-let _ark_ui_react = require("@ark-ui/react");
-
-//#region src/components/ds-number-input/ds-number-input.tsx
-const DsNumberInput = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(33);
-	const { id, ref, name, size: t1, onBlur, onChange, onValueChange, className, style: t2, placeholder, disabled: t3, min, max, step, value, defaultValue } = t0;
-	const size = t1 === void 0 ? "default" : t1;
-	let t4;
-	if ($[0] !== t2) {
-		t4 = t2 === void 0 ? {} : t2;
-		$[0] = t2;
-		$[1] = t4;
-	} else t4 = $[1];
-	const style = t4;
-	const disabled = t3 === void 0 ? false : t3;
-	const t5 = size === "small";
-	const t6 = size === "default";
-	let t7;
-	if ($[2] !== className || $[3] !== t5 || $[4] !== t6) {
-		t7 = (0, classnames.default)(require_ds_number_input_module.default.textInputContainer, {
-			[require_ds_number_input_module.default.small]: t5,
-			[require_ds_number_input_module.default.default]: t6
-		}, className);
-		$[2] = className;
-		$[3] = t5;
-		$[4] = t6;
-		$[5] = t7;
-	} else t7 = $[5];
-	const containerClass = t7;
-	const t8 = typeof value !== "undefined" ? String(value) : void 0;
-	const t9 = typeof defaultValue !== "undefined" ? String(defaultValue) : void 0;
-	let t10;
-	if ($[6] !== onValueChange) {
-		t10 = (details) => onValueChange?.(details.valueAsNumber);
-		$[6] = onValueChange;
-		$[7] = t10;
-	} else t10 = $[7];
-	let t11;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t11 = (0, classnames.default)(require_ds_number_input_module.default.iconButton);
-		$[8] = t11;
-	} else t11 = $[8];
-	let t12;
-	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-		t12 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.NumberInput.DecrementTrigger, {
-			asChild: true,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-				type: "button",
-				className: t11,
-				"aria-label": "Decrease value",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-					icon: "remove",
-					size: "tiny"
-				})
-			})
-		});
-		$[9] = t12;
-	} else t12 = $[9];
-	let t13;
-	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-		t13 = (0, classnames.default)(require_ds_number_input_module.default.input);
-		$[10] = t13;
-	} else t13 = $[10];
-	let t14;
-	if ($[11] !== name || $[12] !== onBlur || $[13] !== onChange || $[14] !== placeholder || $[15] !== ref) {
-		t14 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.NumberInput.Input, {
-			ref,
-			name,
-			className: t13,
-			placeholder,
-			onBlur,
-			onChange
-		});
-		$[11] = name;
-		$[12] = onBlur;
-		$[13] = onChange;
-		$[14] = placeholder;
-		$[15] = ref;
-		$[16] = t14;
-	} else t14 = $[16];
-	let t15;
-	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
-		t15 = (0, classnames.default)(require_ds_number_input_module.default.iconButton);
-		$[17] = t15;
-	} else t15 = $[17];
-	let t16;
-	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
-		t16 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.NumberInput.IncrementTrigger, {
-			asChild: true,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-				type: "button",
-				className: t15,
-				"aria-label": "Increase value",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-					icon: "add",
-					size: "tiny"
-				})
-			})
-		});
-		$[18] = t16;
-	} else t16 = $[18];
-	let t17;
-	if ($[19] !== containerClass || $[20] !== style || $[21] !== t14) {
-		t17 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.NumberInput.Control, {
-			asChild: true,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: containerClass,
-				style,
-				children: [
-					t12,
-					t14,
-					t16
-				]
-			})
-		});
-		$[19] = containerClass;
-		$[20] = style;
-		$[21] = t14;
-		$[22] = t17;
-	} else t17 = $[22];
-	let t18;
-	if ($[23] !== disabled || $[24] !== id || $[25] !== max || $[26] !== min || $[27] !== step || $[28] !== t10 || $[29] !== t17 || $[30] !== t8 || $[31] !== t9) {
-		t18 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.NumberInput.Root, {
-			id,
-			min,
-			max,
-			step,
-			disabled,
-			value: t8,
-			defaultValue: t9,
-			onValueChange: t10,
-			children: t17
-		});
-		$[23] = disabled;
-		$[24] = id;
-		$[25] = max;
-		$[26] = min;
-		$[27] = step;
-		$[28] = t10;
-		$[29] = t17;
-		$[30] = t8;
-		$[31] = t9;
-		$[32] = t18;
-	} else t18 = $[32];
-	return t18;
-};
-var ds_number_input_default = DsNumberInput;
-
-//#endregion
-exports.default = ds_number_input_default;

package/dist/components/ds-number-input/ds-number-input.d.cts

@@ -1,8 +0,0 @@
-import { DsNumberInputProps } from "./ds-number-input.types.cjs";
-import { FC } from "react";
-
-//#region src/components/ds-number-input/ds-number-input.d.ts
-declare const DsNumberInput: FC<DsNumberInputProps>;
-//#endregion
-export { DsNumberInput };
-//# sourceMappingURL=ds-number-input.d.cts.map

package/dist/components/ds-number-input/ds-number-input.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-number-input.d.cts","names":[],"sources":["../../../src/components/ds-number-input/ds-number-input.tsx"],"sourcesContent":[],"mappings":";;;;cAOM,eAAe,GAAG"}

package/dist/components/ds-number-input/ds-number-input.d.ts

@@ -1,8 +0,0 @@
-import { DsNumberInputProps } from "./ds-number-input.types.js";
-import { FC } from "react";
-
-//#region src/components/ds-number-input/ds-number-input.d.ts
-declare const DsNumberInput: FC<DsNumberInputProps>;
-//#endregion
-export { DsNumberInput };
-//# sourceMappingURL=ds-number-input.d.ts.map

package/dist/components/ds-number-input/ds-number-input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-number-input.d.ts","names":[],"sources":["../../../src/components/ds-number-input/ds-number-input.tsx"],"sourcesContent":[],"mappings":";;;;cAOM,eAAe,GAAG"}

package/dist/components/ds-number-input/ds-number-input.js

@@ -1,157 +0,0 @@
-import ds_icon_default from "../ds-icon/ds-icon.js";
-import "../ds-icon/index.js";
-import ds_number_input_module_default from "./ds-number-input.module.js";
-import { c } from "react/compiler-runtime";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { NumberInput } from "@ark-ui/react";
-
-//#region src/components/ds-number-input/ds-number-input.tsx
-const DsNumberInput = (t0) => {
-	const $ = c(33);
-	const { id, ref, name, size: t1, onBlur, onChange, onValueChange, className, style: t2, placeholder, disabled: t3, min, max, step, value, defaultValue } = t0;
-	const size = t1 === void 0 ? "default" : t1;
-	let t4;
-	if ($[0] !== t2) {
-		t4 = t2 === void 0 ? {} : t2;
-		$[0] = t2;
-		$[1] = t4;
-	} else t4 = $[1];
-	const style = t4;
-	const disabled = t3 === void 0 ? false : t3;
-	const t5 = size === "small";
-	const t6 = size === "default";
-	let t7;
-	if ($[2] !== className || $[3] !== t5 || $[4] !== t6) {
-		t7 = classNames(ds_number_input_module_default.textInputContainer, {
-			[ds_number_input_module_default.small]: t5,
-			[ds_number_input_module_default.default]: t6
-		}, className);
-		$[2] = className;
-		$[3] = t5;
-		$[4] = t6;
-		$[5] = t7;
-	} else t7 = $[5];
-	const containerClass = t7;
-	const t8 = typeof value !== "undefined" ? String(value) : void 0;
-	const t9 = typeof defaultValue !== "undefined" ? String(defaultValue) : void 0;
-	let t10;
-	if ($[6] !== onValueChange) {
-		t10 = (details) => onValueChange?.(details.valueAsNumber);
-		$[6] = onValueChange;
-		$[7] = t10;
-	} else t10 = $[7];
-	let t11;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t11 = classNames(ds_number_input_module_default.iconButton);
-		$[8] = t11;
-	} else t11 = $[8];
-	let t12;
-	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-		t12 = /* @__PURE__ */ jsx(NumberInput.DecrementTrigger, {
-			asChild: true,
-			children: /* @__PURE__ */ jsx("button", {
-				type: "button",
-				className: t11,
-				"aria-label": "Decrease value",
-				children: /* @__PURE__ */ jsx(ds_icon_default, {
-					icon: "remove",
-					size: "tiny"
-				})
-			})
-		});
-		$[9] = t12;
-	} else t12 = $[9];
-	let t13;
-	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-		t13 = classNames(ds_number_input_module_default.input);
-		$[10] = t13;
-	} else t13 = $[10];
-	let t14;
-	if ($[11] !== name || $[12] !== onBlur || $[13] !== onChange || $[14] !== placeholder || $[15] !== ref) {
-		t14 = /* @__PURE__ */ jsx(NumberInput.Input, {
-			ref,
-			name,
-			className: t13,
-			placeholder,
-			onBlur,
-			onChange
-		});
-		$[11] = name;
-		$[12] = onBlur;
-		$[13] = onChange;
-		$[14] = placeholder;
-		$[15] = ref;
-		$[16] = t14;
-	} else t14 = $[16];
-	let t15;
-	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
-		t15 = classNames(ds_number_input_module_default.iconButton);
-		$[17] = t15;
-	} else t15 = $[17];
-	let t16;
-	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
-		t16 = /* @__PURE__ */ jsx(NumberInput.IncrementTrigger, {
-			asChild: true,
-			children: /* @__PURE__ */ jsx("button", {
-				type: "button",
-				className: t15,
-				"aria-label": "Increase value",
-				children: /* @__PURE__ */ jsx(ds_icon_default, {
-					icon: "add",
-					size: "tiny"
-				})
-			})
-		});
-		$[18] = t16;
-	} else t16 = $[18];
-	let t17;
-	if ($[19] !== containerClass || $[20] !== style || $[21] !== t14) {
-		t17 = /* @__PURE__ */ jsx(NumberInput.Control, {
-			asChild: true,
-			children: /* @__PURE__ */ jsxs("div", {
-				className: containerClass,
-				style,
-				children: [
-					t12,
-					t14,
-					t16
-				]
-			})
-		});
-		$[19] = containerClass;
-		$[20] = style;
-		$[21] = t14;
-		$[22] = t17;
-	} else t17 = $[22];
-	let t18;
-	if ($[23] !== disabled || $[24] !== id || $[25] !== max || $[26] !== min || $[27] !== step || $[28] !== t10 || $[29] !== t17 || $[30] !== t8 || $[31] !== t9) {
-		t18 = /* @__PURE__ */ jsx(NumberInput.Root, {
-			id,
-			min,
-			max,
-			step,
-			disabled,
-			value: t8,
-			defaultValue: t9,
-			onValueChange: t10,
-			children: t17
-		});
-		$[23] = disabled;
-		$[24] = id;
-		$[25] = max;
-		$[26] = min;
-		$[27] = step;
-		$[28] = t10;
-		$[29] = t17;
-		$[30] = t8;
-		$[31] = t9;
-		$[32] = t18;
-	} else t18 = $[32];
-	return t18;
-};
-var ds_number_input_default = DsNumberInput;
-
-//#endregion
-export { ds_number_input_default as default };
-//# sourceMappingURL=ds-number-input.js.map

package/dist/components/ds-number-input/ds-number-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-number-input.js","names":["FC","classNames","NumberInput","styles","DsNumberInputProps","DsIcon","DsNumberInput","t0","$","_c","id","ref","name","size","t1","onBlur","onChange","onValueChange","className","style","t2","placeholder","disabled","t3","min","max","step","value","defaultValue","undefined","t4","t5","t6","t7","textInputContainer","small","default","containerClass","t8","String","t9","t10","details","valueAsNumber","t11","Symbol","for","iconButton","t12","t13","input","t14","t15","t16","t17","t18"],"sources":["../../../src/components/ds-number-input/ds-number-input.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport classNames from 'classnames';\nimport { NumberInput } from '@ark-ui/react';\nimport styles from './ds-number-input.module.scss';\nimport type { DsNumberInputProps } from './ds-number-input.types';\nimport { DsIcon } from '../ds-icon';\n\nconst DsNumberInput: FC<DsNumberInputProps> = ({\n\tid,\n\tref,\n\tname,\n\tsize = 'default',\n\tonBlur,\n\tonChange,\n\tonValueChange,\n\tclassName,\n\tstyle = {},\n\tplaceholder,\n\tdisabled = false,\n\tmin,\n\tmax,\n\tstep,\n\tvalue,\n\tdefaultValue,\n}) => {\n\tconst containerClass = classNames(\n\t\tstyles.textInputContainer,\n\t\t{\n\t\t\t[styles.small]: size === 'small',\n\t\t\t[styles.default]: size === 'default',\n\t\t},\n\t\tclassName,\n\t);\n\n\treturn (\n\t\t<NumberInput.Root\n\t\t\tid={id}\n\t\t\tmin={min}\n\t\t\tmax={max}\n\t\t\tstep={step}\n\t\t\tdisabled={disabled}\n\t\t\tvalue={typeof value !== 'undefined' ? String(value) : undefined}\n\t\t\tdefaultValue={typeof defaultValue !== 'undefined' ? String(defaultValue) : undefined}\n\t\t\tonValueChange={(details) => onValueChange?.(details.valueAsNumber)}\n\t\t>\n\t\t\t<NumberInput.Control asChild>\n\t\t\t\t<div className={containerClass} style={style}>\n\t\t\t\t\t<NumberInput.DecrementTrigger asChild>\n\t\t\t\t\t\t<button type=\"button\" className={classNames(styles.iconButton)} aria-label=\"Decrease value\">\n\t\t\t\t\t\t\t<DsIcon icon=\"remove\" size=\"tiny\" />\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</NumberInput.DecrementTrigger>\n\n\t\t\t\t\t<NumberInput.Input\n\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\tname={name}\n\t\t\t\t\t\tclassName={classNames(styles.input)}\n\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\tonBlur={onBlur}\n\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t></NumberInput.Input>\n\n\t\t\t\t\t<NumberInput.IncrementTrigger asChild>\n\t\t\t\t\t\t<button type=\"button\" className={classNames(styles.iconButton)} aria-label=\"Increase value\">\n\t\t\t\t\t\t\t<DsIcon icon=\"add\" size=\"tiny\" />\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</NumberInput.IncrementTrigger>\n\t\t\t\t</div>\n\t\t\t</NumberInput.Control>\n\t\t</NumberInput.Root>\n\t);\n};\n\nexport default DsNumberInput;\n"],"mappings":"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"}

package/dist/components/ds-number-input/ds-number-input.module.cjs

@@ -1,14 +0,0 @@
-
-//#region src/components/ds-number-input/ds-number-input.module.scss
-var ds_number_input_module_default = {
-	"textInputContainer": "_textInputContainer_16htx_1",
-	"input": "_input_16htx_1",
-	"iconButton": "_iconButton_16htx_1",
-	"small": "_small_16htx_1",
-	"default": "_default_16htx_1",
-	"trigger": "_trigger_16htx_1",
-	"indicator": "_indicator_16htx_1"
-};
-
-//#endregion
-exports.default = ds_number_input_module_default;

package/dist/components/ds-number-input/ds-number-input.module.js

@@ -1,14 +0,0 @@
-//#region src/components/ds-number-input/ds-number-input.module.scss
-var ds_number_input_module_default = {
-	"textInputContainer": "_textInputContainer_16htx_1",
-	"input": "_input_16htx_1",
-	"iconButton": "_iconButton_16htx_1",
-	"small": "_small_16htx_1",
-	"default": "_default_16htx_1",
-	"trigger": "_trigger_16htx_1",
-	"indicator": "_indicator_16htx_1"
-};
-
-//#endregion
-export { ds_number_input_module_default as default };
-//# sourceMappingURL=ds-number-input.module.js.map

package/dist/components/ds-number-input/ds-number-input.module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-number-input.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-number-input/ds-number-input.module.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/shared/_input.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_typography.scss"],"sourcesContent":["@use '../../styles/shared/input';\n\n.textInputContainer {\n\t@include input.inputContainer;\n}\n\n.input {\n\t@include input.input;\n\n\ttext-align: center;\n}\n\n.iconButton {\n\t@include input.iconButton;\n}\n"],"mappings":""}

package/dist/components/ds-number-input/ds-number-input.types.d.cts

@@ -1,80 +0,0 @@
-import React from "react";
-
-//#region src/components/ds-number-input/ds-number-input.types.d.ts
-interface DsNumberInputProps {
-  /**
-   * Unique identifier for the input field
-   */
-  id?: string;
-  /**
-   * The ref to the input field
-   */
-  ref?: React.Ref<HTMLInputElement>;
-  /**
-   * The name of the input field
-   */
-  name?: string;
-  /**
-   * The size of the input field
-   * @default default
-   */
-  size?: 'small' | 'default';
-  /**
-   * Event handler called when the input field loses focus
-   *
-   * @param event
-   */
-  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
-  /**
-   * Callback when the value changes (native input onChange event)
-   * This is provided for compatibility but onValueChange is preferred
-   */
-  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-  /**
-   * Value change event handler (provides just the number value)
-   * This is the preferred way to handle value changes
-   */
-  onValueChange?: (value: number) => void;
-  /**
-   * Additional CSS class names
-   */
-  className?: string;
-  /**
-   * Additional styles to apply to the component
-   */
-  style?: React.CSSProperties;
-  /**
-   * The placeholder text
-   */
-  placeholder?: string;
-  /**
-   * Whether the number input is disabled
-   */
-  disabled?: boolean;
-  /**
-   * The minimum value of the number input
-   */
-  min?: number | undefined;
-  /**
-   * The maximum value of the number input
-   * @default Number.MAX_SAFE_INTEGER
-   */
-  max?: number | undefined;
-  /**
-   * The amount to increment or decrement the value by
-   * @default 1
-   */
-  step?: number | undefined;
-  /**
-   * The controlled value of the input
-   */
-  value?: number | undefined;
-  /**
-   * The initial value of the input when rendered.
-   * Use when you don't need to control the value of the input.
-   */
-  defaultValue?: number | undefined;
-}
-//#endregion
-export { DsNumberInputProps };
-//# sourceMappingURL=ds-number-input.types.d.cts.map

package/dist/components/ds-number-input/ds-number-input.types.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-number-input.types.d.cts","names":[],"sources":["../../../src/components/ds-number-input/ds-number-input.types.tsx"],"sourcesContent":[],"mappings":";;;UAEiB,kBAAA;;AAAjB;;EAQO,EAAA,CAAM,EAAA,MAAA;EAesB;;;EAKf,GAAM,CAAA,EApBnB,KAAA,CAAM,GAoBa,CApBT,gBAoBS,CAAA;EAajB;;;;;;;;;;;;;;mBAlBS,KAAA,CAAM,WAAW;;;;;qBAKf,KAAA,CAAM,YAAY;;;;;;;;;;;;;UAa7B,KAAA,CAAM"}