@povio/ui 4.0.2-rc.1 → 5.0.0-rc.1

package/dist/index.js

@@ -1,49 +1,49 @@
 import { t as logger } from "./logger-CqZjM-sn.js";
-import { t as DropdownMenu } from "./DropdownMenu-tuf1W-IL.js";
-import { a as menuItemDefinition, i as dropdownMenuDefinition, n as MenuPopover, o as menuPopoverDefinition, r as MenuItem, s as menuPopoverWrapperDefinition } from "./DropdownMenuDesktop-C9ttysuk.js";
-import { a as isEqual, i as useDeepCompareMemo, n as useDeepCompareEffect, o as ObjectUtils, r as useDeepCompareLayoutEffect, t as UIConfig } from "./uiConfig.context-RFvaQYzD.js";
-import { n as fileUploadDropZoneDefinition } from "./FileUpload-3-4Vt4f1.js";
-import { _ as tableRowDefinition, a as PaginatedTable, c as Table, d as CellText, f as tableCellTextDefinition, g as tableHeaderTextDefinition, h as tableHeadRowDefinition, i as dynamicColumns, l as useTableNav, m as tableHeadDataDefinition, n as useSorting, o as InfiniteTable, p as tableDataDefinition, r as usePagination, s as ColumnConfigModal, t as useTableColumnConfig, u as HeaderText } from "./useTableColumnConfig-DVI_jVHz.js";
-import { a as checkboxDefinition, i as checkboxContentWrapperDefinition, o as checkboxGroupLabelDefinition, r as checkboxContentRowDefinition, s as checkboxIconDefinition } from "./CheckboxCheckmark-DJue5Aej.js";
-import { a as selectListBoxItemDefinition, c as useKeyInteractions, i as selectPopoverDefinition, l as selectInputTagsContentWrapperDefinition, o as createKeyInteractionsHandler, s as getKeyInteractionAction, u as useDebounceCallback } from "./staticSelect.utils-ad60elvT.js";
-import { r as datePickerInputContentRowDefinition } from "./DatePickerInput-eyHwzKPm.js";
+import { t as DropdownMenu } from "./DropdownMenu-zrodtd44.js";
+import { a as menuItemDefinition, i as dropdownMenuDefinition, n as MenuPopover, o as menuPopoverDefinition, r as MenuItem, s as menuPopoverWrapperDefinition } from "./DropdownMenuDesktop-CGYxsavQ.js";
+import { a as isEqual, i as useDeepCompareMemo, n as useDeepCompareEffect, o as ObjectUtils, r as useDeepCompareLayoutEffect, t as UIConfig } from "./uiConfig.context-D2eUIPHn.js";
+import { n as fileUploadDropZoneDefinition } from "./FileUpload-D3Io7Is5.js";
+import { _ as tableRowDefinition, a as PaginatedTable, c as Table, d as CellText, f as tableCellTextDefinition, g as tableHeaderTextDefinition, h as tableHeadRowDefinition, i as dynamicColumns, l as useTableNav, m as tableHeadDataDefinition, n as useSorting, o as InfiniteTable, p as tableDataDefinition, r as usePagination, s as ColumnConfigModal, t as useTableColumnConfig, u as HeaderText } from "./useTableColumnConfig-CcJxu14U.js";
+import { a as checkboxDefinition, i as checkboxContentWrapperDefinition, o as checkboxGroupLabelDefinition, r as checkboxContentRowDefinition, s as checkboxIconDefinition } from "./CheckboxCheckmark-B3lnOjsU.js";
+import { a as selectListBoxItemDefinition, c as useKeyInteractions, i as selectPopoverDefinition, l as selectInputTagsContentWrapperDefinition, o as createKeyInteractionsHandler, s as getKeyInteractionAction, u as useDebounceCallback } from "./staticSelect.utils-Cm7MoDVG.js";
+import { r as datePickerInputContentRowDefinition } from "./DatePickerInput-UBZcTmdv.js";
 import { t as X } from "./x-B6vfz8Ps.js";
-import { a as breadcrumbSegmentDefinition, i as breadcrumbItemDefinition, n as breadcrumbChevronDefinition, o as breadcrumbsDefinition, r as breadcrumbIconDefinition, t as Breadcrumbs } from "./Breadcrumbs-BibAIBhY.js";
-import { a as accordionHeadingSubtitleDefinition, c as accordionItemDefinition, d as accordionTriggerDefinition, i as accordionHeadingDefinition, l as accordionPanelContentDefinition, n as accordionChevronDefinition, o as accordionHeadingTitleDefinition, r as accordionDefinition, s as accordionIconDefinition, t as Accordion, u as accordionPanelDefinition } from "./Accordion-CB1F5YAY.js";
-import { i as radioDefinition, n as radioContentRowDefinition, r as radioContentWrapperDefinition } from "./RadioGroup-DW_OQQDu.js";
-import { n as switchDefinition } from "./Switch-Cylpjatb.js";
-import { n as textAreaWrapperDefinition } from "./TextArea-DZv6XaT0.js";
-import { a as tooltipTextDefinition, i as tooltipPointerVerticalDefinition, n as tooltipDefinition, r as tooltipPointerHorizontalDefinition, t as Tooltip } from "./Tooltip-D94a1IQl.js";
+import { a as breadcrumbSegmentDefinition, i as breadcrumbItemDefinition, n as breadcrumbChevronDefinition, o as breadcrumbsDefinition, r as breadcrumbIconDefinition, t as Breadcrumbs } from "./Breadcrumbs-DiIYJAWf.js";
+import { a as accordionHeadingSubtitleDefinition, c as accordionItemDefinition, d as accordionTriggerDefinition, i as accordionHeadingDefinition, l as accordionPanelContentDefinition, n as accordionChevronDefinition, o as accordionHeadingTitleDefinition, r as accordionDefinition, s as accordionIconDefinition, t as Accordion, u as accordionPanelDefinition } from "./Accordion-CzFKi8Bp.js";
+import { i as radioDefinition, n as radioContentRowDefinition, r as radioContentWrapperDefinition } from "./RadioGroup-SSZYch-J.js";
+import { n as switchDefinition } from "./Switch-JxRmH1dX.js";
+import { n as textAreaWrapperDefinition } from "./TextArea-gikUKKDl.js";
+import { a as tooltipTextDefinition, i as tooltipPointerVerticalDefinition, n as tooltipDefinition, r as tooltipPointerHorizontalDefinition, t as Tooltip } from "./Tooltip-aE1Vswxz.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { n as toggleGroupDefinition, r as toggleGroupItemDefinition } from "./ToggleGroup-Cho_oRZh.js";
-import { n as useScrollableListBox } from "./Calendar-kSEji28A.js";
-import { t as typographyDefinition } from "./typography.cva-BI0FyIqm.js";
-import { t as Typography } from "./Typography-AcUd9df8.js";
+import { n as toggleGroupDefinition, r as toggleGroupItemDefinition } from "./ToggleGroup-Cl0NS3fe.js";
+import { n as useScrollableListBox } from "./Calendar-DzQApBCy.js";
+import { t as typographyDefinition } from "./typography.cva-CJZZSGXW.js";
+import { t as Typography } from "./Typography-B0Gp1lpc.js";
 import { t as LinkContext } from "./link.context-J7aQtMOr.js";
-import { n as spinnerDefinition, r as spinnerWrapperDefinition, t as Spinner } from "./Spinner-owSXOEzg.js";
+import { n as spinnerDefinition, r as spinnerWrapperDefinition, t as Spinner } from "./Spinner-BEYBu85B.js";
 import { n as uiOutlineClass } from "./outline.clsx-50W_vNDl.js";
 import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
-import { a as buttonSizeDefinition, i as buttonIconSizeDefinition, n as buttonContentDefinition, r as buttonDefinition, t as Button } from "./Button-CcZBqoQp.js";
+import { a as buttonSizeDefinition, i as buttonIconSizeDefinition, n as buttonContentDefinition, r as buttonDefinition, t as Button } from "./Button-sn52l1Yv.js";
 import { IconButton } from "./components/icon-button.js";
 import { InlineIconButton } from "./components/inline-icon-button.js";
-import { n as pillButtonContentDefinition, r as pillButtonDefinition } from "./pillButton.cva-6tjADUQ6.js";
+import { n as pillButtonContentDefinition, r as pillButtonDefinition } from "./pillButton.cva-DlP5tOT5.js";
 import { PillButton } from "./components/pill-button.js";
 import { BottomSheet } from "./components/bottom-sheet.js";
-import { t as useBreakpoint } from "./useBreakpoint-3kpqzjoC.js";
+import { t as useBreakpoint } from "./useBreakpoint-BOA-MyoT.js";
 import { SplitButton } from "./components/split-button.js";
 import { TextButton } from "./components/text-button.js";
 import { ToggleButton } from "./components/toggle-button.js";
-import { n as formFieldErrorDefinition } from "./FormFieldError-CFg0Wn3i.js";
-import { a as formFieldHeaderDefinition, i as labelDefinition, n as formFieldHelperDefinition, t as FormField } from "./FormField-CAcDJ4HC.js";
-import { n as tagDefinition, t as Tag } from "./Tag-DNuHvt6J.js";
+import { n as formFieldErrorDefinition } from "./FormFieldError-QRAFHUTt.js";
+import { a as formFieldHeaderDefinition, i as labelDefinition, n as formFieldHelperDefinition, t as FormField } from "./FormField-CHD4OJOt.js";
+import { n as tagDefinition, t as Tag } from "./Tag-HiDH438e.js";
 import { n as resources, t as ns } from "./i18n-CX2EjhJI.js";
-import { a as inputSizeDefinition, i as inputSideDefinition, n as inputClearClassDefinition, r as inputContentWrapperDefinition, t as inputBaseDefinition } from "./input.cva-KYGD4Bdz.js";
+import { a as inputSizeDefinition, i as inputSideDefinition, n as inputClearClassDefinition, r as inputContentWrapperDefinition, t as inputBaseDefinition } from "./input.cva-BcXyC1vZ.js";
 import { t as useIntersectionObserver } from "./useIntersectionObserver-DYfHnGGU.js";
-import { t as popoverDefinition } from "./popover.cva-CXha_UMQ.js";
+import { t as popoverDefinition } from "./popover.cva-BJSkLndY.js";
 import { Autocomplete } from "./rhf/autocomplete.js";
 import { Checkbox } from "./rhf/checkbox.js";
 import { CheckboxGroup } from "./rhf/checkbox-group.js";
-import { r as useLongPressRepeat } from "./datePickerValue.utils-GADbSu7a.js";
+import { r as useLongPressRepeat } from "./datePickerValue.utils-CFCY-fRJ.js";
 import { t as IntlUtils } from "./intl.utils-zwAFoZ0U.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
 import { t as DateUtils } from "./date.utils-B8_QF9y6.js";
@@ -51,9 +51,9 @@ import { DatePicker } from "./rhf/date-picker.js";
 import { DateRangePicker } from "./rhf/date-range-picker.js";
 import { DateTimePicker } from "./rhf/date-time-picker.js";
 import { t as FileUtils } from "./file.utils-DqQxnuAm.js";
-import { a as progressTrackWrapperDefinition, i as progressTrackDefinition, n as progressDefinition, o as progressValueDefinition, r as progressFillDefinition, t as Progress } from "./Progress-_jkt2pQw.js";
+import { a as progressTrackWrapperDefinition, i as progressTrackDefinition, n as progressDefinition, o as progressValueDefinition, r as progressFillDefinition, t as Progress } from "./Progress-DQWiFP0L.js";
 import { FileUpload } from "./rhf/file-upload.js";
-import { n as fileInputButtonDefinition, r as fileInputDropZoneDefinition } from "./FileInput-B-ADr0B3.js";
+import { n as fileInputButtonDefinition, r as fileInputDropZoneDefinition } from "./FileInput-Dz1eESr_.js";
 import { FileInput } from "./rhf/file-input.js";
 import { NumberField } from "./rhf/number-field.js";
 import { NumberRangeInput } from "./rhf/number-range-input.js";
@@ -73,30 +73,30 @@ import { FileUploadContainer } from "./components/file-upload-container.js";
 import { t as StringUtils } from "./string.utils-BPgv6QwA.js";
 import { t as ZodUtils } from "./zod.utils-DrrPDT9v.js";
 import { n as Form, r as Inputs, t as dynamicInputs } from "./dynamicInputs-m_DQu5q0.js";
-import { a as stepperNumberDefinition, c as stepperTitleDefinition, i as stepperItemDefinition, n as stepperDefinition, o as stepperSeparatorDefinition, r as stepperIconDefinition, s as stepperSubtextDefinition, t as Stepper } from "./Stepper-BbO9TlOM.js";
-import { i as dialogOverlayDefinition, n as dialogMainDefinition, t as dialogContentDefinition } from "./dialog.cva-5qNq9YfM.js";
-import { t as Dialog } from "./Dialog-BE9BSDDl.js";
+import { a as stepperNumberDefinition, c as stepperTitleDefinition, i as stepperItemDefinition, n as stepperDefinition, o as stepperSeparatorDefinition, r as stepperIconDefinition, s as stepperSubtextDefinition, t as Stepper } from "./Stepper-C1YPgTBG.js";
+import { i as dialogOverlayDefinition, n as dialogMainDefinition, t as dialogContentDefinition } from "./dialog.cva---xiOXMQ.js";
+import { t as Dialog } from "./Dialog-DdRP4YFC.js";
 import { AlertDialog } from "./components/alert-dialog.js";
 import { Drawer } from "./components/drawer.js";
 import { TooltipEllipsis } from "./components/tooltip-ellipsis.js";
-import { t as PaginationList } from "./PaginationList-CmOJo2r2.js";
+import { t as PaginationList } from "./PaginationList-0bAmvXC0.js";
 import { Pagination } from "./components/pagination.js";
-import { i as alertDefinition, n as statusIconDefinition, r as statusSeparatorDefinition, t as Alert } from "./Alert-BALBsBrP.js";
-import { a as statusSeparatorDefinition$1, i as statusIconDefinition$1, r as Toast, s as toastDefinition } from "./dist-C6GfeeEC.js";
-import { n as ToastProvider, t as ToastContainer } from "./ToastContainer-8X5jGBe7.js";
+import { i as alertDefinition, n as statusIconDefinition, r as statusSeparatorDefinition, t as Alert } from "./Alert-T25LY8ZL.js";
+import { a as statusSeparatorDefinition$1, i as statusIconDefinition$1, r as Toast, s as toastDefinition } from "./dist-B8h0VT0E.js";
+import { n as ToastProvider, t as ToastContainer } from "./ToastContainer-BbsMIwtC.js";
 import { useToast } from "./components/use-toast.js";
 import { t as useTranslationMemo } from "./useTranslationMemo-CrZbeyBv.js";
-import { n as linkDefinition, t as Link } from "./Link-C5YsZ4pr.js";
+import { n as linkDefinition, t as Link } from "./Link-Btxj2gzg.js";
 import { Badge } from "./components/badge.js";
 import { t as Confirmation } from "./confirmation.context-BuzgCfYl.js";
 import { t as UIRouter } from "./router.context-B0jTMtE0.js";
 import { t as useLocalStorage } from "./useLocalStorage-PlcaJ1tP.js";
 import { t as ThemeContext } from "./theme.context-B3wQDJ-i.js";
 import { t as tooltipWrapperTriggerDefinition } from "./tooltipWrapper.cva-CUu8pI-a.js";
-import { n as useForm, r as useAutosave, t as useFormAutosave } from "./rhf-1_ZO8GhU.js";
+import { n as useForm, r as useAutosave, t as useFormAutosave } from "./rhf-D8B7mLO1.js";
 import { t as RoutingUtils } from "./routing.utils-UTQonIhB.js";
 import { t as useFilters } from "./useFilters-kkEUFKmQ.js";
-import { n as useStateAndRef, t as DomUtils } from "./dom.utils-D3mELNBA.js";
+import { n as useStateAndRef, t as DomUtils } from "./dom.utils-DjuRTR6U.js";
 import { n as ArrayUtils, t as QueriesUtils } from "./queries.utils-CmbhAoHU.js";
 //#region src/utils/serviceWorker.utils.ts
 const installServiceWorker = ({ enabled = true, isSupported = typeof navigator !== "undefined" && "serviceWorker" in navigator, loadServiceWorker, windowTarget }) => {

package/dist/{input-CKGPYwfB.d.ts → input-D2kGX0hW.d.ts}

@@ -1,4 +1,4 @@
-import { i as InputProps } from "./Input-DSHFNEVl.js";
+import { i as InputProps } from "./Input-efmPwk8f.js";
 import { t as ControlProps } from "./form.types-ZNGbcqJS.js";
 import { FieldValues } from "react-hook-form";
 //#region src/entries/rhf/input.d.ts

package/dist/input.cva-BcXyC1vZ.js

@@ -0,0 +1,208 @@
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { n as uiOutlineClass } from "./outline.clsx-50W_vNDl.js";
+//#region src/components/inputs/shared/input.cva.ts
+const inputBaseDefinition = UIOverrides.defineConfig({
+	base: [
+		uiOutlineClass,
+		"flex w-full not-[textarea]:truncate",
+		"focus-visible:outline-interactive-ring has-focus-visible:outline-interactive-ring"
+	],
+	config: {
+		variants: {
+			variant: {
+				outlined: "",
+				filled: ""
+			},
+			as: {
+				default: "rounded-input-rounding-default",
+				floating: "rounded-input-rounding-default",
+				filter: "rounded-input-rounding-default",
+				inline: [
+					"h-full border-support-transparent-outline border-b-0 bg-support-transparent-outline text-surface-default-popover-foreground",
+					"placeholder:text-surface-default-popover-foreground **:placeholder:text-surface-default-popover-foreground",
+					"not-disabled:not-has-disabled:not-invalid:not-has-invalid:not-[:focus-within]:hover:border-tint-border-default-input/80 not-disabled:not-has-disabled:not-invalid:not-has-invalid:not-[:focus-within]:hover:text-tint-surface-default-popover-foreground/80",
+					"not-disabled:not-has-disabled:not-invalid:not-has-invalid:[&:focus-within]:border-interactive-ring not-disabled:not-has-disabled:not-invalid:not-has-invalid:[&:focus-within]:text-surface-default-card-foreground",
+					"not-disabled:not-has-disabled:invalid:border-border-destructive-base not-disabled:not-has-disabled:has-invalid:border-border-destructive-base",
+					"disabled:text-tint-surface-default-popover-foreground/50 has-disabled:text-tint-surface-default-popover-foreground/50"
+				]
+			}
+		},
+		compoundVariants: [{
+			variant: "outlined",
+			as: [
+				"default",
+				"floating",
+				"filter"
+			],
+			className: [
+				"border border-solid border-border-default-input bg-surface-default-background text-surface-default-popover-foreground",
+				"placeholder:text-surface-default-popover-foreground **:placeholder:text-surface-default-popover-foreground",
+				"not-disabled:not-has-disabled:not-invalid:not-has-invalid:not-[:focus-within]:hover:bg-tint-surface-default-background/80 not-disabled:not-has-disabled:not-invalid:not-has-invalid:not-[:focus-within]:hover:border-tint-border-default-input/80 not-disabled:not-has-disabled:not-invalid:not-has-invalid:not-[:focus-within]:hover:text-tint-surface-default-popover-foreground/80",
+				"not-disabled:not-has-disabled:not-invalid:not-has-invalid:[&:focus-within]:bg-surface-default-background not-disabled:not-has-disabled:not-invalid:not-has-invalid:[&:focus-within]:border-interactive-ring not-disabled:not-has-disabled:not-invalid:not-has-invalid:[&:focus-within]:text-surface-default-card-foreground",
+				"not-disabled:not-has-disabled:invalid:border-border-destructive-base",
+				"not-disabled:not-has-disabled:has-invalid:border-border-destructive-base",
+				"disabled:bg-tint-surface-default-background/50 disabled:border-tint-border-default-input/50 disabled:text-tint-surface-default-popover-foreground/50",
+				"has-disabled:bg-tint-surface-default-background/50 has-disabled:border-tint-border-default-input/50 has-disabled:text-tint-surface-default-popover-foreground/50"
+			]
+		}, {
+			variant: "filled",
+			as: [
+				"default",
+				"floating",
+				"filter"
+			],
+			className: [
+				"border border-solid border-border-default-input bg-surface-default-popover text-surface-default-popover-foreground",
+				"placeholder:text-surface-default-popover-foreground **:placeholder:text-surface-default-popover-foreground",
+				"not-disabled:not-has-disabled:not-invalid:not-has-invalid:not-[:focus-within]:hover:bg-tint-surface-default-popover/80 not-disabled:not-has-disabled:not-invalid:not-has-invalid:not-[:focus-within]:hover:border-tint-border-default-input/80 not-disabled:not-has-disabled:not-invalid:not-has-invalid:not-[:focus-within]:hover:text-tint-surface-default-popover-foreground/80",
+				"not-disabled:not-has-disabled:not-invalid:not-has-invalid:[&:focus-within]:bg-surface-default-background not-disabled:not-has-disabled:not-invalid:not-has-invalid:[&:focus-within]:border-interactive-ring not-disabled:not-has-disabled:not-invalid:not-has-invalid:[&:focus-within]:text-surface-default-card-foreground",
+				"not-disabled:not-has-disabled:invalid:border-border-destructive-base",
+				"not-disabled:not-has-disabled:has-invalid:border-border-destructive-base",
+				"disabled:bg-tint-surface-default-popover/50 disabled:border-tint-border-default-input/50 disabled:text-tint-surface-default-popover-foreground/50",
+				"has-disabled:bg-tint-surface-default-popover/50 has-disabled:border-tint-border-default-input/50 has-disabled:text-tint-surface-default-popover-foreground/50"
+			]
+		}],
+		defaultVariants: {
+			variant: "outlined",
+			as: "default"
+		}
+	}
+});
+const inputSizeDefinition = UIOverrides.defineConfig({
+	base: [""],
+	config: {
+		variants: {
+			size: {
+				small: "text-large",
+				default: "text-large"
+			},
+			as: {
+				default: "",
+				floating: [
+					"py-floating-label-input-height-empty",
+					"input-filled:pb-[calc(2*var(--spacing-floating-label-input-height-empty)-var(--spacing-floating-label-input-height-filled)-var(--spacing-floating-label-input-offset-top)-var(--text-small--line-height)*var(--text-small))]",
+					"input-filled:pt-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top)+var(--text-small--line-height)*var(--text-small))]"
+				],
+				filter: "",
+				inline: ""
+			}
+		},
+		compoundVariants: [
+			{
+				as: "floating",
+				size: "small",
+				className: "px-input-side-small"
+			},
+			{
+				as: "floating",
+				size: "default",
+				className: "px-input-side-default"
+			},
+			{
+				as: [
+					"default",
+					"filter",
+					"inline"
+				],
+				size: "small",
+				className: "px-input-side-small py-input-height-small"
+			},
+			{
+				as: [
+					"default",
+					"filter",
+					"inline"
+				],
+				size: "default",
+				className: "px-input-side-default py-input-height-default"
+			}
+		],
+		defaultVariants: {
+			size: "default",
+			as: "default"
+		}
+	}
+});
+const inputContentWrapperDefinition = UIOverrides.defineConfig({
+	base: ["flex min-w-0 w-full"],
+	config: {
+		variants: { as: {
+			default: "",
+			floating: "flex-col",
+			filter: "gap-input-gap-input-text-to-elements",
+			inline: ""
+		} },
+		defaultVariants: { as: "default" }
+	}
+});
+const inputClearClassDefinition = UIOverrides.defineConfig({
+	base: [""],
+	config: {
+		variants: { as: {
+			default: "",
+			floating: "",
+			filter: "",
+			inline: ""
+		} },
+		defaultVariants: { as: "default" }
+	}
+});
+const inputSideDefinition = UIOverrides.defineConfig({
+	base: [""],
+	config: {
+		variants: {
+			size: {
+				small: "",
+				default: ""
+			},
+			type: {
+				left: "",
+				right: "",
+				var: ""
+			}
+		},
+		compoundVariants: [
+			{
+				type: "left",
+				size: "small",
+				className: "left-input-side-small"
+			},
+			{
+				type: "right",
+				size: "small",
+				className: "right-input-side-small"
+			},
+			{
+				type: "var",
+				size: "small",
+				className: "--spacing-input-side-small"
+			},
+			{
+				type: "left",
+				size: "default",
+				className: "left-input-side-default"
+			},
+			{
+				type: "right",
+				size: "default",
+				className: "right-input-side-default"
+			},
+			{
+				type: "var",
+				size: "default",
+				className: "--spacing-input-side-default"
+			}
+		],
+		defaultVariants: { size: "default" }
+	}
+});
+const useInputCva = () => {
+	const inputBaseCva = UIOverrides.useCva("input.baseCva", inputBaseDefinition);
+	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
+	return ({ className, ...rest }) => {
+		return clsx(inputBaseCva(rest), inputSizeCva(rest), className);
+	};
+};
+//#endregion
+export { inputSizeDefinition as a, inputSideDefinition as i, inputClearClassDefinition as n, useInputCva as o, inputContentWrapperDefinition as r, inputBaseDefinition as t };

package/dist/{input.cva-ByFuAEIS.d.ts → input.cva-BhDJxc7r.d.ts}

@@ -12,7 +12,7 @@ declare const inputBaseDefinition: {
       readonly default: "rounded-input-rounding-default";
       readonly floating: "rounded-input-rounding-default";
       readonly filter: "rounded-input-rounding-default";
-      readonly inline: ["h-full", "border-transparent border-b-0 bg-transparent text-text-default-1", "hover:border-input-outlined-outline-hover", "focus-within:border-input-outlined-outline-active", "invalid:border-input-outlined-outline-error", "has-invalid:border-input-outlined-outline-error", "disabled:hover:border-transparent", "has-disabled:hover:border-transparent"];
+      readonly inline: ["h-full border-support-transparent-outline border-b-0 bg-support-transparent-outline text-surface-default-popover-foreground", "placeholder:text-surface-default-popover-foreground **:placeholder:text-surface-default-popover-foreground", "not-disabled:not-has-disabled:not-invalid:not-has-invalid:not-[:focus-within]:hover:border-tint-border-default-input/80 not-disabled:not-has-disabled:not-invalid:not-has-invalid:not-[:focus-within]:hover:text-tint-surface-default-popover-foreground/80", "not-disabled:not-has-disabled:not-invalid:not-has-invalid:[&:focus-within]:border-interactive-ring not-disabled:not-has-disabled:not-invalid:not-has-invalid:[&:focus-within]:text-surface-default-card-foreground", "not-disabled:not-has-disabled:invalid:border-border-destructive-base not-disabled:not-has-disabled:has-invalid:border-border-destructive-base", "disabled:text-tint-surface-default-popover-foreground/50 has-disabled:text-tint-surface-default-popover-foreground/50"];
     };
   }>;
 };
@@ -22,14 +22,12 @@ declare const inputSizeDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly size: {
-      readonly "extra-small": "text-label-1";
-      readonly small: "text-label-1";
-      readonly default: "text-label-1";
-      readonly large: "text-label-1";
+      readonly small: "text-large";
+      readonly default: "text-large";
     };
     readonly as: {
       readonly default: "";
-      readonly floating: ["px-input-side-m", "py-floating-label-input-height-empty", "input-filled:pb-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-bottom))]", "input-filled:pt-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top)+var(--text-label-3--line-height)*var(--text-label-3))]"];
+      readonly floating: ["py-floating-label-input-height-empty", "input-filled:pb-[calc(2*var(--spacing-floating-label-input-height-empty)-var(--spacing-floating-label-input-height-filled)-var(--spacing-floating-label-input-offset-top)-var(--text-small--line-height)*var(--text-small))]", "input-filled:pt-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top)+var(--text-small--line-height)*var(--text-small))]"];
       readonly filter: "";
       readonly inline: "";
     };
@@ -63,10 +61,8 @@ declare const inputSideDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly size: {
-      readonly "extra-small": "";
       readonly small: "";
       readonly default: "";
-      readonly large: "";
     };
     readonly type: {
       readonly left: "";

package/dist/{link.context-C5ZgwVM5.d.ts → link.context-CDZn6oL2.d.ts}

@@ -1,4 +1,4 @@
-import { n as LinkNavigationProps } from "./Link-DS9-0Ijl.js";
+import { n as LinkNavigationProps } from "./Link-QYpprkN1.js";
 import { ComponentType, PropsWithChildren } from "react";
 //#region src/config/link.context.d.ts
 interface LinkContextValue {

package/dist/{number-field-CyP6XgJh.d.ts → number-field-Bw2GKr0s.d.ts}

@@ -1,4 +1,4 @@
-import { i as NumberFieldProps } from "./NumberField-BICDQ2gN.js";
+import { i as NumberFieldProps } from "./NumberField-z2JatYK0.js";
 import { t as ControlProps } from "./form.types-ZNGbcqJS.js";
 import { FieldValues } from "react-hook-form";
 //#region src/entries/rhf/number-field.d.ts

package/dist/{number-range-input-DMmlk7Bl.d.ts → number-range-input-Dqe6x2dR.d.ts}

@@ -1,4 +1,4 @@
-import { r as NumberRangeInputProps } from "./NumberRangeInput-BlGXChNR.js";
+import { r as NumberRangeInputProps } from "./NumberRangeInput-Chai3iEi.js";
 import { t as ControlProps } from "./form.types-ZNGbcqJS.js";
 import { FieldValues } from "react-hook-form";
 //#region src/entries/rhf/number-range-input.d.ts

package/dist/{password-input-BWpfQe0G.d.ts → password-input-DepKyhh3.d.ts}

@@ -1,4 +1,4 @@
-import { r as PasswordInputProps } from "./PasswordInput-BdrYD1D3.js";
+import { r as PasswordInputProps } from "./PasswordInput-ub2TQxef.js";
 import { t as ControlProps } from "./form.types-ZNGbcqJS.js";
 import { FieldValues } from "react-hook-form";
 //#region src/entries/rhf/password-input.d.ts

package/dist/{pillButton.cva-BVsxGnqF.d.ts → pillButton.cva-BEWuu0qm.d.ts}

@@ -1,5 +1,5 @@
 import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-C3xb4Ttq.js";
-import "./typography.cva-YaO6JLqU.js";
+import "./typography.cva-jtp6WWUH.js";
 //#region src/components/buttons/PillButton/pillButton.cva.d.ts
 declare const pillButtonDefinition: {
   base: string[];
@@ -7,8 +7,6 @@ declare const pillButtonDefinition: {
     readonly color: {
       readonly primary: "";
       readonly secondary: "";
-      readonly success: "";
-      readonly warning: "";
       readonly error: "";
     };
     readonly variant: {