@ultraviolet/ui 3.11.1 → 3.12.0

package/dist/components/NumberInput/index.js

@@ -1,208 +1,216 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../Stack/index.js";
-import { Tooltip } from "../Tooltip/index.js";
-import { Text } from "../Text/index.js";
-import { Button } from "../Button/index.js";
-import { Label } from "../Label/index.js";
-import { Row } from "../Row/index.js";
-import { inputContainer, numberinput, numberinputContainer, numberinputSideContainer, unit } from "./styles.css.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../Stack/index.js";
+import { Tooltip, init_Tooltip } from "../Tooltip/index.js";
+import { Text, init_Text } from "../Text/index.js";
+import { Button, init_Button } from "../Button/index.js";
+import { Label, init_Label } from "../Label/index.js";
+import { Row, init_Row } from "../Row/index.js";
+import { init_styles_css, numberInputStyle } from "./styles.css.js";
 import { forwardRef, useCallback, useId, useImperativeHandle, useMemo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { MinusIcon } from "@ultraviolet/icons/MinusIcon";
 import { PlusIcon } from "@ultraviolet/icons/PlusIcon";
 
 //#region src/components/NumberInput/index.tsx
-/**
-* NumberInput component is used to increment / decrement a number value by clicking on + / - buttons or
-* by typing into input. If the value is out of the min / max range, the input will automatically be the min / max value on blur.
-*/
-const NumberInput = forwardRef(({ disabled = false, max = Number.MAX_SAFE_INTEGER, min = 0, name, onChange, onFocus, onBlur, size = "large", step, unit: unit$1, value, tooltip, className, label, labelDescription, id, controls = true, placeholder = "", error, success, helper, "aria-label": ariaLabel, "data-testid": dataTestId, required, autoFocus, readOnly, style }, ref) => {
-	var _localRef$current7;
-	var _localRef$current11;
-	const localRef = useRef(null);
-	useImperativeHandle(ref, () => localRef.current);
-	const uniqueId = useId();
-	const localId = id !== null && id !== void 0 ? id : uniqueId;
-	const computedState = useMemo(() => {
-		if (disabled) return "disabled";
-		if (readOnly) return "readOnly";
-		if (error) return "error";
-		if (success) return "success";
-		return "default";
-	}, [
-		error,
-		success,
-		disabled,
-		readOnly
-	]);
-	const onClickSideButton = useCallback((direction) => () => {
-		var _Number$parseFloat;
-		var _localRef$current$val;
-		var _localRef$current3;
-		if (direction === "up") {
-			var _localRef$current;
-			(_localRef$current = localRef.current) === null || _localRef$current === void 0 || _localRef$current.stepUp();
-		} else if (direction === "down") {
-			var _localRef$current2;
-			(_localRef$current2 = localRef.current) === null || _localRef$current2 === void 0 || _localRef$current2.stepDown();
+var NumberInput;
+var init_NumberInput = __esmMin(() => {
+	init_Button();
+	init_Label();
+	init_Row();
+	init_Stack();
+	init_Text();
+	init_Tooltip();
+	init_styles_css();
+	NumberInput = forwardRef(({ disabled = false, max = Number.MAX_SAFE_INTEGER, min = 0, name, onChange, onFocus, onBlur, size = "large", step, unit, value, tooltip, className, label, labelDescription, id, controls = true, placeholder = "", error, success, helper, "aria-label": ariaLabel, "data-testid": dataTestId, required, autoFocus, readOnly, style }, ref) => {
+		var _localRef$current7;
+		var _localRef$current11;
+		const localRef = useRef(null);
+		useImperativeHandle(ref, () => localRef.current);
+		const uniqueId = useId();
+		const localId = id !== null && id !== void 0 ? id : uniqueId;
+		const computedState = useMemo(() => {
+			if (disabled) return "disabled";
+			if (readOnly) return "readOnly";
+			if (error) return "error";
+			if (success) return "success";
+			return "default";
+		}, [
+			error,
+			success,
+			disabled,
+			readOnly
+		]);
+		const onClickSideButton = useCallback((direction) => () => {
+			var _Number$parseFloat;
+			var _localRef$current$val;
+			var _localRef$current3;
+			if (direction === "up") {
+				var _localRef$current;
+				(_localRef$current = localRef.current) === null || _localRef$current === void 0 || _localRef$current.stepUp();
+			} else if (direction === "down") {
+				var _localRef$current2;
+				(_localRef$current2 = localRef.current) === null || _localRef$current2 === void 0 || _localRef$current2.stepDown();
+			}
+			onChange === null || onChange === void 0 || onChange((_Number$parseFloat = Number.parseFloat((_localRef$current$val = (_localRef$current3 = localRef.current) === null || _localRef$current3 === void 0 ? void 0 : _localRef$current3.value) !== null && _localRef$current$val !== void 0 ? _localRef$current$val : "")) !== null && _Number$parseFloat !== void 0 ? _Number$parseFloat : min);
+		}, [
+			localRef,
+			min,
+			onChange
+		]);
+		const isMinusDisabled = useCallback(() => {
+			var _localRef$current4;
+			var _localRef$current5;
+			var _localRef$current6;
+			if (!(localRef === null || localRef === void 0 || (_localRef$current4 = localRef.current) === null || _localRef$current4 === void 0 ? void 0 : _localRef$current4.value) || (localRef === null || localRef === void 0 || (_localRef$current5 = localRef.current) === null || _localRef$current5 === void 0 ? void 0 : _localRef$current5.value) === "") return false;
+			const numericValue = Number(localRef === null || localRef === void 0 || (_localRef$current6 = localRef.current) === null || _localRef$current6 === void 0 ? void 0 : _localRef$current6.value);
+			if (Number.isNaN(numericValue)) return false;
+			const minValue = typeof min === "number" ? min : Number(min);
+			return Number.isNaN(numericValue) || numericValue <= minValue;
+		}, [localRef === null || localRef === void 0 || (_localRef$current7 = localRef.current) === null || _localRef$current7 === void 0 ? void 0 : _localRef$current7.value, min]);
+		const isPlusDisabled = useCallback(() => {
+			var _localRef$current8;
+			var _localRef$current9;
+			var _localRef$current10;
+			if (!(localRef === null || localRef === void 0 || (_localRef$current8 = localRef.current) === null || _localRef$current8 === void 0 ? void 0 : _localRef$current8.value) || (localRef === null || localRef === void 0 || (_localRef$current9 = localRef.current) === null || _localRef$current9 === void 0 ? void 0 : _localRef$current9.value) === "") return false;
+			const numericValue = Number(localRef === null || localRef === void 0 || (_localRef$current10 = localRef.current) === null || _localRef$current10 === void 0 ? void 0 : _localRef$current10.value);
+			if (Number.isNaN(numericValue)) return false;
+			return numericValue >= (typeof max === "number" ? max : Number(max));
+		}, [localRef === null || localRef === void 0 || (_localRef$current11 = localRef.current) === null || _localRef$current11 === void 0 ? void 0 : _localRef$current11.value, max]);
+		const helperSentiment = useMemo(() => {
+			if (error) return "danger";
+			if (success) return "success";
+			return "neutral";
+		}, [error, success]);
+		let inputValue;
+		if (value !== void 0) {
+			inputValue = value !== null && typeof value === "number" ? value.toString() : "";
+			if (localRef.current) localRef.current.value = inputValue;
 		}
-		onChange === null || onChange === void 0 || onChange((_Number$parseFloat = Number.parseFloat((_localRef$current$val = (_localRef$current3 = localRef.current) === null || _localRef$current3 === void 0 ? void 0 : _localRef$current3.value) !== null && _localRef$current$val !== void 0 ? _localRef$current$val : "")) !== null && _Number$parseFloat !== void 0 ? _Number$parseFloat : min);
-	}, [
-		localRef,
-		min,
-		onChange
-	]);
-	const isMinusDisabled = useCallback(() => {
-		var _localRef$current4;
-		var _localRef$current5;
-		var _localRef$current6;
-		if (!(localRef === null || localRef === void 0 || (_localRef$current4 = localRef.current) === null || _localRef$current4 === void 0 ? void 0 : _localRef$current4.value) || (localRef === null || localRef === void 0 || (_localRef$current5 = localRef.current) === null || _localRef$current5 === void 0 ? void 0 : _localRef$current5.value) === "") return false;
-		const numericValue = Number(localRef === null || localRef === void 0 || (_localRef$current6 = localRef.current) === null || _localRef$current6 === void 0 ? void 0 : _localRef$current6.value);
-		if (Number.isNaN(numericValue)) return false;
-		const minValue = typeof min === "number" ? min : Number(min);
-		return Number.isNaN(numericValue) || numericValue <= minValue;
-	}, [localRef === null || localRef === void 0 || (_localRef$current7 = localRef.current) === null || _localRef$current7 === void 0 ? void 0 : _localRef$current7.value, min]);
-	const isPlusDisabled = useCallback(() => {
-		var _localRef$current8;
-		var _localRef$current9;
-		var _localRef$current10;
-		if (!(localRef === null || localRef === void 0 || (_localRef$current8 = localRef.current) === null || _localRef$current8 === void 0 ? void 0 : _localRef$current8.value) || (localRef === null || localRef === void 0 || (_localRef$current9 = localRef.current) === null || _localRef$current9 === void 0 ? void 0 : _localRef$current9.value) === "") return false;
-		const numericValue = Number(localRef === null || localRef === void 0 || (_localRef$current10 = localRef.current) === null || _localRef$current10 === void 0 ? void 0 : _localRef$current10.value);
-		if (Number.isNaN(numericValue)) return false;
-		return numericValue >= (typeof max === "number" ? max : Number(max));
-	}, [localRef === null || localRef === void 0 || (_localRef$current11 = localRef.current) === null || _localRef$current11 === void 0 ? void 0 : _localRef$current11.value, max]);
-	const helperSentiment = useMemo(() => {
-		if (error) return "danger";
-		if (success) return "success";
-		return "neutral";
-	}, [error, success]);
-	let inputValue;
-	if (value !== void 0) {
-		inputValue = value !== null && typeof value === "number" ? value.toString() : "";
-		if (localRef.current) localRef.current.value = inputValue;
-	}
-	return /* @__PURE__ */ jsxs(Stack, {
-		className,
-		gap: "0.5",
-		children: [
-			label || labelDescription ? /* @__PURE__ */ jsx(Label, {
-				htmlFor: localId,
-				labelDescription,
-				required,
-				size,
-				children: label
-			}) : null,
-			/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Tooltip, {
-				text: tooltip,
-				children: /* @__PURE__ */ jsxs("div", {
-					className: numberinputContainer({
-						size,
-						state: computedState
-					}),
-					"data-controls": controls,
-					"data-disabled": disabled,
-					"data-error": !!error,
-					"data-readonly": readOnly,
-					"data-size": size,
-					"data-success": !!success,
-					"data-unit": !!unit$1,
-					children: [
-						controls ? /* @__PURE__ */ jsx(Stack, {
-							alignItems: "center",
-							className: numberinputSideContainer[size],
-							"data-size": size,
-							justifyContent: "center",
-							children: /* @__PURE__ */ jsx(Button, {
-								"aria-label": "minus",
-								disabled: disabled || readOnly || isMinusDisabled(),
-								onClick: onClickSideButton("down"),
-								sentiment: "neutral",
-								size: size === "small" ? "xsmall" : "small",
-								variant: "ghost",
-								children: /* @__PURE__ */ jsx(MinusIcon, { size: size === "large" ? "small" : "small" })
-							})
-						}) : null,
-						/* @__PURE__ */ jsxs(Row, {
-							alignItems: "center",
-							className: inputContainer({ controls }),
-							justifyContent: "space-between",
-							templateColumns: "1fr auto",
-							children: [/* @__PURE__ */ jsx("input", {
-								"aria-label": ariaLabel,
-								autoFocus,
-								className: numberinput({
-									controls,
-									hasUnit: !!unit$1,
-									size
-								}),
-								"data-testid": dataTestId,
-								disabled,
-								id: localId,
-								max,
-								min,
-								name,
-								onBlur: (event) => {
-									if (value && value > max) onChange === null || onChange === void 0 || onChange(max);
-									else if (value && value < min) onChange === null || onChange === void 0 || onChange(min);
-									onBlur === null || onBlur === void 0 || onBlur(event);
-								},
-								onChange: onChange ? (event) => {
-									const newNumber = Number.parseFloat(event.target.value);
-									onChange(Number.isNaN(newNumber) ? null : newNumber);
-								} : void 0,
-								onFocus,
-								placeholder,
-								readOnly,
-								ref: localRef,
-								required,
-								step,
-								style,
-								type: "number",
-								value: inputValue
-							}), unit$1 ? /* @__PURE__ */ jsx(Text, {
-								as: "span",
-								className: unit({
+		return /* @__PURE__ */ jsxs(Stack, {
+			className,
+			gap: "0.5",
+			children: [
+				label || labelDescription ? /* @__PURE__ */ jsx(Label, {
+					htmlFor: localId,
+					labelDescription,
+					required,
+					size,
+					children: label
+				}) : null,
+				/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Tooltip, {
+					text: tooltip,
+					children: /* @__PURE__ */ jsxs("div", {
+						className: numberInputStyle.container({
+							size,
+							state: computedState
+						}),
+						"data-controls": controls,
+						"data-disabled": disabled,
+						"data-error": !!error,
+						"data-readonly": readOnly,
+						"data-size": size,
+						"data-success": !!success,
+						"data-unit": !!unit,
+						children: [
+							controls ? /* @__PURE__ */ jsx(Stack, {
+								alignItems: "center",
+								className: numberInputStyle.sideContainer[size],
+								"data-size": size,
+								justifyContent: "center",
+								children: /* @__PURE__ */ jsx(Button, {
+									"aria-label": "minus",
+									disabled: disabled || readOnly || isMinusDisabled(),
+									onClick: onClickSideButton("down"),
+									sentiment: "neutral",
+									size: size === "small" ? "xsmall" : "small",
+									variant: "ghost",
+									children: /* @__PURE__ */ jsx(MinusIcon, { size: size === "large" ? "small" : "small" })
+								})
+							}) : null,
+							/* @__PURE__ */ jsxs(Row, {
+								alignItems: "center",
+								className: numberInputStyle.inputContainer({ controls }),
+								justifyContent: "space-between",
+								templateColumns: "1fr auto",
+								children: [/* @__PURE__ */ jsx("input", {
+									"aria-label": ariaLabel,
+									autoFocus,
+									className: numberInputStyle.numberinput({
+										controls,
+										hasUnit: !!unit,
+										size
+									}),
+									"data-testid": dataTestId,
 									disabled,
+									id: localId,
+									max,
+									min,
+									name,
+									onBlur: (event) => {
+										if (value && value > max) onChange === null || onChange === void 0 || onChange(max);
+										else if (value && value < min) onChange === null || onChange === void 0 || onChange(min);
+										onBlur === null || onBlur === void 0 || onBlur(event);
+									},
+									onChange: onChange ? (event) => {
+										const newNumber = Number.parseFloat(event.target.value);
+										onChange(Number.isNaN(newNumber) ? null : newNumber);
+									} : void 0,
+									onFocus,
+									placeholder,
 									readOnly,
-									size
-								}),
-								disabled,
-								sentiment: "neutral",
-								variant: "body",
-								children: unit$1
-							}) : null]
-						}),
-						controls ? /* @__PURE__ */ jsx(Stack, {
-							alignItems: "center",
-							className: numberinputSideContainer[size],
-							"data-size": size,
-							justifyContent: "center",
-							children: /* @__PURE__ */ jsx(Button, {
-								"aria-label": "plus",
-								disabled: disabled || readOnly || isPlusDisabled(),
-								onClick: onClickSideButton("up"),
-								sentiment: "neutral",
-								size: size === "small" ? "xsmall" : "small",
-								variant: "ghost",
-								children: /* @__PURE__ */ jsx(PlusIcon, { size: size === "large" ? "small" : "small" })
-							})
-						}) : null
-					]
-				})
-			}) }),
-			error || typeof success === "string" || typeof helper === "string" ? /* @__PURE__ */ jsx(Text, {
-				as: "span",
-				disabled: disabled || readOnly,
-				prominence: error || success ? "default" : "weak",
-				sentiment: helperSentiment,
-				variant: "caption",
-				children: error || success || helper
-			}) : null,
-			!(error || success) && typeof helper !== "string" && helper ? helper : null
-		]
+									ref: localRef,
+									required,
+									step,
+									style,
+									type: "number",
+									value: inputValue
+								}), unit ? /* @__PURE__ */ jsx(Text, {
+									as: "span",
+									className: numberInputStyle.unit({
+										disabled,
+										readOnly,
+										size,
+										controls
+									}),
+									disabled,
+									sentiment: "neutral",
+									variant: "body",
+									children: unit
+								}) : null]
+							}),
+							controls ? /* @__PURE__ */ jsx(Stack, {
+								alignItems: "center",
+								className: numberInputStyle.sideContainer[size],
+								"data-size": size,
+								justifyContent: "center",
+								children: /* @__PURE__ */ jsx(Button, {
+									"aria-label": "plus",
+									disabled: disabled || readOnly || isPlusDisabled(),
+									onClick: onClickSideButton("up"),
+									sentiment: "neutral",
+									size: size === "small" ? "xsmall" : "small",
+									variant: "ghost",
+									children: /* @__PURE__ */ jsx(PlusIcon, { size: size === "large" ? "small" : "small" })
+								})
+							}) : null
+						]
+					})
+				}) }),
+				error || typeof success === "string" || typeof helper === "string" ? /* @__PURE__ */ jsx(Text, {
+					as: "span",
+					disabled: disabled || readOnly,
+					prominence: error || success ? "default" : "weak",
+					sentiment: helperSentiment,
+					variant: "caption",
+					children: error || success || helper
+				}) : null,
+				!(error || success) && typeof helper !== "string" && helper ? helper : null
+			]
+		});
 	});
 });
 
 //#endregion
-export { NumberInput };
+init_NumberInput();
+export { NumberInput, init_NumberInput };

package/dist/components/NumberInput/styles.css.d.ts

@@ -1,110 +1,120 @@
-export declare const numberinputSideContainer: Record<"large" | "medium" | "small", string>;
-export declare const inputContainer: import("@vanilla-extract/recipes").RuntimeFn<{
-    controls: {
-        false: {
-            borderWidth: number;
-        };
-    };
-}>;
-export declare const unit: import("@vanilla-extract/recipes").RuntimeFn<{
-    disabled: {
-        true: {
-            background: `var(--${string})`;
-            cursor: "not-allowed";
-            userSelect: "none";
-        };
-    };
-    readOnly: {
-        true: {
-            background: `var(--${string})`;
-        };
-    };
-    size: {
-        large: {
-            fontSize: `var(--${string})`;
-            height: `var(--${string})`;
-        };
-        medium: {
-            fontSize: `var(--${string})`;
-            height: `var(--${string})`;
-        };
-        small: {
-            fontSize: `var(--${string})`;
-            height: `var(--${string})`;
-        };
-    };
-}>;
-export declare const numberinput: import("@vanilla-extract/recipes").RuntimeFn<{
-    controls: {
-        false: {
-            textAlign: "left";
-        };
-    };
-    hasUnit: {
-        true: {
-            padding: `var(--${string}) 0 var(--${string}) var(--${string})`;
-            textAlign: "left";
+export declare const numberInputStyle: {
+    sideContainer: Record<"large" | "medium" | "small", string>;
+    inputContainer: import("@vanilla-extract/recipes").RuntimeFn<{
+        controls: {
+            false: {
+                borderWidth: number;
+            };
         };
-    };
-    size: {
-        large: {
-            fontFamily: `var(--${string})`;
-            fontSize: `var(--${string})`;
-            fontWeight: `var(--${string})`;
-            height: `var(--${string})`;
-            lineHeight: `var(--${string})`;
+    }>;
+    unit: import("@vanilla-extract/recipes").RuntimeFn<{
+        disabled: {
+            true: {
+                background: `var(--${string})`;
+                cursor: "not-allowed";
+                userSelect: "none";
+                borderBlock: `1px solid var(--${string})`;
+            };
         };
-        medium: {
-            height: `var(--${string})`;
+        readOnly: {
+            true: {
+                background: `var(--${string})`;
+                borderBlock: `1px solid var(--${string})`;
+            };
         };
-        small: {
-            height: `var(--${string})`;
+        size: {
+            large: {
+                fontSize: `var(--${string})`;
+                height: `var(--${string})`;
+            };
+            medium: {
+                fontSize: `var(--${string})`;
+                height: `var(--${string})`;
+            };
+            small: {
+                fontSize: `var(--${string})`;
+                height: `var(--${string})`;
+            };
         };
-    };
-}>;
-export declare const numberinputContainer: import("@vanilla-extract/recipes").RuntimeFn<{
-    size: {
-        large: {
-            height: `var(--${string})`;
+        controls: {
+            false: {
+                borderRadius: `0 var(--${string}) var(--${string}) 0`;
+            };
         };
-        medium: {
-            height: `var(--${string})`;
+    }>;
+    numberinput: import("@vanilla-extract/recipes").RuntimeFn<{
+        controls: {
+            false: {
+                textAlign: "left";
+                borderRadius: `var(--${string}) 0 0 var(--${string})`;
+            };
         };
-        small: {
-            height: `var(--${string})`;
+        hasUnit: {
+            true: {
+                padding: `var(--${string}) 0 var(--${string}) var(--${string})`;
+                textAlign: "left";
+            };
         };
-    };
-    state: {
-        default: {};
-        disabled: {
-            background: `var(--${string})`;
-            borderColor: `var(--${string})`;
-            cursor: "not-allowed";
-            selectors: {
-                '&:hover': {
-                    borderColor: `var(--${string})`;
-                };
+        size: {
+            large: {
+                fontFamily: `var(--${string})`;
+                fontSize: `var(--${string})`;
+                fontWeight: `var(--${string})`;
+                height: `var(--${string})`;
+                lineHeight: `var(--${string})`;
+            };
+            medium: {
+                height: `var(--${string})`;
+            };
+            small: {
+                height: `var(--${string})`;
             };
         };
-        error: {
-            borderColor: `var(--${string})`;
+    }>;
+    container: import("@vanilla-extract/recipes").RuntimeFn<{
+        size: {
+            large: {
+                height: `var(--${string})`;
+            };
+            medium: {
+                height: `var(--${string})`;
+            };
+            small: {
+                height: `var(--${string})`;
+            };
         };
-        readOnly: {
-            background: `var(--${string})`;
-            borderColor: `var(--${string})`;
-            cursor: "not-allowed";
-            selectors: {
-                '&:focus-within': {
-                    borderColor: `var(--${string})`;
+        state: {
+            default: {};
+            disabled: {
+                background: `var(--${string})`;
+                borderColor: `var(--${string})`;
+                cursor: "not-allowed";
+                selectors: {
+                    '&:hover': {
+                        borderColor: `var(--${string})`;
+                    };
                 };
-                '&:hover': {
-                    borderColor: `var(--${string})`;
+            };
+            error: {
+                borderColor: `var(--${string})`;
+            };
+            readOnly: {
+                background: `var(--${string})`;
+                borderColor: `var(--${string})`;
+                cursor: "not-allowed";
+                selectors: {
+                    '&:focus-within': {
+                        borderColor: `var(--${string})`;
+                    };
+                    '&:hover': {
+                        borderColor: `var(--${string})`;
+                    };
                 };
             };
+            success: {
+                borderColor: `var(--${string})`;
+            };
         };
-        success: {
-            borderColor: `var(--${string})`;
-        };
-    };
-}>;
+    }>;
+};
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/NumberInput/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,wBAAwB,8CAanC,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;EAkBzB,CAAA;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCf,CAAA;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2EtB,CAAA;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkE/B,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/styles.css.ts"],"names":[],"mappings":"AA8OA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAM5B,CAAA"}