ivt 0.6.9 → 0.7.1

package/dist/kbd/index.mjs

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { c as cn } from '../chunks/utils-CwDmCEge.mjs';
-import '../chunks/bundle-mjs-DF1QM7yV.mjs';
+import { c as cn } from '../chunks/utils-05LlW3Cl.mjs';
+import '../chunks/bundle-mjs-BYcyWisL.mjs';
 
 function Kbd({ className, ...props }) {
     return /*#__PURE__*/ React__default.createElement("kbd", {

package/dist/label/index.mjs

@@ -1,9 +1,9 @@
-export { L as Label } from '../chunks/label-BrO1sQ0r.mjs';
+export { L as Label } from '../chunks/label-atj6gghV.mjs';
 import 'react';
-import '../chunks/index-L4pU8dCQ.mjs';
+import '../chunks/index-DgKlJYZP.mjs';
 import 'react-dom';
 import '@radix-ui/react-slot';
 import 'react/jsx-runtime';
-import '../chunks/utils-CwDmCEge.mjs';
-import '../chunks/bundle-mjs-DF1QM7yV.mjs';
+import '../chunks/utils-05LlW3Cl.mjs';
+import '../chunks/bundle-mjs-BYcyWisL.mjs';
 //# sourceMappingURL=index.mjs.map

package/dist/layout/index.mjs

@@ -1,31 +1,31 @@
-import { C as Container, a as ChildContainer } from '../chunks/Container-DIxGDpnK.mjs';
-export { L as ListItem } from '../chunks/ListItem-Cmc5KRwa.mjs';
+import { C as Container, a as ChildContainer } from '../chunks/Container-DGNhxyRJ.mjs';
+export { L as ListItem } from '../chunks/ListItem-D8UYYQVp.mjs';
 import React__default from 'react';
-import { c as cn } from '../chunks/utils-CwDmCEge.mjs';
-import { T as TriangleAlert } from '../chunks/triangle-alert-MhLQqOiF.mjs';
-import '../chunks/TooltipIndicator-DmbkG9GU.mjs';
-import '../chunks/createLucideIcon-CyWof2Fq.mjs';
-import '../chunks/tooltip-DF-75FfQ.mjs';
-import '../chunks/index-D56BYstR.mjs';
-import '../chunks/index-BI2MxMeC.mjs';
-import '../chunks/index-vtBqBO3S.mjs';
+import { c as cn } from '../chunks/utils-05LlW3Cl.mjs';
+import { T as TriangleAlert } from '../chunks/triangle-alert-D5Cr5kOo.mjs';
+import '../chunks/TooltipIndicator-DgBUQgOI.mjs';
+import '../chunks/createLucideIcon-DLrNgMqk.mjs';
+import '../chunks/tooltip-BTEGteNb.mjs';
+import '../chunks/index-Bl-WJHvp.mjs';
+import '../chunks/index-1tQVI0Jh.mjs';
+import '../chunks/index-DT8WgpCS.mjs';
 import 'react/jsx-runtime';
-import '../chunks/index-CKARIk9k.mjs';
-import '../chunks/index-L4pU8dCQ.mjs';
+import '../chunks/index-DUpRrJTH.mjs';
+import '../chunks/index-DgKlJYZP.mjs';
 import 'react-dom';
 import '@radix-ui/react-slot';
-import '../chunks/index-CQt6sjXa.mjs';
-import '../chunks/index-BEh8ek6-.mjs';
-import '../chunks/index-B0Kdhw0d.mjs';
-import '../chunks/index-n9Y_kDgY.mjs';
-import '../chunks/index-DAZztiKf.mjs';
-import '../chunks/index-qUT5iV25.mjs';
-import '../chunks/index-2anlJbdb.mjs';
-import '../chunks/index-Ccz8nL5M.mjs';
-import '../chunks/index-DZlAt5Up.mjs';
-import '../chunks/badge-Bq7g6DlG.mjs';
+import '../chunks/index-Cbm3--wc.mjs';
+import '../chunks/index-tkRL9Tft.mjs';
+import '../chunks/index-DKOlG3mh.mjs';
+import '../chunks/index-aLIsJMgt.mjs';
+import '../chunks/index-DmY774z-.mjs';
+import '../chunks/index-BTe1rv5Z.mjs';
+import '../chunks/index-C6s8KI_8.mjs';
+import '../chunks/index-D4FMFHi9.mjs';
+import '../chunks/index-An4yBrAZ.mjs';
+import '../chunks/badge-rV4HbE_R.mjs';
 import 'class-variance-authority';
-import '../chunks/bundle-mjs-DF1QM7yV.mjs';
+import '../chunks/bundle-mjs-BYcyWisL.mjs';
 
 const SectionInfo = ({ title = "Informações Básicas", description = "Veja informações sobre o Administrador de Fundo", className, extraDescription })=>{
     return /*#__PURE__*/ React__default.createElement("section", {

package/dist/menubar/index.mjs

@@ -1,30 +1,30 @@
-export { M as Menubar, j as MenubarCheckboxItem, d as MenubarContent, e as MenubarGroup, h as MenubarItem, g as MenubarLabel, b as MenubarMenu, a as MenubarPortal, k as MenubarRadioGroup, l as MenubarRadioItem, f as MenubarSeparator, i as MenubarShortcut, m as MenubarSub, o as MenubarSubContent, n as MenubarSubTrigger, c as MenubarTrigger } from '../chunks/menubar-IydEfpqR.mjs';
+export { M as Menubar, j as MenubarCheckboxItem, d as MenubarContent, e as MenubarGroup, h as MenubarItem, g as MenubarLabel, b as MenubarMenu, a as MenubarPortal, k as MenubarRadioGroup, l as MenubarRadioItem, f as MenubarSeparator, i as MenubarShortcut, m as MenubarSub, o as MenubarSubContent, n as MenubarSubTrigger, c as MenubarTrigger } from '../chunks/menubar-JE1m8rYJ.mjs';
 import 'react';
 import '@radix-ui/react-collection';
-import '../chunks/index-BsB-iQGw.mjs';
+import '../chunks/index-CGLjQEjG.mjs';
 import 'react/jsx-runtime';
-import '../chunks/index-D56BYstR.mjs';
-import '../chunks/index-BI2MxMeC.mjs';
-import '../chunks/index-vtBqBO3S.mjs';
-import '../chunks/index-BEh8ek6-.mjs';
-import '../chunks/index-B0Kdhw0d.mjs';
-import '../chunks/index-CUXpXuiX.mjs';
-import '../chunks/createLucideIcon-CyWof2Fq.mjs';
-import '../chunks/index-CKARIk9k.mjs';
-import '../chunks/index-L4pU8dCQ.mjs';
+import '../chunks/index-Bl-WJHvp.mjs';
+import '../chunks/index-1tQVI0Jh.mjs';
+import '../chunks/index-DT8WgpCS.mjs';
+import '../chunks/index-tkRL9Tft.mjs';
+import '../chunks/index-DKOlG3mh.mjs';
+import '../chunks/index-DWmrjIYv.mjs';
+import '../chunks/createLucideIcon-DLrNgMqk.mjs';
+import '../chunks/index-DUpRrJTH.mjs';
+import '../chunks/index-DgKlJYZP.mjs';
 import 'react-dom';
 import '@radix-ui/react-slot';
-import '../chunks/index-CQt6sjXa.mjs';
-import '../chunks/index-Coakg78O.mjs';
-import '../chunks/tslib.es6-Cuxw-1bu.mjs';
-import '../chunks/index-n9Y_kDgY.mjs';
-import '../chunks/index-DAZztiKf.mjs';
-import '../chunks/index-qUT5iV25.mjs';
-import '../chunks/index-2anlJbdb.mjs';
-import '../chunks/index-DE-b60L0.mjs';
-import '../chunks/index-Ccz8nL5M.mjs';
-import '../chunks/utils-CwDmCEge.mjs';
-import '../chunks/bundle-mjs-DF1QM7yV.mjs';
-import '../chunks/check-DduIDKAH.mjs';
-import '../chunks/chevron-right-D8jyu1Ce.mjs';
+import '../chunks/index-Cbm3--wc.mjs';
+import '../chunks/index-DvCZGX3H.mjs';
+import '../chunks/tslib.es6-DXUeYCTx.mjs';
+import '../chunks/index-aLIsJMgt.mjs';
+import '../chunks/index-DmY774z-.mjs';
+import '../chunks/index-BTe1rv5Z.mjs';
+import '../chunks/index-C6s8KI_8.mjs';
+import '../chunks/index-BsG_UW8k.mjs';
+import '../chunks/index-D4FMFHi9.mjs';
+import '../chunks/utils-05LlW3Cl.mjs';
+import '../chunks/bundle-mjs-BYcyWisL.mjs';
+import '../chunks/check-BBGTedl-.mjs';
+import '../chunks/chevron-right-mC6NR8jW.mjs';
 //# sourceMappingURL=index.mjs.map

package/dist/multi-input-list/index.d.ts

@@ -9,6 +9,7 @@ interface MultiInputListProps {
     defaultValue?: string[];
     onValueChange: (value: string[]) => void;
     placeholder?: string;
+    searchPlaceholder?: string;
     label?: string | React__default.ReactNode;
     description?: string;
     listTitle?: string;
@@ -21,6 +22,12 @@ interface MultiInputListProps {
     id?: string;
     showAddButton?: boolean;
     addButtonLabel?: string;
+    fetchOptions?: (term: string) => Promise<{
+        label: string;
+        value: string;
+    }[]>;
+    maxHeight?: string | number;
+    fetchDependencies?: unknown[];
 }
 declare const MultiInputList: React__default.ForwardRefExoticComponent<MultiInputListProps & React__default.RefAttributes<HTMLInputElement>>;
 

package/dist/multi-input-list/index.mjs

@@ -1,39 +1,40 @@
 import React__default from 'react';
-import { c as cn } from '../chunks/utils-CwDmCEge.mjs';
-import { C as ChevronsUpDown } from '../chunks/chevrons-up-down-2G_mHB5d.mjs';
-import { C as Check } from '../chunks/check-DduIDKAH.mjs';
-import { T as Trash2 } from '../chunks/trash-2-C-nU3lmr.mjs';
-import { L as Label } from '../chunks/label-BrO1sQ0r.mjs';
-import { P as Popover, a as PopoverTrigger, b as PopoverContent } from '../chunks/popover-BW3SktUO.mjs';
-import { I as Input } from '../chunks/input-tGWBpkwj.mjs';
-import { C as Command, b as CommandInput, c as CommandList, f as CommandItem, d as CommandEmpty, e as CommandGroup } from '../chunks/command-CTTEi-Tw.mjs';
-import { B as Button } from '../chunks/button-C0ijXnnF.mjs';
-import '../chunks/bundle-mjs-DF1QM7yV.mjs';
-import '../chunks/createLucideIcon-CyWof2Fq.mjs';
-import '../chunks/index-L4pU8dCQ.mjs';
+import { c } from '../chunks/index.module-1-Lm1QYF.mjs';
+import { c as cn } from '../chunks/utils-05LlW3Cl.mjs';
+import { C as ChevronsUpDown } from '../chunks/chevrons-up-down-BFiJwHit.mjs';
+import { C as Check } from '../chunks/check-BBGTedl-.mjs';
+import { T as Trash2 } from '../chunks/trash-2-D6lkozey.mjs';
+import { L as Label } from '../chunks/label-atj6gghV.mjs';
+import { P as Popover, a as PopoverTrigger, b as PopoverContent } from '../chunks/popover-CsYW0nDm.mjs';
+import { I as Input } from '../chunks/input-BEkvMaQp.mjs';
+import { C as Command, b as CommandInput, c as CommandList, f as CommandItem, d as CommandEmpty, e as CommandGroup } from '../chunks/command-IckfUQsK.mjs';
+import { B as Button } from '../chunks/button-Co_1yLv6.mjs';
+import '../chunks/bundle-mjs-BYcyWisL.mjs';
+import '../chunks/createLucideIcon-DLrNgMqk.mjs';
+import '../chunks/index-DgKlJYZP.mjs';
 import 'react-dom';
 import '@radix-ui/react-slot';
 import 'react/jsx-runtime';
-import '../chunks/index-D56BYstR.mjs';
-import '../chunks/index-BI2MxMeC.mjs';
-import '../chunks/index-vtBqBO3S.mjs';
-import '../chunks/index-CKARIk9k.mjs';
-import '../chunks/index-CQt6sjXa.mjs';
-import '../chunks/index-Coakg78O.mjs';
-import '../chunks/tslib.es6-Cuxw-1bu.mjs';
-import '../chunks/index-BEh8ek6-.mjs';
-import '../chunks/index-B0Kdhw0d.mjs';
-import '../chunks/index-n9Y_kDgY.mjs';
-import '../chunks/index-DAZztiKf.mjs';
-import '../chunks/index-qUT5iV25.mjs';
-import '../chunks/index-2anlJbdb.mjs';
-import '../chunks/index-Ccz8nL5M.mjs';
-import '../chunks/index-sGgLIg5I.mjs';
-import '../chunks/dialog-DsCgCf_e.mjs';
-import '../chunks/x-Dpaoz6yn.mjs';
+import '../chunks/index-Bl-WJHvp.mjs';
+import '../chunks/index-1tQVI0Jh.mjs';
+import '../chunks/index-DT8WgpCS.mjs';
+import '../chunks/index-DUpRrJTH.mjs';
+import '../chunks/index-Cbm3--wc.mjs';
+import '../chunks/index-DvCZGX3H.mjs';
+import '../chunks/tslib.es6-DXUeYCTx.mjs';
+import '../chunks/index-tkRL9Tft.mjs';
+import '../chunks/index-DKOlG3mh.mjs';
+import '../chunks/index-aLIsJMgt.mjs';
+import '../chunks/index-DmY774z-.mjs';
+import '../chunks/index-BTe1rv5Z.mjs';
+import '../chunks/index-C6s8KI_8.mjs';
+import '../chunks/index-D4FMFHi9.mjs';
+import '../chunks/index-BRYGnp2Q.mjs';
+import '../chunks/dialog-BkF50Tmo.mjs';
+import '../chunks/x-BOMmTgZd.mjs';
 import 'class-variance-authority';
 
-const MultiInputList = /*#__PURE__*/ React__default.forwardRef(({ options, value: controlledValue, defaultValue = [], onValueChange, placeholder = "Digite...", label, description, listTitle = "Itens adicionados", listUnit = "itens", className, disabled, selectAllLabel = "(Selecionar todos)", validationRegex, onInvalidInput, id, showAddButton, addButtonLabel = "Adicionar", ...props }, ref)=>{
+const MultiInputList = /*#__PURE__*/ React__default.forwardRef(({ options: initialOptions, value: controlledValue, defaultValue = [], onValueChange, placeholder = "Digite...", searchPlaceholder = "Buscar...", label, description, listTitle = "Itens adicionados", listUnit = "itens", className, disabled, selectAllLabel = "(Selecionar todos)", validationRegex, onInvalidInput, id, showAddButton, addButtonLabel = "Adicionar", fetchOptions, maxHeight = "200px", fetchDependencies = [], ...props }, ref)=>{
     const generatedId = React__default.useId();
     const inputId = id || generatedId;
     const [selectedValues, setSelectedValues] = React__default.useState(controlledValue || defaultValue);
@@ -41,6 +42,9 @@ const MultiInputList = /*#__PURE__*/ React__default.forwardRef(({ options, value
     const [searchTerm, setSearchTerm] = React__default.useState("");
     const [isPopoverOpen, setIsPopoverOpen] = React__default.useState(false);
     const [isShiftOn, setIsShiftOn] = React__default.useState(false);
+    const [knownOptions, setKnownOptions] = React__default.useState(initialOptions);
+    const [fetchedOptions, setFetchedOptions] = React__default.useState([]);
+    const [loading, setLoading] = React__default.useState(false);
     React__default.useEffect(()=>{
         if (controlledValue) {
             setSelectedValues(controlledValue);
@@ -48,7 +52,68 @@ const MultiInputList = /*#__PURE__*/ React__default.forwardRef(({ options, value
     }, [
         controlledValue
     ]);
-    // Handle adding items from input (enter, comma, blur)
+    React__default.useEffect(()=>{
+        if (initialOptions.length > 0) {
+            setKnownOptions((prev)=>{
+                const prevMap = new Map(prev.map((o)=>[
+                        o.value,
+                        o
+                    ]));
+                initialOptions.forEach((o)=>{
+                    prevMap.set(o.value, o);
+                });
+                return Array.from(prevMap.values());
+            });
+        }
+    }, [
+        initialOptions
+    ]);
+    const displayOptions = React__default.useMemo(()=>{
+        if (fetchOptions) {
+            return fetchedOptions;
+        }
+        if (!searchTerm) return initialOptions;
+        return initialOptions.filter((opt)=>opt.label.toLowerCase().includes(searchTerm.toLowerCase()));
+    }, [
+        fetchOptions,
+        fetchedOptions,
+        initialOptions,
+        searchTerm
+    ]);
+    const debouncedFetch = c(async (term)=>{
+        if (!fetchOptions) return;
+        try {
+            const result = await fetchOptions(term);
+            setFetchedOptions(result);
+            setKnownOptions((prev)=>{
+                const prevMap = new Map(prev.map((o)=>[
+                        o.value,
+                        o
+                    ]));
+                result.forEach((o)=>{
+                    prevMap.set(o.value, o);
+                });
+                return Array.from(prevMap.values());
+            });
+        } catch (err) {
+            console.error("Erro ao buscar opções:", err);
+            setFetchedOptions([]);
+        } finally{
+            setLoading(false);
+        }
+    }, 500);
+    const dependenciesSerialized = React__default.useMemo(()=>JSON.stringify(fetchDependencies), [
+        fetchDependencies
+    ]);
+    // biome-ignore lint/correctness/useExhaustiveDependencies: <useEffect>
+    React__default.useEffect(()=>{
+        if (fetchOptions && (searchTerm || inputValue)) {
+            setLoading(true);
+            debouncedFetch(searchTerm || inputValue);
+        }
+    }, [
+        dependenciesSerialized
+    ]);
     const addFromInput = (text)=>{
         if (!text) return;
         const parts = text.split(",").map((p)=>p.trim()).filter((p)=>p.length > 0);
@@ -57,7 +122,6 @@ const MultiInputList = /*#__PURE__*/ React__default.forwardRef(({ options, value
         const invalidParts = validationRegex ? parts.filter((p)=>!validationRegex.test(p)) : [];
         if (invalidParts.length > 0) {
             if (onInvalidInput) onInvalidInput(invalidParts);
-            // Keep invalid parts in the input
             setInputValue(invalidParts.join(", "));
         } else {
             setInputValue("");
@@ -66,6 +130,16 @@ const MultiInputList = /*#__PURE__*/ React__default.forwardRef(({ options, value
             const newSet = new Set(selectedValues);
             validParts.forEach((part)=>{
                 newSet.add(part);
+                setKnownOptions((prev)=>{
+                    if (prev.some((o)=>o.value === part)) return prev;
+                    return [
+                        ...prev,
+                        {
+                            label: part,
+                            value: part
+                        }
+                    ];
+                });
             });
             const newValues = Array.from(newSet);
             setSelectedValues(newValues);
@@ -73,16 +147,24 @@ const MultiInputList = /*#__PURE__*/ React__default.forwardRef(({ options, value
         }
     };
     const handleKeyDown = (e)=>{
-        if (e.key === "Enter") {
+        if (e.key === "ArrowDown") {
+            e.preventDefault();
+            if (!isPopoverOpen) {
+                setIsPopoverOpen(true);
+            }
+            requestAnimationFrame(()=>{
+                const firstItem = document.querySelector('[role="option"]');
+                firstItem?.focus();
+            });
+        } else if (e.key === "Enter") {
             e.preventDefault();
             addFromInput(inputValue);
-            setIsPopoverOpen(false); // Close popover on explicit enter
+            setIsPopoverOpen(false);
         } else if (e.key === ",") {
             e.preventDefault();
-            addFromInput(inputValue); // Add current buffer including expected comma split
+            addFromInput(inputValue);
         } else if (e.key === "Tab") {
             if (inputValue) {
-                // If tabbing out, add what's there
                 addFromInput(inputValue);
             }
         }
@@ -98,10 +180,13 @@ const MultiInputList = /*#__PURE__*/ React__default.forwardRef(({ options, value
     };
     const toggleInterval = (index)=>{
         if (selectedValues.length < 1) return;
-        const lastIndex = options.findIndex((o)=>o.value === selectedValues.at(-1));
+        const currentOptions = displayOptions;
+        const lastValue = selectedValues.at(-1);
+        const lastIndex = currentOptions.findIndex((o)=>o.value === lastValue);
+        if (lastIndex === -1) return;
         const start = Math.min(lastIndex, index);
         const end = Math.max(lastIndex, index) + 1;
-        const rangeValues = options.slice(start, end).map((o)=>o.value);
+        const rangeValues = currentOptions.slice(start, end).map((o)=>o.value);
         const areAllSelected = rangeValues.every((v)=>selectedValues.includes(v));
         const newSelectedValues = areAllSelected ? selectedValues.filter((v)=>!rangeValues.includes(v)) : [
             ...new Set([
@@ -117,20 +202,16 @@ const MultiInputList = /*#__PURE__*/ React__default.forwardRef(({ options, value
         setSelectedValues(newValues);
         onValueChange(newValues);
     };
-    // Filter options based on search term (inside popover)
-    const filteredOptions = options.filter((opt)=>opt.label.toLowerCase().includes(searchTerm.toLowerCase()));
-    const hasSuggestions = options.length > 0; // Always show popover if options exist, filtering happens inside
     const handleSelectAll = ()=>{
-        const allFilteredSelected = filteredOptions.every((opt)=>selectedValues.includes(opt.value));
-        if (allFilteredSelected) {
-            // Deselect all filtered options
-            const newValues = selectedValues.filter((val)=>!filteredOptions.some((opt)=>opt.value === val));
+        const optionsToSelect = displayOptions;
+        const allSelected = optionsToSelect.every((o)=>selectedValues.includes(o.value));
+        if (allSelected) {
+            const newValues = selectedValues.filter((val)=>!optionsToSelect.some((opt)=>opt.value === val));
             setSelectedValues(newValues);
             onValueChange(newValues);
         } else {
-            // Select all filtered options
             const newSet = new Set(selectedValues);
-            filteredOptions.forEach((opt)=>{
+            optionsToSelect.forEach((opt)=>{
                 newSet.add(opt.value);
             });
             const newValues = Array.from(newSet);
@@ -138,21 +219,21 @@ const MultiInputList = /*#__PURE__*/ React__default.forwardRef(({ options, value
             onValueChange(newValues);
         }
     };
-    const isAllFilteredSelected = filteredOptions.length > 0 && filteredOptions.every((opt)=>selectedValues.includes(opt.value));
+    const isAllFilteredSelected = displayOptions.length > 0 && displayOptions.every((opt)=>selectedValues.includes(opt.value));
     return /*#__PURE__*/ React__default.createElement("div", {
         className: cn("space-y-2", className)
     }, label && /*#__PURE__*/ React__default.createElement(Label, {
         htmlFor: inputId,
-        className: "text-foreground text-sm font-medium gap-0"
+        className: "text-foreground gap-0 text-sm font-medium"
     }, label), /*#__PURE__*/ React__default.createElement("div", {
         className: "flex w-full items-center gap-2"
     }, /*#__PURE__*/ React__default.createElement("div", {
         className: "relative flex-1"
     }, /*#__PURE__*/ React__default.createElement(Popover, {
-        open: isPopoverOpen && hasSuggestions,
+        open: isPopoverOpen && (displayOptions.length > 0 || loading || !!fetchOptions),
         onOpenChange: (open)=>{
             setIsPopoverOpen(open);
-            if (!open) setSearchTerm(""); // Reset search when closing
+            if (!open) setSearchTerm("");
         }
     }, /*#__PURE__*/ React__default.createElement(PopoverTrigger, {
         asChild: true
@@ -168,7 +249,13 @@ const MultiInputList = /*#__PURE__*/ React__default.forwardRef(({ options, value
             setIsPopoverOpen(true);
         },
         onChange: (e)=>{
-            setInputValue(e.target.value);
+            const val = e.target.value;
+            setInputValue(val);
+            if (fetchOptions) {
+                setSearchTerm(val);
+                setLoading(true);
+                debouncedFetch(val);
+            }
             if (!isPopoverOpen) setIsPopoverOpen(true);
         },
         onKeyDown: handleKeyDown,
@@ -177,12 +264,12 @@ const MultiInputList = /*#__PURE__*/ React__default.forwardRef(({ options, value
         className: "w-full pr-8",
         autoComplete: "off",
         ...props
-    }), options.length > 0 && /*#__PURE__*/ React__default.createElement("div", {
-        className: "absolute right-4 top-2.5 pointer-events-none opacity-50"
+    }), (initialOptions.length > 0 || fetchOptions) && /*#__PURE__*/ React__default.createElement("div", {
+        className: "pointer-events-none absolute top-2.5 right-4 opacity-50"
     }, /*#__PURE__*/ React__default.createElement(ChevronsUpDown, {
         className: "size-4"
     })))), /*#__PURE__*/ React__default.createElement(PopoverContent, {
-        className: "p-0 w-[--radix-popover-trigger-width]",
+        className: "w-[--radix-popover-trigger-width] p-0",
         align: "start",
         onOpenAutoFocus: (e)=>e.preventDefault(),
         onKeyDown: (event)=>{
@@ -192,30 +279,41 @@ const MultiInputList = /*#__PURE__*/ React__default.forwardRef(({ options, value
             event.key === "Shift" ? setIsShiftOn(false) : null;
         }
     }, /*#__PURE__*/ React__default.createElement(Command, {
-        shouldFilter: false
-    }, /*#__PURE__*/ React__default.createElement(CommandInput, {
-        placeholder: "Buscar destinatário",
+        shouldFilter: false,
+        className: ""
+    }, !fetchOptions && /*#__PURE__*/ React__default.createElement(CommandInput, {
+        placeholder: searchPlaceholder,
         value: searchTerm,
-        onValueChange: setSearchTerm
-    }), /*#__PURE__*/ React__default.createElement(CommandList, null, filteredOptions.length > 0 && /*#__PURE__*/ React__default.createElement(CommandItem, {
+        onValueChange: (val)=>{
+            setSearchTerm(val);
+            if (fetchOptions) {
+                setLoading(true);
+                debouncedFetch(val);
+            }
+        }
+    }), /*#__PURE__*/ React__default.createElement(CommandList, null, displayOptions.length > 0 && !fetchOptions && /*#__PURE__*/ React__default.createElement(CommandItem, {
         onSelect: handleSelectAll,
-        className: "flex justify-between items-center mx-1 cursor-pointer"
+        className: "mx-1 flex cursor-pointer items-center justify-between"
     }, /*#__PURE__*/ React__default.createElement("span", null, selectAllLabel), isAllFilteredSelected && /*#__PURE__*/ React__default.createElement(Check, {
         className: "h-4 w-4"
-    })), filteredOptions.length === 0 ? /*#__PURE__*/ React__default.createElement(CommandEmpty, null, "Nenhuma sugestão.") : /*#__PURE__*/ React__default.createElement(CommandGroup, null, filteredOptions.map((option)=>{
+    })), loading && /*#__PURE__*/ React__default.createElement("div", {
+        className: cn("text-muted-foreground py-6 text-center text-sm", fetchOptions && "p-6")
+    }, "Carregando..."), !loading && displayOptions.length === 0 && /*#__PURE__*/ React__default.createElement(CommandEmpty, {
+        className: cn("text-sm", fetchOptions && "p-6")
+    }, "Nenhuma sugestão."), !loading && displayOptions.length > 0 && /*#__PURE__*/ React__default.createElement(CommandGroup, null, displayOptions.map((option)=>{
         const isSelected = selectedValues.includes(option.value);
         return /*#__PURE__*/ React__default.createElement(CommandItem, {
             key: option.value,
+            value: option.label,
             onSelect: ()=>{
                 if (isShiftOn) {
-                    const originalIndex = options.findIndex((o)=>o.value === option.value);
+                    const originalIndex = displayOptions.findIndex((o)=>o.value === option.value);
                     toggleInterval(originalIndex);
                 } else {
                     toggleOption(option.value);
                 }
-            // Keep open for multiple selection
             },
-            className: "flex justify-between cursor-pointer"
+            className: "flex cursor-pointer justify-between"
         }, /*#__PURE__*/ React__default.createElement("span", null, option.label), isSelected && /*#__PURE__*/ React__default.createElement(Check, {
             className: "h-4 w-4"
         }));
@@ -229,33 +327,39 @@ const MultiInputList = /*#__PURE__*/ React__default.forwardRef(({ options, value
     }, description), selectedValues.length > 0 && /*#__PURE__*/ React__default.createElement("div", {
         className: "mt-4 pt-4"
     }, /*#__PURE__*/ React__default.createElement("div", {
-        className: "flex items-center justify-between mb-2"
+        className: "mb-2 flex items-center justify-between"
     }, /*#__PURE__*/ React__default.createElement("h4", {
-        className: "text-sm font-medium text-muted-foreground px-1"
+        className: "text-muted-foreground px-1 text-sm font-medium"
     }, listTitle)), /*#__PURE__*/ React__default.createElement("div", {
-        className: "border-b rounded-md rounded-b-none divide-y"
+        className: "rounded-md rounded-b-none border-b"
+    }, /*#__PURE__*/ React__default.createElement("div", {
+        style: {
+            maxHeight
+        },
+        className: "w-full overflow-y-auto rounded-md"
+    }, /*#__PURE__*/ React__default.createElement("div", {
+        className: "divide-y"
     }, selectedValues.map((val)=>{
-        // Try to find label in options, else use value itself
-        const option = options.find((o)=>o.value === val);
+        const option = knownOptions.find((o)=>o.value === val);
         const displayLabel = option ? option.label : val;
         return /*#__PURE__*/ React__default.createElement("div", {
             key: val,
-            className: "flex items-center justify-between py-2 px-1 text-sm bg-background hover:bg-muted/50 transition-colors first:border-t"
+            className: "bg-background hover:bg-muted/50 flex items-center justify-between px-1 py-2 text-sm transition-colors"
         }, /*#__PURE__*/ React__default.createElement("span", {
             className: "truncate"
         }, displayLabel), /*#__PURE__*/ React__default.createElement(Button, {
             variant: "ghost",
             size: "icon",
             onClick: ()=>removeItem(val),
-            className: "h-8 w-8 text-destructive hover:text-destructive hover:bg-destructive/10",
+            className: "text-destructive hover:text-destructive hover:bg-destructive/10 h-8 w-8",
             type: "button"
         }, /*#__PURE__*/ React__default.createElement(Trash2, {
             className: "h-4 w-4"
         }), /*#__PURE__*/ React__default.createElement("span", {
             className: "sr-only"
         }, "Remover ", displayLabel)));
-    })), /*#__PURE__*/ React__default.createElement("div", {
-        className: "flex items-center justify-between py-2 text-sm text-muted-foreground border-t -mt-px relative z-10 px-1 bg-muted"
+    })))), /*#__PURE__*/ React__default.createElement("div", {
+        className: "text-muted-foreground bg-muted relative z-10 -mt-px flex items-center justify-between border-t px-1 py-2 text-sm"
     }, /*#__PURE__*/ React__default.createElement("span", null, "Total"), /*#__PURE__*/ React__default.createElement("span", null, selectedValues.length, " ", listUnit))));
 });
 MultiInputList.displayName = "MultiInputList";