@ultraviolet/ui 3.8.2 → 3.10.0

package/dist/components/NumberInput/index.d.ts

@@ -1,20 +1,18 @@
 import type { InputHTMLAttributes, ReactNode } from 'react';
-import type { SIZES } from './constant';
-type Sizes = keyof typeof SIZES;
 /**
  * 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.
  */
 export declare const NumberInput: import("react").ForwardRefExoticComponent<{
-    size?: Sizes;
+    size?: "large" | "medium" | "small" | undefined;
     /**
      * Text displayed into component at the right of number value.
      */
-    unit?: string;
-    tooltip?: string;
-    className?: string;
-    'data-testid'?: string;
-    label?: string;
+    unit?: string | undefined;
+    tooltip?: string | undefined;
+    className?: string | undefined;
+    'data-testid'?: string | undefined;
+    label?: string | undefined;
     /**
      * Label description displayed right next to the label. It allows you to customize the label content.
      */
@@ -22,14 +20,13 @@ export declare const NumberInput: import("react").ForwardRefExoticComponent<{
     /**
      * Whether to show controls
      */
-    controls?: boolean;
-    error?: string;
-    success?: string | boolean;
+    controls?: boolean | undefined;
+    error?: string | undefined;
+    success?: string | boolean | undefined;
     helper?: ReactNode;
-    value?: number | null;
-    onChange?: (newValue: number | null) => void;
-    min?: number;
-    max?: number;
-} & Pick<InputHTMLAttributes<HTMLInputElement>, "style" | "disabled" | "id" | "autoFocus" | "aria-label" | "onFocus" | "onBlur" | "step" | "name" | "required" | "placeholder" | "readOnly"> & import("react").RefAttributes<HTMLInputElement>>;
-export {};
+    value?: number | null | undefined;
+    onChange?: ((newValue: number | null) => void) | undefined;
+    min?: number | undefined;
+    max?: number | undefined;
+} & Pick<InputHTMLAttributes<HTMLInputElement>, "aria-label" | "autoFocus" | "disabled" | "id" | "name" | "onBlur" | "onFocus" | "placeholder" | "readOnly" | "required" | "step" | "style"> & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/NumberInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAgB,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAezE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AASvC,KAAK,KAAK,GAAG,MAAM,OAAO,KAAK,CAAA;AA2C/B;;;GAGG;AACH,eAAO,MAAM,WAAW;WA5Cf,KAAK;IACZ;;OAEG;WACI,MAAM;cACH,MAAM;gBACJ,MAAM;oBACF,MAAM;YACd,MAAM;IACd;;OAEG;uBACgB,SAAS;IAC5B;;OAEG;eACQ,OAAO;YACV,MAAM;cACJ,MAAM,GAAG,OAAO;aACjB,SAAS;YACV,MAAM,GAAG,IAAI;eACV,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI;UACtC,MAAM;UACN,MAAM;+OAsRb,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAgB,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAmEzE;;;GAGG;AACH,eAAO,MAAM,WAAW;;IA3CtB;;OAEG;;;;;;IAMH;;OAEG;;IAEH;;OAEG;;;;;;;;;+OA8RJ,CAAA"}

package/dist/components/NumberInput/index.js

@@ -1,255 +1,208 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { MinusIcon } from "@ultraviolet/icons/MinusIcon";
-import { PlusIcon } from "@ultraviolet/icons/PlusIcon";
-import { forwardRef, useRef, useImperativeHandle, useId, useMemo, useCallback } from "react";
+'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 { Stack } from "../Stack/index.js";
-import { Text } from "../Text/index.js";
-import { Tooltip } from "../Tooltip/index.js";
-import { numberinputContainer, numberinputSideContainer, inputContainer, numberinput, unit } from "./styles.css.js";
-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) => {
-    const localRef = useRef(null);
-    useImperativeHandle(ref, () => localRef.current);
-    const uniqueId = useId();
-    const localId = 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) => () => {
-        if (direction === "up") {
-          localRef.current?.stepUp();
-        } else if (direction === "down") {
-          localRef.current?.stepDown();
-        }
-        onChange?.(Number.parseFloat(localRef.current?.value ?? "") ?? min);
-      },
-      [localRef, min, onChange]
-    );
-    const isMinusDisabled = useCallback(() => {
-      if (!localRef?.current?.value || localRef?.current?.value === "") {
-        return false;
-      }
-      const numericValue = Number(localRef?.current?.value);
-      if (Number.isNaN(numericValue)) {
-        return false;
-      }
-      const minValue = typeof min === "number" ? min : Number(min);
-      return Number.isNaN(numericValue) || numericValue <= minValue;
-    }, [localRef?.current?.value, min]);
-    const isPlusDisabled = useCallback(() => {
-      if (!localRef?.current?.value || localRef?.current?.value === "") {
-        return false;
-      }
-      const numericValue = Number(localRef?.current?.value);
-      if (Number.isNaN(numericValue)) {
-        return false;
-      }
-      const maxValue = typeof max === "number" ? max : Number(max);
-      return numericValue >= maxValue;
-    }, [localRef?.current?.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: id ?? 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?.(max);
-                        } else if (value && value < min) {
-                          onChange?.(min);
-                        }
-                        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({ disabled, 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
-    ] });
-  }
-);
-export {
-  NumberInput
-};
+import { inputContainer, numberinput, numberinputContainer, numberinputSideContainer, unit } from "./styles.css.js";
+import { forwardRef, useCallback, useId, useImperativeHandle, useMemo, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { PlusIcon } from "@ultraviolet/icons/PlusIcon";
+import { MinusIcon } from "@ultraviolet/icons/MinusIcon";
+
+//#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();
+		}
+		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({
+									disabled,
+									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
+		]
+	});
+});
+
+//#endregion
+export { NumberInput };

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

@@ -1,4 +1,4 @@
-export declare const numberinputSideContainer: Record<"small" | "large" | "medium", string>;
+export declare const numberinputSideContainer: Record<"large" | "medium" | "small", string>;
 export declare const inputContainer: import("@vanilla-extract/recipes").RuntimeFn<{
     controls: {
         false: {

package/dist/components/NumberInput/styles.css.js

@@ -1,14 +1,76 @@
-/* empty css                          */
+/* empty css                      */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var numberinputSideContainer = { large: "uv_1ce7gb60", medium: "uv_1ce7gb61", small: "uv_1ce7gb62" };
-var inputContainer = createRuntimeFn({ defaultClassName: "uv_1ce7gb63", variantClassNames: { controls: { false: "uv_1ce7gb64" } }, defaultVariants: { controls: true }, compoundVariants: [] });
-var unit = createRuntimeFn({ defaultClassName: "uv_1ce7gb65", variantClassNames: { disabled: { true: "uv_1ce7gb66" }, readOnly: { true: "uv_1ce7gb67" }, size: { large: "uv_1ce7gb68", medium: "uv_1ce7gb69", small: "uv_1ce7gb6a" } }, defaultVariants: { disabled: false, readOnly: false, size: "large" }, compoundVariants: [] });
-var numberinput = createRuntimeFn({ defaultClassName: "uv_1ce7gb6b", variantClassNames: { controls: { false: "uv_1ce7gb6c" }, hasUnit: { true: "uv_1ce7gb6d" }, size: { large: "uv_1ce7gb6e", medium: "uv_1ce7gb6f", small: "uv_1ce7gb6g" } }, defaultVariants: { controls: true, hasUnit: false, size: "large" }, compoundVariants: [] });
-var numberinputContainer = createRuntimeFn({ defaultClassName: "uv_1ce7gb6h", variantClassNames: { size: { large: "uv_1ce7gb6i", medium: "uv_1ce7gb6j", small: "uv_1ce7gb6k" }, state: { "default": "uv_1ce7gb6l", disabled: "uv_1ce7gb6m", error: "uv_1ce7gb6n", readOnly: "uv_1ce7gb6o", success: "uv_1ce7gb6p" } }, defaultVariants: { size: "large", state: "default" }, compoundVariants: [] });
-export {
-  inputContainer,
-  numberinput,
-  numberinputContainer,
-  numberinputSideContainer,
-  unit
+
+//#region src/components/NumberInput/styles.css.ts
+var numberinputSideContainer = {
+	large: "uv_1ce7gb60",
+	medium: "uv_1ce7gb61",
+	small: "uv_1ce7gb62"
 };
+var inputContainer = createRuntimeFn({
+	defaultClassName: "uv_1ce7gb63",
+	variantClassNames: { controls: { false: "uv_1ce7gb64" } },
+	defaultVariants: { controls: true },
+	compoundVariants: []
+});
+var unit = createRuntimeFn({
+	defaultClassName: "uv_1ce7gb65",
+	variantClassNames: {
+		disabled: { true: "uv_1ce7gb66" },
+		readOnly: { true: "uv_1ce7gb67" },
+		size: {
+			large: "uv_1ce7gb68",
+			medium: "uv_1ce7gb69",
+			small: "uv_1ce7gb6a"
+		}
+	},
+	defaultVariants: {
+		disabled: false,
+		readOnly: false,
+		size: "large"
+	},
+	compoundVariants: []
+});
+var numberinput = createRuntimeFn({
+	defaultClassName: "uv_1ce7gb6b",
+	variantClassNames: {
+		controls: { false: "uv_1ce7gb6c" },
+		hasUnit: { true: "uv_1ce7gb6d" },
+		size: {
+			large: "uv_1ce7gb6e",
+			medium: "uv_1ce7gb6f",
+			small: "uv_1ce7gb6g"
+		}
+	},
+	defaultVariants: {
+		controls: true,
+		hasUnit: false,
+		size: "large"
+	},
+	compoundVariants: []
+});
+var numberinputContainer = createRuntimeFn({
+	defaultClassName: "uv_1ce7gb6h",
+	variantClassNames: {
+		size: {
+			large: "uv_1ce7gb6i",
+			medium: "uv_1ce7gb6j",
+			small: "uv_1ce7gb6k"
+		},
+		state: {
+			"default": "uv_1ce7gb6l",
+			disabled: "uv_1ce7gb6m",
+			error: "uv_1ce7gb6n",
+			readOnly: "uv_1ce7gb6o",
+			success: "uv_1ce7gb6p"
+		}
+	},
+	defaultVariants: {
+		size: "large",
+		state: "default"
+	},
+	compoundVariants: []
+});
+
+//#endregion
+export { inputContainer, numberinput, numberinputContainer, numberinputSideContainer, unit };

package/dist/components/Pagination/PaginationButtons.d.ts

@@ -8,6 +8,6 @@ type PaginationButtonsProps = {
     'data-testid'?: string;
     perPage: boolean;
 };
-export declare const PaginationButtons: ({ page, disabled, onChange, pageCount, pageTabCount, "data-testid": dataTestId, className, perPage, }: PaginationButtonsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PaginationButtons: ({ page, disabled, onChange, pageCount, pageTabCount, 'data-testid': dataTestId, className, perPage, }: PaginationButtonsProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=PaginationButtons.d.ts.map

package/dist/components/Pagination/PaginationButtons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationButtons.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationButtons.tsx"],"names":[],"mappings":"AAWA,KAAK,sBAAsB,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAgDD,eAAO,MAAM,iBAAiB,GAAI,uGAS/B,sBAAsB,4CAmExB,CAAA"}
+{"version":3,"file":"PaginationButtons.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationButtons.tsx"],"names":[],"mappings":"AAWA,KAAK,sBAAsB,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAgDD,eAAO,MAAM,iBAAiB,4KA4E7B,CAAA"}