ivt 0.7.0 → 0.7.2

package/dist/kbd/index.mjs

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { c as cn } from '../chunks/utils-CZzyeare.mjs';
-import '../chunks/bundle-mjs-DsNiaMJS.mjs';
+import { c as cn } from '../chunks/utils-BOlqGJrg.mjs';
+import '../chunks/bundle-mjs-Lvc-Dri9.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-C5b7EsNj.mjs';
+export { L as Label } from '../chunks/label-BgC413_9.mjs';
 import 'react';
-import '../chunks/index-DKrv9iMY.mjs';
+import '../chunks/index-CrXpydfv.mjs';
 import 'react-dom';
 import '@radix-ui/react-slot';
 import 'react/jsx-runtime';
-import '../chunks/utils-CZzyeare.mjs';
-import '../chunks/bundle-mjs-DsNiaMJS.mjs';
+import '../chunks/utils-BOlqGJrg.mjs';
+import '../chunks/bundle-mjs-Lvc-Dri9.mjs';
 //# sourceMappingURL=index.mjs.map

package/dist/layout/index.mjs

@@ -1,31 +1,31 @@
-import { C as Container, a as ChildContainer } from '../chunks/Container-435PicTP.mjs';
-export { L as ListItem } from '../chunks/ListItem-CwSloNFZ.mjs';
+import { C as Container, a as ChildContainer } from '../chunks/Container-Cv6NG9kb.mjs';
+export { L as ListItem } from '../chunks/ListItem-eGWDX0GP.mjs';
 import React__default from 'react';
-import { c as cn } from '../chunks/utils-CZzyeare.mjs';
-import { T as TriangleAlert } from '../chunks/triangle-alert-K46ws0FW.mjs';
-import '../chunks/TooltipIndicator-UUTwNh5Y.mjs';
-import '../chunks/createLucideIcon-DfHHy_fF.mjs';
-import '../chunks/tooltip-C8PymYjC.mjs';
-import '../chunks/index-DhxU0LEQ.mjs';
-import '../chunks/index-CbAYX6tE.mjs';
-import '../chunks/index-DDclWz5f.mjs';
+import { c as cn } from '../chunks/utils-BOlqGJrg.mjs';
+import { T as TriangleAlert } from '../chunks/triangle-alert-Gr8soT6b.mjs';
+import '../chunks/TooltipIndicator-BjtHYQzo.mjs';
+import '../chunks/createLucideIcon-0uwxvfEG.mjs';
+import '../chunks/tooltip-DL6xVJHi.mjs';
+import '../chunks/index-BeWMIyGj.mjs';
+import '../chunks/index-D5BJ_0bf.mjs';
+import '../chunks/index-YaCKvBnb.mjs';
 import 'react/jsx-runtime';
-import '../chunks/index-D7dCxTP2.mjs';
-import '../chunks/index-DKrv9iMY.mjs';
+import '../chunks/index-CYpZ8qGv.mjs';
+import '../chunks/index-CrXpydfv.mjs';
 import 'react-dom';
 import '@radix-ui/react-slot';
-import '../chunks/index-CwcOLnJm.mjs';
-import '../chunks/index-6uBK1TEk.mjs';
-import '../chunks/index-BnADUzzc.mjs';
-import '../chunks/index-X3UvAhoa.mjs';
-import '../chunks/index-QBr28_3u.mjs';
-import '../chunks/index-So-nn3e7.mjs';
-import '../chunks/index-BZhmkMVZ.mjs';
-import '../chunks/index-mk_bVkL9.mjs';
-import '../chunks/index-0SCeyzsK.mjs';
-import '../chunks/badge-CSKBGHyC.mjs';
+import '../chunks/index-BSGOnYAL.mjs';
+import '../chunks/index-utzX5BKz.mjs';
+import '../chunks/index-BrfogwJw.mjs';
+import '../chunks/index-DR3ok_zE.mjs';
+import '../chunks/index-F1Vay3hL.mjs';
+import '../chunks/index-cxmuS08t.mjs';
+import '../chunks/index-Ch8cepWA.mjs';
+import '../chunks/index-CWI00LgK.mjs';
+import '../chunks/index-6TVIC1_R.mjs';
+import '../chunks/badge-DTn1AQbT.mjs';
 import 'class-variance-authority';
-import '../chunks/bundle-mjs-DsNiaMJS.mjs';
+import '../chunks/bundle-mjs-Lvc-Dri9.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-DiHLFmad.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-DU7jMSAY.mjs';
 import 'react';
 import '@radix-ui/react-collection';
-import '../chunks/index-CPtkkz-Y.mjs';
+import '../chunks/index-CkRZ2gKz.mjs';
 import 'react/jsx-runtime';
-import '../chunks/index-DhxU0LEQ.mjs';
-import '../chunks/index-CbAYX6tE.mjs';
-import '../chunks/index-DDclWz5f.mjs';
-import '../chunks/index-6uBK1TEk.mjs';
-import '../chunks/index-BnADUzzc.mjs';
-import '../chunks/index-DQBXf0Nn.mjs';
-import '../chunks/createLucideIcon-DfHHy_fF.mjs';
-import '../chunks/index-D7dCxTP2.mjs';
-import '../chunks/index-DKrv9iMY.mjs';
+import '../chunks/index-BeWMIyGj.mjs';
+import '../chunks/index-D5BJ_0bf.mjs';
+import '../chunks/index-YaCKvBnb.mjs';
+import '../chunks/index-utzX5BKz.mjs';
+import '../chunks/index-BrfogwJw.mjs';
+import '../chunks/index-na6H-GCB.mjs';
+import '../chunks/createLucideIcon-0uwxvfEG.mjs';
+import '../chunks/index-CYpZ8qGv.mjs';
+import '../chunks/index-CrXpydfv.mjs';
 import 'react-dom';
 import '@radix-ui/react-slot';
-import '../chunks/index-CwcOLnJm.mjs';
-import '../chunks/index-BOVs_g4Q.mjs';
-import '../chunks/tslib.es6-CjQCvxqN.mjs';
-import '../chunks/index-X3UvAhoa.mjs';
-import '../chunks/index-QBr28_3u.mjs';
-import '../chunks/index-So-nn3e7.mjs';
-import '../chunks/index-BZhmkMVZ.mjs';
-import '../chunks/index-D43aEpzt.mjs';
-import '../chunks/index-mk_bVkL9.mjs';
-import '../chunks/utils-CZzyeare.mjs';
-import '../chunks/bundle-mjs-DsNiaMJS.mjs';
-import '../chunks/check-Dc1DpMhB.mjs';
-import '../chunks/chevron-right-gwqv7hdT.mjs';
+import '../chunks/index-BSGOnYAL.mjs';
+import '../chunks/index-Dw0VFoXM.mjs';
+import '../chunks/tslib.es6-Bf7t9JE-.mjs';
+import '../chunks/index-DR3ok_zE.mjs';
+import '../chunks/index-F1Vay3hL.mjs';
+import '../chunks/index-cxmuS08t.mjs';
+import '../chunks/index-Ch8cepWA.mjs';
+import '../chunks/index-CO3WOWY2.mjs';
+import '../chunks/index-CWI00LgK.mjs';
+import '../chunks/utils-BOlqGJrg.mjs';
+import '../chunks/bundle-mjs-Lvc-Dri9.mjs';
+import '../chunks/check-F6R3Zyjv.mjs';
+import '../chunks/chevron-right-BBzqWfgU.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,13 @@ interface MultiInputListProps {
     id?: string;
     showAddButton?: boolean;
     addButtonLabel?: string;
+    fetchOptions?: (term: string) => Promise<{
+        label: string;
+        value: string;
+    }[]>;
+    maxHeight?: string | number;
+    fetchDependencies?: unknown[];
+    triggerFetchOnFocus?: boolean;
 }
 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-CZzyeare.mjs';
-import { C as ChevronsUpDown } from '../chunks/chevrons-up-down-Dg5q5QQ6.mjs';
-import { C as Check } from '../chunks/check-Dc1DpMhB.mjs';
-import { T as Trash2 } from '../chunks/trash-2-DHnJ2JOw.mjs';
-import { L as Label } from '../chunks/label-C5b7EsNj.mjs';
-import { P as Popover, a as PopoverTrigger, b as PopoverContent } from '../chunks/popover-CpjZYtpI.mjs';
-import { I as Input } from '../chunks/input-DyG0N-65.mjs';
-import { C as Command, b as CommandInput, c as CommandList, f as CommandItem, d as CommandEmpty, e as CommandGroup } from '../chunks/command-CyjrKgCk.mjs';
-import { B as Button } from '../chunks/button-DW1YQJSf.mjs';
-import '../chunks/bundle-mjs-DsNiaMJS.mjs';
-import '../chunks/createLucideIcon-DfHHy_fF.mjs';
-import '../chunks/index-DKrv9iMY.mjs';
+import { c } from '../chunks/index.module-DOV7zOvH.mjs';
+import { c as cn } from '../chunks/utils-BOlqGJrg.mjs';
+import { C as ChevronsUpDown } from '../chunks/chevrons-up-down-qNyleCLF.mjs';
+import { C as Check } from '../chunks/check-F6R3Zyjv.mjs';
+import { T as Trash2 } from '../chunks/trash-2-B6-kuqxf.mjs';
+import { L as Label } from '../chunks/label-BgC413_9.mjs';
+import { P as Popover, a as PopoverTrigger, b as PopoverContent } from '../chunks/popover-RcJ808cy.mjs';
+import { I as Input } from '../chunks/input-DA9gkhwB.mjs';
+import { C as Command, b as CommandInput, c as CommandList, f as CommandItem, d as CommandEmpty, e as CommandGroup } from '../chunks/command-IbA1nxIb.mjs';
+import { B as Button } from '../chunks/button-Cve1c7GQ.mjs';
+import '../chunks/bundle-mjs-Lvc-Dri9.mjs';
+import '../chunks/createLucideIcon-0uwxvfEG.mjs';
+import '../chunks/index-CrXpydfv.mjs';
 import 'react-dom';
 import '@radix-ui/react-slot';
 import 'react/jsx-runtime';
-import '../chunks/index-DhxU0LEQ.mjs';
-import '../chunks/index-CbAYX6tE.mjs';
-import '../chunks/index-DDclWz5f.mjs';
-import '../chunks/index-D7dCxTP2.mjs';
-import '../chunks/index-CwcOLnJm.mjs';
-import '../chunks/index-BOVs_g4Q.mjs';
-import '../chunks/tslib.es6-CjQCvxqN.mjs';
-import '../chunks/index-6uBK1TEk.mjs';
-import '../chunks/index-BnADUzzc.mjs';
-import '../chunks/index-X3UvAhoa.mjs';
-import '../chunks/index-QBr28_3u.mjs';
-import '../chunks/index-So-nn3e7.mjs';
-import '../chunks/index-BZhmkMVZ.mjs';
-import '../chunks/index-mk_bVkL9.mjs';
-import '../chunks/index-DsZMIujt.mjs';
-import '../chunks/dialog-DdfabDy3.mjs';
-import '../chunks/x-4VGfZ2jd.mjs';
+import '../chunks/index-BeWMIyGj.mjs';
+import '../chunks/index-D5BJ_0bf.mjs';
+import '../chunks/index-YaCKvBnb.mjs';
+import '../chunks/index-CYpZ8qGv.mjs';
+import '../chunks/index-BSGOnYAL.mjs';
+import '../chunks/index-Dw0VFoXM.mjs';
+import '../chunks/tslib.es6-Bf7t9JE-.mjs';
+import '../chunks/index-utzX5BKz.mjs';
+import '../chunks/index-BrfogwJw.mjs';
+import '../chunks/index-DR3ok_zE.mjs';
+import '../chunks/index-F1Vay3hL.mjs';
+import '../chunks/index-cxmuS08t.mjs';
+import '../chunks/index-Ch8cepWA.mjs';
+import '../chunks/index-CWI00LgK.mjs';
+import '../chunks/index-Bx0xXTid.mjs';
+import '../chunks/dialog-B2DUrpTa.mjs';
+import '../chunks/x-DWHixXf6.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 = [], triggerFetchOnFocus = true, ...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,21 +249,33 @@ 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,
-        onFocus: ()=>setIsPopoverOpen(true),
+        onFocus: ()=>{
+            setIsPopoverOpen(true);
+            if (triggerFetchOnFocus && fetchOptions) {
+                setLoading(true);
+                debouncedFetch(inputValue || "");
+            }
+        },
         disabled: disabled,
         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 +285,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 +333,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 -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";