@giro-ds/react 8.0.0 → 9.1.0

package/dist/index.esm.js

@@ -2,26 +2,27 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { Avatar as Avatar$1, Tooltip as Tooltip$1, Checkbox as Checkbox$1, Popover as Popover$1, Label, AlertDialog, RadioGroup, DropdownMenu, Dialog as Dialog$1, Select as Select$1, Toast as Toast$1, Switch as Switch$1 } from 'radix-ui';
 import * as React from 'react';
-import React__default, { useId, useMemo, createContext, useState, useContext, forwardRef, useEffect, useCallback, useRef, memo, useReducer, createElement, isValidElement } from 'react';
-import { SpinnerIos16Regular, ChevronUp16Regular, ChevronLeft16Regular, ChevronRight16Regular, ChevronDown16Regular, Dismiss24Regular, Info12Regular, Dismiss16Regular, Calendar16Regular, Search16Regular, ChevronDownRegular, ChevronRight16Filled, Subtract16Regular, Add16Regular, SearchInfo20Regular, ArrowSortUp16Regular, ArrowSortDown16Regular, ArrowSort16Regular, Info20Filled, CheckmarkCircle20Filled, Warning20Filled, Dismiss16Filled } from '@fluentui/react-icons';
+import React__default, { useId, useMemo, createContext, useState, useContext, useRef, useCallback, useEffect, useLayoutEffect, createElement, forwardRef, memo, useReducer, isValidElement } from 'react';
+import { SpinnerIos16Regular, ChevronUp16Regular, ChevronLeft16Regular, ChevronRight16Regular, ChevronDown16Regular, Dismiss24Regular, Emoji20Regular, ChevronDown20Regular, KeyboardShiftUppercase20Regular, KeyboardShift20Filled, KeyboardShift20Regular, Backspace20Regular, Info12Regular, Dismiss16Regular, Calendar16Regular, FilterRegular, Search16Regular, ChevronDownRegular, ChevronRight16Filled, Subtract16Regular, Add16Regular, SearchInfo20Regular, ArrowSortUp16Regular, ArrowSortDown16Regular, ArrowSort16Regular, Info20Filled, CheckmarkCircle20Filled, Warning20Filled, Dismiss16Filled } from '@fluentui/react-icons';
 import { DayPicker } from 'react-day-picker';
 import { format, addDays, addMonths, addWeeks, addYears, differenceInCalendarDays, differenceInCalendarMonths, eachMonthOfInterval, eachYearOfInterval, endOfISOWeek, endOfMonth, endOfWeek, endOfYear, getISOWeek, getMonth, getYear, getWeek, isAfter, isBefore, isDate, isSameDay, isSameMonth, isSameYear, max, min, setMonth, setYear, startOfDay, startOfISOWeek, startOfMonth, startOfWeek, startOfYear } from 'date-fns';
 import { createPortal } from 'react-dom';
-import { useReactTable, getSortedRowModel, getPaginationRowModel, getFilteredRowModel, getCoreRowModel, flexRender } from '@tanstack/react-table';
+import Keyboard from 'react-simple-keyboard';
+import { useReactTable, getSortedRowModel, getCoreRowModel, flexRender } from '@tanstack/react-table';
 export { createColumnHelper as createTableColumnHelper } from '@tanstack/react-table';
 import Skeleton from 'react-loading-skeleton';
 
-var styles$s = {"AvatarRoot":"Avatar-module__AvatarRoot___7eNx7","AvatarRoot--sm":"Avatar-module__AvatarRoot--sm___LVHoe","AvatarRoot--lg":"Avatar-module__AvatarRoot--lg___QWux5","AvatarImage":"Avatar-module__AvatarImage___-H6iH","AvatarFallback":"Avatar-module__AvatarFallback___RDyNV"};
+var styles$t = {"AvatarRoot":"Avatar-module__AvatarRoot___7eNx7","AvatarRoot--sm":"Avatar-module__AvatarRoot--sm___LVHoe","AvatarRoot--lg":"Avatar-module__AvatarRoot--lg___QWux5","AvatarImage":"Avatar-module__AvatarImage___-H6iH","AvatarFallback":"Avatar-module__AvatarFallback___RDyNV"};
 
 const Avatar = ({ icon, size = 'lg', src, className, initialLetters, ...rest }) => {
-    const AvatarClass = clsx(styles$s.AvatarRoot, {
-        [styles$s['AvatarRoot--lg']]: size === 'lg',
-        [styles$s['AvatarRoot--sm']]: size === 'sm',
+    const AvatarClass = clsx(styles$t.AvatarRoot, {
+        [styles$t['AvatarRoot--lg']]: size === 'lg',
+        [styles$t['AvatarRoot--sm']]: size === 'sm',
     }, className);
-    return (jsxs(Avatar$1.Root, { className: AvatarClass, ...rest, children: [src && (jsx(Avatar$1.Image, { className: styles$s.AvatarImage, src: src, alt: "Avatar" })), jsx(Avatar$1.Fallback, { className: styles$s.AvatarFallback, children: icon || initialLetters })] }));
+    return (jsxs(Avatar$1.Root, { className: AvatarClass, ...rest, children: [src && (jsx(Avatar$1.Image, { className: styles$t.AvatarImage, src: src, alt: "Avatar" })), jsx(Avatar$1.Fallback, { className: styles$t.AvatarFallback, children: icon || initialLetters })] }));
 };
 
-var styles$r = {"badge__status":"Badge-module__badge__status___-u3xv","badge":"Badge-module__badge___ZbEBU","badgeContainer":"Badge-module__badgeContainer___Guw9Z","badge__empty":"Badge-module__badge__empty___u8ccy","badge__flex":"Badge-module__badge__flex___DSJHW","badge__status__empty":"Badge-module__badge__status__empty___h8L4e","badge__status__flex":"Badge-module__badge__status__flex___703Q6","badge__status__filterBadge":"Badge-module__badge__status__filterBadge___DhjGU"};
+var styles$s = {"badge__status":"Badge-module__badge__status___-u3xv","badge":"Badge-module__badge___ZbEBU","badgeContainer":"Badge-module__badgeContainer___Guw9Z","badge__empty":"Badge-module__badge__empty___u8ccy","badge__flex":"Badge-module__badge__flex___DSJHW","badge__status__empty":"Badge-module__badge__status__empty___h8L4e","badge__status__flex":"Badge-module__badge__status__flex___703Q6","badge__status__filterBadge":"Badge-module__badge__status__filterBadge___DhjGU"};
 
 const getDisplayValue = (value) => {
     if (value === null || value === undefined)
@@ -43,27 +44,27 @@ const Badge = ({ children, badgeValue = null, className, id, filterVariant = fal
     const displayValue = getDisplayValue(badgeValue);
     const isEmpty = displayValue === '';
     if (children) {
-        return (jsxs("div", { className: styles$r.badgeContainer, ...rest, children: [jsx("div", { "data-testid": "badge-content", children: children }), jsx("div", { id: componentId, className: clsx(styles$r.badge, {
-                        [styles$r['badge__empty']]: isEmpty,
-                        [styles$r['badge__flex']]: displayValue.length >= 2,
+        return (jsxs("div", { className: styles$s.badgeContainer, ...rest, children: [jsx("div", { "data-testid": "badge-content", children: children }), jsx("div", { id: componentId, className: clsx(styles$s.badge, {
+                        [styles$s['badge__empty']]: isEmpty,
+                        [styles$s['badge__flex']]: displayValue.length >= 2,
                     }, className), "data-testid": "badge", children: !isEmpty && jsx("span", { "aria-hidden": !!ariaLabel, children: displayValue }) })] }));
     }
-    return (jsx("div", { className: styles$r.badgeContainer, children: jsx("div", { className: clsx(styles$r['badge__status'], {
-                [styles$r['badge__status__empty']]: isEmpty,
-                [styles$r['badge__status__flex']]: displayValue.length >= 2,
-                [styles$r['badge__status__filterBadge']]: filterVariant,
+    return (jsx("div", { className: styles$s.badgeContainer, children: jsx("div", { className: clsx(styles$s['badge__status'], {
+                [styles$s['badge__status__empty']]: isEmpty,
+                [styles$s['badge__status__flex']]: displayValue.length >= 2,
+                [styles$s['badge__status__filterBadge']]: filterVariant,
             }, className), "data-testid": "badge", children: !isEmpty && (jsx("span", { "aria-hidden": !!ariaLabel, children: displayValue })) }) }));
 };
 
-var styles$q = {"tooltipContent":"Tooltip-module__tooltipContent___xycUg","triggerWrapper":"Tooltip-module__triggerWrapper___x83XR"};
+var styles$r = {"tooltipContent":"Tooltip-module__tooltipContent___xycUg","triggerWrapper":"Tooltip-module__triggerWrapper___x83XR"};
 
 const Tooltip = ({ children, text, side = 'bottom', align = 'start', maxWidth, sideOffset = 10, className, ...rest }) => {
-    return (jsx(Tooltip$1.Provider, { children: jsxs(Tooltip$1.Root, { children: [jsx(Tooltip$1.Trigger, { asChild: true, children: jsx("span", { className: styles$q.triggerWrapper, children: children }) }), jsx(Tooltip$1.Portal, { children: jsx(Tooltip$1.Content, { className: clsx(styles$q.tooltipContent, className), side: side, align: align, sideOffset: sideOffset, style: { maxWidth: maxWidth ? `${maxWidth}px` : 'auto' }, ...rest, children: text }) })] }) }));
+    return (jsx(Tooltip$1.Provider, { children: jsxs(Tooltip$1.Root, { children: [jsx(Tooltip$1.Trigger, { asChild: true, children: jsx("span", { className: styles$r.triggerWrapper, children: children }) }), jsx(Tooltip$1.Portal, { children: jsx(Tooltip$1.Content, { className: clsx(styles$r.tooltipContent, className), side: side, align: align, sideOffset: sideOffset, style: { maxWidth: maxWidth ? `${maxWidth}px` : 'auto' }, ...rest, children: text }) })] }) }));
 };
 
-var styles$p = {"button":"Button-module__button___18Bed","button-lg":"Button-module__button-lg___-A8B9","button-sm":"Button-module__button-sm___L7aT7","button-filled":"Button-module__button-filled___IQx1z","button-outlined":"Button-module__button-outlined___hLkLN","button-text":"Button-module__button-text___8GFeA","buttonWithIcon":"Button-module__buttonWithIcon___8ehK1","buttonIconPosition-left":"Button-module__buttonIconPosition-left___uOY6b","buttonIconPosition-right":"Button-module__buttonIconPosition-right___eswRS","buttonIconPosition-both":"Button-module__buttonIconPosition-both___1Lith","buttonNoContent":"Button-module__buttonNoContent___Tc9jk","buttonIconOnly":"Button-module__buttonIconOnly___aifk4","buttonIconLeft":"Button-module__buttonIconLeft___RICR3","buttonIconRight":"Button-module__buttonIconRight___71lu2","buttonFullWidth":"Button-module__buttonFullWidth___tXuVE","disabled":"Button-module__disabled___UzdWL","buttonLoading":"Button-module__buttonLoading___RGdNw","buttonContentHidden":"Button-module__buttonContentHidden___CoCiN","buttonLoadingSpinner":"Button-module__buttonLoadingSpinner___oZxEU","spin":"Button-module__spin___kQKH9"};
+var styles$q = {"button":"Button-module__button___18Bed","button-lg":"Button-module__button-lg___-A8B9","button-sm":"Button-module__button-sm___L7aT7","button-filled":"Button-module__button-filled___IQx1z","button-outlined":"Button-module__button-outlined___hLkLN","button-text":"Button-module__button-text___8GFeA","buttonWithIcon":"Button-module__buttonWithIcon___8ehK1","buttonIconPosition-left":"Button-module__buttonIconPosition-left___uOY6b","buttonIconPosition-right":"Button-module__buttonIconPosition-right___eswRS","buttonIconPosition-both":"Button-module__buttonIconPosition-both___1Lith","buttonNoContent":"Button-module__buttonNoContent___Tc9jk","buttonIconOnly":"Button-module__buttonIconOnly___aifk4","buttonIconLeft":"Button-module__buttonIconLeft___RICR3","buttonIconRight":"Button-module__buttonIconRight___71lu2","buttonFullWidth":"Button-module__buttonFullWidth___tXuVE","disabled":"Button-module__disabled___UzdWL","buttonLoading":"Button-module__buttonLoading___RGdNw","buttonContentHidden":"Button-module__buttonContentHidden___CoCiN","buttonLoadingSpinner":"Button-module__buttonLoadingSpinner___oZxEU","spin":"Button-module__spin___kQKH9"};
 
-const Button = React__default.forwardRef(({ as, children, variant = 'filled', iconPosition = 'left', href, to, external = false, target, rel, disabled = false, onClick, size = 'lg', className, type = 'button', id, icon, fullWidth = false, ariaLabel, iconOnly = false, loading = false, tooltipText, tooltipSide = 'top', tooltipAlign = 'center', ...rest }, ref) => {
+const Button = React__default.forwardRef(({ as, children, variant = 'filled', iconPosition = 'left', href, to, external = false, target, rel, disabled = false, onClick, size = 'lg', scale = 1, className, type = 'button', id, icon, fullWidth = false, ariaLabel, iconOnly = false, loading = false, tooltipText, tooltipSide = 'top', tooltipAlign = 'center', ...rest }, ref) => {
     const generatedId = useId();
     const componentId = id || generatedId;
     const getComponent = () => {
@@ -90,14 +91,19 @@ const Button = React__default.forwardRef(({ as, children, variant = 'filled', ic
             'Forneça um ícone via `icon={<MeuIcone />}`.');
     }
     const resolvedIcon = icon;
-    const buttonClasses = clsx(styles$p.button, styles$p[`button-${variant}`], styles$p[`button-${size}`], {
-        [styles$p['disabled']]: disabled,
-        [styles$p['buttonLoading']]: loading,
-        [styles$p['buttonWithIcon']]: resolvedIcon && !iconOnly,
-        [styles$p[`buttonIconPosition-${iconPosition}`]]: resolvedIcon && !iconOnly,
-        [styles$p['buttonNoContent']]: resolvedIcon && !hasContent && !iconOnly,
-        [styles$p['buttonFullWidth']]: fullWidth,
-        [styles$p['buttonIconOnly']]: iconOnly,
+    const scaleClass = {
+        1: 'scale-1-0',
+        1.5: 'scale-1-5',
+        2: 'scale-2-0',
+    }[scale];
+    const buttonClasses = clsx(styles$q.button, styles$q[`button-${variant}`], styles$q[`button-${size}`], scaleClass, {
+        [styles$q['disabled']]: disabled,
+        [styles$q['buttonLoading']]: loading,
+        [styles$q['buttonWithIcon']]: resolvedIcon && !iconOnly,
+        [styles$q[`buttonIconPosition-${iconPosition}`]]: resolvedIcon && !iconOnly,
+        [styles$q['buttonNoContent']]: resolvedIcon && !hasContent && !iconOnly,
+        [styles$q['buttonFullWidth']]: fullWidth,
+        [styles$q['buttonIconOnly']]: iconOnly,
     }, className);
     const getAriaLabel = () => {
         if (ariaLabel)
@@ -123,12 +129,12 @@ const Button = React__default.forwardRef(({ as, children, variant = 'filled', ic
     };
     const renderContent = () => {
         if (iconOnly && !loading) {
-            return (jsx("span", { className: styles$p.buttonIconOnly, "aria-hidden": "true", children: resolvedIcon }));
+            return (jsx("span", { className: styles$q.buttonIconOnly, "aria-hidden": "true", children: resolvedIcon }));
         }
         if (loading) {
-            return (jsxs(Fragment, { children: [!iconOnly && (jsxs("span", { className: styles$p.buttonContentHidden, "aria-hidden": "true", children: [resolvedIcon && (iconPosition === 'left' || iconPosition === 'both') && (jsx("span", { className: styles$p.buttonIconLeft, children: resolvedIcon })), children, resolvedIcon && (iconPosition === 'right' || iconPosition === 'both') && (jsx("span", { className: styles$p.buttonIconRight, children: resolvedIcon }))] })), jsx("span", { className: styles$p.buttonLoadingSpinner, "aria-hidden": "true", children: jsx(SpinnerIos16Regular, { "aria-hidden": "true" }) })] }));
+            return (jsxs(Fragment, { children: [!iconOnly && (jsxs("span", { className: styles$q.buttonContentHidden, "aria-hidden": "true", children: [resolvedIcon && (iconPosition === 'left' || iconPosition === 'both') && (jsx("span", { className: styles$q.buttonIconLeft, children: resolvedIcon })), children, resolvedIcon && (iconPosition === 'right' || iconPosition === 'both') && (jsx("span", { className: styles$q.buttonIconRight, children: resolvedIcon }))] })), jsx("span", { className: styles$q.buttonLoadingSpinner, "aria-hidden": "true", children: jsx(SpinnerIos16Regular, { "aria-hidden": "true" }) })] }));
         }
-        return (jsxs(Fragment, { children: [resolvedIcon && (iconPosition === 'left' || iconPosition === 'both') && (jsx("span", { className: styles$p.buttonIconLeft, "aria-hidden": "true", children: resolvedIcon })), children, resolvedIcon && (iconPosition === 'right' || iconPosition === 'both') && (jsx("span", { className: styles$p.buttonIconRight, "aria-hidden": "true", children: resolvedIcon }))] }));
+        return (jsxs(Fragment, { children: [resolvedIcon && (iconPosition === 'left' || iconPosition === 'both') && (jsx("span", { className: styles$q.buttonIconLeft, "aria-hidden": "true", children: resolvedIcon })), children, resolvedIcon && (iconPosition === 'right' || iconPosition === 'both') && (jsx("span", { className: styles$q.buttonIconRight, "aria-hidden": "true", children: resolvedIcon }))] }));
     };
     const baseProps = {
         ref,
@@ -2433,7 +2439,7 @@ const ptBR = {
     },
 };
 
-var styles$o = {"root":"Calendar-module__root___vQEhz","day":"Calendar-module__day___dseUA","day_button":"Calendar-module__day_button___r3WNU","caption_label":"Calendar-module__caption_label___Dhkie","button_next":"Calendar-module__button_next___iRaNz","button_previous":"Calendar-module__button_previous___r7JBs","chevron":"Calendar-module__chevron___NPDg-","nav":"Calendar-module__nav___MT3Dm","dropdowns":"Calendar-module__dropdowns___xBVtv","dropdown":"Calendar-module__dropdown___D7OlW","dropdown_root":"Calendar-module__dropdown_root___v4DlK","month_caption":"Calendar-module__month_caption___P3Hlu","month":"Calendar-module__month___0RA-L","months":"Calendar-module__months___rmJdy","month_grid":"Calendar-module__month_grid___f6YkX","weekday":"Calendar-module__weekday___Spb2f","week_number":"Calendar-module__week_number___EXJD9","today":"Calendar-module__today___U36wP","outside":"Calendar-module__outside___UeJFZ","selected":"Calendar-module__selected___5Nryr","disabled":"Calendar-module__disabled___T3658","hidden":"Calendar-module__hidden___uL3uc","range_start":"Calendar-module__range_start___c1eNH","range_middle":"Calendar-module__range_middle___Uv4gt","range_end":"Calendar-module__range_end___4qDh5","focusable":"Calendar-module__focusable___V7w-Q","weeks_before_enter":"Calendar-module__weeks_before_enter___O1ytQ","slide_in_left":"Calendar-module__slide_in_left___hfrfr","weeks_before_exit":"Calendar-module__weeks_before_exit___v7nDr","slide_out_left":"Calendar-module__slide_out_left___kib4j","weeks_after_enter":"Calendar-module__weeks_after_enter___CEtsD","slide_in_right":"Calendar-module__slide_in_right___ldL0M","weeks_after_exit":"Calendar-module__weeks_after_exit___F8Edz","slide_out_right":"Calendar-module__slide_out_right___X2hxE","caption_after_enter":"Calendar-module__caption_after_enter___0ek1H","fade_in":"Calendar-module__fade_in___YyYoZ","caption_after_exit":"Calendar-module__caption_after_exit___RA1iK","fade_out":"Calendar-module__fade_out___lNcmB","caption_before_enter":"Calendar-module__caption_before_enter___j6sMK","caption_before_exit":"Calendar-module__caption_before_exit___rntl-","calendar_grid_wrapper":"Calendar-module__calendar_grid_wrapper___OX0TR","caption_grid_btn":"Calendar-module__caption_grid_btn___qD0-E","caption_year_chevron":"Calendar-module__caption_year_chevron___4ghQV","caption_grid_label":"Calendar-module__caption_grid_label___93Wx4","gridOverlay":"Calendar-module__gridOverlay___Za-y0","gridOverlayCaption":"Calendar-module__gridOverlayCaption___p4OUO","gridOverlayYearsNav":"Calendar-module__gridOverlayYearsNav___U6S-V","gridCells":"Calendar-module__gridCells___Y8DaG","gridCellsYears":"Calendar-module__gridCellsYears___jEV52","gridCell":"Calendar-module__gridCell___RV1co","gridCellActive":"Calendar-module__gridCellActive___UBi5y","gridNavBtn":"Calendar-module__gridNavBtn___Jligz","chevronNavBtnPrev":"Calendar-module__chevronNavBtnPrev___ifEps","chevronNavBtnNext":"Calendar-module__chevronNavBtnNext___qmghm"};
+var styles$p = {"root":"Calendar-module__root___vQEhz","day":"Calendar-module__day___dseUA","day_button":"Calendar-module__day_button___r3WNU","caption_label":"Calendar-module__caption_label___Dhkie","button_next":"Calendar-module__button_next___iRaNz","button_previous":"Calendar-module__button_previous___r7JBs","chevron":"Calendar-module__chevron___NPDg-","nav":"Calendar-module__nav___MT3Dm","dropdowns":"Calendar-module__dropdowns___xBVtv","dropdown":"Calendar-module__dropdown___D7OlW","dropdown_root":"Calendar-module__dropdown_root___v4DlK","month_caption":"Calendar-module__month_caption___P3Hlu","month":"Calendar-module__month___0RA-L","months":"Calendar-module__months___rmJdy","month_grid":"Calendar-module__month_grid___f6YkX","weekday":"Calendar-module__weekday___Spb2f","week_number":"Calendar-module__week_number___EXJD9","today":"Calendar-module__today___U36wP","outside":"Calendar-module__outside___UeJFZ","selected":"Calendar-module__selected___5Nryr","disabled":"Calendar-module__disabled___T3658","hidden":"Calendar-module__hidden___uL3uc","range_start":"Calendar-module__range_start___c1eNH","range_middle":"Calendar-module__range_middle___Uv4gt","range_end":"Calendar-module__range_end___4qDh5","focusable":"Calendar-module__focusable___V7w-Q","weeks_before_enter":"Calendar-module__weeks_before_enter___O1ytQ","slide_in_left":"Calendar-module__slide_in_left___hfrfr","weeks_before_exit":"Calendar-module__weeks_before_exit___v7nDr","slide_out_left":"Calendar-module__slide_out_left___kib4j","weeks_after_enter":"Calendar-module__weeks_after_enter___CEtsD","slide_in_right":"Calendar-module__slide_in_right___ldL0M","weeks_after_exit":"Calendar-module__weeks_after_exit___F8Edz","slide_out_right":"Calendar-module__slide_out_right___X2hxE","caption_after_enter":"Calendar-module__caption_after_enter___0ek1H","fade_in":"Calendar-module__fade_in___YyYoZ","caption_after_exit":"Calendar-module__caption_after_exit___RA1iK","fade_out":"Calendar-module__fade_out___lNcmB","caption_before_enter":"Calendar-module__caption_before_enter___j6sMK","caption_before_exit":"Calendar-module__caption_before_exit___rntl-","calendar_grid_wrapper":"Calendar-module__calendar_grid_wrapper___OX0TR","caption_grid_btn":"Calendar-module__caption_grid_btn___qD0-E","caption_year_chevron":"Calendar-module__caption_year_chevron___4ghQV","caption_grid_label":"Calendar-module__caption_grid_label___93Wx4","gridOverlay":"Calendar-module__gridOverlay___Za-y0","gridOverlayCaption":"Calendar-module__gridOverlayCaption___p4OUO","gridOverlayYearsNav":"Calendar-module__gridOverlayYearsNav___U6S-V","gridCells":"Calendar-module__gridCells___Y8DaG","gridCellsYears":"Calendar-module__gridCellsYears___jEV52","gridCell":"Calendar-module__gridCell___RV1co","gridCellActive":"Calendar-module__gridCellActive___UBi5y","gridNavBtn":"Calendar-module__gridNavBtn___Jligz","chevronNavBtnPrev":"Calendar-module__chevronNavBtnPrev___ifEps","chevronNavBtnNext":"Calendar-module__chevronNavBtnNext___qmghm"};
 
 const FLUENT_CHEVRON_MAP = {
     down: ChevronDown16Regular,
@@ -2452,10 +2458,10 @@ const GridMonthCaption = ({ calendarMonth, displayIndex: _displayIndex, ...divPr
     const date = calendarMonth.date;
     const monthLabel = new Intl.DateTimeFormat(intlLocale, { month: "long" }).format(date);
     const yearLabel = String(date.getFullYear());
-    return (jsxs("div", { ...divProps, children: [jsx("span", { className: styles$o.caption_grid_label, children: monthLabel }), jsxs("button", { type: "button", className: styles$o.caption_grid_btn, "aria-pressed": view === "years", onClick: onYearLabelClick, children: [yearLabel, view !== "days" ? (jsx(ChevronUp16Regular, { className: styles$o.caption_year_chevron, "aria-hidden": true })) : (jsx(ChevronDown16Regular, { className: styles$o.caption_year_chevron, "aria-hidden": true }))] })] }));
+    return (jsxs("div", { ...divProps, children: [jsx("span", { className: styles$p.caption_grid_label, children: monthLabel }), jsxs("button", { type: "button", className: styles$p.caption_grid_btn, "aria-pressed": view === "years", onClick: onYearLabelClick, children: [yearLabel, view !== "days" ? (jsx(ChevronUp16Regular, { className: styles$p.caption_year_chevron, "aria-hidden": true })) : (jsx(ChevronDown16Regular, { className: styles$p.caption_year_chevron, "aria-hidden": true }))] })] }));
 };
 const YEARS_PER_PAGE = 20;
-const Calendar = ({ selected, currentDate, defaultMonth, startMonth, endMonth, onDaySelect, onDateChange, onClear: _onClear, minDate, maxDate, disabled, format: _format, locale = "pt-br", autoFocus, className, id, "aria-label": ariaLabel, ...rest }) => {
+const Calendar = ({ selected, currentDate, defaultMonth, startMonth, endMonth, onDaySelect, onDateChange, onClear: _onClear, minDate, maxDate, disabled, format: _format, locale = "pt-br", autoFocus, className, scale = 1, id, "aria-label": ariaLabel, ...rest }) => {
     const animate = true;
     const [internalSelected, setInternalSelected] = useState(selected ?? undefined);
     const [internalDisplayMonth, setInternalDisplayMonth] = useState(() => currentDate ?? defaultMonth ?? new Date());
@@ -2520,7 +2526,7 @@ const Calendar = ({ selected, currentDate, defaultMonth, startMonth, endMonth, o
         onYearLabelClick: handleYearLabelClick,
     };
     const sharedDayPickerProps = {
-        classNames: styles$o,
+        classNames: styles$p,
         animate,
         mode: "single",
         selected: resolvedSelected,
@@ -2532,10 +2538,15 @@ const Calendar = ({ selected, currentDate, defaultMonth, startMonth, endMonth, o
         autoFocus,
         "aria-label": ariaLabel,
     };
-    return (jsx(GridCtx.Provider, { value: gridCtxValue, children: jsxs("div", { className: clsx(styles$o.calendar_grid_wrapper, className), children: [jsx(DayPicker, { id: id, ...sharedDayPickerProps, ...rest, captionLayout: "label", month: resolvedDisplayMonth, onMonthChange: handleMonthChange, components: { MonthCaption: GridMonthCaption, Chevron: CustomChevron } }), gridView !== "days" && (jsxs("div", { className: `${styles$o.gridOverlay}${gridView === "years" ? ` ${styles$o.gridOverlayYears}` : ""}`, role: "dialog", "aria-modal": "true", "aria-label": gridView === "months" ? "Selecione o mês" : "Selecione o ano", children: [gridView === "months" && (jsxs(Fragment, { children: [jsxs("div", { className: styles$o.gridOverlayCaption, children: [jsx("span", { className: styles$o.caption_grid_label, children: new Intl.DateTimeFormat(intlLocale, { month: "long" }).format(resolvedDisplayMonth) }), jsxs("button", { type: "button", className: styles$o.caption_grid_btn, onClick: () => setGridView("days"), "aria-label": "Fechar sele\u00E7\u00E3o de m\u00EAs", children: [displayedYear, jsx(ChevronUp16Regular, { className: styles$o.caption_year_chevron, "aria-hidden": true })] })] }), jsx("div", { className: styles$o.gridCells, children: monthsGrid.map(({ index, label, disabled: monthDisabled }) => (jsx("button", { type: "button", disabled: monthDisabled, className: `${styles$o.gridCell}${displayedMonthIndex === index ? ` ${styles$o.gridCellActive}` : ""}`, onClick: () => handleGridMonthSelect(index), children: label }, index))) })] })), gridView === "years" && (jsxs(Fragment, { children: [jsxs("div", { className: styles$o.gridOverlayCaption, children: [jsx("span", { className: styles$o.caption_grid_label, children: new Intl.DateTimeFormat(intlLocale, { month: "long" }).format(resolvedDisplayMonth) }), jsxs("button", { type: "button", className: styles$o.caption_grid_btn, onClick: () => setGridView("days"), "aria-label": "Fechar sele\u00E7\u00E3o de ano", children: [displayedYear, jsx(ChevronUp16Regular, { className: styles$o.caption_year_chevron, "aria-hidden": true })] }), jsxs("div", { className: styles$o.gridOverlayYearsNav, children: [jsx("button", { type: "button", className: styles$o.gridNavBtn, disabled: !canGoPrevYears, onClick: () => setYearPageStart((s) => s - YEARS_PER_PAGE), "aria-label": "Anos anteriores", children: jsx(ChevronLeft16Regular, { className: styles$o.chevronNavBtnPrev, "aria-hidden": true }) }), jsx("button", { type: "button", className: styles$o.gridNavBtn, disabled: !canGoNextYears, onClick: () => setYearPageStart((s) => s + YEARS_PER_PAGE), "aria-label": "Pr\u00F3ximos anos", children: jsx(ChevronRight16Regular, { className: styles$o.chevronNavBtnNext, "aria-hidden": true }) })] })] }), jsx("div", { className: `${styles$o.gridCells} ${styles$o.gridCellsYears}`, children: yearsInPage.map((year) => (jsx("button", { type: "button", className: `${styles$o.gridCell}${displayedYear === year ? ` ${styles$o.gridCellActive}` : ""}`, onClick: () => handleGridYearSelect(year), children: year }, year))) })] }))] }))] }) }));
+    const scaleClass = {
+        1: 'scale-1-0',
+        1.5: 'scale-1-5',
+        2: 'scale-2-0',
+    }[scale];
+    return (jsx(GridCtx.Provider, { value: gridCtxValue, children: jsxs("div", { className: clsx(styles$p.calendar_grid_wrapper, scaleClass, className), children: [jsx(DayPicker, { id: id, ...sharedDayPickerProps, ...rest, captionLayout: "label", month: resolvedDisplayMonth, onMonthChange: handleMonthChange, components: { MonthCaption: GridMonthCaption, Chevron: CustomChevron } }), gridView !== "days" && (jsxs("div", { className: `${styles$p.gridOverlay}${gridView === "years" ? ` ${styles$p.gridOverlayYears}` : ""}`, role: "dialog", "aria-modal": "true", "aria-label": gridView === "months" ? "Selecione o mês" : "Selecione o ano", children: [gridView === "months" && (jsxs(Fragment, { children: [jsxs("div", { className: styles$p.gridOverlayCaption, children: [jsx("span", { className: styles$p.caption_grid_label, children: new Intl.DateTimeFormat(intlLocale, { month: "long" }).format(resolvedDisplayMonth) }), jsxs("button", { type: "button", className: styles$p.caption_grid_btn, onClick: () => setGridView("days"), "aria-label": "Fechar sele\u00E7\u00E3o de m\u00EAs", children: [displayedYear, jsx(ChevronUp16Regular, { className: styles$p.caption_year_chevron, "aria-hidden": true })] })] }), jsx("div", { className: styles$p.gridCells, children: monthsGrid.map(({ index, label, disabled: monthDisabled }) => (jsx("button", { type: "button", disabled: monthDisabled, className: `${styles$p.gridCell}${displayedMonthIndex === index ? ` ${styles$p.gridCellActive}` : ""}`, onClick: () => handleGridMonthSelect(index), children: label }, index))) })] })), gridView === "years" && (jsxs(Fragment, { children: [jsxs("div", { className: styles$p.gridOverlayCaption, children: [jsx("span", { className: styles$p.caption_grid_label, children: new Intl.DateTimeFormat(intlLocale, { month: "long" }).format(resolvedDisplayMonth) }), jsxs("button", { type: "button", className: styles$p.caption_grid_btn, onClick: () => setGridView("days"), "aria-label": "Fechar sele\u00E7\u00E3o de ano", children: [displayedYear, jsx(ChevronUp16Regular, { className: styles$p.caption_year_chevron, "aria-hidden": true })] }), jsxs("div", { className: styles$p.gridOverlayYearsNav, children: [jsx("button", { type: "button", className: styles$p.gridNavBtn, disabled: !canGoPrevYears, onClick: () => setYearPageStart((s) => s - YEARS_PER_PAGE), "aria-label": "Anos anteriores", children: jsx(ChevronLeft16Regular, { className: styles$p.chevronNavBtnPrev, "aria-hidden": true }) }), jsx("button", { type: "button", className: styles$p.gridNavBtn, disabled: !canGoNextYears, onClick: () => setYearPageStart((s) => s + YEARS_PER_PAGE), "aria-label": "Pr\u00F3ximos anos", children: jsx(ChevronRight16Regular, { className: styles$p.chevronNavBtnNext, "aria-hidden": true }) })] })] }), jsx("div", { className: `${styles$p.gridCells} ${styles$p.gridCellsYears}`, children: yearsInPage.map((year) => (jsx("button", { type: "button", className: `${styles$p.gridCell}${displayedYear === year ? ` ${styles$p.gridCellActive}` : ""}`, onClick: () => handleGridYearSelect(year), children: year }, year))) })] }))] }))] }) }));
 };
 
-var styles$n = {"container":"Callout-module__container___dggFW","withTitle":"Callout-module__withTitle___e-HEg","brand":"Callout-module__brand___YHDPQ","success":"Callout-module__success___RPS0Q","alert":"Callout-module__alert___LVlJM","content":"Callout-module__content___g44Qz","icon":"Callout-module__icon___4CBkz","subcontent":"Callout-module__subcontent___5hz-f","title":"Callout-module__title___IPSdE","text":"Callout-module__text___0Ys48","dismiss":"Callout-module__dismiss___ZaycS"};
+var styles$o = {"container":"Callout-module__container___dggFW","withTitle":"Callout-module__withTitle___e-HEg","brand":"Callout-module__brand___YHDPQ","success":"Callout-module__success___RPS0Q","alert":"Callout-module__alert___LVlJM","content":"Callout-module__content___g44Qz","icon":"Callout-module__icon___4CBkz","subcontent":"Callout-module__subcontent___5hz-f","title":"Callout-module__title___IPSdE","text":"Callout-module__text___0Ys48","dismiss":"Callout-module__dismiss___ZaycS"};
 
 const Callout = ({ variant = 'neutral', title, text, icon, onDismiss, dismiss, backgroundColor, textColor, className, id, style, ...rest }) => {
     if (process.env.NODE_ENV !== 'production' && (text === '' || (typeof text === 'string' && !text.trim()))) {
@@ -2545,13 +2556,13 @@ const Callout = ({ variant = 'neutral', title, text, icon, onDismiss, dismiss, b
     const titleId = `callout-title-${id || generatedId}`;
     const componentId = id || generatedId;
     const isAlert = variant === 'alert';
-    const containerClass = clsx(styles$n.container, styles$n[variant], { [styles$n.withTitle]: title }, className);
+    const containerClass = clsx(styles$o.container, styles$o[variant], { [styles$o.withTitle]: title }, className);
     const customStyle = {
         ...style,
         ...(backgroundColor && { '--callout-bg': `var(--${backgroundColor})` }),
         ...(textColor && { '--callout-text': `var(--${textColor})` }),
     };
-    return (jsx("div", { id: componentId, className: containerClass, role: isAlert ? 'alert' : 'status', "aria-live": isAlert ? 'assertive' : 'polite', "aria-labelledby": title ? titleId : undefined, style: customStyle, ...rest, children: jsxs("div", { className: styles$n.content, children: [icon && jsx("span", { className: styles$n.icon, "aria-hidden": "true", children: icon }), jsxs("div", { className: styles$n.subcontent, children: [title && (jsx("span", { id: titleId, className: styles$n.title, children: title })), text && jsx("span", { className: styles$n.text, children: text })] }), dismiss && (jsx("button", { className: styles$n.dismiss, onClick: onDismiss, type: "button", "aria-label": "Fechar", children: jsx(Dismiss24Regular, { "aria-hidden": "true" }) }))] }) }));
+    return (jsx("div", { id: componentId, className: containerClass, role: isAlert ? 'alert' : 'status', "aria-live": isAlert ? 'assertive' : 'polite', "aria-labelledby": title ? titleId : undefined, style: customStyle, ...rest, children: jsxs("div", { className: styles$o.content, children: [icon && jsx("span", { className: styles$o.icon, "aria-hidden": "true", children: icon }), jsxs("div", { className: styles$o.subcontent, children: [title && (jsx("span", { id: titleId, className: styles$o.title, children: title })), text && jsx("span", { className: styles$o.text, children: text })] }), dismiss && (jsx("button", { className: styles$o.dismiss, onClick: onDismiss, type: "button", "aria-label": "Fechar", children: jsx(Dismiss24Regular, { "aria-hidden": "true" }) }))] }) }));
 };
 
 const CheckSmall = ({ className = '', width = 12, height = 10, fill = 'white', ...restProps }) => {
@@ -2562,22 +2573,32 @@ const CheckHalf = ({ className = '', width = 16, height = 16, fill = 'white', ..
     return (jsx("svg", { width: width, height: height, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, "aria-hidden": "true", ...restProps, children: jsx("g", { id: "Icons/check_indeterminate_small", children: jsx("path", { id: "icon", d: "M3 9V7H13V9H3Z", fill: fill }) }) }));
 };
 
-var styles$m = {"container":"Checkbox-module__container___pUY-s","root":"Checkbox-module__root___BS5dT","disabled":"Checkbox-module__disabled___WagIC","label":"Checkbox-module__label___JBaRm","indicator":"Checkbox-module__indicator___HXLHH","wrapperCheckbox":"Checkbox-module__wrapperCheckbox___m2qIW"};
+var styles$n = {"container":"Checkbox-module__container___pUY-s","root":"Checkbox-module__root___BS5dT","disabled":"Checkbox-module__disabled___WagIC","label":"Checkbox-module__label___JBaRm","indicator":"Checkbox-module__indicator___HXLHH","wrapperCheckbox":"Checkbox-module__wrapperCheckbox___m2qIW"};
 
-const Checkbox = ({ id, label, onCheckedChange, checked, disabled, className, indeterminate = false, ...rest }) => {
+const Checkbox = ({ id, label, onCheckedChange, checked, disabled, className, scale = 1, indeterminate = false, ...rest }) => {
     const componentId = id || React.useId();
-    return (jsxs("div", { className: clsx(styles$m.container, className), children: [jsx("div", { className: clsx(styles$m.wrapperCheckbox, {
-                    [styles$m.disabled]: disabled,
-                }), role: "presentation", tabIndex: disabled ? -1 : 0, children: jsx(Checkbox$1.Root, { className: styles$m.root, checked: indeterminate ? 'indeterminate' : checked, id: componentId, onCheckedChange: onCheckedChange, disabled: disabled, "data-disabled": disabled, "data-indeterminate": indeterminate, "aria-checked": indeterminate ? 'mixed' : checked ? 'true' : 'false', ...rest, children: jsx(Checkbox$1.Indicator, { className: styles$m.indicator, children: indeterminate ? jsx(CheckHalf, {}) : jsx(CheckSmall, {}) }) }) }), jsx("label", { className: clsx(styles$m.label, { [styles$m.disabled]: disabled }), htmlFor: componentId, children: label })] }));
+    const scaleClass = {
+        1: 'scale-1-0',
+        1.5: 'scale-1-5',
+        2: 'scale-2-0',
+    }[scale];
+    return (jsxs("div", { className: clsx(styles$n.container, scaleClass, className), children: [jsx("div", { className: clsx(styles$n.wrapperCheckbox, {
+                    [styles$n.disabled]: disabled,
+                }), role: "presentation", tabIndex: disabled ? -1 : 0, children: jsx(Checkbox$1.Root, { className: styles$n.root, checked: indeterminate ? 'indeterminate' : checked, id: componentId, onCheckedChange: onCheckedChange, disabled: disabled, "data-disabled": disabled, "data-indeterminate": indeterminate, "aria-checked": indeterminate ? 'mixed' : checked ? 'true' : 'false', ...rest, children: jsx(Checkbox$1.Indicator, { className: styles$n.indicator, children: indeterminate ? jsx(CheckHalf, {}) : jsx(CheckSmall, {}) }) }) }), jsx("label", { className: clsx(styles$n.label, { [styles$n.disabled]: disabled }), htmlFor: componentId, children: label })] }));
 };
 
-var styles$l = {"chips":"Chips-module__chips___SOvBe","title":"Chips-module__title___ZhuQi","iconLeft":"Chips-module__iconLeft___tPhnw","iconRight":"Chips-module__iconRight___-HxL2","hasLeftIcon":"Chips-module__hasLeftIcon___D3quS","hasRightIcon":"Chips-module__hasRightIcon___ZMx2Y","brand":"Chips-module__brand___q1Gsm","success":"Chips-module__success___UhxQa","alert":"Chips-module__alert___nvPnr","disabled":"Chips-module__disabled___ElWLI"};
-
-const Chips = ({ children, leftIcon, rightIcon, variant = 'neutral', disabled = false, backgroundColor, textColor, className, style, ...rest }) => {
-    const chipsClass = clsx(styles$l.chips, styles$l[variant], {
-        [styles$l.disabled]: disabled,
-        [styles$l.hasLeftIcon]: leftIcon,
-        [styles$l.hasRightIcon]: rightIcon,
+var styles$m = {"chips":"Chips-module__chips___SOvBe","title":"Chips-module__title___ZhuQi","iconLeft":"Chips-module__iconLeft___tPhnw","iconRight":"Chips-module__iconRight___-HxL2","hasLeftIcon":"Chips-module__hasLeftIcon___D3quS","hasRightIcon":"Chips-module__hasRightIcon___ZMx2Y","brand":"Chips-module__brand___q1Gsm","success":"Chips-module__success___UhxQa","alert":"Chips-module__alert___nvPnr","disabled":"Chips-module__disabled___ElWLI"};
+
+const Chips = ({ children, leftIcon, rightIcon, variant = 'neutral', disabled = false, backgroundColor, textColor, scale = 1, className, style, ...rest }) => {
+    const scaleClass = {
+        1: 'scale-1-0',
+        1.5: 'scale-1-5',
+        2: 'scale-2-0',
+    }[scale];
+    const chipsClass = clsx(styles$m.chips, styles$m[variant], scaleClass, {
+        [styles$m.disabled]: disabled,
+        [styles$m.hasLeftIcon]: leftIcon,
+        [styles$m.hasRightIcon]: rightIcon,
     }, className);
     const colorStyle = {
         ...(!disabled && backgroundColor && { '--chips-bg': `var(--${backgroundColor})` }),
@@ -2585,24 +2606,631 @@ const Chips = ({ children, leftIcon, rightIcon, variant = 'neutral', disabled =
         ...style,
     };
     const isInteractive = typeof rest.onClick === 'function';
-    return (jsxs("div", { className: chipsClass, "aria-disabled": disabled, style: colorStyle, role: isInteractive ? 'button' : undefined, tabIndex: isInteractive ? (disabled ? -1 : 0) : undefined, ...rest, children: [leftIcon && (jsx("span", { className: styles$l.iconLeft, "aria-hidden": "true", children: leftIcon })), jsx("span", { className: styles$l.title, children: children }), rightIcon && (jsx("span", { className: styles$l.iconRight, children: rightIcon }))] }));
+    return (jsxs("div", { className: chipsClass, "aria-disabled": disabled, style: colorStyle, role: isInteractive ? 'button' : undefined, tabIndex: isInteractive ? (disabled ? -1 : 0) : undefined, ...rest, children: [leftIcon && (jsx("span", { className: styles$m.iconLeft, "aria-hidden": "true", children: leftIcon })), jsx("span", { className: styles$m.title, children: children }), rightIcon && (jsx("span", { className: styles$m.iconRight, children: rightIcon }))] }));
 };
 const MemoizedChips = React__default.memo(Chips);
 MemoizedChips.displayName = 'Chips';
 
-var styles$k = {"container":"Container-module__container___exPuE"};
+var styles$l = {"container":"Container-module__container___exPuE"};
 
 function Container({ children, className }) {
-    return (jsx("main", { className: clsx(styles$k['container'], 'mx-auto', className), children: children }));
+    return (jsx("main", { className: clsx(styles$l['container'], 'mx-auto', className), children: children }));
 }
 
-var styles$j = {"Content":"Popover-module__Content___RIETg"};
+var styles$k = {"Content":"Popover-module__Content___RIETg"};
 
 const Popover = ({ trigger, content, side = "left", align = "start", sideOffset = 8, open, onOpenChange, asAnchor = false, onOpenAutoFocus, onCloseAutoFocus, showArrow = false, className, ...rest }) => {
-    return (jsxs(Popover$1.Root, { open: open, onOpenChange: onOpenChange, ...rest, children: [asAnchor ? (jsx(Popover$1.Anchor, { asChild: true, children: trigger })) : (jsx(Popover$1.Trigger, { asChild: true, children: trigger })), jsx(Popover$1.Portal, { children: jsxs(Popover$1.Content, { className: clsx(styles$j.Content, className), sideOffset: sideOffset, side: side, align: align, onOpenAutoFocus: asAnchor ? (e) => e.preventDefault() : onOpenAutoFocus, onCloseAutoFocus: asAnchor ? (e) => e.preventDefault() : onCloseAutoFocus, onInteractOutside: asAnchor ? (e) => e.preventDefault() : undefined, children: [content, showArrow && jsx(Popover$1.Arrow, {})] }) })] }));
+    return (jsxs(Popover$1.Root, { open: open, onOpenChange: onOpenChange, ...rest, children: [asAnchor ? (jsx(Popover$1.Anchor, { asChild: true, children: trigger })) : (jsx(Popover$1.Trigger, { asChild: true, children: trigger })), jsx(Popover$1.Portal, { children: jsxs(Popover$1.Content, { className: clsx(styles$k.Content, className), sideOffset: sideOffset, side: side, align: align, onOpenAutoFocus: asAnchor ? (e) => e.preventDefault() : onOpenAutoFocus, onCloseAutoFocus: asAnchor ? (e) => e.preventDefault() : onCloseAutoFocus, onInteractOutside: asAnchor ? (e) => e.preventDefault() : undefined, children: [content, showArrow && jsx(Popover$1.Arrow, {})] }) })] }));
 };
 
-var styles$i = {"container":"TextField-module__container___WJHFR","inputWrapper":"TextField-module__inputWrapper___INjfd","inputContainer":"TextField-module__inputContainer___3EsFJ","icon":"TextField-module__icon___p1vwi","clearButton":"TextField-module__clearButton___kgOot","inputWithIcon":"TextField-module__inputWithIcon___shqkL","helperText":"TextField-module__helperText___d5QGC","error":"TextField-module__error___IGQzp","disabled":"TextField-module__disabled___roIKP"};
+function useInputKeyboardValue(externalRef) {
+    const internalRef = useRef(null);
+    const setRefs = useCallback((node) => {
+        internalRef.current = node;
+        if (typeof externalRef === 'function') {
+            externalRef(node);
+            return;
+        }
+        if (externalRef) {
+            externalRef.current = node;
+        }
+    }, [externalRef]);
+    return { internalRef, setRefs };
+}
+
+const iconSlot = (key) => `<span data-icon-key="${key}"></span>`;
+const ICON_KEY_MAP = {
+    bksp: Backspace20Regular,
+    shift: KeyboardShift20Regular,
+    shiftactivated: KeyboardShift20Filled,
+    capslock: KeyboardShiftUppercase20Regular,
+    downkeyboard: ChevronDown20Regular,
+    emoji: Emoji20Regular,
+};
+const SHARED_DISPLAY = {
+    '{capslock}': iconSlot('capslock'),
+    '{numbers}': '123',
+    '{abc}': 'ABC',
+    '{alt}': '.?!',
+    '{alt2}': '#+=',
+    '{emoticon}': iconSlot('emoji'),
+    '{shift}': iconSlot('shift'),
+    '{shiftactivated}': iconSlot('shiftactivated'),
+    '{enter}': 'Enter',
+    '{bksp}': `${iconSlot('bksp')} Apagar`,
+    '{altright}': '.?123',
+    '{downkeyboard}': iconSlot('downkeyboard'),
+    '{space}': ' ',
+    '{default}': 'ABC',
+};
+const LAYOUT_DISPLAY = {
+    default: SHARED_DISPLAY,
+    numeric: SHARED_DISPLAY,
+};
+
+const EMOTICON_KEY = '{emoticon}';
+const DOWN_KEYBOARD_KEY = '{downkeyboard}';
+const removeKeyFromLayout = (layout, key) => Object.fromEntries(Object.entries(layout).map(([layoutName, rows]) => [
+    layoutName,
+    rows.map((row) => row.split(key).join(' ').replace(/\s+/g, ' ').trim()),
+]));
+const QWERTY_LOWERCASE = [
+    '{//} 1 2 3 4 5 6 7 8 9 0 {//}',
+    '{//} q w e r t y u i o p {//}',
+    'a s d f g h j k l ç {bksp}',
+    '{shift} z x c v b n m , . {shift}',
+    '{numbers} {alt} {space} {downkeyboard} {enter}',
+];
+const NUMPAD = ['1 2 3', '4 5 6', '7 8 9', '{bksp} 0 {abc}'];
+const SHARED_LAYOUTS = {
+    shift: [
+        '{//} 1 2 3 4 5 6 7 8 9 0 {//}',
+        '{//} Q W E R T Y U I O P {//}',
+        'A S D F G H J K L Ç {bksp}',
+        '{capslock} Z X C V B N M , . {capslock}',
+        '{numbers} {alt} {emoticon} {space} {downkeyboard} {enter}',
+    ],
+    caps: [
+        '{//} 1 2 3 4 5 6 7 8 9 0 {//}',
+        '{//} Q W E R T Y U I O P {//}',
+        'A S D F G H J K L Ç {bksp}',
+        '{shiftactivated} Z X C V B N M , . {shiftactivated}',
+        '{numbers} {alt} {emoticon} {space} {downkeyboard} {enter}',
+    ],
+    numbers: NUMPAD,
+    alt: [
+        '1 2 3 4 5 6 7 8 9 0',
+        `- / : ; ( ) $ & @ "`,
+        '{alt2} . , ? ! ´ {bksp}',
+        '{default} {emoticon} {space} {downkeyboard} {enter}',
+    ],
+    alt2: [
+        '[ ] { } # % ^ * + =',
+        '_ \\ | ~ < > ¢ £ ¥ •',
+        `{alt} . , ? ! ' {bksp}`,
+        '{default} {emoticon} {space} {downkeyboard} {enter}',
+    ],
+    emoticon: [
+        '😀 😊 😅 😂 🙂 😉 😍 😛 😠 😎 {bksp}',
+        `😏 😬 😭 😓 😱 😪 🙄 😴 😯 {enter}`,
+        '😐 😇 🤣 😘 😚 😆 😡 😥 😓 {shift}',
+        '{default} {alt} {space} {altright} {downkeyboard}',
+    ],
+};
+const NATIVE_LAYOUTS = {
+    default: {
+        default: QWERTY_LOWERCASE,
+        ...SHARED_LAYOUTS,
+    },
+    numeric: {
+        default: NUMPAD,
+        abc: QWERTY_LOWERCASE,
+        ...SHARED_LAYOUTS,
+    },
+};
+const NATIVE_LAYOUT_KEYS = new Set([
+    'default', 'numeric',
+]);
+const getNativeLayout = (type, Emoji = true, showDownKeyboardButton = true, isFixed = false) => {
+    const layout = NATIVE_LAYOUTS[type] ?? NATIVE_LAYOUTS.default ?? null;
+    if (!layout)
+        return null;
+    let computedLayout = layout;
+    if (!Emoji) {
+        computedLayout = removeKeyFromLayout(computedLayout, EMOTICON_KEY);
+    }
+    if (!showDownKeyboardButton) {
+        computedLayout = removeKeyFromLayout(computedLayout, DOWN_KEYBOARD_KEY);
+    }
+    if (isFixed) {
+        computedLayout = Object.fromEntries(Object.entries(computedLayout).map(([layoutName, rows]) => [
+            layoutName,
+            rows.map((row) => {
+                const trimmed = row.trim();
+                if (/^[a-zA-ZçÇ]/.test(trimmed) && trimmed.endsWith('{bksp}')) {
+                    return '{//} ' + trimmed.replace(/\s*\{bksp\}$/, '') + ' {//}';
+                }
+                if (/\{(shift|capslock|shiftactivated)\}$/.test(trimmed)) {
+                    return trimmed.replace(/\{(shift|capslock|shiftactivated)\}$/, '{bksp}');
+                }
+                return row;
+            }),
+        ]));
+    }
+    return computedLayout;
+};
+const SHIFT_TOGGLES = {
+    default: 'shift',
+    abc: 'shift',
+    shift: 'default',
+    alt: 'default',
+    alt2: 'alt',
+};
+
+var styles$j = {"container":"VirtualKeyboard-module__container___A-e0I","disabled":"VirtualKeyboard-module__disabled___HGS2n","layout--numeric":"VirtualKeyboard-module__layout--numeric___zfd7G","layout--default":"VirtualKeyboard-module__layout--default___qyY1b","mode--fixed":"VirtualKeyboard-module__mode--fixed___1eFY1","textFieldContainer":"VirtualKeyboard-module__textFieldContainer___XxGen","keyboardWrapper":"VirtualKeyboard-module__keyboardWrapper___jryTf","overlay":"VirtualKeyboard-module__overlay___a5y7i","overlayOpen":"VirtualKeyboard-module__overlayOpen___hREu-","textFieldWrapper":"VirtualKeyboard-module__textFieldWrapper___bmi-z","accentMenu":"VirtualKeyboard-module__accentMenu___A6tTy","accentOption":"VirtualKeyboard-module__accentOption___ao-Ta"};
+
+const LONG_PRESS_DELAY_MS = 400;
+const ACCENT_OPTIONS = {
+    a: ['á', 'à', 'â', 'ã', 'ä', 'å', 'æ'],
+    e: ['é', 'è', 'ê', 'ë'],
+    i: ['í', 'ì', 'î', 'ï'],
+    o: ['ó', 'ò', 'ô', 'õ', 'ö', 'ø', 'œ', 'ð'],
+    u: ['ú', 'ù', 'û', 'ü'],
+    y: ['ý', 'ÿ'],
+    n: ['ñ'],
+    c: ['ç'],
+    '?': ['¿'],
+    '!': ['¡'],
+};
+/**
+ * Componente VirtualKeyboard — teclado virtual on-screen para entradas controladas.
+ *
+ * @description Baseado em `react-simple-keyboard`, oferece apenas layouts nativos (QWERTY e numérico)
+ * seguindo o visual padrão da biblioteca.
+ *
+ * Possui dois modos:
+ * - **`native`** (padrão): age como teclado nativo — aparece ao focar no campo referenciado por `targetRef` e some ao perder o foco.
+ * - **`fixed`**: teclado sempre visível com um TextField próprio acima.
+ *
+ * @example
+ * ```tsx
+ * // Modo fixed
+ * <VirtualKeyboard variant="fixed" type="default" onChange={setValue} />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Modo native — aparece ao focar no input
+ * const inputRef = useRef<HTMLInputElement>(null);
+ * const [value, setValue] = useState('');
+ * <input ref={inputRef} value={value} readOnly />
+ * <VirtualKeyboard targetRef={inputRef} value={value} onChange={setValue} />
+ * ```
+ */
+const VirtualKeyboard = ({ variant = 'native', type = 'default', value = '', onChange, onKeyPress, maxLength, Emoji = false, className, id, textFieldPlaceholder = 'Digite aqui...', helperText, error, errorMessage, targetRef, }) => {
+    const [layoutName, setLayoutName] = useState('default');
+    const [capsLockOn, setCapsLockOn] = useState(false);
+    const [accentMenu, setAccentMenu] = useState(null);
+    const [accentMenuOffsetX, setAccentMenuOffsetX] = useState(0);
+    const [activeLayout, setActiveLayout] = useState(getNativeLayout(type, Emoji, variant === 'native', variant === 'fixed'));
+    const visualType = NATIVE_LAYOUT_KEYS.has(type) ? type : 'default';
+    const [isOpen, setIsOpen] = useState(variant !== 'native');
+    const hideTimeoutRef = useRef(null);
+    const longPressTimeoutRef = useRef(null);
+    const suppressNextInputRef = useRef(null);
+    const heldAccentKeyRef = useRef(null);
+    const longPressTriggeredRef = useRef(false);
+    const isKeyboardInteractingRef = useRef(false);
+    const keyboardWrapperRef = useRef(null);
+    const keyboardInstanceRef = useRef(null);
+    const accentMenuRef = useRef(null);
+    const accentButtonRef = useRef(null);
+    const accentMenuOpenRef = useRef(false);
+    const valueRef = useRef(value);
+    const [iconSlots, setIconSlots] = useState([]);
+    useEffect(() => {
+        valueRef.current = value;
+    }, [value]);
+    const clearLongPressTimeout = useCallback(() => {
+        if (longPressTimeoutRef.current !== null) {
+            clearTimeout(longPressTimeoutRef.current);
+            longPressTimeoutRef.current = null;
+        }
+    }, []);
+    const closeAccentMenu = useCallback(() => {
+        setAccentMenu(null);
+        accentButtonRef.current = null;
+    }, []);
+    const syncKeyboardInput = useCallback((nextValue) => {
+        keyboardInstanceRef.current?.setInput(nextValue);
+    }, []);
+    useEffect(() => {
+        syncKeyboardInput(value);
+    }, [value, syncKeyboardInput]);
+    const scheduleHideIfBlurred = useCallback(() => {
+        if (variant !== 'native')
+            return;
+        if (hideTimeoutRef.current !== null) {
+            clearTimeout(hideTimeoutRef.current);
+        }
+        hideTimeoutRef.current = setTimeout(() => {
+            const targetEl = targetRef?.current;
+            const isTargetFocused = !!targetEl && document.activeElement === targetEl;
+            if (!isTargetFocused && !isKeyboardInteractingRef.current) {
+                setIsOpen(false);
+            }
+        }, 150);
+    }, [variant, targetRef]);
+    useEffect(() => {
+        if (variant !== 'native')
+            return;
+        if (!targetRef?.current) {
+            setIsOpen(true);
+            return;
+        }
+        const el = targetRef.current;
+        const handleFocus = () => {
+            if (hideTimeoutRef.current !== null)
+                clearTimeout(hideTimeoutRef.current);
+            setIsOpen(true);
+        };
+        const handleBlur = () => {
+            scheduleHideIfBlurred();
+        };
+        el.addEventListener('focus', handleFocus);
+        el.addEventListener('blur', handleBlur);
+        return () => {
+            el.removeEventListener('focus', handleFocus);
+            el.removeEventListener('blur', handleBlur);
+            if (hideTimeoutRef.current !== null)
+                clearTimeout(hideTimeoutRef.current);
+        };
+    }, [variant, targetRef, scheduleHideIfBlurred]);
+    useEffect(() => {
+        setLayoutName('default');
+        setCapsLockOn(false);
+        setActiveLayout(getNativeLayout(type, Emoji, variant === 'native', variant === 'fixed'));
+    }, [type, Emoji, variant]);
+    useEffect(() => {
+        if (!Emoji && layoutName === 'emoticon') {
+            setLayoutName(type === 'numeric' ? 'abc' : 'default');
+        }
+    }, [Emoji, layoutName, type]);
+    useEffect(() => {
+        return () => {
+            clearLongPressTimeout();
+        };
+    }, [clearLongPressTimeout]);
+    useEffect(() => {
+        if (!accentMenu)
+            return;
+        const handleOutsidePointerDown = (event) => {
+            if (accentMenuRef.current?.contains(event.target))
+                return;
+            closeAccentMenu();
+        };
+        const handleEscape = (event) => {
+            if (event.key === 'Escape') {
+                closeAccentMenu();
+            }
+        };
+        document.addEventListener('pointerdown', handleOutsidePointerDown, true);
+        document.addEventListener('keydown', handleEscape);
+        return () => {
+            document.removeEventListener('pointerdown', handleOutsidePointerDown, true);
+            document.removeEventListener('keydown', handleEscape);
+        };
+    }, [accentMenu, closeAccentMenu]);
+    useLayoutEffect(() => {
+        if (!accentMenu || !accentMenuRef.current)
+            return;
+        const margin = 8;
+        const rect = accentMenuRef.current.getBoundingClientRect();
+        if (rect.width <= 0 || rect.height <= 0)
+            return;
+        const minCenter = margin + rect.width / 2;
+        const maxCenter = window.innerWidth - margin - rect.width / 2;
+        const clampedCenter = Math.min(maxCenter, Math.max(minCenter, accentMenu.left));
+        const nextOffset = clampedCenter - accentMenu.left;
+        if (Math.abs(nextOffset - accentMenuOffsetX) > 0.5) {
+            setAccentMenuOffsetX(nextOffset);
+        }
+    }, [accentMenu, accentMenuOffsetX]);
+    useEffect(() => {
+        if (!keyboardWrapperRef.current)
+            return;
+        const container = keyboardWrapperRef.current;
+        const registerNewSlots = () => {
+            const newSlots = Array.from(container.querySelectorAll('[data-icon-key]:not([data-icon-root])'));
+            if (newSlots.length === 0)
+                return;
+            newSlots.forEach((s) => s.setAttribute('data-icon-root', 'true'));
+            setIconSlots((prev) => [...prev, ...newSlots]);
+        };
+        registerNewSlots();
+        const observer = new MutationObserver(() => {
+            setIconSlots((prev) => prev.filter((slot) => container.contains(slot)));
+            registerNewSlots();
+        });
+        observer.observe(container, { childList: true, subtree: true });
+        return () => {
+            observer.disconnect();
+        };
+    }, []);
+    useEffect(() => {
+        closeAccentMenu();
+        setAccentMenuOffsetX(0);
+        suppressNextInputRef.current = null;
+        clearLongPressTimeout();
+    }, [layoutName, type, closeAccentMenu, clearLongPressTimeout]);
+    useEffect(() => {
+        accentMenuOpenRef.current = !!accentMenu;
+    }, [accentMenu]);
+    useEffect(() => {
+        const updateAccentPosition = () => {
+            if (!accentMenuOpenRef.current)
+                return;
+            const btn = accentButtonRef.current;
+            if (!btn)
+                return;
+            const rect = btn.getBoundingClientRect();
+            setAccentMenu((prev) => prev ? { ...prev, top: rect.top - 8, left: rect.left + rect.width / 2 } : null);
+        };
+        window.addEventListener('scroll', updateAccentPosition, { capture: true, passive: true });
+        window.addEventListener('resize', updateAccentPosition);
+        return () => {
+            window.removeEventListener('scroll', updateAccentPosition, true);
+            window.removeEventListener('resize', updateAccentPosition);
+        };
+    }, []);
+    const handleLongPressStart = useCallback((event) => {
+        isKeyboardInteractingRef.current = true;
+        if (hideTimeoutRef.current !== null) {
+            clearTimeout(hideTimeoutRef.current);
+        }
+        const keyboardWrapper = keyboardWrapperRef.current;
+        if (!keyboardWrapper)
+            return;
+        const buttonEl = event.target.closest('.hg-button');
+        if (!buttonEl || !keyboardWrapper.contains(buttonEl))
+            return;
+        const sourceKey = buttonEl.getAttribute('data-skbtn') ?? '';
+        heldAccentKeyRef.current = null;
+        longPressTriggeredRef.current = false;
+        if (!sourceKey || sourceKey.startsWith('{'))
+            return;
+        const accentOptions = ACCENT_OPTIONS[sourceKey.toLowerCase()];
+        if (!accentOptions)
+            return;
+        heldAccentKeyRef.current = sourceKey;
+        clearLongPressTimeout();
+        longPressTimeoutRef.current = setTimeout(() => {
+            const buttonRect = buttonEl.getBoundingClientRect();
+            const isUpperCaseKey = sourceKey === sourceKey.toUpperCase();
+            longPressTriggeredRef.current = true;
+            accentButtonRef.current = buttonEl;
+            setAccentMenu({
+                sourceKey,
+                options: isUpperCaseKey
+                    ? accentOptions.map((option) => option.toUpperCase())
+                    : accentOptions,
+                top: buttonRect.top - 8,
+                left: buttonRect.left + buttonRect.width / 2,
+            });
+            setAccentMenuOffsetX(0);
+            suppressNextInputRef.current = sourceKey;
+        }, LONG_PRESS_DELAY_MS);
+    }, [clearLongPressTimeout]);
+    const handleLongPressEnd = useCallback(() => {
+        const heldKey = heldAccentKeyRef.current;
+        const longPressTriggered = longPressTriggeredRef.current;
+        const baseLayout = type === 'numeric' ? 'abc' : 'default';
+        isKeyboardInteractingRef.current = false;
+        clearLongPressTimeout();
+        if (heldKey && !longPressTriggered) {
+            const currentValue = valueRef.current;
+            if (maxLength === undefined || currentValue.length < maxLength) {
+                const nextValue = `${currentValue}${heldKey}`;
+                onChange?.(nextValue);
+                onKeyPress?.(heldKey);
+                syncKeyboardInput(nextValue);
+            }
+            if (layoutName === 'shift' && !capsLockOn) {
+                setLayoutName(baseLayout);
+            }
+            suppressNextInputRef.current = heldKey;
+        }
+        heldAccentKeyRef.current = null;
+        longPressTriggeredRef.current = false;
+        scheduleHideIfBlurred();
+    }, [
+        clearLongPressTimeout,
+        scheduleHideIfBlurred,
+        maxLength,
+        onChange,
+        onKeyPress,
+        syncKeyboardInput,
+        type,
+        layoutName,
+        capsLockOn,
+    ]);
+    const handleAccentSelect = useCallback((accentedChar) => {
+        const currentValue = valueRef.current;
+        const baseLayout = type === 'numeric' ? 'abc' : 'default';
+        if (maxLength !== undefined && currentValue.length >= maxLength) {
+            closeAccentMenu();
+            suppressNextInputRef.current = null;
+            syncKeyboardInput(currentValue);
+            return;
+        }
+        const nextValue = `${currentValue}${accentedChar}`;
+        onChange?.(nextValue);
+        onKeyPress?.(accentedChar);
+        closeAccentMenu();
+        suppressNextInputRef.current = null;
+        heldAccentKeyRef.current = null;
+        longPressTriggeredRef.current = false;
+        if (layoutName === 'shift' && !capsLockOn) {
+            setLayoutName(baseLayout);
+        }
+        syncKeyboardInput(nextValue);
+    }, [maxLength, onChange, onKeyPress, closeAccentMenu, syncKeyboardInput, type, layoutName, capsLockOn]);
+    const handleKeyPress = useCallback((button) => {
+        const baseLayout = type === 'numeric' ? 'abc' : 'default';
+        if (button === '{capslock}') {
+            setCapsLockOn((prev) => {
+                const next = !prev;
+                setLayoutName(next ? 'caps' : baseLayout);
+                return next;
+            });
+            return;
+        }
+        if (button === '{shift}' ||
+            button === '{shiftactivated}') {
+            if (button === '{shiftactivated}') {
+                setCapsLockOn(false);
+                setLayoutName(baseLayout);
+                return;
+            }
+            setLayoutName((prev) => {
+                const next = SHIFT_TOGGLES[prev] ?? 'default';
+                return next === 'default' ? baseLayout : next;
+            });
+            return;
+        }
+        if (button === '{numbers}') {
+            setLayoutName('numbers');
+            return;
+        }
+        if (button === '{abc}') {
+            setLayoutName(baseLayout);
+            return;
+        }
+        if (button === '{alt}' || button === '{altright}') {
+            setLayoutName((prev) => {
+                if (prev === 'alt2')
+                    return 'alt';
+                return prev === 'alt' ? baseLayout : 'alt';
+            });
+            return;
+        }
+        if (button === '{alt2}') {
+            setLayoutName((prev) => (prev === 'alt2' ? 'alt' : 'alt2'));
+            return;
+        }
+        if (button === '{emoticon}') {
+            if (!Emoji)
+                return;
+            setLayoutName((prev) => (prev === 'emoticon' ? baseLayout : 'emoticon'));
+            return;
+        }
+        if (button === '{default}') {
+            setLayoutName(baseLayout);
+            return;
+        }
+        if (button === '{downkeyboard}') {
+            setLayoutName(baseLayout);
+            if (variant === 'native') {
+                closeAccentMenu();
+                setIsOpen(false);
+                const targetElement = targetRef?.current;
+                if (targetElement && document.activeElement === targetElement) {
+                    targetElement.blur();
+                }
+            }
+            return;
+        }
+        const isHeldAccentKey = heldAccentKeyRef.current === button;
+        if (button !== '{bksp}' && button !== '{enter}' && !isHeldAccentKey) {
+            if (layoutName === 'shift' && !capsLockOn) {
+                setLayoutName(baseLayout);
+            }
+            else if (layoutName === baseLayout && capsLockOn) {
+                setLayoutName('shift');
+            }
+        }
+        if (isHeldAccentKey) {
+            return;
+        }
+        onKeyPress?.(button);
+    }, [
+        type,
+        layoutName,
+        capsLockOn,
+        onKeyPress,
+        Emoji,
+        variant,
+        closeAccentMenu,
+        targetRef,
+    ]);
+    const handleChange = useCallback((input) => {
+        const currentValue = valueRef.current;
+        const suppressedKey = suppressNextInputRef.current;
+        const heldKey = heldAccentKeyRef.current;
+        if (heldKey &&
+            input.length >= currentValue.length + 1 &&
+            input.startsWith(currentValue) &&
+            input.slice(currentValue.length).split('').every((char) => char === heldKey)) {
+            syncKeyboardInput(currentValue);
+            return;
+        }
+        if (suppressedKey &&
+            input.length === currentValue.length + 1 &&
+            input.endsWith(suppressedKey)) {
+            suppressNextInputRef.current = null;
+            syncKeyboardInput(currentValue);
+            return;
+        }
+        if (maxLength !== undefined && input.length > maxLength)
+            return;
+        onChange?.(input);
+    }, [maxLength, onChange, syncKeyboardInput]);
+    const keyboardDisplay = useMemo(() => {
+        const baseDisplay = LAYOUT_DISPLAY[visualType];
+        if (!baseDisplay)
+            return baseDisplay;
+        if (variant !== 'fixed') {
+            return baseDisplay;
+        }
+        return {
+            ...baseDisplay,
+            '{bksp}': (baseDisplay['{bksp}'] ?? '').replace(/\s*Apagar$/, ''),
+        };
+    }, [visualType, variant]);
+    const keyboardEl = activeLayout ? (jsxs("div", { ref: keyboardWrapperRef, className: styles$j.keyboardWrapper, onPointerDownCapture: handleLongPressStart, onPointerUpCapture: handleLongPressEnd, onPointerLeave: handleLongPressEnd, onPointerCancelCapture: handleLongPressEnd, children: [jsx(Keyboard, { keyboardRef: (instance) => {
+                    keyboardInstanceRef.current = instance;
+                    if (instance) {
+                        instance.setInput(valueRef.current);
+                    }
+                }, layoutName: layoutName, layout: activeLayout, theme: 'hg-theme-default', display: keyboardDisplay, onChange: handleChange, onKeyPress: handleKeyPress, preventMouseDownDefault: true }), (() => {
+                const shiftCount = { current: 0 };
+                return iconSlots.map((slot) => {
+                    const key = slot.getAttribute('data-icon-key');
+                    const Icon = key ? ICON_KEY_MAP[key] : undefined;
+                    if (!Icon || !key)
+                        return null;
+                    if (key === 'shift') {
+                        const label = shiftCount.current === 0 ? 'left' : 'right';
+                        shiftCount.current += 1;
+                        return createPortal(createElement(Icon), slot, `icon-shift-${label}`);
+                    }
+                    return createPortal(createElement(Icon), slot, `icon-${key}`);
+                });
+            })(), accentMenu && (typeof document !== 'undefined' &&
+                createPortal(jsx("div", { ref: accentMenuRef, className: styles$j.accentMenu, style: {
+                        top: accentMenu.top,
+                        left: accentMenu.left + accentMenuOffsetX,
+                    }, role: "listbox", "aria-label": `Opcoes de acento para ${accentMenu.sourceKey}`, children: accentMenu.options.map((option) => (jsx("button", { type: "button", className: styles$j.accentOption, onPointerDown: (event) => {
+                            event.preventDefault();
+                            event.stopPropagation();
+                        }, onClick: () => handleAccentSelect(option), children: option }, `${accentMenu.sourceKey}-${option}`))) }), document.body))] })) : null;
+    if (variant === 'native' && typeof document !== 'undefined') {
+        return createPortal(jsx("div", { id: id, className: clsx(styles$j.overlay, { [styles$j.overlayOpen]: isOpen }, styles$j[`layout--${visualType}`], className), children: keyboardEl }), document.body);
+    }
+    return (jsxs("div", { id: id, className: clsx(styles$j.container, styles$j[`mode--${variant}`], styles$j[`layout--${visualType}`], className), children: [variant === 'fixed' && (jsx("div", { className: styles$j.textFieldContainer, children: jsx(TextField$1, { placeholder: textFieldPlaceholder, value: value, onChange: onChange, helperText: helperText, error: error, errorMessage: errorMessage, readOnly: true, maxLength: maxLength, attachedToVirtualKeyboard: true, className: styles$j.textFieldWrapper }) })), keyboardEl] }));
+};
+
+var styles$i = {"container":"TextField-module__container___WJHFR","inputWrapper":"TextField-module__inputWrapper___INjfd","inputContainer":"TextField-module__inputContainer___3EsFJ","icon":"TextField-module__icon___p1vwi","clearButton":"TextField-module__clearButton___kgOot","inputWithIcon":"TextField-module__inputWithIcon___shqkL","helperText":"TextField-module__helperText___d5QGC","error":"TextField-module__error___IGQzp","disabled":"TextField-module__disabled___roIKP","attachedToVirtualKeyboard":"TextField-module__attachedToVirtualKeyboard___fuO2O","errorWithMessage":"TextField-module__errorWithMessage___m-5AA"};
 
 const validateInput = ({ value, maxLength, errorMessage, required }) => {
     if (required && value.trim() === '') {
@@ -2616,22 +3244,28 @@ const validateInput = ({ value, maxLength, errorMessage, required }) => {
 
 var styles$h = {"labelContainer":"index-module__labelContainer___WGyDF","wrapperLabel":"index-module__wrapperLabel___XJzZO","requiredLabel":"index-module__requiredLabel___7oZkh","infoIcon":"index-module__infoIcon___lClx4","errorIcon":"index-module__errorIcon___yN-lq","disabledIcon":"index-module__disabledIcon___89Os7","errorLabel":"index-module__errorLabel___qa6h6","disabledLabel":"index-module__disabledLabel___U9vL8","disabledContainer":"index-module__disabledContainer___MtOvy"};
 
-const LabelComponent = ({ children, htmlFor, required = false, tooltip = false, tooltipText, side = 'bottom', align = 'start', className, error = false, disabled = false }) => (jsxs("div", { className: clsx(styles$h.labelContainer, disabled && styles$h.disabledContainer), children: [jsxs(Label.Root, { className: clsx(styles$h.wrapperLabel, error && !disabled && styles$h.errorLabel, disabled && styles$h.disabledLabel, className), htmlFor: htmlFor, children: [children, required && jsx("span", { className: styles$h.requiredLabel, children: "*" })] }), tooltip && (jsx(Tooltip, { side: side, align: align, text: tooltipText || '', children: jsx("span", { className: disabled ? styles$h.disabledIcon : error ?
-                    styles$h.errorIcon : styles$h.infoIcon, children: jsx(Info12Regular, {}) }) }))] }));
+const LabelComponent = ({ children, htmlFor, required = false, tooltip = false, tooltipText, side = 'bottom', align = 'start', className, error = false, disabled = false }) => {
+    const container = (jsxs("div", { className: clsx(styles$h.labelContainer, disabled && styles$h.disabledContainer), children: [jsxs(Label.Root, { className: clsx(styles$h.wrapperLabel, error && !disabled && styles$h.errorLabel, disabled && styles$h.disabledLabel, className), htmlFor: htmlFor, children: [children, required && jsx("span", { className: styles$h.requiredLabel, children: "*" })] }), tooltip && (jsx("span", { className: disabled ? styles$h.disabledIcon : error ?
+                    styles$h.errorIcon : styles$h.infoIcon, children: jsx(Info12Regular, {}) }))] }));
+    if (tooltip) {
+        return (jsx(Tooltip, { side: side, align: align, text: tooltipText || '', children: container }));
+    }
+    return container;
+};
 
-const TextField = forwardRef(({ className, value, label, placeholder, type = 'text', onChange, disabled = false, maxLength = 30, required = false, helperText, tooltip = false, tooltipText, side = 'bottom', align = 'start', errorMessage, error, id, icon, onBlur, onFocus, name, persistIcon = false, ...rest }, ref) => {
+const TextField = forwardRef(({ className, value, label, placeholder, type = 'text', onChange, disabled = false, maxLength = 30, required = false, helperText, tooltip = false, tooltipText, side = 'bottom', align = 'start', errorMessage, error, id, icon, scale = 1, onBlur, onFocus, name, persistIcon = false, virtualKeyboard = false, virtualKeyboardType, virtualKeyboardMaxLength, attachedToVirtualKeyboard = false, ...rest }, ref) => {
     const normalizeValue = (val) => {
         return val === undefined || val === null ? '' : String(val);
     };
     const [inputValue, setInputValue] = useState(normalizeValue(value));
     const [inputError, setInputError] = useState('');
     const [isFocused, setIsFocused] = useState(false);
+    const { internalRef: inputRef, setRefs: setInputRefs } = useInputKeyboardValue(ref);
     const generatedId = useId();
     const componentId = id || generatedId;
     useEffect(() => {
         const newValue = normalizeValue(value);
         setInputValue(newValue);
-        // Reavaliar erro quando valor muda externamente (ex: DatePicker atualiza o campo)
         if (inputError) {
             const validationError = validateInput({
                 value: newValue,
@@ -2679,17 +3313,29 @@ const TextField = forwardRef(({ className, value, label, placeholder, type = 'te
         : helperText
             ? `${componentId}-helper`
             : undefined;
-    const containerClass = clsx(styles$i.container, {
+    const scaleClass = {
+        1: 'scale-1-0',
+        1.5: 'scale-1-5',
+        2: 'scale-2-0',
+    }[scale];
+    const containerClass = clsx(styles$i.container, scaleClass, {
         [styles$i.disabled]: disabled,
         [styles$i.error]: hasError && !disabled,
+        [styles$i.errorWithMessage]: Boolean(error) && Boolean(errorMessage) && !disabled,
+        [styles$i.attachedToVirtualKeyboard]: attachedToVirtualKeyboard,
         [className]: className,
     });
-    return (jsxs("div", { className: containerClass, children: [label && (jsx(LabelComponent, { htmlFor: componentId, required: required, tooltip: tooltip, tooltipText: tooltipText, side: side, align: align, error: hasError, disabled: disabled, children: label })), jsxs("div", { className: styles$i.inputWrapper, children: [jsxs("div", { className: styles$i.inputContainer, children: [jsx("input", { ...rest, ref: ref, id: componentId, name: name, type: type, value: inputValue, placeholder: placeholder, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, maxLength: maxLength, disabled: disabled, "aria-invalid": hasError, "aria-required": required, "aria-describedby": helperId, className: clsx({
+    return (jsxs("div", { className: containerClass, children: [label && (jsx(LabelComponent, { htmlFor: componentId, required: required, tooltip: tooltip, tooltipText: tooltipText, side: side, align: align, error: hasError, disabled: disabled, children: label })), jsxs("div", { className: styles$i.inputWrapper, children: [jsxs("div", { className: styles$i.inputContainer, children: [jsx("input", { ...rest, ref: setInputRefs, id: componentId, name: name, type: type, value: inputValue, placeholder: placeholder, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, maxLength: maxLength, disabled: disabled, "aria-invalid": hasError, "aria-required": required, "aria-describedby": helperId, inputMode: virtualKeyboard ? 'none' : rest.inputMode, className: clsx({
                                     [styles$i.inputWithIcon]: showCustomIcon || showClearIcon,
                                 }) }), showCustomIcon && jsx("span", { className: styles$i.icon, children: icon }), showClearIcon && (jsx("button", { type: "button", className: styles$i.clearButton, onMouseDown: (e) => {
                                     e.preventDefault();
                                     handleClear();
-                                }, "aria-label": "Limpar campo", tabIndex: -1, children: jsx(Dismiss16Regular, {}) }))] }), jsx("span", { id: helperId, className: styles$i.helperText, "aria-live": hasError ? 'polite' : undefined, children: displayHelperText })] })] }));
+                                }, "aria-label": "Limpar campo", tabIndex: -1, children: jsx(Dismiss16Regular, {}) }))] }), (errorMessage || inputError || helperText) && (jsx("span", { id: helperId, className: styles$i.helperText, "aria-live": hasError ? 'polite' : undefined, children: displayHelperText }))] }), virtualKeyboard && (jsx("div", { className: "virtualKeyboardWrapper", children: jsx(VirtualKeyboard, { variant: "native", type: virtualKeyboardType, value: inputValue, maxLength: maxLength ?? virtualKeyboardMaxLength, targetRef: inputRef, onChange: (val) => {
+                        if (!disabled && (!maxLength || val.length <= maxLength)) {
+                            setInputValue(val);
+                            onChange?.(val);
+                        }
+                    } }) }))] }));
 });
 TextField.displayName = 'TextField';
 var TextField$1 = React__default.memo(TextField);
@@ -2786,7 +3432,7 @@ function validatePartialDate(value, locale = 'pt-br') {
     return 'incomplete';
 }
 
-const DatePicker = ({ locale = 'pt-br', calendarSide = 'bottom', calendarAlign = 'start', helperText, required = false, label = 'Data', value, defaultValue, onChange, disabled = false, error: externalError, minDate, maxDate, 'data-testid': testId, className, ...rest }) => {
+const DatePicker = ({ locale = 'pt-br', calendarSide = 'bottom', calendarAlign = 'start', helperText, required = false, label = 'Data', value, defaultValue, onChange, disabled = false, error: externalError, minDate, maxDate, 'data-testid': testId, datePickerScale = 1, calendarScale = 1, className, ...rest }) => {
     const fieldId = useId();
     const calendarId = `${fieldId}-calendar`;
     const isControlled = value !== undefined;
@@ -2803,6 +3449,11 @@ const DatePicker = ({ locale = 'pt-br', calendarSide = 'bottom', calendarAlign =
     const combinedHelperText = externalError && helperText
         ? `${helperText} • ${externalError}`
         : externalError || helperText || '';
+    const scaleClass = {
+        1: 'scale-1-0',
+        1.5: 'scale-1-5',
+        2: 'scale-2-0',
+    }[datePickerScale];
     useEffect(() => {
         function handleClickOutside(event) {
             const target = event.target;
@@ -2915,9 +3566,9 @@ const DatePicker = ({ locale = 'pt-br', calendarSide = 'bottom', calendarAlign =
             }
         }
     };
-    return (jsx("div", { ref: wrapperRef, className: clsx(styles$g.datePicker, className), ...rest, children: jsx(Popover, { open: showCalendar, onOpenChange: setShowCalendar, asAnchor: true, trigger: jsx(TextField$1, { className: styles$g.textfieldContainer, type: "tel", icon: jsx(Calendar16Regular, { onClick: !disabled ? handleIconClick : undefined, className: clsx(styles$g.datePickerIcon, disabled && styles$g.datePickerIconDisabled) }), onChange: (e) => {
+    return (jsx("div", { ref: wrapperRef, className: clsx(styles$g.datePicker, scaleClass, className), ...rest, children: jsx(Popover, { open: showCalendar, onOpenChange: setShowCalendar, asAnchor: true, trigger: jsx(TextField$1, { className: styles$g.textfieldContainer, type: "tel", icon: jsx(Calendar16Regular, { onClick: !disabled ? handleIconClick : undefined, className: clsx(styles$g.datePickerIcon, disabled && styles$g.datePickerIconDisabled) }), onChange: (e) => {
                     handleTextFieldChange(String(e));
-                }, onKeyDown: handleKeyDown, onFocus: handleFocus, persistIcon: true, autoComplete: "off", value: displayValue, helperText: !externalError ? (helperText || undefined) : undefined, errorMessage: externalError ? combinedHelperText : undefined, error: hasValidationError ? true : undefined, maxLength: 10, required: required, label: label, disabled: disabled, id: fieldId, "data-testid": testId, placeholder: locale === 'en-us' ? 'MM/DD/YYYY' : 'DD/MM/YYYY', "aria-label": "Open calendar", "aria-expanded": showCalendar, "aria-controls": calendarId, "aria-invalid": hasValidationError, "aria-describedby": externalError ? undefined : (helperText ? `${fieldId}-help` : undefined) }), content: jsx(Calendar, { selected: currentSelectedDate, currentDate: currentDate, onDateChange: setCurrentDate, onDaySelect: handleDaySelect, locale: locale, format: locale === 'en-us' ? 'mm/dd/yyyy' : 'dd/mm/yyyy', minDate: minDate, maxDate: maxDate, id: calendarId, onClear: () => {
+                }, onKeyDown: handleKeyDown, onFocus: handleFocus, persistIcon: true, autoComplete: "off", value: displayValue, helperText: !externalError ? (helperText || undefined) : undefined, errorMessage: externalError ? combinedHelperText : undefined, error: hasValidationError ? true : undefined, maxLength: 10, required: required, label: label, disabled: disabled, id: fieldId, "data-testid": testId, placeholder: locale === 'en-us' ? 'MM/DD/YYYY' : 'DD/MM/YYYY', "aria-label": "Open calendar", "aria-expanded": showCalendar, "aria-controls": calendarId, "aria-invalid": hasValidationError, "aria-describedby": externalError ? undefined : (helperText ? `${fieldId}-help` : undefined) }), content: jsx(Calendar, { selected: currentSelectedDate, currentDate: currentDate, onDateChange: setCurrentDate, onDaySelect: handleDaySelect, locale: locale, format: locale === 'en-us' ? 'mm/dd/yyyy' : 'dd/mm/yyyy', minDate: minDate, maxDate: maxDate, scale: calendarScale, id: calendarId, onClear: () => {
                     handleDateChange(null);
                     setCurrentDate(new Date());
                 } }), side: calendarSide, align: calendarAlign, sideOffset: 8 }) }));
@@ -2930,7 +3581,7 @@ const Dialog = ({ show = false, title, bodyContent, textPrimaryAction, textSecon
 
 var styles$e = {"drawerShadow":"Drawer-module__drawerShadow___0Z6iL","drawerShadow--visible":"Drawer-module__drawerShadow--visible___FspoH","drawerSidebar":"Drawer-module__drawerSidebar___cdyyb","drawerSidebar--open":"Drawer-module__drawerSidebar--open___ee2-Y","drawerSidebar--disabled":"Drawer-module__drawerSidebar--disabled___MYrBI","drawerTitleClose":"Drawer-module__drawerTitleClose___QzqN-","drawerTitle":"Drawer-module__drawerTitle___naMX0","drawerChildren":"Drawer-module__drawerChildren___xGdg9","drawerHeaderContent":"Drawer-module__drawerHeaderContent___NLSwj"};
 
-const Drawer = ({ children, headerContent, customWidth = '400px', onClose, title = 'Título', isOpen = false, onOpen, className, id, disabled = false, onOverlayClick, closeOnOverlayClick = true, closeOnEscape = true, ...rest }) => {
+const Drawer = ({ children, headerContent, footer, customWidth = '400px', onClose, title = 'Título', isOpen = false, onOpen, className, id, disabled = false, onOverlayClick, closeOnOverlayClick = true, closeOnEscape = true, ...rest }) => {
     const internalClose = useCallback(() => {
         if (disabled)
             return;
@@ -2984,17 +3635,45 @@ const Drawer = ({ children, headerContent, customWidth = '400px', onClose, title
                     [styles$e['drawerSidebar--disabled']]: disabled,
                 }, className), style: {
                     '--drawer-custom-width': customWidth,
-                }, onClick: handleDrawerClick, role: "dialog", "aria-modal": "true", "aria-labelledby": id ? `${id}-title` : 'drawer-title', "aria-hidden": !isOpen, "data-testid": "drawer-panel", id: id, ...rest, children: [jsxs("div", { className: styles$e.drawerTitleClose, children: [jsx("div", { className: styles$e.drawerTitle, id: id ? `${id}-title` : 'drawer-title', children: title }), headerContent && (jsx("div", { className: styles$e.drawerHeaderContent, children: headerContent })), jsx(Button, { onClick: handleCloseClick, variant: 'outlined', iconOnly: true, icon: jsx(Dismiss16Regular, {}), size: 'lg', tooltipText: 'Fechar' })] }), jsx("div", { className: styles$e.drawerChildren, "data-testid": "drawer-content", children: children })] })] }), document.body);
+                }, onClick: handleDrawerClick, role: "dialog", "aria-modal": "true", "aria-labelledby": id ? `${id}-title` : 'drawer-title', "aria-hidden": !isOpen, "data-testid": "drawer-panel", id: id, ...rest, children: [jsxs("div", { className: styles$e.drawerTitleClose, children: [jsx("div", { className: styles$e.drawerTitle, id: id ? `${id}-title` : 'drawer-title', children: title }), headerContent && (jsx("div", { className: styles$e.drawerHeaderContent, children: headerContent })), jsx(Button, { onClick: handleCloseClick, variant: 'outlined', iconOnly: true, icon: jsx(Dismiss16Regular, {}), size: 'lg', tooltipText: 'Fechar' })] }), jsx("div", { className: styles$e.drawerChildren, "data-testid": "drawer-content", children: children }), footer] })] }), document.body);
 };
 
-var styles$d = {"search":"Search-module__search___u3QsV","searchLeftIcon":"Search-module__searchLeftIcon___OKOBq","disabled":"Search-module__disabled___adbxO","inputWithClearIcon":"Search-module__inputWithClearIcon___cqvkq","searchClearIcon":"Search-module__searchClearIcon___qX9-h"};
+var styles$d = {"container":"Filter-module__container___cqntK","panel":"Filter-module__panel___19HqD","search":"Filter-module__search___f0gzj","list":"Filter-module__list___UpBk1","item":"Filter-module__item___oNdeY","itemSelected":"Filter-module__itemSelected___JIpJV","itemText":"Filter-module__itemText___RS--0","itemDisabled":"Filter-module__itemDisabled___X-ktg","itemIcon":"Filter-module__itemIcon___RjJSa","noResults":"Filter-module__noResults___3m6pn","footer":"Filter-module__footer___yYS5j","buttonContent":"Filter-module__buttonContent___28fKe","buttonArrow":"Filter-module__buttonArrow___VJlpc","buttonIcon":"Filter-module__buttonIcon___OOBpZ","triggerWrapper":"Filter-module__triggerWrapper___ptPRL","triggerContent":"Filter-module__triggerContent___LYo9j","body":"Filter-module__body___qsyhk","combinedFooter":"Filter-module__combinedFooter___kTnHP"};
 
-const Search = React__default.forwardRef(({ placeholder = 'Dica do que deve ser buscado', disabled = false, value, onChange, onKeyDown, onFocus, onBlur, onClear, onClick, onMouseDown, id, className, 'data-testid': testId, ...rest }, ref) => {
+const Combined = ({ buttonText = 'Filtrar', icon, variant = 'outlined', disabled = false, className, title = 'Filtrar', drawerWidth = "fit-content", activeCount = 0, drawerHeaderContent, children, onApply, onClear, onOpen, onClose, id, ...rest }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const handleOpen = useCallback(() => {
+        setIsOpen(true);
+        onOpen?.();
+    }, [onOpen]);
+    const handleClose = useCallback(() => {
+        setIsOpen(false);
+        onClose?.();
+    }, [onClose]);
+    const handleApply = useCallback(() => {
+        onApply?.();
+        handleClose();
+    }, [onApply, handleClose]);
+    const handleClear = useCallback(() => {
+        onClear?.();
+    }, [onClear]);
+    return (jsxs("div", { className: clsx(styles$d.triggerWrapper, className), id: id, ...rest, children: [jsx(Button, { variant: variant, disabled: disabled, icon: icon ?? jsx(FilterRegular, {}), iconPosition: "left", onClick: handleOpen, children: jsxs("span", { className: styles$d.triggerContent, children: [buttonText, activeCount > 0 && (jsx(Badge, { badgeValue: activeCount, filterVariant: true }))] }) }), jsx(Drawer, { isOpen: isOpen, onClose: handleClose, title: title, customWidth: drawerWidth, closeOnOverlayClick: true, closeOnEscape: true, headerContent: drawerHeaderContent, footer: jsxs("div", { className: styles$d.combinedFooter, children: [jsx(Button, { variant: "outlined", onClick: handleClear, children: "Limpar" }), jsx(Button, { onClick: handleApply, children: "Aplicar" })] }), children: jsx("div", { className: styles$d.body, children: children }) })] }));
+};
+
+var styles$c = {"search":"Search-module__search___u3QsV","searchLeftIcon":"Search-module__searchLeftIcon___OKOBq","disabled":"Search-module__disabled___adbxO","inputWithClearIcon":"Search-module__inputWithClearIcon___cqvkq","searchClearIcon":"Search-module__searchClearIcon___qX9-h"};
+
+const Search = React__default.forwardRef(({ placeholder = 'Dica do que deve ser buscado', disabled = false, value, onChange, onKeyDown, onFocus, onBlur, onClear, onClick, onMouseDown, searchMode = 'instant', onSearch, id, scale = 1, className, virtualKeyboard = false, virtualKeyboardType, virtualKeyboardMaxLength, 'data-testid': testId, ...rest }, ref) => {
     const [internalValue, setInternalValue] = useState('');
+    const { internalRef: inputRef, setRefs: setInputRefs } = useInputKeyboardValue(ref);
     const isControlled = value !== undefined && onChange !== undefined;
     const currentValue = isControlled ? value : internalValue;
     const generatedId = useId();
     const inputId = id || generatedId;
+    const scaleClass = {
+        1: 'scale-1-0',
+        1.5: 'scale-1-5',
+        2: 'scale-2-0',
+    }[scale];
     const handleChange = (e) => {
         if (disabled)
             return;
@@ -3004,6 +3683,9 @@ const Search = React__default.forwardRef(({ placeholder = 'Dica do que deve ser
         else {
             setInternalValue(e.target.value);
         }
+        if (searchMode === 'instant') {
+            onSearch?.(e.target.value);
+        }
     };
     const handleFocus = (e) => {
         if (disabled)
@@ -3033,20 +3715,34 @@ const Search = React__default.forwardRef(({ placeholder = 'Dica do que deve ser
     const handleKeyDown = (e) => {
         if (disabled)
             return;
+        if (searchMode === 'on-enter' && e.key === 'Enter') {
+            onSearch?.(currentValue || '');
+        }
         onKeyDown?.(e);
     };
-    return (jsxs("div", { className: clsx(styles$d.search, { [styles$d.disabled]: disabled }, className), onClick: onClick, onMouseDown: onMouseDown, role: onClick || onMouseDown ? "button" : undefined, tabIndex: onClick || onMouseDown ? 0 : undefined, onKeyDown: onClick || onMouseDown ? (e) => {
+    return (jsxs("div", { className: clsx(styles$c.search, scaleClass, { [styles$c.disabled]: disabled }, className), onClick: onClick, onMouseDown: onMouseDown, role: onClick || onMouseDown ? "button" : undefined, tabIndex: onClick || onMouseDown ? 0 : undefined, onKeyDown: onClick || onMouseDown ? (e) => {
             if (e.key === 'Enter' || e.key === ' ') {
                 e.preventDefault();
                 onClick?.(e);
             }
-        } : undefined, children: [jsx("span", { className: clsx(styles$d.searchLeftIcon, { [styles$d.disabled]: disabled }), tabIndex: -1, role: "presentation", "aria-hidden": "true", children: jsx(Search16Regular, {}) }), jsx("input", { ref: ref, id: inputId, type: "text", placeholder: placeholder, "aria-label": placeholder, value: currentValue || '', onChange: handleChange, onKeyDown: handleKeyDown, disabled: disabled, onFocus: handleFocus, onBlur: handleBlur, "data-testid": testId, ...rest, className: clsx({ [styles$d.inputWithClearIcon]: currentValue && currentValue.length > 0 }) }), currentValue && currentValue.length > 0 && (jsx("span", { className: styles$d.searchClearIcon, "aria-hidden": "true", onClick: clearInputSearch, children: jsx(Dismiss16Regular, {}) }))] }));
+        } : undefined, children: [jsx("span", { className: clsx(styles$c.searchLeftIcon, { [styles$c.disabled]: disabled }), tabIndex: -1, role: "presentation", "aria-hidden": "true", children: jsx(Search16Regular, {}) }), jsx("input", { ref: setInputRefs, id: inputId, type: "text", placeholder: placeholder, "aria-label": placeholder, value: currentValue || '', onChange: handleChange, onKeyDown: handleKeyDown, disabled: disabled, onFocus: handleFocus, onBlur: handleBlur, "data-testid": testId, ...rest, inputMode: virtualKeyboard ? 'none' : rest.inputMode, className: clsx({ [styles$c.inputWithClearIcon]: currentValue && currentValue.length > 0 }) }), currentValue && currentValue.length > 0 && (jsx("span", { className: styles$c.searchClearIcon, "aria-hidden": "true", onClick: clearInputSearch, children: jsx(Dismiss16Regular, {}) })), virtualKeyboard && (jsx("div", { className: "virtualKeyboardWrapper", children: jsx(VirtualKeyboard, { variant: "native", type: virtualKeyboardType, maxLength: virtualKeyboardMaxLength, value: currentValue || '', targetRef: inputRef, onChange: (val) => {
+                        if (disabled)
+                            return;
+                        if (isControlled) {
+                            const syntheticEvent = {
+                                target: { value: val },
+                                currentTarget: { value: val },
+                            };
+                            onChange?.(syntheticEvent);
+                        }
+                        else {
+                            setInternalValue(val);
+                        }
+                    } }) }))] }));
 });
 Search.displayName = 'Search';
 
-var styles$c = {"container":"Filter-module__container___cqntK","panel":"Filter-module__panel___19HqD","search":"Filter-module__search___f0gzj","list":"Filter-module__list___UpBk1","item":"Filter-module__item___oNdeY","itemSelected":"Filter-module__itemSelected___JIpJV","itemText":"Filter-module__itemText___RS--0","itemDisabled":"Filter-module__itemDisabled___X-ktg","itemIcon":"Filter-module__itemIcon___RjJSa","noResults":"Filter-module__noResults___3m6pn","footer":"Filter-module__footer___yYS5j","buttonContent":"Filter-module__buttonContent___28fKe","buttonArrow":"Filter-module__buttonArrow___VJlpc","buttonIcon":"Filter-module__buttonIcon___OOBpZ"};
-
-const Filter = ({ items, type = 'checkbox', selectedIds, onApplyFilter, placeholder = 'Selecionar...', enableSearch = false, buttonText = 'Filter', icon, variant = 'outlined', onOpen, onClose, side = 'bottom', align = 'start', disabled = false, className, selectedDate, onDateSelect, onClearDate, minDate, maxDate, locale = 'pt-br', id, ...rest }) => {
+const Simple = ({ items, type = 'multiple', selectedIds, onApplyFilter, placeholder = 'Selecionar...', enableSearch = false, buttonText = 'Filter', icon, variant = 'outlined', onOpen, onClose, side = 'bottom', align = 'start', disabled = false, className, selectedDate, onDateSelect, onClearDate, minDate, maxDate, locale = 'pt-br', id, ...rest }) => {
     const [isOpen, setIsOpen] = useState(false);
     const [tempSelectedItems, setTempSelectedItems] = useState({});
     const [searchQuery, setSearchQuery] = useState('');
@@ -3089,7 +3785,7 @@ const Filter = ({ items, type = 'checkbox', selectedIds, onApplyFilter, placehol
         if (item.disabled)
             return;
         setTempSelectedItems((prev) => {
-            if (type === 'checkbox') {
+            if (type === 'multiple') {
                 return { ...prev, [itemId]: !prev[itemId] };
             }
             return prev[itemId] ? {} : { [itemId]: true };
@@ -3137,31 +3833,44 @@ const Filter = ({ items, type = 'checkbox', selectedIds, onApplyFilter, placehol
             return null;
         return selectedIds.length - 1;
     }, [selectedIds]);
-    const filterClass = clsx(styles$c.container, className);
-    const triggerButton = (jsx(Button, { variant: variant, disabled: disabled, icon: type === 'calendar' ? jsx(Calendar16Regular, {}) : jsx(ChevronDownRegular, {}), iconPosition: "right", size: "lg", children: jsxs("div", { className: styles$c.buttonContent, children: [icon && jsx("span", { className: styles$c.buttonIcon, children: icon }), jsx("span", { className: styles$c.buttonText, children: buttonDisplayText }), jsx("span", { className: clsx(styles$c.buttonArrow, { [styles$c.buttonArrowOpen]: isOpen }), children: getBadgeValue() && (jsx(Badge, { badgeValue: `+${getBadgeValue()}`, filterVariant: true })) })] }) }));
-    const popoverContent = type === 'calendar' ? (jsx(Calendar, { currentDate: currentCalendarDate, selected: selectedDate, onDaySelect: handleDateSelection, onDateChange: handleCalendarNavigation, minDate: minDate, maxDate: maxDate, locale: locale, onClear: handleClear, id: `filter-calendar-${id || ''}`, "aria-label": "Selecionar data para filtro" })) : (jsxs("div", { className: styles$c.panel, children: [searchVisible && (jsx("div", { className: styles$c.search, children: jsx(Search, { value: searchQuery, placeholder: placeholder, onChange: handleSearchChange, onKeyDown: handleSearchKeyDown, onClear: () => setSearchQuery('') }) })), jsx("ul", { className: styles$c.list, role: "listbox", "aria-multiselectable": type === 'checkbox', children: filteredItems.length > 0 ? (filteredItems.map((item, index) => {
+    const filterClass = clsx(styles$d.container, className);
+    const triggerButton = (jsx(Button, { variant: variant, disabled: disabled, icon: type === 'calendar' ? jsx(Calendar16Regular, {}) : jsx(ChevronDownRegular, {}), iconPosition: "right", size: "lg", children: jsxs("div", { className: styles$d.buttonContent, children: [icon && jsx("span", { className: styles$d.buttonIcon, children: icon }), jsx("span", { className: styles$d.buttonText, children: buttonDisplayText }), jsx("span", { className: clsx(styles$d.buttonArrow, { [styles$d.buttonArrowOpen]: isOpen }), children: getBadgeValue() && (jsx(Badge, { badgeValue: `+${getBadgeValue()}`, filterVariant: true })) })] }) }));
+    const popoverContent = type === 'calendar' ? (jsx(Calendar, { currentDate: currentCalendarDate, selected: selectedDate, onDaySelect: handleDateSelection, onDateChange: handleCalendarNavigation, minDate: minDate, maxDate: maxDate, locale: locale, onClear: handleClear, id: `filter-calendar-${id || ''}`, "aria-label": "Selecionar data para filtro" })) : (jsxs("div", { className: styles$d.panel, children: [searchVisible && (jsx("div", { className: styles$d.search, children: jsx(Search, { value: searchQuery, placeholder: placeholder, onChange: handleSearchChange, onKeyDown: handleSearchKeyDown, onClear: () => setSearchQuery('') }) })), jsx("ul", { className: styles$d.list, role: "listbox", "aria-multiselectable": type === 'multiple', children: filteredItems.length > 0 ? (filteredItems.map((item, index) => {
                     const itemId = item.id || `filter-item-${index}`;
                     const isSelected = !!tempSelectedItems[itemId];
-                    return (jsxs("li", { role: "option", "aria-selected": isSelected, "aria-disabled": item.disabled, className: clsx(styles$c.item, {
-                            [styles$c.itemSelected]: isSelected,
-                            [styles$c.itemDisabled]: item.disabled,
+                    return (jsxs("li", { role: "option", "aria-selected": isSelected, "aria-disabled": item.disabled, className: clsx(styles$d.item, {
+                            [styles$d.itemSelected]: isSelected,
+                            [styles$d.itemDisabled]: item.disabled,
                         }), onMouseDown: (e) => e.preventDefault(), onClick: () => toggleItem(itemId, item), onKeyDown: (e) => {
                             if (e.key === 'Enter' || e.key === ' ') {
                                 e.preventDefault();
                                 toggleItem(itemId, item);
                             }
-                        }, children: [type === 'checkbox' && (jsx(Checkbox, { checked: isSelected, disabled: item.disabled, label: "" })), type === 'icon' && item.icon && (jsx("span", { className: styles$c.itemIcon, children: item.icon })), jsx("span", { className: styles$c.itemText, children: item.text })] }, itemId));
-                })) : (jsx("li", { className: styles$c.noResults, role: "status", "aria-live": "polite", children: "Nenhum item encontrado" })) }), jsxs("div", { className: styles$c.footer, children: [jsx(Button, { fullWidth: true, variant: "outlined", onClick: handleClearFilter, children: "Limpar" }), jsx(Button, { fullWidth: true, onClick: handleApplyFilter, children: "Aplicar" })] })] }));
+                        }, children: [type === 'multiple' && (jsx(Checkbox, { checked: isSelected, disabled: item.disabled, label: "" })), item.icon && (jsx("span", { className: styles$d.itemIcon, children: item.icon })), jsx("span", { className: styles$d.itemText, children: item.text })] }, itemId));
+                })) : (jsx("li", { className: styles$d.noResults, role: "status", "aria-live": "polite", children: "Nenhum item encontrado" })) }), jsxs("div", { className: styles$d.footer, children: [jsx(Button, { fullWidth: true, variant: "outlined", onClick: handleClearFilter, children: "Limpar" }), jsx(Button, { fullWidth: true, onClick: handleApplyFilter, children: "Aplicar" })] })] }));
     return (jsx("div", { className: filterClass, id: id, ...rest, children: jsx(Popover, { open: isOpen, onOpenChange: handleOpenChange, side: side, align: align, onOpenAutoFocus: (e) => e.preventDefault(), trigger: triggerButton, content: popoverContent }) }));
 };
 
+const Filter = ({ mode = 'simple', ...props }) => {
+    if (mode === 'combined') {
+        return jsx(Combined, { ...props });
+    }
+    return jsx(Simple, { ...props });
+};
+
 var styles$b = {"zds-list-item__container":"ListItem-module__zds-list-item__container___mEIUK","zds-list-item--checkbox":"ListItem-module__zds-list-item--checkbox___wfi9-","zds-list-item--icon":"ListItem-module__zds-list-item--icon___h3Ijt","zds-list-item--radio":"ListItem-module__zds-list-item--radio___2l7mK","zds-list-item--text":"ListItem-module__zds-list-item--text___F0PDx","zds-list-item--hovered":"ListItem-module__zds-list-item--hovered___XrDWn","zds-list-item--disabled":"ListItem-module__zds-list-item--disabled___p1xZF","zds-list-item__wrapper-text":"ListItem-module__zds-list-item__wrapper-text___5-TX2","zds-list-item__wrapper-icon":"ListItem-module__zds-list-item__wrapper-icon___S6Fr1","zds-list-item__title":"ListItem-module__zds-list-item__title___AV7nz","zds-list-item__subtext":"ListItem-module__zds-list-item__subtext___nfXky","zds-list-item__text":"ListItem-module__zds-list-item__text___3y0sB"};
 
 var styles$a = {"root":"Radio-module__root___7ElY2","wrapper":"Radio-module__wrapper___NYQ1y","disabled":"Radio-module__disabled___RZ0be","labelText":"Radio-module__labelText___Wkb41","item":"Radio-module__item___3Kvj7","itemWrapper":"Radio-module__itemWrapper___5KbM1","labelWrapper":"Radio-module__labelWrapper___LOHmJ","indicator":"Radio-module__indicator___TJ5hz"};
 
-const Radio = ({ items, onValueChange, defaultValue, name, id, ariaLabel, orientation = 'vertical', className, ...rest }) => {
-    const componentId = id || useId();
-    return (jsx(RadioGroup.Root, { id: componentId, className: clsx(styles$a.root, className), defaultValue: defaultValue, onValueChange: onValueChange, name: name, "aria-label": ariaLabel, "data-orientation": orientation, orientation: orientation, ...rest, children: items.map(({ id, value, disabled, label }) => {
+const Radio = ({ items, onValueChange, defaultValue, name, id, ariaLabel, orientation = 'vertical', scale = 1, className, ...rest }) => {
+    const generatedId = useId();
+    const componentId = id || generatedId;
+    const scaleClass = {
+        1: 'scale-1-0',
+        1.5: 'scale-1-5',
+        2: 'scale-2-0',
+    }[scale];
+    return (jsx(RadioGroup.Root, { id: componentId, className: clsx(styles$a.root, scaleClass, className), defaultValue: defaultValue, onValueChange: onValueChange, name: name, "aria-label": ariaLabel, "data-orientation": orientation, orientation: orientation, ...rest, children: items.map(({ id, value, disabled, label }) => {
             const itemKey = id ?? value;
             const uniqueId = `${componentId}-item-${value}`;
             return (jsx("div", { className: clsx(styles$a.wrapper, { [styles$a.disabled]: disabled }), children: jsxs("label", { className: styles$a.labelWrapper, htmlFor: uniqueId, children: [jsx("div", { className: styles$a.itemWrapper, children: jsx(RadioGroup.Item, { disabled: disabled, className: styles$a.item, value: value, id: uniqueId, "data-disabled": disabled, children: jsx(RadioGroup.Indicator, { className: styles$a.indicator }) }) }), jsx("span", { className: styles$a.labelText, children: label })] }) }, itemKey));
@@ -3382,7 +4091,7 @@ const useSearchLogic = ({ items, searchValue, searchTerm, enableApiSearch, onApi
     return { filteredItems: filteredItems() };
 };
 
-const Menu = ({ items, children, onItemSelect, search, enableInfiniteScroll, onScrollEnd, isLoadingMore, onApiSearch, enableApiSearch, selectedItems, onOpenChange, align = 'start', className, maxHeight = 400, ...rest }) => {
+const Menu = ({ items, children, onItemSelect, search, enableInfiniteScroll, onScrollEnd, isLoadingMore, onApiSearch, enableApiSearch, selectedItems, onOpenChange, align = 'start', dropdownScale = 1, buttonScale, className, maxHeight = 400, ...rest }) => {
     const itemsWrapperRef = useRef(null);
     const hasReachedEndRef = useRef(false);
     const observerRef = useRef(null);
@@ -3392,6 +4101,16 @@ const Menu = ({ items, children, onItemSelect, search, enableInfiniteScroll, onS
     const [searchInput, setSearchInput] = useState('');
     const [searchTerm, setSearchTerm] = useState('');
     const maxHeightStyle = typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight;
+    const scaleClass = {
+        1: 'scale-1-0',
+        1.5: 'scale-1-5',
+        2: 'scale-2-0',
+    }[dropdownScale];
+    const triggerWithScale = React__default.isValidElement(children) && buttonScale
+        ? React__default.cloneElement(children, {
+            scale: children.props?.scale ?? buttonScale,
+        })
+        : children;
     const { open, setOpen, handleItemSelect: handleItemSelectLogic, isItemSelected } = useMenuLogic({
         selectedItems,
         onItemSelect,
@@ -3494,7 +4213,7 @@ const Menu = ({ items, children, onItemSelect, search, enableInfiniteScroll, onS
             hasReachedEndRef.current = false;
         }
     };
-    return (jsxs(DropdownMenu.Root, { open: open, onOpenChange: handleOpenChange, children: [jsx(DropdownMenu.Trigger, { asChild: true, children: children }), jsx(DropdownMenu.Portal, { children: jsxs(DropdownMenu.Content, { className: clsx(styles$9.content, className), sideOffset: 8, align: align, onPointerDown: () => { closedByPointerRef.current = true; }, onInteractOutside: () => { closedByPointerRef.current = true; }, onCloseAutoFocus: (e) => {
+    return (jsxs(DropdownMenu.Root, { open: open, onOpenChange: handleOpenChange, children: [jsx(DropdownMenu.Trigger, { asChild: true, children: triggerWithScale }), jsx(DropdownMenu.Portal, { children: jsxs(DropdownMenu.Content, { className: clsx(styles$9.content, scaleClass, className), sideOffset: 8, align: align, onPointerDown: () => { closedByPointerRef.current = true; }, onInteractOutside: () => { closedByPointerRef.current = true; }, onCloseAutoFocus: (e) => {
                         if (closedByPointerRef.current) {
                             e.preventDefault();
                             closedByPointerRef.current = false;
@@ -3526,7 +4245,7 @@ const Modal = ({ isOpen = false, onClose, title, children, headerContent, closeO
 
 var styles$7 = {"quantity":"Quantity-module__quantity___-vndR","quantityInput":"Quantity-module__quantityInput___xZG-v","disabled":"Quantity-module__disabled___X6p5l"};
 
-const Quantity = ({ value = 0, onChange, disabled = false, decimal = false, decimalPlaces = 2, size = 'lg', id, valueIncrement = 1, className, inputSize, minValue = 0, maxValue = 9999, decrementAriaLabel = 'Decrease quantity', incrementAriaLabel = 'Increase quantity', inputAriaLabel = 'Quantity', ...rest }) => {
+const Quantity = ({ value = 0, onChange, disabled = false, decimal = false, decimalPlaces = 2, size = 'lg', id, valueIncrement = 1, scale = 1, className, inputSize, minValue = 0, maxValue = 9999, decrementAriaLabel = 'Decrease quantity', incrementAriaLabel = 'Increase quantity', inputAriaLabel = 'Quantity', ...rest }) => {
     const initialValue = Math.min(Math.max(value, minValue), maxValue);
     const [internalValue, setInternalValue] = useState(initialValue);
     const [inputValue, setInputValue] = useState(decimal ? initialValue.toFixed(decimalPlaces) : String(initialValue));
@@ -3705,7 +4424,12 @@ const Quantity = ({ value = 0, onChange, disabled = false, decimal = false, deci
     const inputSizeValue = inputSize !== undefined ? inputSize : Math.max(1, inputValue.length);
     const uniqueId = useId();
     const inputId = id || uniqueId;
-    return (jsxs("div", { className: clsx(styles$7.quantity, { [styles$7.disabled]: disabled }, className), ...rest, children: [jsx(Button, { variant: 'outlined', size: size, type: 'button', iconOnly: true, icon: jsx(Subtract16Regular, {}), onClick: decrement, disabled: disabled || isMinValue, "aria-label": decrementAriaLabel, tooltipText: 'Diminuir' }), jsx("input", { ref: inputRef, className: clsx(styles$7.quantityInput, { [styles$7.disabled]: disabled }), type: 'text', value: inputValue, onChange: handleInputChange, onBlur: handleBlur, onKeyDown: handleInputKeyDown, id: inputId, step: stepValue, "aria-label": inputAriaLabel, role: 'spinbutton', "aria-valuenow": internalValue, "aria-valuemin": minValue, "aria-valuemax": maxValue, disabled: disabled, inputMode: decimal ? 'decimal' : 'numeric', size: inputSizeValue }), jsx(Button, { variant: 'outlined', size: size, type: 'button', iconOnly: true, onClick: increment, disabled: disabled || isMaxValue, "aria-label": incrementAriaLabel, icon: jsx(Add16Regular, {}), tooltipText: 'Aumentar' })] }));
+    const scaleClass = {
+        1: 'scale-1-0',
+        1.5: 'scale-1-5',
+        2: 'scale-2-0',
+    }[scale];
+    return (jsxs("div", { className: clsx(styles$7.quantity, scaleClass, { [styles$7.disabled]: disabled }, className), ...rest, children: [jsx(Button, { variant: 'outlined', size: size, type: 'button', iconOnly: true, icon: jsx(Subtract16Regular, {}), onClick: decrement, disabled: disabled || isMinValue, "aria-label": decrementAriaLabel, tooltipText: 'Diminuir' }), jsx("input", { ref: inputRef, className: clsx(styles$7.quantityInput, { [styles$7.disabled]: disabled }), type: 'text', value: inputValue, onChange: handleInputChange, onBlur: handleBlur, onKeyDown: handleInputKeyDown, id: inputId, step: stepValue, "aria-label": inputAriaLabel, role: 'spinbutton', "aria-valuenow": internalValue, "aria-valuemin": minValue, "aria-valuemax": maxValue, disabled: disabled, inputMode: decimal ? 'decimal' : 'numeric', size: inputSizeValue }), jsx(Button, { variant: 'outlined', size: size, type: 'button', iconOnly: true, onClick: increment, disabled: disabled || isMaxValue, "aria-label": incrementAriaLabel, icon: jsx(Add16Regular, {}), tooltipText: 'Aumentar' })] }));
 };
 const memorizedQuantity = React__default.memo(Quantity);
 memorizedQuantity.displayName = 'Quantity';
@@ -4019,7 +4743,7 @@ function useSelectLogic({ value, required = false, search = false, onValueChange
     };
 }
 
-const Select = ({ items, onValueChange, onOpenChange, variant, required = false, value, label, helperText, placeholder = 'Selecione', maxWidth, search = false, errorMessage, disabled = false, className, 'aria-label': ariaLabel, 'data-testid': testId, tooltip = false, tooltipText, side = 'bottom', align = 'start', enableInfiniteScroll = false, onScrollEnd, isLoadingMore = false, enableApiSearch = false, onApiSearch, isSearching = false, ...rest }) => {
+const Select = ({ items, onValueChange, onOpenChange, variant, required = false, value, label, helperText, placeholder = 'Selecione', maxWidth, search = false, errorMessage, disabled = false, scale = 1, className, 'aria-label': ariaLabel, 'data-testid': testId, tooltip = false, tooltipText, side = 'bottom', align = 'start', enableInfiniteScroll = false, onScrollEnd, isLoadingMore = false, enableApiSearch = false, onApiSearch, isSearching = false, ...rest }) => {
     const componentId = useId();
     const selectId = `select-${componentId}`;
     const viewportRef = useRef(null);
@@ -4067,6 +4791,11 @@ const Select = ({ items, onValueChange, onOpenChange, variant, required = false,
     const containerStyle = useMemo(() => ({
         maxWidth: maxWidth ? `${maxWidth}px` : undefined,
     }), [maxWidth]);
+    const scaleClass = {
+        1: 'scale-1-0',
+        1.5: 'scale-1-5',
+        2: 'scale-2-0',
+    }[scale];
     const handleSearchChange = (e) => {
         const value = e.target.value;
         actions.setSearchInput(value);
@@ -4099,7 +4828,7 @@ const Select = ({ items, onValueChange, onOpenChange, variant, required = false,
             onApiSearch('');
         }
     };
-    return (jsx(Select$1.Root, { value: variant === 'checkbox' || (search && state.isOpen) ? '' : (state.selectedValues[0] || ''), onValueChange: variant === 'checkbox' ? undefined : actions.handleSingleSelect, required: required, open: state.isOpen, onOpenChange: actions.setOpen, disabled: disabled, ...rest, children: jsxs("div", { className: clsx(styles$6.container, className), style: containerStyle, "data-testid": testId, children: [jsx("div", { className: styles$6.fieldContainer, children: jsxs("div", { className: styles$6.containerLabel, children: [jsx(LabelComponent, { htmlFor: selectId, required: required, tooltipText: tooltipText, tooltip: tooltip, side: side, align: align, error: state.hasError && state.touched, disabled: disabled, children: label }), jsxs(Select$1.Trigger, { className: clsx(styles$6.trigger, {
+    return (jsx(Select$1.Root, { value: variant === 'checkbox' || (search && state.isOpen) ? '' : (state.selectedValues[0] || ''), onValueChange: variant === 'checkbox' ? undefined : actions.handleSingleSelect, required: required, open: state.isOpen, onOpenChange: actions.setOpen, disabled: disabled, ...rest, children: jsxs("div", { className: clsx(styles$6.container, scaleClass, className), style: containerStyle, "data-testid": testId, children: [jsx("div", { className: styles$6.fieldContainer, children: jsxs("div", { className: styles$6.containerLabel, children: [jsx(LabelComponent, { htmlFor: selectId, required: required, tooltipText: tooltipText, tooltip: tooltip, side: side, align: align, error: state.hasError && state.touched, disabled: disabled, children: label }), jsxs(Select$1.Trigger, { className: clsx(styles$6.trigger, {
                                     [styles$6.error]: state.hasError && state.touched,
                                     [styles$6.disabled]: disabled,
                                     [styles$6.hasValue]: state.selectedValues.length > 0,
@@ -4317,7 +5046,7 @@ const isCalendarFilter = (filter) => {
     return filter.type === 'calendar';
 };
 const isCheckboxFilter = (filter) => {
-    return filter.type === 'checkbox' || filter.type === 'text' || filter.type === 'icon';
+    return filter.type === 'multiple' || filter.type === 'single';
 };
 const TableHeader = ({ searchValue = '', onSearchChange, onSearch, searchPlaceholder = 'Pesquisar...', showSearch = true, showFilters = false, filters, filterItems = [], className = '', ...rest }) => {
     const [internalSearchValue, setInternalSearchValue] = useState(searchValue);
@@ -4394,12 +5123,24 @@ var styles$4 = {"wrapper":"Table-module__wrapper___KMc04","tableContainer":"Tabl
 
 const EmptyState = ({ emptyIcon, emptyTitle, emptyText }) => (jsxs("div", { className: styles$4.tableEmpty, children: [jsx("div", { className: styles$4.tableEmptyContent, children: emptyIcon ?? jsx(SearchInfo20Regular, {}) }), jsxs("div", { className: styles$4.tableEmptyText, children: [jsx("h3", { className: styles$4.tableEmptyTitle, children: emptyTitle ?? 'Nenhum dado encontrado' }), jsx("p", { className: styles$4.tableEmptyCaption, children: emptyText ?? 'Nenhum registro encontrado' })] })] }));
 
-const TableV2 = ({ columns, data, enableFilters = false, enableRowSelection = false, enableSorting = true, onRowSelectionChange, bulkActions, header, footer, loading = false, emptyIcon, emptyTitle, emptyText, onRow, className, }) => {
-    const [columnFilters, setColumnFilters] = useState([]);
-    const [globalFilter, setGlobalFilter] = useState('');
-    const [rowSelection, setRowSelection] = useState({});
+const TableV2 = ({ columns, data, rowSelection: rowSelectionConfig, enableSorting = true, bulkActions, header, footer, loading = false, emptyIcon, emptyTitle, emptyText, onRow, className, }) => {
+    const isRowSelectionEnabled = !!rowSelectionConfig;
+    const isControlled = rowSelectionConfig?.selectedRowKeys !== undefined;
+    const [pendingSearch, setPendingSearch] = useState(header?.searchValue ?? '');
+    useEffect(() => {
+        if (header?.searchValue !== undefined) {
+            setPendingSearch(header.searchValue);
+        }
+    }, [header?.searchValue]);
+    const [rowSelectionState, setRowSelectionState] = useState({});
     const rowSelectionRef = useRef({});
-    rowSelectionRef.current = rowSelection;
+    const externalSelectionState = useMemo(() => {
+        if (!rowSelectionConfig?.selectedRowKeys)
+            return {};
+        return Object.fromEntries(rowSelectionConfig.selectedRowKeys.map((key) => [String(key), true]));
+    }, [rowSelectionConfig?.selectedRowKeys]);
+    const effectiveRowSelection = isControlled ? externalSelectionState : rowSelectionState;
+    rowSelectionRef.current = effectiveRowSelection;
     const lastEmittedSelectionKey = useRef('{}');
     const [sorting, setSorting] = useState([]);
     const [pagination, setPagination] = useState({
@@ -4412,27 +5153,22 @@ const TableV2 = ({ columns, data, enableFilters = false, enableRowSelection = fa
         size: 48,
         enableSorting: false,
         enableColumnFilter: false,
-        header: ({ table: t }) => (jsx("div", { className: styles$4.checkboxCell, children: jsx(Checkbox, { checked: t.getIsAllPageRowsSelected(), indeterminate: t.getIsSomePageRowsSelected(), onCheckedChange: (checked) => t.toggleAllPageRowsSelected(checked) }) })),
-        cell: ({ row }) => (jsx("div", { className: styles$4.checkboxCell, children: jsx(Checkbox, { checked: row.getIsSelected(), onCheckedChange: (checked) => row.toggleSelected(checked) }) })),
-    }), []);
-    const resolvedColumns = useMemo(() => (enableRowSelection ? [selectionColumn, ...columns] : columns), [enableRowSelection, selectionColumn, columns]);
-    const showSearch = !!(header && (header.showSearch ?? true));
+        header: ({ table: t }) => (jsx("div", { className: styles$4.checkboxCell, children: jsx(Checkbox, { checked: t.getIsAllPageRowsSelected(), indeterminate: t.getIsSomePageRowsSelected(), disabled: rowSelectionConfig?.disableSelectAll, onCheckedChange: (checked) => t.toggleAllPageRowsSelected(checked) }) })),
+        cell: ({ row }) => (jsx("div", { className: styles$4.checkboxCell, children: jsx(Checkbox, { checked: row.getIsSelected(), disabled: !row.getCanSelect(), onCheckedChange: (checked) => row.toggleSelected(checked) }) })),
+    }), [rowSelectionConfig?.disableSelectAll]);
+    const resolvedColumns = useMemo(() => (isRowSelectionEnabled ? [selectionColumn, ...columns] : columns), [isRowSelectionEnabled, selectionColumn, columns]);
+    const showSearch = !!(header?.onSearchChange);
     const table = useReactTable({
         data,
         columns: resolvedColumns,
         defaultColumn: { minSize: 44, size: 0 },
         state: {
-            ...(enableFilters ? { columnFilters } : {}),
-            ...(showSearch ? { globalFilter } : {}),
-            ...(footer ? { pagination: { pageIndex, pageSize } } : {}),
-            ...(enableRowSelection ? { rowSelection } : {}),
+            ...(isRowSelectionEnabled ? { rowSelection: effectiveRowSelection } : {}),
             ...(enableSorting ? { sorting } : {}),
         },
-        onColumnFiltersChange: enableFilters ? setColumnFilters : undefined,
-        onGlobalFilterChange: showSearch ? setGlobalFilter : undefined,
         onSortingChange: enableSorting ? setSorting : undefined,
         enableSorting,
-        onRowSelectionChange: enableRowSelection
+        onRowSelectionChange: isRowSelectionEnabled
             ? (updater) => {
                 const prev = rowSelectionRef.current;
                 const next = typeof updater === 'function' ? updater(prev) : updater;
@@ -4441,43 +5177,52 @@ const TableV2 = ({ columns, data, enableFilters = false, enableRowSelection = fa
                     return;
                 lastEmittedSelectionKey.current = selectionKey;
                 rowSelectionRef.current = next;
-                setRowSelection(next);
-                if (onRowSelectionChange) {
-                    const selectedRows = table
-                        .getCoreRowModel()
-                        .rows.filter((r) => next[r.id])
-                        .map((r) => r.original);
-                    onRowSelectionChange(selectedRows);
+                if (!isControlled) {
+                    setRowSelectionState(next);
+                }
+                if (rowSelectionConfig?.onRowChange) {
+                    const allRows = table.getCoreRowModel().rows;
+                    const selectedRows = allRows.filter((r) => next[r.id]).map((r) => r.original);
+                    const selectedKeys = allRows.filter((r) => next[r.id]).map((r) => r.index);
+                    rowSelectionConfig.onRowChange(selectedRows, selectedKeys);
                 }
             }
             : undefined,
-        enableRowSelection,
-        onPaginationChange: footer ? setPagination : undefined,
+        enableRowSelection: isRowSelectionEnabled
+            ? typeof rowSelectionConfig?.disabled === 'function'
+                ? (row) => !rowSelectionConfig.disabled(row.original, row.index)
+                : typeof rowSelectionConfig?.disabled === 'boolean'
+                    ? !rowSelectionConfig.disabled
+                    : true
+            : false,
         getCoreRowModel: getCoreRowModel(),
-        getFilteredRowModel: enableFilters || showSearch ? getFilteredRowModel() : undefined,
-        getPaginationRowModel: footer ? getPaginationRowModel() : undefined,
         getSortedRowModel: enableSorting ? getSortedRowModel() : undefined,
     });
-    const filteredRowCount = table.getFilteredRowModel().rows.length;
-    const effectiveTotalItems = footer
-        ? (enableFilters || showSearch) ? filteredRowCount : footer.totalItems
-        : 0;
+    const effectiveTotalItems = footer?.totalItems ?? 0;
     const totalPages = footer ? Math.ceil(effectiveTotalItems / pageSize) : 0;
     const canGoPrev = pageIndex > 0;
     const canGoNext = pageIndex + 1 < totalPages;
     const skeletonRowCount = footer ? pageSize : (data.length > 0 ? data.length : pageSize);
     const selectedRows = useMemo(() => table
         .getCoreRowModel()
-        .rows.filter((r) => rowSelection[r.id])
-        .map((r) => r.original), [rowSelection, table]);
+        .rows.filter((r) => effectiveRowSelection[r.id])
+        .map((r) => r.original), [effectiveRowSelection, table]);
     const selectedCount = selectedRows.length;
-    const showBulkActions = enableRowSelection && !!bulkActions && selectedCount > 0;
+    const showBulkActions = isRowSelectionEnabled && !!bulkActions && selectedCount > 0;
     useEffect(() => {
-        if (enableRowSelection) {
+        if (isRowSelectionEnabled) {
             table.resetRowSelection();
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [pageIndex]);
+    useEffect(() => {
+        if (footer?.currentPage !== undefined) {
+            const targetPageIndex = footer.currentPage - 1;
+            setPagination((prev) => prev.pageIndex !== targetPageIndex
+                ? { ...prev, pageIndex: targetPageIndex }
+                : prev);
+        }
+    }, [footer?.currentPage]);
     const handleClearSelection = () => {
         table.resetRowSelection();
         bulkActions?.onClear?.();
@@ -4489,11 +5234,22 @@ const TableV2 = ({ columns, data, enableFilters = false, enableRowSelection = fa
     };
     return (jsxs("div", { className: clsx(styles$4.wrapper, className), children: [showBulkActions && (jsxs("div", { className: styles$4.bulkActionsBar, children: [jsxs("div", { className: styles$4.bulkActionsInfo, children: [jsx(Button, { variant: "text", iconOnly: true, icon: jsx(Dismiss16Regular, {}), ariaLabel: "Limpar sele\u00E7\u00E3o", onClick: handleClearSelection, className: styles$4.bulkActionsClearButton }), jsx("span", { className: styles$4.bulkActionsLabel, children: bulkActions.label
                                     ? bulkActions.label(selectedCount, selectedRows)
-                                    : `${selectedCount} ${selectedCount === 1 ? 'item selecionado' : 'itens selecionados'}` })] }), jsx("div", { className: styles$4.bulkActionsButtons, children: bulkActions.actions.map((action, index) => (jsx(Button, { variant: action.variant ?? 'outlined', type: "button", disabled: action.disabled, onClick: action.onClick, size: "sm", children: action.label }, index))) })] })), header && (jsxs("div", { className: styles$4.tableHeader, children: [showSearch && (jsx("div", { className: styles$4.tableHeaderSearchContainer, children: jsx(Search, { value: globalFilter, onChange: (e) => {
-                                setGlobalFilter(e.target.value);
-                                if (footer)
+                                    : `${selectedCount} ${selectedCount === 1 ? 'item selecionado' : 'itens selecionados'}` })] }), jsx("div", { className: styles$4.bulkActionsButtons, children: bulkActions.actions.map((action, index) => (jsx(Button, { variant: action.variant ?? 'outlined', type: "button", disabled: action.disabled, onClick: action.onClick, size: "sm", children: action.label }, index))) })] })), header && (jsxs("div", { className: styles$4.tableHeader, children: [showSearch && (jsx("div", { className: styles$4.tableHeaderSearchContainer, children: jsx(Search, { value: pendingSearch, virtualKeyboard: header.virtualKeyboard, virtualKeyboardType: header.virtualKeyboardType, virtualKeyboardMaxLength: header.virtualKeyboardMaxLength, searchMode: header?.searchMode ?? "on-enter", onChange: (e) => {
+                                setPendingSearch(e.target.value);
+                            }, onSearch: (val) => {
+                                if (footer) {
+                                    setPagination((prev) => ({ ...prev, pageIndex: 0 }));
+                                    footer?.onPageChange?.(1);
+                                }
+                                header?.onSearchChange?.(val);
+                            }, onClear: () => {
+                                setPendingSearch('');
+                                if (footer) {
                                     setPagination((prev) => ({ ...prev, pageIndex: 0 }));
-                            }, placeholder: header.searchPlaceholder ?? 'Pesquisar...', className: styles$4.tableHeaderSearch }) })), !!header.filterItems?.length && (jsxs("div", { className: styles$4.tableHeaderFilters, children: [jsx("span", { className: styles$4.tableHeaderFilterLabel, children: "Filtros" }), jsx("div", { className: styles$4.tableHeaderFilterItems, children: header.filterItems.map((filterItem, index) => {
+                                    footer?.onPageChange?.(1);
+                                }
+                                header?.onSearchChange?.('');
+                            }, placeholder: header.searchPlaceholder ?? 'Pesquisar...', className: styles$4.tableHeaderSearch }) })), !!header.filterItems?.length && (jsxs("div", { className: styles$4.tableHeaderFilters, children: [header.filterItems.some((item) => item.type !== 'combined') && (jsx("span", { className: styles$4.tableHeaderFilterLabel, children: "Filtros" })), jsx("div", { className: styles$4.tableHeaderFilterItems, children: header.filterItems.map((filterItem, index) => {
                                     const commonProps = {
                                         buttonText: filterItem.buttonText,
                                         icon: filterItem.icon,
@@ -4504,18 +5260,21 @@ const TableV2 = ({ columns, data, enableFilters = false, enableRowSelection = fa
                                         onOpen: () => filterItem.onToggle?.(true),
                                         onClose: () => filterItem.onToggle?.(false),
                                     };
+                                    if (filterItem.type === 'combined') {
+                                        return (jsx(Filter, { mode: "combined", buttonText: filterItem.buttonText, icon: filterItem.icon, title: filterItem.title, drawerWidth: filterItem.drawerWidth, activeCount: filterItem.activeCount, drawerHeaderContent: filterItem.drawerHeaderContent, onApply: filterItem.onApply, onClear: filterItem.onClear, variant: filterItem.variant ?? 'outlined', disabled: filterItem.disabled, children: filterItem.children }, filterItem.id ?? index));
+                                    }
                                     if (filterItem.type === 'calendar') {
                                         return (jsx(Filter, { ...commonProps, type: "calendar", selectedDate: filterItem.selectedDate, onDateSelect: filterItem.onDateSelect, onClearDate: filterItem.onClear, minDate: filterItem.minDate, maxDate: filterItem.maxDate, locale: filterItem.locale, placeholder: filterItem.placeholder }, filterItem.id ?? index));
                                     }
                                     return (jsx(Filter, { ...commonProps, type: filterItem.type, items: filterItem.items, selectedIds: filterItem.selectedIds, onApplyFilter: filterItem.onSelectionChange, placeholder: filterItem.placeholder, enableSearch: filterItem.enableSearch }, filterItem.id ?? index));
-                                }) })] }))] })), jsx("div", { className: styles$4.tableContainer, children: jsx("div", { className: styles$4.tableScrollWrapper, children: jsxs("table", { className: styles$4.table, "aria-label": "Tabela de dados", "aria-rowcount": filteredRowCount + 1, children: [jsx("thead", { className: styles$4.tableHead, children: table.getHeaderGroups().map((headerGroup) => (jsx("tr", { children: headerGroup.headers.map((col) => (jsxs("th", { className: styles$4.tableTh, style: {
+                                }) })] }))] })), jsx("div", { className: styles$4.tableContainer, children: jsx("div", { className: styles$4.tableScrollWrapper, children: jsxs("table", { className: styles$4.table, "aria-label": "Tabela de dados", "aria-rowcount": data.length + 1, children: [jsx("thead", { className: styles$4.tableHead, children: table.getHeaderGroups().map((headerGroup) => (jsx("tr", { children: headerGroup.headers.map((col) => (jsx("th", { className: styles$4.tableTh, style: {
                                             textAlign: col.column.columnDef.meta?.align,
                                             width: col.column.columnDef.size || undefined,
                                             minWidth: col.column.columnDef.minSize,
                                             maxWidth: col.column.columnDef.maxSize !== Number.MAX_SAFE_INTEGER
                                                 ? col.column.columnDef.maxSize
                                                 : undefined,
-                                        }, children: [jsx("div", { className: styles$4.tableThContent, children: col.isPlaceholder ? null : col.column.getCanSort() ? (jsxs("button", { type: "button", className: styles$4.tableSortButton, onClick: col.column.getToggleSortingHandler(), "aria-label": `Ordenar por ${typeof col.column.columnDef.header === 'string' ? col.column.columnDef.header : col.id}`, children: [flexRender(col.column.columnDef.header, col.getContext()), col.column.getIsSorted() === 'asc' ? (jsx(ArrowSortUp16Regular, { className: styles$4.tableSortIcon })) : col.column.getIsSorted() === 'desc' ? (jsx(ArrowSortDown16Regular, { className: styles$4.tableSortIcon })) : (jsx(ArrowSort16Regular, { className: clsx(styles$4.tableSortIcon, styles$4.tableSortIconNeutral) }))] })) : (flexRender(col.column.columnDef.header, col.getContext())) }), enableFilters && col.column.getCanFilter() && (jsx("input", { value: col.column.getFilterValue() ?? '', onChange: (e) => col.column.setFilterValue(e.target.value), placeholder: "Filtrar..." }))] }, col.id))) }, headerGroup.id))) }), jsx("tbody", { className: styles$4.tableBody, children: loading ? (Array.from({ length: skeletonRowCount }).map((_, rowIdx) => (jsx("tr", { className: styles$4.tableRow, children: table.getVisibleLeafColumns().map((col) => (jsx("td", { className: styles$4.tableTd, children: jsx(Skeleton, {}) }, col.id))) }, `skeleton-row-${rowIdx}`)))) : table.getRowModel().rows.length > 0 ? (table.getRowModel().rows.map((row, index) => {
+                                        }, children: jsx("div", { className: styles$4.tableThContent, children: col.isPlaceholder ? null : col.column.getCanSort() ? (jsxs("button", { type: "button", className: styles$4.tableSortButton, onClick: col.column.getToggleSortingHandler(), "aria-label": `Ordenar por ${typeof col.column.columnDef.header === 'string' ? col.column.columnDef.header : col.id}`, children: [flexRender(col.column.columnDef.header, col.getContext()), col.column.getIsSorted() === 'asc' ? (jsx(ArrowSortUp16Regular, { className: styles$4.tableSortIcon })) : col.column.getIsSorted() === 'desc' ? (jsx(ArrowSortDown16Regular, { className: styles$4.tableSortIcon })) : (jsx(ArrowSort16Regular, { className: clsx(styles$4.tableSortIcon, styles$4.tableSortIconNeutral) }))] })) : (flexRender(col.column.columnDef.header, col.getContext())) }) }, col.id))) }, headerGroup.id))) }), jsx("tbody", { className: styles$4.tableBody, children: loading ? (Array.from({ length: skeletonRowCount }).map((_, rowIdx) => (jsx("tr", { className: styles$4.tableRow, children: table.getVisibleLeafColumns().map((col) => (jsx("td", { className: styles$4.tableTd, children: jsx(Skeleton, {}) }, col.id))) }, `skeleton-row-${rowIdx}`)))) : table.getRowModel().rows.length > 0 ? (table.getRowModel().rows.map((row, index) => {
                                     const rowProps = onRow?.(row.original, index) ?? {};
                                     return (jsx("tr", { className: clsx(styles$4.tableRow, rowProps.className), onClick: rowProps.onClick, onDoubleClick: rowProps.onDoubleClick, children: row.getVisibleCells().map((cell) => (jsx("td", { className: styles$4.tableTd, style: {
                                                 textAlign: cell.column.columnDef.meta?.align,
@@ -4540,12 +5299,13 @@ const TableV2 = ({ columns, data, enableFilters = false, enableRowSelection = fa
 
 var styles$3 = {"container":"TextArea-module__container___WEBC-","inputWrapper":"TextArea-module__inputWrapper___-omPx","inputContainer":"TextArea-module__inputContainer___0-jKY","footer":"TextArea-module__footer___7XMlj","helperText":"TextArea-module__helperText___709rD","charCount":"TextArea-module__charCount___zdbxM","error":"TextArea-module__error___DWDms","disabled":"TextArea-module__disabled___lHxCa"};
 
-const TextArea = forwardRef(({ className, value, label, placeholder, onChange, disabled = false, maxLength, required = false, helperText, tooltip = false, tooltipText, side = 'bottom', align = 'start', errorMessage, error, id, onBlur, onFocus, name, resize = 'vertical', showCharCount = false, height, ...rest }, ref) => {
+const TextArea = forwardRef(({ className, value, label, placeholder, onChange, disabled = false, maxLength, required = false, helperText, tooltip = false, tooltipText, side = 'bottom', align = 'start', errorMessage, error, id, onBlur, onFocus, name, resize = 'vertical', showCharCount = false, height, virtualKeyboard = false, virtualKeyboardType, virtualKeyboardMaxLength, ...rest }, ref) => {
     const normalizeValue = (val) => {
         return val === undefined || val === null ? '' : String(val);
     };
     const [textareaValue, setTextareaValue] = useState(normalizeValue(value));
     const [textareaError, setTextareaError] = useState('');
+    const { internalRef: textareaRef, setRefs: setTextareaRefs } = useInputKeyboardValue(ref);
     const generatedId = useId();
     const componentId = id || generatedId;
     useEffect(() => {
@@ -4578,7 +5338,12 @@ const TextArea = forwardRef(({ className, value, label, placeholder, onChange, d
             ? `${componentId}-helper`
             : undefined;
     const containerClass = clsx(styles$3.container, disabled && styles$3.disabled, hasError && !disabled && styles$3.error, className);
-    return (jsxs("div", { className: containerClass, children: [label && (jsx(LabelComponent, { htmlFor: componentId, required: required, tooltip: tooltip, tooltipText: tooltipText, side: side, align: align, error: hasError, disabled: disabled, children: label })), jsxs("div", { className: styles$3.inputWrapper, children: [jsx("div", { className: styles$3.inputContainer, children: jsx("textarea", { ...rest, ref: ref, id: componentId, name: name, value: textareaValue, placeholder: placeholder, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, maxLength: maxLength, disabled: disabled, "aria-invalid": hasError, "aria-required": required, "aria-describedby": helperId, style: { resize, height } }) }), jsxs("div", { className: styles$3.footer, children: [jsx("span", { id: helperId, className: styles$3.helperText, "aria-live": hasError ? 'polite' : undefined, children: displayHelperText }), showCharCount && maxLength && (jsxs("span", { className: styles$3.charCount, children: [textareaValue.length, "/", maxLength] }))] })] })] }));
+    return (jsxs("div", { className: containerClass, children: [label && (jsx(LabelComponent, { htmlFor: componentId, required: required, tooltip: tooltip, tooltipText: tooltipText, side: side, align: align, error: hasError, disabled: disabled, children: label })), jsxs("div", { className: styles$3.inputWrapper, children: [jsx("div", { className: styles$3.inputContainer, children: jsx("textarea", { ...rest, ref: setTextareaRefs, id: componentId, name: name, value: textareaValue, placeholder: placeholder, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, maxLength: maxLength, disabled: disabled, "aria-invalid": hasError, "aria-required": required, "aria-describedby": helperId, style: { resize, height }, inputMode: virtualKeyboard ? 'none' : rest.inputMode }) }), jsxs("div", { className: styles$3.footer, children: [jsx("span", { id: helperId, className: styles$3.helperText, "aria-live": hasError ? 'polite' : undefined, children: displayHelperText }), showCharCount && maxLength && (jsxs("span", { className: styles$3.charCount, children: [textareaValue.length, "/", maxLength] }))] })] }), virtualKeyboard && (jsx("div", { className: "virtualKeyboardWrapper", children: jsx(VirtualKeyboard, { variant: "native", type: virtualKeyboardType, maxLength: virtualKeyboardMaxLength, value: textareaValue, targetRef: textareaRef, onChange: (val) => {
+                        if (!disabled && (!maxLength || val.length <= maxLength)) {
+                            setTextareaValue(val);
+                            onChange?.(val);
+                        }
+                    } }) }))] }));
 });
 TextArea.displayName = 'TextArea';
 var TextArea_default = React__default.memo(TextArea);
@@ -4791,7 +5556,14 @@ ToastContainer.displayName = 'ToastContainer';
 
 var styles$1 = {"container":"Switch-module__container___BR1OB","switchRoot":"Switch-module__switchRoot___jz2HD","switchThumb":"Switch-module__switchThumb___X3RL7"};
 
-const Switch = ({ disabled = false, defaultChecked = false, checked, onCheckedChange, className, ...rest }) => (jsx("div", { className: clsx(styles$1.container, className), children: jsx(Switch$1.Root, { className: styles$1.switchRoot, disabled: disabled, defaultChecked: defaultChecked, checked: checked, onCheckedChange: onCheckedChange, ...rest, children: jsx(Switch$1.Thumb, { className: styles$1.switchThumb }) }) }));
+const Switch = ({ disabled = false, defaultChecked = false, checked, onCheckedChange, scale = 1, className, ...rest }) => {
+    const scaleClass = {
+        1: 'scale-1-0',
+        1.5: 'scale-1-5',
+        2: 'scale-2-0',
+    }[scale];
+    return (jsx("div", { className: clsx(styles$1.container, scaleClass, className), children: jsx(Switch$1.Root, { className: styles$1.switchRoot, disabled: disabled, defaultChecked: defaultChecked, checked: checked, onCheckedChange: onCheckedChange, ...rest, children: jsx(Switch$1.Thumb, { className: styles$1.switchThumb }) }) }));
+};
 
 var styles = {"zds-verification-code__container":"VerificationCode-module__zds-verification-code__container___tUNuJ","zds-verification-code__input":"VerificationCode-module__zds-verification-code__input___wDIQ6","zds-verification-code__filled":"VerificationCode-module__zds-verification-code__filled___-2VVb","zds-verification-code__has-error":"VerificationCode-module__zds-verification-code__has-error___eqKAp","zds-verification-code__error":"VerificationCode-module__zds-verification-code__error___T53i5"};
 
@@ -5207,5 +5979,5 @@ function useInfiniteScroll({ status, page, lastPage, onLoadMore, threshold = 0.1
     };
 }
 
-export { Avatar, Badge, Button, Calendar, Callout, Checkbox, MemoizedChips as Chips, Container, DatePicker_default as DatePicker, Dialog, Drawer, Filter, ListItem, Menu, Modal, Popover, memorizedQuantity as Quantity, Radio, Search, Select, Switch, Table, TableHeader, TablePagination, TableV2, TextArea_default as TextArea, TextField$1 as TextField, Toast, ToastContainer, ToastProvider, Tooltip, VerificationCode, normalizeText, useApiSimulation, useInfiniteScroll, useToast };
+export { Avatar, Badge, Button, Calendar, Callout, Checkbox, MemoizedChips as Chips, Container, DatePicker_default as DatePicker, Dialog, Drawer, Filter, ListItem, Menu, Modal, Popover, memorizedQuantity as Quantity, Radio, Search, Select, Switch, Table, TableHeader, TablePagination, TableV2, TextArea_default as TextArea, TextField$1 as TextField, Toast, ToastContainer, ToastProvider, Tooltip, VerificationCode, VirtualKeyboard, normalizeText, useApiSimulation, useInfiniteScroll, useToast };
 //# sourceMappingURL=index.esm.js.map