@povio/ui 5.0.0-rc.8 → 6.0.0-rc.1

package/dist/{NumberFormatter-CLDS_LRZ.js → NumberFormatter-DYarfm5F.js}

@@ -1,5 +1,5 @@
 import { createContext, useContext, useEffect, useMemo, useRef, useState } from "react";
-//#region ../../node_modules/.bun/react-stately@3.50.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/form/useFormValidationState.mjs
+//#region ../../node_modules/.bun/react-stately@3.51.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/form/useFormValidationState.mjs
 const $fd2148440a13ec26$export$aca958c65c314e6c = {
 	badInput: false,
 	customError: false,
@@ -138,25 +138,12 @@ function $fd2148440a13ec26$export$75ee7c75d68f5b0e(...results) {
 	};
 }
 //#endregion
-//#region ../../node_modules/.bun/@internationalized+number@3.6.8/node_modules/@internationalized/number/dist/private/NumberFormatter.mjs
+//#region ../../node_modules/.bun/@internationalized+number@3.6.9/node_modules/@internationalized/number/dist/private/NumberFormatter.mjs
 let $1dfb119a85e764e5$var$formatterCache = /* @__PURE__ */ new Map();
 let $1dfb119a85e764e5$var$supportsSignDisplay = false;
 try {
 	$1dfb119a85e764e5$var$supportsSignDisplay = new Intl.NumberFormat("de-DE", { signDisplay: "exceptZero" }).resolvedOptions().signDisplay === "exceptZero";
 } catch {}
-let $1dfb119a85e764e5$var$supportsUnit = false;
-try {
-	$1dfb119a85e764e5$var$supportsUnit = new Intl.NumberFormat("de-DE", {
-		style: "unit",
-		unit: "degree"
-	}).resolvedOptions().style === "unit";
-} catch {}
-const $1dfb119a85e764e5$var$UNITS = { degree: { narrow: {
-	default: "°",
-	"ja-JP": " 度",
-	"zh-TW": "度",
-	"sl-SI": " °"
-} } };
 var $1dfb119a85e764e5$export$cc77c4ff7e8673c5 = class {
 	constructor(locale, options = {}) {
 		this.numberFormatter = $1dfb119a85e764e5$var$getCachedNumberFormatter(locale, options);
@@ -169,12 +156,6 @@ var $1dfb119a85e764e5$export$cc77c4ff7e8673c5 = class {
 		let res = "";
 		if (!$1dfb119a85e764e5$var$supportsSignDisplay && this.options.signDisplay != null) res = $1dfb119a85e764e5$export$711b50b3c525e0f2(this.numberFormatter, this.options.signDisplay, value);
 		else res = this.numberFormatter.format(value);
-		if (this.options.style === "unit" && !$1dfb119a85e764e5$var$supportsUnit) {
-			let { unit, unitDisplay = "short", locale } = this.resolvedOptions();
-			if (!unit) return res;
-			let values = $1dfb119a85e764e5$var$UNITS[unit]?.[unitDisplay];
-			res += values[locale] || values.default;
-		}
 		return res;
 	}
 	/** Formats a number to an array of parts such as separators, digits, punctuation, and more. */ formatToParts(value) {
@@ -212,12 +193,6 @@ var $1dfb119a85e764e5$export$cc77c4ff7e8673c5 = class {
 			...options,
 			signDisplay: this.options.signDisplay
 		};
-		if (!$1dfb119a85e764e5$var$supportsUnit && this.options.style === "unit") options = {
-			...options,
-			style: "unit",
-			unit: this.options.unit,
-			unitDisplay: this.options.unitDisplay
-		};
 		return options;
 	}
 };
@@ -227,15 +202,6 @@ function $1dfb119a85e764e5$var$getCachedNumberFormatter(locale, options = {}) {
 		if (!locale.includes("-u-")) locale += "-u-";
 		locale += `-nu-${numberingSystem}`;
 	}
-	if (options.style === "unit" && !$1dfb119a85e764e5$var$supportsUnit) {
-		let { unit, unitDisplay = "short" } = options;
-		if (!unit) throw new Error("unit option must be provided with style: \"unit\"");
-		if (!$1dfb119a85e764e5$var$UNITS[unit]?.[unitDisplay]) throw new Error(`Unsupported unit ${unit} with unitDisplay = ${unitDisplay}`);
-		options = {
-			...options,
-			style: "decimal"
-		};
-	}
 	let cacheKey = locale + (options ? Object.entries(options).sort((a, b) => a[0] < b[0] ? -1 : 1).join() : "");
 	if ($1dfb119a85e764e5$var$formatterCache.has(cacheKey)) return $1dfb119a85e764e5$var$formatterCache.get(cacheKey);
 	let numberFormatter = new Intl.NumberFormat(locale, options);

package/dist/{NumberRangeInput-B_sMIpP1.js → NumberRangeInput-BrW03wC6.js}

@@ -1,16 +1,16 @@
-import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
+import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { n as $41fb335299a4a39e$export$f5b8910cec6cf069 } from "./Input-BsbLZDtC.js";
+import { n as $41fb335299a4a39e$export$f5b8910cec6cf069 } from "./Input-BG0Xjw5X.js";
 import { a as $a3be900807531178$re_export$useLocale } from "./exports-BNrTn8Tj.js";
-import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-BE0r63d8.js";
-import { t as FieldController } from "./form.binding-CG1RPv6o.js";
-import { n as FormFieldLabel, t as FormField } from "./FormField-AY25LzbW.js";
-import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-DJA8ovm_.js";
-import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-3jyN0Wss.js";
-import { i as InputFrame, n as useStaticInputHandoff, t as getStaticInputFocusTarget } from "./useStaticInputHandoff-kkQrc6DA.js";
-import { n as $3d0ee518c6f3d04f$export$7f629e9dc1ecf37c, t as getStaticNumberDisplayValue } from "./numberStatic.utils-BX50PSee.js";
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
+import { n as FormFieldLabel, t as FormField } from "./FormField-D7KKJ6kG.js";
+import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-w7ZEVQAM.js";
+import { n as $3d0ee518c6f3d04f$export$7f629e9dc1ecf37c, t as getStaticNumberDisplayValue } from "./numberStatic.utils-BIyZuILs.js";
+import { n as useStaticInputHandoff, t as getStaticInputFocusTarget } from "./useStaticInputHandoff-DyYxfwv6.js";
 import { t as IntlUtils } from "./intl.utils-zwAFoZ0U.js";
+import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-D7HUZLsP.js";
+import { InputFrame } from "./components/input-frame.js";
 import { memo, useEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useNumberField } from "react-aria";
@@ -34,7 +34,7 @@ const NumberRangeValueField = ({ label, value, placeholder, isDisabled, isInvali
 		isDisabled,
 		isInvalid,
 		isRequired,
-		onChange,
+		onChange: (nextValue) => onChange(Number.isNaN(nextValue) ? null : nextValue),
 		onBlur: (e) => onBlur?.({ target: e.target }),
 		locale,
 		formatOptions: formatOptions ?? ui.numberField.formatOptions
@@ -42,7 +42,7 @@ const NumberRangeValueField = ({ label, value, placeholder, isDisabled, isInvali
 	const state = $3d0ee518c6f3d04f$export$7f629e9dc1ecf37c(numberProps);
 	const { labelProps, inputProps } = useNumberField(numberProps, state, numberFieldRef);
 	return /* @__PURE__ */ jsxs("div", {
-		className: "min-w-0 flex-1",
+		className: "min-w-0 w-[12em] flex-1",
 		children: [/* @__PURE__ */ jsx(FormFieldLabel, {
 			label,
 			labelProps,
@@ -154,10 +154,6 @@ const NumberRangeField = ({ ref, as, className, inputClassName, minInputClassNam
 });
 //#endregion
 //#region src/components/inputs/Input/NumberRangeInput/NumberRangeInput.tsx
-const EMPTY_RANGE = {
-	min: null,
-	max: null
-};
 const normalizeRangeValue = (value, minValue, maxValue) => {
 	if (value) return value;
 	return {
@@ -322,7 +318,7 @@ const NumberRangeInputInner = ({ renderStaticInput, isFormControlDisabled, ...pr
 			labelPlacement: "content-wrapper",
 			children: ({ id, ...dataAttributeProps }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
 				/* @__PURE__ */ jsxs("div", {
-					className: "min-w-0 flex-1",
+					className: "min-w-0 w-[12em] flex-1",
 					children: [/* @__PURE__ */ jsx(FormFieldLabel, {
 						label: props.minLabel ?? "Minimum",
 						isRequired: props.isRequired,
@@ -359,7 +355,7 @@ const NumberRangeInputInner = ({ renderStaticInput, isFormControlDisabled, ...pr
 					children: "-"
 				}),
 				/* @__PURE__ */ jsxs("div", {
-					className: "min-w-0 flex-1",
+					className: "min-w-0 w-[12em] flex-1",
 					children: [/* @__PURE__ */ jsx(FormFieldLabel, {
 						label: props.maxLabel ?? "Maximum",
 						isRequired: props.isRequired,
@@ -399,31 +395,7 @@ const NumberRangeInputInner = ({ renderStaticInput, isFormControlDisabled, ...pr
 		ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(props.ref, inputRef)
 	});
 };
-const NumberRangeInputComponent = ({ renderStaticInput, ...props }) => {
-	if ("field" in props && props.field) {
-		const { field, ...innerProps } = props;
-		const controlWithOptions = field.form;
-		return /* @__PURE__ */ jsx(FieldController, {
-			control: field.form,
-			name: field.name,
-			render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsx(NumberRangeInputInner, {
-				...innerProps,
-				value: field.value ?? EMPTY_RANGE,
-				onChange: field.onChange,
-				onBlur: field.onBlur,
-				onValueCommit: field.onBlur,
-				isDisabled: field.disabled || !!controlWithOptions._options?.disabled || props.isDisabled,
-				isFormControlDisabled: !!controlWithOptions._options?.disabled,
-				error: props.error ?? error?.message,
-				renderStaticInput
-			})
-		});
-	}
-	return /* @__PURE__ */ jsx(NumberRangeInputInner, {
-		...props,
-		renderStaticInput
-	});
-};
+const NumberRangeInputComponent = (props) => /* @__PURE__ */ jsx(NumberRangeInputInner, { ...props });
 const NumberRangeInput = memo(NumberRangeInputComponent);
 //#endregion
-export { NumberRangeInput as t };
+export { NumberRangeInputInner as n, NumberRangeInput as t };

package/dist/{NumberRangeInput-BfbJQqzn.d.ts → NumberRangeInput-CS4Kn427.d.ts}

@@ -1,7 +1,5 @@
-import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
-import { t as ControlProps } from "./form.types-CecYaerF.js";
-import { n as FormFieldProps } from "./FormField-Byiehm9y.js";
-import { n as InputVariantProps } from "./input.cva-BsHgYa-L.js";
+import { n as FormFieldProps } from "./FormField-BIRMlgu4.js";
+import { n as InputVariantProps } from "./input.cva-L7jKDv6q.js";
 import { FocusEvent, HTMLAttributes, Ref } from "react";
 import { NumberFieldProps } from "react-aria-components";
 //#region src/components/inputs/Input/NumberRangeInput/NumberRangeField.d.ts
@@ -36,10 +34,17 @@ interface NumberRangeInputBaseProps extends FormFieldProps, InputVariantProps, O
   onValueCommit?: () => void;
 }
 type NumberRangeInputProps = Omit<NumberRangeInputBaseProps, "onValueCommit"> & {
+  field?: never;
   renderStaticInput?: boolean;
 };
-type ControlledNumberRangeInputProps<TFieldValues extends FieldValues> = ControlProps<NumberRangeInputProps, TFieldValues>;
-declare const NumberRangeInputComponent: <TFieldValues extends FieldValues>({ renderStaticInput, ...props }: ControlledNumberRangeInputProps<TFieldValues>) => import("react").JSX.Element;
-declare const NumberRangeInput: typeof NumberRangeInputComponent;
+type NumberRangeInputInnerProps = NumberRangeInputProps & {
+  isFormControlDisabled?: boolean;
+  onValueCommit?: () => void;
+};
+declare const NumberRangeInputInner: ({ renderStaticInput, isFormControlDisabled, ...props }: NumberRangeInputInnerProps) => import("react").JSX.Element;
+declare const NumberRangeInputComponent: (props: NumberRangeInputProps & {
+  field?: never;
+}) => import("react").JSX.Element;
+declare const NumberRangeInput: import("react").MemoExoticComponent<typeof NumberRangeInputComponent>;
 //#endregion
-export { NumberRangeValue as i, NumberRangeInput as n, NumberRangeInputProps as r, ControlledNumberRangeInputProps as t };
+export { NumberRangeValue as a, NumberRangeInputProps as i, NumberRangeInputComponent as n, NumberRangeInputInner as r, NumberRangeInput as t };

package/dist/NumberRangeInput.bound-C8I7m1cW.d.ts

@@ -0,0 +1,9 @@
+import { i as NumberRangeInputProps$1 } from "./NumberRangeInput-CS4Kn427.js";
+import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
+//#region src/components/inputs/Input/NumberRangeInput/NumberRangeInput.bound.d.ts
+type ControlledNumberRangeInputProps<TFieldValues extends FieldValues> = FormControlProps<NumberRangeInputProps$1, TFieldValues>;
+type NumberRangeInputProps<TFieldValues extends FieldValues = FieldValues> = ControlledNumberRangeInputProps<TFieldValues>;
+declare const NumberRangeInputComponent: <TFieldValues extends FieldValues>({ renderStaticInput, ...props }: ControlledNumberRangeInputProps<TFieldValues>) => import("react").JSX.Element;
+declare const NumberRangeInput: typeof NumberRangeInputComponent;
+//#endregion
+export { NumberRangeInput as n, NumberRangeInputProps as r, ControlledNumberRangeInputProps as t };

package/dist/NumberRangeInput.bound-CKywKEKI.js

@@ -0,0 +1,32 @@
+import { t as FieldController } from "./form.binding-B-2id68q.js";
+import { n as NumberRangeInputInner } from "./NumberRangeInput-BrW03wC6.js";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/inputs/Input/NumberRangeInput/NumberRangeInput.bound.tsx
+const NumberRangeInputComponent = ({ renderStaticInput, ...props }) => {
+	const { field, ...innerProps } = props;
+	const controlWithOptions = field.form;
+	return /* @__PURE__ */ jsx(FieldController, {
+		control: field.form,
+		name: field.name,
+		onValueChange: field.onValueChange,
+		onBlur: field.onBlur,
+		render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsx(NumberRangeInputInner, {
+			...innerProps,
+			value: field.value ?? {
+				min: null,
+				max: null
+			},
+			onChange: field.onChange,
+			onBlur: field.onBlur,
+			onValueCommit: field.onValueCommit,
+			isDisabled: field.disabled || !!controlWithOptions._options?.disabled || props.isDisabled,
+			isFormControlDisabled: !!controlWithOptions._options?.disabled,
+			error: props.error ?? error?.message,
+			renderStaticInput
+		})
+	});
+};
+const NumberRangeInput = memo(NumberRangeInputComponent);
+//#endregion
+export { NumberRangeInput as t };

package/dist/{OverlayArrow-D8z7cCsw.js → OverlayArrow-DF0jMwul.js}

@@ -1,7 +1,7 @@
-import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e } from "./utils-Czcqspm7.js";
+import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e } from "./utils-BkLF-JA3.js";
 import $ahdqC$react, { createContext, forwardRef } from "react";
 import { filterDOMProps } from "react-aria/filterDOMProps";
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/OverlayArrow.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/OverlayArrow.mjs
 const $4fcfe18fac72dabd$export$2de4954e8ae13b9f = /*#__PURE__*/ createContext({ placement: "bottom" });
 const $4fcfe18fac72dabd$export$746d02f47f4d381 = /*#__PURE__*/ forwardRef(function OverlayArrow(props, ref) {
 	[props, ref] = $7230ffa83bc0c2cf$export$29f1550f4b0d4415(props, ref, $4fcfe18fac72dabd$export$2de4954e8ae13b9f);

package/dist/{Pagination-CwQu5Py8.d.ts → Pagination-DkpAg2x6.d.ts}

@@ -1,4 +1,4 @@
-import { n as PaginationListProps } from "./PaginationList-DMRUGtf8.js";
+import { n as PaginationListProps } from "./PaginationList-DNmZRcS6.js";
 //#region src/components/shared/pagination/Pagination.d.ts
 interface PaginationProps extends Omit<PaginationListProps, "totalPages"> {
   totalItems: number;

package/dist/{PaginationList-DMRUGtf8.d.ts → PaginationList-DNmZRcS6.d.ts}

@@ -1,4 +1,4 @@
-import { i as ButtonProps } from "./Button-D-4qb0IR.js";
+import { n as ButtonProps } from "./Button-f7FPTaiN.js";
 //#region src/components/shared/pagination/PaginationList.d.ts
 interface PaginationListProps {
   page: number;

package/dist/{PaginationList-DptMNpNs.js → PaginationList-PjOxNQwB.js}

@@ -1,10 +1,11 @@
-import { t as ChevronLeft } from "./chevron-left-Dgo_b9wJ.js";
+import { r as ChevronLeft } from "./Tooltip-CMigoyri.js";
 import { t as ChevronRight } from "./chevron-right-3nKJR5Bb.js";
 import { n as ChevronsLeft, t as ChevronsRight } from "./chevrons-right-DJPPn2fD.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { r as cva } from "./uiOverrides.context-BTCH9y5a.js";
-import { t as Button } from "./Button-BPTvffuk.js";
-import "./i18n-CX2EjhJI.js";
+import { t as Button } from "./Button-DER_6cxv.js";
+import { IconButton } from "./components/icon-button.js";
+import "./i18n-BjNKHh_D.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
@@ -21,7 +22,7 @@ const minWidth = cva("", {
 //#endregion
 //#region src/components/shared/pagination/PaginationList.tsx
 const PaginationList = (t0) => {
-	const $ = c(61);
+	const $ = c(54);
 	const { page, totalPages, size, color, variant, hideText, hideFirstLast, hidePrevNext, hideNumbers, className, onPageChange } = t0;
 	const { t } = useTranslation("ui");
 	const isPrevDisabled = page <= 1;
@@ -87,122 +88,120 @@ const PaginationList = (t0) => {
 	} else t3 = $[14];
 	const onPrevious = t3;
 	let t4;
-	if ($[15] !== className) {
-		t4 = clsx("flex items-center gap-pagination-button-to-button", className);
-		$[15] = className;
-		$[16] = t4;
-	} else t4 = $[16];
+	if ($[15] !== color || $[16] !== hideText || $[17] !== size || $[18] !== variant) {
+		t4 = (t5) => {
+			const { label, ...props } = t5;
+			return hideText ? /* @__PURE__ */ jsx(IconButton, {
+				...props,
+				label,
+				size,
+				color,
+				variant,
+				disableTooltip: true
+			}) : /* @__PURE__ */ jsx(Button, {
+				...props,
+				size,
+				color,
+				variant,
+				children: label
+			});
+		};
+		$[15] = color;
+		$[16] = hideText;
+		$[17] = size;
+		$[18] = variant;
+		$[19] = t4;
+	} else t4 = $[19];
+	const renderNavigationButton = t4;
 	let t5;
-	if ($[17] !== color || $[18] !== hideFirstLast || $[19] !== hideText || $[20] !== isPrevDisabled || $[21] !== onPageChange || $[22] !== size || $[23] !== t || $[24] !== variant) {
-		t5 = !hideFirstLast && /* @__PURE__ */ jsx(Button, {
+	if ($[20] !== className) {
+		t5 = clsx("flex items-center gap-pagination-button-to-button", className);
+		$[20] = className;
+		$[21] = t5;
+	} else t5 = $[21];
+	let t6;
+	if ($[22] !== hideFirstLast || $[23] !== isPrevDisabled || $[24] !== onPageChange || $[25] !== renderNavigationButton || $[26] !== t) {
+		t6 = !hideFirstLast && renderNavigationButton({
 			onClick: () => onPageChange?.(1),
 			isDisabled: isPrevDisabled,
-			size,
-			color,
-			variant,
-			iconOnly: hideText,
 			icon: ChevronsLeft,
-			children: t(_temp)
+			label: t(_temp)
 		});
-		$[17] = color;
-		$[18] = hideFirstLast;
-		$[19] = hideText;
-		$[20] = isPrevDisabled;
-		$[21] = onPageChange;
-		$[22] = size;
-		$[23] = t;
-		$[24] = variant;
-		$[25] = t5;
-	} else t5 = $[25];
-	let t6;
-	if ($[26] !== color || $[27] !== hidePrevNext || $[28] !== hideText || $[29] !== isPrevDisabled || $[30] !== onPrevious || $[31] !== size || $[32] !== t || $[33] !== variant) {
-		t6 = !hidePrevNext && /* @__PURE__ */ jsx(Button, {
+		$[22] = hideFirstLast;
+		$[23] = isPrevDisabled;
+		$[24] = onPageChange;
+		$[25] = renderNavigationButton;
+		$[26] = t;
+		$[27] = t6;
+	} else t6 = $[27];
+	let t7;
+	if ($[28] !== hidePrevNext || $[29] !== isPrevDisabled || $[30] !== onPrevious || $[31] !== renderNavigationButton || $[32] !== t) {
+		t7 = !hidePrevNext && renderNavigationButton({
 			onClick: onPrevious,
 			isDisabled: isPrevDisabled,
-			size,
-			color,
-			variant,
-			iconOnly: hideText,
 			icon: ChevronLeft,
-			children: t(_temp2)
+			label: t(_temp2)
 		});
-		$[26] = color;
-		$[27] = hidePrevNext;
-		$[28] = hideText;
+		$[28] = hidePrevNext;
 		$[29] = isPrevDisabled;
 		$[30] = onPrevious;
-		$[31] = size;
+		$[31] = renderNavigationButton;
 		$[32] = t;
-		$[33] = variant;
-		$[34] = t6;
-	} else t6 = $[34];
-	const t7 = !hideNumbers && renderPageNumbers;
-	let t8;
-	if ($[35] !== color || $[36] !== hidePrevNext || $[37] !== hideText || $[38] !== isNextDisabled || $[39] !== onNext || $[40] !== size || $[41] !== t || $[42] !== variant) {
-		t8 = !hidePrevNext && /* @__PURE__ */ jsx(Button, {
+		$[33] = t7;
+	} else t7 = $[33];
+	const t8 = !hideNumbers && renderPageNumbers;
+	let t9;
+	if ($[34] !== hidePrevNext || $[35] !== isNextDisabled || $[36] !== onNext || $[37] !== renderNavigationButton || $[38] !== t) {
+		t9 = !hidePrevNext && renderNavigationButton({
 			onClick: onNext,
 			isDisabled: isNextDisabled,
-			size,
-			color,
-			variant,
-			iconOnly: hideText,
 			icon: ChevronRight,
-			children: t(_temp3)
+			label: t(_temp3)
 		});
-		$[35] = color;
-		$[36] = hidePrevNext;
-		$[37] = hideText;
-		$[38] = isNextDisabled;
-		$[39] = onNext;
-		$[40] = size;
-		$[41] = t;
-		$[42] = variant;
-		$[43] = t8;
-	} else t8 = $[43];
-	let t9;
-	if ($[44] !== color || $[45] !== hideFirstLast || $[46] !== hideText || $[47] !== isNextDisabled || $[48] !== onPageChange || $[49] !== size || $[50] !== t || $[51] !== totalPages || $[52] !== variant) {
-		t9 = !hideFirstLast && /* @__PURE__ */ jsx(Button, {
+		$[34] = hidePrevNext;
+		$[35] = isNextDisabled;
+		$[36] = onNext;
+		$[37] = renderNavigationButton;
+		$[38] = t;
+		$[39] = t9;
+	} else t9 = $[39];
+	let t10;
+	if ($[40] !== hideFirstLast || $[41] !== isNextDisabled || $[42] !== onPageChange || $[43] !== renderNavigationButton || $[44] !== t || $[45] !== totalPages) {
+		t10 = !hideFirstLast && renderNavigationButton({
 			onClick: () => onPageChange?.(totalPages),
 			isDisabled: isNextDisabled,
-			size,
-			color,
-			variant,
-			iconOnly: hideText,
 			icon: ChevronsRight,
-			children: t(_temp4)
+			label: t(_temp4)
 		});
-		$[44] = color;
-		$[45] = hideFirstLast;
-		$[46] = hideText;
-		$[47] = isNextDisabled;
-		$[48] = onPageChange;
-		$[49] = size;
-		$[50] = t;
-		$[51] = totalPages;
-		$[52] = variant;
-		$[53] = t9;
-	} else t9 = $[53];
-	let t10;
-	if ($[54] !== t4 || $[55] !== t5 || $[56] !== t6 || $[57] !== t7 || $[58] !== t8 || $[59] !== t9) {
-		t10 = /* @__PURE__ */ jsxs("nav", {
-			className: t4,
+		$[40] = hideFirstLast;
+		$[41] = isNextDisabled;
+		$[42] = onPageChange;
+		$[43] = renderNavigationButton;
+		$[44] = t;
+		$[45] = totalPages;
+		$[46] = t10;
+	} else t10 = $[46];
+	let t11;
+	if ($[47] !== t10 || $[48] !== t5 || $[49] !== t6 || $[50] !== t7 || $[51] !== t8 || $[52] !== t9) {
+		t11 = /* @__PURE__ */ jsxs("nav", {
+			className: t5,
 			children: [
-				t5,
 				t6,
 				t7,
 				t8,
-				t9
+				t9,
+				t10
 			]
 		});
-		$[54] = t4;
-		$[55] = t5;
-		$[56] = t6;
-		$[57] = t7;
-		$[58] = t8;
-		$[59] = t9;
-		$[60] = t10;
-	} else t10 = $[60];
-	return t10;
+		$[47] = t10;
+		$[48] = t5;
+		$[49] = t6;
+		$[50] = t7;
+		$[51] = t8;
+		$[52] = t9;
+		$[53] = t11;
+	} else t11 = $[53];
+	return t11;
 };
 function _temp($) {
 	return $.ui.pagination.firstBtn;

package/dist/PasswordInput-BHPFkVbM.d.ts

@@ -0,0 +1,11 @@
+import { i as InputProps } from "./Input-BX3sZBEp.js";
+//#region src/components/inputs/Input/PasswordInput/PasswordInput.d.ts
+interface PasswordInputProps extends Omit<InputProps, "type" | "action" | "trailingIcon" | "unit"> {
+  field?: never;
+}
+declare const PasswordInputComponent: (props: PasswordInputProps & {
+  field?: never;
+}) => import("react").JSX.Element;
+declare const PasswordInput: typeof PasswordInputComponent;
+//#endregion
+export { PasswordInputProps as n, PasswordInput as t };

package/dist/PasswordInput.bound-CrXKvfil.js

@@ -0,0 +1,23 @@
+import { n as EyeOff, t as Eye } from "./eye-BA4nRlMX.js";
+import "./i18n-BjNKHh_D.js";
+import { t as Input } from "./Input.bound-jZx8gJro.js";
+import { memo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/components/inputs/Input/PasswordInput/PasswordInput.bound.tsx
+const PasswordInputComponent = (props) => {
+	const { t } = useTranslation("ui");
+	const [isRevealed, setIsRevealed] = useState(false);
+	return /* @__PURE__ */ jsx(Input, {
+		...props,
+		type: isRevealed ? "text" : "password",
+		action: {
+			icon: isRevealed ? Eye : EyeOff,
+			altText: t(($) => isRevealed ? $.ui.password.hide : $.ui.password.reveal),
+			onClick: () => setIsRevealed(!isRevealed)
+		}
+	});
+};
+const PasswordInput = memo(PasswordInputComponent);
+//#endregion
+export { PasswordInput as t };

package/dist/{PasswordInput-CLwFUgl0.d.ts → PasswordInput.bound-DC57m4NT.d.ts}

@@ -1,9 +1,8 @@
-import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
-import { t as ControlProps } from "./form.types-CecYaerF.js";
-import { i as InputProps } from "./Input-DOanwj3l.js";
-//#region src/components/inputs/Input/PasswordInput/PasswordInput.d.ts
-interface PasswordInputProps extends Omit<InputProps, "type" | "action" | "trailingIcon" | "unit"> {}
-type ControlledPasswordInputProps<TFieldValues extends FieldValues> = ControlProps<PasswordInputProps, TFieldValues>;
+import { n as PasswordInputProps$1 } from "./PasswordInput-BHPFkVbM.js";
+import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
+//#region src/components/inputs/Input/PasswordInput/PasswordInput.bound.d.ts
+type PasswordInputProps<TFieldValues extends FieldValues = FieldValues> = ControlledPasswordInputProps<TFieldValues>;
+type ControlledPasswordInputProps<TFieldValues extends FieldValues> = FormControlProps<PasswordInputProps$1, TFieldValues>;
 declare const PasswordInputComponent: <TFieldValues extends FieldValues>(props: ControlledPasswordInputProps<TFieldValues>) => import("react").JSX.Element;
 declare const PasswordInput: typeof PasswordInputComponent;
 //#endregion

package/dist/{Popover-BTHPteIh.d.ts → Popover-pjd0Hu61.d.ts}

@@ -1,5 +1,5 @@
-import { t as BottomSheetProps } from "./BottomSheet-DbQuzfAB.js";
-import "./BottomSheet.lazy-D9LCEo7s.js";
+import { t as BottomSheetProps } from "./BottomSheet-BQXSdxoX.js";
+import "./BottomSheet.lazy-BzvLg8Ea.js";
 import { ReactElement, ReactNode } from "react";
 import { PopoverProps } from "react-aria-components";
 //#region src/components/overlays/Popover/Popover.d.ts

package/dist/{Progress-CjWOR38H.d.ts → Progress-1WGRZE8l.d.ts}

@@ -1,5 +1,5 @@
-import { t as StyleMergeUtils } from "./style-merge.util-zLimKwt6.js";
-import { t as UIOverrides } from "./uiOverrides.context-DEp139He.js";
+import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-Dmev7iRS.js";
+import "./style-definitions-_RXJdSk-.js";
 //#region src/components/status/Progress/progress.cva.d.ts
 declare const progressDefinition: {
   base: string[];
@@ -22,7 +22,7 @@ declare const progressTrackDefinition: {
   config: StyleMergeUtils.Config<{
     readonly part: {
       container: ["relative h-1 w-full"];
-      background: ["h-1 w-full shrink-0 rounded-xs bg-surface-default-popover"];
+      background: ["h-1 w-full shrink-0 rounded-xs bg-surface-default-sunken"];
     };
   }>;
 };

package/dist/{Progress-Du30L4_s.js → Progress-De76pCfX.js}

@@ -1,6 +1,6 @@
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { t as Typography } from "./Typography-LU4z2pR1.js";
-import { a as progressValueDefinition, i as progressTrackWrapperDefinition, n as progressFillDefinition, r as progressTrackDefinition, t as progressDefinition } from "./progress.cva-WQB8BGbk.js";
+import { a as progressValueDefinition, i as progressTrackWrapperDefinition, n as progressFillDefinition, r as progressTrackDefinition, t as progressDefinition } from "./progress.cva-D7iiX6Lh.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/status/Progress/Progress.tsx