@giro-ds/react 5.0.0 → 6.0.0

package/dist/index.esm.js

@@ -1,24 +1,24 @@
 import { jsx, jsxs, 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, Select as Select$1, Toast as Toast$1, Switch as Switch$1 } from 'radix-ui';
+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 { Add16Regular, SpinnerIos16Regular, Info12Regular, Dismiss16Regular, Calendar16Regular, Search16Regular, ChevronDownRegular, ChevronRight16Filled, Subtract16Regular, ChevronDown16Regular, ChevronRight16Regular, ChevronUp16Regular, ChevronLeft16Regular, Info20Filled, CheckmarkCircle20Filled, Warning20Filled, Dismiss16Filled } from '@fluentui/react-icons';
+import { SpinnerIos16Regular, ChevronUp16Regular, ChevronLeft16Regular, ChevronRight16Regular, ChevronDown16Regular, Info12Regular, Dismiss16Regular, Calendar16Regular, Search16Regular, ChevronDownRegular, ChevronRight16Filled, Subtract16Regular, Add16Regular, 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';
 
-var styles$q = {"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$r = {"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$q.AvatarRoot, {
-        [styles$q['AvatarRoot--lg']]: size === 'lg',
-        [styles$q['AvatarRoot--sm']]: size === 'sm',
+    const AvatarClass = clsx(styles$r.AvatarRoot, {
+        [styles$r['AvatarRoot--lg']]: size === 'lg',
+        [styles$r['AvatarRoot--sm']]: size === 'sm',
     }, className);
-    return (jsx("div", { children: jsxs(Avatar$1.Root, { className: AvatarClass, ...rest, children: [src && (jsx(Avatar$1.Image, { className: styles$q.AvatarImage, src: src, alt: "Avatar" })), jsx(Avatar$1.Fallback, { className: styles$q.AvatarFallback, children: icon || initialLetters })] }) }));
+    return (jsx("div", { children: jsxs(Avatar$1.Root, { className: AvatarClass, ...rest, children: [src && (jsx(Avatar$1.Image, { className: styles$r.AvatarImage, src: src, alt: "Avatar" })), jsx(Avatar$1.Fallback, { className: styles$r.AvatarFallback, children: icon || initialLetters })] }) }));
 };
 
-var styles$p = {"zds-badge__container":"Badge-module__zds-badge__container___NMAZD","zds-badge":"Badge-module__zds-badge___TeF7g","zds-badge__status":"Badge-module__zds-badge__status___3rFKE","zds-badge__small":"Badge-module__zds-badge__small___lVA0I","zds-badge__large":"Badge-module__zds-badge__large___yxb6z","zds-badge__status__empty":"Badge-module__zds-badge__status__empty___zWu8n"};
+var styles$q = {"zds-badge__container":"Badge-module__zds-badge__container___NMAZD","zds-badge":"Badge-module__zds-badge___TeF7g","zds-badge__status":"Badge-module__zds-badge__status___3rFKE","zds-badge__small":"Badge-module__zds-badge__small___lVA0I","zds-badge__large":"Badge-module__zds-badge__large___yxb6z","zds-badge__status__empty":"Badge-module__zds-badge__status__empty___zWu8n"};
 
 const Badge = ({ children, badgeValue = null, type = 'notification', className, id, 'aria-label': ariaLabel, }) => {
     const isEmpty = badgeValue === null || badgeValue === undefined || badgeValue === '';
@@ -41,23 +41,23 @@ const Badge = ({ children, badgeValue = null, type = 'notification', className,
     };
     const displayValue = getDisplayValue(badgeValue);
     if (type === 'notification') {
-        return (jsxs("div", { className: clsx(styles$p['zds-badge__container']), children: [jsx("div", { id: componentId, className: clsx(styles$p['zds-badge'], {
-                        [styles$p['zds-badge__small']]: Number(badgeValue) <= 10,
-                        [styles$p['zds-badge__large']]: Number(badgeValue) > 10,
-                    }, className), "data-testid": "badge-notification", children: !isEmpty && (jsx("span", { className: styles$p['zds-badge__value'], "aria-hidden": ariaLabel ? 'true' : 'false', children: displayValue })) }), children && (jsx("div", { className: styles$p['zds-badge__content'], "data-testid": "badge-content", children: children }))] }));
+        return (jsxs("div", { className: clsx(styles$q['zds-badge__container']), children: [jsx("div", { id: componentId, className: clsx(styles$q['zds-badge'], {
+                        [styles$q['zds-badge__small']]: Number(badgeValue) <= 10,
+                        [styles$q['zds-badge__large']]: Number(badgeValue) > 10,
+                    }, className), "data-testid": "badge-notification", children: !isEmpty && (jsx("span", { className: styles$q['zds-badge__value'], "aria-hidden": ariaLabel ? 'true' : 'false', children: displayValue })) }), children && (jsx("div", { className: styles$q['zds-badge__content'], "data-testid": "badge-content", children: children }))] }));
     }
-    return (jsx("div", { className: clsx(styles$p['zds-badge__container']), children: jsx("div", { className: clsx(styles$p['zds-badge__status'], {
-                [styles$p['zds-badge__status__empty']]: isEmpty,
-            }, className), "data-testid": "badge-status", children: !isEmpty && (jsx("span", { className: styles$p['zds-badge__status-value'], "aria-hidden": ariaLabel ? 'true' : 'false', children: displayValue })) }) }));
+    return (jsx("div", { className: clsx(styles$q['zds-badge__container']), children: jsx("div", { className: clsx(styles$q['zds-badge__status'], {
+                [styles$q['zds-badge__status__empty']]: isEmpty,
+            }, className), "data-testid": "badge-status", children: !isEmpty && (jsx("span", { className: styles$q['zds-badge__status-value'], "aria-hidden": ariaLabel ? 'true' : 'false', children: displayValue })) }) }));
 };
 
-var styles$o = {"tooltipContent":"Tooltip-module__tooltipContent___xycUg","triggerWrapper":"Tooltip-module__triggerWrapper___x83XR"};
+var styles$p = {"tooltipContent":"Tooltip-module__tooltipContent___xycUg","triggerWrapper":"Tooltip-module__triggerWrapper___x83XR"};
 
 const Tooltip = ({ children, text, side = 'bottom', align = 'start', maxWidth, sideOffset = 10, ...rest }) => {
-    return (jsx(Tooltip$1.Provider, { children: jsxs(Tooltip$1.Root, { children: [jsx(Tooltip$1.Trigger, { asChild: true, children: jsx("span", { className: styles$o.triggerWrapper, children: children }) }), jsx(Tooltip$1.Portal, { children: jsx(Tooltip$1.Content, { className: styles$o.tooltipContent, 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$p.triggerWrapper, children: children }) }), jsx(Tooltip$1.Portal, { children: jsx(Tooltip$1.Content, { className: styles$p.tooltipContent, side: side, align: align, sideOffset: sideOffset, style: { maxWidth: maxWidth ? `${maxWidth}px` : 'auto' }, ...rest, children: text }) })] }) }));
 };
 
-var styles$n = {"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","spin":"Button-module__spin___kQKH9"};
+var styles$o = {"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', ...restProps }, ref) => {
     const generatedId = useId();
@@ -67,35 +67,51 @@ const Button = React__default.forwardRef(({ as, children, variant = 'filled', ic
             return as;
         if (href)
             return 'a';
-        if (to)
+        if (to) {
+            if (process.env.NODE_ENV !== 'production' && !as) {
+                console.warn('[Button] A prop `to` foi usada sem `as`. ' +
+                    'Para navegação via roteador (React Router, Next.js, etc.), passe `as={Link}`. ' +
+                    'Por ora, `to` será tratado como `href` em um <a> nativo.');
+            }
             return 'a';
+        }
         return 'button';
     };
     const Component = getComponent();
     const hasContent = useMemo(() => {
         return children && React__default.Children.count(children) > 0;
     }, [children]);
-    const resolvedIcon = iconOnly && !icon ? jsx(Add16Regular, {}) : icon;
-    const buttonClasses = clsx(styles$n.button, styles$n[`button-${variant}`], styles$n[`button-${size}`], {
-        [styles$n['buttonLoading']]: loading,
-        [styles$n['buttonWithIcon']]: resolvedIcon && !iconOnly,
-        [styles$n[`buttonIconPosition-${iconPosition}`]]: resolvedIcon && !iconOnly,
-        [styles$n['buttonNoContent']]: resolvedIcon && !hasContent && !iconOnly,
-        [styles$n['buttonFullWidth']]: fullWidth,
-        [styles$n['buttonIconOnly']]: iconOnly,
+    if (process.env.NODE_ENV !== 'production' && iconOnly && !icon) {
+        console.error('[Button] `iconOnly={true}` foi usado sem a prop `icon`. ' +
+            'Forneça um ícone via `icon={<MeuIcone />}`.');
+    }
+    const resolvedIcon = icon;
+    const buttonClasses = clsx(styles$o.button, styles$o[`button-${variant}`], styles$o[`button-${size}`], {
+        [styles$o['disabled']]: disabled,
+        [styles$o['buttonLoading']]: loading,
+        [styles$o['buttonWithIcon']]: resolvedIcon && !iconOnly,
+        [styles$o[`buttonIconPosition-${iconPosition}`]]: resolvedIcon && !iconOnly,
+        [styles$o['buttonNoContent']]: resolvedIcon && !hasContent && !iconOnly,
+        [styles$o['buttonFullWidth']]: fullWidth,
+        [styles$o['buttonIconOnly']]: iconOnly,
     }, className);
     const getAriaLabel = () => {
         if (ariaLabel)
             return ariaLabel;
-        if (iconOnly && !ariaLabel) {
-            return 'Botão de ação';
+        if (iconOnly) {
+            if (tooltipText)
+                return tooltipText;
+            if (process.env.NODE_ENV !== 'production') {
+                console.warn('[Button] Botões icon-only precisam de uma prop `ariaLabel` descritiva. ' +
+                    'O fallback genérico foi removido pois não comunica intenção. ' +
+                    'Forneça `ariaLabel` ou `tooltipText` para nomear o botão.');
+            }
+            return undefined;
         }
-        if (typeof children === 'string')
-            return children;
         return undefined;
     };
     const handleClick = (e) => {
-        if (disabled) {
+        if (disabled || loading) {
             e.preventDefault();
             return;
         }
@@ -103,12 +119,12 @@ const Button = React__default.forwardRef(({ as, children, variant = 'filled', ic
     };
     const renderContent = () => {
         if (iconOnly && !loading) {
-            return (jsx("span", { className: styles$n.buttonIconOnly, "aria-hidden": "true", children: resolvedIcon }));
+            return (jsx("span", { className: styles$o.buttonIconOnly, "aria-hidden": "true", children: resolvedIcon }));
         }
         if (loading) {
-            return (jsx("span", { className: styles$n.buttonLoading, "aria-hidden": "true", children: jsx(SpinnerIos16Regular, { "aria-hidden": "true" }) }));
+            return (jsxs(Fragment, { children: [!iconOnly && (jsxs("span", { className: styles$o.buttonContentHidden, "aria-hidden": "true", children: [resolvedIcon && (iconPosition === 'left' || iconPosition === 'both') && (jsx("span", { className: styles$o.buttonIconLeft, children: resolvedIcon })), children, resolvedIcon && (iconPosition === 'right' || iconPosition === 'both') && (jsx("span", { className: styles$o.buttonIconRight, children: resolvedIcon }))] })), jsx("span", { className: styles$o.buttonLoadingSpinner, "aria-hidden": "true", children: jsx(SpinnerIos16Regular, { "aria-hidden": "true" }) })] }));
         }
-        return (jsxs(Fragment, { children: [resolvedIcon && (iconPosition === 'left' || iconPosition === 'both') && (jsx("span", { className: styles$n.buttonIconLeft, "aria-hidden": "true", children: resolvedIcon })), children, resolvedIcon && (iconPosition === 'right' || iconPosition === 'both') && (jsx("span", { className: styles$n.buttonIconRight, "aria-hidden": "true", children: resolvedIcon }))] }));
+        return (jsxs(Fragment, { children: [resolvedIcon && (iconPosition === 'left' || iconPosition === 'both') && (jsx("span", { className: styles$o.buttonIconLeft, "aria-hidden": "true", children: resolvedIcon })), children, resolvedIcon && (iconPosition === 'right' || iconPosition === 'both') && (jsx("span", { className: styles$o.buttonIconRight, "aria-hidden": "true", children: resolvedIcon }))] }));
     };
     const baseProps = {
         ref,
@@ -116,14 +132,18 @@ const Button = React__default.forwardRef(({ as, children, variant = 'filled', ic
         className: buttonClasses,
         'aria-label': getAriaLabel(),
         'aria-disabled': disabled,
-        tabIndex: disabled ? -1 : 0,
+        'aria-busy': loading || undefined,
+        tabIndex: disabled || loading ? -1 : 0,
         onClick: handleClick,
         ...restProps,
     };
     const getNavigationProps = () => {
         if (href) {
+            if (disabled || loading) {
+                return { role: 'link' };
+            }
             return {
-                href: disabled ? '#' : href,
+                href,
                 target: external || target === '_blank' ? '_blank' : target,
                 rel: external || target === '_blank' ? 'noopener noreferrer' : rel,
             };
@@ -131,11 +151,11 @@ const Button = React__default.forwardRef(({ as, children, variant = 'filled', ic
         if (to) {
             if (Component !== 'a') {
                 return {
-                    to: disabled ? '#' : to,
+                    to: disabled ? undefined : to,
                 };
             }
             return {
-                href: disabled ? '#' : to,
+                href: disabled ? undefined : to,
             };
         }
         if (Component === 'button') {
@@ -146,7 +166,7 @@ const Button = React__default.forwardRef(({ as, children, variant = 'filled', ic
         }
         return {};
     };
-    if (iconOnly && !loading) {
+    if (iconOnly && tooltipText && !loading) {
         return (jsx(Tooltip, { text: tooltipText, side: tooltipSide, align: tooltipAlign, children: jsx(Component, { ...baseProps, ...getNavigationProps(), children: renderContent() }) }));
     }
     return (jsx(Component, { ...baseProps, ...getNavigationProps(), children: renderContent() }));
@@ -2409,8 +2429,18 @@ const ptBR = {
     },
 };
 
-var styles$m = {"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","caption_year_chevron_open":"Calendar-module__caption_year_chevron_open___CNDPO","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$n = {"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,
+    up: ChevronUp16Regular,
+    left: ChevronLeft16Regular,
+    right: ChevronRight16Regular,
+};
+const CustomChevron = ({ orientation = "left", className, }) => {
+    const Icon = FLUENT_CHEVRON_MAP[orientation];
+    return jsx(Icon, { className: className, "aria-hidden": true });
+};
 const GridCtx = createContext(null);
 const GridMonthCaption = ({ calendarMonth, displayIndex: _displayIndex, ...divProps }) => {
     const ctx = useContext(GridCtx);
@@ -2418,7 +2448,7 @@ 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$m.caption_grid_label, children: monthLabel }), jsxs("button", { type: "button", className: styles$m.caption_grid_btn, "aria-pressed": view === "years", onClick: onYearLabelClick, children: [yearLabel, jsx("svg", { className: `${styles$m.caption_year_chevron}${view === "years" ? ` ${styles$m.caption_year_chevron_open}` : ""}`, width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: jsx("path", { d: "M2 4L6 8L10 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] })] }));
+    return (jsxs("div", { ...divProps, children: [jsx("span", { className: styles$n.caption_grid_label, children: monthLabel }), jsxs("button", { type: "button", className: styles$n.caption_grid_btn, "aria-pressed": view === "years", onClick: onYearLabelClick, children: [yearLabel, view !== "days" ? (jsx(ChevronUp16Regular, { className: styles$n.caption_year_chevron, "aria-hidden": true })) : (jsx(ChevronDown16Regular, { className: styles$n.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, id, "aria-label": ariaLabel, }) => {
@@ -2486,7 +2516,7 @@ const Calendar = ({ selected, currentDate, defaultMonth, startMonth, endMonth, o
         onYearLabelClick: handleYearLabelClick,
     };
     const sharedDayPickerProps = {
-        classNames: styles$m,
+        classNames: styles$n,
         animate,
         mode: "single",
         selected: resolvedSelected,
@@ -2498,20 +2528,20 @@ const Calendar = ({ selected, currentDate, defaultMonth, startMonth, endMonth, o
         autoFocus,
         "aria-label": ariaLabel,
     };
-    return (jsx(GridCtx.Provider, { value: gridCtxValue, children: jsxs("div", { className: styles$m.calendar_grid_wrapper, children: [jsx(DayPicker, { id: id, ...sharedDayPickerProps, captionLayout: "label", month: resolvedDisplayMonth, onMonthChange: handleMonthChange, components: { MonthCaption: GridMonthCaption } }), gridView !== "days" && (jsxs("div", { className: `${styles$m.gridOverlay}${gridView === "years" ? ` ${styles$m.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$m.gridOverlayCaption, children: [jsx("span", { className: styles$m.caption_grid_label, children: new Intl.DateTimeFormat(intlLocale, { month: "long" }).format(resolvedDisplayMonth) }), jsxs("button", { type: "button", className: styles$m.caption_grid_btn, onClick: () => setGridView("days"), "aria-label": "Fechar sele\u00E7\u00E3o de m\u00EAs", children: [displayedYear, jsx("svg", { className: `${styles$m.caption_year_chevron} ${styles$m.caption_year_chevron_open}`, width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: jsx("path", { d: "M2 4L6 8L10 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] })] }), jsx("div", { className: styles$m.gridCells, children: monthsGrid.map(({ index, label, disabled: monthDisabled }) => (jsx("button", { type: "button", disabled: monthDisabled, className: `${styles$m.gridCell}${displayedMonthIndex === index ? ` ${styles$m.gridCellActive}` : ""}`, onClick: () => handleGridMonthSelect(index), children: label }, index))) })] })), gridView === "years" && (jsxs(Fragment, { children: [jsxs("div", { className: styles$m.gridOverlayCaption, children: [jsx("span", { className: styles$m.caption_grid_label, children: new Intl.DateTimeFormat(intlLocale, { month: "long" }).format(resolvedDisplayMonth) }), jsxs("button", { type: "button", className: styles$m.caption_grid_btn, onClick: () => setGridView("days"), "aria-label": "Fechar sele\u00E7\u00E3o de ano", children: [displayedYear, jsx("svg", { className: `${styles$m.caption_year_chevron} ${styles$m.caption_year_chevron_open}`, width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: jsx("path", { d: "M2 4L6 8L10 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), jsxs("div", { className: styles$m.gridOverlayYearsNav, children: [jsx("button", { type: "button", className: styles$m.gridNavBtn, disabled: !canGoPrevYears, onClick: () => setYearPageStart((s) => s - YEARS_PER_PAGE), "aria-label": "Anos anteriores", children: jsx("svg", { viewBox: "0 0 12 12", "aria-hidden": "true", className: styles$m.chevronNavBtnPrev, children: jsx("path", { d: "M2 4L6 8L10 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), jsx("button", { type: "button", className: styles$m.gridNavBtn, disabled: !canGoNextYears, onClick: () => setYearPageStart((s) => s + YEARS_PER_PAGE), "aria-label": "Pr\u00F3ximos anos", children: jsx("svg", { viewBox: "0 0 12 12", "aria-hidden": "true", className: styles$m.chevronNavBtnNext, children: jsx("path", { d: "M2 4L6 8L10 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })] })] }), jsx("div", { className: `${styles$m.gridCells} ${styles$m.gridCellsYears}`, children: yearsInPage.map((year) => (jsx("button", { type: "button", className: `${styles$m.gridCell}${displayedYear === year ? ` ${styles$m.gridCellActive}` : ""}`, onClick: () => handleGridYearSelect(year), children: year }, year))) })] }))] }))] }) }));
+    return (jsx(GridCtx.Provider, { value: gridCtxValue, children: jsxs("div", { className: styles$n.calendar_grid_wrapper, children: [jsx(DayPicker, { id: id, ...sharedDayPickerProps, captionLayout: "label", month: resolvedDisplayMonth, onMonthChange: handleMonthChange, components: { MonthCaption: GridMonthCaption, Chevron: CustomChevron } }), gridView !== "days" && (jsxs("div", { className: `${styles$n.gridOverlay}${gridView === "years" ? ` ${styles$n.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$n.gridOverlayCaption, children: [jsx("span", { className: styles$n.caption_grid_label, children: new Intl.DateTimeFormat(intlLocale, { month: "long" }).format(resolvedDisplayMonth) }), jsxs("button", { type: "button", className: styles$n.caption_grid_btn, onClick: () => setGridView("days"), "aria-label": "Fechar sele\u00E7\u00E3o de m\u00EAs", children: [displayedYear, jsx(ChevronUp16Regular, { className: styles$n.caption_year_chevron, "aria-hidden": true })] })] }), jsx("div", { className: styles$n.gridCells, children: monthsGrid.map(({ index, label, disabled: monthDisabled }) => (jsx("button", { type: "button", disabled: monthDisabled, className: `${styles$n.gridCell}${displayedMonthIndex === index ? ` ${styles$n.gridCellActive}` : ""}`, onClick: () => handleGridMonthSelect(index), children: label }, index))) })] })), gridView === "years" && (jsxs(Fragment, { children: [jsxs("div", { className: styles$n.gridOverlayCaption, children: [jsx("span", { className: styles$n.caption_grid_label, children: new Intl.DateTimeFormat(intlLocale, { month: "long" }).format(resolvedDisplayMonth) }), jsxs("button", { type: "button", className: styles$n.caption_grid_btn, onClick: () => setGridView("days"), "aria-label": "Fechar sele\u00E7\u00E3o de ano", children: [displayedYear, jsx(ChevronUp16Regular, { className: styles$n.caption_year_chevron, "aria-hidden": true })] }), jsxs("div", { className: styles$n.gridOverlayYearsNav, children: [jsx("button", { type: "button", className: styles$n.gridNavBtn, disabled: !canGoPrevYears, onClick: () => setYearPageStart((s) => s - YEARS_PER_PAGE), "aria-label": "Anos anteriores", children: jsx(ChevronLeft16Regular, { className: styles$n.chevronNavBtnPrev, "aria-hidden": true }) }), jsx("button", { type: "button", className: styles$n.gridNavBtn, disabled: !canGoNextYears, onClick: () => setYearPageStart((s) => s + YEARS_PER_PAGE), "aria-label": "Pr\u00F3ximos anos", children: jsx(ChevronRight16Regular, { className: styles$n.chevronNavBtnNext, "aria-hidden": true }) })] })] }), jsx("div", { className: `${styles$n.gridCells} ${styles$n.gridCellsYears}`, children: yearsInPage.map((year) => (jsx("button", { type: "button", className: `${styles$n.gridCell}${displayedYear === year ? ` ${styles$n.gridCellActive}` : ""}`, onClick: () => handleGridYearSelect(year), children: year }, year))) })] }))] }))] }) }));
 };
 
-var styles$l = {"zds-callout__container":"Callout-module__zds-callout__container___EoOQd","zds-callout__container__with-title":"Callout-module__zds-callout__container__with-title___NUq2k","zds-callout__neutral":"Callout-module__zds-callout__neutral___ib9gW","zds-callout__brand":"Callout-module__zds-callout__brand___UYVny","zds-callout__color":"Callout-module__zds-callout__color___6ojEV","zds-callout__alert":"Callout-module__zds-callout__alert___gSOsh","zds-callout__success":"Callout-module__zds-callout__success___6W096","zds-callout__title":"Callout-module__zds-callout__title___jmmqj","zds-callout__text":"Callout-module__zds-callout__text___MTO5R","zds-callout__icon":"Callout-module__zds-callout__icon___-CaUD","zds-callout__content":"Callout-module__zds-callout__content___hh0Mj","zds-callout__subcontent":"Callout-module__zds-callout__subcontent___olIpt"};
+var styles$m = {"zds-callout__container":"Callout-module__zds-callout__container___EoOQd","zds-callout__container__with-title":"Callout-module__zds-callout__container__with-title___NUq2k","zds-callout__neutral":"Callout-module__zds-callout__neutral___ib9gW","zds-callout__brand":"Callout-module__zds-callout__brand___UYVny","zds-callout__color":"Callout-module__zds-callout__color___6ojEV","zds-callout__alert":"Callout-module__zds-callout__alert___gSOsh","zds-callout__success":"Callout-module__zds-callout__success___6W096","zds-callout__title":"Callout-module__zds-callout__title___jmmqj","zds-callout__text":"Callout-module__zds-callout__text___MTO5R","zds-callout__icon":"Callout-module__zds-callout__icon___-CaUD","zds-callout__content":"Callout-module__zds-callout__content___hh0Mj","zds-callout__subcontent":"Callout-module__zds-callout__subcontent___olIpt"};
 
 const Callout = ({ type = 'neutral', title, text, icon, className, id, ...rest }) => {
     const generatedId = useId();
     const titleId = id || `callout-title-${generatedId}`;
     const componentId = id || generatedId;
-    const calloutClass = clsx(styles$l['zds-callout__container'], styles$l[`zds-callout__${type}`], {
-        [styles$l['zds-callout__container__with-title']]: title,
-        [styles$l['zds-callout__no-icon']]: !icon,
+    const calloutClass = clsx(styles$m['zds-callout__container'], styles$m[`zds-callout__${type}`], {
+        [styles$m['zds-callout__container__with-title']]: title,
+        [styles$m['zds-callout__no-icon']]: !icon,
     }, className);
-    return (jsx("div", { id: componentId, className: calloutClass, "aria-live": "polite", role: "alert", "aria-labelledby": title ? titleId : undefined, ...rest, children: jsxs("div", { className: styles$l['zds-callout__content'], children: [icon && jsx("span", { className: styles$l['zds-callout__icon'], children: icon }), jsxs("div", { className: styles$l['zds-callout__subcontent'], children: [title && (jsx("span", { id: titleId, className: styles$l['zds-callout__title'], children: title })), text && jsx("span", { className: styles$l['zds-callout__text'], children: text })] })] }) }));
+    return (jsx("div", { id: componentId, className: calloutClass, "aria-live": "polite", role: "alert", "aria-labelledby": title ? titleId : undefined, ...rest, children: jsxs("div", { className: styles$m['zds-callout__content'], children: [icon && jsx("span", { className: styles$m['zds-callout__icon'], children: icon }), jsxs("div", { className: styles$m['zds-callout__subcontent'], children: [title && (jsx("span", { id: titleId, className: styles$m['zds-callout__title'], children: title })), text && jsx("span", { className: styles$m['zds-callout__text'], children: text })] })] }) }));
 };
 
 const CheckSmall = ({ className = '', width = 12, height = 10, fill = 'white', ...restProps }) => {
@@ -2522,45 +2552,47 @@ 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$k = {"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$l = {"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 componentId = id || React.useId();
-    return (jsxs("div", { className: clsx(styles$k.container, className), children: [jsx("div", { className: clsx(styles$k.wrapperCheckbox, {
-                    [styles$k.disabled]: disabled,
-                }), role: "presentation", tabIndex: disabled ? -1 : 0, children: jsx(Checkbox$1.Root, { className: styles$k.root, checked: 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$k.indicator, children: indeterminate ? jsx(CheckHalf, {}) : jsx(CheckSmall, {}) }) }) }), jsx("label", { className: clsx(styles$k.label, { [styles$k.disabled]: disabled }), htmlFor: componentId, children: label })] }));
+    return (jsxs("div", { className: clsx(styles$l.container, className), children: [jsx("div", { className: clsx(styles$l.wrapperCheckbox, {
+                    [styles$l.disabled]: disabled,
+                }), role: "presentation", tabIndex: disabled ? -1 : 0, children: jsx(Checkbox$1.Root, { className: styles$l.root, checked: 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$l.indicator, children: indeterminate ? jsx(CheckHalf, {}) : jsx(CheckSmall, {}) }) }) }), jsx("label", { className: clsx(styles$l.label, { [styles$l.disabled]: disabled }), htmlFor: componentId, children: label })] }));
 };
 
-var styles$j = {"zds-chips":"Chips-module__zds-chips___LEq0v","zds-chips__title":"Chips-module__zds-chips__title___JexH8","zds-chips__icon__left":"Chips-module__zds-chips__icon__left___frGxl","zds-chips__icon__right":"Chips-module__zds-chips__icon__right___3EmZr","has-left-icon":"Chips-module__has-left-icon___BNIkr","has-right-icon":"Chips-module__has-right-icon___jhoos","zds-chips--neutral":"Chips-module__zds-chips--neutral___FyRQq","zds-chips--brand":"Chips-module__zds-chips--brand___GbmJv","zds-chips--color":"Chips-module__zds-chips--color___JpMwI","zds-chips--alert":"Chips-module__zds-chips--alert___MHi5a","zds-chips--success":"Chips-module__zds-chips--success___jg4-F","zds-chips--disabled":"Chips-module__zds-chips--disabled___HkRDl"};
+var styles$k = {"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 = ({ title, leftIcon, rightIcon, type = 'neutral', disabled = false, className, ...rest }) => {
-    if (!title || title.trim() === '') {
-        console.warn('Chips: title prop is required and cannot be empty');
-        return null;
-    }
-    const chipsClass = clsx(styles$j['zds-chips'], styles$j[`zds-chips--${type}`], {
-        [styles$j['zds-chips--disabled']]: disabled,
-        [styles$j['has-left-icon']]: leftIcon,
-        [styles$j['has-right-icon']]: rightIcon,
+const Chips = ({ children, leftIcon, rightIcon, variant = 'neutral', disabled = false, backgroundColor, textColor, className, style, ...restProps }) => {
+    const chipsClass = clsx(styles$k.chips, styles$k[variant], {
+        [styles$k.disabled]: disabled,
+        [styles$k.hasLeftIcon]: leftIcon,
+        [styles$k.hasRightIcon]: rightIcon,
     }, className);
-    return (jsxs("div", { className: chipsClass, "aria-label": `Chip: ${title}`, "aria-disabled": disabled, ...rest, children: [leftIcon && (jsx("span", { className: styles$j['zds-chips__icon__left'], "aria-hidden": "true", children: leftIcon })), jsx("span", { className: styles$j['zds-chips__title'], children: title }), rightIcon && (jsx("span", { className: styles$j['zds-chips__icon__right'], children: rightIcon }))] }));
+    const colorStyle = {
+        ...(!disabled && backgroundColor && { '--chips-bg': `var(--${backgroundColor})` }),
+        ...(!disabled && textColor && { '--chips-text': `var(--${textColor})` }),
+        ...style,
+    };
+    const isInteractive = typeof restProps.onClick === 'function';
+    return (jsxs("div", { className: chipsClass, "aria-disabled": disabled, style: colorStyle, role: isInteractive ? 'button' : undefined, tabIndex: isInteractive ? (disabled ? -1 : 0) : undefined, ...restProps, children: [leftIcon && (jsx("span", { className: styles$k.iconLeft, "aria-hidden": "true", children: leftIcon })), jsx("span", { className: styles$k.title, children: children }), rightIcon && (jsx("span", { className: styles$k.iconRight, children: rightIcon }))] }));
 };
 const MemoizedChips = React__default.memo(Chips);
 MemoizedChips.displayName = 'Chips';
 
-var styles$i = {"container":"Container-module__container___exPuE"};
+var styles$j = {"container":"Container-module__container___exPuE"};
 
 function Container({ children }) {
-    return (jsx("main", { className: `${styles$i['container']} mx-auto`, children: children }));
+    return (jsx("main", { className: `${styles$j['container']} mx-auto`, children: children }));
 }
 
-var styles$h = {"Content":"Popover-module__Content___RIETg"};
+var styles$i = {"Content":"Popover-module__Content___RIETg"};
 
-const Popover = ({ trigger, content, side = "left", align = "start", sideOffset = 8, open, onOpenChange, asAnchor = false, onOpenAutoFocus, onCloseAutoFocus, }) => {
-    return (jsxs(Popover$1.Root, { open: open, onOpenChange: onOpenChange, children: [asAnchor ? (jsx(Popover$1.Anchor, { asChild: true, children: trigger })) : (jsx(Popover$1.Trigger, { asChild: true, children: trigger })), jsx(Popover$1.Portal, { children: jsx(Popover$1.Content, { className: styles$h.Content, 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 }) })] }));
+const Popover = ({ trigger, content, side = "left", align = "start", sideOffset = 8, open, onOpenChange, asAnchor = false, onOpenAutoFocus, onCloseAutoFocus, showArrow = false, }) => {
+    return (jsxs(Popover$1.Root, { open: open, onOpenChange: onOpenChange, 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: styles$i.Content, 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$g = {"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"};
+var styles$h = {"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"};
 
 const validateInput = ({ value, maxLength, errorMessage, required }) => {
     if (required && value.trim() === '') {
@@ -2572,10 +2604,10 @@ const validateInput = ({ value, maxLength, errorMessage, required }) => {
     return '';
 };
 
-var styles$f = {"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"};
+var styles$g = {"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$f.labelContainer, disabled && styles$f.disabledContainer), children: [jsxs(Label.Root, { className: clsx(styles$f.wrapperLabel, error && !disabled && styles$f.errorLabel, disabled && styles$f.disabledLabel, className), htmlFor: htmlFor, children: [children, required && jsx("span", { className: styles$f.requiredLabel, children: "*" })] }), tooltip && (jsx(Tooltip, { side: side, align: align, text: tooltipText || '', children: jsx("span", { className: disabled ? styles$f.disabledIcon : error ?
-                    styles$f.errorIcon : styles$f.infoIcon, children: jsx(Info12Regular, {}) }) }))] }));
+const LabelComponent = ({ children, htmlFor, required = false, tooltip = false, tooltipText, side = 'bottom', align = 'start', className, error = false, disabled = false }) => (jsxs("div", { className: clsx(styles$g.labelContainer, disabled && styles$g.disabledContainer), children: [jsxs(Label.Root, { className: clsx(styles$g.wrapperLabel, error && !disabled && styles$g.errorLabel, disabled && styles$g.disabledLabel, className), htmlFor: htmlFor, children: [children, required && jsx("span", { className: styles$g.requiredLabel, children: "*" })] }), tooltip && (jsx(Tooltip, { side: side, align: align, text: tooltipText || '', children: jsx("span", { className: disabled ? styles$g.disabledIcon : error ?
+                    styles$g.errorIcon : styles$g.infoIcon, children: jsx(Info12Regular, {}) }) }))] }));
 
 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, ...inputProps }, ref) => {
     const normalizeValue = (val) => {
@@ -2637,22 +2669,22 @@ const TextField = forwardRef(({ className, value, label, placeholder, type = 'te
         : helperText
             ? `${componentId}-helper`
             : undefined;
-    const containerClass = clsx(styles$g.container, {
-        [styles$g.disabled]: disabled,
-        [styles$g.error]: hasError && !disabled,
+    const containerClass = clsx(styles$h.container, {
+        [styles$h.disabled]: disabled,
+        [styles$h.error]: hasError && !disabled,
         [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$g.inputWrapper, children: [jsxs("div", { className: styles$g.inputContainer, children: [jsx("input", { ...inputProps, 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({
-                                    [styles$g.inputWithIcon]: showCustomIcon || showClearIcon,
-                                }) }), showCustomIcon && jsx("span", { className: styles$g.icon, children: icon }), showClearIcon && (jsx("button", { type: "button", className: styles$g.clearButton, onMouseDown: (e) => {
+    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$h.inputWrapper, children: [jsxs("div", { className: styles$h.inputContainer, children: [jsx("input", { ...inputProps, 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({
+                                    [styles$h.inputWithIcon]: showCustomIcon || showClearIcon,
+                                }) }), showCustomIcon && jsx("span", { className: styles$h.icon, children: icon }), showClearIcon && (jsx("button", { type: "button", className: styles$h.clearButton, onMouseDown: (e) => {
                                     e.preventDefault();
                                     handleClear();
-                                }, "aria-label": "Limpar campo", tabIndex: -1, children: jsx(Dismiss16Regular, {}) }))] }), jsx("span", { id: helperId, className: styles$g.helperText, "aria-live": hasError ? 'polite' : undefined, children: displayHelperText })] })] }));
+                                }, "aria-label": "Limpar campo", tabIndex: -1, children: jsx(Dismiss16Regular, {}) }))] }), jsx("span", { id: helperId, className: styles$h.helperText, "aria-live": hasError ? 'polite' : undefined, children: displayHelperText })] })] }));
 });
 TextField.displayName = 'TextField';
 var TextField$1 = React__default.memo(TextField);
 
-var styles$e = {"datePicker":"DatePicker-module__datePicker___raJYg","textfieldContainer":"DatePicker-module__textfieldContainer___yy8pT","datePickerIcon":"DatePicker-module__datePickerIcon___XCZsn","datePickerIconDisabled":"DatePicker-module__datePickerIconDisabled___BB-Gx"};
+var styles$f = {"datePicker":"DatePicker-module__datePicker___raJYg","textfieldContainer":"DatePicker-module__textfieldContainer___yy8pT","datePickerIcon":"DatePicker-module__datePickerIcon___XCZsn","datePickerIconDisabled":"DatePicker-module__datePickerIconDisabled___BB-Gx"};
 
 function formatDate(date, locale = 'pt-br') {
     if (!date || !(date instanceof Date)) {
@@ -2873,20 +2905,20 @@ const DatePicker = ({ locale = 'pt-br', calendarSide = 'bottom', calendarAlign =
             }
         }
     };
-    return (jsx("div", { ref: wrapperRef, className: styles$e.datePicker, children: jsx(Popover, { open: showCalendar, onOpenChange: setShowCalendar, asAnchor: true, trigger: jsx(TextField$1, { className: styles$e.textfieldContainer, type: "tel", icon: jsx(Calendar16Regular, { onClick: !disabled ? handleIconClick : undefined, className: clsx(styles$e.datePickerIcon, disabled && styles$e.datePickerIconDisabled) }), onChange: (e) => {
+    return (jsx("div", { ref: wrapperRef, className: styles$f.datePicker, children: jsx(Popover, { open: showCalendar, onOpenChange: setShowCalendar, asAnchor: true, trigger: jsx(TextField$1, { className: styles$f.textfieldContainer, type: "tel", icon: jsx(Calendar16Regular, { onClick: !disabled ? handleIconClick : undefined, className: clsx(styles$f.datePickerIcon, disabled && styles$f.datePickerIconDisabled) }), onChange: (e) => {
                     handleTextFieldChange(String(e));
-                }, onKeyDown: handleKeyDown, onFocus: handleFocus, persistIcon: true, autoComplete: "off", value: displayValue, helperText: !externalError ? (helperText || undefined) : undefined, error: hasValidationError ? (externalError ? combinedHelperText : 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, id: calendarId, onClear: () => {
                     handleDateChange(null);
                     setCurrentDate(new Date());
                 } }), side: calendarSide, align: calendarAlign, sideOffset: 8 }) }));
 };
 var DatePicker_default = React__default.memo(DatePicker);
 
-var styles$d = {"DialogOverlay":"Dialog-module__DialogOverlay___LEX2O","DialogContent":"Dialog-module__DialogContent___ziVXb","DialogTitle":"Dialog-module__DialogTitle___ay1tD","DialogDescription":"Dialog-module__DialogDescription___odslw","DivButtons":"Dialog-module__DivButtons___BiwX-"};
+var styles$e = {"DialogOverlay":"Dialog-module__DialogOverlay___LEX2O","DialogContent":"Dialog-module__DialogContent___ziVXb","DialogTitle":"Dialog-module__DialogTitle___ay1tD","DialogDescription":"Dialog-module__DialogDescription___odslw","DivButtons":"Dialog-module__DivButtons___BiwX-"};
 
-const Dialog = ({ show = false, title, bodyContent, textPrimaryAction, textSecondaryAction, onPrimaryAction, onSecondaryAction, ...restProps }) => (jsx(AlertDialog.Root, { open: show, ...restProps, children: jsxs(AlertDialog.Portal, { children: [jsx(AlertDialog.Overlay, { className: styles$d.DialogOverlay }), jsxs(AlertDialog.Content, { className: styles$d.DialogContent, children: [jsx(AlertDialog.Title, { className: styles$d.DialogTitle, children: title }), jsx(AlertDialog.Description, { className: styles$d.DialogDescription, children: bodyContent }), jsxs("div", { className: styles$d.DivButtons, children: [!!(textSecondaryAction && textSecondaryAction.trim()) && (jsx(AlertDialog.Cancel, { asChild: true, children: jsx(Button, { variant: "outlined", ...(onSecondaryAction && { onClick: onSecondaryAction }), children: textSecondaryAction }) })), jsx(AlertDialog.Action, { asChild: true, children: jsx(Button, { variant: "filled", ...(onPrimaryAction && { onClick: onPrimaryAction }), children: textPrimaryAction }) })] })] })] }) }));
+const Dialog = ({ show = false, title, bodyContent, textPrimaryAction, textSecondaryAction, onPrimaryAction, onSecondaryAction, ...restProps }) => (jsx(AlertDialog.Root, { open: show, ...restProps, children: jsxs(AlertDialog.Portal, { children: [jsx(AlertDialog.Overlay, { className: styles$e.DialogOverlay }), jsxs(AlertDialog.Content, { className: styles$e.DialogContent, children: [jsx(AlertDialog.Title, { className: styles$e.DialogTitle, children: title }), jsx(AlertDialog.Description, { className: styles$e.DialogDescription, children: bodyContent }), jsxs("div", { className: styles$e.DivButtons, children: [!!(textSecondaryAction && textSecondaryAction.trim()) && (jsx(AlertDialog.Cancel, { asChild: true, children: jsx(Button, { variant: "outlined", ...(onSecondaryAction && { onClick: onSecondaryAction }), children: textSecondaryAction }) })), jsx(AlertDialog.Action, { asChild: true, children: jsx(Button, { variant: "filled", ...(onPrimaryAction && { onClick: onPrimaryAction }), children: textPrimaryAction }) })] })] })] }) }));
 
-var styles$c = {"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"};
+var styles$d = {"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, }) => {
     const internalClose = useCallback(() => {
@@ -2935,17 +2967,17 @@ const Drawer = ({ children, headerContent, customWidth = '400px', onClose, title
         event.stopPropagation();
         internalClose();
     };
-    return createPortal(jsxs(Fragment, { children: [jsx("div", { className: clsx(styles$c['drawerShadow'], {
-                    [styles$c['drawerShadow--visible']]: isOpen,
-                }), onClick: handleOverlayClick, role: "presentation", "aria-hidden": "true", "data-testid": "drawer-overlay" }), jsxs("div", { className: clsx(styles$c['drawerSidebar'], {
-                    [styles$c['drawerSidebar--open']]: isOpen,
-                    [styles$c['drawerSidebar--disabled']]: disabled,
+    return createPortal(jsxs(Fragment, { children: [jsx("div", { className: clsx(styles$d['drawerShadow'], {
+                    [styles$d['drawerShadow--visible']]: isOpen,
+                }), onClick: handleOverlayClick, role: "presentation", "aria-hidden": "true", "data-testid": "drawer-overlay" }), jsxs("div", { className: clsx(styles$d['drawerSidebar'], {
+                    [styles$d['drawerSidebar--open']]: isOpen,
+                    [styles$d['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, children: [jsxs("div", { className: styles$c.drawerTitleClose, children: [jsx("div", { className: styles$c.drawerTitle, id: id ? `${id}-title` : 'drawer-title', children: title }), headerContent && (jsx("div", { className: styles$c.drawerHeaderContent, children: headerContent })), jsx(Button, { onClick: handleCloseClick, variant: 'outlined', iconOnly: true, icon: jsx(Dismiss16Regular, {}), size: 'lg' })] }), jsx("div", { className: styles$c.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, children: [jsxs("div", { className: styles$d.drawerTitleClose, children: [jsx("div", { className: styles$d.drawerTitle, id: id ? `${id}-title` : 'drawer-title', children: title }), headerContent && (jsx("div", { className: styles$d.drawerHeaderContent, children: headerContent })), jsx(Button, { onClick: handleCloseClick, variant: 'outlined', iconOnly: true, icon: jsx(Dismiss16Regular, {}), size: 'lg', tooltipText: 'Fechar' })] }), jsx("div", { className: styles$d.drawerChildren, "data-testid": "drawer-content", children: children })] })] }), document.body);
 };
 
-var styles$b = {"search":"Search-module__search___u3QsV","searchLeftIcon":"Search-module__searchLeftIcon___OKOBq","disabled":"Search-module__disabled___adbxO","searchClearIcon":"Search-module__searchClearIcon___qX9-h"};
+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, id, className, 'data-testid': testId, ...rest }, ref) => {
     const [internalValue, setInternalValue] = useState('');
@@ -2993,16 +3025,16 @@ const Search = React__default.forwardRef(({ placeholder = 'Dica do que deve ser
             return;
         onKeyDown?.(e);
     };
-    return (jsxs("div", { className: clsx(styles$b.search, { [styles$b.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, { [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$b.searchLeftIcon, { [styles$b.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 }), currentValue && currentValue.length > 0 && (jsx("span", { className: styles$b.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: 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$c.inputWithClearIcon]: currentValue && currentValue.length > 0 }) }), currentValue && currentValue.length > 0 && (jsx("span", { className: styles$c.searchClearIcon, "aria-hidden": "true", onClick: clearInputSearch, children: jsx(Dismiss16Regular, {}) }))] }));
 });
 Search.displayName = 'Search';
 
-var styles$a = {"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"};
+var styles$b = {"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 [isOpen, setIsOpen] = useState(false);
@@ -3095,34 +3127,34 @@ const Filter = ({ items, type = 'checkbox', selectedIds, onApplyFilter, placehol
             return null;
         return selectedIds.length - 1;
     }, [selectedIds]);
-    const filterClass = clsx(styles$a.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$a.buttonContent, children: [icon && jsx("span", { className: styles$a.buttonIcon, children: icon }), jsx("span", { className: styles$a.buttonText, children: buttonDisplayText }), jsx("span", { className: clsx(styles$a.buttonArrow, { [styles$a.buttonArrowOpen]: isOpen }), children: getBadgeValue() && (jsx(Badge, { badgeValue: `+${getBadgeValue()}`, type: "status" })) })] }) }));
-    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$a.panel, children: [searchVisible && (jsx("div", { className: styles$a.search, children: jsx(Search, { value: searchQuery, placeholder: placeholder, onChange: handleSearchChange, onKeyDown: handleSearchKeyDown, onClear: () => setSearchQuery('') }) })), jsx("ul", { className: styles$a.list, role: "listbox", "aria-multiselectable": type === 'checkbox', children: filteredItems.length > 0 ? (filteredItems.map((item, index) => {
+    const filterClass = clsx(styles$b.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$b.buttonContent, children: [icon && jsx("span", { className: styles$b.buttonIcon, children: icon }), jsx("span", { className: styles$b.buttonText, children: buttonDisplayText }), jsx("span", { className: clsx(styles$b.buttonArrow, { [styles$b.buttonArrowOpen]: isOpen }), children: getBadgeValue() && (jsx(Badge, { badgeValue: `+${getBadgeValue()}`, type: "status" })) })] }) }));
+    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$b.panel, children: [searchVisible && (jsx("div", { className: styles$b.search, children: jsx(Search, { value: searchQuery, placeholder: placeholder, onChange: handleSearchChange, onKeyDown: handleSearchKeyDown, onClear: () => setSearchQuery('') }) })), jsx("ul", { className: styles$b.list, role: "listbox", "aria-multiselectable": type === 'checkbox', 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$a.item, {
-                            [styles$a.itemSelected]: isSelected,
-                            [styles$a.itemDisabled]: item.disabled,
+                    return (jsxs("li", { role: "option", "aria-selected": isSelected, "aria-disabled": item.disabled, className: clsx(styles$b.item, {
+                            [styles$b.itemSelected]: isSelected,
+                            [styles$b.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$a.itemIcon, children: item.icon })), jsx("span", { className: styles$a.itemText, children: item.text })] }, itemId));
-                })) : (jsx("li", { className: styles$a.noResults, role: "status", "aria-live": "polite", children: "Nenhum item encontrado" })) }), jsxs("div", { className: styles$a.footer, children: [jsx(Button, { fullWidth: true, variant: "outlined", onClick: handleClearFilter, children: "Limpar" }), jsx(Button, { fullWidth: true, onClick: handleApplyFilter, children: "Aplicar" })] })] }));
+                        }, children: [type === 'checkbox' && (jsx(Checkbox, { checked: isSelected, disabled: item.disabled, label: "" })), type === 'icon' && item.icon && (jsx("span", { className: styles$b.itemIcon, children: item.icon })), jsx("span", { className: styles$b.itemText, children: item.text })] }, itemId));
+                })) : (jsx("li", { className: styles$b.noResults, role: "status", "aria-live": "polite", children: "Nenhum item encontrado" })) }), jsxs("div", { className: styles$b.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 }) }));
 };
 
-var styles$9 = {"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 = {"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$8 = {"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"};
+var styles$9 = {"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', ...rest }) => {
     const componentId = id || useId();
-    return (jsx(RadioGroup.Root, { id: componentId, className: styles$8.root, defaultValue: defaultValue, onValueChange: onValueChange, name: name, "aria-label": ariaLabel, "data-orientation": orientation, orientation: orientation, ...rest, children: items.map(({ id, value, disabled, label }) => {
+    return (jsx(RadioGroup.Root, { id: componentId, className: styles$9.root, 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$8.wrapper, { [styles$8.disabled]: disabled }), children: jsxs("label", { className: styles$8.labelWrapper, htmlFor: uniqueId, children: [jsx("div", { className: styles$8.itemWrapper, children: jsx(RadioGroup.Item, { disabled: disabled, className: styles$8.item, value: value, id: uniqueId, "data-disabled": disabled, children: jsx(RadioGroup.Indicator, { className: styles$8.indicator }) }) }), jsx("span", { className: styles$8.labelText, children: label })] }) }, itemKey));
+            return (jsx("div", { className: clsx(styles$9.wrapper, { [styles$9.disabled]: disabled }), children: jsxs("label", { className: styles$9.labelWrapper, htmlFor: uniqueId, children: [jsx("div", { className: styles$9.itemWrapper, children: jsx(RadioGroup.Item, { disabled: disabled, className: styles$9.item, value: value, id: uniqueId, "data-disabled": disabled, children: jsx(RadioGroup.Indicator, { className: styles$9.indicator }) }) }), jsx("span", { className: styles$9.labelText, children: label })] }) }, itemKey));
         }) }));
 };
 
@@ -3184,24 +3216,24 @@ const ListItem = ({ id, className, variant = 'text', text, name, subText, disabl
         const currentVariant = validVariants.includes(variant) ? variant : 'text';
         switch (currentVariant) {
             case 'checkbox':
-                return (jsxs(Fragment, { children: [jsx(Checkbox, { checked: internalChecked, disabled: disabled, onCheckedChange: () => handleCheckboxClick({}) }), jsxs("div", { className: styles$9['zds-list-item__wrapper-text'], children: [jsx("span", { id: `${itemId}-text`, className: styles$9['zds-list-item__text'], onClick: handleCheckboxClick, children: text }), showSubText && subText && (jsx("span", { id: `${itemId}-subtext`, className: styles$9['zds-list-item__subtext'], onClick: handleCheckboxClick, children: subText }))] })] }));
+                return (jsxs(Fragment, { children: [jsx(Checkbox, { checked: internalChecked, disabled: disabled, onCheckedChange: () => handleCheckboxClick({}) }), jsxs("div", { className: styles$a['zds-list-item__wrapper-text'], children: [jsx("span", { id: `${itemId}-text`, className: styles$a['zds-list-item__text'], onClick: handleCheckboxClick, children: text }), showSubText && subText && (jsx("span", { id: `${itemId}-subtext`, className: styles$a['zds-list-item__subtext'], onClick: handleCheckboxClick, children: subText }))] })] }));
             case 'radio':
-                return (jsxs(Fragment, { children: [jsx("div", { className: styles$9['zds-list-item__wrapper-radio'], children: jsx("span", { className: styles$9['zds-list-item__radio'], "aria-hidden": "true", children: jsx(Radio, { name: name, onValueChange: () => handleRadioClick({}), items: [{
+                return (jsxs(Fragment, { children: [jsx("div", { className: styles$a['zds-list-item__wrapper-radio'], children: jsx("span", { className: styles$a['zds-list-item__radio'], "aria-hidden": "true", children: jsx(Radio, { name: name, onValueChange: () => handleRadioClick({}), items: [{
                                             value: value || '',
                                             label: '',
                                             disabled: disabled
-                                        }], "aria-labelledby": `${itemId}-text` }) }) }), jsxs("div", { className: styles$9['zds-list-item__wrapper-text'], children: [jsx("span", { id: `${itemId}-text`, className: styles$9['zds-list-item__title'], onClick: handleRadioClick, children: text }), showSubText && subText && (jsx("span", { id: `${itemId}-subtext`, className: styles$9['zds-list-item__subtext'], children: subText }))] })] }));
+                                        }], "aria-labelledby": `${itemId}-text` }) }) }), jsxs("div", { className: styles$a['zds-list-item__wrapper-text'], children: [jsx("span", { id: `${itemId}-text`, className: styles$a['zds-list-item__title'], onClick: handleRadioClick, children: text }), showSubText && subText && (jsx("span", { id: `${itemId}-subtext`, className: styles$a['zds-list-item__subtext'], children: subText }))] })] }));
             case 'icon':
-                return (jsxs(Fragment, { children: [jsx("div", { className: styles$9['zds-list-item__wrapper-icon'], children: icon }), jsxs("div", { className: styles$9['zds-list-item__wrapper-text'], children: [jsx("span", { id: `${itemId}-text`, className: styles$9['zds-list-item__title'], onClick: handleTextOrIconClick, children: text }), showSubText && subText && (jsx("span", { id: `${itemId}-subtext`, className: styles$9['zds-list-item__subtext'], children: subText }))] })] }));
+                return (jsxs(Fragment, { children: [jsx("div", { className: styles$a['zds-list-item__wrapper-icon'], children: icon }), jsxs("div", { className: styles$a['zds-list-item__wrapper-text'], children: [jsx("span", { id: `${itemId}-text`, className: styles$a['zds-list-item__title'], onClick: handleTextOrIconClick, children: text }), showSubText && subText && (jsx("span", { id: `${itemId}-subtext`, className: styles$a['zds-list-item__subtext'], children: subText }))] })] }));
             case 'text':
             default:
-                return (jsxs("div", { className: styles$9['zds-list-item__wrapper-text'], children: [jsx("span", { id: `${itemId}-text`, className: styles$9['zds-list-item__title'], onClick: handleTextOrIconClick, children: text }), showSubText && subText && (jsx("span", { id: `${itemId}-subtext`, className: styles$9['zds-list-item__subtext'], children: subText }))] }));
+                return (jsxs("div", { className: styles$a['zds-list-item__wrapper-text'], children: [jsx("span", { id: `${itemId}-text`, className: styles$a['zds-list-item__title'], onClick: handleTextOrIconClick, children: text }), showSubText && subText && (jsx("span", { id: `${itemId}-subtext`, className: styles$a['zds-list-item__subtext'], children: subText }))] }));
         }
     }, [variant, itemId, internalChecked, disabled, handleCheckboxClick, handleRadioClick, handleTextOrIconClick, value, text, showSubText, subText, icon, name]);
-    const listItemClass = clsx(styles$9['zds-list-item__container'], {
-        [styles$9[`zds-list-item--${variant}`]]: variant,
-        [styles$9['zds-list-item--disabled']]: disabled,
-        [styles$9['zds-list-item--hovered']]: hovered,
+    const listItemClass = clsx(styles$a['zds-list-item__container'], {
+        [styles$a[`zds-list-item--${variant}`]]: variant,
+        [styles$a['zds-list-item--disabled']]: disabled,
+        [styles$a['zds-list-item--hovered']]: hovered,
         [className || '']: className
     });
     const getAriaChecked = useCallback(() => {
@@ -3213,13 +3245,13 @@ const ListItem = ({ id, className, variant = 'text', text, name, subText, disabl
     return (jsx("li", { className: listItemClass, tabIndex: disabled ? -1 : 0, onKeyDown: handleKeyDown, "aria-selected": variant === 'text' || variant === 'icon' ? internalSelected : undefined, "aria-disabled": disabled, "aria-checked": getAriaChecked(), "aria-labelledby": `${itemId}-text`, "aria-describedby": showSubText && subText ? `${itemId}-subtext` : undefined, "data-testid": "list-item", ...rest, children: renderVariantContent() }));
 };
 
-var styles$7 = {"content":"Menu-module__content___pnDF6","subContent":"Menu-module__subContent___O9T-y","itemsWrapper":"Menu-module__itemsWrapper___Fcg71","item":"Menu-module__item___S3HKY","subTrigger":"Menu-module__subTrigger___CdnJE","itemSubText":"Menu-module__itemSubText___U1HFP","itemIcon":"Menu-module__itemIcon___iyxmZ","wrapperText":"Menu-module__wrapperText___PomUe","itemText":"Menu-module__itemText___2fd2B","chevronIcon":"Menu-module__chevronIcon___Gda-U","searchWrapper":"Menu-module__searchWrapper___e0knQ","emptyState":"Menu-module__emptyState___3wh-S","loadingMore":"Menu-module__loadingMore___fUCvH"};
+var styles$8 = {"content":"Menu-module__content___pnDF6","subContent":"Menu-module__subContent___O9T-y","itemsWrapper":"Menu-module__itemsWrapper___Fcg71","item":"Menu-module__item___S3HKY","subTrigger":"Menu-module__subTrigger___CdnJE","itemSubText":"Menu-module__itemSubText___U1HFP","itemIcon":"Menu-module__itemIcon___iyxmZ","wrapperText":"Menu-module__wrapperText___PomUe","itemText":"Menu-module__itemText___2fd2B","chevronIcon":"Menu-module__chevronIcon___Gda-U","searchWrapper":"Menu-module__searchWrapper___e0knQ","emptyState":"Menu-module__emptyState___3wh-S","loadingMore":"Menu-module__loadingMore___fUCvH"};
 
 const MenuItem = memo(({ item, isSelected, onSelect }) => {
     const handleSelect = () => {
         onSelect(item);
     };
-    return (jsxs(DropdownMenu.Item, { className: clsx(styles$7.item), "data-selected": isSelected || undefined, onSelect: handleSelect, disabled: item.disabled, children: [item.icon && jsx("span", { className: styles$7.itemIcon, children: item.icon }), jsxs("div", { className: styles$7.wrapperText, children: [jsx("span", { className: styles$7.itemText, children: item.text }), item.subText && (jsx("span", { className: styles$7.itemSubText, children: item.subText }))] })] }));
+    return (jsxs(DropdownMenu.Item, { className: clsx(styles$8.item), "data-selected": isSelected || undefined, onSelect: handleSelect, disabled: item.disabled, children: [item.icon && jsx("span", { className: styles$8.itemIcon, children: item.icon }), jsxs("div", { className: styles$8.wrapperText, children: [jsx("span", { className: styles$8.itemText, children: item.text }), item.subText && (jsx("span", { className: styles$8.itemSubText, children: item.subText }))] })] }));
 });
 MenuItem.displayName = 'MenuItem';
 
@@ -3441,72 +3473,84 @@ const Menu = ({ items, children, onItemSelect, search, enableInfiniteScroll, onS
     const renderMenuItem = useCallback((item, key) => {
         const hasChildren = item.children && item.children.length > 0;
         if (hasChildren) {
-            return (jsxs(DropdownMenu.Sub, { children: [jsxs(DropdownMenu.SubTrigger, { className: styles$7.subTrigger, disabled: item.disabled, children: [item.icon && (jsx("span", { className: styles$7.itemIcon, children: item.icon })), jsxs("div", { className: styles$7.wrapperText, children: [jsx("span", { className: styles$7.itemText, children: item.text }), item.subText && (jsx("span", { className: styles$7.itemSubText, children: item.subText }))] }), jsx(ChevronRight16Filled, { className: styles$7.chevronIcon })] }), jsx(DropdownMenu.Portal, { children: jsx(DropdownMenu.SubContent, { className: styles$7.subContent, sideOffset: 16, collisionPadding: 20, children: item.children.map((childItem, childIndex) => renderMenuItem(childItem, `${key}-${childIndex}`)) }) })] }, key));
+            return (jsxs(DropdownMenu.Sub, { children: [jsxs(DropdownMenu.SubTrigger, { className: styles$8.subTrigger, disabled: item.disabled, children: [item.icon && (jsx("span", { className: styles$8.itemIcon, children: item.icon })), jsxs("div", { className: styles$8.wrapperText, children: [jsx("span", { className: styles$8.itemText, children: item.text }), item.subText && (jsx("span", { className: styles$8.itemSubText, children: item.subText }))] }), jsx(ChevronRight16Filled, { className: styles$8.chevronIcon })] }), jsx(DropdownMenu.Portal, { children: jsx(DropdownMenu.SubContent, { className: styles$8.subContent, sideOffset: 16, collisionPadding: 20, children: item.children.map((childItem, childIndex) => renderMenuItem(childItem, `${key}-${childIndex}`)) }) })] }, key));
         }
         return (jsx(MenuItem, { item: item, isSelected: isItemSelected(item), onSelect: handleItemSelect }, key));
     }, [handleItemSelect, isItemSelected]);
+    const closedByPointerRef = useRef(false);
     const handleOpenChange = (newOpen) => {
         setOpen(newOpen);
         if (!newOpen) {
             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$7.content, className), sideOffset: 8, align: align, onKeyDown: (e) => {
+    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$8.content, className), sideOffset: 8, align: align, onInteractOutside: () => { closedByPointerRef.current = true; }, onCloseAutoFocus: (e) => {
+                        if (closedByPointerRef.current) {
+                            e.preventDefault();
+                            closedByPointerRef.current = false;
+                        }
+                    }, onKeyDown: (e) => {
                         if (search) {
                             e.stopPropagation();
                         }
-                    }, ...rest, children: [search && (jsx("div", { className: styles$7.searchWrapper, children: jsx(Search, { placeholder: "Buscar", onChange: handleSearchChange, value: searchInput, onKeyDown: handleSearchKeyDown }) })), jsxs("div", { className: styles$7.itemsWrapper, ref: itemsWrapperRef, style: { maxHeight: maxHeightStyle }, children: [filteredItems.length > 0 ? (filteredItems.map((item, index) => renderMenuItem(item, item.value || item.text || `item-${index}`))) : (jsx("div", { className: styles$7.emptyState, children: "Nenhum item encontrado" })), enableInfiniteScroll && isLoadingMore && (jsx("div", { className: styles$7.loadingMore, children: "Carregando mais itens..." })), enableInfiniteScroll && (jsx("div", { ref: sentinelRef, "data-scroll-sentinel": true, style: { height: '1px', visibility: 'hidden' } }))] })] }) })] }));
+                    }, ...rest, children: [search && (jsx("div", { className: styles$8.searchWrapper, children: jsx(Search, { placeholder: "Buscar", onChange: handleSearchChange, value: searchInput, onKeyDown: handleSearchKeyDown }) })), jsxs("div", { className: styles$8.itemsWrapper, ref: itemsWrapperRef, style: { maxHeight: maxHeightStyle }, children: [filteredItems.length > 0 ? (filteredItems.map((item, index) => renderMenuItem(item, item.value || item.text || `item-${index}`))) : (jsx("div", { className: styles$8.emptyState, children: "Nenhum item encontrado" })), enableInfiniteScroll && isLoadingMore && (jsx("div", { className: styles$8.loadingMore, children: "Carregando mais itens..." })), enableInfiniteScroll && (jsx("div", { ref: sentinelRef, "data-scroll-sentinel": true, style: { height: '1px', visibility: 'hidden' } }))] })] }) })] }));
+};
+
+var styles$7 = {"modalOverlay":"Modal-module__modalOverlay___rI8Wz","modalContent":"Modal-module__modalContent___6Cgb1","modalContent--fullscreen":"Modal-module__modalContent--fullscreen___QeBlG","modalHeader":"Modal-module__modalHeader___IuHIg","modalTitle":"Modal-module__modalTitle___9VDmr","modalBody":"Modal-module__modalBody___ohjQm"};
+
+const Modal = ({ isOpen = false, onClose, title, children, headerContent, closeOnOverlayClick = true, className, id, footer, customWidth, fullscreen = false, }) => {
+    const handleOpenChange = (open) => {
+        if (!open) {
+            onClose();
+        }
+    };
+    return (jsx(Dialog$1.Root, { open: isOpen, onOpenChange: handleOpenChange, children: jsxs(Dialog$1.Portal, { children: [jsx(Dialog$1.Overlay, { className: styles$7.modalOverlay }), jsxs(Dialog$1.Content, { className: clsx(styles$7.modalContent, fullscreen && styles$7['modalContent--fullscreen'], className), id: id, style: {
+                        '--modal-custom-width': customWidth,
+                    }, onInteractOutside: !closeOnOverlayClick ? (e) => e.preventDefault() : undefined, "aria-labelledby": id ? `${id}-title` : 'modal-title', children: [jsxs("div", { className: styles$7.modalHeader, children: [title && (jsx(Dialog$1.Title, { className: styles$7.modalTitle, id: id ? `${id}-title` : 'modal-title', children: title })), headerContent && (jsx("div", { children: headerContent })), jsx(Dialog$1.Close, { asChild: true, children: jsx(Button, { variant: "outlined", iconOnly: true, icon: jsx(Dismiss16Regular, {}), size: "lg", tooltipText: 'Fechar' }) })] }), jsx("div", { className: styles$7.modalBody, children: children }), footer && (jsx("div", { className: styles$7.modalFooter, children: footer }))] })] }) }));
 };
 
-var styles$6 = {"zds-quantity":"Quantity-module__zds-quantity___AymLj","zds-quantity__input":"Quantity-module__zds-quantity__input___Wlhmo"};
+var styles$6 = {"quantity":"Quantity-module__quantity___-vndR","quantityInput":"Quantity-module__quantityInput___xZG-v","disabled":"Quantity-module__disabled___X6p5l"};
 
-const Quantity = ({ defaultValue = 0, value: controlledValue, onChange, disabled = false, decimal = false, decimalPlaces = 2, size = 'lg', id, step, className, ...rest }) => {
-    const isControlled = controlledValue !== undefined;
-    const [value, setValue] = useState(isControlled ? controlledValue : defaultValue);
-    const [inputValue, setInputValue] = useState(decimal
-        ? (isControlled ? controlledValue : defaultValue).toFixed(decimalPlaces)
-        : String(isControlled ? controlledValue : defaultValue));
+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 initialValue = Math.min(Math.max(value, minValue), maxValue);
+    const [internalValue, setInternalValue] = useState(initialValue);
+    const [inputValue, setInputValue] = useState(decimal ? initialValue.toFixed(decimalPlaces) : String(initialValue));
     const inputRef = useRef(null);
-    const stepValue = step !== undefined ? step : decimal ? Math.pow(10, -decimalPlaces) : 1;
-    const computedValue = useMemo(() => (isControlled ? controlledValue : value), [isControlled, controlledValue, value]);
-    const isMinValue = useMemo(() => computedValue === 0, [computedValue]);
-    const validateProps = (decimalPlaces, step) => {
+    const stepValue = valueIncrement !== undefined ? valueIncrement : decimal ? Math.pow(10, -decimalPlaces) : 1;
+    const isMinValue = useMemo(() => internalValue <= minValue, [internalValue, minValue]);
+    const isMaxValue = useMemo(() => internalValue >= maxValue, [internalValue, maxValue]);
+    const validateProps = (decimalPlaces, valueIncrement) => {
         if (decimalPlaces !== undefined && (decimalPlaces < 1 || decimalPlaces > 10)) {
             console.warn('decimalPlaces deve estar entre 1 e 10');
         }
-        if (step !== undefined && step <= 0) {
-            console.warn('step deve ser maior que 0');
+        if (valueIncrement !== undefined && valueIncrement <= 0) {
+            console.warn('valueIncrement deve ser maior que 0');
         }
     };
     useEffect(() => {
-        validateProps(decimalPlaces, step);
+        validateProps(decimalPlaces, valueIncrement);
     }, []);
     useEffect(() => {
-        if (isControlled && controlledValue !== undefined) {
-            setValue(controlledValue);
-            setInputValue(decimal ? controlledValue.toFixed(decimalPlaces) : String(controlledValue));
-        }
-    }, [controlledValue, decimal, decimalPlaces, isControlled]);
+        const clamped = Math.min(Math.max(value, minValue), maxValue);
+        setInternalValue(clamped);
+        setInputValue(decimal ? clamped.toFixed(decimalPlaces) : String(clamped));
+    }, [value, minValue, maxValue, decimal, decimalPlaces]);
     const increment = useCallback(() => {
         if (disabled)
             return;
-        const newValue = computedValue + stepValue;
-        if (!isControlled) {
-            setValue(newValue);
-            setInputValue(decimal ? newValue.toFixed(decimalPlaces) : String(newValue));
-        }
+        const newValue = Math.min(maxValue, internalValue + stepValue);
+        setInternalValue(newValue);
+        setInputValue(decimal ? newValue.toFixed(decimalPlaces) : String(newValue));
         onChange?.(newValue);
-    }, [disabled, computedValue, stepValue, decimal, decimalPlaces, isControlled, onChange]);
+    }, [disabled, internalValue, stepValue, decimal, decimalPlaces, onChange, maxValue]);
     const decrement = useCallback(() => {
         if (disabled)
             return;
-        const newValue = Math.max(0, computedValue - stepValue);
-        if (!isControlled) {
-            setValue(newValue);
-            setInputValue(decimal ? newValue.toFixed(decimalPlaces) : String(newValue));
-        }
+        const newValue = Math.max(minValue, internalValue - stepValue);
+        setInternalValue(newValue);
+        setInputValue(decimal ? newValue.toFixed(decimalPlaces) : String(newValue));
         onChange?.(newValue);
-    }, [disabled, computedValue, stepValue, decimal, decimalPlaces, isControlled, onChange]);
+    }, [disabled, internalValue, stepValue, decimal, decimalPlaces, onChange, minValue]);
     const filterInput = useCallback((inputValue) => {
         if (decimal) {
             let filtered = inputValue.replace(/[^\d.]/g, '');
@@ -3534,9 +3578,6 @@ const Quantity = ({ defaultValue = 0, value: controlledValue, onChange, disabled
         const filteredValue = filterInput(rawValue);
         setInputValue(filteredValue);
         if (filteredValue === '' || filteredValue === '.') {
-            if (!isControlled) {
-                setValue(0);
-            }
             onChange?.(0);
             return;
         }
@@ -3546,31 +3587,24 @@ const Quantity = ({ defaultValue = 0, value: controlledValue, onChange, disabled
             }
             const parsedValue = parseFloat(filteredValue);
             if (!isNaN(parsedValue)) {
-                if (!isControlled) {
-                    setValue(parsedValue);
-                }
                 onChange?.(parsedValue);
             }
         }
         else {
             const parsedValue = parseInt(filteredValue, 10);
             if (!isNaN(parsedValue)) {
-                const validValue = Math.min(parsedValue, 9999);
-                if (!isControlled) {
-                    setValue(validValue);
-                }
+                const validValue = Math.min(Math.max(parsedValue, minValue), maxValue);
                 onChange?.(validValue);
             }
         }
-    }, [disabled, decimal, isControlled, onChange]);
+    }, [disabled, decimal, filterInput, onChange, minValue, maxValue]);
     const handleBlur = useCallback(() => {
         if (disabled)
             return;
         const currentValue = inputValue.trim();
         if (decimal) {
             if (currentValue === '' || currentValue === '.') {
-                const resetValue = computedValue;
-                setInputValue(resetValue.toFixed(decimalPlaces));
+                setInputValue(internalValue.toFixed(decimalPlaces));
                 return;
             }
             if (currentValue.endsWith('.')) {
@@ -3578,46 +3612,40 @@ const Quantity = ({ defaultValue = 0, value: controlledValue, onChange, disabled
                 if (!isNaN(baseValue)) {
                     const formattedValue = baseValue.toFixed(decimalPlaces);
                     setInputValue(formattedValue);
-                    if (!isControlled) {
-                        setValue(baseValue);
-                    }
+                    setInternalValue(baseValue);
                     onChange?.(baseValue);
                 }
                 return;
             }
             const parsedValue = parseFloat(currentValue);
             if (!isNaN(parsedValue)) {
-                const normalizedValue = Math.max(0, parsedValue);
+                const normalizedValue = Math.min(Math.max(parsedValue, minValue), maxValue);
                 const formattedValue = normalizedValue.toFixed(decimalPlaces);
                 setInputValue(formattedValue);
-                if (!isControlled) {
-                    setValue(normalizedValue);
-                }
+                setInternalValue(normalizedValue);
                 onChange?.(normalizedValue);
             }
             else {
-                setInputValue(computedValue.toFixed(decimalPlaces));
+                setInputValue(internalValue.toFixed(decimalPlaces));
             }
         }
         else {
             if (currentValue === '') {
-                setInputValue(String(computedValue));
+                setInputValue(String(internalValue));
                 return;
             }
             const parsedValue = parseInt(currentValue, 10);
             if (isNaN(parsedValue)) {
-                setInputValue(String(computedValue));
+                setInputValue(String(internalValue));
             }
             else {
-                const normalizedValue = Math.max(0, Math.min(parsedValue, 9999));
+                const normalizedValue = Math.min(Math.max(parsedValue, minValue), maxValue);
                 setInputValue(String(normalizedValue));
-                if (!isControlled) {
-                    setValue(normalizedValue);
-                }
+                setInternalValue(normalizedValue);
                 onChange?.(normalizedValue);
             }
         }
-    }, [disabled, decimal, inputValue, decimalPlaces, computedValue, isControlled, onChange]);
+    }, [disabled, decimal, inputValue, decimalPlaces, internalValue, onChange, minValue, maxValue]);
     const handleInputKeyDown = useCallback((e) => {
         if (disabled)
             return;
@@ -3639,40 +3667,35 @@ const Quantity = ({ defaultValue = 0, value: controlledValue, onChange, disabled
             case 'Escape':
                 e.preventDefault();
                 if (inputRef.current) {
-                    setInputValue(decimal ? computedValue.toFixed(decimalPlaces) : String(computedValue));
+                    setInputValue(decimal ? internalValue.toFixed(decimalPlaces) : String(internalValue));
                     inputRef.current.blur();
                 }
                 break;
             case 'Home':
                 e.preventDefault();
-                const minValue = 0;
-                if (!isControlled) {
-                    setValue(minValue);
-                    setInputValue(decimal ? minValue.toFixed(decimalPlaces) : String(minValue));
-                }
+                setInternalValue(minValue);
+                setInputValue(decimal ? minValue.toFixed(decimalPlaces) : String(minValue));
                 onChange?.(minValue);
                 break;
             case 'End':
                 if (!decimal) {
                     e.preventDefault();
-                    const maxValue = 9999;
-                    if (!isControlled) {
-                        setValue(maxValue);
-                        setInputValue(String(maxValue));
-                    }
+                    setInternalValue(maxValue);
+                    setInputValue(String(maxValue));
                     onChange?.(maxValue);
                 }
                 break;
         }
-    }, [disabled, increment, decrement, decimal, decimalPlaces, isControlled, onChange, computedValue]);
+    }, [disabled, increment, decrement, decimal, decimalPlaces, onChange, internalValue, minValue, maxValue]);
+    const inputSizeValue = inputSize !== undefined ? inputSize : Math.max(1, inputValue.length);
     const uniqueId = useId();
     const inputId = id || uniqueId;
-    return (jsxs("div", { className: clsx(styles$6['zds-quantity'], { disabled }, className), ...rest, children: [jsx(Button, { variant: 'outlined', size: size, type: 'button', iconOnly: true, icon: jsx(Subtract16Regular, {}), onClick: decrement, disabled: disabled || isMinValue, "aria-label": 'Diminuir quantidade' }), jsx("input", { ref: inputRef, className: clsx(styles$6['zds-quantity__input'], { disabled }), type: 'text', value: inputValue, onChange: handleInputChange, onBlur: handleBlur, onKeyDown: handleInputKeyDown, id: inputId, min: '0', step: stepValue, "aria-label": 'Quantidade', role: 'spinbutton', "aria-valuenow": computedValue, "aria-valuemin": 0, "aria-valuemax": decimal ? undefined : 9999, disabled: disabled, inputMode: decimal ? 'decimal' : 'numeric' }), jsx(Button, { variant: 'outlined', size: size, type: 'button', iconOnly: true, onClick: increment, disabled: disabled, "aria-label": 'Aumentar quantidade', icon: jsx(Add16Regular, {}) })] }));
+    return (jsxs("div", { className: clsx(styles$6.quantity, { [styles$6.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$6.quantityInput, { [styles$6.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';
 
-var styles$5 = {"fieldContainer":"index-module__fieldContainer___gp5Hz","trigger":"index-module__trigger___rHQJz","disabled":"index-module__disabled___MIJba","open":"index-module__open___bVB-1","error":"index-module__error___nPFjW","hasValue":"index-module__hasValue___a4Sy4","triggerText":"index-module__triggerText___tyjAQ","containerLabel":"index-module__containerLabel___CExNh","content":"index-module__content___9nWeY","viewport":"index-module__viewport___nkVG9","group":"index-module__group___-PiX6","container":"index-module__container___Wg-pd","searchWrapper":"index-module__searchWrapper___umf9d","item":"index-module__item___R-Xle","subTitle":"index-module__subTitle___sXaqd","checkboxItem":"index-module__checkboxItem___FTUbN","checkboxContent":"index-module__checkboxContent___skcd5","itemWrapper":"index-module__itemWrapper___PAglx","title":"index-module__title___x1Bia","icon":"index-module__icon___l2Zze","itemIndicator":"index-module__itemIndicator___FhOim","textContent":"index-module__textContent___cBJbp","helper":"index-module__helper___w4VC7","errorMessage":"index-module__errorMessage___gquqW","noResults":"index-module__noResults___qgzod","loadingMore":"index-module__loadingMore___GHc31","expandableItemContainer":"index-module__expandableItemContainer___NexPi","chevron":"index-module__chevron___c6mu-","childrenWrapper":"index-module__childrenWrapper___tj2R-"};
+var styles$5 = {"fieldContainer":"Select-module__fieldContainer___zkWSZ","trigger":"Select-module__trigger___xZVUG","disabled":"Select-module__disabled___kkzG-","open":"Select-module__open___bTuTy","error":"Select-module__error___yikGO","hasValue":"Select-module__hasValue___56T9r","triggerText":"Select-module__triggerText___tfXlq","containerLabel":"Select-module__containerLabel___-5qpN","content":"Select-module__content___Eftze","viewport":"Select-module__viewport___mMGOo","group":"Select-module__group___wErLt","container":"Select-module__container___U1UI1","searchWrapper":"Select-module__searchWrapper___H01Wp","item":"Select-module__item___72Rnu","subTitle":"Select-module__subTitle___FdYBH","checkboxItem":"Select-module__checkboxItem___Ehw-a","checkboxContent":"Select-module__checkboxContent___7eKLC","itemWrapper":"Select-module__itemWrapper___nPovg","title":"Select-module__title___bqW3p","icon":"Select-module__icon___RH27W","itemIndicator":"Select-module__itemIndicator___4DBU-","textContent":"Select-module__textContent___k1SLX","helper":"Select-module__helper___pTp7X","errorMessage":"Select-module__errorMessage___--vrn","noResults":"Select-module__noResults___IxsAN","loadingMore":"Select-module__loadingMore___DjAUE","expandableItemContainer":"Select-module__expandableItemContainer___w4ZIb","chevron":"Select-module__chevron___Kgee3","childrenWrapper":"Select-module__childrenWrapper___2NnS-"};
 
 const CheckboxSelectItem = ({ text, subTitle, disabled, checked, onCheckedChange, value, ...restProps }) => {
     const itemRef = useRef(null);
@@ -3747,12 +3770,12 @@ const ExpandableSelectItem = ({ item, variant, onSelect, selectedValues, level =
                     }, role: "button", tabIndex: item.disabled ? -1 : 0, "data-disabled": item.disabled || undefined, "data-selected": isSelected && !hasChildren ? 'true' : undefined, "data-testid": `select-item-${item.value}`, children: [variant === 'icon' && item.icon && (jsx("span", { className: styles$5.icon, children: item.icon })), jsxs("div", { className: styles$5.textContent, children: [jsx("div", { className: styles$5.title, children: item.text }), item.subTitle && jsx("div", { className: styles$5.subTitle, children: item.subTitle })] }), hasChildren && (jsx("span", { className: styles$5.chevron, children: isExpanded ? jsx(ChevronDown16Regular, {}) : jsx(ChevronRight16Regular, {}) }))] }) }), hasChildren && isExpanded && (jsx("div", { className: styles$5.childrenWrapper, children: item.children.map((child) => (jsx(ExpandableSelectItem, { item: child, variant: variant, onSelect: onSelect, selectedValues: selectedValues, level: level + 1 }, child.id || child.value))) }))] }));
 };
 
-const SelectItem = React__default.forwardRef(({ text, subTitle, icon, disabled, value, variant, ...restProps }, ref) => {
+const SelectItem = React__default.forwardRef(({ text, subTitle, icon, disabled, value, variant, disableFocusOnHover, ...restProps }, ref) => {
     return (jsxs("div", { className: clsx(styles$5.itemWrapper, {
             [styles$5.disabled]: disabled,
         }), "data-disabled": disabled || undefined, "data-testid": `select-item-${value}`, ref: ref, children: [variant === 'icon' && icon && (jsx("span", { className: styles$5.icon, children: icon })), jsxs(Select$1.Item, { className: clsx(styles$5.item, {
                     [styles$5.disabled]: disabled,
-                }), value: value, disabled: disabled, ...restProps, children: [jsx(Select$1.ItemText, { className: styles$5.title, children: text }), subTitle && jsx("div", { className: styles$5.subTitle, children: subTitle }), jsx(Select$1.ItemIndicator, { className: styles$5.itemIndicator })] })] }));
+                }), value: value, disabled: disabled, onPointerMove: disableFocusOnHover ? (e) => e.preventDefault() : undefined, ...restProps, children: [jsx(Select$1.ItemText, { className: styles$5.title, children: text }), subTitle && jsx("div", { className: styles$5.subTitle, children: subTitle }), jsx(Select$1.ItemIndicator, { className: styles$5.itemIndicator })] })] }));
 });
 SelectItem.displayName = 'SelectItem';
 
@@ -4061,14 +4084,14 @@ const Select = ({ items, onValueChange, onOpenChange, variant, required = false,
             onApiSearch('');
         }
     };
-    return (jsx(Select$1.Root, { value: variant === 'checkbox' ? '' : (state.selectedValues[0] || ''), onValueChange: variant === 'checkbox' ? undefined : actions.handleSingleSelect, required: required, open: state.isOpen, onOpenChange: actions.setOpen, disabled: disabled, ...restProps, children: jsxs("div", { className: clsx(styles$5.container, className), style: containerStyle, "data-testid": testId, children: [jsx("div", { className: styles$5.fieldContainer, children: jsxs("div", { className: styles$5.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$5.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, ...restProps, children: jsxs("div", { className: clsx(styles$5.container, className), style: containerStyle, "data-testid": testId, children: [jsx("div", { className: styles$5.fieldContainer, children: jsxs("div", { className: styles$5.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$5.trigger, {
                                     [styles$5.error]: state.hasError && state.touched,
                                     [styles$5.disabled]: disabled,
                                     [styles$5.hasValue]: state.selectedValues.length > 0,
                                     [styles$5.open]: state.isOpen,
                                 }), id: selectId, "aria-label": ariaLabel, "data-testid": `${testId}-trigger`, children: [variant === 'checkbox' ? (jsx("span", { className: styles$5.triggerText, children: displayText })) : (jsx(Select$1.Value, { placeholder: placeholder, className: styles$5.placeholder, children: displayText })), state.isOpen ? jsx(ChevronUp16Regular, {}) : jsx(ChevronDown16Regular, {})] }), !state.isOpen && helperText && !state.hasError && (jsx("span", { className: clsx(styles$5.helper, {
                                     [styles$5.disabled]: disabled
-                                }), children: helperText })), state.hasError && state.touched && (jsx("span", { className: styles$5.errorMessage, children: errorMessage || 'Campo obrigatório' }))] }) }), jsx(Select$1.Portal, { children: jsxs(Select$1.Content, { className: styles$5.content, position: "popper", side: "bottom", sideOffset: 8, align: "start", avoidCollisions: true, children: [search && (jsx("div", { className: styles$5.searchWrapper, children: jsx(Search, { ref: refs.searchInputRef, className: styles$5.search, placeholder: "Buscar", value: state.searchInput, onChange: handleSearchChange, onKeyDown: handleSearchKeyDown, onClear: handleClear, "data-testid": `${testId}-search` }) })), jsx(Select$1.Viewport, { ref: viewportRef, className: styles$5.viewport, children: jsx(Select$1.Group, { className: styles$5.group, children: filteredItems.length === 0 ? (jsx("div", { className: styles$5.noResults, children: "Nenhum resultado encontrado" })) : (jsxs(Fragment, { children: [filteredItems.map((item) => {
+                                }), children: helperText })), state.hasError && state.touched && (jsx("span", { className: styles$5.errorMessage, children: errorMessage || 'Campo obrigatório' }))] }) }), jsx(Select$1.Portal, { children: jsxs(Select$1.Content, { className: styles$5.content, position: "popper", side: "bottom", sideOffset: 8, align: "start", avoidCollisions: true, children: [search && (jsx("div", { className: styles$5.searchWrapper, children: jsx(Search, { ref: refs.searchInputRef, className: styles$5.search, placeholder: "Buscar", value: state.searchInput, onChange: handleSearchChange, onKeyDown: handleSearchKeyDown, onClear: handleClear, "data-testid": `${testId}-search` }) })), jsx(Select$1.Viewport, { ref: viewportRef, className: styles$5.viewport, "data-testid": testId ? `${testId}-viewport` : undefined, children: jsx(Select$1.Group, { className: styles$5.group, children: filteredItems.length === 0 ? (jsx("div", { className: styles$5.noResults, children: "Nenhum resultado encontrado" })) : (jsxs(Fragment, { children: [filteredItems.map((item) => {
                                                 const hasChildren = item.children && item.children.length > 0;
                                                 if (hasChildren) {
                                                     return (jsx(ExpandableSelectItem, { item: item, variant: variant, selectedValues: state.selectedValues, onSelect: (value) => {
@@ -4081,12 +4104,12 @@ const Select = ({ items, onValueChange, onOpenChange, variant, required = false,
                                                             }
                                                         } }, item.id || item.value));
                                                 }
-                                                return variant === 'checkbox' ? (jsx(CheckboxSelectItem, { ...item, checked: state.selectedValues.includes(item.value), onCheckedChange: (checked) => actions.handleMultipleSelect(item.value, checked) }, item.id || item.value)) : (jsx(SelectItem, { ...item, variant: variant }, item.id || item.value));
+                                                return variant === 'checkbox' ? (jsx(CheckboxSelectItem, { ...item, checked: state.selectedValues.includes(item.value), onCheckedChange: (checked) => actions.handleMultipleSelect(item.value, checked) }, item.id || item.value)) : (jsx(SelectItem, { ...item, variant: variant, disableFocusOnHover: search }, item.id || item.value));
                                             }), enableInfiniteScroll && isLoadingMore && (jsx("div", { className: styles$5.loadingMore, children: "Carregando mais itens..." }))] })) }) })] }) })] }) }));
 };
 Select.displayName = 'Select';
 
-var styles$4 = {"zds-table__container":"Table-module__zds-table__container___9xeVY","zds-table-header":"Table-module__zds-table-header___uPRjd","zds-table__scroll-wrapper":"Table-module__zds-table__scroll-wrapper___xQZPq","zds-table":"Table-module__zds-table___bPvaS","zds-table__head":"Table-module__zds-table__head___FvQuS","zds-table__th":"Table-module__zds-table__th___R03sj","zds-table__th-content":"Table-module__zds-table__th-content___duR3c","zds-table__td":"Table-module__zds-table__td___aY-Nt","zds-table-header__filters-placeholder":"Table-module__zds-table-header__filters-placeholder___GhVwi","zds-table__body":"Table-module__zds-table__body___kuKXb","zds-table__empty":"Table-module__zds-table__empty___ZM4iu","zds-table__empty__content":"Table-module__zds-table__empty__content___8xl-u","zds-table__empty__title":"Table-module__zds-table__empty__title___7Y9Pj","zds-table__empty__caption":"Table-module__zds-table__empty__caption___toS00","zds-table__row":"Table-module__zds-table__row___8cEjq","zds-table__empty-cell":"Table-module__zds-table__empty-cell___Ldb6Z","zds-table-header__search":"Table-module__zds-table-header__search___yzLxw","zds-table__pagination":"Table-module__zds-table__pagination___FR5GH","zds-table-header__search-container":"Table-module__zds-table-header__search-container___-Fzz1","zds-table-header__filters":"Table-module__zds-table-header__filters___ViH07","zds-table-header__filter-label":"Table-module__zds-table-header__filter-label___c3BWI","zds-table-header__custom-filters":"Table-module__zds-table-header__custom-filters___oTuoM","zds-table-header__filters-content":"Table-module__zds-table-header__filters-content___nKlgL","zds-table-header__filters-wrapper":"Table-module__zds-table-header__filters-wrapper___BrZ9A","zds-table-header__filter-items":"Table-module__zds-table-header__filter-items___Tn8Yv","zds-table__pagination-select":"Table-module__zds-table__pagination-select___TZK-y","zds-table__pagination-info":"Table-module__zds-table__pagination-info___3k-B2","zds-table__pagination-controls":"Table-module__zds-table__pagination-controls___S-zs7","zds-table__pagination-button":"Table-module__zds-table__pagination-button___Wvq9W"};
+var styles$4 = {"tableContainer":"Table-module__tableContainer___cHghX","tableHeader":"Table-module__tableHeader___CFqva","tablePagination":"Table-module__tablePagination___SJ0BH","tableScrollWrapper":"Table-module__tableScrollWrapper___PsYEs","table":"Table-module__table___-ZPCW","tableHead":"Table-module__tableHead___KdeWe","tableTh":"Table-module__tableTh___RhFF-","tableThContent":"Table-module__tableThContent___0gb7Q","tableTd":"Table-module__tableTd___VNUbM","tableHeaderFiltersPlaceholder":"Table-module__tableHeaderFiltersPlaceholder___C0znI","tableBody":"Table-module__tableBody___SgUJp","tableEmpty":"Table-module__tableEmpty___ol2jk","tableEmptyContent":"Table-module__tableEmptyContent___MO1jn","tableEmptyTitle":"Table-module__tableEmptyTitle___XK-SV","tableEmptyCaption":"Table-module__tableEmptyCaption___wZ2Vm","tableRow":"Table-module__tableRow___-jm80","tableEmptyCell":"Table-module__tableEmptyCell___IOaz7","tableHeaderSearch":"Table-module__tableHeaderSearch___dcdu6","tableHeaderSearchContainer":"Table-module__tableHeaderSearchContainer___ViJ-s","tableHeaderFilters":"Table-module__tableHeaderFilters___tVbNC","tableHeaderFilterLabel":"Table-module__tableHeaderFilterLabel___jHUOc","tableHeaderCustomFilters":"Table-module__tableHeaderCustomFilters___Dt8Hm","tableHeaderFiltersContent":"Table-module__tableHeaderFiltersContent___hlOoY","tableHeaderFiltersWrapper":"Table-module__tableHeaderFiltersWrapper___7pUDB","tableHeaderFilterItems":"Table-module__tableHeaderFilterItems___myG2q","tablePaginationSelect":"Table-module__tablePaginationSelect___Ag-s0","tablePaginationInfo":"Table-module__tablePaginationInfo___v6fYn","tablePaginationControls":"Table-module__tablePaginationControls___lKv0K","tablePaginationButton":"Table-module__tablePaginationButton___3opaj"};
 
 /**
  * Componente de ícone SVG para estado vazio da tabela
@@ -4266,13 +4289,13 @@ const Table = ({ columns, dataSource, className, loading = false, rowSelection,
     }, [columns, rowSelection, isAllSelected, isIndeterminate, toggleAll, selectedSet, toggleRow, dataSource]);
     const tableId = useMemo(() => `table-${Math.random().toString(36).substr(2, 9)}`, []);
     if (loading) {
-        return (jsx("div", { className: clsx(styles$4['zds-table__container'], className), children: jsx("div", { className: styles$4['zds-table__loader'], children: jsx(LoaderList, {}) }) }));
+        return (jsx("div", { className: clsx(styles$4.tableContainer, className), children: jsx("div", { className: styles$4.tableLoader, children: jsx(LoaderList, {}) }) }));
     }
-    const emptyText = locale?.emptyText || (jsxs("div", { className: styles$4['zds-table__empty'], children: [jsx("div", { className: styles$4['zds-table__empty__content'], children: jsx(EmptyRows150Color, {}) }), jsxs("div", { className: styles$4['zds-table__empty__text'], children: [jsx("h3", { className: styles$4['zds-table__empty__title'], children: "Nenhum dado encontrado" }), jsx("p", { className: styles$4['zds-table__empty__caption'], children: "Nenhum registro encontrado" })] })] }));
-    return (jsx("div", { className: clsx(styles$4['zds-table__container'], className), ...rest, children: jsx("div", { className: styles$4['zds-table__scroll-wrapper'], children: jsxs("table", { className: styles$4['zds-table'], role: "table", "aria-label": "Tabela de dados", "aria-describedby": loading ? `${tableId}-loading` : undefined, "aria-rowcount": dataSource.length + 1, children: [jsx("thead", { className: styles$4['zds-table__head'], children: jsx("tr", { children: finalColumns.map((column) => (jsx("th", { className: clsx(styles$4['zds-table__th'], column.align && `text-${column.align}`), style: column.style, children: jsx("div", { className: styles$4['zds-table__th-content'], children: column.label }) }, column.key))) }) }), jsx("tbody", { className: styles$4['zds-table__body'], children: dataSource.length > 0 ? (dataSource.map((row, index) => {
+    const emptyText = locale?.emptyText || (jsxs("div", { className: styles$4.tableEmpty, children: [jsx("div", { className: styles$4.tableEmptyContent, children: jsx(EmptyRows150Color, {}) }), jsxs("div", { className: styles$4.tableEmptyText, children: [jsx("h3", { className: styles$4.tableEmptyTitle, children: "Nenhum dado encontrado" }), jsx("p", { className: styles$4.tableEmptyCaption, children: "Nenhum registro encontrado" })] })] }));
+    return (jsx("div", { className: clsx(styles$4.tableContainer, className), ...rest, children: jsx("div", { className: styles$4.tableScrollWrapper, children: jsxs("table", { className: styles$4.table, role: "table", "aria-label": "Tabela de dados", "aria-describedby": loading ? `${tableId}-loading` : undefined, "aria-rowcount": dataSource.length + 1, children: [jsx("thead", { className: styles$4.tableHead, children: jsx("tr", { children: finalColumns.map((column) => (jsx("th", { className: clsx(styles$4.tableTh, column.align && `text-${column.align}`), style: column.style, children: jsx("div", { className: styles$4.tableThContent, children: column.label }) }, column.key))) }) }), jsx("tbody", { className: styles$4.tableBody, children: dataSource.length > 0 ? (dataSource.map((row, index) => {
                             const rowProps = onRow?.(row, index) || {};
-                            return (jsx("tr", { className: clsx(styles$4['zds-table__row'], rowProps.className), onClick: rowProps.onClick, onDoubleClick: rowProps.onDoubleClick, children: finalColumns.map((column) => (jsx("td", { className: clsx(styles$4['zds-table__td'], column.align && `text-${column.align}`), children: renderCell(column, row, index) }, column.key))) }, index));
-                        })) : (jsx("tr", { children: jsx("td", { colSpan: finalColumns.length, className: styles$4['zds-table__empty-cell'], children: emptyText }) })) })] }) }) }));
+                            return (jsx("tr", { className: clsx(styles$4.tableRow, rowProps.className), onClick: rowProps.onClick, onDoubleClick: rowProps.onDoubleClick, children: finalColumns.map((column) => (jsx("td", { className: clsx(styles$4.tableTd, column.align && `text-${column.align}`), children: renderCell(column, row, index) }, column.key))) }, index));
+                        })) : (jsx("tr", { children: jsx("td", { colSpan: finalColumns.length, className: styles$4.tableEmptyCell, children: emptyText }) })) })] }) }) }));
 };
 
 const isCalendarFilter = (filter) => {
@@ -4305,7 +4328,7 @@ const TableHeader = ({ searchValue = '', onSearchChange, onSearch, searchPlaceho
         }
     };
     const hasFilters = filters || (filterItems && filterItems.length > 0);
-    return (jsxs("div", { className: `${styles$4['zds-table-header']} ${className}`.trim(), ...rest, children: [showSearch && (onSearchChange || onSearch) && (jsx("div", { className: styles$4['zds-table-header__search-container'], children: jsx(Search, { value: internalSearchValue, onChange: handleInputChange, onKeyDown: handleKeyDown, placeholder: searchPlaceholder, className: styles$4['zds-table-header__search'] }) })), showFilters && (jsx("div", { className: styles$4['zds-table-header__filters'], children: hasFilters ? (jsxs("div", { className: styles$4['zds-table-header__filters-content'], children: [filters && (jsx("div", { className: styles$4['zds-table-header__custom-filters'], children: filters })), jsxs("div", { className: styles$4['zds-table-header__filters-wrapper'], children: [jsx("span", { className: styles$4['zds-table-header__filter-label'], children: "Filtros" }), jsx("div", { className: styles$4['zds-table-header__filter-items'], children: filterItems && filterItems.map((filterItem, index) => {
+    return (jsxs("div", { className: `${styles$4.tableHeader} ${className}`.trim(), ...rest, children: [showSearch && (onSearchChange || onSearch) && (jsx("div", { className: styles$4.tableHeaderSearchContainer, children: jsx(Search, { value: internalSearchValue, onChange: handleInputChange, onKeyDown: handleKeyDown, placeholder: searchPlaceholder, className: styles$4.tableHeaderSearch }) })), showFilters && (jsx("div", { className: styles$4.tableHeaderFilters, children: hasFilters ? (jsxs("div", { className: styles$4.tableHeaderFiltersContent, children: [filters && (jsx("div", { className: styles$4.tableHeaderCustomFilters, children: filters })), jsxs("div", { className: styles$4.tableHeaderFiltersWrapper, children: [jsx("span", { className: styles$4.tableHeaderFilterLabel, children: "Filtros" }), jsx("div", { className: styles$4.tableHeaderFilterItems, children: filterItems && filterItems.map((filterItem, index) => {
                                         const commonProps = {
                                             buttonText: filterItem.buttonText,
                                             icon: filterItem.icon,
@@ -4324,7 +4347,7 @@ const TableHeader = ({ searchValue = '', onSearchChange, onSearch, searchPlaceho
                                         }
                                         console.warn('TableHeader: Tipo de filtro não reconhecido:', filterItem);
                                         return null;
-                                    }) })] })] })) : (jsx("div", { className: styles$4['zds-table-header__filters-placeholder'], children: jsx("span", { children: "Nenhum filtro dispon\u00EDvel" }) })) }))] }));
+                                    }) })] })] })) : (jsx("div", { className: styles$4.tableHeaderFiltersPlaceholder, children: jsx("span", { children: "Nenhum filtro dispon\u00EDvel" }) })) }))] }));
 };
 
 const TablePagination = ({ currentPage, totalItems, itemsPerPage, onPageChange, onItemsPerPageChange, pageSizeOptions = [10, 25, 50, 100], disabled = false, className, ...rest }) => {
@@ -4347,9 +4370,9 @@ const TablePagination = ({ currentPage, totalItems, itemsPerPage, onPageChange,
         const newItemsPerPage = Number(event.target.value);
         onItemsPerPageChange(newItemsPerPage);
     };
-    return (jsxs("div", { className: `${styles$4['zds-table__pagination']} ${className}`.trim(), ...rest, children: [jsxs("div", { className: styles$4['zds-table__pagination-select'], children: [jsx("label", { htmlFor: "items-per-page", className: styles$4['zds-table__pagination-label'], children: "Itens por p\u00E1gina" }), jsx("select", { id: "items-per-page", value: itemsPerPage, onChange: handleItemsPerPageChange, disabled: disabled, className: styles$4['zds-table__pagination-select-input'], children: pageSizeOptions.map((option) => (jsx("option", { value: option, children: option }, option))) })] }), jsx("div", { className: styles$4['zds-table__pagination-info'], children: jsx("span", { children: totalItems > 0
+    return (jsxs("div", { className: `${styles$4.tablePagination} ${className}`.trim(), ...rest, children: [jsxs("div", { className: styles$4.tablePaginationSelect, children: [jsx("label", { htmlFor: "items-per-page", className: styles$4.tablePaginationLabel, children: "Itens por p\u00E1gina" }), jsx("select", { id: "items-per-page", value: itemsPerPage, onChange: handleItemsPerPageChange, disabled: disabled, className: styles$4.tablePaginationSelectInput, children: pageSizeOptions.map((option) => (jsx("option", { value: option, children: option }, option))) })] }), jsx("div", { className: styles$4.tablePaginationInfo, children: jsx("span", { children: totalItems > 0
                         ? `${startItem}–${endItem} de ${totalItems}`
-                        : '0 itens' }) }), jsxs("div", { className: styles$4['zds-table__pagination-controls'], children: [jsx("button", { className: styles$4['zds-table__pagination-button'], onClick: handlePrevious, disabled: !canGoPrev, "aria-label": "P\u00E1gina anterior", children: jsx(ChevronLeft16Regular, {}) }), jsx("button", { className: styles$4['zds-table__pagination-button'], onClick: handleNext, disabled: !canGoNext, "aria-label": "Pr\u00F3xima p\u00E1gina", children: jsx(ChevronRight16Regular, {}) })] })] }));
+                        : '0 itens' }) }), jsxs("div", { className: styles$4.tablePaginationControls, children: [jsx("button", { className: styles$4.tablePaginationButton, onClick: handlePrevious, disabled: !canGoPrev, "aria-label": "P\u00E1gina anterior", children: jsx(ChevronLeft16Regular, {}) }), jsx("button", { className: styles$4.tablePaginationButton, onClick: handleNext, disabled: !canGoNext, "aria-label": "Pr\u00F3xima p\u00E1gina", children: jsx(ChevronRight16Regular, {}) })] })] }));
 };
 
 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"};
@@ -5021,5 +5044,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, Popover, memorizedQuantity as Quantity, Radio, Search, Select, Switch, Table, TableHeader, TablePagination, 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, TextArea_default as TextArea, TextField$1 as TextField, Toast, ToastContainer, ToastProvider, Tooltip, VerificationCode, normalizeText, useApiSimulation, useInfiniteScroll, useToast };
 //# sourceMappingURL=index.esm.js.map