@ultraviolet/ui 3.20.1 → 3.20.3

package/dist/components/NumberInput/components/Controls.js

@@ -13,7 +13,7 @@ var init_Controls = __esmMin(() => {
 	init_Button();
 	init_Stack();
 	init_styles_css();
-	Controls = ({ controls, direction, size, localRef, max, min, onChange, isDisabledOrReadOnly }) => {
+	Controls = ({ controls, direction, size, localRef, max, min, isDisabledOrReadOnly }) => {
 		var _localRef$current4;
 		var _localRef$current8;
 		const isUp = direction === "up";
@@ -37,8 +37,6 @@ var init_Controls = __esmMin(() => {
 			return Number.isNaN(numericValue) || numericValue <= minValue;
 		}, [localRef === null || localRef === void 0 || (_localRef$current8 = localRef.current) === null || _localRef$current8 === void 0 ? void 0 : _localRef$current8.value, min]);
 		const onClickSideButton = useCallback(() => {
-			var _Number$parseFloat;
-			var _localRef$current$val;
 			var _localRef$current11;
 			if (direction === "up") {
 				var _localRef$current9;
@@ -47,13 +45,11 @@ var init_Controls = __esmMin(() => {
 				var _localRef$current10;
 				(_localRef$current10 = localRef.current) === null || _localRef$current10 === void 0 || _localRef$current10.stepDown();
 			}
-			onChange === null || onChange === void 0 || onChange((_Number$parseFloat = Number.parseFloat((_localRef$current$val = (_localRef$current11 = localRef.current) === null || _localRef$current11 === void 0 ? void 0 : _localRef$current11.value) !== null && _localRef$current$val !== void 0 ? _localRef$current$val : "")) !== null && _Number$parseFloat !== void 0 ? _Number$parseFloat : min);
-		}, [
-			localRef,
-			min,
-			onChange,
-			direction
-		]);
+			(_localRef$current11 = localRef.current) === null || _localRef$current11 === void 0 || _localRef$current11.dispatchEvent(new Event("input", {
+				bubbles: true,
+				cancelable: false
+			}));
+		}, [localRef, direction]);
 		const isDisabled = isUp ? isPlusDisabled() : isMinusDisabled();
 		return controls ? /* @__PURE__ */ jsx(Stack, {
 			alignItems: "center",

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":"AAgBA;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;oRAwLvB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/index.tsx"],"names":[],"mappings":"AAqBA;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;oRAkMvB,CAAA"}

package/dist/components/NumberInput/index.js

@@ -14,7 +14,7 @@ import { isNullOrUndefined } from "@ultraviolet/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/NumberInput/index.tsx
-var NumberInput;
+var getValueAsNumber, NumberInput;
 var init_NumberInput = __esmMin(() => {
 	init_hasHelperText();
 	init_Description();
@@ -25,9 +25,29 @@ var init_NumberInput = __esmMin(() => {
 	init_Controls();
 	init_Unit();
 	init_styles_css();
+	getValueAsNumber = (input) => {
+		return input.value === "" && !input.validity.badInput ? null : input.valueAsNumber;
+	};
 	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, "aria-describedby": ariaDescribedBy, required, autoFocus, readOnly, style }, ref) => {
 		const localRef = useRef(null);
-		useImperativeHandle(ref, () => localRef.current);
+		/**
+		* Expose a custom ref for react-hook-form which reads the `value` prop of the native input when using the `register` function.
+		* We return a modified `value` to differentiate empty (null) from invalid (NaN), like we do in the `onChange` callback.
+		*/
+		useImperativeHandle(ref, () => {
+			if (!localRef.current) return null;
+			return new Proxy(localRef.current, {
+				get(target, prop) {
+					if (prop === "value") return getValueAsNumber(target);
+					const value = Reflect.get(target, prop);
+					return typeof value === "function" ? value.bind(target) : value;
+				},
+				set(target, prop, newValue) {
+					if (prop === "value" && Number.isNaN(newValue)) return true;
+					return Reflect.set(target, prop, newValue);
+				}
+			});
+		});
 		const uniqueId = useId();
 		const helperId = useId();
 		const localId = id !== null && id !== void 0 ? id : uniqueId;
@@ -103,16 +123,18 @@ var init_NumberInput = __esmMin(() => {
 									inputMode: Number.isInteger(step) ? "numeric" : "decimal",
 									onBlur: (event) => {
 										const { valueAsNumber } = event.target;
-										if (valueAsNumber) {
-											if (!isNullOrUndefined(max) && valueAsNumber > max) onChange === null || onChange === void 0 || onChange(max);
-											if (!isNullOrUndefined(min) && valueAsNumber < min) onChange === null || onChange === void 0 || onChange(min);
+										if (valueAsNumber && localRef.current) {
+											if (!isNullOrUndefined(max) && valueAsNumber > max) localRef.current.valueAsNumber = max;
+											if (!isNullOrUndefined(min) && valueAsNumber < min) localRef.current.valueAsNumber = min;
+											localRef.current.dispatchEvent(new Event("input", {
+												bubbles: true,
+												cancelable: false
+											}));
 										}
 										onBlur === null || onBlur === void 0 || onBlur(event);
 									},
 									onChange: onChange ? (event) => {
-										const { target } = event;
-										if (Number.isNaN(target.valueAsNumber)) onChange(null);
-										else onChange(target.valueAsNumber);
+										onChange(getValueAsNumber(event.target));
 									} : void 0,
 									onFocus,
 									placeholder,
@@ -122,7 +144,7 @@ var init_NumberInput = __esmMin(() => {
 									step,
 									style,
 									type: "number",
-									value: value === null || value === void 0 ? void 0 : value.toString()
+									value: value === null || Number.isNaN(value) ? "" : value
 								}), /* @__PURE__ */ jsx(Unit, {
 									controls,
 									disabled,
@@ -154,6 +176,7 @@ var init_NumberInput = __esmMin(() => {
 			]
 		});
 	});
+	NumberInput.displayName = "NumberInput";
 });
 
 //#endregion

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

@@ -39,6 +39,8 @@ export declare const numberInputStyle: {
         controls: {
             false: {
                 borderRadius: `0 var(--${string}) var(--${string}) 0`;
+                borderRightWidth: number;
+                borderRightStyle: "solid";
             };
         };
     }>;
@@ -48,11 +50,15 @@ export declare const numberInputStyle: {
                 textAlign: "left";
                 borderRadius: `var(--${string}) 0 0 var(--${string})`;
             };
+            true: {
+                borderInline: "none";
+            };
         };
         hasUnit: {
             true: {
                 padding: `var(--${string}) 0 var(--${string}) var(--${string})`;
                 textAlign: "left";
+                borderRightWidth: number;
             };
         };
         size: {

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":"AAqPA,eAAO,MAAM,gBAAgB;;;;YApNvB,KAAK;gBACH,WAAW;;;;;;;;;;;;;;;;;;;;YA8Bb,KAAK;gBACH,QAAQ;gBACR,MAAM;;YAGR,MAAM;gBACJ,QAAQ;gBACR,MAAM;;YAER,KAAK;gBACH,QAAQ;gBACR,MAAM;;;;;;;;;;;;;;;;;;;;;;;YA2ER,KAAK;gBACH,UAAU;gBACV,QAAQ;gBACR,UAAU;gBACV,MAAM;gBACN,UAAU;;YAEZ,MAAM;gBACJ,MAAM;;YAER,KAAK;gBACH,MAAM;;;;;;YAwCR,KAAK;gBACH,MAAM;;YAGR,MAAM;gBACJ,MAAM;;YAER,KAAK;gBACH,MAAM;;;;;;;;;;oBAUJ,SAAS;wBACP,WAAW;;;;;gBAIR,WAAW;;;;;;;oBAMhB,gBAAgB;wBACd,WAAW;;oBAEb,SAAS;wBACP,WAAW;;;;;gBAKf,WAAW;;;;CAYlB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/styles.css.ts"],"names":[],"mappings":"AA6QA,eAAO,MAAM,gBAAgB;;;;YA5OvB,KAAK;gBACH,WAAW;;;;;;;;;;;;;;;;;;;;YAqCb,KAAK;gBACH,QAAQ;gBACR,MAAM;;YAGR,MAAM;gBACJ,QAAQ;gBACR,MAAM;;YAER,KAAK;gBACH,QAAQ;gBACR,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAmFR,KAAK;gBACH,UAAU;gBACV,QAAQ;gBACR,UAAU;gBACV,MAAM;gBACN,UAAU;;YAEZ,MAAM;gBACJ,MAAM;;YAER,KAAK;gBACH,MAAM;;;;;;YAiDR,KAAK;gBACH,MAAM;;YAGR,MAAM;gBACJ,MAAM;;YAER,KAAK;gBACH,MAAM;;;;;;;;;;oBAUJ,SAAS;wBACP,WAAW;;;;;gBAIR,WAAW;;;;;;;oBAMhB,gBAAgB;wBACd,WAAW;;oBAEb,SAAS;wBACP,WAAW;;;;;gBAKf,WAAW;;;;CAYlB,CAAA"}

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

@@ -41,12 +41,15 @@ var init_styles_css = __esmMin(() => {
 		numberinput: createRuntimeFn({
 			defaultClassName: "uv_1ce7gb6c",
 			variantClassNames: {
-				controls: { false: "uv_1ce7gb6d" },
-				hasUnit: { true: "uv_1ce7gb6e" },
+				controls: {
+					false: "uv_1ce7gb6d",
+					true: "uv_1ce7gb6e"
+				},
+				hasUnit: { true: "uv_1ce7gb6f" },
 				size: {
-					large: "uv_1ce7gb6f",
-					medium: "uv_1ce7gb6g",
-					small: "uv_1ce7gb6h"
+					large: "uv_1ce7gb6g",
+					medium: "uv_1ce7gb6h",
+					small: "uv_1ce7gb6i"
 				}
 			},
 			defaultVariants: {
@@ -57,22 +60,22 @@ var init_styles_css = __esmMin(() => {
 			compoundVariants: [[{
 				controls: false,
 				hasUnit: false
-			}, "uv_1ce7gb6i"]]
+			}, "uv_1ce7gb6j"]]
 		}),
 		container: createRuntimeFn({
-			defaultClassName: "uv_1ce7gb6j",
+			defaultClassName: "uv_1ce7gb6k",
 			variantClassNames: {
 				size: {
-					large: "uv_1ce7gb6k",
-					medium: "uv_1ce7gb6l",
-					small: "uv_1ce7gb6m"
+					large: "uv_1ce7gb6l",
+					medium: "uv_1ce7gb6m",
+					small: "uv_1ce7gb6n"
 				},
 				state: {
-					"default": "uv_1ce7gb6n",
-					disabled: "uv_1ce7gb6o",
-					error: "uv_1ce7gb6p",
-					readOnly: "uv_1ce7gb6q",
-					success: "uv_1ce7gb6r"
+					"default": "uv_1ce7gb6o",
+					disabled: "uv_1ce7gb6p",
+					error: "uv_1ce7gb6q",
+					readOnly: "uv_1ce7gb6r",
+					success: "uv_1ce7gb6s"
 				}
 			},
 			defaultVariants: {

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

@@ -60,10 +60,9 @@ type PaginationProps = {
     perPagePortalTarget?: never;
     size?: 'small' | 'medium';
 });
-/**
- * Pagination is a component to navigate between pages, it is composed of 2 buttons to go to the previous and next page,
- * and a list of buttons to go to a specific page.
- */
-export declare const Pagination: ({ disabled, page, pageCount, onChange, pageTabCount, className, perPage, onChangePerPage, perPageText, numberOfItemsText, numberOfItems, perPagePortalTarget, hideFirstPage, hideLastPage, size, 'data-testid': dataTestId, style, }: PaginationProps) => import("react").JSX.Element;
+export declare function Pagination({ disabled, page, pageCount, onChange, pageTabCount, className, perPage, onChangePerPage, perPageText, numberOfItemsText, numberOfItems, perPagePortalTarget, hideFirstPage, hideLastPage, size, 'data-testid': dataTestId, style, }: PaginationProps): import("react").JSX.Element;
+export declare namespace Pagination {
+    var displayName: string;
+}
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAK1C,KAAK,eAAe,GAAG;IACrB;;MAEE;IACF,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC;;MAEE;IACF,IAAI,EAAE,MAAM,CAAA;IACZ;;MAEE;IACF,SAAS,EAAE,MAAM,CAAA;IACjB;;MAEE;IACF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;MAEE;IACF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,CACA;IACE;;OAEG;IACH,OAAO,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;OAEG;IACH,aAAa,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,WAAW,CAAA;IACjC,IAAI,CAAC,EAAE,KAAK,CAAA;CACb,GACD;IACE,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,eAAe,CAAC,EAAE,KAAK,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAA;IACnB,iBAAiB,CAAC,EAAE,KAAK,CAAA;IACzB,aAAa,CAAC,EAAE,KAAK,CAAA;IACrB,mBAAmB,CAAC,EAAE,KAAK,CAAA;IAC3B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;CAC1B,CACJ,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,yOAkBpB,eAAe,gCA8CjB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAK1C,KAAK,eAAe,GAAG;IACrB;;MAEE;IACF,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC;;MAEE;IACF,IAAI,EAAE,MAAM,CAAA;IACZ;;MAEE;IACF,SAAS,EAAE,MAAM,CAAA;IACjB;;MAEE;IACF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;MAEE;IACF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,CACA;IACE;;OAEG;IACH,OAAO,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;OAEG;IACH,aAAa,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,WAAW,CAAA;IACjC,IAAI,CAAC,EAAE,KAAK,CAAA;CACb,GACD;IACE,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,eAAe,CAAC,EAAE,KAAK,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAA;IACnB,iBAAiB,CAAC,EAAE,KAAK,CAAA;IACzB,aAAa,CAAC,EAAE,KAAK,CAAA;IACrB,mBAAmB,CAAC,EAAE,KAAK,CAAA;IAC3B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;CAC1B,CACJ,CAAA;mCAM0B,EACzB,QAAgB,EAChB,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,YAAgB,EAChB,SAAS,EACT,OAAO,EACP,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,IAAe,EACf,aAAa,EAAE,UAAU,EACzB,KAAK,GACN,EAAE,eAAe"}

package/dist/components/Pagination/index.js

@@ -52,6 +52,7 @@ var init_Pagination = __esmMin(() => {
 			})]
 		});
 	};
+	Pagination.displayName = "Pagination";
 });
 
 //#endregion

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

@@ -14,10 +14,9 @@ type PasswordCheckProps = {
     'data-testid'?: string;
     style?: CSSProperties;
 };
-/**
- * PasswordCheck is a component that display a list of password rules with a check or a cross depending on the validity
- * of the rule.
- */
-export declare const PasswordCheck: ({ rules, className, 'data-testid': dataTestId, style }: PasswordCheckProps) => import("react").JSX.Element;
+export declare function PasswordCheck({ rules, className, 'data-testid': dataTestId, style }: PasswordCheckProps): import("react").JSX.Element;
+export declare namespace PasswordCheck {
+    var displayName: string;
+}
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordCheck/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAK1C,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,OAAO,CAAA;CACf,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB;;;OAGG;IACH,KAAK,EAAE,IAAI,EAAE,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,2DAA4D,kBAAkB,gCAgBvG,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordCheck/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAK1C,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,OAAO,CAAA;CACf,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB;;;OAGG;IACH,KAAK,EAAE,IAAI,EAAE,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;sCAM6B,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,kBAAkB"}

package/dist/components/PasswordCheck/index.js

@@ -37,6 +37,7 @@ var init_PasswordCheck = __esmMin(() => {
 			})]
 		}, rule.name))
 	});
+	PasswordCheck.displayName = "PasswordCheck";
 });
 
 //#endregion

package/dist/components/PhoneInput/index.js

@@ -144,6 +144,7 @@ var init_PhoneInput = __esmMin(() => {
 			]
 		});
 	});
+	PhoneInput.displayName = "PhoneInput";
 });
 
 //#endregion

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

@@ -13,11 +13,9 @@ type PieChartProps = {
     margin?: Box;
     style?: CSSProperties;
 };
-/**
- * PieChart component is a wrapper around the Nivo Pie component to display a pie chart.
- * See https://nivo.rocks/pie/ for more information.
- * @experimental This component is experimental and may be subject to breaking changes in the future.
- */
-export declare const PieChart: ({ height, width, data, emptyLegend, legendHeader, content, withLegend, margin, chartProps, style, }: PieChartProps) => import("react").JSX.Element;
+export declare function PieChart({ height, width, data, emptyLegend, legendHeader, content, withLegend, margin, chartProps, style, }: PieChartProps): import("react").JSX.Element;
+export declare namespace PieChart {
+    var displayName: string;
+}
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PieChart/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,YAAY,CAAA;AAMrC,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKrD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAGnC,KAAK,aAAa,GAAG;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAKD;;;;GAIG;AACH,eAAO,MAAM,QAAQ,wGAWlB,aAAa,gCAqFf,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PieChart/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,YAAY,CAAA;AAMrC,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKrD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAGnC,KAAK,aAAa,GAAG;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;iCAUwB,EACvB,MAAY,EACZ,KAAW,EACX,IAAgB,EAChB,WAAW,EACX,YAAY,EACZ,OAAO,EACP,UAAkB,EAClB,MAAuB,EACvB,UAA+B,EAC/B,KAAK,GACN,EAAE,aAAa"}

package/dist/components/PieChart/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.138.0/helpers/esm/objectSpread2.js";
 import { Text, init_Text } from "../Text/index.js";
 import { getLegendColor, init_legend } from "../../helpers/legend.js";
 import { getNivoTheme, init_nivoTheme } from "../../helpers/nivoTheme.js";
@@ -96,6 +96,7 @@ var init_PieChart = __esmMin(() => {
 			]
 		});
 	};
+	PieChart.displayName = "PieChart";
 });
 
 //#endregion

package/dist/components/Popover/index.js

@@ -61,6 +61,7 @@ var init_Popover = __esmMin(() => {
 			children
 		});
 	});
+	Popover.displayName = "Popover";
 });
 
 //#endregion

package/dist/components/Popup/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.138.0/helpers/esm/objectSpread2.js";
 import { init_isClientSide, isClientSide } from "../../helpers/isClientSide.js";
 import { DEFAULT_POSITIONS, computePositions, init_helpers } from "./helpers.js";
 import { init_styles_css, popupStyle } from "./styles.css.js";
@@ -348,6 +348,7 @@ var init_Popup = __esmMin(() => {
 			})
 		}), popupPortalTarget) : null] });
 	});
+	Popup.displayName = "Popup";
 });
 
 //#endregion

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

@@ -18,9 +18,9 @@ type ProgressBarProps = {
     'aria-label'?: string;
     style?: CSSProperties;
 };
-/**
- * Progress bar component to display progress of a task. Can be used to display progress of a form or a loading state.
- */
-export declare const ProgressBar: ({ progress, value, sentiment, className, 'data-testid': dataTestId, showProgress, prefix, suffix, max, label, labelDescription, direction, 'aria-labelledby': ariaLabelledBy, 'aria-label': ariaLabel, style, }: ProgressBarProps) => import("react").JSX.Element;
+export declare function ProgressBar({ progress, value, sentiment, className, 'data-testid': dataTestId, showProgress, prefix, suffix, max, label, labelDescription, direction, 'aria-labelledby': ariaLabelledBy, 'aria-label': ariaLabel, style, }: ProgressBarProps): import("react").JSX.Element;
+export declare namespace ProgressBar {
+    var displayName: string;
+}
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIrD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAI1D,KAAK,gBAAgB,GAAG;IACtB,SAAS,CAAC,EAAE,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAA;IACpD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAC5B,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,oNAgBrB,gBAAgB,gCAgElB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIrD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAI1D,KAAK,gBAAgB,GAAG;IACtB,SAAS,CAAC,EAAE,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAA;IACpD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAC5B,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;oCAK2B,EAC1B,QAAgB,EAChB,KAAS,EACT,SAAqB,EACrB,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,YAAoB,EACpB,MAAM,EACN,MAAY,EACZ,GAAS,EACT,KAAK,EACL,gBAAgB,EAChB,SAAoB,EACpB,iBAAiB,EAAE,cAAc,EACjC,YAAY,EAAE,SAAS,EACvB,KAAK,GACN,EAAE,gBAAgB"}

package/dist/components/ProgressBar/index.js

@@ -83,6 +83,7 @@ var init_ProgressBar = __esmMin(() => {
 			]
 		});
 	};
+	ProgressBar.displayName = "ProgressBar";
 });
 
 //#endregion

package/dist/components/Radio/index.js

@@ -85,6 +85,7 @@ var init_Radio = __esmMin(() => {
 			})
 		});
 	});
+	Radio.displayName = "Radio";
 });
 
 //#endregion

package/dist/components/RadioGroup/SingleRadio.d.ts

@@ -1,6 +1,9 @@
 import type { ComponentProps } from 'react';
 import { Radio } from '../Radio';
 type RadioGroupRadioProps = Omit<ComponentProps<typeof Radio>, 'onChange' | 'checked' | 'required' | 'name'>;
-export declare const RadioGroupRadio: ({ onFocus, onBlur, disabled, error, value, label, helper, className, autoFocus, onKeyDown, tooltip, 'data-testid': dataTestId, style, }: RadioGroupRadioProps) => import("react").JSX.Element;
+export declare function RadioGroupRadio({ onFocus, onBlur, disabled, error, value, label, helper, className, autoFocus, onKeyDown, tooltip, 'data-testid': dataTestId, style, }: RadioGroupRadioProps): import("react").JSX.Element;
+export declare namespace RadioGroupRadio {
+    var displayName: string;
+}
 export {};
 //# sourceMappingURL=SingleRadio.d.ts.map

package/dist/components/RadioGroup/SingleRadio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SingleRadio.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/SingleRadio.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAGhC,KAAK,oBAAoB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC,CAAA;AAC5G,eAAO,MAAM,eAAe,4IAczB,oBAAoB,gCA8BtB,CAAA"}
+{"version":3,"file":"SingleRadio.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/SingleRadio.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAGhC,KAAK,oBAAoB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC,CAAA;wCAC5E,EAC9B,OAAO,EACP,MAAM,EACN,QAAQ,EACR,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,SAAS,EACT,SAAS,EACT,SAAS,EACT,OAAO,EACP,aAAa,EAAE,UAAU,EACzB,KAAK,GACN,EAAE,oBAAoB"}

package/dist/components/RadioGroup/SingleRadio.js

@@ -34,6 +34,7 @@ var init_SingleRadio = __esmMin(() => {
 			value
 		});
 	};
+	RadioGroupRadio.displayName = "RadioGroup.Radio";
 });
 
 //#endregion

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

@@ -15,7 +15,10 @@ type RadioGroupProps = {
 /**
  * RadioGroup is a component that allows users to select one option from a list of options using radio.
  */
-declare const RadioGroupComponent: ({ legend, legendDescription, value, className, helper, error, direction, children, onChange, name, description, required, size, 'aria-describedby': ariaDescribedBy, }: RadioGroupProps) => import("react").JSX.Element;
+declare const RadioGroupComponent: {
+    ({ legend, legendDescription, value, className, helper, error, direction, children, onChange, name, description, required, size, 'aria-describedby': ariaDescribedBy, }: RadioGroupProps): import("react").JSX.Element;
+    displayName: string;
+};
 type SelectableCardOptionGroupType = typeof RadioGroupComponent & {
     Radio: typeof RadioGroupRadio;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQ3D,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAG/C,KAAK,eAAe,GAAG;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC5B,QAAQ,EAAE,SAAS,CAAA;IACnB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;CAC1B,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,kBAAkB,CAAC,CAAA;AAEvF;;GAEG;AACH,QAAA,MAAM,mBAAmB,2KAetB,eAAe,gCAuDjB,CAAA;AAED,KAAK,6BAA6B,GAAG,OAAO,mBAAmB,GAAG;IAChE,KAAK,EAAE,OAAO,eAAe,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,6BAEvB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQ3D,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAG/C,KAAK,eAAe,GAAG;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC5B,QAAQ,EAAE,SAAS,CAAA;IACnB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;CAC1B,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,kBAAkB,CAAC,CAAA;AAEvF;;GAEG;AACH,QAAA,MAAM,mBAAmB;6KAetB,eAAe;;CAuDjB,CAAA;AAED,KAAK,6BAA6B,GAAG,OAAO,mBAAmB,GAAG;IAChE,KAAK,EAAE,OAAO,eAAe,CAAA;CAC9B,CAAA;AAID,eAAO,MAAM,UAAU,EAAE,6BAEvB,CAAA"}

package/dist/components/RadioGroup/index.js

@@ -79,6 +79,7 @@ var init_RadioGroup = __esmMin(() => {
 			})
 		});
 	};
+	RadioGroupComponent.displayName = "RadioGroup";
 	RadioGroup = Object.assign(RadioGroupComponent, { Radio: RadioGroupRadio });
 });
 

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

@@ -14,9 +14,9 @@ type RowProps = {
     padding?: ResponsiveProp<CSSProperties['padding']>;
     style?: CSSProperties;
 };
-/**
- * Row component is a wrapper for grid layout.
- */
-export declare const Row: ({ className, 'data-testid': dataTestId, children, templateColumns, alignItems, justifyContent, gap, padding, style, }: RowProps) => import("react").JSX.Element;
+export declare function Row({ className, 'data-testid': dataTestId, children, templateColumns, alignItems, justifyContent, gap, padding, style, }: RowProps): import("react").JSX.Element;
+export declare namespace Row {
+    var displayName: string;
+}
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Row/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAErD,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAGtE,KAAK,cAAc,CAAC,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,kBAAkB,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAGxF,KAAK,QAAQ,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,MAAM,EAAE,GAAG,CAAC,GAAG,KAAK,CAAA;AAEnF,KAAK,QAAQ,GAAG;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB,eAAe,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;IACvC,GAAG,CAAC,EAAE,cAAc,CAAC,MAAM,kBAAkB,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC,MAAM,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IACrG,UAAU,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAA;IAC3C,cAAc,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAA;IACnD,OAAO,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAA;IAClD,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAsBD;;GAEG;AACH,eAAO,MAAM,GAAG,0HAUb,QAAQ,gCAuCV,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Row/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAErD,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAGtE,KAAK,cAAc,CAAC,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,kBAAkB,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAGxF,KAAK,QAAQ,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,MAAM,EAAE,GAAG,CAAC,GAAG,KAAK,CAAA;AAEnF,KAAK,QAAQ,GAAG;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB,eAAe,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;IACvC,GAAG,CAAC,EAAE,cAAc,CAAC,MAAM,kBAAkB,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC,MAAM,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IACrG,UAAU,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAA;IAC3C,cAAc,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAA;IACnD,OAAO,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAA;IAClD,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;4BAyBmB,EAClB,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,QAAQ,EACR,eAAe,EACf,UAAU,EACV,cAAc,EACd,GAAG,EACH,OAAO,EACP,KAAK,GACN,EAAE,QAAQ"}

package/dist/components/Row/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.138.0/helpers/esm/objectSpread2.js";
 import { init_styles_css, rowStyle, sprinkles } from "./styles.css.js";
 import { init_variables_css, paddings, templateColumn } from "./variables.css.js";
 import { consoleLightTheme } from "@ultraviolet/themes";
@@ -25,6 +25,7 @@ var init_Row = __esmMin(() => {
 		style: _objectSpread2(_objectSpread2({}, assignInlineVars(_objectSpread2(_objectSpread2({}, Object.keys(templateColumn).reduce((acc, column) => _objectSpread2(_objectSpread2({}, acc), {}, { [templateColumn[column]]: typeof templateColumns === "object" ? templateColumns[column] || "" : templateColumns }), {})), Object.keys(paddings).reduce((acc, localPadding) => _objectSpread2(_objectSpread2({}, acc), {}, { [paddings[localPadding]]: typeof padding === "object" ? padding[localPadding] || "" : padding }), {})))), style),
 		children
 	});
+	Row.displayName = "Row";
 });
 
 //#endregion

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

@@ -497,4 +497,4 @@ var init_styles_css = __esmMin(() => {
 
 //#endregion
 init_styles_css();
-export { init_styles_css, rowStyle, sprinkles };
+export { init_styles_css, responsiveProperties, rowStyle, sprinkles };

package/dist/components/SearchInput/index.js

@@ -209,6 +209,7 @@ var init_SearchInput = __esmMin(() => {
 			})
 		});
 	});
+	SearchInput.displayName = "SearchInput";
 });
 
 //#endregion

package/dist/components/SelectInput/components/Dropdown/Dropdown.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.138.0/helpers/esm/objectSpread2.js";
 import { Stack, init_Stack } from "../../../Stack/index.js";
 import { Popup, init_Popup } from "../../../Popup/index.js";
 import { ModalContext, init_ModalProvider } from "../../../Modal/ModalProvider.js";
@@ -187,7 +187,7 @@ var init_Dropdown = __esmMin(() => {
 			style: assignInlineVars({ [dropdownWidth]: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth }),
 			tabIndex: -1,
 			text: /* @__PURE__ */ jsxs(Stack, { children: [
-				searchable && !isLoading && (numberOfOptions >= 6 || addOption) ? /* @__PURE__ */ jsx(SearchBar, {
+				searchable && !isLoading ? /* @__PURE__ */ jsx(SearchBar, {
 					displayedOptions,
 					placeholder,
 					setSearchBarActive

package/dist/components/SelectInput/components/Dropdown/Group.js

@@ -49,7 +49,7 @@ var init_Group = __esmMin(() => {
 				type: "button",
 				children: selectAllGroup ? /* @__PURE__ */ jsx(Checkbox, {
 					checked: selectedData.selectedGroups.includes(group),
-					className: selectInputStyle.dropdownCheckbox,
+					className: selectInputStyle.dropdownCheckboxGroup,
 					"data-testid": "select-group",
 					disabled: false,
 					onChange: () => selectAllGroup ? handleSelectGroup() : null,

package/dist/components/SelectInput/components/Dropdown/SearchBar.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.138.0/helpers/esm/objectSpread2.js";
 import { TextInput, init_TextInput } from "../../../TextInput/index.js";
 import { OPTION_SELECTOR, init_constants } from "../../constants.js";
 import { init_SelectInputProvider, useSelectInput } from "../../SelectInputProvider.js";
@@ -49,8 +49,10 @@ var init_SearchBar = __esmMin(() => {
 		const searchInputRef = useRef(null);
 		const { onChange, onSearch, setSearchInput, searchInput, options, multiselect, setSelectedData, selectedData, size } = useSelectInput();
 		const handleChange = (search) => {
-			if (search.length > 0) if (Array.isArray(options)) onSearch(searchRegex([...options], escapeRegExp(search.toString())));
-			else {
+			if (search.length > 0) if (Array.isArray(options)) {
+				const filteredOptions = searchRegex([...options], escapeRegExp(search.toString()));
+				onSearch(filteredOptions);
+			} else {
 				const filteredOptions = _objectSpread2({}, options);
 				Object.keys(filteredOptions).map((group) => {
 					filteredOptions[group] = searchRegex(filteredOptions[group], escapeRegExp(search.toString()));

package/dist/components/SelectInput/components/Dropdown/dropdown.css.d.ts

@@ -45,6 +45,7 @@ export declare const dropdownItem: import("@vanilla-extract/recipes").RuntimeFn<
 }>;
 export declare const footer: string;
 export declare const dropdownCheckbox: string;
+export declare const dropdownCheckboxGroup: string;
 export declare const dropdownEmptyState: string;
 export declare const dropdownLoadMore: string;
 export declare const dropdownInfo: string;

package/dist/components/SelectInput/components/Dropdown/dropdown.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/dropdown.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,aAAa,oBAAc,CAAA;AAExC,eAAO,MAAM,QAAQ,QASnB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAK5B,CAAA;AAEF,eAAO,MAAM,0BAA0B,QAErC,CAAA;AAEF,eAAO,MAAM,aAAa,QAmBxB,CAAA;AAEF,eAAO,MAAM,uBAAuB;;QAY9B,KAAK;YACH,WAAW;;QAEb,KAAK;QACL,MAAM;;EAMV,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAG/B,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAO/B,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAM3B,CAAA;AAEF,eAAO,MAAM,YAAY;;QAoBnB,IAAI;YACF,eAAe;;;;QAIjB,KAAK;QACL,MAAM;QACN,KAAK;YACH,OAAO;;;;;;;;;;;;;;;;;EAkBb,CAAA;AAEF,eAAO,MAAM,MAAM,QAKjB,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAM3B,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAAqC,CAAA;AAEpE,eAAO,MAAM,gBAAgB,QAAyC,CAAA;AAEtE,eAAO,MAAM,YAAY,QAEvB,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAM/B,CAAA;AAEF,eAAO,MAAM,qBAAqB,QAAgC,CAAA;AAElE,eAAO,MAAM,SAAS,QAGpB,CAAA;AAEF,eAAO,MAAM,cAAc,QAWzB,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAAY,CAAA"}
+{"version":3,"file":"dropdown.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/dropdown.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,aAAa,oBAAc,CAAA;AAExC,eAAO,MAAM,QAAQ,QASnB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAK5B,CAAA;AAEF,eAAO,MAAM,0BAA0B,QAErC,CAAA;AAEF,eAAO,MAAM,aAAa,QAmBxB,CAAA;AAEF,eAAO,MAAM,uBAAuB;;QAY9B,KAAK;YACH,WAAW;;QAEb,KAAK;QACL,MAAM;;EAMV,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAG/B,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAO/B,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAM3B,CAAA;AAEF,eAAO,MAAM,YAAY;;QAoBnB,IAAI;YACF,eAAe;;;;QAIjB,KAAK;QACL,MAAM;QACN,KAAK;YACH,OAAO;;;;;;;;;;;;;;;;;EAkBb,CAAA;AAEF,eAAO,MAAM,MAAM,QAKjB,CAAA;AAQF,eAAO,MAAM,gBAAgB,QAA8D,CAAA;AAE3F,eAAO,MAAM,qBAAqB,QAA0D,CAAA;AAC5F,eAAO,MAAM,kBAAkB,QAAqC,CAAA;AAEpE,eAAO,MAAM,gBAAgB,QAAyC,CAAA;AAEtE,eAAO,MAAM,YAAY,QAEvB,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAM/B,CAAA;AAEF,eAAO,MAAM,qBAAqB,QAAgC,CAAA;AAElE,eAAO,MAAM,SAAS,QAGpB,CAAA;AAEF,eAAO,MAAM,cAAc,QAWzB,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAAY,CAAA"}

package/dist/components/SelectInput/components/SelectBar/selectBar.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selectBar.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/SelectBar/selectBar.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW,oBAItB,CAAA;AACF,eAAO,MAAM,WAAW,oBAItB,CAAA;AAEF,eAAO,MAAM,cAAc,mCASzB,CAAA;AAEF,eAAO,MAAM,WAAW,QAKtB,CAAA;AA+BF,eAAO,MAAM,aAAa,QAuCxB,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;gBAoCZ,SAAS;oBACP,WAAW;;;;;;QAMjB,IAAI;YACF,WAAW;;;;;;;;;gBAUT,SAAS;oBACP,WAAW;;;;;;QAMjB,KAAK;YACH,MAAM;YACN,aAAa;;QAEf,MAAM;YACJ,MAAM;YACN,aAAa;;QAEf,KAAK;YACH,MAAM;YACN,OAAO;YACP,aAAa;;;;QAIf,MAAM;;gBA1IN,+BAA+B;oBAC7B,MAAM;;gBAER,kEAAkE;oBAChE,WAAW;oBACX,SAAS,EAEJ,MAAM;;gBAEb,yEAAyE;oBACvE,OAAO;;gBAET,iEAAiE;oBAC/D,WAAW;oBACX,OAAO;;;;QA6HT,OAAO;;;;;;;;;;;;;;;;;;QACP,OAAO;;;;;;;;;;;;;;;;;;;EAGX,CAAA;AAQF,eAAO,MAAM,aAAa,sCAGxB,CAAA;AAEF,eAAO,MAAM,cAAc,QAKzB,CAAA;AAEF,eAAO,MAAM,OAAO,QAAsC,CAAA;AAE1D,eAAO,MAAM,gBAAgB,QAI3B,CAAA"}
+{"version":3,"file":"selectBar.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/SelectBar/selectBar.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW,oBAItB,CAAA;AACF,eAAO,MAAM,WAAW,oBAItB,CAAA;AAEF,eAAO,MAAM,cAAc,mCASzB,CAAA;AAEF,eAAO,MAAM,WAAW,QAKtB,CAAA;AA+BF,eAAO,MAAM,aAAa,QAsCxB,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;gBAoCZ,SAAS;oBACP,WAAW;;;;;;QAMjB,IAAI;YACF,WAAW;;;;;;;;;gBAUT,SAAS;oBACP,WAAW;;;;;;QAMjB,KAAK;YACH,MAAM;YACN,aAAa;;QAEf,MAAM;YACJ,MAAM;YACN,aAAa;;QAEf,KAAK;YACH,MAAM;YACN,OAAO;YACP,aAAa;;;;QAIf,MAAM;;gBAzIN,+BAA+B;oBAC7B,MAAM;;gBAER,kEAAkE;oBAChE,WAAW;oBACX,SAAS,EAEJ,MAAM;;gBAEb,yEAAyE;oBACvE,OAAO;;gBAET,iEAAiE;oBAC/D,WAAW;oBACX,OAAO;;;;QA4HT,OAAO;;;;;;;;;;;;;;;;;;QACP,OAAO;;;;;;;;;;;;;;;;;;;EAGX,CAAA;AAQF,eAAO,MAAM,aAAa,sCAGxB,CAAA;AAEF,eAAO,MAAM,cAAc,QAKzB,CAAA;AAEF,eAAO,MAAM,OAAO,QAAsC,CAAA;AAE1D,eAAO,MAAM,gBAAgB,QAI3B,CAAA"}

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

@@ -70,6 +70,10 @@ type SelectInputProps<IsMulti extends undefined | boolean = false> = {
      * Display an error message under the select bar
      */
     error?: string | boolean;
+    /**
+     * @deprecated This property is automatically enabled when options.length >= 6 or if addOption is enable.
+     * Otherwise, no search bar
+     */
     searchable?: boolean;
     /**
      * When searchable, set a combobox to dynamically add an option
@@ -130,9 +134,9 @@ type SelectInputProps<IsMulti extends undefined | boolean = false> = {
     groupError?: Record<string, ReactNode>;
     groupEmptyState?: Record<string, ReactNode>;
 } & Pick<HTMLAttributes<HTMLDivElement>, 'id' | 'onBlur' | 'onFocus' | 'aria-label' | 'className' | 'style' | 'aria-describedby'>;
-/**
- * SelectInput component is used to select one or many elements from a selection.
- */
-export declare const SelectInput: <IsMulti extends undefined | boolean>({ name, id, onBlur, onFocus, onChange, 'aria-label': ariaLabel, value, label, helper, options, size, emptyState, descriptionDirection, success, error, 'data-testid': dataTestId, className, tooltip, footer, placeholderSearch, placeholder, searchable, disabled, readOnly, clearable, multiselect, required, labelDescription, autofocus, loadMore, optionalInfoPlacement, isLoading, selectAll, selectAllGroup, dropdownAlign, portalTarget, onOpen, groupEmptyState, groupError, style, addOption, 'aria-describedby': ariaDescribedBy, }: SelectInputProps<IsMulti>) => import("react").JSX.Element;
+export declare function SelectInput<IsMulti extends undefined | boolean>({ name, id, onBlur, onFocus, onChange, 'aria-label': ariaLabel, value, label, helper, options, size, emptyState, descriptionDirection, success, error, 'data-testid': dataTestId, className, tooltip, footer, placeholderSearch, placeholder, disabled, readOnly, clearable, multiselect, required, labelDescription, autofocus, loadMore, optionalInfoPlacement, isLoading, selectAll, selectAllGroup, dropdownAlign, portalTarget, onOpen, groupEmptyState, groupError, style, addOption, 'aria-describedby': ariaDescribedBy, }: SelectInputProps<IsMulti>): import("react").JSX.Element;
+export declare namespace SelectInput {
+    var displayName: string;
+}
 export {};
 //# sourceMappingURL=index.d.ts.map