@drivenets/design-system 0.0.2 → 0.0.4

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

@@ -0,0 +1,31 @@
+
+//#region src/components/ds-modal/ds-modal.module.scss
+var ds_modal_module_default = {
+	"overlay": "_overlay_rw1e4_1",
+	"fade-in-overlay": "_fade-in-overlay_rw1e4_1",
+	"fade-out-overlay": "_fade-out-overlay_rw1e4_1",
+	"modal": "_modal_rw1e4_1",
+	"scale-in-modal": "_scale-in-modal_rw1e4_1",
+	"scale-out-modal": "_scale-out-modal_rw1e4_1",
+	"content": "_content_rw1e4_1",
+	"header": "_header_rw1e4_1",
+	"footer": "_footer_rw1e4_1",
+	"body": "_body_rw1e4_1",
+	"title": "_title_rw1e4_1",
+	"actions": "_actions_rw1e4_1",
+	"cols-1": "_cols-1_rw1e4_1",
+	"cols-2": "_cols-2_rw1e4_1",
+	"cols-3": "_cols-3_rw1e4_1",
+	"cols-4": "_cols-4_rw1e4_1",
+	"cols-5": "_cols-5_rw1e4_1",
+	"cols-6": "_cols-6_rw1e4_1",
+	"cols-7": "_cols-7_rw1e4_1",
+	"cols-8": "_cols-8_rw1e4_1",
+	"cols-9": "_cols-9_rw1e4_1",
+	"cols-10": "_cols-10_rw1e4_1",
+	"cols-11": "_cols-11_rw1e4_1",
+	"cols-12": "_cols-12_rw1e4_1"
+};
+
+//#endregion
+exports.default = ds_modal_module_default;

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

@@ -0,0 +1,31 @@
+//#region src/components/ds-modal/ds-modal.module.scss
+var ds_modal_module_default = {
+	"overlay": "_overlay_rw1e4_1",
+	"fade-in-overlay": "_fade-in-overlay_rw1e4_1",
+	"fade-out-overlay": "_fade-out-overlay_rw1e4_1",
+	"modal": "_modal_rw1e4_1",
+	"scale-in-modal": "_scale-in-modal_rw1e4_1",
+	"scale-out-modal": "_scale-out-modal_rw1e4_1",
+	"content": "_content_rw1e4_1",
+	"header": "_header_rw1e4_1",
+	"footer": "_footer_rw1e4_1",
+	"body": "_body_rw1e4_1",
+	"title": "_title_rw1e4_1",
+	"actions": "_actions_rw1e4_1",
+	"cols-1": "_cols-1_rw1e4_1",
+	"cols-2": "_cols-2_rw1e4_1",
+	"cols-3": "_cols-3_rw1e4_1",
+	"cols-4": "_cols-4_rw1e4_1",
+	"cols-5": "_cols-5_rw1e4_1",
+	"cols-6": "_cols-6_rw1e4_1",
+	"cols-7": "_cols-7_rw1e4_1",
+	"cols-8": "_cols-8_rw1e4_1",
+	"cols-9": "_cols-9_rw1e4_1",
+	"cols-10": "_cols-10_rw1e4_1",
+	"cols-11": "_cols-11_rw1e4_1",
+	"cols-12": "_cols-12_rw1e4_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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-modal.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/shared/_modal.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-modal/ds-modal.module.scss"],"sourcesContent":["@use '../../styles/shared/modal' as shared;\n\n$pad-x: 24px;\n$pad-y: 16px;\n$max-width: 90vw;\n$max-height: 90vh;\n\n.overlay {\n\t@include shared.overlay-base;\n}\n\n.modal {\n\t@include shared.modal-base;\n}\n\n.content {\n\t@include shared.content-base;\n\theight: 100%;\n}\n\n.header,\n.footer,\n.body {\n\tpadding: $pad-y $pad-x;\n}\n\n.header {\n\t@include shared.header-base;\n}\n\n.footer {\n\t@include shared.footer-base;\n\tdisplay: flex;\n}\n\n.title {\n\t@include shared.title-base;\n}\n\n.body {\n\t@include shared.body-base;\n}\n\n.actions {\n\t@include shared.actions-base;\n\tmargin-left: auto;\n}\n\n// width classes derived from DS grid\n.modal {\n\tinline-size: min(var(--col-span-6), $max-width);\n}\n\n.modal.cols-1 {\n\tinline-size: min(var(--col-span-1), $max-width);\n}\n\n.modal.cols-2 {\n\tinline-size: min(var(--col-span-2), $max-width);\n}\n\n.modal.cols-3 {\n\tinline-size: min(var(--col-span-3), $max-width);\n}\n\n.modal.cols-4 {\n\tinline-size: min(var(--col-span-4), $max-width);\n}\n\n.modal.cols-5 {\n\tinline-size: min(var(--col-span-5), $max-width);\n}\n\n.modal.cols-6 {\n\tinline-size: min(var(--col-span-6), $max-width);\n}\n\n.modal.cols-7 {\n\tinline-size: min(var(--col-span-7), $max-width);\n}\n\n.modal.cols-8 {\n\tinline-size: min(var(--col-span-8), $max-width);\n}\n\n.modal.cols-9 {\n\tinline-size: min(var(--col-span-9), $max-width);\n}\n\n.modal.cols-10 {\n\tinline-size: min(var(--col-span-10), $max-width);\n}\n\n.modal.cols-11 {\n\tinline-size: min(var(--col-span-11), $max-width);\n}\n\n.modal.cols-12 {\n\tinline-size: min(var(--col-span-12), $max-width);\n}\n"],"mappings":""}

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

@@ -0,0 +1,43 @@
+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;
+  /**
+   * Callback when modal open state changes
+   * @param open - whether the modal is open
+   */
+  onOpenChange: (open: boolean) => void;
+  /**
+   * Number of grid columns for modal width
+   * @default 6
+   */
+  columns?: DsModalColumns;
+  /**
+   * Optional inline styles to apply to the component
+   */
+  style?: CSSProperties;
+  /**
+   * Additional CSS class name
+   */
+  className?: string;
+  /**
+   * Modal body content
+   */
+  children: ReactNode;
+}
+//#endregion
+export { DsModalColumns, DsModalProps };
+//# sourceMappingURL=ds-modal.types.d.cts.map

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

@@ -0,0 +1 @@
+{"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;;;;AA+BnB,UA/BM,YAAA,SAAqB,IA+B3B,CA9BV,cA8BU,EAAA,OAAA,GAAA,eAAA,GAAA,wBAAA,CAAA,CAAA;EA/B2B;;;;;;;;;;;;;YAkB3B;;;;UAIF;;;;;;;;YASE"}

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

@@ -0,0 +1,43 @@
+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;
+  /**
+   * Callback when modal open state changes
+   * @param open - whether the modal is open
+   */
+  onOpenChange: (open: boolean) => void;
+  /**
+   * Number of grid columns for modal width
+   * @default 6
+   */
+  columns?: DsModalColumns;
+  /**
+   * Optional inline styles to apply to the component
+   */
+  style?: CSSProperties;
+  /**
+   * Additional CSS class name
+   */
+  className?: string;
+  /**
+   * Modal body content
+   */
+  children: ReactNode;
+}
+//#endregion
+export { DsModalColumns, DsModalProps };
+//# sourceMappingURL=ds-modal.types.d.ts.map

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

@@ -0,0 +1 @@
+{"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;;;;AA+BnB,UA/BM,YAAA,SAAqB,IA+B3B,CA9BV,cA8BU,EAAA,OAAA,GAAA,eAAA,GAAA,wBAAA,CAAA,CAAA;EA/B2B;;;;;;;;;;;;;YAkB3B;;;;UAIF;;;;;;;;YASE"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+
+//#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

@@ -0,0 +1,14 @@
+//#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

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

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

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