@giro-ds/react 12.1.1 → 12.3.0

package/dist/index.cjs

@@ -76,6 +76,39 @@ const Badge = ({ children, badgeValue = null, className, id, filterVariant = fal
             }, className), "data-testid": "badge", children: !isEmpty && (jsxRuntime.jsx("span", { "aria-hidden": !!ariaLabel, children: displayValue })) }) }));
 };
 
+const REACT_MAJOR = parseInt(React.version.split('.')[0], 10);
+/**
+ * Shim de compatibilidade para `React.forwardRef` que funciona tanto no React 18
+ * quanto no React 19.
+ *
+ * - React 18: `ref` não é uma prop comum — usa `React.forwardRef` internamente.
+ * - React 19: `ref` é uma prop normal e `forwardRef` foi depreciado. Este shim
+ *   cria um componente funcional comum que lê `ref` das props diretamente,
+ *   evitando o aviso de depreciação.
+ *
+ * O padrão de autoria dos componentes permanece idêntico para ambas as versões.
+ *
+ * @example
+ * const MyInput = forwardRef<HTMLInputElement, MyInputProps>((props, ref) => {
+ *   return <input ref={ref} {...props} />;
+ * });
+ */
+function forwardRef(render) {
+    if (REACT_MAJOR >= 19) {
+        const Comp = (props) => {
+            const { ref, ...rest } = props;
+            return render(rest, ref ?? null);
+        };
+        const displayName = render.displayName ?? render.name;
+        if (displayName) {
+            Comp.displayName = displayName;
+        }
+        return Comp;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    return React.forwardRef(render);
+}
+
 var styles$t = {"tooltipContent":"Tooltip-module__tooltipContent___xycUg","triggerWrapper":"Tooltip-module__triggerWrapper___x83XR"};
 
 const Tooltip = ({ children, text, side = 'bottom', align = 'start', maxWidth, sideOffset = 10, className, ...rest }) => {
@@ -84,7 +117,7 @@ const Tooltip = ({ children, text, side = 'bottom', align = 'start', maxWidth, s
 
 var styles$s = {"button":"Button-module__button___18Bed","button-lg":"Button-module__button-lg___-A8B9","button-sm":"Button-module__button-sm___L7aT7","button-filled":"Button-module__button-filled___IQx1z","button-outlined":"Button-module__button-outlined___hLkLN","button-text":"Button-module__button-text___8GFeA","buttonWithIcon":"Button-module__buttonWithIcon___8ehK1","buttonIconPosition-left":"Button-module__buttonIconPosition-left___uOY6b","buttonIconPosition-right":"Button-module__buttonIconPosition-right___eswRS","buttonIconPosition-both":"Button-module__buttonIconPosition-both___1Lith","buttonNoContent":"Button-module__buttonNoContent___Tc9jk","buttonIconOnly":"Button-module__buttonIconOnly___aifk4","buttonIconLeft":"Button-module__buttonIconLeft___RICR3","buttonIconRight":"Button-module__buttonIconRight___71lu2","buttonFullWidth":"Button-module__buttonFullWidth___tXuVE","disabled":"Button-module__disabled___UzdWL","buttonLoading":"Button-module__buttonLoading___RGdNw","buttonContentHidden":"Button-module__buttonContentHidden___CoCiN","buttonLoadingSpinner":"Button-module__buttonLoadingSpinner___oZxEU","spin":"Button-module__spin___kQKH9"};
 
-const Button = React.forwardRef(({ as, children, variant = 'filled', iconPosition = 'left', href, to, external = false, target, rel, disabled = false, onClick, size = 'lg', scale = 1, className, type = 'button', id, icon, fullWidth = false, ariaLabel, iconOnly = false, loading = false, tooltipText, tooltipSide = 'top', tooltipAlign = 'center', ...rest }, ref) => {
+const Button = forwardRef(({ as, children, variant = 'filled', iconPosition = 'left', href, to, external = false, target, rel, disabled = false, onClick, size = 'lg', scale = 1, className, type = 'button', id, icon, fullWidth = false, ariaLabel, iconOnly = false, loading = false, tooltipText, tooltipSide = 'top', tooltipAlign = 'center', ...rest }, ref) => {
     const generatedId = React.useId();
     const componentId = id || generatedId;
     const getComponent = () => {
@@ -196,7 +229,7 @@ const Button = React.forwardRef(({ as, children, variant = 'filled', iconPositio
         }
         return {};
     };
-    if (iconOnly && tooltipText && !loading) {
+    if (tooltipText && !loading) {
         return (jsxRuntime.jsx(Tooltip, { text: tooltipText, side: tooltipSide, align: tooltipAlign, children: jsxRuntime.jsx(Component, { ...baseProps, ...getNavigationProps(), children: renderContent() }) }));
     }
     return (jsxRuntime.jsx(Component, { ...baseProps, ...getNavigationProps(), children: renderContent() }));
@@ -2928,6 +2961,8 @@ const ICON_KEY_MAP = {
     capslock: reactIcons.KeyboardShiftUppercase20Regular,
     downkeyboard: reactIcons.ChevronDown20Regular,
     emoji: reactIcons.Emoji20Regular,
+    enterNumpad: reactIcons.ArrowImport20Regular,
+    spaceNumpad: reactIcons.Spacebar20Regular,
 };
 const SHARED_DISPLAY = {
     '{capslock}': iconSlot('capslock'),
@@ -2953,9 +2988,11 @@ const LAYOUT_DISPLAY = {
 const EMOTICON_KEY = '{emoticon}';
 const DOWN_KEYBOARD_KEY = '{downkeyboard}';
 const ENTER_KEY = '{enter}';
-const removeKeyFromLayout = (layout, key) => Object.fromEntries(Object.entries(layout).map(([layoutName, rows]) => [
+const removeKeyFromLayout = (layout, key, skipLayouts = []) => Object.fromEntries(Object.entries(layout).map(([layoutName, rows]) => [
     layoutName,
-    rows.map((row) => row.split(key).join(' ').replace(/\s+/g, ' ').trim()),
+    skipLayouts.includes(layoutName)
+        ? rows
+        : rows.map((row) => row.split(key).join(' ').replace(/\s+/g, ' ').trim()),
 ]));
 const replaceKeyWithBlank = (layout, key) => Object.fromEntries(Object.entries(layout).map(([layoutName, rows]) => [
     layoutName,
@@ -2968,7 +3005,8 @@ const QWERTY_LOWERCASE = [
     '{shift} z x c v b n m {bksp}',
     '{numbers} {alt} {space} . {enter}',
 ];
-const NUMPAD = ['1 2 3', '4 5 6', '7 8 9', '{bksp} 0 {abc}'];
+const NUMPAD = ['1 2 3', '4 5 6', '7 8 9', '{abc} 0 {bksp}'];
+const NUMPAD_WITH_ENTER = ['1 2 3 -', '4 5 6 {space}', '7 8 9 {bksp}', '{abc} 0 . {enter}'];
 const SHARED_LAYOUTS = {
     shift: [
         '1 2 3 4 5 6 7 8 9 0',
@@ -3018,11 +3056,17 @@ const NATIVE_LAYOUTS = {
 const NATIVE_LAYOUT_KEYS = new Set([
     'default', 'numeric',
 ]);
-const getNativeLayout = (type, Emoji = true, showDownKeyboardButton = true, isFixed = false, showEnterKey = true, showTypeSwitchKey = true) => {
+const getNativeLayout = (type, Emoji = true, showDownKeyboardButton = true, isFixed = false, showEnterKey = true, showTypeSwitchKey = true, numpadWithEnter = false) => {
     const layout = NATIVE_LAYOUTS[type] ?? NATIVE_LAYOUTS.default ?? null;
     if (!layout)
         return null;
-    let computedLayout = layout;
+    let computedLayout = numpadWithEnter
+        ? {
+            ...layout,
+            ...(type === 'numeric' ? { default: NUMPAD_WITH_ENTER } : {}),
+            numbers: NUMPAD_WITH_ENTER,
+        }
+        : layout;
     if (!Emoji) {
         computedLayout = removeKeyFromLayout(computedLayout, EMOTICON_KEY);
     }
@@ -3030,26 +3074,31 @@ const getNativeLayout = (type, Emoji = true, showDownKeyboardButton = true, isFi
         computedLayout = removeKeyFromLayout(computedLayout, DOWN_KEYBOARD_KEY);
     }
     if (!showEnterKey) {
-        computedLayout = removeKeyFromLayout(computedLayout, ENTER_KEY);
+        // Numpad layouts always preserve {enter}; only remove from QWERTY layouts
+        const numpadLayouts = type === 'numeric' ? ['default', 'numbers'] : ['numbers'];
+        computedLayout = removeKeyFromLayout(computedLayout, ENTER_KEY, numpadLayouts);
     }
     if (!showTypeSwitchKey) {
         computedLayout = removeKeyFromLayout(computedLayout, '{numbers}');
         computedLayout = replaceKeyWithBlank(computedLayout, '{abc}');
     }
     if (isFixed) {
-        computedLayout = Object.fromEntries(Object.entries(computedLayout).map(([layoutName, rows]) => [
-            layoutName,
-            rows.map((row) => {
-                const trimmed = row.trim();
-                if (/^[a-zA-ZçÇ]/.test(trimmed) && trimmed.endsWith('{bksp}')) {
-                    return '{//} ' + trimmed.replace(/\s*\{bksp\}$/, '') + ' {//}';
-                }
-                if (/\{(shift|capslock|shiftactivated)\}$/.test(trimmed)) {
-                    return trimmed.replace(/\{(shift|capslock|shiftactivated)\}$/, '{bksp}');
-                }
-                return row;
-            }),
-        ]));
+        computedLayout = Object.fromEntries(Object.entries(computedLayout).map(([layoutName, rows]) => {
+            const hasBksp = rows.some((r) => r.includes('{bksp}'));
+            return [
+                layoutName,
+                rows.map((row) => {
+                    const trimmed = row.trim();
+                    if (/^[a-zA-ZçÇ]/.test(trimmed) && trimmed.endsWith('{bksp}')) {
+                        return '{//} ' + trimmed.replace(/\s*\{bksp\}$/, '') + ' {//}';
+                    }
+                    if (!hasBksp && /\{(shift|capslock|shiftactivated)\}$/.test(trimmed)) {
+                        return trimmed.replace(/\{(shift|capslock|shiftactivated)\}$/, '{bksp}');
+                    }
+                    return row;
+                }),
+            ];
+        }));
     }
     return computedLayout;
 };
@@ -3101,13 +3150,16 @@ const ACCENT_OPTIONS = {
  * <VirtualKeyboard targetRef={inputRef} value={value} onChange={setValue} />
  * ```
  */
-const VirtualKeyboard = ({ variant = 'native', type = 'default', value = '', onChange, onKeyPress, onTypeChange, maxLength, Emoji = false, className, id, placeholder = 'Digite aqui...', helperText, error, errorMessage, targetRef, textFieldScale = 1, showEnterKey = true, showTypeSwitchKey = true, }) => {
+const VirtualKeyboard = ({ variant = 'native', type = 'default', value, onChange, onKeyPress, onEnterPress, onTypeChange, maxLength, Emoji = false, className, id, placeholder = 'Digite aqui...', helperText, error, errorMessage, targetRef, textFieldScale = 1, showEnterKey = true, showTypeSwitchKey = true, numpadWithEnter = false, }) => {
+    const [internalValue, setInternalValue] = React.useState(value ?? '');
     const [layoutName, setLayoutName] = React.useState('default');
     const [capsLockOn, setCapsLockOn] = React.useState(false);
     const [accentMenu, setAccentMenu] = React.useState(null);
     const [accentMenuOffsetX, setAccentMenuOffsetX] = React.useState(0);
-    const [activeLayout, setActiveLayout] = React.useState(getNativeLayout(type, Emoji, variant === 'native', variant === 'fixed', showEnterKey, showTypeSwitchKey));
+    const [activeLayout, setActiveLayout] = React.useState(getNativeLayout(type, Emoji, variant === 'native', variant === 'fixed', showEnterKey, showTypeSwitchKey, numpadWithEnter));
     const visualType = NATIVE_LAYOUT_KEYS.has(type) ? type : 'default';
+    const effectiveValue = onChange !== undefined ? (value ?? '') : internalValue;
+    const isNumpadLayout = (type === 'numeric' && layoutName === 'default') || layoutName === 'numbers';
     const [isOpen, setIsOpen] = React.useState(variant !== 'native');
     const hideTimeoutRef = React.useRef(null);
     const scrollTimeoutRef = React.useRef(null);
@@ -3120,15 +3172,15 @@ const VirtualKeyboard = ({ variant = 'native', type = 'default', value = '', onC
     const keyboardInstanceRef = React.useRef(null);
     const accentMenuRef = React.useRef(null);
     const accentButtonRef = React.useRef(null);
-    const valueRef = React.useRef(value);
+    const valueRef = React.useRef(value ?? '');
     const [iconSlots, setIconSlots] = React.useState([]);
     const [keyPreview, setKeyPreview] = React.useState(null);
     const [keyPreviewOffsetX, setKeyPreviewOffsetX] = React.useState(0);
     const keyPreviewRef = React.useRef(null);
     const [containerWidth, setContainerWidth] = React.useState(Infinity);
     React.useEffect(() => {
-        valueRef.current = value;
-    }, [value]);
+        valueRef.current = effectiveValue;
+    }, [effectiveValue]);
     const clearLongPressTimeout = React.useCallback(() => {
         if (longPressTimeoutRef.current !== null) {
             clearTimeout(longPressTimeoutRef.current);
@@ -3143,8 +3195,8 @@ const VirtualKeyboard = ({ variant = 'native', type = 'default', value = '', onC
         keyboardInstanceRef.current?.setInput(nextValue);
     }, []);
     React.useEffect(() => {
-        syncKeyboardInput(value);
-    }, [value, syncKeyboardInput]);
+        syncKeyboardInput(effectiveValue);
+    }, [effectiveValue, syncKeyboardInput]);
     React.useEffect(() => {
         onTypeChange?.(type);
     }, [type, onTypeChange]);
@@ -3222,8 +3274,8 @@ const VirtualKeyboard = ({ variant = 'native', type = 'default', value = '', onC
     React.useEffect(() => {
         setLayoutName('default');
         setCapsLockOn(false);
-        setActiveLayout(getNativeLayout(type, Emoji, variant === 'native', variant === 'fixed', showEnterKey, showTypeSwitchKey));
-    }, [type, Emoji, variant, showEnterKey, showTypeSwitchKey]);
+        setActiveLayout(getNativeLayout(type, Emoji, variant === 'native', variant === 'fixed', showEnterKey, showTypeSwitchKey, numpadWithEnter));
+    }, [type, Emoji, variant, showEnterKey, showTypeSwitchKey, numpadWithEnter]);
     React.useEffect(() => {
         if (!Emoji && layoutName === 'emoticon') {
             setLayoutName(type === 'numeric' ? 'abc' : 'default');
@@ -3303,7 +3355,10 @@ const VirtualKeyboard = ({ variant = 'native', type = 'default', value = '', onC
             if (newSlots.length === 0)
                 return;
             newSlots.forEach((s) => s.setAttribute('data-icon-root', 'true'));
-            setIconSlots((prev) => [...prev, ...newSlots]);
+            setIconSlots((prev) => [
+                ...prev.filter((slot) => container.contains(slot)),
+                ...newSlots,
+            ]);
         };
         registerNewSlots();
         const observer = new MutationObserver(() => {
@@ -3314,7 +3369,7 @@ const VirtualKeyboard = ({ variant = 'native', type = 'default', value = '', onC
         return () => {
             observer.disconnect();
         };
-    }, []);
+    }, [variant]);
     React.useEffect(() => {
         closeAccentMenu();
         setAccentMenuOffsetX(0);
@@ -3396,6 +3451,8 @@ const VirtualKeyboard = ({ variant = 'native', type = 'default', value = '', onC
             const currentValue = valueRef.current;
             if (maxLength === undefined || currentValue.length < maxLength) {
                 const nextValue = `${currentValue}${heldKey}`;
+                if (onChange === undefined)
+                    setInternalValue(nextValue);
                 onChange?.(nextValue);
                 onKeyPress?.(heldKey);
                 syncKeyboardInput(nextValue);
@@ -3429,6 +3486,8 @@ const VirtualKeyboard = ({ variant = 'native', type = 'default', value = '', onC
             return;
         }
         const nextValue = `${currentValue}${accentedChar}`;
+        if (onChange === undefined)
+            setInternalValue(nextValue);
         onChange?.(nextValue);
         onKeyPress?.(accentedChar);
         closeAccentMenu();
@@ -3519,12 +3578,16 @@ const VirtualKeyboard = ({ variant = 'native', type = 'default', value = '', onC
         if (isHeldAccentKey) {
             return;
         }
+        if (button === '{enter}') {
+            onEnterPress?.();
+        }
         onKeyPress?.(button);
     }, [
         type,
         layoutName,
         capsLockOn,
         onKeyPress,
+        onEnterPress,
         onTypeChange,
         Emoji,
         variant,
@@ -3538,12 +3601,12 @@ const VirtualKeyboard = ({ variant = 'native', type = 'default', value = '', onC
         if (heldKey &&
             input.length >= currentValue.length + 1 &&
             input.startsWith(currentValue) &&
-            input.slice(currentValue.length).split('').every((char) => char === heldKey)) {
+            [...input.slice(currentValue.length)].every((char) => char === heldKey)) {
             syncKeyboardInput(currentValue);
             return;
         }
         if (suppressedKey &&
-            input.length === currentValue.length + 1 &&
+            input.length === currentValue.length + suppressedKey.length &&
             input.endsWith(suppressedKey)) {
             suppressNextInputRef.current = null;
             syncKeyboardInput(currentValue);
@@ -3551,8 +3614,10 @@ const VirtualKeyboard = ({ variant = 'native', type = 'default', value = '', onC
         }
         if (maxLength !== undefined && input.length > maxLength)
             return;
+        if (onChange === undefined)
+            setInternalValue(input);
         onChange?.(input);
-    }, [maxLength, onChange, syncKeyboardInput]);
+    }, [maxLength, onChange, setInternalValue, syncKeyboardInput]);
     const portalSizes = React.useMemo(() => {
         if (containerWidth <= 360)
             return { preview: 42, option: 44, fontSize: 'var(--font-size-16)' };
@@ -3568,15 +3633,17 @@ const VirtualKeyboard = ({ variant = 'native', type = 'default', value = '', onC
         const baseDisplay = LAYOUT_DISPLAY[visualType];
         if (!baseDisplay)
             return baseDisplay;
-        if (variant !== 'fixed') {
-            return baseDisplay;
+        const display = { ...baseDisplay };
+        if (numpadWithEnter && isNumpadLayout) {
+            display['{enter}'] = '<span data-icon-key="enterNumpad"></span>';
+            display['{space}'] = '<span data-icon-key="spaceNumpad"></span>';
         }
-        return {
-            ...baseDisplay,
-            '{bksp}': (baseDisplay['{bksp}'] ?? '').replace(/\s*Apagar$/, ''),
-        };
-    }, [visualType, variant]);
-    const keyboardEl = activeLayout ? (jsxRuntime.jsxs("div", { ref: keyboardWrapperRef, className: clsx(styles$k.keyboardWrapper, ((type === 'numeric' && layoutName === 'default') || layoutName === 'numbers' || type === 'default') && styles$k.keyboardNumpadActive), onPointerDownCapture: handleLongPressStart, onPointerUpCapture: handleLongPressEnd, onPointerLeave: handleLongPressEnd, onPointerCancelCapture: handleLongPressEnd, children: [jsxRuntime.jsx(Keyboard, { keyboardRef: (instance) => {
+        if (variant === 'fixed') {
+            display['{bksp}'] = (display['{bksp}'] ?? '').replace(/\s*Apagar$/, '');
+        }
+        return display;
+    }, [visualType, variant, numpadWithEnter, isNumpadLayout]);
+    const keyboardEl = activeLayout ? (jsxRuntime.jsxs("div", { ref: keyboardWrapperRef, className: clsx(styles$k.keyboardWrapper, isNumpadLayout && styles$k.keyboardNumpadActive), onPointerDownCapture: handleLongPressStart, onPointerUpCapture: handleLongPressEnd, onPointerLeave: handleLongPressEnd, onPointerCancelCapture: handleLongPressEnd, children: [jsxRuntime.jsx(Keyboard, { keyboardRef: (instance) => {
                     keyboardInstanceRef.current = instance;
                     if (instance) {
                         instance.setInput(valueRef.current);
@@ -3614,9 +3681,9 @@ const VirtualKeyboard = ({ variant = 'native', type = 'default', value = '', onC
                                 event.stopPropagation();
                             }, onClick: () => handleAccentSelect(option), children: option }, `${accentMenu.sourceKey}-${option}`))) }, rowIndex))) }), document.body))] })) : null;
     if (variant === 'native' && typeof document !== 'undefined') {
-        return reactDom.createPortal(jsxRuntime.jsx("div", { id: id, className: clsx(styles$k.overlay, { [styles$k.overlayOpen]: isOpen }, styles$k[`layout--${visualType}`], className), children: keyboardEl }), document.body);
+        return reactDom.createPortal(jsxRuntime.jsx("div", { id: id, className: clsx(styles$k.overlay, { [styles$k.overlayOpen]: isOpen }, styles$k[isNumpadLayout ? 'layout--numeric' : 'layout--default'], className), children: keyboardEl }), document.body);
     }
-    return (jsxRuntime.jsxs("div", { id: id, className: clsx(styles$k.container, styles$k[`mode--${variant}`], styles$k[`layout--${visualType}`], className), children: [variant === 'fixed' && (jsxRuntime.jsx("div", { className: styles$k.textFieldContainer, children: jsxRuntime.jsx(TextField, { placeholder: placeholder, value: value, onChange: onChange, helperText: helperText, error: error, errorMessage: errorMessage, readOnly: true, disableAutoComplete: true, maxLength: maxLength, attachedToVirtualKeyboard: true, className: styles$k.textFieldWrapper, scale: textFieldScale }) })), keyboardEl] }));
+    return (jsxRuntime.jsxs("div", { id: id, className: clsx(styles$k.container, styles$k[`mode--${variant}`], styles$k[isNumpadLayout ? 'layout--numeric' : 'layout--default'], className), children: [variant === 'fixed' && (jsxRuntime.jsx("div", { className: styles$k.textFieldContainer, children: jsxRuntime.jsx(TextField, { placeholder: placeholder, value: effectiveValue, onChange: onChange, helperText: helperText, error: error, errorMessage: errorMessage, readOnly: true, disableAutoComplete: true, maxLength: maxLength, attachedToVirtualKeyboard: true, className: styles$k.textFieldWrapper, scale: textFieldScale }) })), keyboardEl] }));
 };
 
 var styles$j = {"container":"TextField-module__container___WJHFR","inputWrapper":"TextField-module__inputWrapper___INjfd","inputContainer":"TextField-module__inputContainer___3EsFJ","icon":"TextField-module__icon___p1vwi","clearButton":"TextField-module__clearButton___kgOot","inputWithIcon":"TextField-module__inputWithIcon___shqkL","helperText":"TextField-module__helperText___d5QGC","error":"TextField-module__error___IGQzp","disabled":"TextField-module__disabled___roIKP","attachedToVirtualKeyboard":"TextField-module__attachedToVirtualKeyboard___fuO2O","errorWithMessage":"TextField-module__errorWithMessage___m-5AA","clearButtonIcon":"TextField-module__clearButtonIcon___Z2iyc"};
@@ -3645,7 +3712,7 @@ const LabelComponent = ({ children, htmlFor, required = false, tooltip = false,
     return container;
 };
 
-const TextField$1 = React.forwardRef(({ className, style, value, label, placeholder, type = 'text', onChange, disabled = false, maxLength, required = false, helperText, tooltipText, tooltipSide = 'bottom', tooltipAlign = 'start', errorMessage, error, id, icon, scale = 1, onBlur, onFocus, name, persistIcon = false, virtualKeyboard, attachedToVirtualKeyboard, disableAutoComplete = false, ...rest }, ref) => {
+const TextField$1 = forwardRef(({ className, style, value, label, placeholder, type = 'text', onChange, disabled = false, maxLength, required = false, helperText, tooltipText, tooltipSide = 'bottom', tooltipAlign = 'start', errorMessage, error, id, icon, scale = 1, onBlur, onFocus, name, virtualKeyboard, attachedToVirtualKeyboard, disableAutoComplete = false, ...rest }, ref) => {
     const normalizeValue = (val) => {
         return val === undefined || val === null ? '' : String(val);
     };
@@ -3696,7 +3763,7 @@ const TextField$1 = React.forwardRef(({ className, style, value, label, placehol
         setIsFocused(true);
         onFocus?.(e);
     }, [onFocus]);
-    const showCustomIcon = (inputValue.trim().length === 0 || persistIcon) && icon;
+    const showCustomIcon = (inputValue.trim().length === 0 || !isFocused) && icon;
     const showClearIcon = isFocused && inputValue.trim().length > 0;
     const hasError = Boolean(inputError) || Boolean(error);
     const displayHelperText = (error ? errorMessage : undefined) || inputError || helperText || '\u00A0';
@@ -3951,7 +4018,7 @@ const DatePicker = ({ locale = 'pt-br', calendarSide = 'bottom', calendarAlign =
     };
     return (jsxRuntime.jsx("div", { ref: wrapperRef, id: id, className: clsx(styles$h.datePicker, className), style: { ...containerStyle, ...style }, ...rest, children: jsxRuntime.jsx(Popover, { open: showCalendar, onOpenChange: setShowCalendar, asAnchor: true, trigger: jsxRuntime.jsx(TextField, { className: styles$h.textfieldContainer, type: "tel", icon: jsxRuntime.jsx(reactIcons.Calendar16Regular, { onClick: !disabled ? handleIconClick : undefined, className: clsx(styles$h.datePickerIcon, disabled && styles$h.datePickerIconDisabled) }), onChange: (e) => {
                     handleTextFieldChange(String(e));
-                }, onKeyDown: handleKeyDown, onFocus: handleFocus, persistIcon: true, autoComplete: "off", value: displayValue, helperText: !externalError ? (helperText || undefined) : undefined, errorMessage: externalError ? combinedHelperText : undefined, error: hasValidationError ? true : undefined, maxLength: 10, required: required, label: label, disabled: disabled, scale: scale, 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, scale: scale, id: calendarId, onClear: () => {
+                }, onKeyDown: handleKeyDown, onFocus: handleFocus, autoComplete: "off", value: displayValue, helperText: !externalError ? (helperText || undefined) : undefined, errorMessage: externalError ? combinedHelperText : undefined, error: hasValidationError ? true : undefined, maxLength: 10, required: required, label: label, disabled: disabled, scale: scale, 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, scale: scale, id: calendarId, onClear: () => {
                     handleDateChange(null);
                     setCurrentDate(new Date());
                 } }), side: calendarSide, align: calendarAlign, sideOffset: 8 }) }));
@@ -3960,7 +4027,7 @@ var DatePicker_default = React.memo(DatePicker);
 
 var styles$g = {"DialogOverlay":"Dialog-module__DialogOverlay___LEX2O","DialogContent":"Dialog-module__DialogContent___ziVXb","DialogTitle":"Dialog-module__DialogTitle___ay1tD","DialogDescription":"Dialog-module__DialogDescription___odslw","DivButtons":"Dialog-module__DivButtons___BiwX-"};
 
-const Dialog = ({ show = false, title, bodyContent, textPrimaryAction, textSecondaryAction, onPrimaryAction, onSecondaryAction, className, ...rest }) => (jsxRuntime.jsx(radixUi.AlertDialog.Root, { open: show, ...rest, children: jsxRuntime.jsxs(radixUi.AlertDialog.Portal, { children: [jsxRuntime.jsx(radixUi.AlertDialog.Overlay, { className: styles$g.DialogOverlay }), jsxRuntime.jsxs(radixUi.AlertDialog.Content, { className: clsx(styles$g.DialogContent, className), children: [jsxRuntime.jsx(radixUi.AlertDialog.Title, { className: styles$g.DialogTitle, children: title }), jsxRuntime.jsx(radixUi.AlertDialog.Description, { className: styles$g.DialogDescription, children: bodyContent }), jsxRuntime.jsxs("div", { className: styles$g.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, className, ...rest }) => (jsxRuntime.jsx(radixUi.AlertDialog.Root, { open: show, ...rest, children: jsxRuntime.jsxs(radixUi.AlertDialog.Portal, { children: [jsxRuntime.jsx(radixUi.AlertDialog.Overlay, { className: styles$g.DialogOverlay }), jsxRuntime.jsxs(radixUi.AlertDialog.Content, { className: clsx(styles$g.DialogContent, className), children: [jsxRuntime.jsx(radixUi.AlertDialog.Title, { className: styles$g.DialogTitle, children: title }), jsxRuntime.jsx(radixUi.AlertDialog.Description, { asChild: true, className: styles$g.DialogDescription, children: jsxRuntime.jsx("div", { children: bodyContent }) }), jsxRuntime.jsxs("div", { className: styles$g.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$f = {"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"};
 
@@ -4053,7 +4120,7 @@ const matchesAccept = (file, accept) => {
         return fileType === type;
     });
 };
-const FileUpload = React.forwardRef(({ value, onChange, helperText, error = false, errorMessage, maxFileSize, maxFilesQuantity, disabled = false, className, id, accept, multiple = true, description = 'Clique ou arraste os arquivos aqui', descriptionErrorMessage = 'Falha ao subir um ou mais arquivos.', ...rest }, ref) => {
+const FileUpload = forwardRef(({ value, onChange, helperText, error = false, errorMessage, maxFileSize, maxFilesQuantity, disabled = false, className, id, accept, multiple = true, description = 'Clique ou arraste os arquivos aqui', descriptionErrorMessage = 'Falha ao subir um ou mais arquivos.', ...rest }, ref) => {
     const generatedId = React.useId();
     const componentId = id || generatedId;
     const helperId = `${componentId}-helper`;
@@ -4215,7 +4282,7 @@ const Combined = ({ buttonText = 'Filtrar', icon, variant = 'outlined', disabled
 
 var styles$c = {"search":"Search-module__search___u3QsV","searchLeftIcon":"Search-module__searchLeftIcon___OKOBq","disabled":"Search-module__disabled___adbxO","inputWithClearIcon":"Search-module__inputWithClearIcon___cqvkq","searchClearIcon":"Search-module__searchClearIcon___qX9-h"};
 
-const Search = React.forwardRef(({ placeholder = 'Dica do que deve ser buscado', disabled = false, value, onChange, onKeyDown, onFocus, onBlur, onClear, onClick, onMouseDown, searchMode = 'instant', onSearch, id, scale = 1, className, style, virtualKeyboard, 'data-testid': testId, ...rest }, ref) => {
+const Search = forwardRef(({ placeholder = 'Dica do que deve ser buscado', disabled = false, value, onChange, onKeyDown, onFocus, onBlur, onClear, onClick, onMouseDown, searchMode = 'instant', onSearch, id, scale = 1, className, style, virtualKeyboard, 'data-testid': testId, ...rest }, ref) => {
     const [internalValue, setInternalValue] = React.useState('');
     const { internalRef: inputRef, setRefs: setInputRefs } = useInputKeyboardValue(ref);
     const isControlled = value !== undefined && onChange !== undefined;
@@ -4825,9 +4892,9 @@ const Menu = ({ items, children, onItemSelect, search, enableInfiniteScroll, onS
                     }, ...rest, children: [search && (jsxRuntime.jsx("div", { className: styles$a.searchWrapper, children: jsxRuntime.jsx(Search, { placeholder: "Buscar", onChange: handleSearchChange, value: searchInput, onKeyDown: handleSearchKeyDown }) })), jsxRuntime.jsxs("div", { className: styles$a.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$a.emptyState, children: "Nenhum item encontrado" })), enableInfiniteScroll && isLoadingMore && (jsxRuntime.jsx("div", { className: styles$a.loadingMore, children: "Carregando mais itens..." })), enableInfiniteScroll && (jsxRuntime.jsx("div", { ref: sentinelRef, "data-scroll-sentinel": true, style: { height: '1px', visibility: 'hidden' } }))] })] }) })] }));
 };
 
-var styles$9 = {"modalOverlay":"Modal-module__modalOverlay___rI8Wz","modalContent":"Modal-module__modalContent___6Cgb1","modalContent--fullscreen":"Modal-module__modalContent--fullscreen___QeBlG","modalHeader":"Modal-module__modalHeader___IuHIg","modalTitle":"Modal-module__modalTitle___9VDmr","modalBody":"Modal-module__modalBody___ohjQm","modalFooter":"Modal-module__modalFooter___TEqdK"};
+var styles$9 = {"modalOverlay":"Modal-module__modalOverlay___rI8Wz","modalContent":"Modal-module__modalContent___6Cgb1","modalContent--fullscreen":"Modal-module__modalContent--fullscreen___QeBlG","modalHeader":"Modal-module__modalHeader___IuHIg","modalCloseButton":"Modal-module__modalCloseButton___VoWHD","modalTitle":"Modal-module__modalTitle___9VDmr","modalBody":"Modal-module__modalBody___ohjQm","modalFooter":"Modal-module__modalFooter___TEqdK"};
 
-const Modal = ({ isOpen = false, onClose, title, children, headerContent, closeOnOverlayClick = true, className, id, footer, customWidth, customHeight, fullscreen = false, ...rest }) => {
+const Modal = ({ isOpen = false, onClose, title, children, headerContent, closeOnOverlayClick = true, className, id, footer, customWidth, customHeight, closingButton = true, fullscreen = false, ...rest }) => {
     const contentRef = React__namespace.useRef(null);
     const handleOpenChange = (open) => {
         if (!open) {
@@ -4841,7 +4908,7 @@ const Modal = ({ isOpen = false, onClose, title, children, headerContent, closeO
     return (jsxRuntime.jsx(radixUi.Dialog.Root, { open: isOpen, onOpenChange: handleOpenChange, ...rest, children: jsxRuntime.jsxs(radixUi.Dialog.Portal, { children: [jsxRuntime.jsx(radixUi.Dialog.Overlay, { className: styles$9.modalOverlay }), jsxRuntime.jsxs(radixUi.Dialog.Content, { ref: contentRef, className: clsx(styles$9.modalContent, fullscreen && styles$9['modalContent--fullscreen'], className), id: id, style: {
                         '--modal-custom-width': customWidth,
                         '--modal-custom-height': customHeight,
-                    }, onInteractOutside: !closeOnOverlayClick ? (e) => e.preventDefault() : undefined, onOpenAutoFocus: handleOpenAutoFocus, "aria-labelledby": id ? `${id}-title` : 'modal-title', tabIndex: -1, children: [jsxRuntime.jsxs("header", { className: styles$9.modalHeader, children: [title && (jsxRuntime.jsx(radixUi.Dialog.Title, { className: styles$9.modalTitle, id: id ? `${id}-title` : 'modal-title', children: title })), headerContent && (jsxRuntime.jsx("div", { children: headerContent })), jsxRuntime.jsx(radixUi.Dialog.Close, { asChild: true, children: jsxRuntime.jsx(Button, { variant: "outlined", iconOnly: true, icon: jsxRuntime.jsx(reactIcons.Dismiss16Regular, {}), size: "lg", tooltipText: 'Fechar' }) })] }), jsxRuntime.jsx("section", { className: styles$9.modalBody, children: children }), footer && (jsxRuntime.jsx("footer", { className: styles$9.modalFooter, children: footer }))] })] }) }));
+                    }, onInteractOutside: !closeOnOverlayClick ? (e) => e.preventDefault() : undefined, onOpenAutoFocus: handleOpenAutoFocus, "aria-labelledby": id ? `${id}-title` : 'modal-title', tabIndex: -1, children: [(title || headerContent || closingButton) && (jsxRuntime.jsxs("header", { className: styles$9.modalHeader, children: [title && (jsxRuntime.jsx(radixUi.Dialog.Title, { className: styles$9.modalTitle, id: id ? `${id}-title` : 'modal-title', children: title })), headerContent && (jsxRuntime.jsx("div", { children: headerContent })), closingButton && (jsxRuntime.jsx("div", { className: styles$9.modalCloseButton, children: jsxRuntime.jsx(radixUi.Dialog.Close, { asChild: true, children: jsxRuntime.jsx(Button, { variant: "outlined", iconOnly: true, icon: jsxRuntime.jsx(reactIcons.Dismiss16Regular, {}), size: "lg", tooltipText: 'Fechar' }) }) }))] })), jsxRuntime.jsx("section", { className: styles$9.modalBody, children: children }), footer && (jsxRuntime.jsx("footer", { className: styles$9.modalFooter, children: footer }))] })] }) }));
 };
 
 var styles$8 = {"quantity":"Quantity-module__quantity___-vndR","quantityInput":"Quantity-module__quantityInput___xZG-v","disabled":"Quantity-module__disabled___X6p5l"};
@@ -5117,7 +5184,7 @@ const ExpandableSelectItem = ({ item, variant, onSelect, selectedValues, level =
                     }, role: "button", tabIndex: item.disabled ? -1 : 0, "data-disabled": item.disabled || undefined, "data-selected": isSelected && !hasChildren ? 'true' : undefined, "data-testid": `select-item-${item.value}`, children: [variant === 'icon' && item.icon && (jsxRuntime.jsx("span", { className: styles$6.icon, children: item.icon })), jsxRuntime.jsxs("div", { className: styles$6.textContent, children: [jsxRuntime.jsx("div", { className: styles$6.title, children: item.text }), item.subTitle && jsxRuntime.jsx("div", { className: styles$6.subTitle, children: item.subTitle })] }), hasChildren && (jsxRuntime.jsx("span", { className: styles$6.chevron, children: isExpanded ? jsxRuntime.jsx(reactIcons.ChevronDown16Regular, {}) : jsxRuntime.jsx(reactIcons.ChevronRight16Regular, {}) }))] }) }), hasChildren && isExpanded && (jsxRuntime.jsx("div", { className: styles$6.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, disableFocusOnHover, ...restProps }, ref) => {
+const SelectItem = forwardRef(({ text, subTitle, icon, disabled, value, variant, disableFocusOnHover, ...restProps }, ref) => {
     return (jsxRuntime.jsxs("div", { className: clsx(styles$6.itemWrapper, {
             [styles$6.disabled]: disabled,
         }), "data-disabled": disabled || undefined, "data-testid": `select-item-${value}`, ref: ref, children: [variant === 'icon' && icon && (jsxRuntime.jsx("span", { className: styles$6.icon, children: icon })), jsxRuntime.jsxs(radixUi.Select.Item, { className: clsx(styles$6.item, {
@@ -5359,11 +5426,12 @@ function useSelectLogic({ value, required = false, search = false, onValueChange
     };
 }
 
-const Select = ({ items, onValueChange, onOpenChange, variant, required = false, value, label, helperText, placeholder = 'Selecione', maxWidth, search = false, error, errorMessage, disabled = false, className, style, 'aria-label': ariaLabel, 'data-testid': testId, tooltipText, tooltipSide = 'bottom', tooltipAlign = 'start', enableInfiniteScroll = false, onScrollEnd, isLoadingMore = false, enableApiSearch = false, onApiSearch, isSearching = false, scale = 1, ...rest }) => {
+const Select = ({ items, onValueChange, onOpenChange, variant, required = false, value, label, helperText, placeholder = 'Selecione', maxWidth, search = false, error, errorMessage, disabled = false, className, style, 'aria-label': ariaLabel, 'data-testid': testId, tooltipText, tooltipSide = 'bottom', tooltipAlign = 'start', enableInfiniteScroll = false, onScrollEnd, hasMore = true, isLoadingMore = false, enableApiSearch = false, onApiSearch, isSearching = false, scale = 1, ...rest }) => {
     const componentId = React.useId();
     const selectId = `select-${componentId}`;
     const viewportRef = React.useRef(null);
     const hasReachedEndRef = React.useRef(false);
+    const wasLoadingMoreRef = React.useRef(false);
     const { state, actions, refs, utils, } = useSelectLogic({
         value,
         required,
@@ -5382,7 +5450,7 @@ const Select = ({ items, onValueChange, onOpenChange, variant, required = false,
         const handleScroll = () => {
             const { scrollTop, scrollHeight, clientHeight } = viewport;
             const isAtBottom = scrollTop + clientHeight >= scrollHeight - 1;
-            if (isAtBottom && !hasReachedEndRef.current && onScrollEnd && !isLoadingMore) {
+            if (isAtBottom && !hasReachedEndRef.current && onScrollEnd && !isLoadingMore && hasMore) {
                 hasReachedEndRef.current = true;
                 onScrollEnd();
             }
@@ -5394,17 +5462,38 @@ const Select = ({ items, onValueChange, onOpenChange, variant, required = false,
         return () => {
             viewport.removeEventListener('scroll', handleScroll);
         };
-    }, [state.isOpen, enableInfiniteScroll, onScrollEnd, isLoadingMore]);
+    }, [state.isOpen, enableInfiniteScroll, onScrollEnd, isLoadingMore, hasMore]);
     React.useEffect(() => {
         if (state.isOpen && enableInfiniteScroll) {
             hasReachedEndRef.current = false;
         }
     }, [state.isOpen, enableInfiniteScroll]);
+    React.useEffect(() => {
+        if (wasLoadingMoreRef.current && !isLoadingMore && enableInfiniteScroll) {
+            hasReachedEndRef.current = false;
+        }
+        wasLoadingMoreRef.current = isLoadingMore;
+    }, [isLoadingMore, enableInfiniteScroll]);
     const displayText = React.useMemo(() => utils.getDisplayText(state.selectedValues, placeholder, variant, items), [state.selectedValues, placeholder, variant, items, utils]);
     const filteredItems = React.useMemo(() => {
         const termToFilter = enableApiSearch ? state.searchTerm : state.searchInput;
         return utils.getFilteredItems(items, termToFilter);
     }, [items, state.searchTerm, state.searchInput, enableApiSearch, utils]);
+    React.useEffect(() => {
+        if (!state.isOpen || !enableInfiniteScroll || !onScrollEnd || isLoadingMore)
+            return;
+        const timer = setTimeout(() => {
+            const viewport = viewportRef.current;
+            if (!viewport)
+                return;
+            const { scrollHeight, clientHeight } = viewport;
+            if (scrollHeight <= clientHeight && !hasReachedEndRef.current && hasMore) {
+                hasReachedEndRef.current = true;
+                onScrollEnd();
+            }
+        }, 150);
+        return () => clearTimeout(timer);
+    }, [state.isOpen, enableInfiniteScroll, onScrollEnd, isLoadingMore, hasMore, filteredItems.length]);
     const containerStyle = React.useMemo(() => ({
         maxWidth: maxWidth ? `${maxWidth}px` : undefined,
         '--giro-scale': scale,
@@ -5472,18 +5561,18 @@ const EmptyState = ({ emptyIcon, emptyTitle, emptyText }) => (jsxRuntime.jsxs("d
 
 var styles$4 = {"toggle":"ToggleButton-module__toggle___c1Ym-","item":"ToggleButton-module__item___2Qll-","toggle-lg":"ToggleButton-module__toggle-lg___8f3lo","item-lg":"ToggleButton-module__item-lg___479w-","toggle-sm":"ToggleButton-module__toggle-sm___SAGGb","item-sm":"ToggleButton-module__item-sm___4ju--","toggleIconLeft":"ToggleButton-module__toggleIconLeft___VwgKk","toggleWithIcon":"ToggleButton-module__toggleWithIcon___WbCr7","toggleIconOnly":"ToggleButton-module__toggleIconOnly___4iMEp","group":"ToggleButton-module__group___BoR-e"};
 
-const Toggle = ({ pressed, defaultPressed, onPressedChange, disabled = false, className, children, id, size = 'lg', scale = 1, style, tooltipText, tooltipSide = 'top', tooltipAlign = 'center', icon, iconOnly = false, mode: _mode, selectionType: _type, value: _value, defaultValue: _defaultValue, onValueChange: _onValueChange, orientation: _orientation, items: _items, ...rest }) => {
+const Toggle = ({ pressed, defaultPressed, onPressedChange, disabled = false, className, label, id, size = 'lg', scale = 1, style, tooltipText, tooltipSide = 'top', tooltipAlign = 'center', icon, iconOnly = false, mode: _mode, selectionType: _type, value: _value, defaultValue: _defaultValue, onValueChange: _onValueChange, items: _items, ...rest }) => {
     const toggle = (jsxRuntime.jsx(radixUi.Toggle.Root, { pressed: pressed, defaultPressed: defaultPressed, onPressedChange: onPressedChange, disabled: disabled, className: clsx(styles$4.toggle, styles$4[`toggle-${size}`], {
             [styles$4.toggleIconOnly]: iconOnly,
             [styles$4.toggleWithIcon]: !!icon && !iconOnly,
-        }, className), id: id, style: { '--giro-scale': scale, ...style }, ...rest, children: iconOnly ? (jsxRuntime.jsx("span", { className: styles$4.toggleIconLeft, "aria-hidden": "true", children: icon })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [icon && jsxRuntime.jsx("span", { className: styles$4.toggleIconLeft, "aria-hidden": "true", children: icon }), children] })) }));
+        }, className), id: id, style: { '--giro-scale': scale, ...style }, ...rest, children: iconOnly ? (jsxRuntime.jsx("span", { className: styles$4.toggleIconLeft, "aria-hidden": "true", children: icon })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [icon && jsxRuntime.jsx("span", { className: styles$4.toggleIconLeft, "aria-hidden": "true", children: icon }), label] })) }));
     if (tooltipText) {
         return (jsxRuntime.jsx(Tooltip, { text: tooltipText, side: tooltipSide, align: tooltipAlign, children: toggle }));
     }
     return toggle;
 };
 
-const ToggleGroup = ({ selectionType = 'single', value, defaultValue, onValueChange, orientation = 'horizontal', disabled = false, items = [], children, className, id, size = 'lg', scale = 1, style, tooltipText, tooltipSide = 'top', tooltipAlign = 'center', mode: _mode, icon: _icon, iconOnly: _iconOnly, pressed: _pressed, defaultPressed: _defaultPressed, onPressedChange: _onPressedChange, ...rest }) => {
+const ToggleGroup = ({ selectionType = 'single', value, defaultValue, onValueChange, disabled = false, items = [], className, id, size = 'lg', scale = 1, style, tooltipText, tooltipSide = 'top', tooltipAlign = 'center', mode: _mode, icon: _icon, iconOnly: _iconOnly, pressed: _pressed, defaultPressed: _defaultPressed, onPressedChange: _onPressedChange, ...rest }) => {
     const rootProps = selectionType === 'multiple'
         ? {
             type: 'multiple',
@@ -5497,11 +5586,10 @@ const ToggleGroup = ({ selectionType = 'single', value, defaultValue, onValueCha
             defaultValue: defaultValue,
             onValueChange: onValueChange,
         };
-    const group = (jsxRuntime.jsx(radixUi.ToggleGroup.Root, { ...rootProps, orientation: orientation, disabled: disabled, className: clsx(styles$4.group, className), id: id, style: { '--giro-scale': scale, ...style }, ...rest, children: children ??
-            items.map((item) => (jsxRuntime.jsx(radixUi.ToggleGroup.Item, { value: item.value, disabled: item.disabled, className: clsx(styles$4.item, styles$4[`item-${size}`], {
-                    [styles$4.toggleIconOnly]: item.iconOnly,
-                    [styles$4.toggleWithIcon]: !!item.icon && !item.iconOnly,
-                }), style: { '--giro-scale': scale }, children: item.iconOnly ? (jsxRuntime.jsx("span", { className: styles$4.toggleIconLeft, "aria-hidden": "true", children: item.icon })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [item.icon && jsxRuntime.jsx("span", { className: styles$4.toggleIconLeft, "aria-hidden": "true", children: item.icon }), item.label] })) }, item.value))) }));
+    const group = (jsxRuntime.jsx(radixUi.ToggleGroup.Root, { ...rootProps, disabled: disabled, className: clsx(styles$4.group, className), id: id, style: { '--giro-scale': scale, ...style }, ...rest, children: items.map((item) => (jsxRuntime.jsx(radixUi.ToggleGroup.Item, { value: item.value, disabled: item.disabled, className: clsx(styles$4.item, styles$4[`item-${size}`], {
+                [styles$4.toggleIconOnly]: item.iconOnly,
+                [styles$4.toggleWithIcon]: !!item.icon && !item.iconOnly,
+            }), style: { '--giro-scale': scale }, children: item.iconOnly ? (jsxRuntime.jsx("span", { className: styles$4.toggleIconLeft, "aria-hidden": "true", children: item.icon })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [item.icon && jsxRuntime.jsx("span", { className: styles$4.toggleIconLeft, "aria-hidden": "true", children: item.icon }), item.label] })) }, item.value))) }));
     if (tooltipText) {
         return (jsxRuntime.jsx(Tooltip, { text: tooltipText, side: tooltipSide, align: tooltipAlign, children: group }));
     }
@@ -5718,7 +5806,7 @@ const TableV2 = ({ columns, data, rowSelection: rowSelectionConfig, enableSortin
 
 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, tooltipText, tooltipSide = 'bottom', tooltipAlign = 'start', errorMessage, error, id, onBlur, onFocus, name, resize = 'vertical', charCount = false, height, virtualKeyboard, ...rest }, ref) => {
+const TextArea = forwardRef(({ className, value, label, placeholder, onChange, disabled = false, maxLength, required = false, helperText, tooltipText, tooltipSide = 'bottom', tooltipAlign = 'start', errorMessage, error, id, onBlur, onFocus, name, resize = 'vertical', charCount = false, height, virtualKeyboard, ...rest }, ref) => {
     const normalizeValue = (val) => {
         return val === undefined || val === null ? '' : String(val);
     };
@@ -5867,13 +5955,19 @@ const useToast = () => {
 const Toast = ({ id, title, duration = 5000, icon, iconClosed = jsxRuntime.jsx(reactIcons.Dismiss16Filled, {}), automaticClose = true, iconType = "Info", className, ...rest }) => {
     const [open, setOpen] = React__namespace.useState(false);
     const { dismissToast } = useToastContext();
+    const dismissTimerRef = React__namespace.useRef(null);
     React__namespace.useEffect(() => {
         setOpen(true);
+        return () => {
+            if (dismissTimerRef.current !== null) {
+                clearTimeout(dismissTimerRef.current);
+            }
+        };
     }, []);
     const handleOpenChange = (isOpen) => {
         setOpen(isOpen);
         if (!isOpen && id) {
-            setTimeout(() => dismissToast(id), 200);
+            dismissTimerRef.current = setTimeout(() => dismissToast(id), 200);
         }
     };
     let displayIcon = icon;
@@ -6299,6 +6393,39 @@ exports.Dialog = Dialog;
 exports.Drawer = Drawer;
 exports.FileUpload = FileUpload;
 exports.Filter = Filter;
+exports.G_Avatar = Avatar;
+exports.G_Badge = Badge;
+exports.G_Button = Button;
+exports.G_Calendar = Calendar;
+exports.G_Callout = Callout;
+exports.G_Card = Card;
+exports.G_Checkbox = Checkbox;
+exports.G_Chips = MemoizedChips;
+exports.G_Container = Container;
+exports.G_DatePicker = DatePicker_default;
+exports.G_Dialog = Dialog;
+exports.G_Drawer = Drawer;
+exports.G_FileUpload = FileUpload;
+exports.G_Filter = Filter;
+exports.G_ListItem = ListItem;
+exports.G_Menu = Menu;
+exports.G_Modal = Modal;
+exports.G_Popover = Popover;
+exports.G_Quantity = memorizedQuantity;
+exports.G_Radio = Radio;
+exports.G_Search = Search;
+exports.G_Select = Select;
+exports.G_Switch = Switch;
+exports.G_TableV2 = TableV2;
+exports.G_TextArea = TextArea_default;
+exports.G_TextField = TextField;
+exports.G_Toast = Toast;
+exports.G_ToastContainer = ToastContainer;
+exports.G_ToastProvider = ToastProvider;
+exports.G_ToggleButton = ToggleButton;
+exports.G_Tooltip = Tooltip;
+exports.G_VerificationCode = VerificationCode;
+exports.G_VirtualKeyboard = VirtualKeyboard;
 exports.ListItem = ListItem;
 exports.Menu = Menu;
 exports.Modal = Modal;