@giro-ds/react 2.0.0 → 3.0.1

package/dist/index.cjs

@@ -8,18 +8,18 @@ var reactI18next = require('react-i18next');
 var i18n = require('i18next');
 var radixUi = require('radix-ui');
 
-var styles$s = {"zds-avatar__circle":"Avatar-module__zds-avatar__circle___DXcGa","zds-avatar__large":"Avatar-module__zds-avatar__large___G6qoo","zds-avatar__circle__icon":"Avatar-module__zds-avatar__circle__icon___u14vV","zds-avatar__small":"Avatar-module__zds-avatar__small___d-Pj5"};
+var styles$p = {"zds-avatar__circle":"Avatar-module__zds-avatar__circle___DXcGa","zds-avatar__large":"Avatar-module__zds-avatar__large___G6qoo","zds-avatar__circle__icon":"Avatar-module__zds-avatar__circle__icon___u14vV","zds-avatar__small":"Avatar-module__zds-avatar__small___d-Pj5"};
 
 let Avatar = ({ id = '', icon, size = 'small', className = '' }) => {
     const componentId = id || React.useId();
-    const AvatarClass = clsx(styles$s['zds-avatar__circle'], {
-        [styles$s['zds-avatar__large']]: size === 'large',
-        [styles$s['zds-avatar__small']]: size === 'small',
+    const AvatarClass = clsx(styles$p['zds-avatar__circle'], {
+        [styles$p['zds-avatar__large']]: size === 'large',
+        [styles$p['zds-avatar__small']]: size === 'small',
     }, className);
-    return (jsxRuntime.jsx("div", { className: AvatarClass, id: componentId, role: "img", "aria-label": `Avatar ${size}`, children: jsxRuntime.jsx("div", { className: styles$s['zds-avatar__circle__icon'], children: icon }) }));
+    return (jsxRuntime.jsx("div", { className: AvatarClass, id: componentId, role: "img", "aria-label": `Avatar ${size}`, children: jsxRuntime.jsx("div", { className: styles$p['zds-avatar__circle__icon'], children: icon }) }));
 };
 
-var styles$r = {"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$o = {"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 === '';
@@ -42,20 +42,21 @@ const Badge = ({ children, badgeValue = null, type = 'notification', className =
     };
     const displayValue = getDisplayValue(badgeValue);
     if (type === 'notification') {
-        return (jsxRuntime.jsxs("div", { className: clsx(styles$r['zds-badge__container']), children: [jsxRuntime.jsx("div", { id: componentId, className: clsx(styles$r['zds-badge'], {
-                        [styles$r['zds-badge__small']]: Number(badgeValue) <= 10,
-                        [styles$r['zds-badge__large']]: Number(badgeValue) > 10,
-                    }, className), "data-testid": "badge-notification", children: !isEmpty && (jsxRuntime.jsx("span", { className: styles$r['zds-badge__value'], "aria-hidden": ariaLabel ? 'true' : 'false', children: displayValue })) }), children && (jsxRuntime.jsx("div", { className: styles$r['zds-badge__content'], "data-testid": "badge-content", children: children }))] }));
+        return (jsxRuntime.jsxs("div", { className: clsx(styles$o['zds-badge__container']), children: [jsxRuntime.jsx("div", { id: componentId, className: clsx(styles$o['zds-badge'], {
+                        [styles$o['zds-badge__small']]: Number(badgeValue) <= 10,
+                        [styles$o['zds-badge__large']]: Number(badgeValue) > 10,
+                    }, className), "data-testid": "badge-notification", children: !isEmpty && (jsxRuntime.jsx("span", { className: styles$o['zds-badge__value'], "aria-hidden": ariaLabel ? 'true' : 'false', children: displayValue })) }), children && (jsxRuntime.jsx("div", { className: styles$o['zds-badge__content'], "data-testid": "badge-content", children: children }))] }));
     }
-    return (jsxRuntime.jsx("div", { className: clsx(styles$r['zds-badge__container']), children: jsxRuntime.jsx("div", { className: clsx(styles$r['zds-badge__status'], {
-                [styles$r['zds-badge__status__empty']]: isEmpty,
-            }, className), "data-testid": "badge-status", children: !isEmpty && (jsxRuntime.jsx("span", { className: styles$r['zds-badge__status-value'], "aria-hidden": ariaLabel ? 'true' : 'false', children: displayValue })) }) }));
+    return (jsxRuntime.jsx("div", { className: clsx(styles$o['zds-badge__container']), children: jsxRuntime.jsx("div", { className: clsx(styles$o['zds-badge__status'], {
+                [styles$o['zds-badge__status__empty']]: isEmpty,
+            }, className), "data-testid": "badge-status", children: !isEmpty && (jsxRuntime.jsx("span", { className: styles$o['zds-badge__status-value'], "aria-hidden": ariaLabel ? 'true' : 'false', children: displayValue })) }) }));
 };
 
-var styles$q = {"zds-button":"Button-module__zds-button___yeGfH","zds-button__lg":"Button-module__zds-button__lg___3VQCU","zds-button__sm":"Button-module__zds-button__sm___YoOxy","zds-button__filled":"Button-module__zds-button__filled___8J2j-","zds-button__outlined":"Button-module__zds-button__outlined___fvHfI","zds-button__text":"Button-module__zds-button__text___WR6Oo","zds-button__with-icon":"Button-module__zds-button__with-icon___a2CVV","zds-button__icon-position-left":"Button-module__zds-button__icon-position-left___0Oid0","zds-button__icon-position-right":"Button-module__zds-button__icon-position-right___-rTaE","zds-button__no-content":"Button-module__zds-button__no-content___SpTQ-","zds-button__icon-only":"Button-module__zds-button__icon-only___jv5KY","zds-button__icon-left":"Button-module__zds-button__icon-left___fzDuF","zds-button__icon-right":"Button-module__zds-button__icon-right___IUOQu","zds-button__full-width":"Button-module__zds-button__full-width___GklRb","disabled":"Button-module__disabled___UzdWL"};
+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"};
 
-const Button = React.forwardRef(({ as, children, variant = 'filled', iconPosition = 'left', href, to, external = false, target, rel, routerProps = {}, disabled = false, onClick, size = 'lg', className = '', type = 'button', id = '', icon = null, fullWidth = false, ariaLabel = '', iconOnly = false, ...restProps }, ref) => {
-    const componentId = id || React.useId();
+const Button = React.forwardRef(({ as, children, variant = 'filled', iconPosition = 'left', href, to, external = false, target, rel, disabled = false, onClick, size = 'lg', className = '', type = 'button', id = '', icon = null, fullWidth = false, ariaLabel = '', iconOnly = false, loading = false, ...restProps }, ref) => {
+    const generatedId = React.useId();
+    const componentId = id || generatedId;
     const getComponent = () => {
         if (as)
             return as;
@@ -69,21 +70,18 @@ const Button = React.forwardRef(({ as, children, variant = 'filled', iconPositio
     const hasContent = React.useMemo(() => {
         return children && React.Children.count(children) > 0;
     }, [children]);
-    const buttonClasses = clsx(styles$q['zds-button'], styles$q[`zds-button__${variant}`], styles$q[`zds-button__${size}`], {
-        [styles$q['zds-button__with-icon']]: icon && !iconOnly,
-        [styles$q[`zds-button__icon-position-${iconPosition}`]]: icon && !iconOnly && iconPosition !== 'none',
-        [styles$q['zds-button__no-content']]: icon && !hasContent && !iconOnly,
-        [styles$q['zds-button__full-width']]: fullWidth,
-        [styles$q['zds-button__icon-only']]: iconOnly,
-        [styles$q['zds-button__disabled']]: disabled,
+    const buttonClasses = clsx(styles$n.button, styles$n[`button-${variant}`], styles$n[`button-${size}`], {
+        [styles$n['buttonLoading']]: loading,
+        [styles$n['buttonWithIcon']]: icon && !iconOnly,
+        [styles$n[`buttonIconPosition-${iconPosition}`]]: icon && !iconOnly,
+        [styles$n['buttonNoContent']]: icon && !hasContent && !iconOnly,
+        [styles$n['buttonFullWidth']]: fullWidth,
+        [styles$n['buttonIconOnly']]: iconOnly,
     }, className);
     const getAriaLabel = () => {
         if (ariaLabel)
             return ariaLabel;
         if (iconOnly && !ariaLabel) {
-            if (process.env.NODE_ENV === 'development') {
-                console.warn('Button: Icon-only buttons should have an ariaLabel for accessibility');
-            }
             return 'Botão de ação';
         }
         if (typeof children === 'string')
@@ -98,10 +96,13 @@ const Button = React.forwardRef(({ as, children, variant = 'filled', iconPositio
         onClick?.(e);
     };
     const renderContent = () => {
-        if (iconOnly && icon) {
-            return (jsxRuntime.jsx("span", { className: styles$q['zds-button__icon-only'], "aria-hidden": "true", children: icon }));
+        if (iconOnly && !loading) {
+            return (jsxRuntime.jsx("span", { className: styles$n.buttonIconOnly, "aria-hidden": "true", children: icon }));
         }
-        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [icon && iconPosition === 'left' && (jsxRuntime.jsx("span", { className: styles$q['zds-button__icon-left'], "aria-hidden": "true", children: icon })), children, icon && iconPosition === 'right' && (jsxRuntime.jsx("span", { className: styles$q['zds-button__icon-right'], "aria-hidden": "true", children: icon }))] }));
+        if (loading) {
+            return (jsxRuntime.jsx("span", { className: styles$n.buttonLoading, "aria-hidden": "true", children: jsxRuntime.jsx(reactIcons.SpinnerIos16Regular, { "aria-hidden": "true" }) }));
+        }
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [icon && (iconPosition === 'left' || iconPosition === 'both') && (jsxRuntime.jsx("span", { className: styles$n.buttonIconLeft, "aria-hidden": "true", children: icon })), children, icon && (iconPosition === 'right' || iconPosition === 'both') && (jsxRuntime.jsx("span", { className: styles$n.buttonIconRight, "aria-hidden": "true", children: icon }))] }));
     };
     const baseProps = {
         ref,
@@ -125,7 +126,6 @@ const Button = React.forwardRef(({ as, children, variant = 'filled', iconPositio
             if (Component !== 'a') {
                 return {
                     to: disabled ? '#' : to,
-                    ...routerProps,
                 };
             }
             return {
@@ -144,7 +144,7 @@ const Button = React.forwardRef(({ as, children, variant = 'filled', iconPositio
 });
 Button.displayName = 'Button';
 
-var styles$p = {"zds-calendar":"Calendar-module__zds-calendar___PxF9r","zds-calendar__header":"Calendar-module__zds-calendar__header___KsUk4","zds-calendar__month-name":"Calendar-module__zds-calendar__month-name___lyWIV","zds-calendar__year":"Calendar-module__zds-calendar__year___kWZ5P","zds-calendar__year-view":"Calendar-module__zds-calendar__year-view___srlWI","zds-calendar__year--current":"Calendar-module__zds-calendar__year--current___iVQH-","zds-calendar__navigation":"Calendar-module__zds-calendar__navigation___HVXdu","zds-calendar__weekdays":"Calendar-module__zds-calendar__weekdays___x8IAE","zds-calendar__grid":"Calendar-module__zds-calendar__grid___7VcR9","zds-calendar__weekday":"Calendar-module__zds-calendar__weekday___-dJW-","zds-calendar__days":"Calendar-module__zds-calendar__days___voUPb","zds-calendar__day":"Calendar-module__zds-calendar__day___ajiy4","zds-calendar__day--today":"Calendar-module__zds-calendar__day--today___qr5Cn","zds-calendar__day--selected":"Calendar-module__zds-calendar__day--selected___18JlM","zds-calendar__day--empty":"Calendar-module__zds-calendar__day--empty___uj4TJ","zds-calendar__clear":"Calendar-module__zds-calendar__clear___gEqoV"};
+var styles$m = {"zds-calendar":"Calendar-module__zds-calendar___PxF9r","zds-calendar__header":"Calendar-module__zds-calendar__header___KsUk4","zds-calendar__month-name":"Calendar-module__zds-calendar__month-name___lyWIV","zds-calendar__year":"Calendar-module__zds-calendar__year___kWZ5P","zds-calendar__year-view":"Calendar-module__zds-calendar__year-view___srlWI","zds-calendar__year--current":"Calendar-module__zds-calendar__year--current___iVQH-","zds-calendar__navigation":"Calendar-module__zds-calendar__navigation___HVXdu","zds-calendar__weekdays":"Calendar-module__zds-calendar__weekdays___x8IAE","zds-calendar__grid":"Calendar-module__zds-calendar__grid___7VcR9","zds-calendar__weekday":"Calendar-module__zds-calendar__weekday___-dJW-","zds-calendar__days":"Calendar-module__zds-calendar__days___voUPb","zds-calendar__day":"Calendar-module__zds-calendar__day___ajiy4","zds-calendar__day--today":"Calendar-module__zds-calendar__day--today___qr5Cn","zds-calendar__day--selected":"Calendar-module__zds-calendar__day--selected___18JlM","zds-calendar__day--empty":"Calendar-module__zds-calendar__day--empty___uj4TJ","zds-calendar__clear":"Calendar-module__zds-calendar__clear___gEqoV"};
 
 // i18n.ts
 // Resources configuration
@@ -504,8 +504,8 @@ const Calendar = ({ currentDate, className, selectedDate = null, onDateChange, o
      * Renderiza os anos usando o array de objetos memoizado.
      */
     const renderYears = React.useCallback(() => {
-        return yearsArray.map((item) => (jsxRuntime.jsx("div", { className: clsx(styles$p['zds-calendar__year'], {
-                [styles$p['zds-calendar__year--current']]: item.isCurrent,
+        return yearsArray.map((item) => (jsxRuntime.jsx("div", { className: clsx(styles$m['zds-calendar__year'], {
+                [styles$m['zds-calendar__year--current']]: item.isCurrent,
             }), onClick: () => handleYearSelect(item.year), tabIndex: 0, role: "button", "aria-pressed": item.isCurrent, "aria-label": item.isCurrent
                 ? locale === 'en-us'
                     ? `Current year, ${item.year}`
@@ -525,14 +525,14 @@ const Calendar = ({ currentDate, className, selectedDate = null, onDateChange, o
     const renderDays = React.useCallback(() => {
         return daysArray.map((item) => {
             if (item.type === 'empty') {
-                return (jsxRuntime.jsx("div", { className: clsx(styles$p['zds-calendar__day'], styles$p['zds-calendar__day--empty']), "aria-hidden": "true" }, item.key));
+                return (jsxRuntime.jsx("div", { className: clsx(styles$m['zds-calendar__day'], styles$m['zds-calendar__day--empty']), "aria-hidden": "true" }, item.key));
             }
             const dayItem = item;
             const isDisabled = !isDateInRange(dayItem.date);
-            return (jsxRuntime.jsx("div", { className: clsx(styles$p['zds-calendar__day'], {
-                    [styles$p['zds-calendar__day--today']]: dayItem.isToday,
-                    [styles$p['zds-calendar__day--selected']]: dayItem.isSelected,
-                    [styles$p['zds-calendar__day--disabled']]: isDisabled,
+            return (jsxRuntime.jsx("div", { className: clsx(styles$m['zds-calendar__day'], {
+                    [styles$m['zds-calendar__day--today']]: dayItem.isToday,
+                    [styles$m['zds-calendar__day--selected']]: dayItem.isSelected,
+                    [styles$m['zds-calendar__day--disabled']]: isDisabled,
                 }), onClick: isDisabled ? undefined : () => handleSelectDay(dayItem.day), onKeyDown: isDisabled ? undefined : (e) => handleDayKeyDown(e, dayItem.day), tabIndex: isDisabled ? -1 : 0, role: "gridcell", "aria-selected": dayItem.isSelected, "aria-current": dayItem.isToday ? 'date' : undefined, "aria-disabled": isDisabled, "aria-label": `${dayItem.day} ${getMonthName()} ${year}${dayItem.isToday ? ` (${t('today')})` : ''}${dayItem.isSelected ? ` (${t('selected')})` : ''}${isDisabled ? ` (${t('disabled')})` : ''}`, children: dayItem.day }, dayItem.key));
         });
     }, [
@@ -548,7 +548,7 @@ const Calendar = ({ currentDate, className, selectedDate = null, onDateChange, o
     const weekdaysComponent = React.useMemo(() => {
         if (changeView)
             return null;
-        return weekDaysLabels.map((day, idx) => (jsxRuntime.jsx("div", { className: styles$p['zds-calendar__weekday'], children: day }, `${day}-${idx}`)));
+        return weekDaysLabels.map((day, idx) => (jsxRuntime.jsx("div", { className: styles$m['zds-calendar__weekday'], children: day }, `${day}-${idx}`)));
     }, [changeView, weekDaysLabels]);
     // ✅ Limpa o anúncio após um tempo para evitar repetições
     React.useEffect(() => {
@@ -563,13 +563,13 @@ const Calendar = ({ currentDate, className, selectedDate = null, onDateChange, o
             setYearRangeStart(year - 13);
         }
     }, [changeView, year]);
-    return (jsxRuntime.jsxs("div", { className: clsx(styles$p['zds-calendar'], { [styles$p['zds-calendar--year-view']]: changeView }, className), id: componentId, tabIndex: 0, ref: calendarRef, onKeyDown: handleCalendarKeyDown, "aria-label": t('calendar'), children: [jsxRuntime.jsx("div", { "aria-live": "polite", "aria-atomic": "true", className: styles$p['zds-calendar__aria-live'], style: {
+    return (jsxRuntime.jsxs("div", { className: clsx(styles$m['zds-calendar'], { [styles$m['zds-calendar--year-view']]: changeView }, className), id: componentId, tabIndex: 0, ref: calendarRef, onKeyDown: handleCalendarKeyDown, "aria-label": t('calendar'), children: [jsxRuntime.jsx("div", { "aria-live": "polite", "aria-atomic": "true", className: styles$m['zds-calendar__aria-live'], style: {
                     position: 'absolute',
                     width: 1,
                     height: 1,
                     overflow: 'hidden',
                     clip: 'rect(1px, 1px, 1px, 1px)',
-                }, children: announcement }), jsxRuntime.jsxs("div", { className: styles$p['zds-calendar__header'], children: [jsxRuntime.jsxs("span", { className: styles$p['zds-calendar__month-name'], onClick: handleToggleView, onKeyDown: (e) => {
+                }, children: announcement }), jsxRuntime.jsxs("div", { className: styles$m['zds-calendar__header'], children: [jsxRuntime.jsxs("span", { className: styles$m['zds-calendar__month-name'], onClick: handleToggleView, onKeyDown: (e) => {
                             if (e.key === 'Enter' || e.key === ' ') {
                                 e.preventDefault();
                                 handleToggleView();
@@ -580,7 +580,7 @@ const Calendar = ({ currentDate, className, selectedDate = null, onDateChange, o
                                 : 'Fechar seleção de ano'
                             : locale === 'en-us'
                                 ? 'Open year selection'
-                                : 'Abrir seleção de ano', children: [`${getMonthName()} ${year}`, changeView ? (jsxRuntime.jsx(reactIcons.ChevronUp16Regular, { "aria-hidden": "true" })) : (jsxRuntime.jsx(reactIcons.ChevronDown16Regular, { "aria-hidden": "true" }))] }), jsxRuntime.jsxs("div", { className: styles$p['zds-calendar__navigation'], children: [jsxRuntime.jsx("button", { onClick: handlePrevMonth, "aria-label": changeView
+                                : 'Abrir seleção de ano', children: [`${getMonthName()} ${year}`, changeView ? (jsxRuntime.jsx(reactIcons.ChevronUp16Regular, { "aria-hidden": "true" })) : (jsxRuntime.jsx(reactIcons.ChevronDown16Regular, { "aria-hidden": "true" }))] }), jsxRuntime.jsxs("div", { className: styles$m['zds-calendar__navigation'], children: [jsxRuntime.jsx("button", { onClick: handlePrevMonth, "aria-label": changeView
                                     ? locale === 'en-us'
                                         ? 'Show previous years'
                                         : 'Mostrar anos anteriores'
@@ -592,27 +592,27 @@ const Calendar = ({ currentDate, className, selectedDate = null, onDateChange, o
                                         : 'Mostrar próximos anos'
                                     : locale === 'en-us'
                                         ? `Next month, ${new Date(year, month + 1, 1).toLocaleDateString('en-US', { month: 'long', year: 'numeric' })}`
-                                        : `Próximo mês, ${new Date(year, month + 1, 1).toLocaleDateString('pt-BR', { month: 'long', year: 'numeric' })}`, type: "button", className: "zds-calendar__nav-button", children: jsxRuntime.jsx(reactIcons.ChevronRight16Regular, { "aria-hidden": "true" }) })] })] }), jsxRuntime.jsx("div", { className: styles$p['zds-calendar__weekdays'], children: weekdaysComponent }), jsxRuntime.jsx("div", { className: styles$p['zds-calendar__grid'], children: changeView ? (jsxRuntime.jsx("div", { className: styles$p['zds-calendar__year-view'], role: "grid", "aria-label": t('yearSelection'), children: renderYears() })) : (jsxRuntime.jsx("div", { className: styles$p['zds-calendar__days'], role: "grid", "aria-label": `${getMonthName()} ${year}`, children: renderDays() })) }), jsxRuntime.jsx("div", { className: styles$p['zds-calendar__clear'], children: jsxRuntime.jsx(Button, { size: "sm", variant: "outlined", onClick: handleClearDate, disabled: !selectedDate, children: "Limpar" }) })] }));
+                                        : `Próximo mês, ${new Date(year, month + 1, 1).toLocaleDateString('pt-BR', { month: 'long', year: 'numeric' })}`, type: "button", className: "zds-calendar__nav-button", children: jsxRuntime.jsx(reactIcons.ChevronRight16Regular, { "aria-hidden": "true" }) })] })] }), jsxRuntime.jsx("div", { className: styles$m['zds-calendar__weekdays'], children: weekdaysComponent }), jsxRuntime.jsx("div", { className: styles$m['zds-calendar__grid'], children: changeView ? (jsxRuntime.jsx("div", { className: styles$m['zds-calendar__year-view'], role: "grid", "aria-label": t('yearSelection'), children: renderYears() })) : (jsxRuntime.jsx("div", { className: styles$m['zds-calendar__days'], role: "grid", "aria-label": `${getMonthName()} ${year}`, children: renderDays() })) }), jsxRuntime.jsx("div", { className: styles$m['zds-calendar__clear'], children: jsxRuntime.jsx(Button, { size: "sm", variant: "outlined", onClick: handleClearDate, disabled: !selectedDate, children: "Limpar" }) })] }));
 };
 // ✅ Default props integrados na função usando valores padrão dos parâmetros
 Calendar.displayName = 'Calendar';
 const MemoizedCalendar = React.memo(Calendar);
 MemoizedCalendar.displayName = 'Calendar';
 
-var styles$o = {"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$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"};
 
 const Callout = ({ type = 'neutral', title = null, text = '', icon = null, className = '', id = '' }) => {
     const generatedId = React.useId();
     const titleId = id || `callout-title-${generatedId}`;
     const componentId = id || generatedId;
-    const calloutClass = clsx(styles$o['zds-callout__container'], styles$o[`zds-callout__${type}`], {
-        [styles$o['zds-callout__container__with-title']]: title,
-        [styles$o['zds-callout__no-icon']]: !icon,
+    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,
     }, className);
-    return (jsxRuntime.jsx("div", { id: componentId, className: calloutClass, "aria-live": "polite", role: "alert", "aria-labelledby": title ? titleId : undefined, children: jsxRuntime.jsxs("div", { className: styles$o['zds-callout__content'], children: [icon && jsxRuntime.jsx("span", { className: styles$o['zds-callout__icon'], children: icon }), jsxRuntime.jsxs("div", { className: styles$o['zds-callout__subcontent'], children: [title && (jsxRuntime.jsx("span", { id: titleId, className: styles$o['zds-callout__title'], children: title })), text && jsxRuntime.jsx("span", { className: styles$o['zds-callout__text'], children: text })] })] }) }));
+    return (jsxRuntime.jsx("div", { id: componentId, className: calloutClass, "aria-live": "polite", role: "alert", "aria-labelledby": title ? titleId : undefined, children: jsxRuntime.jsxs("div", { className: styles$l['zds-callout__content'], children: [icon && jsxRuntime.jsx("span", { className: styles$l['zds-callout__icon'], children: icon }), jsxRuntime.jsxs("div", { className: styles$l['zds-callout__subcontent'], children: [title && (jsxRuntime.jsx("span", { id: titleId, className: styles$l['zds-callout__title'], children: title })), text && jsxRuntime.jsx("span", { className: styles$l['zds-callout__text'], children: text })] })] }) }));
 };
 
-var styles$n = {"container":"Checkbox-module__container___pUY-s","root":"Checkbox-module__root___BS5dT","disabled":"Checkbox-module__disabled___WagIC","label":"Checkbox-module__label___JBaRm","indicator":"Checkbox-module__indicator___HXLHH","wrapperCheckbox":"Checkbox-module__wrapperCheckbox___m2qIW"};
+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"};
 
 const CheckSmall = ({ className = '', width = 12, height = 10, fill = 'white', ...restProps }) => {
     return (jsxRuntime.jsx("svg", { width: width, height: height, viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, "aria-hidden": "true", ...restProps, children: jsxRuntime.jsx("path", { d: "M4 9.4L0 5.4L1.4 4L4 6.6L10.6 0L12 1.4L4 9.4Z", fill: fill }) }));
@@ -624,12 +624,12 @@ const CheckHalf = ({ className = '', width = 16, height = 16, fill = 'white', ..
 
 const Checkbox = ({ id, label = '', onCheckedChange, checked, disabled, className, indeterminate = false, ...rest }) => {
     const componentId = id || React.useId();
-    return (jsxRuntime.jsxs("div", { className: clsx(styles$n.container, className), children: [jsxRuntime.jsx("div", { className: clsx(styles$n.wrapperCheckbox, {
-                    [styles$n.disabled]: disabled,
-                }), role: "presentation", tabIndex: disabled ? -1 : 0, children: jsxRuntime.jsx(radixUi.Checkbox.Root, { className: styles$n.root, checked: checked, id: componentId, onCheckedChange: onCheckedChange, disabled: disabled, "data-disabled": disabled, "data-indeterminate": indeterminate, "aria-checked": indeterminate ? 'mixed' : checked ? 'true' : 'false', ...rest, children: jsxRuntime.jsx(radixUi.Checkbox.Indicator, { className: styles$n.indicator, children: indeterminate ? jsxRuntime.jsx(CheckHalf, {}) : jsxRuntime.jsx(CheckSmall, {}) }) }) }), jsxRuntime.jsx("label", { className: clsx(styles$n.label, { [styles$n.disabled]: disabled }), htmlFor: componentId, children: label })] }));
+    return (jsxRuntime.jsxs("div", { className: clsx(styles$k.container, className), children: [jsxRuntime.jsx("div", { className: clsx(styles$k.wrapperCheckbox, {
+                    [styles$k.disabled]: disabled,
+                }), role: "presentation", tabIndex: disabled ? -1 : 0, children: jsxRuntime.jsx(radixUi.Checkbox.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: jsxRuntime.jsx(radixUi.Checkbox.Indicator, { className: styles$k.indicator, children: indeterminate ? jsxRuntime.jsx(CheckHalf, {}) : jsxRuntime.jsx(CheckSmall, {}) }) }) }), jsxRuntime.jsx("label", { className: clsx(styles$k.label, { [styles$k.disabled]: disabled }), htmlFor: componentId, children: label })] }));
 };
 
-var styles$m = {"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$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"};
 
 /**
  * Componente Chips para exibir tags/etiquetas com ícones opcionais
@@ -639,33 +639,33 @@ const Chips = ({ title, leftIcon = null, rightIcon = null, type = 'neutral', dis
         console.warn('Chips: title prop is required and cannot be empty');
         return null;
     }
-    const chipsClass = clsx(styles$m['zds-chips'], styles$m[`zds-chips--${type}`], {
-        [styles$m['zds-chips--disabled']]: disabled,
-        [styles$m['has-left-icon']]: leftIcon,
-        [styles$m['has-right-icon']]: rightIcon,
+    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,
     }, className);
-    return (jsxRuntime.jsxs("div", { className: chipsClass, "aria-label": `Chip: ${title}`, "aria-disabled": disabled, children: [leftIcon && (jsxRuntime.jsx("span", { className: styles$m['zds-chips__icon__left'], "aria-hidden": "true", children: leftIcon })), jsxRuntime.jsx("span", { className: styles$m['zds-chips__title'], children: title }), rightIcon && (jsxRuntime.jsx("span", { className: styles$m['zds-chips__icon__right'], children: rightIcon }))] }));
+    return (jsxRuntime.jsxs("div", { className: chipsClass, "aria-label": `Chip: ${title}`, "aria-disabled": disabled, children: [leftIcon && (jsxRuntime.jsx("span", { className: styles$j['zds-chips__icon__left'], "aria-hidden": "true", children: leftIcon })), jsxRuntime.jsx("span", { className: styles$j['zds-chips__title'], children: title }), rightIcon && (jsxRuntime.jsx("span", { className: styles$j['zds-chips__icon__right'], children: rightIcon }))] }));
 };
 const MemoizedChips = React.memo(Chips);
 MemoizedChips.displayName = 'Chips';
 
-var styles$l = {"container":"Container-module__container___exPuE"};
+var styles$i = {"container":"Container-module__container___exPuE"};
 
 function Container({ children }) {
-    return (jsxRuntime.jsx("main", { className: `${styles$l['container']} mx-auto`, children: children }));
+    return (jsxRuntime.jsx("main", { className: `${styles$i['container']} mx-auto`, children: children }));
 }
 
-var styles$k = {"wrapperLabel":"index-module__wrapperLabel___XJzZO","requiredLabel":"index-module__requiredLabel___7oZkh","infoIcon":"index-module__infoIcon___lClx4","errorLabel":"index-module__errorLabel___qa6h6","disabledLabel":"index-module__disabledLabel___U9vL8"};
+var styles$h = {"wrapperLabel":"index-module__wrapperLabel___XJzZO","requiredLabel":"index-module__requiredLabel___7oZkh","infoIcon":"index-module__infoIcon___lClx4","errorLabel":"index-module__errorLabel___qa6h6","disabledLabel":"index-module__disabledLabel___U9vL8"};
 
-var styles$j = {"tooltipContent":"Tooltip-module__tooltipContent___xycUg","triggerWrapper":"Tooltip-module__triggerWrapper___x83XR"};
+var styles$g = {"tooltipContent":"Tooltip-module__tooltipContent___xycUg","triggerWrapper":"Tooltip-module__triggerWrapper___x83XR"};
 
 const Tooltip = ({ children, text, side = 'bottom', align = 'start', maxWidth, sideOffset = 10 }) => {
-    return (jsxRuntime.jsx(radixUi.Tooltip.Provider, { children: jsxRuntime.jsxs(radixUi.Tooltip.Root, { children: [jsxRuntime.jsx(radixUi.Tooltip.Trigger, { asChild: true, children: jsxRuntime.jsx("span", { className: styles$j.triggerWrapper, children: children }) }), jsxRuntime.jsx(radixUi.Tooltip.Portal, { children: jsxRuntime.jsx(radixUi.Tooltip.Content, { className: styles$j.tooltipContent, side: side, align: align, sideOffset: sideOffset, style: { maxWidth: maxWidth ? `${maxWidth}px` : 'auto' }, children: text }) })] }) }));
+    return (jsxRuntime.jsx(radixUi.Tooltip.Provider, { children: jsxRuntime.jsxs(radixUi.Tooltip.Root, { children: [jsxRuntime.jsx(radixUi.Tooltip.Trigger, { asChild: true, children: jsxRuntime.jsx("span", { className: styles$g.triggerWrapper, children: children }) }), jsxRuntime.jsx(radixUi.Tooltip.Portal, { children: jsxRuntime.jsx(radixUi.Tooltip.Content, { className: styles$g.tooltipContent, side: side, align: align, sideOffset: sideOffset, style: { maxWidth: maxWidth ? `${maxWidth}px` : 'auto' }, children: text }) })] }) }));
 };
 
-const LabelComponent = ({ children, htmlFor, required = false, tooltip = false, tooltipText, side = 'bottom', align = 'start', className, error = false, disabled = false }) => (jsxRuntime.jsx(jsxRuntime.Fragment, { children: tooltip ? (jsxRuntime.jsx(Tooltip, { side: side, align: align, text: tooltipText || '', children: jsxRuntime.jsxs(radixUi.Label.Root, { className: clsx(styles$k.wrapperLabel, error && styles$k.errorLabel, className), htmlFor: htmlFor, children: [children, required && jsxRuntime.jsx("span", { className: styles$k.requiredLabel, children: "*" }), jsxRuntime.jsx(reactIcons.Info12Regular, { className: styles$k.infoIcon })] }) })) : (jsxRuntime.jsxs(radixUi.Label.Root, { className: clsx(styles$k.wrapperLabel, error && styles$k.errorLabel, disabled && styles$k.disabledLabel, className), htmlFor: htmlFor, children: [children, required && jsxRuntime.jsx("span", { className: styles$k.requiredLabel, children: "*" })] })) }));
+const LabelComponent = ({ children, htmlFor, required = false, tooltip = false, tooltipText, side = 'bottom', align = 'start', className, error = false, disabled = false }) => (jsxRuntime.jsx(jsxRuntime.Fragment, { children: tooltip ? (jsxRuntime.jsx(Tooltip, { side: side, align: align, text: tooltipText || '', children: jsxRuntime.jsxs(radixUi.Label.Root, { className: clsx(styles$h.wrapperLabel, error && styles$h.errorLabel, className), htmlFor: htmlFor, children: [children, required && jsxRuntime.jsx("span", { className: styles$h.requiredLabel, children: "*" }), jsxRuntime.jsx(reactIcons.Info12Regular, { className: styles$h.infoIcon })] }) })) : (jsxRuntime.jsxs(radixUi.Label.Root, { className: clsx(styles$h.wrapperLabel, error && styles$h.errorLabel, disabled && styles$h.disabledLabel, className), htmlFor: htmlFor, children: [children, required && jsxRuntime.jsx("span", { className: styles$h.requiredLabel, children: "*" })] })) }));
 
-var styles$i = {"container":"TextField-module__container___WJHFR","inputWrapper":"TextField-module__inputWrapper___INjfd","inputContainer":"TextField-module__inputContainer___3EsFJ","icon":"TextField-module__icon___p1vwi","clearButton":"TextField-module__clearButton___kgOot","helperText":"TextField-module__helperText___d5QGC","error":"TextField-module__error___IGQzp","disabled":"TextField-module__disabled___roIKP"};
+var styles$f = {"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","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() === '') {
@@ -683,6 +683,10 @@ const TextField$1 = React.forwardRef(({ className, value = '', label, placeholde
     const [isFocused, setIsFocused] = React.useState(false);
     const generatedId = React.useId();
     const componentId = id || generatedId;
+    // ✅ Sincronizar estado interno com prop value externa
+    React.useEffect(() => {
+        setInputValue(value);
+    }, [value]);
     const handleChange = React.useCallback((e) => {
         const newValue = e.target.value;
         if (!disabled && (!maxLength || newValue.length <= maxLength)) {
@@ -720,15 +724,15 @@ const TextField$1 = React.forwardRef(({ className, value = '', label, placeholde
         : helperText
             ? `${componentId}-helper`
             : undefined;
-    const containerClass = clsx(styles$i.container, {
-        [styles$i.error]: hasError,
-        [styles$i.disabled]: disabled,
+    const containerClass = clsx(styles$f.container, {
+        [styles$f.error]: hasError,
+        [styles$f.disabled]: disabled,
         [className]: className,
     });
-    return (jsxRuntime.jsxs("div", { className: containerClass, children: [label && (jsxRuntime.jsx(LabelComponent, { htmlFor: componentId, required: required, tooltip: tooltip, tooltipText: tooltipText, side: side, align: align, error: hasError, disabled: disabled, children: label })), jsxRuntime.jsxs("div", { className: styles$i.inputWrapper, children: [jsxRuntime.jsxs("div", { className: styles$i.inputContainer, children: [jsxRuntime.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 }), showCustomIcon && jsxRuntime.jsx("span", { className: styles$i.icon, children: icon }), showClearIcon && (jsxRuntime.jsx("button", { type: "button", className: styles$i.clearButton, onMouseDown: (e) => {
+    return (jsxRuntime.jsxs("div", { className: containerClass, children: [label && (jsxRuntime.jsx(LabelComponent, { htmlFor: componentId, required: required, tooltip: tooltip, tooltipText: tooltipText, side: side, align: align, error: hasError, disabled: disabled, children: label })), jsxRuntime.jsxs("div", { className: styles$f.inputWrapper, children: [jsxRuntime.jsxs("div", { className: styles$f.inputContainer, children: [jsxRuntime.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 }), showCustomIcon && jsxRuntime.jsx("span", { className: styles$f.icon, children: icon }), showClearIcon && (jsxRuntime.jsx("button", { type: "button", className: styles$f.clearButton, onMouseDown: (e) => {
                                     e.preventDefault();
                                     handleClear();
-                                }, "aria-label": "Limpar campo", tabIndex: -1, children: jsxRuntime.jsx(reactIcons.Dismiss16Regular, {}) }))] }), jsxRuntime.jsx("span", { id: helperId, className: styles$i.helperText, "aria-live": hasError ? 'polite' : undefined, children: displayHelperText })] })] }));
+                                }, "aria-label": "Limpar campo", tabIndex: -1, children: jsxRuntime.jsx(reactIcons.Dismiss16Regular, {}) }))] }), jsxRuntime.jsx("span", { id: helperId, className: styles$f.helperText, "aria-live": hasError ? 'polite' : undefined, children: displayHelperText })] })] }));
 });
 TextField$1.displayName = 'TextField';
 var TextField = React.memo(TextField$1);
@@ -826,11 +830,13 @@ function parseDate(dateString, locale = 'pt-br') {
     return date;
 }
 
-var styles$h = {"zds-date-picker":"DatePicker-module__zds-date-picker___FjFTb","zds-date-picker__calendar-popup":"DatePicker-module__zds-date-picker__calendar-popup___hEkq7","zds-calendar--left":"DatePicker-module__zds-calendar--left___5z2UM","zds-calendar--right":"DatePicker-module__zds-calendar--right___NCJtd"};
+var styles$e = {"zds-date-picker":"DatePicker-module__zds-date-picker___FjFTb","zds-date-picker__calendar-popup":"DatePicker-module__zds-date-picker__calendar-popup___hEkq7","zds-calendar--left":"DatePicker-module__zds-calendar--left___5z2UM","zds-calendar--right":"DatePicker-module__zds-calendar--right___NCJtd","zds-date-picker__icon":"DatePicker-module__zds-date-picker__icon___nYEnv","zds-date-picker__icon--disabled":"DatePicker-module__zds-date-picker__icon--disabled___p4Rr2"};
 
 const DatePicker = ({ locale = 'pt-br', calendarPosition = 'left', helperText = '', required = false, label = 'Data', value, defaultValue, onChange, disabled = false, error: externalError, minDate, maxDate, className = '', 'data-testid': testId, }) => {
     // ✅ IDs únicos para acessibilidade
     const fieldId = React.useId();
+    const calendarId = `${fieldId}-calendar`;
+    const errorId = `${fieldId}-error`;
     const helperTextId = `${fieldId}-help`;
     // ✅ Suporte controlled/uncontrolled adequado
     const isControlled = value !== undefined;
@@ -1008,13 +1014,16 @@ const DatePicker = ({ locale = 'pt-br', calendarPosition = 'left', helperText =
             setTempInputValue(formatDate(currentSelectedDate, locale));
         }
     }, [locale, currentSelectedDate, isEditing]);
-    return (jsxRuntime.jsx("div", { ref: wrapperRef, children: jsxRuntime.jsxs("div", { className: clsx(styles$h['zds-date-picker']), children: [jsxRuntime.jsx("div", { onClick: handleFieldClick, onFocus: handleFieldFocus, onKeyDown: handleKeyDown, style: { cursor: 'pointer' }, children: jsxRuntime.jsx(TextField, { type: "tel", icon: jsxRuntime.jsx(reactIcons.Calendar16Regular, { onClick: handleIconClick, style: { cursor: 'pointer' } }), onChange: (e) => {
-                            handleTextFieldChange(String(e));
-                        }, "aria-label": "Open calendar", "aria-expanded": showCalendar, "aria-controls": "calendar-popup", placeholder: locale === 'en-us' ? 'MM/DD/YYYY' : 'DD/MM/YYYY', value: displayValue, errorMessage: undefined, "aria-invalid": !!currentError, "aria-describedby": combinedHelperText ? helperTextId : undefined, maxLength: 10, helperText: combinedHelperText, required: required, label: label }) }), jsxRuntime.jsx("div", { className: clsx(styles$h['zds-date-picker__calendar-popup'], calendarPosition === 'left' && styles$h['zds-calendar--left'], calendarPosition === 'right' && styles$h['zds-calendar--right']), children: showCalendar && (jsxRuntime.jsx(MemoizedCalendar, { selectedDate: currentSelectedDate, currentDate: currentDate, onDateChange: setCurrentDate, onDaySelect: handleDaySelect, locale: locale, format: locale === 'en-us' ? 'mm/dd/yyyy' : 'dd/mm/yyyy' })) })] }) }));
+    return (jsxRuntime.jsx("div", { ref: wrapperRef, children: jsxRuntime.jsxs("div", { className: clsx(styles$e['zds-date-picker']), children: [jsxRuntime.jsx(TextField, { type: "tel", icon: jsxRuntime.jsx(reactIcons.Calendar16Regular, { onClick: !disabled ? handleIconClick : undefined, className: clsx(styles$e['zds-date-picker__icon'], disabled && styles$e['zds-date-picker__icon--disabled']) }), onChange: (e) => {
+                        handleTextFieldChange(String(e));
+                    }, onClick: !disabled ? handleFieldClick : undefined, onFocus: !disabled ? handleFieldFocus : undefined, onKeyDown: handleKeyDown, value: displayValue, helperText: combinedHelperText, maxLength: 10, required: required, label: label, disabled: disabled, id: fieldId, className: className, "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": !!currentError, "aria-describedby": currentError ? errorId : (helperText ? helperTextId : undefined) }), jsxRuntime.jsx("div", { className: clsx(styles$e['zds-date-picker__calendar-popup'], calendarPosition === 'left' && styles$e['zds-calendar--left'], calendarPosition === 'right' && styles$e['zds-calendar--right']), children: showCalendar && (jsxRuntime.jsx(MemoizedCalendar, { selectedDate: 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());
+                        } })) })] }) }));
 };
 var DatePicker_default = React.memo(DatePicker);
 
-var styles$g = {"zds-dialog__overlay":"Dialog-module__zds-dialog__overlay___I0T-Q","zds-dialog__wrapper":"Dialog-module__zds-dialog__wrapper___Va69y","zds-dialog":"Dialog-module__zds-dialog___Bi-9b","zds-dialog__title":"Dialog-module__zds-dialog__title___w9yHe","zds-dialog__text":"Dialog-module__zds-dialog__text___-GmvH","zds-dialog__actions":"Dialog-module__zds-dialog__actions___hHHmN"};
+var styles$d = {"zds-dialog__overlay":"Dialog-module__zds-dialog__overlay___I0T-Q","zds-dialog__wrapper":"Dialog-module__zds-dialog__wrapper___Va69y","zds-dialog":"Dialog-module__zds-dialog___Bi-9b","zds-dialog__title":"Dialog-module__zds-dialog__title___w9yHe","zds-dialog__text":"Dialog-module__zds-dialog__text___-GmvH","zds-dialog__actions":"Dialog-module__zds-dialog__actions___hHHmN"};
 
 const useFocusTrap = (isActive) => {
     const containerRef = React.useRef(null);
@@ -1097,13 +1106,13 @@ const Dialog = ({ show, title, text, textConfirm = 'OK', textCancel = 'Cancelar'
     }, [show, handleCancel]);
     if (!show)
         return null;
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: styles$g['zds-dialog__overlay'] }), jsxRuntime.jsx("div", { className: styles$g['zds-dialog__wrapper'], children: jsxRuntime.jsxs("div", { className: clsx(styles$g['zds-dialog'], className), role: "dialog", "aria-modal": "true", id: id, "aria-labelledby": `zds-dialog-title-${id}`, "aria-describedby": `zds-dialog-desc-${id}`, tabIndex: -1, ref: containerRef, children: [jsxRuntime.jsx("div", { id: `zds-dialog-title-${id}`, className: styles$g['zds-dialog__title'], children: title }), jsxRuntime.jsx("div", { id: `zds-dialog-desc-${id}`, className: styles$g['zds-dialog__text'], children: text }), jsxRuntime.jsxs("div", { className: styles$g['zds-dialog__actions'], children: [!!(textCancel && textCancel.trim()) && (jsxRuntime.jsx(Button, { variant: "outlined", onClick: handleCancel, children: textCancel })), jsxRuntime.jsx(Button, { variant: "filled", onClick: handleConfirm, children: textConfirm })] })] }) })] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: styles$d['zds-dialog__overlay'] }), jsxRuntime.jsx("div", { className: styles$d['zds-dialog__wrapper'], children: jsxRuntime.jsxs("div", { className: clsx(styles$d['zds-dialog'], className), role: "dialog", "aria-modal": "true", id: id, "aria-labelledby": `zds-dialog-title-${id}`, "aria-describedby": `zds-dialog-desc-${id}`, tabIndex: -1, ref: containerRef, children: [jsxRuntime.jsx("div", { id: `zds-dialog-title-${id}`, className: styles$d['zds-dialog__title'], children: title }), jsxRuntime.jsx("div", { id: `zds-dialog-desc-${id}`, className: styles$d['zds-dialog__text'], children: text }), jsxRuntime.jsxs("div", { className: styles$d['zds-dialog__actions'], children: [!!(textCancel && textCancel.trim()) && (jsxRuntime.jsx(Button, { variant: "outlined", onClick: handleCancel, children: textCancel })), jsxRuntime.jsx(Button, { variant: "filled", onClick: handleConfirm, children: textConfirm })] })] }) })] }));
 };
 // Memoização para otimização de performance
 const MemoizedDialog = React.memo(Dialog);
 MemoizedDialog.displayName = 'Dialog';
 
-var styles$f = {"zds-custom__drawer-shadow":"Drawer-module__zds-custom__drawer-shadow___xoF-q","zds-custom__drawer-shadow--visible":"Drawer-module__zds-custom__drawer-shadow--visible___9JUdU","zds-custom__drawer-sidebar":"Drawer-module__zds-custom__drawer-sidebar___MC8Zt","zds-custom__drawer-sidebar--open":"Drawer-module__zds-custom__drawer-sidebar--open___DiMJb","zds-custom__drawer-sidebar--disabled":"Drawer-module__zds-custom__drawer-sidebar--disabled___6OGsA","zds-drawer__title-close":"Drawer-module__zds-drawer__title-close___g9K3D","zds-drawer__title":"Drawer-module__zds-drawer__title___lqHFw","zds-drawer__children":"Drawer-module__zds-drawer__children___ZnzF6"};
+var styles$c = {"zds-custom__drawer-shadow":"Drawer-module__zds-custom__drawer-shadow___xoF-q","zds-custom__drawer-shadow--visible":"Drawer-module__zds-custom__drawer-shadow--visible___9JUdU","zds-custom__drawer-sidebar":"Drawer-module__zds-custom__drawer-sidebar___MC8Zt","zds-custom__drawer-sidebar--open":"Drawer-module__zds-custom__drawer-sidebar--open___DiMJb","zds-custom__drawer-sidebar--disabled":"Drawer-module__zds-custom__drawer-sidebar--disabled___6OGsA","zds-drawer__title-close":"Drawer-module__zds-drawer__title-close___g9K3D","zds-drawer__title":"Drawer-module__zds-drawer__title___lqHFw","zds-drawer__children":"Drawer-module__zds-drawer__children___ZnzF6"};
 
 /**
  * Componente Drawer do Zanthus Design System
@@ -1185,20 +1194,20 @@ onClose, title = 'Título', isOpen = false, onOpen, className = '', id, disabled
         event.stopPropagation();
         internalClose();
     };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: clsx(styles$f['zds-custom__drawer-shadow'], {
-                    [styles$f['zds-custom__drawer-shadow--visible']]: isOpen,
-                }), onClick: handleOverlayClick, role: "presentation", "aria-hidden": "true", "data-testid": "drawer-overlay" }), jsxRuntime.jsxs("div", { className: clsx(styles$f['zds-custom__drawer-sidebar'], {
-                    [styles$f['zds-custom__drawer-sidebar--open']]: isOpen,
-                    [styles$f['zds-custom__drawer-sidebar--disabled']]: disabled,
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: clsx(styles$c['zds-custom__drawer-shadow'], {
+                    [styles$c['zds-custom__drawer-shadow--visible']]: isOpen,
+                }), onClick: handleOverlayClick, role: "presentation", "aria-hidden": "true", "data-testid": "drawer-overlay" }), jsxRuntime.jsxs("div", { className: clsx(styles$c['zds-custom__drawer-sidebar'], {
+                    [styles$c['zds-custom__drawer-sidebar--open']]: isOpen,
+                    [styles$c['zds-custom__drawer-sidebar--disabled']]: disabled,
                 }, className), style: {
                     // ✅ APENAS: Width customizável via CSS custom property
                     '--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: [jsxRuntime.jsxs("div", { className: clsx(styles$f['zds-drawer__title-close']), children: [jsxRuntime.jsx("div", { className: clsx(styles$f['zds-drawer__title']), id: id ? `${id}-title` : 'drawer-title', children: title }), jsxRuntime.jsx(Button, { onClick: handleCloseClick, variant: 'text', iconOnly: true, icon: jsxRuntime.jsx(reactIcons.Dismiss16Regular, {}), size: 'lg' })] }), jsxRuntime.jsx("div", { className: clsx(styles$f['zds-drawer__children']), "data-testid": "drawer-content", children: children })] })] }));
+                }, onClick: handleDrawerClick, role: "dialog", "aria-modal": "true", "aria-labelledby": id ? `${id}-title` : 'drawer-title', "aria-hidden": !isOpen, "data-testid": "drawer-panel", id: id, children: [jsxRuntime.jsxs("div", { className: clsx(styles$c['zds-drawer__title-close']), children: [jsxRuntime.jsx("div", { className: clsx(styles$c['zds-drawer__title']), id: id ? `${id}-title` : 'drawer-title', children: title }), jsxRuntime.jsx(Button, { onClick: handleCloseClick, variant: 'text', iconOnly: true, icon: jsxRuntime.jsx(reactIcons.Dismiss16Regular, {}), size: 'lg' })] }), jsxRuntime.jsx("div", { className: clsx(styles$c['zds-drawer__children']), "data-testid": "drawer-content", children: children })] })] }));
 };
 
-var styles$e = {"zds-search":"Search-module__zds-search___DRIVl","zds-search__leftIcon":"Search-module__zds-search__leftIcon___gBvTI","zds-search__clearIcon":"Search-module__zds-search__clearIcon___wsOBs"};
+var styles$b = {"zds-search":"Search-module__zds-search___DRIVl","zds-search__leftIcon":"Search-module__zds-search__leftIcon___gBvTI","zds-search__clearIcon":"Search-module__zds-search__clearIcon___wsOBs"};
 
-const Search = React.forwardRef(({ placeholder = 'Dica do que deve ser buscado', disabled = false, value, onChange, onKeyDown, onFocus, onBlur, onClear, onClick, onMouseDown, id = '', className = '', }, ref) => {
+const Search = React.forwardRef(({ placeholder = 'Dica do que deve ser buscado', disabled = false, value, onChange, onKeyDown, onFocus, onBlur, onClear, onClick, onMouseDown, id = '', className = '', 'data-testid': testId, }, ref) => {
     const [internalValue, setInternalValue] = React.useState('');
     const isControlled = value !== undefined && onChange !== undefined;
     const currentValue = isControlled ? value : internalValue;
@@ -1243,11 +1252,11 @@ const Search = React.forwardRef(({ placeholder = 'Dica do que deve ser buscado',
             return;
         onKeyDown?.(e);
     };
-    const searchClass = clsx(styles$e['zds-search'], {
+    const searchClass = clsx(styles$b['zds-search'], {
         disabled,
         [className]: className,
     });
-    return (jsxRuntime.jsxs("div", { className: searchClass, onClick: onClick, onMouseDown: onMouseDown, children: [jsxRuntime.jsx("span", { className: clsx(styles$e['zds-search__leftIcon'], { disabled }), tabIndex: -1, role: "presentation", "aria-hidden": "true", children: jsxRuntime.jsx(reactIcons.Search16Regular, {}) }), jsxRuntime.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 }), currentValue && currentValue.length > 0 && (jsxRuntime.jsx("span", { className: styles$e['zds-search__clearIcon'], "aria-hidden": "true", onClick: clearInputSearch, children: jsxRuntime.jsx(reactIcons.Dismiss16Regular, {}) }))] }));
+    return (jsxRuntime.jsxs("div", { className: searchClass, onClick: onClick, onMouseDown: onMouseDown, children: [jsxRuntime.jsx("span", { className: clsx(styles$b['zds-search__leftIcon'], { disabled }), tabIndex: -1, role: "presentation", "aria-hidden": "true", children: jsxRuntime.jsx(reactIcons.Search16Regular, {}) }), jsxRuntime.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 }), currentValue && currentValue.length > 0 && (jsxRuntime.jsx("span", { className: styles$b['zds-search__clearIcon'], "aria-hidden": "true", onClick: clearInputSearch, children: jsxRuntime.jsx(reactIcons.Dismiss16Regular, {}) }))] }));
 });
 Search.displayName = 'ZdsSearch';
 
@@ -1282,7 +1291,7 @@ const validateItems = (items, type) => {
     });
 };
 
-var styles$d = {"zds-dropdown__container":"Dropdown-module__zds-dropdown__container___UMV5O","zds-dropdown__container--top":"Dropdown-module__zds-dropdown__container--top___nys1y","zds-dropdown__container--bottom":"Dropdown-module__zds-dropdown__container--bottom___5ncXH","zds-dropdown__search-container":"Dropdown-module__zds-dropdown__search-container___5igq1","zds-dropdown__item":"Dropdown-module__zds-dropdown__item___bqAnI","zds-dropdown--disabled":"Dropdown-module__zds-dropdown--disabled___WF-ao","zds-dropdown__item--focused":"Dropdown-module__zds-dropdown__item--focused___ulKda","zds-dropdown__item--selected":"Dropdown-module__zds-dropdown__item--selected___K-Mk-","zds-dropdown__title":"Dropdown-module__zds-dropdown__title___emxcQ","zds-dropdown__subtext":"Dropdown-module__zds-dropdown__subtext___YzXrw","zds-dropdown__item-content":"Dropdown-module__zds-dropdown__item-content___E3qkd","zds-dropdown__item-content--disabled":"Dropdown-module__zds-dropdown__item-content--disabled___RmhHd","zds-dropdown__item-text":"Dropdown-module__zds-dropdown__item-text___D39Qy","zds-dropdown__item-icon":"Dropdown-module__zds-dropdown__item-icon___QdCJz","zds-dropdown__item-icon-container":"Dropdown-module__zds-dropdown__item-icon-container___ULMHu","zds-dropdown__no-results":"Dropdown-module__zds-dropdown__no-results___rUZ-Z","zds-dropdown__list":"Dropdown-module__zds-dropdown__list___d65nL","zds-checkbox":"Dropdown-module__zds-checkbox___rJTmR","zds-dropdown__item--checkbox":"Dropdown-module__zds-dropdown__item--checkbox___z94nE","zds-dropdown__container-filter":"Dropdown-module__zds-dropdown__container-filter___Deixf","zds-dropdown__infinite-scroll-trigger":"Dropdown-module__zds-dropdown__infinite-scroll-trigger___RA9Gd","zds-dropdown__loading-indicator":"Dropdown-module__zds-dropdown__loading-indicator___Zf-uW"};
+var styles$a = {"zds-dropdown__container":"Dropdown-module__zds-dropdown__container___UMV5O","zds-dropdown__container--top":"Dropdown-module__zds-dropdown__container--top___nys1y","zds-dropdown__container--bottom":"Dropdown-module__zds-dropdown__container--bottom___5ncXH","zds-dropdown__search-container":"Dropdown-module__zds-dropdown__search-container___5igq1","zds-dropdown__item":"Dropdown-module__zds-dropdown__item___bqAnI","zds-dropdown--disabled":"Dropdown-module__zds-dropdown--disabled___WF-ao","zds-dropdown__item--focused":"Dropdown-module__zds-dropdown__item--focused___ulKda","zds-dropdown__item--selected":"Dropdown-module__zds-dropdown__item--selected___K-Mk-","zds-dropdown__title":"Dropdown-module__zds-dropdown__title___emxcQ","zds-dropdown__subtext":"Dropdown-module__zds-dropdown__subtext___YzXrw","zds-dropdown__item-content":"Dropdown-module__zds-dropdown__item-content___E3qkd","zds-dropdown__item-content--disabled":"Dropdown-module__zds-dropdown__item-content--disabled___RmhHd","zds-dropdown__item-text":"Dropdown-module__zds-dropdown__item-text___D39Qy","zds-dropdown__item-icon":"Dropdown-module__zds-dropdown__item-icon___QdCJz","zds-dropdown__item-icon-container":"Dropdown-module__zds-dropdown__item-icon-container___ULMHu","zds-dropdown__no-results":"Dropdown-module__zds-dropdown__no-results___rUZ-Z","zds-dropdown__list":"Dropdown-module__zds-dropdown__list___d65nL","zds-checkbox":"Dropdown-module__zds-checkbox___rJTmR","zds-dropdown__item--checkbox":"Dropdown-module__zds-dropdown__item--checkbox___z94nE","zds-dropdown__container-filter":"Dropdown-module__zds-dropdown__container-filter___Deixf","zds-dropdown__infinite-scroll-trigger":"Dropdown-module__zds-dropdown__infinite-scroll-trigger___RA9Gd","zds-dropdown__loading-indicator":"Dropdown-module__zds-dropdown__loading-indicator___Zf-uW"};
 
 /**
  * Hook otimizado para scroll infinito usando IntersectionObserver
@@ -1547,17 +1556,17 @@ const Dropdown = ({ className, items = [], id, type = 'text', applySearch = fals
     const renderItemContent = React.useCallback((item, index) => {
         const itemId = item.id || `dropdown-item-${index}`;
         const currentSelection = filter ? tempSelectedItems : selectedItems;
-        return (jsxRuntime.jsxs("div", { className: clsx(styles$d['zds-dropdown__item-content'], {
-                [styles$d['zds-dropdown__item-content--disabled']]: item.disabled,
+        return (jsxRuntime.jsxs("div", { className: clsx(styles$a['zds-dropdown__item-content'], {
+                [styles$a['zds-dropdown__item-content--disabled']]: item.disabled,
             }), children: [type === 'checkbox' && (jsxRuntime.jsx(Checkbox, { checked: !!currentSelection[itemId], onCheckedChange: (checked) => {
                         if (checked === 'indeterminate')
                             return;
                         toggleSelection(itemId, item);
-                    }, disabled: item.disabled, label: "" })), type === 'icon' && item.icon && (jsxRuntime.jsx("div", { className: styles$d['zds-dropdown__item-icon-container'], children: jsxRuntime.jsx("span", { className: styles$d['zds-dropdown__item-icon'], onClick: (event) => {
+                    }, disabled: item.disabled, label: "" })), type === 'icon' && item.icon && (jsxRuntime.jsx("div", { className: styles$a['zds-dropdown__item-icon-container'], children: jsxRuntime.jsx("span", { className: styles$a['zds-dropdown__item-icon'], onClick: (event) => {
                             event.preventDefault();
                             event.stopPropagation();
                             handleItemClick(event, itemId, item);
-                        }, children: item.icon }) })), jsxRuntime.jsxs("div", { className: styles$d['zds-dropdown__item-text'], children: [jsxRuntime.jsx("span", { id: `dropdown-item-${itemId}-label`, className: styles$d['zds-dropdown__title'], children: item.text }), showSubText && item.subText && (jsxRuntime.jsx("span", { id: `dropdown-item-${itemId}-desc`, className: styles$d['zds-dropdown__subtext'], children: item.subText }))] })] }));
+                        }, children: item.icon }) })), jsxRuntime.jsxs("div", { className: styles$a['zds-dropdown__item-text'], children: [jsxRuntime.jsx("span", { id: `dropdown-item-${itemId}-label`, className: styles$a['zds-dropdown__title'], children: item.text }), showSubText && item.subText && (jsxRuntime.jsx("span", { id: `dropdown-item-${itemId}-desc`, className: styles$a['zds-dropdown__subtext'], children: item.subText }))] })] }));
     }, [
         type,
         selectedItems,
@@ -1622,10 +1631,10 @@ const Dropdown = ({ className, items = [], id, type = 'text', applySearch = fals
         isSearchFocused,
         handleSearchClear,
     ]);
-    const DropdownClass = clsx(styles$d['zds-dropdown__container'], styles$d[`zds-dropdown__container--${position}`], {
+    const DropdownClass = clsx(styles$a['zds-dropdown__container'], styles$a[`zds-dropdown__container--${position}`], {
         [className || '']: className,
-        [styles$d['zds-dropdown__container--search-active']]: searchQuery.length > 0,
-        [styles$d['zds-dropdown__container--fixed-width']]: !!maxWidth,
+        [styles$a['zds-dropdown__container--search-active']]: searchQuery.length > 0,
+        [styles$a['zds-dropdown__container--fixed-width']]: !!maxWidth,
     });
     const dropdownStyles = React.useMemo(() => {
         const styles = {};
@@ -1647,14 +1656,14 @@ const Dropdown = ({ className, items = [], id, type = 'text', applySearch = fals
         }
         return styles;
     }, [maxWidth, minWidth, width, maxHeight]);
-    return (jsxRuntime.jsx("div", { ref: containerRef, className: DropdownClass, tabIndex: 0, role: "combobox", "aria-expanded": filteredItems.length > 0 ? 'true' : 'false', "aria-haspopup": "listbox", "aria-owns": id ? `${id}-listbox` : undefined, "aria-controls": id ? `${id}-listbox` : undefined, "aria-activedescendant": focusedIndex >= 0 ? `${id}-option-${focusedIndex}` : undefined, "aria-label": "Dropdown de sele\u00E7\u00E3o", "aria-describedby": searchVisible ? `${id}-search-help` : undefined, onKeyDown: handleKeyDown, style: dropdownStyles, children: jsxRuntime.jsxs("ul", { className: styles$d['zds-dropdown__list'], id: id || undefined, role: "listbox", "aria-label": "Lista de op\u00E7\u00F5es", "aria-multiselectable": isMultiSelectable, children: [searchVisible && (jsxRuntime.jsx("li", { role: "none", className: styles$d['zds-dropdown__search-container'], children: jsxRuntime.jsx(Search, { value: inputValue, placeholder: placeholder || 'Digite e pressione Enter para buscar...', onChange: handleSearchChange, onKeyDown: handleSearchKeyDown, onFocus: () => setIsSearchFocused(true), onBlur: () => setIsSearchFocused(false), onClear: handleSearchClear, "aria-label": "Campo de busca - pressione Enter para pesquisar" }) })), filteredItems.length > 0 ? (filteredItems.map((item, index) => {
+    return (jsxRuntime.jsx("div", { ref: containerRef, className: DropdownClass, tabIndex: 0, role: "combobox", "aria-expanded": filteredItems.length > 0 ? 'true' : 'false', "aria-haspopup": "listbox", "aria-owns": id ? `${id}-listbox` : undefined, "aria-controls": id ? `${id}-listbox` : undefined, "aria-activedescendant": focusedIndex >= 0 ? `${id}-option-${focusedIndex}` : undefined, "aria-label": "Dropdown de sele\u00E7\u00E3o", "aria-describedby": searchVisible ? `${id}-search-help` : undefined, onKeyDown: handleKeyDown, style: dropdownStyles, children: jsxRuntime.jsxs("ul", { className: styles$a['zds-dropdown__list'], id: id || undefined, role: "listbox", "aria-label": "Lista de op\u00E7\u00F5es", "aria-multiselectable": isMultiSelectable, children: [searchVisible && (jsxRuntime.jsx("li", { role: "none", className: styles$a['zds-dropdown__search-container'], children: jsxRuntime.jsx(Search, { value: inputValue, placeholder: placeholder || 'Digite e pressione Enter para buscar...', onChange: handleSearchChange, onKeyDown: handleSearchKeyDown, onFocus: () => setIsSearchFocused(true), onBlur: () => setIsSearchFocused(false), onClear: handleSearchClear, "aria-label": "Campo de busca - pressione Enter para pesquisar" }) })), filteredItems.length > 0 ? (filteredItems.map((item, index) => {
                     const itemId = generateItemId(item, index);
                     const currentSelection = filter ? tempSelectedItems : selectedItems;
-                    return (jsxRuntime.jsx("li", { role: "option", "aria-selected": !!currentSelection[itemId], "aria-labelledby": `dropdown-item-${itemId}-label`, "aria-describedby": item.subText ? `dropdown-item-${itemId}-desc` : undefined, className: clsx(styles$d['zds-dropdown__item'], {
-                            [styles$d[`zds-dropdown__item--${type}`]]: type,
-                            [styles$d['zds-dropdown__item--selected']]: currentSelection[itemId],
-                            [styles$d['zds-dropdown__item--focused']]: focusedIndex === index,
-                            [styles$d['zds-dropdown__item--disabled']]: item.disabled,
+                    return (jsxRuntime.jsx("li", { role: "option", "aria-selected": !!currentSelection[itemId], "aria-labelledby": `dropdown-item-${itemId}-label`, "aria-describedby": item.subText ? `dropdown-item-${itemId}-desc` : undefined, className: clsx(styles$a['zds-dropdown__item'], {
+                            [styles$a[`zds-dropdown__item--${type}`]]: type,
+                            [styles$a['zds-dropdown__item--selected']]: currentSelection[itemId],
+                            [styles$a['zds-dropdown__item--focused']]: focusedIndex === index,
+                            [styles$a['zds-dropdown__item--disabled']]: item.disabled,
                         }), tabIndex: focusedIndex === index ? 0 : -1, onFocus: () => setFocusedIndex(index), onClick: (event) => {
                             event.stopPropagation();
                             handleItemClick(event, itemId, item);
@@ -1664,12 +1673,12 @@ const Dropdown = ({ className, items = [], id, type = 'text', applySearch = fals
                                 setFocusedIndex(index);
                             }
                         }, children: renderItemContent(item, index) }, itemId));
-                })) : (jsxRuntime.jsx("li", { className: styles$d['zds-dropdown__no-results'], role: "status", "aria-live": "polite", children: "Nenhum item corresponde \u00E0 sua busca" })), filter && (jsxRuntime.jsxs("div", { className: styles$d['zds-dropdown__container-filter'], children: [jsxRuntime.jsx(Button, { size: "sm", variant: "outlined", onClick: handleClearFilter, children: "Limpar" }), jsxRuntime.jsx(Button, { size: "sm", onClick: handleApplyFilter, children: "Aplicar" })] })), infiniteScrollHook && infiniteScrollHook.hasNextPage && (jsxRuntime.jsx("li", { role: "none", className: styles$d['zds-dropdown__infinite-scroll-trigger'], children: jsxRuntime.jsx("div", { ref: infiniteScrollHook.observerRef, className: styles$d['zds-dropdown__loading-indicator'], children: infiniteScroll?.status === 'loading' ? (jsxRuntime.jsx("span", { children: "Carregando..." })) : (jsxRuntime.jsx("span", { children: "Trigger" })) }) }))] }) }));
+                })) : (jsxRuntime.jsx("li", { className: styles$a['zds-dropdown__no-results'], role: "status", "aria-live": "polite", children: "Nenhum item corresponde \u00E0 sua busca" })), filter && (jsxRuntime.jsxs("div", { className: styles$a['zds-dropdown__container-filter'], children: [jsxRuntime.jsx(Button, { size: "sm", variant: "outlined", onClick: handleClearFilter, children: "Limpar" }), jsxRuntime.jsx(Button, { size: "sm", onClick: handleApplyFilter, children: "Aplicar" })] })), infiniteScrollHook && infiniteScrollHook.hasNextPage && (jsxRuntime.jsx("li", { role: "none", className: styles$a['zds-dropdown__infinite-scroll-trigger'], children: jsxRuntime.jsx("div", { ref: infiniteScrollHook.observerRef, className: styles$a['zds-dropdown__loading-indicator'], children: infiniteScroll?.status === 'loading' ? (jsxRuntime.jsx("span", { children: "Carregando..." })) : (jsxRuntime.jsx("span", { children: "Trigger" })) }) }))] }) }));
 };
 const MemoizedDropdown = React.memo(Dropdown);
 MemoizedDropdown.displayName = 'Dropdown';
 
-var styles$c = {"zds-filter__container":"Filter-module__zds-filter__container___0E-nC","zds-filter__button":"Filter-module__zds-filter__button___gT9yM","zds-filter__icon":"Filter-module__zds-filter__icon___ypiCu","zds-filter__text":"Filter-module__zds-filter__text___1iywL","zds-filter__arrow":"Filter-module__zds-filter__arrow___xflU2","zds-filter__arrow--up":"Filter-module__zds-filter__arrow--up___R0HR-","zds-filter__arrow--down":"Filter-module__zds-filter__arrow--down___4YMmg","zds-filter__button--open":"Filter-module__zds-filter__button--open___OA6EF","zds-filter__dropdown":"Filter-module__zds-filter__dropdown___-67MJ","zds-filter__dropdown--left":"Filter-module__zds-filter__dropdown--left___GgonW","zds-filter__dropdown--right":"Filter-module__zds-filter__dropdown--right___7GS9L","zds-filter-button__content":"Filter-module__zds-filter-button__content___eNIIz","zds-filter-button__arrow":"Filter-module__zds-filter-button__arrow___ZhymS","zds-filter-button__icon":"Filter-module__zds-filter-button__icon___-42Ey"};
+var styles$9 = {"zds-filter__container":"Filter-module__zds-filter__container___0E-nC","zds-filter__button":"Filter-module__zds-filter__button___gT9yM","zds-filter__icon":"Filter-module__zds-filter__icon___ypiCu","zds-filter__text":"Filter-module__zds-filter__text___1iywL","zds-filter__arrow":"Filter-module__zds-filter__arrow___xflU2","zds-filter__arrow--up":"Filter-module__zds-filter__arrow--up___R0HR-","zds-filter__arrow--down":"Filter-module__zds-filter__arrow--down___4YMmg","zds-filter__button--open":"Filter-module__zds-filter__button--open___OA6EF","zds-filter__dropdown":"Filter-module__zds-filter__dropdown___-67MJ","zds-filter__dropdown--left":"Filter-module__zds-filter__dropdown--left___GgonW","zds-filter__dropdown--right":"Filter-module__zds-filter__dropdown--right___7GS9L","zds-filter-button__content":"Filter-module__zds-filter-button__content___eNIIz","zds-filter-button__arrow":"Filter-module__zds-filter-button__arrow___ZhymS","zds-filter-button__icon":"Filter-module__zds-filter-button__icon___-42Ey"};
 
 // ✅ CORREÇÃO: Problema de loop infinito no useEffect
 const Filter = ({ items = [], type = 'checkbox', selectedIds = [], onApplyFilter, placeholder = 'Selecionar...', enableSearch = false, buttonText = 'Filter', icon, variant = 'outlined', onOpen, onClose, position = 'left', disabled = false, className = '', selectedDate, onDateSelect, onClearDate, minDate, maxDate, locale = 'pt-br', }) => {
@@ -1754,25 +1763,25 @@ const Filter = ({ items = [], type = 'checkbox', selectedIds = [], onApplyFilter
         }
         return () => document.removeEventListener('keydown', handleEscape);
     }, [isOpen, onClose]);
-    const filterClass = clsx(styles$c['zds-filter__container'], className);
-    const dropdownClass = clsx(styles$c['zds-filter__dropdown'], {
-        [styles$c[`zds-filter__dropdown--${position}`]]: position,
+    const filterClass = clsx(styles$9['zds-filter__container'], className);
+    const dropdownClass = clsx(styles$9['zds-filter__dropdown'], {
+        [styles$9[`zds-filter__dropdown--${position}`]]: position,
     });
-    return (jsxRuntime.jsxs("div", { ref: filterRef, className: filterClass, children: [jsxRuntime.jsx(Button, { variant: variant, onClick: handleToggle, disabled: disabled, icon: type === 'calendar' ? jsxRuntime.jsx(reactIcons.Calendar16Regular, {}) : jsxRuntime.jsx(reactIcons.ChevronDownRegular, {}), iconPosition: "right", size: "lg", children: jsxRuntime.jsxs("div", { className: styles$c['zds-filter-button__content'], children: [icon && jsxRuntime.jsx("span", { className: styles$c['zds-filter-button__icon'], children: icon }), jsxRuntime.jsx("span", { className: styles$c['zds-filter-button__text'], children: buttonDisplayText }), jsxRuntime.jsx("span", { className: `${styles$c['zds-filter-button__arrow']} ${isOpen ? styles$c['zds-filter-button__arrow--open'] : ''}`, children: getBadgeValue() && (jsxRuntime.jsx(Badge, { badgeValue: `+${getBadgeValue()}`, type: "status" })) })] }) }), isOpen && (jsxRuntime.jsx("div", { className: dropdownClass, children: type === 'calendar' ? (jsxRuntime.jsx(MemoizedCalendar, { currentDate: currentCalendarDate, selectedDate: selectedDate, onDaySelect: handleDateSelection, onDateChange: handleCalendarNavigation, minDate: minDate, maxDate: maxDate, locale: locale, onClear: handleClear, id: `filter-calendar-${filterRef.current?.id || ''}`, "aria-label": "Selecionar data para filtro" })) : (jsxRuntime.jsx(MemoizedDropdown, { items: items, type: type, defaultSelectedIds: selectedIds, placeholder: placeholder, applySearch: enableSearch, filter: true, onSelectionChange: handleApplyFilter })) }))] }));
+    return (jsxRuntime.jsxs("div", { ref: filterRef, className: filterClass, children: [jsxRuntime.jsx(Button, { variant: variant, onClick: handleToggle, disabled: disabled, icon: type === 'calendar' ? jsxRuntime.jsx(reactIcons.Calendar16Regular, {}) : jsxRuntime.jsx(reactIcons.ChevronDownRegular, {}), iconPosition: "right", size: "lg", children: jsxRuntime.jsxs("div", { className: styles$9['zds-filter-button__content'], children: [icon && jsxRuntime.jsx("span", { className: styles$9['zds-filter-button__icon'], children: icon }), jsxRuntime.jsx("span", { className: styles$9['zds-filter-button__text'], children: buttonDisplayText }), jsxRuntime.jsx("span", { className: `${styles$9['zds-filter-button__arrow']} ${isOpen ? styles$9['zds-filter-button__arrow--open'] : ''}`, children: getBadgeValue() && (jsxRuntime.jsx(Badge, { badgeValue: `+${getBadgeValue()}`, type: "status" })) })] }) }), isOpen && (jsxRuntime.jsx("div", { className: dropdownClass, children: type === 'calendar' ? (jsxRuntime.jsx(MemoizedCalendar, { currentDate: currentCalendarDate, selectedDate: selectedDate, onDaySelect: handleDateSelection, onDateChange: handleCalendarNavigation, minDate: minDate, maxDate: maxDate, locale: locale, onClear: handleClear, id: `filter-calendar-${filterRef.current?.id || ''}`, "aria-label": "Selecionar data para filtro" })) : (jsxRuntime.jsx(MemoizedDropdown, { items: items, type: type, defaultSelectedIds: selectedIds, placeholder: placeholder, applySearch: enableSearch, filter: true, onSelectionChange: handleApplyFilter })) }))] }));
 };
 
-var styles$b = {"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$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"};
 
 const Radio = ({ items, onValueChange, defaultValue, name, id, ariaLabel, orientation = 'vertical', ...rest }) => {
     const componentId = id || React.useId();
-    return (jsxRuntime.jsx(radixUi.RadioGroup.Root, { id: componentId, className: styles$b.root, defaultValue: defaultValue, onValueChange: onValueChange, name: name, "aria-label": ariaLabel, "data-orientation": orientation, orientation: orientation, ...rest, children: items.map(({ id, value, disabled, label }) => {
+    return (jsxRuntime.jsx(radixUi.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 }) => {
             const itemKey = id ?? value;
             const uniqueId = `${componentId}-item-${value}`;
-            return (jsxRuntime.jsx("div", { className: clsx(styles$b.wrapper, { [styles$b.disabled]: disabled }), children: jsxRuntime.jsxs("label", { className: styles$b.labelWrapper, htmlFor: uniqueId, children: [jsxRuntime.jsx("div", { className: styles$b.itemWrapper, children: jsxRuntime.jsx(radixUi.RadioGroup.Item, { disabled: disabled, className: styles$b.item, value: value, id: uniqueId, "data-disabled": disabled, children: jsxRuntime.jsx(radixUi.RadioGroup.Indicator, { className: styles$b.indicator }) }) }), jsxRuntime.jsx("span", { className: styles$b.labelText, children: label })] }) }, itemKey));
+            return (jsxRuntime.jsx("div", { className: clsx(styles$8.wrapper, { [styles$8.disabled]: disabled }), children: jsxRuntime.jsxs("label", { className: styles$8.labelWrapper, htmlFor: uniqueId, children: [jsxRuntime.jsx("div", { className: styles$8.itemWrapper, children: jsxRuntime.jsx(radixUi.RadioGroup.Item, { disabled: disabled, className: styles$8.item, value: value, id: uniqueId, "data-disabled": disabled, children: jsxRuntime.jsx(radixUi.RadioGroup.Indicator, { className: styles$8.indicator }) }) }), jsxRuntime.jsx("span", { className: styles$8.labelText, children: label })] }) }, itemKey));
         }) }));
 };
 
-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$7 = {"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"};
 
 /**
  * Componente ListItem do Zanthus Design System
@@ -1857,24 +1866,24 @@ const ListItem = ({ id, className, variant = 'text', text = '', name = '', subTe
         const currentVariant = validVariants.includes(variant) ? variant : 'text';
         switch (currentVariant) {
             case 'checkbox':
-                return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Checkbox, { checked: internalChecked, disabled: disabled, onCheckedChange: () => handleCheckboxClick({}) }), jsxRuntime.jsxs("div", { className: styles$a['zds-list-item__wrapper-text'], children: [jsxRuntime.jsx("span", { id: `${itemId}-text`, className: styles$a['zds-list-item__text'], onClick: handleCheckboxClick, children: text }), showSubText && subText && (jsxRuntime.jsx("span", { id: `${itemId}-subtext`, className: styles$a['zds-list-item__subtext'], onClick: handleCheckboxClick, children: subText }))] })] }));
+                return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Checkbox, { checked: internalChecked, disabled: disabled, onCheckedChange: () => handleCheckboxClick({}) }), jsxRuntime.jsxs("div", { className: styles$7['zds-list-item__wrapper-text'], children: [jsxRuntime.jsx("span", { id: `${itemId}-text`, className: styles$7['zds-list-item__text'], onClick: handleCheckboxClick, children: text }), showSubText && subText && (jsxRuntime.jsx("span", { id: `${itemId}-subtext`, className: styles$7['zds-list-item__subtext'], onClick: handleCheckboxClick, children: subText }))] })] }));
             case 'radio':
-                return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: styles$a['zds-list-item__wrapper-radio'], children: jsxRuntime.jsx("span", { className: styles$a['zds-list-item__radio'], "aria-hidden": "true", children: jsxRuntime.jsx(Radio, { name: name, onValueChange: () => handleRadioClick({}), items: [{
+                return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: styles$7['zds-list-item__wrapper-radio'], children: jsxRuntime.jsx("span", { className: styles$7['zds-list-item__radio'], "aria-hidden": "true", children: jsxRuntime.jsx(Radio, { name: name, onValueChange: () => handleRadioClick({}), items: [{
                                             value: value,
                                             label: '',
                                             disabled: disabled
-                                        }], "aria-labelledby": `${itemId}-text` }) }) }), jsxRuntime.jsxs("div", { className: styles$a['zds-list-item__wrapper-text'], children: [jsxRuntime.jsx("span", { id: `${itemId}-text`, className: styles$a['zds-list-item__title'], onClick: handleRadioClick, children: text }), showSubText && subText && (jsxRuntime.jsx("span", { id: `${itemId}-subtext`, className: styles$a['zds-list-item__subtext'], children: subText }))] })] }));
+                                        }], "aria-labelledby": `${itemId}-text` }) }) }), jsxRuntime.jsxs("div", { className: styles$7['zds-list-item__wrapper-text'], children: [jsxRuntime.jsx("span", { id: `${itemId}-text`, className: styles$7['zds-list-item__title'], onClick: handleRadioClick, children: text }), showSubText && subText && (jsxRuntime.jsx("span", { id: `${itemId}-subtext`, className: styles$7['zds-list-item__subtext'], children: subText }))] })] }));
             case 'icon':
-                return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: styles$a['zds-list-item__wrapper-icon'], children: icon }), jsxRuntime.jsxs("div", { className: styles$a['zds-list-item__wrapper-text'], children: [jsxRuntime.jsx("span", { id: `${itemId}-text`, className: styles$a['zds-list-item__title'], onClick: handleTextOrIconClick, children: text }), showSubText && subText && (jsxRuntime.jsx("span", { id: `${itemId}-subtext`, className: styles$a['zds-list-item__subtext'], children: subText }))] })] }));
+                return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: styles$7['zds-list-item__wrapper-icon'], children: icon }), jsxRuntime.jsxs("div", { className: styles$7['zds-list-item__wrapper-text'], children: [jsxRuntime.jsx("span", { id: `${itemId}-text`, className: styles$7['zds-list-item__title'], onClick: handleTextOrIconClick, children: text }), showSubText && subText && (jsxRuntime.jsx("span", { id: `${itemId}-subtext`, className: styles$7['zds-list-item__subtext'], children: subText }))] })] }));
             case 'text':
             default:
-                return (jsxRuntime.jsxs("div", { className: styles$a['zds-list-item__wrapper-text'], children: [jsxRuntime.jsx("span", { id: `${itemId}-text`, className: styles$a['zds-list-item__title'], onClick: handleTextOrIconClick, children: text }), showSubText && subText && (jsxRuntime.jsx("span", { id: `${itemId}-subtext`, className: styles$a['zds-list-item__subtext'], children: subText }))] }));
+                return (jsxRuntime.jsxs("div", { className: styles$7['zds-list-item__wrapper-text'], children: [jsxRuntime.jsx("span", { id: `${itemId}-text`, className: styles$7['zds-list-item__title'], onClick: handleTextOrIconClick, children: text }), showSubText && subText && (jsxRuntime.jsx("span", { id: `${itemId}-subtext`, className: styles$7['zds-list-item__subtext'], children: subText }))] }));
         }
     }, [variant, itemId, internalChecked, disabled, handleCheckboxClick, handleRadioClick, handleTextOrIconClick, value, text, showSubText, subText, icon, name]);
-    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,
+    const listItemClass = clsx(styles$7['zds-list-item__container'], {
+        [styles$7[`zds-list-item--${variant}`]]: variant,
+        [styles$7['zds-list-item--disabled']]: disabled,
+        [styles$7['zds-list-item--hovered']]: hovered,
         [className || '']: className
     });
     const getAriaChecked = React.useCallback(() => {
@@ -1886,152 +1895,7 @@ const ListItem = ({ id, className, variant = 'text', text = '', name = '', subTe
     return (jsxRuntime.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", children: renderVariantContent() }));
 };
 
-var styles$9 = {"zds-menu__container":"Menu-module__zds-menu__container___BVQ87","zds-search":"Menu-module__zds-search___grixQ","zds-menu__dropdown":"Menu-module__zds-menu__dropdown___rnrrj","zds-menu__dropdown--left":"Menu-module__zds-menu__dropdown--left___1z4dD","zds-menu__dropdown--right":"Menu-module__zds-menu__dropdown--right___A0Mdg"};
-
-const Menu = ({ children, menuItems = [], onMenuItemClick, onToggle, type = 'text', applySearch = false, placeholder = '', showSubText = false, className, id, maxWidth = '210px', minWidth, position = 'left' }) => {
-    const [isMenuOpen, setIsMenuOpen] = React.useState(false);
-    const anchorRef = React.useRef(null);
-    const dropdownRef = React.useRef(null);
-    const menuContainerRef = React.useRef(null);
-    const [selectedItems, setSelectedItems] = React.useState([]);
-    const [focusedItemIndex, setFocusedItemIndex] = React.useState(-1);
-    const closeMenu = React.useCallback(() => {
-        setIsMenuOpen(false);
-        if (onToggle) {
-            onToggle(false);
-        }
-    }, [onToggle]);
-    const openMenu = React.useCallback(() => {
-        setIsMenuOpen(true);
-        if (onToggle) {
-            onToggle(true);
-        }
-    }, [onToggle]);
-    const toggleDropdown = React.useCallback(() => {
-        if (isMenuOpen) {
-            closeMenu();
-        }
-        else {
-            openMenu();
-        }
-    }, [isMenuOpen, closeMenu, openMenu]);
-    const initialItemsSelected = React.useMemo(() => {
-        const selectedMap = {};
-        selectedItems.forEach((id) => {
-            selectedMap[id] = true;
-        });
-        return selectedMap;
-    }, [selectedItems, menuItems]);
-    const handleClickOutside = React.useCallback((event) => {
-        if (!isMenuOpen)
-            return;
-        const target = event.target;
-        if (menuContainerRef.current?.contains(target)) {
-            return;
-        }
-        if (anchorRef.current?.contains(target)) {
-            return;
-        }
-        if (dropdownRef.current?.contains(target)) {
-            return;
-        }
-        closeMenu();
-    }, [isMenuOpen, closeMenu]);
-    const handleKeyDown = React.useCallback((event) => {
-        if (!isMenuOpen)
-            return;
-        switch (event.key) {
-            case 'Escape':
-                event.preventDefault();
-                closeMenu();
-                if (anchorRef.current) {
-                    anchorRef.current.focus();
-                }
-                break;
-            case 'ArrowDown':
-                event.preventDefault();
-                setFocusedItemIndex(prev => {
-                    const nextIndex = prev < menuItems.length - 1 ? prev + 1 : 0;
-                    return nextIndex;
-                });
-                break;
-            case 'ArrowUp':
-                event.preventDefault();
-                setFocusedItemIndex(prev => {
-                    const nextIndex = prev > 0 ? prev - 1 : menuItems.length - 1;
-                    return nextIndex;
-                });
-                break;
-            case 'Enter':
-            case ' ':
-                event.preventDefault();
-                if (focusedItemIndex >= 0 && focusedItemIndex < menuItems.length) {
-                    const selectedItem = menuItems[focusedItemIndex];
-                    if (selectedItem && !selectedItem.disabled && onMenuItemClick) {
-                        onMenuItemClick(selectedItem);
-                    }
-                }
-                break;
-            case 'Home':
-                event.preventDefault();
-                setFocusedItemIndex(0);
-                break;
-            case 'End':
-                event.preventDefault();
-                setFocusedItemIndex(menuItems.length - 1);
-                break;
-        }
-    }, [isMenuOpen, closeMenu, focusedItemIndex, menuItems, onMenuItemClick, type]);
-    React.useEffect(() => {
-        if (!isMenuOpen) {
-            setFocusedItemIndex(-1);
-        }
-    }, [isMenuOpen]);
-    const handleSelectionChange = React.useCallback((selectedIds) => {
-        if (selectedIds.length > 0 && menuItems.length > 0 && onMenuItemClick) {
-            const lastSelectedId = selectedIds[selectedIds.length - 1];
-            const selectedItem = menuItems.find((item) => item.id === lastSelectedId);
-            if (selectedItem) {
-                onMenuItemClick(selectedItem);
-                closeMenu();
-            }
-        }
-        setSelectedItems(selectedIds);
-    }, [menuItems, onMenuItemClick, closeMenu]);
-    React.useEffect(() => {
-        if (isMenuOpen) {
-            document.addEventListener('mousedown', handleClickOutside);
-            document.addEventListener('keydown', handleKeyDown);
-            return () => {
-                document.removeEventListener('mousedown', handleClickOutside);
-                document.removeEventListener('keydown', handleKeyDown);
-            };
-        }
-    }, [isMenuOpen, handleClickOutside, handleKeyDown]);
-    const renderAnchor = () => {
-        const dropdownId = `${id || 'menu'}-dropdown`;
-        return React.cloneElement(children, {
-            ref: anchorRef,
-            onClick: (e) => {
-                if (dropdownRef.current && dropdownRef.current.contains(e.target)) {
-                    return;
-                }
-                if (children.props.onClick) {
-                    children.props.onClick(e);
-                }
-                toggleDropdown();
-            },
-            'aria-expanded': isMenuOpen ? 'true' : 'false',
-            'aria-haspopup': 'menu',
-            'aria-controls': isMenuOpen ? dropdownId : undefined
-        });
-    };
-    const menuClass = clsx.clsx(styles$9['zds-menu__container'], className);
-    const dropdownClass = clsx.clsx(styles$9['zds-menu__dropdown'], styles$9[`zds-menu__dropdown--${position}`]);
-    return (jsxRuntime.jsxs("div", { ref: menuContainerRef, className: menuClass, id: id, children: [renderAnchor(), isMenuOpen && (jsxRuntime.jsx("div", { ref: dropdownRef, className: dropdownClass, role: "menu", "aria-label": "Menu de a\u00E7\u00F5es", id: `${id || 'menu'}-dropdown`, children: jsxRuntime.jsx(MemoizedDropdown, { type: type, items: menuItems, onSelectionChange: handleSelectionChange, initialItemsSelected: initialItemsSelected, applySearch: applySearch, placeholder: placeholder, showSubText: showSubText, "aria-label": "Menu de a\u00E7\u00F5es", minWidth: minWidth, maxWidth: maxWidth, className: dropdownClass }) }))] }));
-};
-
-var styles$8 = {"content":"MenuRadix-module__content___zlnmj","subContent":"MenuRadix-module__subContent___tnX0E","itemsWrapper":"MenuRadix-module__itemsWrapper___FaUM1","item":"MenuRadix-module__item___xYiTK","subTrigger":"MenuRadix-module__subTrigger___HIuMb","itemSubText":"MenuRadix-module__itemSubText___Z8qgX","itemIcon":"MenuRadix-module__itemIcon___la-QC","itemSelected":"MenuRadix-module__itemSelected___sEBh6","itemText":"MenuRadix-module__itemText___ybPJy","wrapperText":"MenuRadix-module__wrapperText___-Sji9","chevronIcon":"MenuRadix-module__chevronIcon___VMHpF","searchWrapper":"MenuRadix-module__searchWrapper___qrshb","emptyState":"MenuRadix-module__emptyState___SVFf0","loadingMore":"MenuRadix-module__loadingMore___rYo-t"};
+var styles$6 = {"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","itemSelected":"Menu-module__itemSelected___O5Ebi","itemText":"Menu-module__itemText___2fd2B","wrapperText":"Menu-module__wrapperText___PomUe","chevronIcon":"Menu-module__chevronIcon___Gda-U","searchWrapper":"Menu-module__searchWrapper___e0knQ","emptyState":"Menu-module__emptyState___3wh-S","loadingMore":"Menu-module__loadingMore___fUCvH"};
 
 const normalizeText = (text) => {
     if (typeof text === 'string')
@@ -2154,11 +2018,11 @@ const MenuItem = React.memo(({ item, isSelected, onSelect }) => {
     const handleSelect = () => {
         onSelect(item);
     };
-    return (jsxRuntime.jsxs(radixUi.DropdownMenu.Item, { className: clsx(styles$8.item, { [styles$8.itemSelected]: isSelected }), onSelect: handleSelect, disabled: item.disabled, children: [item.icon && jsxRuntime.jsx("span", { className: styles$8.itemIcon, children: item.icon }), jsxRuntime.jsxs("div", { className: styles$8.wrapperText, children: [jsxRuntime.jsx("span", { className: styles$8.itemText, children: item.text }), item.subText && (jsxRuntime.jsx("span", { className: styles$8.itemSubText, children: item.subText }))] })] }));
+    return (jsxRuntime.jsxs(radixUi.DropdownMenu.Item, { className: clsx(styles$6.item, { [styles$6.itemSelected]: isSelected }), onSelect: handleSelect, disabled: item.disabled, children: [item.icon && jsxRuntime.jsx("span", { className: styles$6.itemIcon, children: item.icon }), jsxRuntime.jsxs("div", { className: styles$6.wrapperText, children: [jsxRuntime.jsx("span", { className: styles$6.itemText, children: item.text }), item.subText && (jsxRuntime.jsx("span", { className: styles$6.itemSubText, children: item.subText }))] })] }));
 });
 MenuItem.displayName = 'MenuItem';
 
-const MenuRadix = ({ items, children, onItemSelect, search, enableInfiniteScroll, onScrollEnd, isLoadingMore, onApiSearch, enableApiSearch, selectedItems = [], onOpenChange, align = 'start', className, maxHeight = 400, ...rest }) => {
+const Menu = ({ items, children, onItemSelect, search, enableInfiniteScroll, onScrollEnd, isLoadingMore, onApiSearch, enableApiSearch, selectedItems = [], onOpenChange, align = 'start', className, maxHeight = 400, ...rest }) => {
     const itemsWrapperRef = React.useRef(null);
     const hasReachedEndRef = React.useRef(false);
     const observerRef = React.useRef(null);
@@ -2167,16 +2031,14 @@ const MenuRadix = ({ items, children, onItemSelect, search, enableInfiniteScroll
     const isLoadingMoreRef = React.useRef(isLoadingMore);
     const [searchInput, setSearchInput] = React.useState('');
     const [searchTerm, setSearchTerm] = React.useState('');
-    const [open, setOpen] = React.useState(false);
     const maxHeightStyle = typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight;
-    const { handleItemSelect: handleItemSelectLogic, isItemSelected } = useMenuLogic({
+    const { open, setOpen, handleItemSelect: handleItemSelectLogic, isItemSelected } = useMenuLogic({
         selectedItems,
         onItemSelect,
         onOpenChange,
     });
     const handleItemSelect = React.useCallback((item) => {
         handleItemSelectLogic(item);
-        setOpen(false);
     }, [handleItemSelectLogic]);
     const { filteredItems } = useSearchLogic({
         items,
@@ -2202,7 +2064,7 @@ const MenuRadix = ({ items, children, onItemSelect, search, enableInfiniteScroll
     React.useEffect(() => {
         onScrollEndRef.current = onScrollEnd;
         isLoadingMoreRef.current = isLoadingMore;
-    });
+    }, [onScrollEnd, isLoadingMore]);
     React.useEffect(() => {
         if (!open || !enableInfiniteScroll) {
             return;
@@ -2261,27 +2123,24 @@ const MenuRadix = ({ items, children, onItemSelect, search, enableInfiniteScroll
     const renderMenuItem = React.useCallback((item, key) => {
         const hasChildren = item.children && item.children.length > 0;
         if (hasChildren) {
-            return (jsxRuntime.jsxs(radixUi.DropdownMenu.Sub, { children: [jsxRuntime.jsxs(radixUi.DropdownMenu.SubTrigger, { className: styles$8.subTrigger, disabled: item.disabled, children: [item.icon && (jsxRuntime.jsx("span", { className: styles$8.itemIcon, children: item.icon })), jsxRuntime.jsxs("div", { className: styles$8.wrapperText, children: [jsxRuntime.jsx("span", { className: styles$8.itemText, children: item.text }), item.subText && (jsxRuntime.jsx("span", { className: styles$8.itemSubText, children: item.subText }))] }), jsxRuntime.jsx(reactIcons.ChevronRight16Filled, { className: styles$8.chevronIcon })] }), jsxRuntime.jsx(radixUi.DropdownMenu.Portal, { children: jsxRuntime.jsx(radixUi.DropdownMenu.SubContent, { className: styles$8.subContent, sideOffset: 10, alignOffset: -5, collisionPadding: 20, children: item.children.map((childItem, childIndex) => renderMenuItem(childItem, `${key}-${childIndex}`)) }) })] }, key));
+            return (jsxRuntime.jsxs(radixUi.DropdownMenu.Sub, { children: [jsxRuntime.jsxs(radixUi.DropdownMenu.SubTrigger, { className: styles$6.subTrigger, disabled: item.disabled, children: [item.icon && (jsxRuntime.jsx("span", { className: styles$6.itemIcon, children: item.icon })), jsxRuntime.jsxs("div", { className: styles$6.wrapperText, children: [jsxRuntime.jsx("span", { className: styles$6.itemText, children: item.text }), item.subText && (jsxRuntime.jsx("span", { className: styles$6.itemSubText, children: item.subText }))] }), jsxRuntime.jsx(reactIcons.ChevronRight16Filled, { className: styles$6.chevronIcon })] }), jsxRuntime.jsx(radixUi.DropdownMenu.Portal, { children: jsxRuntime.jsx(radixUi.DropdownMenu.SubContent, { className: styles$6.subContent, sideOffset: 16, collisionPadding: 20, children: item.children.map((childItem, childIndex) => renderMenuItem(childItem, `${key}-${childIndex}`)) }) })] }, key));
         }
         return (jsxRuntime.jsx(MenuItem, { item: item, isSelected: isItemSelected(item), onSelect: handleItemSelect }, key));
     }, [handleItemSelect, isItemSelected]);
     const handleOpenChange = (newOpen) => {
         setOpen(newOpen);
-        if (onOpenChange) {
-            onOpenChange(newOpen);
-        }
         if (!newOpen) {
             hasReachedEndRef.current = false;
         }
     };
-    return (jsxRuntime.jsxs(radixUi.DropdownMenu.Root, { open: open, onOpenChange: handleOpenChange, children: [jsxRuntime.jsx(radixUi.DropdownMenu.Trigger, { asChild: true, children: children }), jsxRuntime.jsx(radixUi.DropdownMenu.Portal, { children: jsxRuntime.jsxs(radixUi.DropdownMenu.Content, { className: clsx(styles$8.content, className), sideOffset: 8, align: align, onKeyDown: (e) => {
+    return (jsxRuntime.jsxs(radixUi.DropdownMenu.Root, { open: open, onOpenChange: handleOpenChange, children: [jsxRuntime.jsx(radixUi.DropdownMenu.Trigger, { asChild: true, children: children }), jsxRuntime.jsx(radixUi.DropdownMenu.Portal, { children: jsxRuntime.jsxs(radixUi.DropdownMenu.Content, { className: clsx(styles$6.content, className), sideOffset: 8, align: align, onKeyDown: (e) => {
                         if (search) {
                             e.stopPropagation();
                         }
-                    }, ...rest, children: [search && (jsxRuntime.jsx("div", { className: styles$8.searchWrapper, children: jsxRuntime.jsx(Search, { placeholder: "Buscar", onChange: handleSearchChange, value: searchInput, onKeyDown: handleSearchKeyDown }) })), jsxRuntime.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}`))) : (jsxRuntime.jsx("div", { className: styles$8.emptyState, children: "Nenhum item encontrado" })), enableInfiniteScroll && isLoadingMore && (jsxRuntime.jsx("div", { className: styles$8.loadingMore, children: "Carregando mais itens..." })), enableInfiniteScroll && (jsxRuntime.jsx("div", { ref: sentinelRef, "data-scroll-sentinel": true, style: { height: '1px', visibility: 'hidden' } }))] })] }) })] }));
+                    }, ...rest, children: [search && (jsxRuntime.jsx("div", { className: styles$6.searchWrapper, children: jsxRuntime.jsx(Search, { placeholder: "Buscar", onChange: handleSearchChange, value: searchInput, onKeyDown: handleSearchKeyDown }) })), jsxRuntime.jsxs("div", { className: styles$6.itemsWrapper, ref: itemsWrapperRef, style: { maxHeight: maxHeightStyle }, children: [filteredItems.length > 0 ? (filteredItems.map((item, index) => renderMenuItem(item, item.value || item.text || `item-${index}`))) : (jsxRuntime.jsx("div", { className: styles$6.emptyState, children: "Nenhum item encontrado" })), enableInfiniteScroll && isLoadingMore && (jsxRuntime.jsx("div", { className: styles$6.loadingMore, children: "Carregando mais itens..." })), enableInfiniteScroll && (jsxRuntime.jsx("div", { ref: sentinelRef, "data-scroll-sentinel": true, style: { height: '1px', visibility: 'hidden' } }))] })] }) })] }));
 };
 
-var styles$7 = {"zds-quantity":"Quantity-module__zds-quantity___AymLj","zds-quantity__input":"Quantity-module__zds-quantity__input___Wlhmo"};
+var styles$5 = {"zds-quantity":"Quantity-module__zds-quantity___AymLj","zds-quantity__input":"Quantity-module__zds-quantity__input___Wlhmo"};
 
 /**
  * Componente Quantity - permite incrementar/decrementar valores numéricos
@@ -2500,365 +2359,94 @@ const Quantity = ({ defaultValue = 0, value: controlledValue, onChange, disabled
     }, [disabled, increment, decrement, decimal, decimalPlaces, isControlled, onChange, computedValue]);
     const uniqueId = React.useId();
     const inputId = id || uniqueId;
-    return (jsxRuntime.jsxs("div", { className: clsx(styles$7['zds-quantity'], { disabled }, className), children: [jsxRuntime.jsx(Button, { variant: 'outlined', size: size, type: 'button', iconOnly: true, icon: jsxRuntime.jsx(reactIcons.Subtract16Regular, {}), onClick: decrement, disabled: disabled || isMinValue, "aria-label": 'Diminuir quantidade' }), jsxRuntime.jsx("input", { ref: inputRef, className: clsx(styles$7['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' }), jsxRuntime.jsx(Button, { variant: 'outlined', size: size, type: 'button', iconOnly: true, onClick: increment, disabled: disabled, "aria-label": 'Aumentar quantidade', icon: jsxRuntime.jsx(reactIcons.Add16Regular, {}) })] }));
+    return (jsxRuntime.jsxs("div", { className: clsx(styles$5['zds-quantity'], { disabled }, className), children: [jsxRuntime.jsx(Button, { variant: 'outlined', size: size, type: 'button', iconOnly: true, icon: jsxRuntime.jsx(reactIcons.Subtract16Regular, {}), onClick: decrement, disabled: disabled || isMinValue, "aria-label": 'Diminuir quantidade' }), jsxRuntime.jsx("input", { ref: inputRef, className: clsx(styles$5['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' }), jsxRuntime.jsx(Button, { variant: 'outlined', size: size, type: 'button', iconOnly: true, onClick: increment, disabled: disabled, "aria-label": 'Aumentar quantidade', icon: jsxRuntime.jsx(reactIcons.Add16Regular, {}) })] }));
 };
 const memorizedQuantity = React.memo(Quantity);
 memorizedQuantity.displayName = 'Quantity';
 
-var styles$6 = {"zds-select":"Select-module__zds-select___TePBJ","zds-select__dropdown":"Select-module__zds-select__dropdown___pEXsY","zds-dropdown__container":"Select-module__zds-dropdown__container___TJvrT","zds-select__dropdown--top":"Select-module__zds-select__dropdown--top___O3u5M","zds-select__dropdown--bottom":"Select-module__zds-select__dropdown--bottom___qfKLH"};
-
-var styles$5 = {"zds-select-field":"SelectField-module__zds-select-field___djzS5","zds-select-field__required":"SelectField-module__zds-select-field__required___T-LvC","zds-select-field__container-box":"SelectField-module__zds-select-field__container-box___nkzZy","zds-select-field__box__input":"SelectField-module__zds-select-field__box__input___xBdKZ","zds-select-field__display":"SelectField-module__zds-select-field__display___snLz3","zds-select-field--open":"SelectField-module__zds-select-field--open___IUfIn","zds-select-field__icon":"SelectField-module__zds-select-field__icon___kt-SW","zds-select-field__helper-text":"SelectField-module__zds-select-field__helper-text___9jTiW","zds-select-field__container-tooltip":"SelectField-module__zds-select-field__container-tooltip___xZr46","zds-select-field__tooltip":"SelectField-module__zds-select-field__tooltip___XYAEC","zds-select-field--error":"SelectField-module__zds-select-field--error___sb6H6","zds-select-field--disabled":"SelectField-module__zds-select-field--disabled___48f33"};
-
-const SelectField = React.forwardRef(({ id, name, value, placeholder, label, helperText, errorMessage, required = false, disabled = false, icon, isOpen = false, className, tooltip, tooltipText, isTouched = false, hasError = false, positionTooltip }, ref) => {
-    // ✅ NOVA LÓGICA: Validação de required
-    const isRequired = required && !disabled;
-    const hasValue = Boolean(value && value.trim().length > 0);
-    const shouldShowRequiredError = isRequired && isTouched && !hasValue;
-    // ✅ NOVA LÓGICA: Mensagem de erro dinâmica
-    const dynamicErrorMessage = shouldShowRequiredError && !errorMessage
-        ? 'Este campo é obrigatório'
-        : errorMessage;
-    // ✅ NOVA LÓGICA: Estado de erro combinado
-    const showError = hasError || shouldShowRequiredError || Boolean(errorMessage);
-    // Classes CSS
-    const containerClasses = clsx(styles$5['zds-select-field'], {
-        [styles$5['zds-select-field--open']]: isOpen,
-        [styles$5['zds-select-field--disabled']]: disabled,
-        [styles$5['zds-select-field--error']]: showError,
-        [styles$5['zds-select-field--required']]: isRequired,
-        [styles$5['zds-select-field--touched']]: isTouched,
-    }, className);
-    const displayClasses = clsx(styles$5['zds-select-field__display'], {
-        [styles$5['zds-select-field__display--placeholder']]: !hasValue,
-        'has-value': hasValue,
-    });
-    const displayText = hasValue ? value : placeholder;
-    return (jsxRuntime.jsxs("div", { className: containerClasses, ref: ref, children: [label && (jsxRuntime.jsx("label", { htmlFor: id, children: tooltip ? (jsxRuntime.jsx(Tooltip, { text: tooltipText, position: positionTooltip, children: jsxRuntime.jsxs("div", { className: styles$5['zds-select-field__container-tooltip'], children: [label, required && jsxRuntime.jsx("span", { className: styles$5['zds-select-field__required'], children: "*" }), jsxRuntime.jsx(reactIcons.Info12Regular, { className: styles$5['zds-select-field__tooltip'] })] }) })) : (jsxRuntime.jsxs("div", { className: styles$5['zds-select-field__container-tooltip'], children: [label, required && jsxRuntime.jsx("span", { className: styles$5['zds-select-field__required'], children: "*" })] })) })), jsxRuntime.jsxs("div", { className: styles$5['zds-select-field__container-box'], children: [jsxRuntime.jsxs("div", { className: styles$5['zds-select-field__box__input'], children: [jsxRuntime.jsx("div", { id: id, className: displayClasses, "data-placeholder": !hasValue ? placeholder : undefined, children: displayText }), jsxRuntime.jsx("input", { type: "hidden", name: name, value: value || '', disabled: disabled, required: required, className: styles$5['zds-select-field__input'] }), icon && (jsxRuntime.jsx("div", { className: styles$5['zds-select-field__icon'], children: icon }))] }), !isOpen && (helperText || showError) && (jsxRuntime.jsx("div", { className: styles$5['zds-select-field__helper-text'], children: showError ? dynamicErrorMessage : helperText }))] })] }));
-});
-SelectField.displayName = 'SelectField';
+var styles$4 = {"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","title":"index-module__title___x1Bia","checkboxItem":"index-module__checkboxItem___FTUbN","checkboxContent":"index-module__checkboxContent___skcd5","itemWrapper":"index-module__itemWrapper___PAglx","selected":"index-module__selected___VFFMN","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-"};
 
-const Select = React.memo(({ id, options = [], value, initialValue, onChange, placeholder = 'Selecione', type = 'text', label, helperText, errorMessage, required = false, disabled = false, className, ariaLabel, showSubText, maxWidth, minWidth, width, position, tooltip = false, tooltipText = 'tooltip', positionTooltip = 'top-right', infiniteScroll, maxHeight }) => {
-    // Hooks e refs
-    const componentId = React.useId();
-    const finalId = id || componentId;
-    const selectRef = React.useRef(null);
-    // ✅ REMOVIDO: isUpdatingRef, previousValueRef, textFieldRef (desnecessários)
-    // ✅ NOVO: Validação de props em desenvolvimento
-    if (process.env.NODE_ENV === 'development') {
-        // Validar unidades CSS
-        if (maxWidth && typeof maxWidth === 'string' &&
-            !maxWidth.match(/^\d+(px|%|rem|em|vw|vh)$/)) {
-            console.warn('Select: maxWidth deve ter unidade CSS válida (px, %, rem, em, vw, vh)');
-        }
-        if (minWidth && typeof minWidth === 'string' &&
-            !minWidth.match(/^\d+(px|%|rem|em|vw|vh)$/)) {
-            console.warn('Select: minWidth deve ter unidade CSS válida');
-        }
-        // Validar performance
-        if (options.length > 1000) {
-            console.warn('Select: Muitas opções (>1000) podem impactar performance. Considere virtualização.');
-        }
-        // Validar onChange obrigatório
-        if (!onChange) {
-            console.warn('Select: onChange prop é recomendado para controle de estado.');
-        }
-    }
-    // Estados
-    const [isOpen, setIsOpen] = React.useState(false);
-    const [selectedOptions, setSelectedOptions] = React.useState(() => {
-        // Se tem value controlado, não usar initialValue
-        if (value !== undefined) {
-            return [];
-        }
-        // Se tem initialValue, processar na inicialização
-        if (initialValue !== undefined) {
-            // Inicializar com array vazio primeiro, será populado no useEffect
-            return [];
-        }
-        return [];
-    });
-    const [isTouched, setIsTouched] = React.useState(false);
-    const [focusedOptionIndex, setFocusedOptionIndex] = React.useState(-1);
-    // Lógica de validação para campo obrigatório
-    const hasValue = selectedOptions.length > 0;
-    const shouldShowRequiredError = required && isTouched && !hasValue && !disabled;
-    // Validação e normalização das opções
-    const validatedOptions = React.useMemo(() => {
-        if (!Array.isArray(options)) {
-            if (process.env.NODE_ENV === 'development') {
-                console.warn('Select: options deve ser um array, recebido:', typeof options, options);
-            }
-            return [];
-        }
-        return options.filter((option, index) => {
-            if (!option || typeof option !== 'object') {
-                if (process.env.NODE_ENV === 'development') {
-                    console.warn(`Select: opção ${index} é inválida (null/undefined):`, option);
-                }
-                return false;
-            }
-            if (!option.text || typeof option.text !== 'string' || option.text.trim().length === 0) {
-                if (process.env.NODE_ENV === 'development') {
-                    console.warn(`Select: opção ${index} sem text válido:`, option);
-                }
-                return false;
-            }
-            if (option.text.length > 200) {
-                if (process.env.NODE_ENV === 'development') {
-                    console.warn(`Select: opção ${index} com text muito longo (${option.text.length} chars):`, option.text.substring(0, 50) + '...');
-                }
-                return false;
-            }
-            return true;
-        });
-    }, [options]);
-    // Conversão para itens do Dropdown
-    const dropdownItems = React.useMemo(() => {
-        return validatedOptions.map((option, index) => ({
-            id: option.id || `dropdown-item-${index}`,
-            text: option.text,
-            subText: option.subText,
-            icon: option.icon,
-            disabled: option.disabled || disabled
-        }));
-    }, [validatedOptions, disabled]);
-    // Texto de exibição das opções selecionadas
-    const displayText = React.useMemo(() => {
-        if (selectedOptions.length === 0)
-            return '';
-        return selectedOptions
-            .map((item) => item.text || 'Item sem nome')
-            .join(', ');
-    }, [selectedOptions]);
-    // IDs das opções selecionadas para o Dropdown
-    const selectedIds = React.useMemo(() => {
-        return selectedOptions.map((selectedItem) => {
-            const optionIndex = validatedOptions.findIndex((option) => {
-                return option.id === selectedItem.id ||
-                    option.text === selectedItem.text ||
-                    option === selectedItem;
-            });
-            return optionIndex !== -1
-                ? (validatedOptions[optionIndex].id || `dropdown-item-${optionIndex}`)
-                : null;
-        }).filter((id) => Boolean(id));
-    }, [selectedOptions, validatedOptions]);
-    // Mapa inicial de seleção para o Dropdown
-    const initialItemsSelected = React.useMemo(() => {
-        const selectedMap = {};
-        selectedIds.forEach((id) => {
-            selectedMap[id] = true;
-        });
-        return selectedMap;
-    }, [selectedIds]);
-    // ✅ SIMPLIFICADO: Handlers de evento sem refs desnecessários
-    const handleOptionSelect = React.useCallback((selectedIds) => {
+const CheckboxSelectItem = ({ text, subTitle, disabled, checked, onCheckedChange, value, ...restProps }) => {
+    const itemRef = React.useRef(null);
+    const handleCheckboxChange = (checkedValue) => {
+        onCheckedChange(Boolean(checkedValue));
+    };
+    const handleKeyDown = (e) => {
         if (disabled)
             return;
-        // Marca como "tocado" quando uma opção for selecionada
-        setIsTouched(true);
-        const selectedItems = selectedIds.map((id) => {
-            let foundOption = validatedOptions.find((option) => option.id === id);
-            if (!foundOption && id.startsWith('dropdown-item-')) {
-                const index = parseInt(id.replace('dropdown-item-', ''), 10);
-                foundOption = validatedOptions[index];
-            }
-            return foundOption;
-        }).filter((option) => Boolean(option));
-        setSelectedOptions(selectedItems);
-        onChange?.(selectedItems);
-        // Fechar dropdown se não for múltipla seleção
-        if (type !== 'checkbox') {
-            setIsOpen(false);
-        }
-    }, [validatedOptions, onChange, type, disabled]);
-    // ✅ NOVO: Busca rápida por primeira letra
-    const handleQuickSearch = React.useCallback((char) => {
-        if (!isOpen || dropdownItems.length === 0)
+        if (e.key === ' ' || e.key === 'Enter') {
+            e.preventDefault();
+            e.stopPropagation();
+            onCheckedChange(!checked);
             return;
-        // Buscar a partir do índice atual + 1
-        const startIndex = focusedOptionIndex + 1;
-        let matchingIndex = dropdownItems.findIndex((item, index) => index >= startIndex &&
-            item.text.toLowerCase().startsWith(char) &&
-            !item.disabled);
-        // Se não encontrou após o índice atual, buscar do início
-        if (matchingIndex === -1) {
-            matchingIndex = dropdownItems.findIndex(item => item.text.toLowerCase().startsWith(char) &&
-                !item.disabled);
-        }
-        if (matchingIndex >= 0) {
-            setFocusedOptionIndex(matchingIndex);
-        }
-    }, [isOpen, focusedOptionIndex, dropdownItems]);
-    const handleTriggerClick = React.useCallback((event) => {
-        if (disabled)
+        }
+        if (e.key === 'ArrowDown') {
+            e.preventDefault();
+            const nextElement = itemRef.current?.nextElementSibling;
+            if (nextElement && nextElement.getAttribute('tabIndex') === '0') {
+                nextElement.focus();
+            }
             return;
-        event.preventDefault();
-        event.stopPropagation();
-        // Toggle do dropdown independente do estado atual
-        setIsOpen(prev => !prev);
-    }, [disabled]);
-    const handleBlur = React.useCallback((event) => {
-        if (disabled)
+        }
+        if (e.key === 'ArrowUp') {
+            e.preventDefault();
+            const prevElement = itemRef.current?.previousElementSibling;
+            if (prevElement && prevElement.getAttribute('tabIndex') === '0') {
+                prevElement.focus();
+            }
             return;
-        const relatedTarget = event.relatedTarget;
-        if (selectRef.current && relatedTarget && selectRef.current.contains(relatedTarget)) {
-            return; // Não fechar se foco está dentro do select
         }
-        setTimeout(() => {
-            setIsTouched(true);
-            setIsOpen(false);
-            setFocusedOptionIndex(-1);
-        }, 200);
-    }, [disabled]);
-    const handleKeyDown = React.useCallback((event) => {
+    };
+    const handleClick = (e) => {
         if (disabled)
             return;
-        switch (event.key) {
-            case 'Enter':
-            case ' ':
-                event.preventDefault();
-                event.stopPropagation();
-                if (isOpen && focusedOptionIndex >= 0) {
-                    // Selecionar opção focada
-                    const optionId = dropdownItems[focusedOptionIndex]?.id;
-                    if (optionId) {
-                        handleOptionSelect([optionId]);
-                    }
-                }
-                else {
-                    setIsOpen(prev => !prev);
-                    if (!isOpen) {
-                        setFocusedOptionIndex(0);
-                    }
-                }
-                break;
-            case 'Escape':
-                event.preventDefault();
-                event.stopPropagation();
-                setIsTouched(true);
-                setIsOpen(false);
-                setFocusedOptionIndex(-1);
-                // ✅ Devolver foco para o trigger
-                selectRef.current?.focus();
-                break;
-            case 'ArrowDown':
-                event.preventDefault();
-                event.stopPropagation();
-                if (!isOpen) {
-                    setIsOpen(true);
-                    setFocusedOptionIndex(0);
-                }
-                else {
-                    setFocusedOptionIndex(prev => prev < dropdownItems.length - 1 ? prev + 1 : 0);
-                }
-                break;
-            case 'ArrowUp':
-                event.preventDefault();
-                event.stopPropagation();
-                if (isOpen) {
-                    setFocusedOptionIndex(prev => prev > 0 ? prev - 1 : dropdownItems.length - 1);
-                }
-                break;
-            case 'Home':
-                if (isOpen) {
-                    event.preventDefault();
-                    setFocusedOptionIndex(0);
-                }
-                break;
-            case 'End':
-                if (isOpen) {
-                    event.preventDefault();
-                    setFocusedOptionIndex(dropdownItems.length - 1);
-                }
-                break;
-            case 'Tab':
-                if (isOpen) {
-                    setIsOpen(false);
-                    setIsTouched(true);
-                    setFocusedOptionIndex(-1);
-                }
-                break;
-            default:
-                if (event.key.length === 1 && !event.ctrlKey && !event.altKey && !event.metaKey) {
-                    handleQuickSearch(event.key.toLowerCase());
-                }
-                break;
-        }
-    }, [isOpen, disabled, focusedOptionIndex, dropdownItems, handleOptionSelect]);
-    // Click outside handler
-    const handleClickOutside = React.useCallback((event) => {
-        const target = event.target;
-        if (selectRef.current && !selectRef.current.contains(target)) {
-            setIsTouched(true);
-            setIsOpen(false);
-            setFocusedOptionIndex(-1);
+        const target = e.target;
+        const isCheckboxClick = target.closest('input[type="checkbox"]') ||
+            target.closest('label');
+        if (!isCheckboxClick) {
+            e.preventDefault();
+            onCheckedChange(!checked);
         }
-    }, []);
-    // Effects
-    React.useEffect(() => {
-        if (isOpen) {
-            document.addEventListener('mousedown', handleClickOutside);
-            document.addEventListener('touchstart', handleClickOutside);
+    };
+    return (jsxRuntime.jsx("div", { ref: itemRef, className: clsx(styles$4.checkboxItem, {
+            [styles$4.disabled]: disabled,
+        }), role: "option", "aria-selected": checked, "aria-disabled": disabled, "data-selected": checked, "data-testid": `checkbox-item-${value}`, tabIndex: disabled ? -1 : 0, onKeyDown: handleKeyDown, onClick: handleClick, ...restProps, children: jsxRuntime.jsx("div", { className: styles$4.checkboxContent, children: jsxRuntime.jsx(Checkbox, { checked: checked, onCheckedChange: handleCheckboxChange, disabled: disabled, label: jsxRuntime.jsxs("div", { className: styles$4.textContent, children: [jsxRuntime.jsx("span", { className: styles$4.title, children: text }), subTitle && jsxRuntime.jsx("div", { className: styles$4.subTitle, children: subTitle })] }) }) }) }));
+};
+CheckboxSelectItem.displayName = 'CheckboxSelectItem';
+
+const ExpandableSelectItem = ({ item, variant, onSelect, selectedValues, level = 0, }) => {
+    const [isExpanded, setIsExpanded] = React.useState(false);
+    const hasChildren = item.children && item.children.length > 0;
+    const isSelected = selectedValues.includes(item.value);
+    const handleClick = (e) => {
+        if (hasChildren) {
+            e.preventDefault();
+            e.stopPropagation();
+            setIsExpanded(!isExpanded);
         }
         else {
-            document.removeEventListener('mousedown', handleClickOutside);
-            document.removeEventListener('touchstart', handleClickOutside);
-        }
-        return () => {
-            document.removeEventListener('mousedown', handleClickOutside);
-            document.removeEventListener('touchstart', handleClickOutside);
-        };
-    }, [isOpen, handleClickOutside]);
-    React.useEffect(() => {
-        if (value !== undefined) {
-            // Valor controlado - sempre usar value
-            const valueArray = Array.isArray(value) ? value : [value];
-            const newSelectedOptions = valueArray
-                .map((val) => validatedOptions.find((option) => option.id === val || option.text === val))
-                .filter((option) => Boolean(option));
-            setSelectedOptions(newSelectedOptions);
-        }
-        else if (initialValue !== undefined && selectedOptions.length === 0) {
-            // Valor inicial não controlado - só aplicar se ainda não há seleções
-            const initialValueArray = Array.isArray(initialValue) ? initialValue : [initialValue];
-            const newSelectedOptions = initialValueArray
-                .map((val) => validatedOptions.find((option) => option.id === val || option.text === val))
-                .filter((option) => Boolean(option));
-            setSelectedOptions(newSelectedOptions);
-        }
-        else if (value === undefined && initialValue === undefined && selectedOptions.length > 0) {
-            // Nenhum valor definido - limpar seleções apenas se havia seleções
-            setSelectedOptions([]);
-        }
-    }, [value, initialValue, validatedOptions]);
-    const containerStyles = React.useMemo(() => {
-        const styles = {};
-        if (minWidth) {
-            styles.minWidth = typeof minWidth === 'number' ? `${minWidth}px` : minWidth;
-        }
-        if (maxWidth) {
-            const maxWidthValue = typeof maxWidth === 'number' ? `${maxWidth}px` : maxWidth;
-            styles.maxWidth = maxWidthValue;
-        }
-        if (width) {
-            styles.width = typeof width === 'number' ? `${width}px` : width;
+            onSelect(item.value);
         }
-        return styles;
-    }, [maxWidth, minWidth, width]);
-    // ✅ MELHORADO: Classes CSS com estados visuais
-    const selectClasses = clsx(styles$6['zds-select'], {
-        [styles$6['zds-select--disabled']]: disabled,
-        [styles$6['zds-select--error']]: Boolean(errorMessage) || shouldShowRequiredError,
-        [styles$6['zds-select--focused']]: isOpen,
-        [styles$6['zds-select--required']]: required,
-        [styles$6['zds-select--touched']]: isTouched,
-    }, className);
-    return (jsxRuntime.jsxs("div", { className: selectClasses, ref: selectRef, id: finalId, "data-testid": "select-container", style: containerStyles, children: [jsxRuntime.jsx("div", { role: "combobox", "aria-expanded": isOpen, "aria-haspopup": "listbox", "aria-owns": isOpen ? `${finalId}-dropdown` : undefined, "aria-controls": `${finalId}-dropdown`, "aria-describedby": helperText ? `${finalId}-helper` : undefined, "aria-invalid": Boolean(errorMessage), "aria-required": required, "aria-label": ariaLabel || label || placeholder || 'Selecione uma opção', "aria-activedescendant": isOpen && focusedOptionIndex >= 0
-                    ? dropdownItems[focusedOptionIndex]?.id
-                    : selectedIds.length > 0 ? selectedIds[0] : undefined, tabIndex: disabled ? -1 : 0, onBlur: handleBlur, onKeyDown: handleKeyDown, onClick: handleTriggerClick, className: styles$6['zds-select__trigger'], children: jsxRuntime.jsx(SelectField, { name: `select-${finalId}`, placeholder: displayText || placeholder, value: displayText, disabled: disabled, helperText: !isOpen ? helperText : undefined, errorMessage: !isOpen ? errorMessage : undefined, icon: isOpen ? jsxRuntime.jsx(reactIcons.ChevronUp16Regular, {}) : jsxRuntime.jsx(reactIcons.ChevronDown16Regular, {}), required: required, label: label, isTouched: isTouched, hasError: shouldShowRequiredError, isOpen: isOpen, tooltip: tooltip, tooltipText: tooltipText, positionTooltip: positionTooltip }) }), isOpen && !disabled && (jsxRuntime.jsx("div", { className: clsx(styles$6['zds-select__dropdown'], position && styles$6[`zds-select__dropdown--${position}`]), children: jsxRuntime.jsx(MemoizedDropdown, { items: dropdownItems, type: type, onSelectionChange: handleOptionSelect, initialItemsSelected: initialItemsSelected, defaultSelectedIds: selectedIds, id: `${finalId}-dropdown`, showSubText: showSubText, maxWidth: maxWidth, minWidth: minWidth, width: width, maxHeight: maxHeight, infiniteScroll: infiniteScroll }, `dropdown-${selectedIds.join('-')}`) }))] }));
+    };
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: styles$4.expandableItemContainer, style: { paddingLeft: `${level * 16}px` }, children: jsxRuntime.jsxs("div", { className: clsx(styles$4.itemWrapper, {
+                        [styles$4.selected]: isSelected && !hasChildren,
+                        [styles$4.disabled]: item.disabled,
+                    }), onClick: handleClick, onKeyDown: (e) => {
+                        if (e.key === 'Enter' || e.key === ' ') {
+                            e.preventDefault();
+                            handleClick(e);
+                        }
+                    }, 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 && (jsxRuntime.jsx("span", { className: styles$4.icon, children: item.icon })), jsxRuntime.jsxs("div", { className: styles$4.textContent, children: [jsxRuntime.jsx("div", { className: styles$4.title, children: item.text }), item.subTitle && jsxRuntime.jsx("div", { className: styles$4.subTitle, children: item.subTitle })] }), hasChildren && (jsxRuntime.jsx("span", { className: styles$4.chevron, children: isExpanded ? jsxRuntime.jsx(reactIcons.ChevronDown16Regular, {}) : jsxRuntime.jsx(reactIcons.ChevronRight16Regular, {}) }))] }) }), hasChildren && isExpanded && (jsxRuntime.jsx("div", { className: styles$4.childrenWrapper, children: item.children.map((child) => (jsxRuntime.jsx(ExpandableSelectItem, { item: child, variant: variant, onSelect: onSelect, selectedValues: selectedValues, level: level + 1 }, child.id || child.value))) }))] }));
+};
+
+const SelectItem = React.forwardRef(({ text, subTitle, icon, disabled, value, variant, ...restProps }, ref) => {
+    return (jsxRuntime.jsxs("div", { className: clsx(styles$4.itemWrapper, {
+            [styles$4.disabled]: disabled,
+        }), "data-disabled": disabled || undefined, "data-testid": `select-item-${value}`, ref: ref, children: [variant === 'icon' && icon && (jsxRuntime.jsx("span", { className: styles$4.icon, children: icon })), jsxRuntime.jsxs(radixUi.Select.Item, { className: clsx(styles$4.item, {
+                    [styles$4.disabled]: disabled,
+                }), value: value, disabled: disabled, ...restProps, children: [jsxRuntime.jsx(radixUi.Select.ItemText, { className: styles$4.title, children: text }), subTitle && jsxRuntime.jsx("div", { className: styles$4.subTitle, children: subTitle }), jsxRuntime.jsx(radixUi.Select.ItemIndicator, { className: styles$4.itemIndicator })] })] }));
 });
-Select.displayName = 'Select';
+SelectItem.displayName = 'SelectItem';
 
 const initialState = {
     isOpen: false,
@@ -2884,16 +2472,15 @@ function selectReducer(state, action) {
             return { ...state, hasError: action.payload };
         case 'RESET_SEARCH':
             return { ...state, searchInput: '', searchTerm: '' };
-        case 'VALIDATE':
+        case 'VALIDATE': {
             const hasError = action.payload.required && state.selectedValues.length === 0;
             return { ...state, hasError, touched: true };
+        }
         default:
             return state;
     }
 }
-function useSelectLogic({ value, required = false, search = false, onValueChange, onOpenChange, 
-// API search props
-enableApiSearch = false, onApiSearch, isSearching = false, }) {
+function useSelectLogic({ value, required = false, search = false, onValueChange, onOpenChange, enableApiSearch = false, onApiSearch, isSearching = false, }) {
     const [state, dispatch] = React.useReducer(selectReducer, {
         ...initialState,
         selectedValues: Array.isArray(value) ? value : value ? [value] : [],
@@ -2902,9 +2489,7 @@ enableApiSearch = false, onApiSearch, isSearching = false, }) {
     const debounceTimeoutRef = React.useRef(null);
     const hasInitialSearchRef = React.useRef(false);
     const lastSearchTermRef = React.useRef('');
-    // Função de debounce para busca em API
     const debouncedApiSearch = React.useCallback((searchTerm) => {
-        // Evita chamadas duplicadas com o mesmo termo
         if (lastSearchTermRef.current === searchTerm) {
             return;
         }
@@ -2916,7 +2501,7 @@ enableApiSearch = false, onApiSearch, isSearching = false, }) {
             if (enableApiSearch && onApiSearch) {
                 onApiSearch(searchTerm);
             }
-        }, 300); // 300ms de debounce
+        }, 300);
     }, [enableApiSearch, onApiSearch]);
     React.useEffect(() => {
         const newValues = Array.isArray(value) ? value : value ? [value] : [];
@@ -2932,35 +2517,28 @@ enableApiSearch = false, onApiSearch, isSearching = false, }) {
     React.useEffect(() => {
         if (!state.isOpen) {
             dispatch({ type: 'RESET_SEARCH' });
-            // Reset flags quando fechar
             hasInitialSearchRef.current = false;
             lastSearchTermRef.current = '';
         }
     }, [state.isOpen]);
-    // Efeito para busca inicial quando abrir o select com API search
     React.useEffect(() => {
         if (state.isOpen && enableApiSearch && !hasInitialSearchRef.current) {
             hasInitialSearchRef.current = true;
-            // Faz uma busca inicial vazia para carregar os itens (sem debounce para ser mais rápido)
             if (onApiSearch) {
                 onApiSearch('');
                 lastSearchTermRef.current = '';
             }
         }
     }, [state.isOpen, enableApiSearch, onApiSearch]);
-    // Efeito para disparar busca via API somente quando searchTerm for definido (Enter pressionado)
     React.useEffect(() => {
         if (enableApiSearch && state.searchTerm && state.isOpen) {
-            // Só dispara se for diferente do último termo pesquisado
             if (lastSearchTermRef.current !== state.searchTerm) {
                 debouncedApiSearch(state.searchTerm);
             }
         }
     }, [state.searchTerm, enableApiSearch, state.isOpen, debouncedApiSearch]);
-    // Efeito para recarregar dados quando o campo de busca ficar vazio
     React.useEffect(() => {
         if (enableApiSearch && state.isOpen && state.searchInput === '' && state.searchTerm === '') {
-            // Só recarrega se já teve alguma busca anterior
             if (lastSearchTermRef.current !== '') {
                 lastSearchTermRef.current = '';
                 if (onApiSearch) {
@@ -2969,13 +2547,11 @@ enableApiSearch = false, onApiSearch, isSearching = false, }) {
             }
         }
     }, [state.searchInput, state.searchTerm, enableApiSearch, state.isOpen, onApiSearch]);
-    // Cleanup do timeout quando componente for desmontado
     React.useEffect(() => {
         return () => {
             if (debounceTimeoutRef.current) {
                 clearTimeout(debounceTimeoutRef.current);
             }
-            // Limpar refs no cleanup
             hasInitialSearchRef.current = false;
             lastSearchTermRef.current = '';
         };
@@ -3004,7 +2580,6 @@ enableApiSearch = false, onApiSearch, isSearching = false, }) {
     };
     const resetSearch = () => {
         dispatch({ type: 'RESET_SEARCH' });
-        // Reset da ref para permitir nova busca vazia
         lastSearchTermRef.current = '';
     };
     const validate = () => {
@@ -3053,12 +2628,9 @@ enableApiSearch = false, onApiSearch, isSearching = false, }) {
             selectedValues[0]);
     };
     const getFilteredItems = (items, searchTerm) => {
-        // Se busca via API estiver ativa, não filtra localmente
-        // Assume que a API já retornou os dados filtrados
         if (enableApiSearch) {
             return items;
         }
-        // Busca local (comportamento original)
         if (!searchTerm)
             return items;
         const lowercasedSearchTerm = searchTerm.toLowerCase();
@@ -3101,34 +2673,7 @@ enableApiSearch = false, onApiSearch, isSearching = false, }) {
     };
 }
 
-var styles$4 = {"fieldContainer":"index-module__fieldContainer___rfpwH","trigger":"index-module__trigger___RCzFG","disabled":"index-module__disabled___ust2Z","open":"index-module__open___JZ3rh","error":"index-module__error___bEUc-","hasValue":"index-module__hasValue___pp7kv","triggerText":"index-module__triggerText___Q67w2","containerLabel":"index-module__containerLabel___nM2na","content":"index-module__content___hK3aL","viewport":"index-module__viewport___lJTlo","group":"index-module__group___2RRJc","container":"index-module__container___IPFKk","searchWrapper":"index-module__searchWrapper___Mxi7i","item":"index-module__item___ePUP1","subTitle":"index-module__subTitle___6Iz6p","title":"index-module__title___XHkS6","checkboxItem":"index-module__checkboxItem___3Q7pV","checkboxContent":"index-module__checkboxContent___a9PQw","itemWrapper":"index-module__itemWrapper___LmG00","icon":"index-module__icon___5zWjG","itemIndicator":"index-module__itemIndicator___jC6dI","textContent":"index-module__textContent___sIMxV","helper":"index-module__helper___LK89V","errorMessage":"index-module__errorMessage___MDeJD","noResults":"index-module__noResults___mudWL","loadingMore":"index-module__loadingMore___WvQCu"};
-
-const CheckboxSelectItem = ({ text, subTitle, disabled, checked, onCheckedChange, value, ...restProps }) => {
-    const handleCheckboxChange = (checkedValue) => {
-        onCheckedChange(Boolean(checkedValue));
-    };
-    return (jsxRuntime.jsx("div", { className: clsx(styles$4.item, styles$4.checkboxItem, {
-            [styles$4.disabled]: disabled,
-        }), role: "option", "aria-selected": checked, "data-selected": checked, "data-testid": `checkbox-item-${value}`, ...restProps, children: jsxRuntime.jsx("div", { className: styles$4.checkboxContent, children: jsxRuntime.jsx(Checkbox, { checked: checked, onCheckedChange: handleCheckboxChange, disabled: disabled, label: jsxRuntime.jsxs("div", { className: styles$4.textContent, children: [jsxRuntime.jsx("span", { className: styles$4.title, children: text }), subTitle && jsxRuntime.jsx("div", { className: styles$4.subTitle, children: subTitle })] }) }) }) }));
-};
-CheckboxSelectItem.displayName = 'CheckboxSelectItem';
-
-const SelectItem = React.forwardRef(({ text, subTitle, icon, disabled, value, variant, ...restProps }, ref) => {
-    return (jsxRuntime.jsxs("div", { className: clsx(styles$4.itemWrapper, {
-            [styles$4.disabled]: disabled,
-        }), "data-disabled": disabled || undefined, "data-testid": `select-item-${value}`, ref: ref, children: [variant === 'icon' && icon && (jsxRuntime.jsx("span", { className: styles$4.icon, children: icon })), jsxRuntime.jsxs(radixUi.Select.Item, { className: clsx(styles$4.item, {
-                    [styles$4.disabled]: disabled,
-                }), value: value, disabled: disabled, ...restProps, children: [jsxRuntime.jsx(radixUi.Select.ItemText, { className: styles$4.title, children: text }), subTitle && jsxRuntime.jsx("div", { className: styles$4.subTitle, children: subTitle }), jsxRuntime.jsx(radixUi.Select.ItemIndicator, { className: styles$4.itemIndicator })] })] }));
-});
-SelectItem.displayName = 'SelectItem';
-
-const SelectRadix = ({ items, onValueChange, onOpenChange, variant, required = false, value, label, helperText, placeholder = 'Selecione', maxWidth, search = false, errorMessage, disabled = false, className, 'aria-label': ariaLabel, 'data-testid': testId, 
-// Props para label com tooltip
-tooltip = false, tooltipText, side = 'bottom', align = 'start', 
-// Props para scroll infinito
-enableInfiniteScroll = false, onScrollEnd, isLoadingMore = false, 
-// Props para busca em API
-enableApiSearch = false, onApiSearch, isSearching = false, ...restProps }) => {
+const Select = ({ items, onValueChange, onOpenChange, variant, required = false, value, label, helperText, placeholder = 'Selecione', maxWidth, search = false, errorMessage, disabled = false, className, 'aria-label': ariaLabel, 'data-testid': testId, tooltip = false, tooltipText, side = 'bottom', align = 'start', enableInfiniteScroll = false, onScrollEnd, isLoadingMore = false, enableApiSearch = false, onApiSearch, isSearching = false, ...restProps }) => {
     const componentId = React.useId();
     const selectId = `select-${componentId}`;
     const viewportRef = React.useRef(null);
@@ -3139,12 +2684,10 @@ enableApiSearch = false, onApiSearch, isSearching = false, ...restProps }) => {
         search,
         onValueChange,
         onOpenChange,
-        // API search props
         enableApiSearch,
         onApiSearch,
         isSearching,
     });
-    // Infinite Scroll Logic
     React.useEffect(() => {
         const viewport = viewportRef.current;
         if (!viewport || !enableInfiniteScroll)
@@ -3165,7 +2708,6 @@ enableApiSearch = false, onApiSearch, isSearching = false, ...restProps }) => {
             viewport.removeEventListener('scroll', handleScroll);
         };
     }, [state.isOpen, enableInfiniteScroll, onScrollEnd, isLoadingMore]);
-    // Reset a flag when the select opens
     React.useEffect(() => {
         if (state.isOpen && enableInfiniteScroll) {
             hasReachedEndRef.current = false;
@@ -3173,21 +2715,27 @@ enableApiSearch = false, onApiSearch, isSearching = false, ...restProps }) => {
     }, [state.isOpen, enableInfiniteScroll]);
     const displayText = React.useMemo(() => utils.getDisplayText(state.selectedValues, placeholder, variant, items), [state.selectedValues, placeholder, variant, items, utils]);
     const filteredItems = React.useMemo(() => {
-        // Para busca via API, usa searchTerm (só atualiza quando Enter é pressionado)
-        // Para busca local, usa searchInput (atualiza a cada tecla para filtro em tempo real)
         const termToFilter = enableApiSearch ? state.searchTerm : state.searchInput;
         return utils.getFilteredItems(items, termToFilter);
     }, [items, state.searchTerm, state.searchInput, enableApiSearch, utils]);
     const containerStyle = React.useMemo(() => ({
-        maxWidth: typeof maxWidth === 'number' ? `${maxWidth}px` : maxWidth,
+        maxWidth: maxWidth ? `${maxWidth}px` : undefined,
     }), [maxWidth]);
     const handleSearchChange = (e) => {
         actions.setSearchInput(e.target.value);
     };
     const handleSearchKeyDown = (e) => {
-        e.stopPropagation();
+        if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
+            const input = e.currentTarget;
+            const hasSelection = input.selectionStart !== input.selectionEnd;
+            if (!hasSelection) {
+                e.preventDefault();
+                return;
+            }
+        }
         if (e.key === 'Enter') {
             e.preventDefault();
+            e.stopPropagation();
             actions.setSearchTerm(state.searchInput);
         }
         if (e.key === 'Escape') {
@@ -3209,11 +2757,25 @@ enableApiSearch = false, onApiSearch, isSearching = false, ...restProps }) => {
                                     [styles$4.open]: state.isOpen,
                                 }), id: selectId, "aria-label": ariaLabel, "data-testid": `${testId}-trigger`, children: [variant === 'checkbox' ? (jsxRuntime.jsx("span", { className: styles$4.triggerText, children: displayText })) : (jsxRuntime.jsx(radixUi.Select.Value, { placeholder: placeholder, className: styles$4.placeholder, children: displayText })), state.isOpen ? jsxRuntime.jsx(reactIcons.ChevronUp16Regular, {}) : jsxRuntime.jsx(reactIcons.ChevronDown16Regular, {})] }), !state.isOpen && helperText && !state.hasError && (jsxRuntime.jsx("span", { className: clsx(styles$4.helper, {
                                     [styles$4.disabled]: disabled
-                                }), children: helperText })), state.hasError && state.touched && (jsxRuntime.jsx("span", { className: styles$4.errorMessage, children: errorMessage || 'Campo obrigatório' }))] }) }), jsxRuntime.jsx(radixUi.Select.Portal, { children: jsxRuntime.jsxs(radixUi.Select.Content, { className: styles$4.content, position: "popper", side: "bottom", sideOffset: 8, align: "start", avoidCollisions: true, children: [search && (jsxRuntime.jsx("div", { className: styles$4.searchWrapper, children: jsxRuntime.jsx(Search, { ref: refs.searchInputRef, className: styles$4.search, placeholder: "Buscar", value: state.searchInput, onChange: handleSearchChange, onKeyDown: handleSearchKeyDown, onClear: handleClear, "data-testid": `${testId}-search` }) })), jsxRuntime.jsx(radixUi.Select.Viewport, { ref: viewportRef, className: styles$4.viewport, children: jsxRuntime.jsx(radixUi.Select.Group, { className: styles$4.group, children: filteredItems.length === 0 ? (jsxRuntime.jsx("div", { className: styles$4.noResults, children: "Nenhum resultado encontrado" })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [filteredItems.map((item) => (variant === 'checkbox' ? (jsxRuntime.jsx(CheckboxSelectItem, { ...item, checked: state.selectedValues.includes(item.value), onCheckedChange: (checked) => actions.handleMultipleSelect(item.value, checked) }, item.id || item.value)) : (jsxRuntime.jsx(SelectItem, { ...item, variant: variant }, item.id || item.value)))), enableInfiniteScroll && isLoadingMore && (jsxRuntime.jsx("div", { className: styles$4.loadingMore, children: "Carregando mais itens..." }))] })) }) })] }) })] }) }));
+                                }), children: helperText })), state.hasError && state.touched && (jsxRuntime.jsx("span", { className: styles$4.errorMessage, children: errorMessage || 'Campo obrigatório' }))] }) }), jsxRuntime.jsx(radixUi.Select.Portal, { children: jsxRuntime.jsxs(radixUi.Select.Content, { className: styles$4.content, position: "popper", side: "bottom", sideOffset: 8, align: "start", avoidCollisions: true, children: [search && (jsxRuntime.jsx("div", { className: styles$4.searchWrapper, children: jsxRuntime.jsx(Search, { ref: refs.searchInputRef, className: styles$4.search, placeholder: "Buscar", value: state.searchInput, onChange: handleSearchChange, onKeyDown: handleSearchKeyDown, onClear: handleClear, "data-testid": `${testId}-search` }) })), jsxRuntime.jsx(radixUi.Select.Viewport, { ref: viewportRef, className: styles$4.viewport, children: jsxRuntime.jsx(radixUi.Select.Group, { className: styles$4.group, children: filteredItems.length === 0 ? (jsxRuntime.jsx("div", { className: styles$4.noResults, children: "Nenhum resultado encontrado" })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [filteredItems.map((item) => {
+                                                const hasChildren = item.children && item.children.length > 0;
+                                                if (hasChildren) {
+                                                    return (jsxRuntime.jsx(ExpandableSelectItem, { item: item, variant: variant, selectedValues: state.selectedValues, onSelect: (value) => {
+                                                            if (variant === 'checkbox') {
+                                                                const isSelected = state.selectedValues.includes(value);
+                                                                actions.handleMultipleSelect(value, !isSelected);
+                                                            }
+                                                            else {
+                                                                actions.handleSingleSelect(value);
+                                                            }
+                                                        } }, item.id || item.value));
+                                                }
+                                                return variant === 'checkbox' ? (jsxRuntime.jsx(CheckboxSelectItem, { ...item, checked: state.selectedValues.includes(item.value), onCheckedChange: (checked) => actions.handleMultipleSelect(item.value, checked) }, item.id || item.value)) : (jsxRuntime.jsx(SelectItem, { ...item, variant: variant }, item.id || item.value));
+                                            }), enableInfiniteScroll && isLoadingMore && (jsxRuntime.jsx("div", { className: styles$4.loadingMore, children: "Carregando mais itens..." }))] })) }) })] }) })] }) }));
 };
-SelectRadix.displayName = 'SelectRadix';
+Select.displayName = 'Select';
 
-var styles$3 = {"zds-table__container":"Table-module__zds-table__container___9xeVY","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":"Table-module__zds-table-header___uPRjd","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$3 = {"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"};
 
 /**
  * @module constants
@@ -6651,10 +6213,10 @@ const Table = ({ columns = [], dataSource = [], className, loading = false, rowS
             return columns;
         const checkboxColumn = {
             key: '__checkbox__',
-            label: (jsxRuntime.jsx(Checkbox, { checked: isAllSelected, indeterminate: isIndeterminate, onCheckedChange: toggleAll, label: '' })),
+            label: (jsxRuntime.jsx(Checkbox, { checked: isAllSelected || isIndeterminate, indeterminate: isIndeterminate, onCheckedChange: toggleAll, disabled: rowSelection.disableSelectAll })),
             render: (_, index) => {
                 const props = rowSelection.getCheckboxProps?.(dataSource[index], index) || {};
-                return (jsxRuntime.jsx(Checkbox, { checked: selectedSet.has(index), onCheckedChange: () => toggleRow(index), disabled: props.disabled, label: '' }));
+                return (jsxRuntime.jsx(Checkbox, { checked: selectedSet.has(index), onCheckedChange: () => toggleRow(index), disabled: props.disabled }));
             },
             align: 'center',
         };
@@ -7218,13 +6780,10 @@ exports.Dropdown = MemoizedDropdown;
 exports.Filter = Filter;
 exports.ListItem = ListItem;
 exports.Menu = Menu;
-exports.MenuRadix = MenuRadix;
 exports.Quantity = memorizedQuantity;
 exports.Radio = Radio;
 exports.Search = Search;
 exports.Select = Select;
-exports.SelectField = SelectField;
-exports.SelectRadix = SelectRadix;
 exports.Switch = Switch;
 exports.Table = Table;
 exports.TableHeader = TableHeader;