@giro-ds/react 4.0.0 → 5.0.0

package/dist/index.cjs

@@ -7,6 +7,7 @@ var React = require('react');
 var reactIcons = require('@fluentui/react-icons');
 var reactDayPicker = require('react-day-picker');
 var dateFns = require('date-fns');
+var reactDom = require('react-dom');
 
 function _interopNamespaceDefault(e) {
 	var n = Object.create(null);
@@ -2428,16 +2429,29 @@ const ptBR = {
     },
 };
 
-var styles$m = {"root":"Calendar-module__root___vQEhz","day":"Calendar-module__day___dseUA","day_button":"Calendar-module__day_button___r3WNU","caption_label":"Calendar-module__caption_label___Dhkie","button_next":"Calendar-module__button_next___iRaNz","button_previous":"Calendar-module__button_previous___r7JBs","chevron":"Calendar-module__chevron___NPDg-","nav":"Calendar-module__nav___MT3Dm","dropdowns":"Calendar-module__dropdowns___xBVtv","dropdown":"Calendar-module__dropdown___D7OlW","dropdown_root":"Calendar-module__dropdown_root___v4DlK","month_caption":"Calendar-module__month_caption___P3Hlu","month":"Calendar-module__month___0RA-L","months":"Calendar-module__months___rmJdy","month_grid":"Calendar-module__month_grid___f6YkX","weekday":"Calendar-module__weekday___Spb2f","week_number":"Calendar-module__week_number___EXJD9","today":"Calendar-module__today___U36wP","outside":"Calendar-module__outside___UeJFZ","selected":"Calendar-module__selected___5Nryr","disabled":"Calendar-module__disabled___T3658","hidden":"Calendar-module__hidden___uL3uc","range_start":"Calendar-module__range_start___c1eNH","range_middle":"Calendar-module__range_middle___Uv4gt","range_end":"Calendar-module__range_end___4qDh5","focusable":"Calendar-module__focusable___V7w-Q","weeks_before_enter":"Calendar-module__weeks_before_enter___O1ytQ","slide_in_left":"Calendar-module__slide_in_left___hfrfr","weeks_before_exit":"Calendar-module__weeks_before_exit___v7nDr","slide_out_left":"Calendar-module__slide_out_left___kib4j","weeks_after_enter":"Calendar-module__weeks_after_enter___CEtsD","slide_in_right":"Calendar-module__slide_in_right___ldL0M","weeks_after_exit":"Calendar-module__weeks_after_exit___F8Edz","slide_out_right":"Calendar-module__slide_out_right___X2hxE","caption_after_enter":"Calendar-module__caption_after_enter___0ek1H","fade_in":"Calendar-module__fade_in___YyYoZ","caption_after_exit":"Calendar-module__caption_after_exit___RA1iK","fade_out":"Calendar-module__fade_out___lNcmB","caption_before_enter":"Calendar-module__caption_before_enter___j6sMK","caption_before_exit":"Calendar-module__caption_before_exit___rntl-"};
+var styles$m = {"root":"Calendar-module__root___vQEhz","day":"Calendar-module__day___dseUA","day_button":"Calendar-module__day_button___r3WNU","caption_label":"Calendar-module__caption_label___Dhkie","button_next":"Calendar-module__button_next___iRaNz","button_previous":"Calendar-module__button_previous___r7JBs","chevron":"Calendar-module__chevron___NPDg-","nav":"Calendar-module__nav___MT3Dm","dropdowns":"Calendar-module__dropdowns___xBVtv","dropdown":"Calendar-module__dropdown___D7OlW","dropdown_root":"Calendar-module__dropdown_root___v4DlK","month_caption":"Calendar-module__month_caption___P3Hlu","month":"Calendar-module__month___0RA-L","months":"Calendar-module__months___rmJdy","month_grid":"Calendar-module__month_grid___f6YkX","weekday":"Calendar-module__weekday___Spb2f","week_number":"Calendar-module__week_number___EXJD9","today":"Calendar-module__today___U36wP","outside":"Calendar-module__outside___UeJFZ","selected":"Calendar-module__selected___5Nryr","disabled":"Calendar-module__disabled___T3658","hidden":"Calendar-module__hidden___uL3uc","range_start":"Calendar-module__range_start___c1eNH","range_middle":"Calendar-module__range_middle___Uv4gt","range_end":"Calendar-module__range_end___4qDh5","focusable":"Calendar-module__focusable___V7w-Q","weeks_before_enter":"Calendar-module__weeks_before_enter___O1ytQ","slide_in_left":"Calendar-module__slide_in_left___hfrfr","weeks_before_exit":"Calendar-module__weeks_before_exit___v7nDr","slide_out_left":"Calendar-module__slide_out_left___kib4j","weeks_after_enter":"Calendar-module__weeks_after_enter___CEtsD","slide_in_right":"Calendar-module__slide_in_right___ldL0M","weeks_after_exit":"Calendar-module__weeks_after_exit___F8Edz","slide_out_right":"Calendar-module__slide_out_right___X2hxE","caption_after_enter":"Calendar-module__caption_after_enter___0ek1H","fade_in":"Calendar-module__fade_in___YyYoZ","caption_after_exit":"Calendar-module__caption_after_exit___RA1iK","fade_out":"Calendar-module__fade_out___lNcmB","caption_before_enter":"Calendar-module__caption_before_enter___j6sMK","caption_before_exit":"Calendar-module__caption_before_exit___rntl-","calendar_grid_wrapper":"Calendar-module__calendar_grid_wrapper___OX0TR","caption_grid_btn":"Calendar-module__caption_grid_btn___qD0-E","caption_year_chevron":"Calendar-module__caption_year_chevron___4ghQV","caption_grid_label":"Calendar-module__caption_grid_label___93Wx4","caption_year_chevron_open":"Calendar-module__caption_year_chevron_open___CNDPO","gridOverlay":"Calendar-module__gridOverlay___Za-y0","gridOverlayCaption":"Calendar-module__gridOverlayCaption___p4OUO","gridOverlayYearsNav":"Calendar-module__gridOverlayYearsNav___U6S-V","gridCells":"Calendar-module__gridCells___Y8DaG","gridCellsYears":"Calendar-module__gridCellsYears___jEV52","gridCell":"Calendar-module__gridCell___RV1co","gridCellActive":"Calendar-module__gridCellActive___UBi5y","gridNavBtn":"Calendar-module__gridNavBtn___Jligz","chevronNavBtnPrev":"Calendar-module__chevronNavBtnPrev___ifEps","chevronNavBtnNext":"Calendar-module__chevronNavBtnNext___qmghm"};
 
-const Calendar = ({ selected, selectedDate, currentDate, defaultMonth, startMonth, endMonth, numberOfMonths, onDaySelect, onDateChange, onClear: _onClear, minDate, maxDate, disabled, hidden, format: _format, locale = "pt-br", captionLayout = "dropdown", reverseYears, fixedWeeks, showOutsideDays, showWeekNumber, hideNavigation, disableNavigation, navLayout, role, title, animate = true, timeZone = "America/Sao_Paulo", modifiers, modifiersClassNames, footer, id, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }) => {
-    const [internalSelected, setInternalSelected] = React.useState(selected ?? selectedDate ?? undefined);
+const GridCtx = React.createContext(null);
+const GridMonthCaption = ({ calendarMonth, displayIndex: _displayIndex, ...divProps }) => {
+    const ctx = React.useContext(GridCtx);
+    const { view, intlLocale, onYearLabelClick } = ctx ?? {};
+    const date = calendarMonth.date;
+    const monthLabel = new Intl.DateTimeFormat(intlLocale, { month: "long" }).format(date);
+    const yearLabel = String(date.getFullYear());
+    return (jsxRuntime.jsxs("div", { ...divProps, children: [jsxRuntime.jsx("span", { className: styles$m.caption_grid_label, children: monthLabel }), jsxRuntime.jsxs("button", { type: "button", className: styles$m.caption_grid_btn, "aria-pressed": view === "years", onClick: onYearLabelClick, children: [yearLabel, jsxRuntime.jsx("svg", { className: `${styles$m.caption_year_chevron}${view === "years" ? ` ${styles$m.caption_year_chevron_open}` : ""}`, width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: jsxRuntime.jsx("path", { d: "M2 4L6 8L10 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] })] }));
+};
+const YEARS_PER_PAGE = 20;
+const Calendar = ({ selected, currentDate, defaultMonth, startMonth, endMonth, onDaySelect, onDateChange, onClear: _onClear, minDate, maxDate, disabled, format: _format, locale = "pt-br", autoFocus, id, "aria-label": ariaLabel, }) => {
+    const animate = true;
+    const [internalSelected, setInternalSelected] = React.useState(selected ?? undefined);
+    const [internalDisplayMonth, setInternalDisplayMonth] = React.useState(() => currentDate ?? defaultMonth ?? new Date());
+    const [gridView, setGridView] = React.useState("days");
+    const [yearPageStart, setYearPageStart] = React.useState(() => (currentDate ?? defaultMonth ?? new Date()).getFullYear() - 9);
     const resolvedSelected = selected !== undefined
         ? (selected ?? undefined)
-        : selectedDate !== undefined
-            ? (selectedDate ?? undefined)
-            : internalSelected;
+        : internalSelected;
     const resolvedLocale = locale === "pt-br" ? ptBR : enUS;
+    const intlLocale = locale === "pt-br" ? "pt-BR" : "en-US";
     const disabledMatchers = [
         ...(minDate ? [{ before: minDate }] : []),
         ...(maxDate ? [{ after: maxDate }] : []),
@@ -2449,7 +2463,62 @@ const Calendar = ({ selected, selectedDate, currentDate, defaultMonth, startMont
             onDaySelect?.(date);
         }
     };
-    return (jsxRuntime.jsx(reactDayPicker.DayPicker, { id: id, classNames: styles$m, captionLayout: captionLayout, modifiers: modifiers, modifiersClassNames: modifiersClassNames, animate: animate, mode: "single", selected: resolvedSelected, onSelect: handleSelect, month: currentDate ?? undefined, defaultMonth: defaultMonth, startMonth: startMonth, endMonth: endMonth, numberOfMonths: numberOfMonths, onMonthChange: onDateChange, disabled: disabledMatchers.length > 0 ? disabledMatchers : undefined, hidden: hidden, timeZone: timeZone, locale: resolvedLocale, reverseYears: reverseYears, fixedWeeks: fixedWeeks, showOutsideDays: showOutsideDays, showWeekNumber: showWeekNumber, hideNavigation: hideNavigation, disableNavigation: disableNavigation, navLayout: navLayout, role: role, title: title, footer: footer, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }));
+    const handleMonthChange = (date) => {
+        setInternalDisplayMonth(date);
+        onDateChange?.(date);
+    };
+    const resolvedDisplayMonth = currentDate ?? internalDisplayMonth;
+    const displayedMonthIndex = resolvedDisplayMonth.getMonth();
+    const displayedYear = resolvedDisplayMonth.getFullYear();
+    const startYear = startMonth?.getFullYear() ?? 1900;
+    const endYear = endMonth?.getFullYear() ?? 2100;
+    const handleGridMonthSelect = (monthIndex) => {
+        const newDate = new Date(displayedYear, monthIndex, 1);
+        setInternalDisplayMonth(newDate);
+        onDateChange?.(newDate);
+        setGridView("days");
+    };
+    const handleGridYearSelect = (year) => {
+        const newDate = new Date(year, displayedMonthIndex, 1);
+        setInternalDisplayMonth(newDate);
+        onDateChange?.(newDate);
+        setGridView("months");
+    };
+    const handleYearLabelClick = () => {
+        setYearPageStart(displayedYear - 9);
+        setGridView((v) => (v === "years" ? "days" : "years"));
+    };
+    const clampedYearPageStart = Math.max(startYear, yearPageStart);
+    const yearsInPage = Array.from({ length: YEARS_PER_PAGE }, (_, i) => clampedYearPageStart + i).filter((y) => y <= endYear);
+    const canGoPrevYears = clampedYearPageStart - YEARS_PER_PAGE >= startYear;
+    const canGoNextYears = clampedYearPageStart + YEARS_PER_PAGE <= endYear;
+    const monthsGrid = Array.from({ length: 12 }, (_, i) => ({
+        index: i,
+        label: new Intl.DateTimeFormat(intlLocale, { month: "short" }).format(new Date(2000, i, 1)),
+        disabled: (startMonth != null &&
+            new Date(displayedYear, i, 1) < new Date(startMonth.getFullYear(), startMonth.getMonth(), 1)) ||
+            (endMonth != null &&
+                new Date(displayedYear, i, 1) > new Date(endMonth.getFullYear(), endMonth.getMonth(), 1)),
+    }));
+    const gridCtxValue = {
+        view: gridView,
+        intlLocale,
+        onYearLabelClick: handleYearLabelClick,
+    };
+    const sharedDayPickerProps = {
+        classNames: styles$m,
+        animate,
+        mode: "single",
+        selected: resolvedSelected,
+        onSelect: handleSelect,
+        startMonth,
+        endMonth,
+        disabled: disabledMatchers.length > 0 ? disabledMatchers : undefined,
+        locale: resolvedLocale,
+        autoFocus,
+        "aria-label": ariaLabel,
+    };
+    return (jsxRuntime.jsx(GridCtx.Provider, { value: gridCtxValue, children: jsxRuntime.jsxs("div", { className: styles$m.calendar_grid_wrapper, children: [jsxRuntime.jsx(reactDayPicker.DayPicker, { id: id, ...sharedDayPickerProps, captionLayout: "label", month: resolvedDisplayMonth, onMonthChange: handleMonthChange, components: { MonthCaption: GridMonthCaption } }), gridView !== "days" && (jsxRuntime.jsxs("div", { className: `${styles$m.gridOverlay}${gridView === "years" ? ` ${styles$m.gridOverlayYears}` : ""}`, role: "dialog", "aria-modal": "true", "aria-label": gridView === "months" ? "Selecione o mês" : "Selecione o ano", children: [gridView === "months" && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: styles$m.gridOverlayCaption, children: [jsxRuntime.jsx("span", { className: styles$m.caption_grid_label, children: new Intl.DateTimeFormat(intlLocale, { month: "long" }).format(resolvedDisplayMonth) }), jsxRuntime.jsxs("button", { type: "button", className: styles$m.caption_grid_btn, onClick: () => setGridView("days"), "aria-label": "Fechar sele\u00E7\u00E3o de m\u00EAs", children: [displayedYear, jsxRuntime.jsx("svg", { className: `${styles$m.caption_year_chevron} ${styles$m.caption_year_chevron_open}`, width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: jsxRuntime.jsx("path", { d: "M2 4L6 8L10 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] })] }), jsxRuntime.jsx("div", { className: styles$m.gridCells, children: monthsGrid.map(({ index, label, disabled: monthDisabled }) => (jsxRuntime.jsx("button", { type: "button", disabled: monthDisabled, className: `${styles$m.gridCell}${displayedMonthIndex === index ? ` ${styles$m.gridCellActive}` : ""}`, onClick: () => handleGridMonthSelect(index), children: label }, index))) })] })), gridView === "years" && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: styles$m.gridOverlayCaption, children: [jsxRuntime.jsx("span", { className: styles$m.caption_grid_label, children: new Intl.DateTimeFormat(intlLocale, { month: "long" }).format(resolvedDisplayMonth) }), jsxRuntime.jsxs("button", { type: "button", className: styles$m.caption_grid_btn, onClick: () => setGridView("days"), "aria-label": "Fechar sele\u00E7\u00E3o de ano", children: [displayedYear, jsxRuntime.jsx("svg", { className: `${styles$m.caption_year_chevron} ${styles$m.caption_year_chevron_open}`, width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: jsxRuntime.jsx("path", { d: "M2 4L6 8L10 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), jsxRuntime.jsxs("div", { className: styles$m.gridOverlayYearsNav, children: [jsxRuntime.jsx("button", { type: "button", className: styles$m.gridNavBtn, disabled: !canGoPrevYears, onClick: () => setYearPageStart((s) => s - YEARS_PER_PAGE), "aria-label": "Anos anteriores", children: jsxRuntime.jsx("svg", { viewBox: "0 0 12 12", "aria-hidden": "true", className: styles$m.chevronNavBtnPrev, children: jsxRuntime.jsx("path", { d: "M2 4L6 8L10 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), jsxRuntime.jsx("button", { type: "button", className: styles$m.gridNavBtn, disabled: !canGoNextYears, onClick: () => setYearPageStart((s) => s + YEARS_PER_PAGE), "aria-label": "Pr\u00F3ximos anos", children: jsxRuntime.jsx("svg", { viewBox: "0 0 12 12", "aria-hidden": "true", className: styles$m.chevronNavBtnNext, children: jsxRuntime.jsx("path", { d: "M2 4L6 8L10 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })] })] }), jsxRuntime.jsx("div", { className: `${styles$m.gridCells} ${styles$m.gridCellsYears}`, children: yearsInPage.map((year) => (jsxRuntime.jsx("button", { type: "button", className: `${styles$m.gridCell}${displayedYear === year ? ` ${styles$m.gridCellActive}` : ""}`, onClick: () => handleGridYearSelect(year), children: year }, year))) })] }))] }))] }) }));
 };
 
 var styles$l = {"zds-callout__container":"Callout-module__zds-callout__container___EoOQd","zds-callout__container__with-title":"Callout-module__zds-callout__container__with-title___NUq2k","zds-callout__neutral":"Callout-module__zds-callout__neutral___ib9gW","zds-callout__brand":"Callout-module__zds-callout__brand___UYVny","zds-callout__color":"Callout-module__zds-callout__color___6ojEV","zds-callout__alert":"Callout-module__zds-callout__alert___gSOsh","zds-callout__success":"Callout-module__zds-callout__success___6W096","zds-callout__title":"Callout-module__zds-callout__title___jmmqj","zds-callout__text":"Callout-module__zds-callout__text___MTO5R","zds-callout__icon":"Callout-module__zds-callout__icon___-CaUD","zds-callout__content":"Callout-module__zds-callout__content___hh0Mj","zds-callout__subcontent":"Callout-module__zds-callout__subcontent___olIpt"};
@@ -2505,11 +2574,13 @@ function Container({ children }) {
     return (jsxRuntime.jsx("main", { className: `${styles$i['container']} mx-auto`, children: children }));
 }
 
-var styles$h = {"labelContainer":"index-module__labelContainer___WGyDF","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 = {"Content":"Popover-module__Content___RIETg"};
 
-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.jsxs("div", { className: styles$h.labelContainer, 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(Tooltip, { side: side, align: align, text: tooltipText || '', children: jsxRuntime.jsx(reactIcons.Info12Regular, { className: styles$h.infoIcon }) })] })) : (jsxRuntime.jsxs(radixUi.Label.Root, { className: clsx(styles$h.wrapperLabel, error && !disabled && styles$h.errorLabel, disabled && styles$h.disabledLabel, className), htmlFor: htmlFor, children: [children, required && jsxRuntime.jsx("span", { className: styles$h.requiredLabel, children: "*" })] })) }));
+const Popover = ({ trigger, content, side = "left", align = "start", sideOffset = 8, open, onOpenChange, asAnchor = false, onOpenAutoFocus, onCloseAutoFocus, }) => {
+    return (jsxRuntime.jsxs(radixUi.Popover.Root, { open: open, onOpenChange: onOpenChange, children: [asAnchor ? (jsxRuntime.jsx(radixUi.Popover.Anchor, { asChild: true, children: trigger })) : (jsxRuntime.jsx(radixUi.Popover.Trigger, { asChild: true, children: trigger })), jsxRuntime.jsx(radixUi.Popover.Portal, { children: jsxRuntime.jsx(radixUi.Popover.Content, { className: styles$h.Content, sideOffset: sideOffset, side: side, align: align, onOpenAutoFocus: asAnchor ? (e) => e.preventDefault() : onOpenAutoFocus, onCloseAutoFocus: asAnchor ? (e) => e.preventDefault() : onCloseAutoFocus, onInteractOutside: asAnchor ? (e) => e.preventDefault() : undefined, children: content }) })] }));
+};
 
-var styles$g = {"container":"TextField-module__container___WJHFR","inputWrapper":"TextField-module__inputWrapper___INjfd","inputContainer":"TextField-module__inputContainer___3EsFJ","icon":"TextField-module__icon___p1vwi","clearButton":"TextField-module__clearButton___kgOot","helperText":"TextField-module__helperText___d5QGC","error":"TextField-module__error___IGQzp","disabled":"TextField-module__disabled___roIKP"};
+var styles$g = {"container":"TextField-module__container___WJHFR","inputWrapper":"TextField-module__inputWrapper___INjfd","inputContainer":"TextField-module__inputContainer___3EsFJ","icon":"TextField-module__icon___p1vwi","clearButton":"TextField-module__clearButton___kgOot","inputWithIcon":"TextField-module__inputWithIcon___shqkL","helperText":"TextField-module__helperText___d5QGC","error":"TextField-module__error___IGQzp","disabled":"TextField-module__disabled___roIKP"};
 
 const validateInput = ({ value, maxLength, errorMessage, required }) => {
     if (required && value.trim() === '') {
@@ -2521,7 +2592,12 @@ const validateInput = ({ value, maxLength, errorMessage, required }) => {
     return '';
 };
 
-const TextField$1 = React.forwardRef(({ className, value, label, placeholder, type = 'text', onChange, disabled = false, maxLength = 30, required = false, helperText, tooltip = false, tooltipText, side = 'bottom', align = 'start', errorMessage, id, icon, onBlur, onFocus, name, ...inputProps }, ref) => {
+var styles$f = {"labelContainer":"index-module__labelContainer___WGyDF","wrapperLabel":"index-module__wrapperLabel___XJzZO","requiredLabel":"index-module__requiredLabel___7oZkh","infoIcon":"index-module__infoIcon___lClx4","errorIcon":"index-module__errorIcon___yN-lq","disabledIcon":"index-module__disabledIcon___89Os7","errorLabel":"index-module__errorLabel___qa6h6","disabledLabel":"index-module__disabledLabel___U9vL8","disabledContainer":"index-module__disabledContainer___MtOvy"};
+
+const LabelComponent = ({ children, htmlFor, required = false, tooltip = false, tooltipText, side = 'bottom', align = 'start', className, error = false, disabled = false }) => (jsxRuntime.jsxs("div", { className: clsx(styles$f.labelContainer, disabled && styles$f.disabledContainer), children: [jsxRuntime.jsxs(radixUi.Label.Root, { className: clsx(styles$f.wrapperLabel, error && !disabled && styles$f.errorLabel, disabled && styles$f.disabledLabel, className), htmlFor: htmlFor, children: [children, required && jsxRuntime.jsx("span", { className: styles$f.requiredLabel, children: "*" })] }), tooltip && (jsxRuntime.jsx(Tooltip, { side: side, align: align, text: tooltipText || '', children: jsxRuntime.jsx("span", { className: disabled ? styles$f.disabledIcon : error ?
+                    styles$f.errorIcon : styles$f.infoIcon, children: jsxRuntime.jsx(reactIcons.Info12Regular, {}) }) }))] }));
+
+const TextField$1 = React.forwardRef(({ className, value, label, placeholder, type = 'text', onChange, disabled = false, maxLength = 30, required = false, helperText, tooltip = false, tooltipText, side = 'bottom', align = 'start', errorMessage, error, id, icon, onBlur, onFocus, name, persistIcon = false, ...inputProps }, ref) => {
     const normalizeValue = (val) => {
         return val === undefined || val === null ? '' : String(val);
     };
@@ -2535,13 +2611,13 @@ const TextField$1 = React.forwardRef(({ className, value, label, placeholder, ty
         setInputValue(newValue);
         // Reavaliar erro quando valor muda externamente (ex: DatePicker atualiza o campo)
         if (inputError) {
-            const error = validateInput({
+            const validationError = validateInput({
                 value: newValue,
                 maxLength,
                 errorMessage,
                 required,
             });
-            setInputError(error);
+            setInputError(validationError);
         }
     }, [value, inputError, type, maxLength, errorMessage, required]);
     const handleChange = React.useCallback((e) => {
@@ -2574,9 +2650,9 @@ const TextField$1 = React.forwardRef(({ className, value, label, placeholder, ty
     }, [onFocus]);
     const showCustomIcon = inputValue.trim().length === 0 && icon;
     const showClearIcon = isFocused && inputValue.trim().length > 0;
-    const hasError = Boolean(inputError);
-    const displayHelperText = inputError || helperText || '\u00A0';
-    const helperId = inputError
+    const hasError = Boolean(inputError) || Boolean(error);
+    const displayHelperText = (error ? errorMessage : undefined) || inputError || helperText || '\u00A0';
+    const helperId = (inputError || error)
         ? `${componentId}-error`
         : helperText
             ? `${componentId}-helper`
@@ -2586,7 +2662,9 @@ const TextField$1 = React.forwardRef(({ className, value, label, placeholder, ty
         [styles$g.error]: hasError && !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$g.inputWrapper, children: [jsxRuntime.jsxs("div", { className: styles$g.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$g.icon, children: icon }), showClearIcon && (jsxRuntime.jsx("button", { type: "button", className: styles$g.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$g.inputWrapper, children: [jsxRuntime.jsxs("div", { className: styles$g.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, className: clsx({
+                                    [styles$g.inputWithIcon]: showCustomIcon || showClearIcon,
+                                }) }), showCustomIcon && jsxRuntime.jsx("span", { className: styles$g.icon, children: icon }), showClearIcon && (jsxRuntime.jsx("button", { type: "button", className: styles$g.clearButton, onMouseDown: (e) => {
                                     e.preventDefault();
                                     handleClear();
                                 }, "aria-label": "Limpar campo", tabIndex: -1, children: jsxRuntime.jsx(reactIcons.Dismiss16Regular, {}) }))] }), jsxRuntime.jsx("span", { id: helperId, className: styles$g.helperText, "aria-live": hasError ? 'polite' : undefined, children: displayHelperText })] })] }));
@@ -2594,12 +2672,8 @@ const TextField$1 = React.forwardRef(({ className, value, label, placeholder, ty
 TextField$1.displayName = 'TextField';
 var TextField = React.memo(TextField$1);
 
-/**
- * Formata uma data para string conforme o locale.
- * @param date - Data a ser formatada
- * @param locale - Locale para formatação ('pt-br' ou 'en-us')
- * @returns String formatada da data
- */
+var styles$e = {"datePicker":"DatePicker-module__datePicker___raJYg","textfieldContainer":"DatePicker-module__textfieldContainer___yy8pT","datePickerIcon":"DatePicker-module__datePickerIcon___XCZsn","datePickerIconDisabled":"DatePicker-module__datePickerIconDisabled___BB-Gx"};
+
 function formatDate(date, locale = 'pt-br') {
     if (!date || !(date instanceof Date)) {
         return '';
@@ -2607,7 +2681,6 @@ function formatDate(date, locale = 'pt-br') {
     const day = String(date.getDate()).padStart(2, '0');
     const month = String(date.getMonth() + 1).padStart(2, '0');
     const year = date.getFullYear();
-    // Formatação baseada no locale
     if (locale === 'en-us') {
         return `${month}/${day}/${year}`;
     }
@@ -2615,21 +2688,11 @@ function formatDate(date, locale = 'pt-br') {
         return `${day}/${month}/${year}`;
     }
 }
-/**
- * Aplica máscara de data conforme o usuário digita.
- * @param value - Valor atual do input
- * @param locale - Locale para determinar o formato da máscara
- * @returns String com a máscara aplicada
- */
 function applyDateMask(value, locale = 'pt-br') {
-    // Remove todos os caracteres que não são dígitos
     const digitsOnly = value.replace(/\D/g, '');
-    // Limita a 8 dígitos (DDMMAAAA ou MMDDAAAA)
     const limitedDigits = digitsOnly.slice(0, 8);
-    // Aplica a máscara baseada no locale
     let masked = '';
     for (let i = 0; i < limitedDigits.length; i++) {
-        // Adiciona barras nas posições corretas
         if (i === 2 || i === 4) {
             masked += '/';
         }
@@ -2637,12 +2700,6 @@ function applyDateMask(value, locale = 'pt-br') {
     }
     return masked;
 }
-/**
- * Valida se uma string está no formato correto de data para o locale.
- * @param value - String a ser validada
- * @param locale - Locale para validação
- * @returns true se o formato está correto
- */
 function isValidDateFormat(value, locale = 'pt-br') {
     const dateRegex = locale === 'en-us'
         ? /^(0[1-9]|1[0-2])\/(0[1-9]|[12][0-9]|3[01])\/\d{4}$/
@@ -2653,7 +2710,6 @@ function parseDate(dateString, locale = 'pt-br') {
     if (!dateString || typeof dateString !== 'string') {
         return null;
     }
-    // Regex para validação básica dd/mm/yyyy ou mm/dd/yyyy
     const dateRegex = /^(\d{1,2})\/(\d{1,2})\/(\d{4})$/;
     const match = dateString.trim().match(dateRegex);
     if (!match) {
@@ -2663,7 +2719,6 @@ function parseDate(dateString, locale = 'pt-br') {
     let day;
     let month;
     const year = parseInt(yearStr, 10);
-    // Interpretação baseada no locale
     if (locale === 'en-us') {
         month = parseInt(first, 10);
         day = parseInt(second, 10);
@@ -2672,13 +2727,10 @@ function parseDate(dateString, locale = 'pt-br') {
         day = parseInt(first, 10);
         month = parseInt(second, 10);
     }
-    // Validação básica de ranges
     if (month < 1 || month > 12 || day < 1 || day > 31) {
         return null;
     }
-    // Criar e validar a data
     const date = new Date(year, month - 1, day);
-    // Verificar se a data criada corresponde aos componentes originais
     if (date.getFullYear() !== year ||
         date.getMonth() !== month - 1 ||
         date.getDate() !== day) {
@@ -2686,16 +2738,35 @@ function parseDate(dateString, locale = 'pt-br') {
     }
     return date;
 }
+function validatePartialDate(value, locale = 'pt-br') {
+    if (value.length === 0)
+        return 'valid';
+    if (value.length === 2) {
+        const n = parseInt(value, 10);
+        const isValid = locale === 'en-us' ? n >= 1 && n <= 12 : n >= 1 && n <= 31;
+        return isValid ? 'valid' : 'invalid';
+    }
+    if (value.length === 5) {
+        const parts = value.split('/');
+        const a = parseInt(parts[0], 10);
+        const b = parseInt(parts[1], 10);
+        const isValid = locale === 'en-us'
+            ? a >= 1 && a <= 12 && b >= 1 && b <= 31
+            : a >= 1 && a <= 31 && b >= 1 && b <= 12;
+        return isValid ? 'valid' : 'invalid';
+    }
+    if (value.length === 10) {
+        if (!isValidDateFormat(value, locale))
+            return 'invalid';
+        const parsed = parseDate(value, locale);
+        return parsed ? 'valid' : 'invalid';
+    }
+    return 'incomplete';
+}
 
-var styles$f = {"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 DatePicker = ({ locale = 'pt-br', calendarSide = 'bottom', calendarAlign = 'start', helperText, required = false, label = 'Data', value, defaultValue, onChange, disabled = false, error: externalError, minDate, maxDate, 'data-testid': testId, }) => {
     const fieldId = React.useId();
     const calendarId = `${fieldId}-calendar`;
-    const errorId = `${fieldId}-error`;
-    const helperTextId = `${fieldId}-help`;
-    // ✅ Suporte controlled/uncontrolled adequado
     const isControlled = value !== undefined;
     const [internalDate, setInternalDate] = React.useState(defaultValue || null);
     const [tempInputValue, setTempInputValue] = React.useState('');
@@ -2704,25 +2775,18 @@ const DatePicker = ({ locale = 'pt-br', calendarPosition = 'left', helperText, r
     const [showCalendar, setShowCalendar] = React.useState(false);
     const [currentDate, setCurrentDate] = React.useState(new Date());
     const wrapperRef = React.useRef(null);
-    // ✅ Estados derivados - uma única fonte de verdade
     const currentSelectedDate = isControlled ? value : internalDate;
-    const currentError = externalError || internalError;
+    const hasValidationError = !!(externalError || internalError);
     const displayValue = isEditing ? tempInputValue : (currentSelectedDate ? formatDate(currentSelectedDate, locale) : '');
-    // ✅ Combinar helperText normal com mensagem de erro
-    const combinedHelperText = React.useMemo(() => {
-        const texts = [];
-        if (helperText) {
-            texts.push(helperText);
-        }
-        if (currentError) {
-            texts.push(currentError);
-        }
-        return texts.join(' • ');
-    }, [helperText, currentError]);
-    // ✅ Click outside handler
+    const combinedHelperText = externalError && helperText
+        ? `${helperText} • ${externalError}`
+        : externalError || helperText || '';
     React.useEffect(() => {
         function handleClickOutside(event) {
-            if (wrapperRef.current && !wrapperRef.current.contains(event.target)) {
+            const target = event.target;
+            const isInsideWrapper = wrapperRef.current?.contains(target);
+            const isInsideCalendar = !!target.closest?.('[data-radix-popper-content-wrapper]');
+            if (!isInsideWrapper && !isInsideCalendar) {
                 setShowCalendar(false);
             }
         }
@@ -2733,7 +2797,6 @@ const DatePicker = ({ locale = 'pt-br', calendarPosition = 'left', helperText, r
             document.removeEventListener('mousedown', handleClickOutside);
         };
     }, [showCalendar]);
-    // ✅ Handler unificado para mudança de data - SEMPRE chama onChange
     const handleDateChange = React.useCallback((newDate) => {
         if (!isControlled) {
             setInternalDate(newDate);
@@ -2749,34 +2812,15 @@ const DatePicker = ({ locale = 'pt-br', calendarPosition = 'left', helperText, r
     const handleIconClick = () => {
         setShowCalendar((prev) => !prev);
     };
-    const handleFieldClick = () => {
-        if (!disabled) {
-            setShowCalendar(true);
-        }
-    };
-    const handleFieldFocus = () => {
-        if (!disabled) {
-            setShowCalendar(true);
-        }
-    };
-    // ✅ FUNÇÃO CORRIGIDA: Permite números e barras da máscara
-    const filterNumericInput = (inputValue) => {
-        // Permite apenas números e barras (para manter a máscara)
-        return inputValue.replace(/[^\d/]/g, '');
-    };
-    // ✅ Handler para prevenir teclas não numéricas
     const handleKeyDown = (event) => {
-        const { key, ctrlKey, metaKey } = event;
-        // ✅ NOVA FUNCIONALIDADE: Enter fecha calendário se data válida
+        const { key } = event;
         if (key === 'Enter') {
             if (showCalendar) {
-                // Se há uma data válida selecionada, fechar calendário
                 if (currentSelectedDate) {
                     setShowCalendar(false);
                     event.preventDefault();
                     return;
                 }
-                // Se a data digitada está completa e válida, processar e fechar
                 if (tempInputValue.length === 10 && isValidDateFormat(tempInputValue, locale)) {
                     const parsedDate = parseDate(tempInputValue, locale);
                     if (parsedDate && !isNaN(parsedDate.getTime())) {
@@ -2788,13 +2832,11 @@ const DatePicker = ({ locale = 'pt-br', calendarPosition = 'left', helperText, r
                 }
             }
             else {
-                // Se calendário está fechado, Enter abre o calendário
                 setShowCalendar(true);
                 event.preventDefault();
                 return;
             }
         }
-        // ✅ Escape sempre fecha o calendário
         if (key === 'Escape') {
             if (showCalendar) {
                 setShowCalendar(false);
@@ -2802,19 +2844,12 @@ const DatePicker = ({ locale = 'pt-br', calendarPosition = 'left', helperText, r
                 return;
             }
         }
-        // Permite teclas de controle (Backspace, Delete, Tab, etc.)
         const controlKeys = [
-            'Backspace', 'Delete', 'Tab', 'ArrowLeft', 'ArrowRight',
-            'ArrowUp', 'ArrowDown', 'Home', 'End'
+            'Backspace', 'Delete', 'ArrowLeft', 'ArrowRight',
         ];
-        // Permite Ctrl+A, Ctrl+C, Ctrl+V, Ctrl+X (atalhos de teclado)
-        const isCtrlCommand = ctrlKey || metaKey;
-        const allowedCtrlKeys = ['a', 'c', 'v', 'x'];
-        // Se é uma tecla de controle ou atalho permitido, deixa passar
-        if (controlKeys.includes(key) || (isCtrlCommand && allowedCtrlKeys.includes(key.toLowerCase()))) {
+        if (controlKeys.includes(key)) {
             return;
         }
-        // Se não é um número (0-9), previne a entrada
         if (!/^\d$/.test(key)) {
             event.preventDefault();
         }
@@ -2823,87 +2858,62 @@ const DatePicker = ({ locale = 'pt-br', calendarPosition = 'left', helperText, r
         setShowCalendar(false);
         handleDateChange(newSelectedDate);
     };
+    const handleFocus = () => {
+        if (!disabled) {
+            setShowCalendar(true);
+        }
+    };
     const handleTextFieldChange = (value) => {
-        // ✅ Filtra caracteres inválidos, mantendo números e barras
-        const filteredValue = filterNumericInput(value);
-        // ✅ Remove barras para processar apenas números
-        const numbersOnly = filteredValue.replace(/[^\d]/g, '');
-        // ✅ Aplica máscara progressiva em tempo real
-        const maskedValue = applyDateMask(numbersOnly, locale);
-        // ✅ Atualizar valor temporário SEMPRE (máscara em tempo real)
+        const maskedValue = applyDateMask(value, locale);
         setTempInputValue(maskedValue);
         setIsEditing(true);
-        // ✅ Limpar erro se campo estiver vazio
         if (maskedValue === '') {
             setInternalError('');
             handleDateChange(null);
             setCurrentDate(new Date());
             return;
         }
-        // ✅ Validar apenas quando data estiver completa (10 caracteres)
-        if (maskedValue.length === 10) {
-            if (isValidDateFormat(maskedValue, locale)) {
+        const result = validatePartialDate(maskedValue, locale);
+        if (result === 'invalid') {
+            setInternalError('invalid');
+            if (maskedValue.length === 10) {
+                if (!isControlled)
+                    setInternalDate(null);
+                onChange?.(null);
+            }
+        }
+        else if (result === 'valid') {
+            setInternalError('');
+            if (maskedValue.length === 10) {
                 const parsedDate = parseDate(maskedValue, locale);
-                if (parsedDate && !isNaN(parsedDate.getTime())) {
-                    setInternalError('');
+                if (parsedDate) {
                     handleDateChange(parsedDate);
                     setCurrentDate(parsedDate);
                 }
-                else {
-                    setInternalError('Data inválida');
-                    handleDateChange(null);
-                }
             }
-            else {
-                setInternalError('Data inválida');
-                handleDateChange(null);
-            }
-        }
-        else {
-            // ✅ Data incompleta - limpar erro mas não validar ainda
-            setInternalError('');
-            // ✅ Não chamar handleDateChange para data incompleta
         }
     };
-    // ✅ Effect para atualizar valor do campo quando data muda
-    React.useEffect(() => {
-        if (!isEditing && currentSelectedDate) {
-            setTempInputValue(formatDate(currentSelectedDate, locale));
-        }
-    }, [locale, currentSelectedDate, isEditing]);
-    return (jsxRuntime.jsx("div", { ref: wrapperRef, children: jsxRuntime.jsxs("div", { className: clsx(styles$f['zds-date-picker']), children: [jsxRuntime.jsx(TextField, { type: "tel", icon: jsxRuntime.jsx(reactIcons.Calendar16Regular, { onClick: !disabled ? handleIconClick : undefined, className: clsx(styles$f['zds-date-picker__icon'], disabled && styles$f['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$f['zds-date-picker__calendar-popup'], calendarPosition === 'left' && styles$f['zds-calendar--left'], calendarPosition === 'right' && styles$f['zds-calendar--right']), children: showCalendar && (jsxRuntime.jsx(Calendar, { selected: currentSelectedDate, currentDate: currentDate, onDateChange: setCurrentDate, onDaySelect: handleDaySelect, locale: locale, format: locale === 'en-us' ? 'mm/dd/yyyy' : 'dd/mm/yyyy', minDate: minDate, maxDate: maxDate, id: calendarId, onClear: () => {
-                            handleDateChange(null);
-                            setCurrentDate(new Date());
-                        } })) })] }) }));
+    return (jsxRuntime.jsx("div", { ref: wrapperRef, className: styles$e.datePicker, children: jsxRuntime.jsx(Popover, { open: showCalendar, onOpenChange: setShowCalendar, asAnchor: true, trigger: jsxRuntime.jsx(TextField, { className: styles$e.textfieldContainer, type: "tel", icon: jsxRuntime.jsx(reactIcons.Calendar16Regular, { onClick: !disabled ? handleIconClick : undefined, className: clsx(styles$e.datePickerIcon, disabled && styles$e.datePickerIconDisabled) }), onChange: (e) => {
+                    handleTextFieldChange(String(e));
+                }, onKeyDown: handleKeyDown, onFocus: handleFocus, persistIcon: true, autoComplete: "off", value: displayValue, helperText: !externalError ? (helperText || undefined) : undefined, error: hasValidationError ? (externalError ? combinedHelperText : true) : undefined, maxLength: 10, required: required, label: label, disabled: disabled, id: fieldId, "data-testid": testId, placeholder: locale === 'en-us' ? 'MM/DD/YYYY' : 'DD/MM/YYYY', "aria-label": "Open calendar", "aria-expanded": showCalendar, "aria-controls": calendarId, "aria-invalid": hasValidationError, "aria-describedby": externalError ? undefined : (helperText ? `${fieldId}-help` : undefined) }), content: jsxRuntime.jsx(Calendar, { selected: currentSelectedDate, currentDate: currentDate, onDateChange: setCurrentDate, onDaySelect: handleDaySelect, locale: locale, format: locale === 'en-us' ? 'mm/dd/yyyy' : 'dd/mm/yyyy', minDate: minDate, maxDate: maxDate, id: calendarId, onClear: () => {
+                    handleDateChange(null);
+                    setCurrentDate(new Date());
+                } }), side: calendarSide, align: calendarAlign, sideOffset: 8 }) }));
 };
 var DatePicker_default = React.memo(DatePicker);
 
-var styles$e = {"DialogOverlay":"Dialog-module__DialogOverlay___LEX2O","DialogContent":"Dialog-module__DialogContent___ziVXb","DialogTitle":"Dialog-module__DialogTitle___ay1tD","DialogDescription":"Dialog-module__DialogDescription___odslw","DivButtons":"Dialog-module__DivButtons___BiwX-"};
+var styles$d = {"DialogOverlay":"Dialog-module__DialogOverlay___LEX2O","DialogContent":"Dialog-module__DialogContent___ziVXb","DialogTitle":"Dialog-module__DialogTitle___ay1tD","DialogDescription":"Dialog-module__DialogDescription___odslw","DivButtons":"Dialog-module__DivButtons___BiwX-"};
 
-const Dialog = ({ 
-// children,
-show = false, title, bodyContent, textPrimaryAction, textSecondaryAction, onPrimaryAction, onSecondaryAction, ...restProps }) => (jsxRuntime.jsx(radixUi.AlertDialog.Root, { open: show, ...restProps, children: jsxRuntime.jsxs(radixUi.AlertDialog.Portal, { children: [jsxRuntime.jsx(radixUi.AlertDialog.Overlay, { className: styles$e.DialogOverlay }), jsxRuntime.jsxs(radixUi.AlertDialog.Content, { className: styles$e.DialogContent, children: [jsxRuntime.jsx(radixUi.AlertDialog.Title, { className: styles$e.DialogTitle, children: title }), jsxRuntime.jsx(radixUi.AlertDialog.Description, { className: styles$e.DialogDescription, children: bodyContent }), jsxRuntime.jsxs("div", { className: styles$e.DivButtons, children: [!!(textSecondaryAction && textSecondaryAction.trim()) && (jsxRuntime.jsx(radixUi.AlertDialog.Cancel, { asChild: true, children: jsxRuntime.jsx(Button, { variant: "outlined", ...(onSecondaryAction && { onClick: onSecondaryAction }), children: textSecondaryAction }) })), jsxRuntime.jsx(radixUi.AlertDialog.Action, { asChild: true, children: jsxRuntime.jsx(Button, { variant: "filled", ...(onPrimaryAction && { onClick: onPrimaryAction }), children: textPrimaryAction }) })] })] })] }) }));
+const Dialog = ({ show = false, title, bodyContent, textPrimaryAction, textSecondaryAction, onPrimaryAction, onSecondaryAction, ...restProps }) => (jsxRuntime.jsx(radixUi.AlertDialog.Root, { open: show, ...restProps, children: jsxRuntime.jsxs(radixUi.AlertDialog.Portal, { children: [jsxRuntime.jsx(radixUi.AlertDialog.Overlay, { className: styles$d.DialogOverlay }), jsxRuntime.jsxs(radixUi.AlertDialog.Content, { className: styles$d.DialogContent, children: [jsxRuntime.jsx(radixUi.AlertDialog.Title, { className: styles$d.DialogTitle, children: title }), jsxRuntime.jsx(radixUi.AlertDialog.Description, { className: styles$d.DialogDescription, children: bodyContent }), jsxRuntime.jsxs("div", { className: styles$d.DivButtons, children: [!!(textSecondaryAction && textSecondaryAction.trim()) && (jsxRuntime.jsx(radixUi.AlertDialog.Cancel, { asChild: true, children: jsxRuntime.jsx(Button, { variant: "outlined", ...(onSecondaryAction && { onClick: onSecondaryAction }), children: textSecondaryAction }) })), jsxRuntime.jsx(radixUi.AlertDialog.Action, { asChild: true, children: jsxRuntime.jsx(Button, { variant: "filled", ...(onPrimaryAction && { onClick: onPrimaryAction }), children: textPrimaryAction }) })] })] })] }) }));
 
-var styles$d = {"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 = {"drawerShadow":"Drawer-module__drawerShadow___0Z6iL","drawerShadow--visible":"Drawer-module__drawerShadow--visible___FspoH","drawerSidebar":"Drawer-module__drawerSidebar___cdyyb","drawerSidebar--open":"Drawer-module__drawerSidebar--open___ee2-Y","drawerSidebar--disabled":"Drawer-module__drawerSidebar--disabled___MYrBI","drawerTitleClose":"Drawer-module__drawerTitleClose___QzqN-","drawerTitle":"Drawer-module__drawerTitle___naMX0","drawerChildren":"Drawer-module__drawerChildren___xGdg9","drawerHeaderContent":"Drawer-module__drawerHeaderContent___NLSwj"};
 
-/**
- * Componente Drawer do Zanthus Design System
- * Implementa um painel lateral deslizante com overlay
- * Segue padrões WCAG 2.1 AA para acessibilidade
- */
-const Drawer = ({ children, customWidth = '400px', // ✅ Valor padrão útil
-onClose, title = 'Título', isOpen = false, onOpen, className, id, disabled = false, onOverlayClick, closeOnOverlayClick = true, closeOnEscape = true, }) => {
+const Drawer = ({ children, headerContent, customWidth = '400px', onClose, title = 'Título', isOpen = false, onOpen, className, id, disabled = false, onOverlayClick, closeOnOverlayClick = true, closeOnEscape = true, }) => {
     const internalClose = React.useCallback(() => {
         if (disabled)
             return;
         onClose();
     }, [onClose, disabled]);
-    /**
-     * Manipula clique no overlay
-     * Fecha o drawer se closeOnOverlayClick estiver habilitado
-     */
     const handleOverlayClick = React.useCallback(() => {
         if (onOverlayClick) {
             onOverlayClick();
@@ -2912,17 +2922,9 @@ onClose, title = 'Título', isOpen = false, onOpen, className, id, disabled = fa
             internalClose();
         }
     }, [onOverlayClick, closeOnOverlayClick, internalClose, disabled]);
-    /**
-     * Fecha o drawer ao pressionar ESC
-     * Adiciona e remove event listener baseado no estado isOpen
-     */
     React.useEffect(() => {
         if (!isOpen || !closeOnEscape)
             return;
-        /**
-         * Manipula teclas pressionadas
-         * @param event - Evento de teclado
-         */
         const handleKeyDown = (event) => {
             if (event.key === 'Escape') {
                 event.preventDefault();
@@ -2932,54 +2934,38 @@ onClose, title = 'Título', isOpen = false, onOpen, className, id, disabled = fa
         window.addEventListener('keydown', handleKeyDown);
         return () => window.removeEventListener('keydown', handleKeyDown);
     }, [isOpen, internalClose, closeOnEscape]);
-    /**
-     * Gerencia overflow do body baseado no estado isOpen
-     */
     React.useEffect(() => {
         if (isOpen && !disabled) {
-            // Executa callback de abertura se fornecido
             if (onOpen) {
                 onOpen();
             }
-            // Previne scroll do body quando drawer está aberto
             document.body.style.overflow = 'hidden';
         }
         else {
-            // Restaura scroll do body
             document.body.style.overflow = 'unset';
         }
         return () => {
             document.body.style.overflow = 'unset';
         };
     }, [isOpen, onOpen, disabled]);
-    /**
-     * Previne propagação de eventos no drawer
-     * Evita fechamento acidental ao clicar no conteúdo
-     * @param event - Evento de clique
-     */
     const handleDrawerClick = (event) => {
         event.stopPropagation();
     };
-    /**
-     * Manipula clique no botão de fechar
-     * @param event - Evento de clique
-     */
     const handleCloseClick = (event) => {
         event.stopPropagation();
         internalClose();
     };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: clsx(styles$d['zds-custom__drawer-shadow'], {
-                    [styles$d['zds-custom__drawer-shadow--visible']]: isOpen,
-                }), onClick: handleOverlayClick, role: "presentation", "aria-hidden": "true", "data-testid": "drawer-overlay" }), jsxRuntime.jsxs("div", { className: clsx(styles$d['zds-custom__drawer-sidebar'], {
-                    [styles$d['zds-custom__drawer-sidebar--open']]: isOpen,
-                    [styles$d['zds-custom__drawer-sidebar--disabled']]: disabled,
+    return reactDom.createPortal(jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: clsx(styles$c['drawerShadow'], {
+                    [styles$c['drawerShadow--visible']]: isOpen,
+                }), onClick: handleOverlayClick, role: "presentation", "aria-hidden": "true", "data-testid": "drawer-overlay" }), jsxRuntime.jsxs("div", { className: clsx(styles$c['drawerSidebar'], {
+                    [styles$c['drawerSidebar--open']]: isOpen,
+                    [styles$c['drawerSidebar--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$d['zds-drawer__title-close']), children: [jsxRuntime.jsx("div", { className: clsx(styles$d['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$d['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: styles$c.drawerTitleClose, children: [jsxRuntime.jsx("div", { className: styles$c.drawerTitle, id: id ? `${id}-title` : 'drawer-title', children: title }), headerContent && (jsxRuntime.jsx("div", { className: styles$c.drawerHeaderContent, children: headerContent })), jsxRuntime.jsx(Button, { onClick: handleCloseClick, variant: 'outlined', iconOnly: true, icon: jsxRuntime.jsx(reactIcons.Dismiss16Regular, {}), size: 'lg' })] }), jsxRuntime.jsx("div", { className: styles$c.drawerChildren, "data-testid": "drawer-content", children: children })] })] }), document.body);
 };
 
-var styles$c = {"search":"Search-module__search___u3QsV","searchLeftIcon":"Search-module__searchLeftIcon___OKOBq","disabled":"Search-module__disabled___adbxO","searchClearIcon":"Search-module__searchClearIcon___qX9-h"};
+var styles$b = {"search":"Search-module__search___u3QsV","searchLeftIcon":"Search-module__searchLeftIcon___OKOBq","disabled":"Search-module__disabled___adbxO","searchClearIcon":"Search-module__searchClearIcon___qX9-h"};
 
 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, ...rest }, ref) => {
     const [internalValue, setInternalValue] = React.useState('');
@@ -3027,439 +3013,22 @@ const Search = React.forwardRef(({ placeholder = 'Dica do que deve ser buscado',
             return;
         onKeyDown?.(e);
     };
-    return (jsxRuntime.jsxs("div", { className: clsx(styles$c.search, { [styles$c.disabled]: disabled }, className), onClick: onClick, onMouseDown: onMouseDown, role: onClick || onMouseDown ? "button" : undefined, tabIndex: onClick || onMouseDown ? 0 : undefined, onKeyDown: onClick || onMouseDown ? (e) => {
+    return (jsxRuntime.jsxs("div", { className: clsx(styles$b.search, { [styles$b.disabled]: disabled }, className), onClick: onClick, onMouseDown: onMouseDown, role: onClick || onMouseDown ? "button" : undefined, tabIndex: onClick || onMouseDown ? 0 : undefined, onKeyDown: onClick || onMouseDown ? (e) => {
             if (e.key === 'Enter' || e.key === ' ') {
                 e.preventDefault();
                 onClick?.(e);
             }
-        } : undefined, children: [jsxRuntime.jsx("span", { className: clsx(styles$c.searchLeftIcon, { [styles$c.disabled]: 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, ...rest }), currentValue && currentValue.length > 0 && (jsxRuntime.jsx("span", { className: styles$c.searchClearIcon, "aria-hidden": "true", onClick: clearInputSearch, children: jsxRuntime.jsx(reactIcons.Dismiss16Regular, {}) }))] }));
+        } : undefined, children: [jsxRuntime.jsx("span", { className: clsx(styles$b.searchLeftIcon, { [styles$b.disabled]: 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, ...rest }), currentValue && currentValue.length > 0 && (jsxRuntime.jsx("span", { className: styles$b.searchClearIcon, "aria-hidden": "true", onClick: clearInputSearch, children: jsxRuntime.jsx(reactIcons.Dismiss16Regular, {}) }))] }));
 });
 Search.displayName = 'Search';
 
-/**
- * Valida e filtra itens do dropdown baseado no tipo especificado
- * @param items - Array de itens para validar
- * @param type - Tipo do dropdown ('text' | 'checkbox' | 'icon')
- * @returns Array de itens válidos filtrados
- */
-const validateItems = (items, type) => {
-    if (!Array.isArray(items))
-        return [];
-    return items.filter((item, index) => {
-        // Remove items inválidos
-        if (!item || typeof item !== 'object') {
-            console.warn(`Dropdown: Item ${index} inválido`);
-            return false;
-        }
-        // Type assertion segura após verificação de tipo
-        const dropdownItem = item;
-        // Validação específica para tipo icon
-        if (type === 'icon' && !dropdownItem.icon) {
-            console.error(`Dropdown: Item ${index} precisa de ícone quando type='icon'`);
-            return false;
-        }
-        // Precisa ter text ou id
-        if (!dropdownItem.text && !dropdownItem.id) {
-            console.warn(`Dropdown: Item ${index} precisa de text ou id`);
-            return false;
-        }
-        return true;
-    });
-};
-
-var styles$b = {"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 = {"container":"Filter-module__container___cqntK","panel":"Filter-module__panel___19HqD","search":"Filter-module__search___f0gzj","list":"Filter-module__list___UpBk1","item":"Filter-module__item___oNdeY","itemSelected":"Filter-module__itemSelected___JIpJV","itemText":"Filter-module__itemText___RS--0","itemDisabled":"Filter-module__itemDisabled___X-ktg","itemIcon":"Filter-module__itemIcon___RjJSa","noResults":"Filter-module__noResults___3m6pn","footer":"Filter-module__footer___yYS5j","buttonContent":"Filter-module__buttonContent___28fKe","buttonArrow":"Filter-module__buttonArrow___VJlpc","buttonIcon":"Filter-module__buttonIcon___OOBpZ"};
 
-/**
- * Hook otimizado para scroll infinito usando IntersectionObserver
- */
-function useInfiniteScroll({ status, page, lastPage, onLoadMore, threshold = 0.1, rootMargin = '100px', enabled = true, debug = false }) {
-    const observerRef = React.useRef(null);
-    const [isIntersecting, setIsIntersecting] = React.useState(false);
-    // Refs para controle de estado
-    const loadingRef = React.useRef(false);
-    const lastTriggeredPageRef = React.useRef(0);
-    const onLoadMoreRef = React.useRef(onLoadMore);
-    // Manter referência atualizada do callback
-    React.useEffect(() => {
-        onLoadMoreRef.current = onLoadMore;
-    }, [onLoadMore]);
-    // ✅ NOVO: Debug logger
-    const debugLog = React.useCallback((message, data) => {
-        if (debug) {
-            console.log(`🔄 [InfiniteScroll] ${message}`, data || '');
-        }
-    }, [debug]);
-    // ✅ MELHORADO: Callback do IntersectionObserver com mais controles
-    const handleIntersect = React.useCallback((entries) => {
-        const [target] = entries;
-        const isVisible = target.isIntersecting;
-        setIsIntersecting(isVisible);
-        debugLog('Element intersecting:', isVisible);
-        // Verificar se pode carregar mais
-        const canLoadMore = enabled &&
-            isVisible &&
-            status !== 'loading' &&
-            !loadingRef.current &&
-            page < lastPage &&
-            page !== lastTriggeredPageRef.current;
-        debugLog('Can load more check:', {
-            enabled,
-            isVisible,
-            status,
-            isLoading: loadingRef.current,
-            page,
-            lastPage,
-            lastTriggered: lastTriggeredPageRef.current,
-            canLoad: canLoadMore
-        });
-        if (canLoadMore) {
-            debugLog('Triggering load more for next page');
-            loadingRef.current = true;
-            lastTriggeredPageRef.current = page;
-            onLoadMoreRef.current();
-        }
-    }, [enabled, status, page, lastPage, debugLog]);
-    // ✅ MELHORADO: Observer com configurações personalizáveis
-    React.useEffect(() => {
-        if (!enabled) {
-            debugLog('Hook disabled, skipping observer setup');
-            return;
-        }
-        const observer = new IntersectionObserver(handleIntersect, {
-            root: null,
-            rootMargin,
-            threshold,
-        });
-        const currentObserverRef = observerRef.current;
-        if (currentObserverRef) {
-            observer.observe(currentObserverRef);
-            debugLog('IntersectionObserver attached', { rootMargin, threshold });
-        }
-        return () => {
-            if (currentObserverRef) {
-                observer.unobserve(currentObserverRef);
-                debugLog('IntersectionObserver detached');
-            }
-        };
-    }, [handleIntersect, rootMargin, threshold, enabled, debugLog]);
-    // ✅ NOVO: Reset do loading flag quando status muda
-    React.useEffect(() => {
-        if (status !== 'loading') {
-            loadingRef.current = false;
-            debugLog('Loading flag reset', { status });
-        }
-    }, [status, debugLog]);
-    // ✅ NOVO: Função de reset manual
-    const reset = React.useCallback(() => {
-        loadingRef.current = false;
-        lastTriggeredPageRef.current = 0;
-        setIsIntersecting(false);
-        debugLog('Hook manually reset');
-    }, [debugLog]);
-    // Estados calculados
-    const hasNextPage = page < lastPage;
-    const isCompleted = page >= lastPage;
-    return {
-        observerRef,
-        isIntersecting,
-        hasNextPage,
-        isCompleted,
-        reset
-    };
-}
-
-const Dropdown = ({ className, items, id, type = 'text', applySearch = false, placeholder, onSelectionChange, showSubText = false, defaultSelectedIds, initialItemsSelected, maxWidth, minWidth, width, maxHeight, filter = false, position, infiniteScroll, }) => {
-    const [selectedItems, setSelectedItems] = React.useState(() => {
-        if (initialItemsSelected && Object.keys(initialItemsSelected).length > 0) {
-            return initialItemsSelected;
-        }
-        if (defaultSelectedIds && defaultSelectedIds.length > 0) {
-            const initialState = {};
-            defaultSelectedIds.forEach((itemId) => {
-                initialState[itemId] = true;
-            });
-            return initialState;
-        }
-        return {};
-    });
-    const [internalItems, setInternalItems] = React.useState(items);
-    const [focusedIndex, setFocusedIndex] = React.useState(-1);
-    const [inputValue, setInputValue] = React.useState('');
-    const [searchQuery, setSearchQuery] = React.useState('');
-    const [isSearchFocused, setIsSearchFocused] = React.useState(false);
-    const [tempSelectedItems, setTempSelectedItems] = React.useState({});
-    const containerRef = React.useRef(null);
-    const infiniteScrollHook = useInfiniteScroll({
-        status: infiniteScroll?.status || 'idle',
-        page: infiniteScroll?.page || 1,
-        lastPage: infiniteScroll?.lastPage || 1,
-        onLoadMore: infiniteScroll?.onLoadMore || (() => { }),
-        threshold: infiniteScroll?.threshold,
-        rootMargin: infiniteScroll?.rootMargin,
-        enabled: !!infiniteScroll,
-        debug: infiniteScroll?.debug,
-    });
-    const searchVisible = applySearch || internalItems.length > 4;
-    React.useEffect(() => {
-        if (filter) {
-            setTempSelectedItems(selectedItems);
-        }
-    }, [selectedItems, filter]);
-    const handleSearchChange = React.useCallback((event) => {
-        const newValue = event.target.value;
-        setInputValue(newValue);
-        setFocusedIndex(-1);
-        if (newValue === '' && searchQuery !== '') {
-            setSearchQuery('');
-        }
-    }, [searchQuery]);
-    const safeItems = React.useMemo(() => {
-        if (!Array.isArray(items)) {
-            console.warn('Dropdown: items deve ser um array. Recebido:', typeof items);
-            return [];
-        }
-        if (items.length === 0) {
-            return [];
-        }
-        return items;
-    }, [items]);
-    const validItems = React.useMemo(() => {
-        return validateItems(safeItems, type);
-    }, [safeItems, type]);
-    const generateItemId = React.useCallback((item, index) => {
-        return item.id || `dropdown-item-${index}`;
-    }, []);
-    const executeSearch = React.useCallback(() => {
-        setSearchQuery(inputValue.trim());
-        setFocusedIndex(-1);
-    }, [inputValue]);
-    const handleSearchClear = React.useCallback(() => {
-        setInputValue('');
-        setSearchQuery('');
-        setFocusedIndex(-1);
-        setIsSearchFocused(false);
-    }, []);
-    const handleSearchKeyDown = React.useCallback((event) => {
-        if (event.key === 'Enter') {
-            event.preventDefault();
-            event.stopPropagation();
-            executeSearch();
-            return;
-        }
-        if (event.key === 'Escape') {
-            event.preventDefault();
-            event.stopPropagation();
-            handleSearchClear();
-            return;
-        }
-        if (event.key === 'Backspace') {
-            if (inputValue.length < 2) {
-                event.preventDefault();
-                event.stopPropagation();
-                handleSearchClear();
-            }
-        }
-    }, [executeSearch, handleSearchClear, inputValue]);
-    const toggleSelection = React.useCallback((itemId, item) => {
-        if (item?.disabled)
-            return;
-        if (filter) {
-            setTempSelectedItems((prevSelected) => {
-                let newSelected;
-                if (type === 'checkbox') {
-                    newSelected = {
-                        ...prevSelected,
-                        [itemId]: !prevSelected[itemId],
-                    };
-                }
-                else {
-                    newSelected = prevSelected[itemId] ? {} : { [itemId]: true };
-                }
-                return newSelected;
-            });
-        }
-        else {
-            setSelectedItems((prevSelected) => {
-                let newSelected;
-                if (type === 'checkbox') {
-                    newSelected = {
-                        ...prevSelected,
-                        [itemId]: !prevSelected[itemId],
-                    };
-                }
-                else {
-                    newSelected = prevSelected[itemId] ? {} : { [itemId]: true };
-                }
-                return newSelected;
-            });
-        }
-    }, [filter, type]);
-    const handleApplyFilter = React.useCallback(() => {
-        if (!filter)
-            return;
-        setSelectedItems(tempSelectedItems);
-        const selectedIds = Object.keys(tempSelectedItems).filter((key) => tempSelectedItems[key]);
-        onSelectionChange?.(selectedIds);
-    }, [filter, tempSelectedItems, onSelectionChange]);
-    const handleClearFilter = React.useCallback(() => {
-        if (!filter)
-            return;
-        setTempSelectedItems({});
-        setSelectedItems({});
-        onSelectionChange?.([]);
-    }, [filter, onSelectionChange]);
-    const isFirstRender = React.useRef(true);
-    React.useEffect(() => {
-        if (isFirstRender.current) {
-            isFirstRender.current = false;
-            return;
-        }
-        if (!onSelectionChange)
-            return;
-        const selectedIds = Object.keys(selectedItems).filter((key) => selectedItems[key]);
-        onSelectionChange(selectedIds);
-    }, [selectedItems, onSelectionChange]);
-    React.useEffect(() => {
-        setInternalItems(validItems);
-    }, [validItems]);
-    const handleItemClick = React.useCallback((event, itemId, item) => {
-        event.preventDefault();
-        event.stopPropagation();
-        if (!item?.disabled) {
-            toggleSelection(itemId, item);
-        }
-    }, [toggleSelection]);
-    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$b['zds-dropdown__item-content'], {
-                [styles$b['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$b['zds-dropdown__item-icon-container'], children: jsxRuntime.jsx("span", { className: styles$b['zds-dropdown__item-icon'], onClick: (event) => {
-                            event.preventDefault();
-                            event.stopPropagation();
-                            handleItemClick(event, itemId, item);
-                        }, children: item.icon }) })), jsxRuntime.jsxs("div", { className: styles$b['zds-dropdown__item-text'], children: [jsxRuntime.jsx("span", { id: `dropdown-item-${itemId}-label`, className: styles$b['zds-dropdown__title'], children: item.text }), showSubText && item.subText && (jsxRuntime.jsx("span", { id: `dropdown-item-${itemId}-desc`, className: styles$b['zds-dropdown__subtext'], children: item.subText }))] })] }));
-    }, [
-        type,
-        selectedItems,
-        tempSelectedItems,
-        filter,
-        toggleSelection,
-        handleItemClick,
-        showSubText,
-    ]);
-    const isMultiSelectable = React.useMemo(() => {
-        return type === 'checkbox';
-    }, [type]);
-    const filteredItems = React.useMemo(() => {
-        if (!searchQuery.trim()) {
-            return internalItems;
-        }
-        return internalItems.filter((item) => {
-            const searchText = searchQuery.toLowerCase();
-            const itemText = item.text?.toLowerCase() || '';
-            const itemSubText = item.subText?.toLowerCase() || '';
-            return itemText.includes(searchText) || itemSubText.includes(searchText);
-        });
-    }, [internalItems, searchQuery]);
-    const handleKeyDown = React.useCallback((e) => {
-        if (isSearchFocused)
-            return;
-        if (filteredItems.length === 0)
-            return;
-        switch (e.key) {
-            case 'ArrowDown':
-                e.preventDefault();
-                e.stopPropagation();
-                setFocusedIndex((prevIndex) => prevIndex < filteredItems.length - 1 ? prevIndex + 1 : 0);
-                return;
-            case 'ArrowUp':
-                e.preventDefault();
-                e.stopPropagation();
-                setFocusedIndex((prevIndex) => prevIndex > 0 ? prevIndex - 1 : filteredItems.length - 1);
-                return;
-            case 'Enter':
-                e.preventDefault();
-                e.stopPropagation();
-                if (focusedIndex >= 0 && focusedIndex < filteredItems.length) {
-                    const focusedItem = filteredItems[focusedIndex];
-                    const focusedItemId = focusedItem.id || `dropdown-item-${focusedIndex}`;
-                    toggleSelection(focusedItemId, focusedItem);
-                }
-                return;
-            case 'Escape':
-                e.preventDefault();
-                e.stopPropagation();
-                setFocusedIndex(-1);
-                handleSearchClear();
-                return;
-            default:
-                return;
-        }
-    }, [
-        filteredItems,
-        focusedIndex,
-        toggleSelection,
-        isSearchFocused,
-        handleSearchClear,
-    ]);
-    const DropdownClass = clsx(styles$b['zds-dropdown__container'], styles$b[`zds-dropdown__container--${position}`], {
-        [className || '']: className,
-        [styles$b['zds-dropdown__container--search-active']]: searchQuery.length > 0,
-        [styles$b['zds-dropdown__container--fixed-width']]: !!maxWidth,
-    });
-    const dropdownStyles = React.useMemo(() => {
-        const styles = {};
-        if (maxWidth) {
-            styles.maxWidth =
-                typeof maxWidth === 'number' ? `${maxWidth}px` : maxWidth;
-            styles.width = typeof maxWidth === 'number' ? `${maxWidth}px` : maxWidth;
-        }
-        if (minWidth) {
-            styles.minWidth =
-                typeof minWidth === 'number' ? `${minWidth}px` : minWidth;
-        }
-        if (width) {
-            styles.width = typeof width === 'number' ? `${width}px` : width;
-        }
-        if (maxHeight) {
-            styles.maxHeight =
-                typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight;
-        }
-        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$b['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$b['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$b['zds-dropdown__item'], {
-                            [styles$b[`zds-dropdown__item--${type}`]]: type,
-                            [styles$b['zds-dropdown__item--selected']]: currentSelection[itemId],
-                            [styles$b['zds-dropdown__item--focused']]: focusedIndex === index,
-                            [styles$b['zds-dropdown__item--disabled']]: item.disabled,
-                        }), tabIndex: focusedIndex === index ? 0 : -1, onFocus: () => setFocusedIndex(index), onClick: (event) => {
-                            event.stopPropagation();
-                            handleItemClick(event, itemId, item);
-                        }, onMouseDown: (e) => {
-                            if (!item.disabled) {
-                                e.preventDefault();
-                                setFocusedIndex(index);
-                            }
-                        }, children: renderItemContent(item, index) }, itemId));
-                })) : (jsxRuntime.jsx("li", { className: styles$b['zds-dropdown__no-results'], role: "status", "aria-live": "polite", children: "Nenhum item corresponde \u00E0 sua busca" })), filter && (jsxRuntime.jsxs("div", { className: styles$b['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$b['zds-dropdown__infinite-scroll-trigger'], children: jsxRuntime.jsx("div", { ref: infiniteScrollHook.observerRef, className: styles$b['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$a = {"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"};
-
-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', ...rest }) => {
+const Filter = ({ items, type = 'checkbox', selectedIds, onApplyFilter, placeholder = 'Selecionar...', enableSearch = false, buttonText = 'Filter', icon, variant = 'outlined', onOpen, onClose, side = 'bottom', align = 'start', disabled = false, className, selectedDate, onDateSelect, onClearDate, minDate, maxDate, locale = 'pt-br', id, ...rest }) => {
     const [isOpen, setIsOpen] = React.useState(false);
+    const [tempSelectedItems, setTempSelectedItems] = React.useState({});
+    const [searchQuery, setSearchQuery] = React.useState('');
     const [currentCalendarDate, setCurrentCalendarDate] = React.useState(() => selectedDate || new Date());
-    const filterRef = React.useRef(null);
     React.useEffect(() => {
         if (selectedDate) {
             setCurrentCalendarDate(selectedDate);
@@ -3479,6 +3048,59 @@ const Filter = ({ items, type = 'checkbox', selectedIds, onApplyFilter, placehol
         setIsOpen(false);
         onClose?.();
     }, [onClearDate, onClose]);
+    const handleOpenChange = React.useCallback((open) => {
+        if (disabled && open)
+            return;
+        if (open) {
+            const initial = {};
+            selectedIds?.forEach((itemId) => { initial[itemId] = true; });
+            setTempSelectedItems(initial);
+            setSearchQuery('');
+            onOpen?.();
+        }
+        else {
+            onClose?.();
+        }
+        setIsOpen(open);
+    }, [disabled, selectedIds, onOpen, onClose]);
+    const toggleItem = React.useCallback((itemId, item) => {
+        if (item.disabled)
+            return;
+        setTempSelectedItems((prev) => {
+            if (type === 'checkbox') {
+                return { ...prev, [itemId]: !prev[itemId] };
+            }
+            return prev[itemId] ? {} : { [itemId]: true };
+        });
+    }, [type]);
+    const handleApplyFilter = React.useCallback(() => {
+        const ids = Object.keys(tempSelectedItems).filter((k) => tempSelectedItems[k]);
+        onApplyFilter?.(ids);
+        setIsOpen(false);
+        onClose?.();
+    }, [tempSelectedItems, onApplyFilter, onClose]);
+    const handleClearFilter = React.useCallback(() => {
+        setTempSelectedItems({});
+        onApplyFilter?.([]);
+    }, [onApplyFilter]);
+    const handleSearchChange = React.useCallback((e) => {
+        setSearchQuery(e.target.value);
+    }, []);
+    const handleSearchKeyDown = React.useCallback((e) => {
+        if (e.key === 'Escape') {
+            e.preventDefault();
+            setSearchQuery('');
+        }
+    }, []);
+    const searchVisible = enableSearch || (items?.length ?? 0) > 4;
+    const filteredItems = React.useMemo(() => {
+        if (!items?.length)
+            return [];
+        if (!searchQuery.trim())
+            return items;
+        const q = searchQuery.toLowerCase();
+        return items.filter((item) => item.text.toLowerCase().includes(q));
+    }, [items, searchQuery]);
     const buttonDisplayText = React.useMemo(() => {
         if (type === 'calendar' && selectedDate) {
             return selectedDate.toLocaleDateString(locale === 'pt-br' ? 'pt-BR' : 'en-US');
@@ -3489,60 +3111,26 @@ const Filter = ({ items, type = 'checkbox', selectedIds, onApplyFilter, placehol
         return firstItem?.text || selectedIds[0];
     }, [type, selectedDate, selectedIds, items, buttonText, locale]);
     const getBadgeValue = React.useCallback(() => {
-        if (!selectedIds || selectedIds.length <= 1) {
+        if (!selectedIds || selectedIds.length <= 1)
             return null;
-        }
         return selectedIds.length - 1;
     }, [selectedIds]);
-    const handleToggle = React.useCallback(() => {
-        if (disabled)
-            return;
-        const newState = !isOpen;
-        setIsOpen(newState);
-        if (newState) {
-            onOpen?.();
-        }
-        else {
-            onClose?.();
-        }
-    }, [disabled, isOpen, onOpen, onClose]);
-    const handleApplyFilter = React.useCallback((newSelectedIds) => {
-        onApplyFilter?.(newSelectedIds);
-        setIsOpen(false);
-        onClose?.();
-    }, [onApplyFilter, onClose]);
-    React.useEffect(() => {
-        const handleClickOutside = (event) => {
-            if (filterRef.current &&
-                !filterRef.current.contains(event.target)) {
-                if (isOpen) {
-                    setIsOpen(false);
-                    onClose?.();
-                }
-            }
-        };
-        if (isOpen) {
-            document.addEventListener('mousedown', handleClickOutside);
-        }
-        return () => document.removeEventListener('mousedown', handleClickOutside);
-    }, [isOpen, onClose]);
-    React.useEffect(() => {
-        const handleEscape = (event) => {
-            if (event.key === 'Escape' && isOpen) {
-                setIsOpen(false);
-                onClose?.();
-            }
-        };
-        if (isOpen) {
-            document.addEventListener('keydown', handleEscape);
-        }
-        return () => document.removeEventListener('keydown', handleEscape);
-    }, [isOpen, onClose]);
-    const filterClass = clsx(styles$a['zds-filter__container'], className);
-    const dropdownClass = clsx(styles$a['zds-filter__dropdown'], {
-        [styles$a[`zds-filter__dropdown--${position}`]]: position,
-    });
-    return (jsxRuntime.jsxs("div", { ref: filterRef, className: filterClass, ...rest, 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$a['zds-filter-button__content'], children: [icon && jsxRuntime.jsx("span", { className: styles$a['zds-filter-button__icon'], children: icon }), jsxRuntime.jsx("span", { className: styles$a['zds-filter-button__text'], children: buttonDisplayText }), jsxRuntime.jsx("span", { className: `${styles$a['zds-filter-button__arrow']} ${isOpen ? styles$a['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(Calendar, { 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 })) }))] }));
+    const filterClass = clsx(styles$a.container, className);
+    const triggerButton = (jsxRuntime.jsx(Button, { variant: variant, disabled: disabled, icon: type === 'calendar' ? jsxRuntime.jsx(reactIcons.Calendar16Regular, {}) : jsxRuntime.jsx(reactIcons.ChevronDownRegular, {}), iconPosition: "right", size: "lg", children: jsxRuntime.jsxs("div", { className: styles$a.buttonContent, children: [icon && jsxRuntime.jsx("span", { className: styles$a.buttonIcon, children: icon }), jsxRuntime.jsx("span", { className: styles$a.buttonText, children: buttonDisplayText }), jsxRuntime.jsx("span", { className: clsx(styles$a.buttonArrow, { [styles$a.buttonArrowOpen]: isOpen }), children: getBadgeValue() && (jsxRuntime.jsx(Badge, { badgeValue: `+${getBadgeValue()}`, type: "status" })) })] }) }));
+    const popoverContent = type === 'calendar' ? (jsxRuntime.jsx(Calendar, { currentDate: currentCalendarDate, selected: selectedDate, onDaySelect: handleDateSelection, onDateChange: handleCalendarNavigation, minDate: minDate, maxDate: maxDate, locale: locale, onClear: handleClear, id: `filter-calendar-${id || ''}`, "aria-label": "Selecionar data para filtro" })) : (jsxRuntime.jsxs("div", { className: styles$a.panel, children: [searchVisible && (jsxRuntime.jsx("div", { className: styles$a.search, children: jsxRuntime.jsx(Search, { value: searchQuery, placeholder: placeholder, onChange: handleSearchChange, onKeyDown: handleSearchKeyDown, onClear: () => setSearchQuery('') }) })), jsxRuntime.jsx("ul", { className: styles$a.list, role: "listbox", "aria-multiselectable": type === 'checkbox', children: filteredItems.length > 0 ? (filteredItems.map((item, index) => {
+                    const itemId = item.id || `filter-item-${index}`;
+                    const isSelected = !!tempSelectedItems[itemId];
+                    return (jsxRuntime.jsxs("li", { role: "option", "aria-selected": isSelected, "aria-disabled": item.disabled, className: clsx(styles$a.item, {
+                            [styles$a.itemSelected]: isSelected,
+                            [styles$a.itemDisabled]: item.disabled,
+                        }), onMouseDown: (e) => e.preventDefault(), onClick: () => toggleItem(itemId, item), onKeyDown: (e) => {
+                            if (e.key === 'Enter' || e.key === ' ') {
+                                e.preventDefault();
+                                toggleItem(itemId, item);
+                            }
+                        }, children: [type === 'checkbox' && (jsxRuntime.jsx(Checkbox, { checked: isSelected, disabled: item.disabled, label: "" })), type === 'icon' && item.icon && (jsxRuntime.jsx("span", { className: styles$a.itemIcon, children: item.icon })), jsxRuntime.jsx("span", { className: styles$a.itemText, children: item.text })] }, itemId));
+                })) : (jsxRuntime.jsx("li", { className: styles$a.noResults, role: "status", "aria-live": "polite", children: "Nenhum item encontrado" })) }), jsxRuntime.jsxs("div", { className: styles$a.footer, children: [jsxRuntime.jsx(Button, { fullWidth: true, variant: "outlined", onClick: handleClearFilter, children: "Limpar" }), jsxRuntime.jsx(Button, { fullWidth: true, onClick: handleApplyFilter, children: "Aplicar" })] })] }));
+    return (jsxRuntime.jsx("div", { className: filterClass, id: id, ...rest, children: jsxRuntime.jsx(Popover, { open: isOpen, onOpenChange: handleOpenChange, side: side, align: align, onOpenAutoFocus: (e) => e.preventDefault(), trigger: triggerButton, content: popoverContent }) }));
 };
 
 var styles$9 = {"zds-list-item__container":"ListItem-module__zds-list-item__container___mEIUK","zds-list-item--checkbox":"ListItem-module__zds-list-item--checkbox___wfi9-","zds-list-item--icon":"ListItem-module__zds-list-item--icon___h3Ijt","zds-list-item--radio":"ListItem-module__zds-list-item--radio___2l7mK","zds-list-item--text":"ListItem-module__zds-list-item--text___F0PDx","zds-list-item--hovered":"ListItem-module__zds-list-item--hovered___XrDWn","zds-list-item--disabled":"ListItem-module__zds-list-item--disabled___p1xZF","zds-list-item__wrapper-text":"ListItem-module__zds-list-item__wrapper-text___5-TX2","zds-list-item__wrapper-icon":"ListItem-module__zds-list-item__wrapper-icon___S6Fr1","zds-list-item__title":"ListItem-module__zds-list-item__title___AV7nz","zds-list-item__subtext":"ListItem-module__zds-list-item__subtext___nfXky","zds-list-item__text":"ListItem-module__zds-list-item__text___3y0sB"};
@@ -3890,13 +3478,7 @@ const Menu = ({ items, children, onItemSelect, search, enableInfiniteScroll, onS
                     }, ...rest, children: [search && (jsxRuntime.jsx("div", { className: styles$7.searchWrapper, children: jsxRuntime.jsx(Search, { placeholder: "Buscar", onChange: handleSearchChange, value: searchInput, onKeyDown: handleSearchKeyDown }) })), jsxRuntime.jsxs("div", { className: styles$7.itemsWrapper, ref: itemsWrapperRef, style: { maxHeight: maxHeightStyle }, children: [filteredItems.length > 0 ? (filteredItems.map((item, index) => renderMenuItem(item, item.value || item.text || `item-${index}`))) : (jsxRuntime.jsx("div", { className: styles$7.emptyState, children: "Nenhum item encontrado" })), enableInfiniteScroll && isLoadingMore && (jsxRuntime.jsx("div", { className: styles$7.loadingMore, children: "Carregando mais itens..." })), enableInfiniteScroll && (jsxRuntime.jsx("div", { ref: sentinelRef, "data-scroll-sentinel": true, style: { height: '1px', visibility: 'hidden' } }))] })] }) })] }));
 };
 
-var styles$6 = {"Content":"Popover-module__Content___RIETg","Arrow":"Popover-module__Arrow___ue4Mg"};
-
-const Popover = ({ trigger, content, side = "left", align = "end", }) => {
-    return (jsxRuntime.jsxs(radixUi.Popover.Root, { children: [jsxRuntime.jsx(radixUi.Popover.Trigger, { asChild: true, children: trigger }), jsxRuntime.jsx(radixUi.Popover.Portal, { children: jsxRuntime.jsxs(radixUi.Popover.Content, { className: styles$6.Content, sideOffset: 5, side: side, align: align, children: [content, jsxRuntime.jsx(radixUi.Popover.Arrow, { className: styles$6.Arrow })] }) })] }));
-};
-
-var styles$5 = {"zds-quantity":"Quantity-module__zds-quantity___AymLj","zds-quantity__input":"Quantity-module__zds-quantity__input___Wlhmo"};
+var styles$6 = {"zds-quantity":"Quantity-module__zds-quantity___AymLj","zds-quantity__input":"Quantity-module__zds-quantity__input___Wlhmo"};
 
 const Quantity = ({ defaultValue = 0, value: controlledValue, onChange, disabled = false, decimal = false, decimalPlaces = 2, size = 'lg', id, step, className, ...rest }) => {
     const isControlled = controlledValue !== undefined;
@@ -4105,12 +3687,12 @@ 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$5['zds-quantity'], { disabled }, className), ...rest, 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, {}) })] }));
+    return (jsxRuntime.jsxs("div", { className: clsx(styles$6['zds-quantity'], { disabled }, className), ...rest, 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$6['zds-quantity__input'], { disabled }), type: 'text', value: inputValue, onChange: handleInputChange, onBlur: handleBlur, onKeyDown: handleInputKeyDown, id: inputId, min: '0', step: stepValue, "aria-label": 'Quantidade', role: 'spinbutton', "aria-valuenow": computedValue, "aria-valuemin": 0, "aria-valuemax": decimal ? undefined : 9999, disabled: disabled, inputMode: decimal ? 'decimal' : 'numeric' }), 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$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","checkboxItem":"index-module__checkboxItem___FTUbN","checkboxContent":"index-module__checkboxContent___skcd5","itemWrapper":"index-module__itemWrapper___PAglx","title":"index-module__title___x1Bia","icon":"index-module__icon___l2Zze","itemIndicator":"index-module__itemIndicator___FhOim","textContent":"index-module__textContent___cBJbp","helper":"index-module__helper___w4VC7","errorMessage":"index-module__errorMessage___gquqW","noResults":"index-module__noResults___qgzod","loadingMore":"index-module__loadingMore___GHc31","expandableItemContainer":"index-module__expandableItemContainer___NexPi","chevron":"index-module__chevron___c6mu-","childrenWrapper":"index-module__childrenWrapper___tj2R-"};
+var styles$5 = {"fieldContainer":"index-module__fieldContainer___gp5Hz","trigger":"index-module__trigger___rHQJz","disabled":"index-module__disabled___MIJba","open":"index-module__open___bVB-1","error":"index-module__error___nPFjW","hasValue":"index-module__hasValue___a4Sy4","triggerText":"index-module__triggerText___tyjAQ","containerLabel":"index-module__containerLabel___CExNh","content":"index-module__content___9nWeY","viewport":"index-module__viewport___nkVG9","group":"index-module__group___-PiX6","container":"index-module__container___Wg-pd","searchWrapper":"index-module__searchWrapper___umf9d","item":"index-module__item___R-Xle","subTitle":"index-module__subTitle___sXaqd","checkboxItem":"index-module__checkboxItem___FTUbN","checkboxContent":"index-module__checkboxContent___skcd5","itemWrapper":"index-module__itemWrapper___PAglx","title":"index-module__title___x1Bia","icon":"index-module__icon___l2Zze","itemIndicator":"index-module__itemIndicator___FhOim","textContent":"index-module__textContent___cBJbp","helper":"index-module__helper___w4VC7","errorMessage":"index-module__errorMessage___gquqW","noResults":"index-module__noResults___qgzod","loadingMore":"index-module__loadingMore___GHc31","expandableItemContainer":"index-module__expandableItemContainer___NexPi","chevron":"index-module__chevron___c6mu-","childrenWrapper":"index-module__childrenWrapper___tj2R-"};
 
 const CheckboxSelectItem = ({ text, subTitle, disabled, checked, onCheckedChange, value, ...restProps }) => {
     const itemRef = React.useRef(null);
@@ -4154,9 +3736,9 @@ const CheckboxSelectItem = ({ text, subTitle, disabled, checked, onCheckedChange
             onCheckedChange(!checked);
         }
     };
-    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 })] }) }) }) }));
+    return (jsxRuntime.jsx("div", { ref: itemRef, className: clsx(styles$5.checkboxItem, {
+            [styles$5.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$5.checkboxContent, children: jsxRuntime.jsx(Checkbox, { checked: checked, onCheckedChange: handleCheckboxChange, disabled: disabled, label: jsxRuntime.jsxs("div", { className: styles$5.textContent, children: [jsxRuntime.jsx("span", { className: styles$5.title, children: text }), subTitle && jsxRuntime.jsx("div", { className: styles$5.subTitle, children: subTitle })] }) }) }) }));
 };
 CheckboxSelectItem.displayName = 'CheckboxSelectItem';
 
@@ -4174,23 +3756,23 @@ const ExpandableSelectItem = ({ item, variant, onSelect, selectedValues, level =
             onSelect(item.value);
         }
     };
-    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,
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: styles$5.expandableItemContainer, style: { paddingLeft: `${level * 16}px` }, children: jsxRuntime.jsxs("div", { className: clsx(styles$5.itemWrapper, {
+                        [styles$5.selected]: isSelected && !hasChildren,
+                        [styles$5.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))) }))] }));
+                    }, 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$5.icon, children: item.icon })), jsxRuntime.jsxs("div", { className: styles$5.textContent, children: [jsxRuntime.jsx("div", { className: styles$5.title, children: item.text }), item.subTitle && jsxRuntime.jsx("div", { className: styles$5.subTitle, children: item.subTitle })] }), hasChildren && (jsxRuntime.jsx("span", { className: styles$5.chevron, children: isExpanded ? jsxRuntime.jsx(reactIcons.ChevronDown16Regular, {}) : jsxRuntime.jsx(reactIcons.ChevronRight16Regular, {}) }))] }) }), hasChildren && isExpanded && (jsxRuntime.jsx("div", { className: styles$5.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 })] })] }));
+    return (jsxRuntime.jsxs("div", { className: clsx(styles$5.itemWrapper, {
+            [styles$5.disabled]: disabled,
+        }), "data-disabled": disabled || undefined, "data-testid": `select-item-${value}`, ref: ref, children: [variant === 'icon' && icon && (jsxRuntime.jsx("span", { className: styles$5.icon, children: icon })), jsxRuntime.jsxs(radixUi.Select.Item, { className: clsx(styles$5.item, {
+                    [styles$5.disabled]: disabled,
+                }), value: value, disabled: disabled, ...restProps, children: [jsxRuntime.jsx(radixUi.Select.ItemText, { className: styles$5.title, children: text }), subTitle && jsxRuntime.jsx("div", { className: styles$5.subTitle, children: subTitle }), jsxRuntime.jsx(radixUi.Select.ItemIndicator, { className: styles$5.itemIndicator })] })] }));
 });
 SelectItem.displayName = 'SelectItem';
 
@@ -4499,14 +4081,14 @@ const Select = ({ items, onValueChange, onOpenChange, variant, required = false,
             onApiSearch('');
         }
     };
-    return (jsxRuntime.jsx(radixUi.Select.Root, { value: variant === 'checkbox' ? '' : (state.selectedValues[0] || ''), onValueChange: variant === 'checkbox' ? undefined : actions.handleSingleSelect, required: required, open: state.isOpen, onOpenChange: actions.setOpen, disabled: disabled, ...restProps, children: jsxRuntime.jsxs("div", { className: clsx(styles$4.container, className), style: containerStyle, "data-testid": testId, children: [jsxRuntime.jsx("div", { className: styles$4.fieldContainer, children: jsxRuntime.jsxs("div", { className: styles$4.containerLabel, children: [jsxRuntime.jsx(LabelComponent, { htmlFor: selectId, required: required, tooltipText: tooltipText, tooltip: tooltip, side: side, align: align, error: state.hasError && state.touched, disabled: disabled, children: label }), jsxRuntime.jsxs(radixUi.Select.Trigger, { className: clsx(styles$4.trigger, {
-                                    [styles$4.error]: state.hasError && state.touched,
-                                    [styles$4.disabled]: disabled,
-                                    [styles$4.hasValue]: state.selectedValues.length > 0,
-                                    [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) => {
+    return (jsxRuntime.jsx(radixUi.Select.Root, { value: variant === 'checkbox' ? '' : (state.selectedValues[0] || ''), onValueChange: variant === 'checkbox' ? undefined : actions.handleSingleSelect, required: required, open: state.isOpen, onOpenChange: actions.setOpen, disabled: disabled, ...restProps, children: jsxRuntime.jsxs("div", { className: clsx(styles$5.container, className), style: containerStyle, "data-testid": testId, children: [jsxRuntime.jsx("div", { className: styles$5.fieldContainer, children: jsxRuntime.jsxs("div", { className: styles$5.containerLabel, children: [jsxRuntime.jsx(LabelComponent, { htmlFor: selectId, required: required, tooltipText: tooltipText, tooltip: tooltip, side: side, align: align, error: state.hasError && state.touched, disabled: disabled, children: label }), jsxRuntime.jsxs(radixUi.Select.Trigger, { className: clsx(styles$5.trigger, {
+                                    [styles$5.error]: state.hasError && state.touched,
+                                    [styles$5.disabled]: disabled,
+                                    [styles$5.hasValue]: state.selectedValues.length > 0,
+                                    [styles$5.open]: state.isOpen,
+                                }), id: selectId, "aria-label": ariaLabel, "data-testid": `${testId}-trigger`, children: [variant === 'checkbox' ? (jsxRuntime.jsx("span", { className: styles$5.triggerText, children: displayText })) : (jsxRuntime.jsx(radixUi.Select.Value, { placeholder: placeholder, className: styles$5.placeholder, children: displayText })), state.isOpen ? jsxRuntime.jsx(reactIcons.ChevronUp16Regular, {}) : jsxRuntime.jsx(reactIcons.ChevronDown16Regular, {})] }), !state.isOpen && helperText && !state.hasError && (jsxRuntime.jsx("span", { className: clsx(styles$5.helper, {
+                                    [styles$5.disabled]: disabled
+                                }), children: helperText })), state.hasError && state.touched && (jsxRuntime.jsx("span", { className: styles$5.errorMessage, children: errorMessage || 'Campo obrigatório' }))] }) }), jsxRuntime.jsx(radixUi.Select.Portal, { children: jsxRuntime.jsxs(radixUi.Select.Content, { className: styles$5.content, position: "popper", side: "bottom", sideOffset: 8, align: "start", avoidCollisions: true, children: [search && (jsxRuntime.jsx("div", { className: styles$5.searchWrapper, children: jsxRuntime.jsx(Search, { ref: refs.searchInputRef, className: styles$5.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$5.viewport, children: jsxRuntime.jsx(radixUi.Select.Group, { className: styles$5.group, children: filteredItems.length === 0 ? (jsxRuntime.jsx("div", { className: styles$5.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) => {
@@ -4520,11 +4102,11 @@ const Select = ({ items, onValueChange, onOpenChange, variant, required = false,
                                                         } }, 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..." }))] })) }) })] }) })] }) }));
+                                            }), enableInfiniteScroll && isLoadingMore && (jsxRuntime.jsx("div", { className: styles$5.loadingMore, children: "Carregando mais itens..." }))] })) }) })] }) })] }) }));
 };
 Select.displayName = 'Select';
 
-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"};
+var styles$4 = {"zds-table__container":"Table-module__zds-table__container___9xeVY","zds-table-header":"Table-module__zds-table-header___uPRjd","zds-table__scroll-wrapper":"Table-module__zds-table__scroll-wrapper___xQZPq","zds-table":"Table-module__zds-table___bPvaS","zds-table__head":"Table-module__zds-table__head___FvQuS","zds-table__th":"Table-module__zds-table__th___R03sj","zds-table__th-content":"Table-module__zds-table__th-content___duR3c","zds-table__td":"Table-module__zds-table__td___aY-Nt","zds-table-header__filters-placeholder":"Table-module__zds-table-header__filters-placeholder___GhVwi","zds-table__body":"Table-module__zds-table__body___kuKXb","zds-table__empty":"Table-module__zds-table__empty___ZM4iu","zds-table__empty__content":"Table-module__zds-table__empty__content___8xl-u","zds-table__empty__title":"Table-module__zds-table__empty__title___7Y9Pj","zds-table__empty__caption":"Table-module__zds-table__empty__caption___toS00","zds-table__row":"Table-module__zds-table__row___8cEjq","zds-table__empty-cell":"Table-module__zds-table__empty-cell___Ldb6Z","zds-table-header__search":"Table-module__zds-table-header__search___yzLxw","zds-table__pagination":"Table-module__zds-table__pagination___FR5GH","zds-table-header__search-container":"Table-module__zds-table-header__search-container___-Fzz1","zds-table-header__filters":"Table-module__zds-table-header__filters___ViH07","zds-table-header__filter-label":"Table-module__zds-table-header__filter-label___c3BWI","zds-table-header__custom-filters":"Table-module__zds-table-header__custom-filters___oTuoM","zds-table-header__filters-content":"Table-module__zds-table-header__filters-content___nKlgL","zds-table-header__filters-wrapper":"Table-module__zds-table-header__filters-wrapper___BrZ9A","zds-table-header__filter-items":"Table-module__zds-table-header__filter-items___Tn8Yv","zds-table__pagination-select":"Table-module__zds-table__pagination-select___TZK-y","zds-table__pagination-info":"Table-module__zds-table__pagination-info___3k-B2","zds-table__pagination-controls":"Table-module__zds-table__pagination-controls___S-zs7","zds-table__pagination-button":"Table-module__zds-table__pagination-button___Wvq9W"};
 
 /**
  * Componente de ícone SVG para estado vazio da tabela
@@ -4704,13 +4286,13 @@ const Table = ({ columns, dataSource, className, loading = false, rowSelection,
     }, [columns, rowSelection, isAllSelected, isIndeterminate, toggleAll, selectedSet, toggleRow, dataSource]);
     const tableId = React.useMemo(() => `table-${Math.random().toString(36).substr(2, 9)}`, []);
     if (loading) {
-        return (jsxRuntime.jsx("div", { className: clsx(styles$3['zds-table__container'], className), children: jsxRuntime.jsx("div", { className: styles$3['zds-table__loader'], children: jsxRuntime.jsx(LoaderList, {}) }) }));
+        return (jsxRuntime.jsx("div", { className: clsx(styles$4['zds-table__container'], className), children: jsxRuntime.jsx("div", { className: styles$4['zds-table__loader'], children: jsxRuntime.jsx(LoaderList, {}) }) }));
     }
-    const emptyText = locale?.emptyText || (jsxRuntime.jsxs("div", { className: styles$3['zds-table__empty'], children: [jsxRuntime.jsx("div", { className: styles$3['zds-table__empty__content'], children: jsxRuntime.jsx(EmptyRows150Color, {}) }), jsxRuntime.jsxs("div", { className: styles$3['zds-table__empty__text'], children: [jsxRuntime.jsx("h3", { className: styles$3['zds-table__empty__title'], children: "Nenhum dado encontrado" }), jsxRuntime.jsx("p", { className: styles$3['zds-table__empty__caption'], children: "Nenhum registro encontrado" })] })] }));
-    return (jsxRuntime.jsx("div", { className: clsx(styles$3['zds-table__container'], className), ...rest, children: jsxRuntime.jsx("div", { className: styles$3['zds-table__scroll-wrapper'], children: jsxRuntime.jsxs("table", { className: styles$3['zds-table'], role: "table", "aria-label": "Tabela de dados", "aria-describedby": loading ? `${tableId}-loading` : undefined, "aria-rowcount": dataSource.length + 1, children: [jsxRuntime.jsx("thead", { className: styles$3['zds-table__head'], children: jsxRuntime.jsx("tr", { children: finalColumns.map((column) => (jsxRuntime.jsx("th", { className: clsx(styles$3['zds-table__th'], column.align && `text-${column.align}`), style: column.style, children: jsxRuntime.jsx("div", { className: styles$3['zds-table__th-content'], children: column.label }) }, column.key))) }) }), jsxRuntime.jsx("tbody", { className: styles$3['zds-table__body'], children: dataSource.length > 0 ? (dataSource.map((row, index) => {
+    const emptyText = locale?.emptyText || (jsxRuntime.jsxs("div", { className: styles$4['zds-table__empty'], children: [jsxRuntime.jsx("div", { className: styles$4['zds-table__empty__content'], children: jsxRuntime.jsx(EmptyRows150Color, {}) }), jsxRuntime.jsxs("div", { className: styles$4['zds-table__empty__text'], children: [jsxRuntime.jsx("h3", { className: styles$4['zds-table__empty__title'], children: "Nenhum dado encontrado" }), jsxRuntime.jsx("p", { className: styles$4['zds-table__empty__caption'], children: "Nenhum registro encontrado" })] })] }));
+    return (jsxRuntime.jsx("div", { className: clsx(styles$4['zds-table__container'], className), ...rest, children: jsxRuntime.jsx("div", { className: styles$4['zds-table__scroll-wrapper'], children: jsxRuntime.jsxs("table", { className: styles$4['zds-table'], role: "table", "aria-label": "Tabela de dados", "aria-describedby": loading ? `${tableId}-loading` : undefined, "aria-rowcount": dataSource.length + 1, children: [jsxRuntime.jsx("thead", { className: styles$4['zds-table__head'], children: jsxRuntime.jsx("tr", { children: finalColumns.map((column) => (jsxRuntime.jsx("th", { className: clsx(styles$4['zds-table__th'], column.align && `text-${column.align}`), style: column.style, children: jsxRuntime.jsx("div", { className: styles$4['zds-table__th-content'], children: column.label }) }, column.key))) }) }), jsxRuntime.jsx("tbody", { className: styles$4['zds-table__body'], children: dataSource.length > 0 ? (dataSource.map((row, index) => {
                             const rowProps = onRow?.(row, index) || {};
-                            return (jsxRuntime.jsx("tr", { className: clsx(styles$3['zds-table__row'], rowProps.className), onClick: rowProps.onClick, onDoubleClick: rowProps.onDoubleClick, children: finalColumns.map((column) => (jsxRuntime.jsx("td", { className: clsx(styles$3['zds-table__td'], column.align && `text-${column.align}`), children: renderCell(column, row, index) }, column.key))) }, index));
-                        })) : (jsxRuntime.jsx("tr", { children: jsxRuntime.jsx("td", { colSpan: finalColumns.length, className: styles$3['zds-table__empty-cell'], children: emptyText }) })) })] }) }) }));
+                            return (jsxRuntime.jsx("tr", { className: clsx(styles$4['zds-table__row'], rowProps.className), onClick: rowProps.onClick, onDoubleClick: rowProps.onDoubleClick, children: finalColumns.map((column) => (jsxRuntime.jsx("td", { className: clsx(styles$4['zds-table__td'], column.align && `text-${column.align}`), children: renderCell(column, row, index) }, column.key))) }, index));
+                        })) : (jsxRuntime.jsx("tr", { children: jsxRuntime.jsx("td", { colSpan: finalColumns.length, className: styles$4['zds-table__empty-cell'], children: emptyText }) })) })] }) }) }));
 };
 
 const isCalendarFilter = (filter) => {
@@ -4743,26 +4325,26 @@ const TableHeader = ({ searchValue = '', onSearchChange, onSearch, searchPlaceho
         }
     };
     const hasFilters = filters || (filterItems && filterItems.length > 0);
-    return (jsxRuntime.jsxs("div", { className: `${styles$3['zds-table-header']} ${className}`.trim(), ...rest, children: [showSearch && (onSearchChange || onSearch) && (jsxRuntime.jsx("div", { className: styles$3['zds-table-header__search-container'], children: jsxRuntime.jsx(Search, { value: internalSearchValue, onChange: handleInputChange, onKeyDown: handleKeyDown, placeholder: searchPlaceholder, className: styles$3['zds-table-header__search'] }) })), showFilters && (jsxRuntime.jsx("div", { className: styles$3['zds-table-header__filters'], children: hasFilters ? (jsxRuntime.jsxs("div", { className: styles$3['zds-table-header__filters-content'], children: [filters && (jsxRuntime.jsx("div", { className: styles$3['zds-table-header__custom-filters'], children: filters })), jsxRuntime.jsxs("div", { className: styles$3['zds-table-header__filters-wrapper'], children: [jsxRuntime.jsx("span", { className: styles$3['zds-table-header__filter-label'], children: "Filtros" }), jsxRuntime.jsx("div", { className: styles$3['zds-table-header__filter-items'], children: filterItems && filterItems.map((filterItem, index) => {
+    return (jsxRuntime.jsxs("div", { className: `${styles$4['zds-table-header']} ${className}`.trim(), ...rest, children: [showSearch && (onSearchChange || onSearch) && (jsxRuntime.jsx("div", { className: styles$4['zds-table-header__search-container'], children: jsxRuntime.jsx(Search, { value: internalSearchValue, onChange: handleInputChange, onKeyDown: handleKeyDown, placeholder: searchPlaceholder, className: styles$4['zds-table-header__search'] }) })), showFilters && (jsxRuntime.jsx("div", { className: styles$4['zds-table-header__filters'], children: hasFilters ? (jsxRuntime.jsxs("div", { className: styles$4['zds-table-header__filters-content'], children: [filters && (jsxRuntime.jsx("div", { className: styles$4['zds-table-header__custom-filters'], children: filters })), jsxRuntime.jsxs("div", { className: styles$4['zds-table-header__filters-wrapper'], children: [jsxRuntime.jsx("span", { className: styles$4['zds-table-header__filter-label'], children: "Filtros" }), jsxRuntime.jsx("div", { className: styles$4['zds-table-header__filter-items'], children: filterItems && filterItems.map((filterItem, index) => {
                                         const commonProps = {
-                                            key: filterItem.id || index,
                                             buttonText: filterItem.buttonText,
                                             icon: filterItem.icon,
-                                            position: filterItem.position || 'right',
+                                            side: filterItem.side,
+                                            align: filterItem.align,
                                             disabled: filterItem.disabled,
                                             variant: 'outlined',
                                             onOpen: () => filterItem.onToggle?.(true),
                                             onClose: () => filterItem.onToggle?.(false),
                                         };
                                         if (isCalendarFilter(filterItem)) {
-                                            return (jsxRuntime.jsx(Filter, { ...commonProps, type: "calendar", selectedDate: filterItem.selectedDate, onDateSelect: filterItem.onDateSelect, onClearDate: filterItem.onClear, minDate: filterItem.minDate, maxDate: filterItem.maxDate, placeholder: filterItem.placeholder }));
+                                            return (jsxRuntime.jsx(Filter, { ...commonProps, type: "calendar", selectedDate: filterItem.selectedDate, onDateSelect: filterItem.onDateSelect, onClearDate: filterItem.onClear, minDate: filterItem.minDate, maxDate: filterItem.maxDate, placeholder: filterItem.placeholder }, filterItem.id || index));
                                         }
                                         if (isCheckboxFilter(filterItem)) {
-                                            return (jsxRuntime.jsx(Filter, { ...commonProps, type: filterItem.type, items: filterItem.items, selectedIds: filterItem.selectedIds, onApplyFilter: filterItem.onSelectionChange, placeholder: filterItem.placeholder, enableSearch: filterItem.enableSearch }));
+                                            return (jsxRuntime.jsx(Filter, { ...commonProps, type: filterItem.type, items: filterItem.items, selectedIds: filterItem.selectedIds, onApplyFilter: filterItem.onSelectionChange, placeholder: filterItem.placeholder, enableSearch: filterItem.enableSearch }, filterItem.id || index));
                                         }
                                         console.warn('TableHeader: Tipo de filtro não reconhecido:', filterItem);
                                         return null;
-                                    }) })] })] })) : (jsxRuntime.jsx("div", { className: styles$3['zds-table-header__filters-placeholder'], children: jsxRuntime.jsx("span", { children: "Nenhum filtro dispon\u00EDvel" }) })) }))] }));
+                                    }) })] })] })) : (jsxRuntime.jsx("div", { className: styles$4['zds-table-header__filters-placeholder'], children: jsxRuntime.jsx("span", { children: "Nenhum filtro dispon\u00EDvel" }) })) }))] }));
 };
 
 const TablePagination = ({ currentPage, totalItems, itemsPerPage, onPageChange, onItemsPerPageChange, pageSizeOptions = [10, 25, 50, 100], disabled = false, className, ...rest }) => {
@@ -4785,11 +4367,56 @@ const TablePagination = ({ currentPage, totalItems, itemsPerPage, onPageChange,
         const newItemsPerPage = Number(event.target.value);
         onItemsPerPageChange(newItemsPerPage);
     };
-    return (jsxRuntime.jsxs("div", { className: `${styles$3['zds-table__pagination']} ${className}`.trim(), ...rest, children: [jsxRuntime.jsxs("div", { className: styles$3['zds-table__pagination-select'], children: [jsxRuntime.jsx("label", { htmlFor: "items-per-page", className: styles$3['zds-table__pagination-label'], children: "Itens por p\u00E1gina" }), jsxRuntime.jsx("select", { id: "items-per-page", value: itemsPerPage, onChange: handleItemsPerPageChange, disabled: disabled, className: styles$3['zds-table__pagination-select-input'], children: pageSizeOptions.map((option) => (jsxRuntime.jsx("option", { value: option, children: option }, option))) })] }), jsxRuntime.jsx("div", { className: styles$3['zds-table__pagination-info'], children: jsxRuntime.jsx("span", { children: totalItems > 0
+    return (jsxRuntime.jsxs("div", { className: `${styles$4['zds-table__pagination']} ${className}`.trim(), ...rest, children: [jsxRuntime.jsxs("div", { className: styles$4['zds-table__pagination-select'], children: [jsxRuntime.jsx("label", { htmlFor: "items-per-page", className: styles$4['zds-table__pagination-label'], children: "Itens por p\u00E1gina" }), jsxRuntime.jsx("select", { id: "items-per-page", value: itemsPerPage, onChange: handleItemsPerPageChange, disabled: disabled, className: styles$4['zds-table__pagination-select-input'], children: pageSizeOptions.map((option) => (jsxRuntime.jsx("option", { value: option, children: option }, option))) })] }), jsxRuntime.jsx("div", { className: styles$4['zds-table__pagination-info'], children: jsxRuntime.jsx("span", { children: totalItems > 0
                         ? `${startItem}–${endItem} de ${totalItems}`
-                        : '0 itens' }) }), jsxRuntime.jsxs("div", { className: styles$3['zds-table__pagination-controls'], children: [jsxRuntime.jsx("button", { className: styles$3['zds-table__pagination-button'], onClick: handlePrevious, disabled: !canGoPrev, "aria-label": "P\u00E1gina anterior", children: jsxRuntime.jsx(reactIcons.ChevronLeft16Regular, {}) }), jsxRuntime.jsx("button", { className: styles$3['zds-table__pagination-button'], onClick: handleNext, disabled: !canGoNext, "aria-label": "Pr\u00F3xima p\u00E1gina", children: jsxRuntime.jsx(reactIcons.ChevronRight16Regular, {}) })] })] }));
+                        : '0 itens' }) }), jsxRuntime.jsxs("div", { className: styles$4['zds-table__pagination-controls'], children: [jsxRuntime.jsx("button", { className: styles$4['zds-table__pagination-button'], onClick: handlePrevious, disabled: !canGoPrev, "aria-label": "P\u00E1gina anterior", children: jsxRuntime.jsx(reactIcons.ChevronLeft16Regular, {}) }), jsxRuntime.jsx("button", { className: styles$4['zds-table__pagination-button'], onClick: handleNext, disabled: !canGoNext, "aria-label": "Pr\u00F3xima p\u00E1gina", children: jsxRuntime.jsx(reactIcons.ChevronRight16Regular, {}) })] })] }));
 };
 
+var styles$3 = {"container":"TextArea-module__container___WEBC-","inputWrapper":"TextArea-module__inputWrapper___-omPx","inputContainer":"TextArea-module__inputContainer___0-jKY","footer":"TextArea-module__footer___7XMlj","helperText":"TextArea-module__helperText___709rD","charCount":"TextArea-module__charCount___zdbxM","error":"TextArea-module__error___DWDms","disabled":"TextArea-module__disabled___lHxCa"};
+
+const TextArea = React.forwardRef(({ className, value, label, placeholder, onChange, disabled = false, maxLength, required = false, helperText, tooltip = false, tooltipText, side = 'bottom', align = 'start', errorMessage, error, id, onBlur, onFocus, name, resize = 'vertical', showCharCount = false, height, ...textareaProps }, ref) => {
+    const normalizeValue = (val) => {
+        return val === undefined || val === null ? '' : String(val);
+    };
+    const [textareaValue, setTextareaValue] = React.useState(normalizeValue(value));
+    const [textareaError, setTextareaError] = React.useState('');
+    const generatedId = React.useId();
+    const componentId = id || generatedId;
+    React.useEffect(() => {
+        setTextareaValue(normalizeValue(value));
+    }, [value]);
+    const handleChange = React.useCallback((e) => {
+        const newValue = e.target.value;
+        if (!disabled && (!maxLength || newValue.length <= maxLength)) {
+            setTextareaValue(newValue);
+            onChange?.(newValue);
+        }
+    }, [disabled, maxLength, onChange]);
+    const handleBlur = React.useCallback((e) => {
+        if (required && textareaValue.trim() === '') {
+            setTextareaError(errorMessage || 'Campo obrigatório.');
+        }
+        else {
+            setTextareaError('');
+        }
+        onBlur?.(e);
+    }, [textareaValue, required, errorMessage, onBlur]);
+    const handleFocus = React.useCallback((e) => {
+        onFocus?.(e);
+    }, [onFocus]);
+    const hasError = Boolean(textareaError) || Boolean(error);
+    const displayHelperText = (error ? errorMessage : undefined) || textareaError || helperText || '\u00A0';
+    const helperId = (textareaError || error)
+        ? `${componentId}-error`
+        : helperText
+            ? `${componentId}-helper`
+            : undefined;
+    const containerClass = clsx(styles$3.container, disabled && styles$3.disabled, hasError && !disabled && styles$3.error, 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$3.inputWrapper, children: [jsxRuntime.jsx("div", { className: styles$3.inputContainer, children: jsxRuntime.jsx("textarea", { ...textareaProps, ref: ref, id: componentId, name: name, value: textareaValue, placeholder: placeholder, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, maxLength: maxLength, disabled: disabled, "aria-invalid": hasError, "aria-required": required, "aria-describedby": helperId, style: { resize, height } }) }), jsxRuntime.jsxs("div", { className: styles$3.footer, children: [jsxRuntime.jsx("span", { id: helperId, className: styles$3.helperText, "aria-live": hasError ? 'polite' : undefined, children: displayHelperText }), showCharCount && maxLength && (jsxRuntime.jsxs("span", { className: styles$3.charCount, children: [textareaValue.length, "/", maxLength] }))] })] })] }));
+});
+TextArea.displayName = 'TextArea';
+var TextArea_default = React.memo(TextArea);
+
 var styles$2 = {"toastViewport":"Toast-module__toastViewport___Ns71-","toastRoot":"Toast-module__toastRoot___ZtA3x","slideIn":"Toast-module__slideIn___QcXWP","toastTitle":"Toast-module__toastTitle___WbjNH","toastContent":"Toast-module__toastContent___IY5QB","toastClose":"Toast-module__toastClose___FqVsT","Icon":"Toast-module__Icon___ERU9c","iconInfo":"Toast-module__iconInfo___G-II3","iconSuccess":"Toast-module__iconSuccess___N8iF1","iconAlert":"Toast-module__iconAlert___SSf8u"};
 
 /**
@@ -5315,6 +4942,105 @@ function useApiSimulation(config = {}) {
     };
 }
 
+/**
+ * Hook otimizado para scroll infinito usando IntersectionObserver
+ */
+function useInfiniteScroll({ status, page, lastPage, onLoadMore, threshold = 0.1, rootMargin = '100px', enabled = true, debug = false }) {
+    const observerRef = React.useRef(null);
+    const [isIntersecting, setIsIntersecting] = React.useState(false);
+    // Refs para controle de estado
+    const loadingRef = React.useRef(false);
+    const lastTriggeredPageRef = React.useRef(0);
+    const onLoadMoreRef = React.useRef(onLoadMore);
+    // Manter referência atualizada do callback
+    React.useEffect(() => {
+        onLoadMoreRef.current = onLoadMore;
+    }, [onLoadMore]);
+    // ✅ NOVO: Debug logger
+    const debugLog = React.useCallback((message, data) => {
+        if (debug) {
+            console.log(`🔄 [InfiniteScroll] ${message}`, data || '');
+        }
+    }, [debug]);
+    // ✅ MELHORADO: Callback do IntersectionObserver com mais controles
+    const handleIntersect = React.useCallback((entries) => {
+        const [target] = entries;
+        const isVisible = target.isIntersecting;
+        setIsIntersecting(isVisible);
+        debugLog('Element intersecting:', isVisible);
+        // Verificar se pode carregar mais
+        const canLoadMore = enabled &&
+            isVisible &&
+            status !== 'loading' &&
+            !loadingRef.current &&
+            page < lastPage &&
+            page !== lastTriggeredPageRef.current;
+        debugLog('Can load more check:', {
+            enabled,
+            isVisible,
+            status,
+            isLoading: loadingRef.current,
+            page,
+            lastPage,
+            lastTriggered: lastTriggeredPageRef.current,
+            canLoad: canLoadMore
+        });
+        if (canLoadMore) {
+            debugLog('Triggering load more for next page');
+            loadingRef.current = true;
+            lastTriggeredPageRef.current = page;
+            onLoadMoreRef.current();
+        }
+    }, [enabled, status, page, lastPage, debugLog]);
+    // ✅ MELHORADO: Observer com configurações personalizáveis
+    React.useEffect(() => {
+        if (!enabled) {
+            debugLog('Hook disabled, skipping observer setup');
+            return;
+        }
+        const observer = new IntersectionObserver(handleIntersect, {
+            root: null,
+            rootMargin,
+            threshold,
+        });
+        const currentObserverRef = observerRef.current;
+        if (currentObserverRef) {
+            observer.observe(currentObserverRef);
+            debugLog('IntersectionObserver attached', { rootMargin, threshold });
+        }
+        return () => {
+            if (currentObserverRef) {
+                observer.unobserve(currentObserverRef);
+                debugLog('IntersectionObserver detached');
+            }
+        };
+    }, [handleIntersect, rootMargin, threshold, enabled, debugLog]);
+    // ✅ NOVO: Reset do loading flag quando status muda
+    React.useEffect(() => {
+        if (status !== 'loading') {
+            loadingRef.current = false;
+            debugLog('Loading flag reset', { status });
+        }
+    }, [status, debugLog]);
+    // ✅ NOVO: Função de reset manual
+    const reset = React.useCallback(() => {
+        loadingRef.current = false;
+        lastTriggeredPageRef.current = 0;
+        setIsIntersecting(false);
+        debugLog('Hook manually reset');
+    }, [debugLog]);
+    // Estados calculados
+    const hasNextPage = page < lastPage;
+    const isCompleted = page >= lastPage;
+    return {
+        observerRef,
+        isIntersecting,
+        hasNextPage,
+        isCompleted,
+        reset
+    };
+}
+
 exports.Avatar = Avatar;
 exports.Badge = Badge;
 exports.Button = Button;
@@ -5326,7 +5052,6 @@ exports.Container = Container;
 exports.DatePicker = DatePicker_default;
 exports.Dialog = Dialog;
 exports.Drawer = Drawer;
-exports.Dropdown = MemoizedDropdown;
 exports.Filter = Filter;
 exports.ListItem = ListItem;
 exports.Menu = Menu;
@@ -5339,6 +5064,7 @@ exports.Switch = Switch;
 exports.Table = Table;
 exports.TableHeader = TableHeader;
 exports.TablePagination = TablePagination;
+exports.TextArea = TextArea_default;
 exports.TextField = TextField;
 exports.Toast = Toast;
 exports.ToastContainer = ToastContainer;