ivt 0.6.6 → 0.6.8

package/dist/accordion/index.mjs

@@ -1,21 +1,21 @@
-export { A as Accordion, c as AccordionContent, a as AccordionItem, b as AccordionTrigger } from '../chunks/accordion-CEM9oHG4.mjs';
+export { A as Accordion, c as AccordionContent, a as AccordionItem, b as AccordionTrigger } from '../chunks/accordion-ChA6nm2v.mjs';
 import 'react';
-import '../chunks/index-vtBqBO3S.mjs';
+import '../chunks/index-CriKvahc.mjs';
 import 'react/jsx-runtime';
 import '@radix-ui/react-collection';
-import '../chunks/index-BI2MxMeC.mjs';
-import '../chunks/index-D56BYstR.mjs';
-import '../chunks/index-Ccz8nL5M.mjs';
-import '../chunks/index-B0Kdhw0d.mjs';
-import '../chunks/index-L4pU8dCQ.mjs';
+import '../chunks/index-ByMLqUYL.mjs';
+import '../chunks/index-BIkaCdbt.mjs';
+import '../chunks/index-RuFdJyXd.mjs';
+import '../chunks/index-CdVMPbm9.mjs';
+import '../chunks/index-BtVAcGzW.mjs';
 import 'react-dom';
 import '@radix-ui/react-slot';
-import '../chunks/index-Dot3Y4xv.mjs';
-import '../chunks/index-2anlJbdb.mjs';
-import '../chunks/index-BEh8ek6-.mjs';
-import '../chunks/index-BsB-iQGw.mjs';
-import '../chunks/utils-CwDmCEge.mjs';
-import '../chunks/bundle-mjs-DF1QM7yV.mjs';
-import '../chunks/chevron-down-C8lGEIzE.mjs';
-import '../chunks/createLucideIcon-CyWof2Fq.mjs';
+import '../chunks/index-CIptCfJf.mjs';
+import '../chunks/index-BTJfHGTc.mjs';
+import '../chunks/index-CakOZHO3.mjs';
+import '../chunks/index-CDrmAWkg.mjs';
+import '../chunks/utils-CRpax_Oz.mjs';
+import '../chunks/bundle-mjs-CaEEedsA.mjs';
+import '../chunks/chevron-down-D2i2UyYP.mjs';
+import '../chunks/createLucideIcon-BskRIXUQ.mjs';
 //# sourceMappingURL=index.mjs.map

package/dist/accordion-table/index.mjs

@@ -1,35 +1,35 @@
 import React__default from 'react';
-import { c as cn } from '../chunks/utils-CwDmCEge.mjs';
-import { D as DeleteConfirmationModal } from '../chunks/DeleteConfirmationModal-Chw9qtJ5.mjs';
-import { c as createLucideIcon } from '../chunks/createLucideIcon-CyWof2Fq.mjs';
-import { A as Accordion, a as AccordionItem, b as AccordionTrigger, c as AccordionContent } from '../chunks/accordion-CEM9oHG4.mjs';
-import { B as Badge } from '../chunks/badge-Bq7g6DlG.mjs';
-import { B as Button } from '../chunks/button-C0ijXnnF.mjs';
-import '../chunks/bundle-mjs-DF1QM7yV.mjs';
-import '../chunks/dialog-DsCgCf_e.mjs';
-import '../chunks/index-sGgLIg5I.mjs';
-import '../chunks/index-D56BYstR.mjs';
-import '../chunks/index-BI2MxMeC.mjs';
-import '../chunks/index-vtBqBO3S.mjs';
+import { c as cn } from '../chunks/utils-CRpax_Oz.mjs';
+import { D as DeleteConfirmationModal } from '../chunks/DeleteConfirmationModal-COywnQdI.mjs';
+import { c as createLucideIcon } from '../chunks/createLucideIcon-BskRIXUQ.mjs';
+import { A as Accordion, a as AccordionItem, b as AccordionTrigger, c as AccordionContent } from '../chunks/accordion-ChA6nm2v.mjs';
+import { B as Badge } from '../chunks/badge-CZ5_5z6L.mjs';
+import { B as Button } from '../chunks/button-BrCoykyb.mjs';
+import '../chunks/bundle-mjs-CaEEedsA.mjs';
+import '../chunks/dialog-CJHIAZTE.mjs';
+import '../chunks/index-BludQSPL.mjs';
+import '../chunks/index-BIkaCdbt.mjs';
+import '../chunks/index-ByMLqUYL.mjs';
+import '../chunks/index-CriKvahc.mjs';
 import 'react/jsx-runtime';
-import '../chunks/index-BEh8ek6-.mjs';
-import '../chunks/index-B0Kdhw0d.mjs';
-import '../chunks/index-Ccz8nL5M.mjs';
-import '../chunks/index-CKARIk9k.mjs';
-import '../chunks/index-L4pU8dCQ.mjs';
+import '../chunks/index-CakOZHO3.mjs';
+import '../chunks/index-CdVMPbm9.mjs';
+import '../chunks/index-RuFdJyXd.mjs';
+import '../chunks/index-BVSvPx6q.mjs';
+import '../chunks/index-BtVAcGzW.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-qUT5iV25.mjs';
-import '../chunks/index-2anlJbdb.mjs';
-import '../chunks/x-Dpaoz6yn.mjs';
-import '../chunks/trash-2-C-nU3lmr.mjs';
+import '../chunks/index-Def6vQu2.mjs';
+import '../chunks/index-DYd-Du-R.mjs';
+import '../chunks/tslib.es6-BCWqvfaj.mjs';
+import '../chunks/index-NRqjdxxl.mjs';
+import '../chunks/index-BTJfHGTc.mjs';
+import '../chunks/x-BEzQN-Vv.mjs';
+import '../chunks/trash-2-CYhUZbRO.mjs';
 import '@radix-ui/react-collection';
-import '../chunks/index-Dot3Y4xv.mjs';
-import '../chunks/index-BsB-iQGw.mjs';
-import '../chunks/chevron-down-C8lGEIzE.mjs';
+import '../chunks/index-CIptCfJf.mjs';
+import '../chunks/index-CDrmAWkg.mjs';
+import '../chunks/chevron-down-D2i2UyYP.mjs';
 import 'class-variance-authority';
 
 const __iconNode = [

package/dist/alert/index.mjs

@@ -1,7 +1,7 @@
 import { cva } from 'class-variance-authority';
 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-CRpax_Oz.mjs';
+import '../chunks/bundle-mjs-CaEEedsA.mjs';
 
 const alertVariants = cva("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
     variants: {

package/dist/alert-dialog/index.mjs

@@ -1,24 +1,24 @@
 import * as React from 'react';
-import { c as createContextScope } from '../chunks/index-vtBqBO3S.mjs';
-import { u as useComposedRefs } from '../chunks/index-BI2MxMeC.mjs';
-import { c as createDialogScope, R as Root, P as Portal, O as Overlay, b as Trigger, W as WarningProvider, a as Content, T as Title, D as Description, C as Close } from '../chunks/index-sGgLIg5I.mjs';
-import { c as composeEventHandlers } from '../chunks/index-D56BYstR.mjs';
+import { c as createContextScope } from '../chunks/index-CriKvahc.mjs';
+import { u as useComposedRefs } from '../chunks/index-ByMLqUYL.mjs';
+import { c as createDialogScope, R as Root, P as Portal, O as Overlay, b as Trigger, W as WarningProvider, a as Content, T as Title, D as Description, C as Close } from '../chunks/index-BludQSPL.mjs';
+import { c as composeEventHandlers } from '../chunks/index-BIkaCdbt.mjs';
 import { createSlottable } from '@radix-ui/react-slot';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { c as cn } from '../chunks/utils-CwDmCEge.mjs';
-import { b as buttonVariants } from '../chunks/button-C0ijXnnF.mjs';
-import '../chunks/index-BEh8ek6-.mjs';
-import '../chunks/index-B0Kdhw0d.mjs';
-import '../chunks/index-Ccz8nL5M.mjs';
-import '../chunks/index-CKARIk9k.mjs';
-import '../chunks/index-L4pU8dCQ.mjs';
+import { c as cn } from '../chunks/utils-CRpax_Oz.mjs';
+import { b as buttonVariants } from '../chunks/button-BrCoykyb.mjs';
+import '../chunks/index-CakOZHO3.mjs';
+import '../chunks/index-CdVMPbm9.mjs';
+import '../chunks/index-RuFdJyXd.mjs';
+import '../chunks/index-BVSvPx6q.mjs';
+import '../chunks/index-BtVAcGzW.mjs';
 import 'react-dom';
-import '../chunks/index-CQt6sjXa.mjs';
-import '../chunks/index-Coakg78O.mjs';
-import '../chunks/tslib.es6-Cuxw-1bu.mjs';
-import '../chunks/index-qUT5iV25.mjs';
-import '../chunks/index-2anlJbdb.mjs';
-import '../chunks/bundle-mjs-DF1QM7yV.mjs';
+import '../chunks/index-Def6vQu2.mjs';
+import '../chunks/index-DYd-Du-R.mjs';
+import '../chunks/tslib.es6-BCWqvfaj.mjs';
+import '../chunks/index-NRqjdxxl.mjs';
+import '../chunks/index-BTJfHGTc.mjs';
+import '../chunks/bundle-mjs-CaEEedsA.mjs';
 import 'class-variance-authority';
 
 var ROOT_NAME = "AlertDialog";

package/dist/aspect-ratio/index.mjs

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { P as Primitive } from '../chunks/index-L4pU8dCQ.mjs';
+import { P as Primitive } from '../chunks/index-BtVAcGzW.mjs';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dom';
 import '@radix-ui/react-slot';

package/dist/auto-complete-multi-select/index.d.ts

@@ -0,0 +1,107 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+
+/**
+ * Variants for the multi-select component to handle different styles.
+ * Uses class-variance-authority (cva) to define different styles based on "variant" prop.
+ */
+declare const multiSelectVariants: (props?: ({
+    variant?: "default" | "secondary" | "destructive" | "positive" | "warning" | "info" | "outline" | null | undefined;
+    subtle?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface Option {
+    /** The text to display for the option. */
+    label: string;
+    /** The unique value associated with the option. */
+    value: string;
+    /** Optional icon component to display alongside the option. */
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+}
+/**
+ * Props for AutoCompleteMultiSelectIVT component
+ */
+interface AutoCompleteMultiSelectProps extends VariantProps<typeof multiSelectVariants> {
+    /**
+     * An array of currently selected option objects.
+     * Each option object has a label, value, and an optional icon.
+     */
+    selectedOptions: Option[];
+    /**
+     * Callback function triggered when the selected values change.
+     * Receives an array of the new selected option objects.
+     */
+    onChange: (options: AutoCompleteMultiSelectProps["selectedOptions"]) => void;
+    /**
+     * Async function to fetch options based on search term.
+     * Returns a promise with an array of option objects.
+     */
+    fetchOptions: (term: string) => Promise<AutoCompleteMultiSelectProps["selectedOptions"]>;
+    /**
+     * Placeholder text to be displayed when no values are selected.
+     * Optional, defaults to "Select options".
+     */
+    placeholder?: string;
+    /**
+     * Placeholder text for the search input.
+     * Optional, defaults to "Buscar...".
+     */
+    searchPlaceholder?: string;
+    /**
+     * Message to be displayed when no results are found.
+     * Optional, defaults to "Nenhum item encontrado.".
+     */
+    messageEmpty?: string;
+    /**
+     * Animation duration in seconds for the visual effects (e.g., bouncing badges).
+     * Optional, defaults to 0 (no animation).
+     */
+    animation?: number;
+    /**
+     * Maximum number of items to display. Extra selected items will be summarized.
+     * Optional, defaults to 3.
+     */
+    maxCount?: number;
+    /**
+     * The modality of the popover. When set to true, interaction with outside elements
+     * will be disabled and only popover content will be visible to screen readers.
+     * Optional, defaults to false.
+     */
+    modalPopover?: boolean;
+    /**
+     * Additional class names to apply custom styles to the multi-select component.
+     * Optional, can be used to add custom styles.
+     */
+    className?: string;
+    /**
+     * Label for the component.
+     */
+    label?: string | React.ReactNode;
+    /**
+     * Description text displayed below the component.
+     */
+    description?: string;
+    /**
+     * Whether to use subtle variant styling.
+     */
+    subtle?: boolean;
+    /**
+     * Whether to focus on select actions.
+     * Optional, defaults to true.
+     */
+    focusOnSelect?: boolean;
+    /**
+     * Unique identifier for the component.
+     */
+    id?: string;
+    /**
+     * Callback function triggered when there's an error fetching options.
+     */
+    onError?: (error: unknown) => void;
+}
+declare const AutoCompleteMultiSelect: React.ForwardRefExoticComponent<AutoCompleteMultiSelectProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { AutoCompleteMultiSelect };
+export type { Option };

package/dist/auto-complete-multi-select/index.mjs

@@ -0,0 +1,380 @@
+import { cva } from 'class-variance-authority';
+import * as React from 'react';
+import { c } from '../chunks/index.module-Dje-TJtr.mjs';
+import { c as cn } from '../chunks/utils-CRpax_Oz.mjs';
+import { X } from '../chunks/x-BEzQN-Vv.mjs';
+import { C as ChevronsUpDown } from '../chunks/chevrons-up-down-DSPpUp87.mjs';
+import { C as Check } from '../chunks/check-C_LwI9KH.mjs';
+import { W as WandSparkles } from '../chunks/wand-sparkles-Co-ADBz0.mjs';
+import { L as Label } from '../chunks/label-OLMS5GpP.mjs';
+import { P as Popover, a as PopoverTrigger, b as PopoverContent } from '../chunks/popover-B-pugAWE.mjs';
+import { B as Button } from '../chunks/button-BrCoykyb.mjs';
+import { B as Badge } from '../chunks/badge-CZ5_5z6L.mjs';
+import { c as TooltipProvider, T as Tooltip, a as TooltipTrigger, b as TooltipContent } from '../chunks/tooltip-CFESkRps.mjs';
+import { S as Separator } from '../chunks/separator-DzTcIFS-.mjs';
+import { C as Command, b as CommandInput, c as CommandList, d as CommandEmpty, e as CommandGroup, f as CommandItem, h as CommandSeparator } from '../chunks/command-Bm6lmqaD.mjs';
+import '../chunks/bundle-mjs-CaEEedsA.mjs';
+import '../chunks/createLucideIcon-BskRIXUQ.mjs';
+import '../chunks/index-BtVAcGzW.mjs';
+import 'react-dom';
+import '@radix-ui/react-slot';
+import 'react/jsx-runtime';
+import '../chunks/index-BIkaCdbt.mjs';
+import '../chunks/index-ByMLqUYL.mjs';
+import '../chunks/index-CriKvahc.mjs';
+import '../chunks/index-BVSvPx6q.mjs';
+import '../chunks/index-Def6vQu2.mjs';
+import '../chunks/index-DYd-Du-R.mjs';
+import '../chunks/tslib.es6-BCWqvfaj.mjs';
+import '../chunks/index-CakOZHO3.mjs';
+import '../chunks/index-CdVMPbm9.mjs';
+import '../chunks/index-DT5qQT8O.mjs';
+import '../chunks/index-C-hJOAC4.mjs';
+import '../chunks/index-NRqjdxxl.mjs';
+import '../chunks/index-BTJfHGTc.mjs';
+import '../chunks/index-RuFdJyXd.mjs';
+import '../chunks/index-yx3icX6K.mjs';
+import '../chunks/index-BludQSPL.mjs';
+import '../chunks/dialog-CJHIAZTE.mjs';
+
+/**
+ * Variants for the multi-select component to handle different styles.
+ * Uses class-variance-authority (cva) to define different styles based on "variant" prop.
+ */ const multiSelectVariants = cva("m-1 transition ease-in-out delay-150 duration-300", {
+    variants: {
+        variant: {
+            default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
+            secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
+            positive: "border-transparent bg-positive text-positive-foreground shadow hover:bg-positive/80",
+            warning: "border-transparent bg-warning text-warning-foreground shadow hover:bg-warning/80",
+            info: "border-transparent bg-info text-info-foreground shadow hover:bg-info/80",
+            outline: "text-foreground bg-transparent hover:bg-transparent border"
+        },
+        subtle: {
+            true: "",
+            false: ""
+        }
+    },
+    defaultVariants: {
+        variant: "default"
+    }
+});
+const AutoCompleteMultiSelect = /*#__PURE__*/ React.forwardRef(({ selectedOptions, onChange, fetchOptions, variant, placeholder = "Select options", searchPlaceholder = "Buscar...", messageEmpty = "Nenhum resultado encontrado.", animation = 0, maxCount = 3, modalPopover = false, className, label, description, subtle = false, focusOnSelect = true, id, onError }, ref)=>{
+    const inputRef = React.useRef(null);
+    const lastClickedIndexRef = React.useRef(-1);
+    const isShiftPressedRef = React.useRef(false);
+    const generatedId = React.useId();
+    const inputId = id || generatedId;
+    // Estado interno para resposta imediata
+    const [internalSelected, setInternalSelected] = React.useState(selectedOptions || []);
+    const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);
+    const [isAnimating, setIsAnimating] = React.useState(false);
+    const [inputValue, setInputValue] = React.useState("");
+    const [options, setOptions] = React.useState([]);
+    const [loading, setLoading] = React.useState(false);
+    // Sincroniza estado interno quando selectedOptions muda (do pai)
+    React.useEffect(()=>{
+        setInternalSelected(selectedOptions || []);
+    }, [
+        selectedOptions
+    ]);
+    // Listener global para detectar Shift
+    React.useEffect(()=>{
+        const handleKeyDown = (e)=>{
+            if (e.key === "Shift") {
+                isShiftPressedRef.current = true;
+            }
+        };
+        const handleKeyUp = (e)=>{
+            if (e.key === "Shift") {
+                isShiftPressedRef.current = false;
+            }
+        };
+        window.addEventListener("keydown", handleKeyDown);
+        window.addEventListener("keyup", handleKeyUp);
+        return ()=>{
+            window.removeEventListener("keydown", handleKeyDown);
+            window.removeEventListener("keyup", handleKeyUp);
+        };
+    }, []);
+    // Busca assíncrona com debounce (do AutoComplete)
+    const debouncedFetch = c(async (term)=>{
+        if (!term.trim()) {
+            setOptions([]);
+            setLoading(false);
+            return;
+        }
+        setLoading(true);
+        try {
+            const result = await fetchOptions(term);
+            setOptions(result);
+        } catch (err) {
+            if (onError) {
+                onError(err);
+            }
+            setOptions([]);
+        } finally{
+            setLoading(false);
+        }
+    }, 500);
+    const handleInputChange = (value)=>{
+        setInputValue(value);
+        if (value.trim() === "") {
+            setOptions([]);
+            setLoading(false);
+            return;
+        }
+        setLoading(true);
+        debouncedFetch(value);
+    };
+    const handleInputKeyDown = (event)=>{
+        if (event.key === "Enter") {
+            setIsPopoverOpen(true);
+        }
+    };
+    const toggleOption = (option, index)=>{
+        // Normaliza para string para comparação
+        const optionValueStr = String(option.value);
+        const isSelected = internalSelected.find((o)=>String(o.value) === optionValueStr);
+        const newSelectedOptions = isSelected ? internalSelected.filter((value)=>String(value.value) !== optionValueStr) : [
+            ...internalSelected,
+            option
+        ];
+        // Atualiza estado interno IMEDIATAMENTE
+        setInternalSelected(newSelectedOptions);
+        // Notifica o pai
+        onChange(newSelectedOptions);
+        // Armazena o índice do último clique
+        lastClickedIndexRef.current = index;
+    };
+    const removeOption = (option)=>{
+        // Normaliza para string para comparação
+        const optionValueStr = String(option.value);
+        const newSelectedOptions = internalSelected.filter((value)=>String(value.value) !== optionValueStr);
+        setInternalSelected(newSelectedOptions);
+        onChange(newSelectedOptions);
+    };
+    const toggleInterval = (index)=>{
+        // Se não houver último clique registrado, apenas seleciona o item atual
+        if (lastClickedIndexRef.current === -1 || internalSelected.length < 1) {
+            toggleOption(options[index], index);
+            return;
+        }
+        const lastIndex = lastClickedIndexRef.current;
+        const start = Math.min(lastIndex, index);
+        const end = Math.max(lastIndex, index) + 1;
+        const rangeOptions = options.slice(start, end);
+        const rangeValuesStr = rangeOptions.map((o)=>String(o.value));
+        const areAllSelected = rangeValuesStr.every((v)=>internalSelected.some((opt)=>String(opt.value) === v));
+        if (areAllSelected) {
+            // Desselecionar todos os itens do intervalo
+            const newSelectedOptions = internalSelected.filter((v)=>!rangeValuesStr.includes(String(v.value)));
+            setInternalSelected(newSelectedOptions);
+            onChange(newSelectedOptions);
+        } else {
+            // Adicionar todos os itens do intervalo sem duplicados
+            const existingValuesStr = new Set(internalSelected.map((opt)=>String(opt.value)));
+            const newOptions = rangeOptions.filter((opt)=>!existingValuesStr.has(String(opt.value)));
+            const newSelectedOptions = [
+                ...internalSelected,
+                ...newOptions
+            ];
+            setInternalSelected(newSelectedOptions);
+            onChange(newSelectedOptions);
+        }
+        // Atualiza o último índice clicado
+        lastClickedIndexRef.current = index;
+    };
+    const handleClear = ()=>{
+        setInternalSelected([]);
+        onChange([]);
+    };
+    const handleTogglePopover = ()=>{
+        setIsPopoverOpen((prev)=>!prev);
+    };
+    const clearExtraOptions = ()=>{
+        const newSelectedOptions = internalSelected.slice(0, maxCount);
+        setInternalSelected(newSelectedOptions);
+        onChange(newSelectedOptions);
+    };
+    const toggleAll = ()=>{
+        if (internalSelected.length === options.length) {
+            handleClear();
+        } else {
+            setInternalSelected(options);
+            onChange(options);
+        }
+    };
+    const subtleStyles = (variant)=>{
+        if (variant === "default") {
+            return "border-transparent bg-accent text-primary hover:bg-accent/80";
+        }
+        if (variant === "destructive") {
+            return "border-transparent bg-destructive-foreground text-destructive hover:bg-destructive-foreground/80";
+        }
+        if (variant === "positive") {
+            return "border-transparent bg-positive-foreground text-positive hover:bg-positive-foreground/80";
+        }
+        if (variant === "warning") {
+            return "border-transparent bg-warning-foreground text-warning hover:bg-warning-foreground/80";
+        }
+        if (variant === "info") {
+            return "border-transparent bg-info-foreground text-info hover:bg-info-foreground/80";
+        }
+        return "";
+    };
+    const finalSubtleStyles = subtleStyles(variant);
+    return /*#__PURE__*/ React.createElement("div", {
+        className: "font-lato space-y-2"
+    }, label && /*#__PURE__*/ React.createElement(Label, {
+        htmlFor: inputId,
+        className: "text-foreground text-sm font-medium gap-0"
+    }, label), /*#__PURE__*/ React.createElement(Popover, {
+        open: isPopoverOpen,
+        onOpenChange: setIsPopoverOpen,
+        modal: modalPopover
+    }, /*#__PURE__*/ React.createElement(PopoverTrigger, {
+        asChild: true
+    }, /*#__PURE__*/ React.createElement(Button, {
+        id: inputId,
+        ref: ref,
+        onClick: handleTogglePopover,
+        variant: "outline",
+        "aria-expanded": isPopoverOpen,
+        className: cn("flex h-auto min-h-9 w-full items-center justify-between rounded-md border bg-inherit px-4 py-2 hover:bg-inherit [&_svg]:pointer-events-auto", className)
+    }, internalSelected.length > 0 ? /*#__PURE__*/ React.createElement("div", {
+        className: "flex w-full items-center justify-between"
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: "flex flex-wrap items-center"
+    }, internalSelected.slice(0, maxCount).map((value)=>{
+        const option = value;
+        const IconComponent = option?.icon;
+        return /*#__PURE__*/ React.createElement(Badge, {
+            key: value.value,
+            className: cn("px-1", isAnimating ? "animate-bounce" : "", multiSelectVariants({
+                variant
+            }), subtle && finalSubtleStyles),
+            style: {
+                animationDuration: `${animation}s`
+            }
+        }, IconComponent && /*#__PURE__*/ React.createElement(IconComponent, {
+            className: "mr-2 h-4 w-4"
+        }), option?.label, /*#__PURE__*/ React.createElement(X, {
+            className: "ml-2 size-3 cursor-pointer",
+            onClick: (event)=>{
+                event.stopPropagation();
+                removeOption(value);
+            }
+        }));
+    }), internalSelected.length > maxCount && /*#__PURE__*/ React.createElement(Badge, {
+        className: cn("text-foreground border-foreground/1 bg-transparent px-1 hover:bg-transparent", isAnimating ? "animate-bounce" : "", multiSelectVariants({
+            variant
+        }), subtle && finalSubtleStyles),
+        style: {
+            animationDuration: `${animation}s`
+        }
+    }, `+ ${internalSelected.length - maxCount} itens`, /*#__PURE__*/ React.createElement(X, {
+        className: "ml-2 size-3 cursor-pointer",
+        onClick: (event)=>{
+            event.stopPropagation();
+            clearExtraOptions();
+        }
+    }))), /*#__PURE__*/ React.createElement("div", {
+        className: "flex items-center justify-between gap-1"
+    }, /*#__PURE__*/ React.createElement(TooltipProvider, null, /*#__PURE__*/ React.createElement(Tooltip, null, /*#__PURE__*/ React.createElement(TooltipTrigger, null, /*#__PURE__*/ React.createElement(X, {
+        className: "text-muted-foreground h-4 cursor-pointer",
+        onClick: (event)=>{
+            event.stopPropagation();
+            handleClear();
+        }
+    })), /*#__PURE__*/ React.createElement(TooltipContent, null, /*#__PURE__*/ React.createElement("span", {
+        className: "text-xs"
+    }, "Limpar tudo")))), /*#__PURE__*/ React.createElement(Separator, {
+        orientation: "vertical",
+        className: "flex h-full min-h-6"
+    }), /*#__PURE__*/ React.createElement(ChevronsUpDown, {
+        className: "text-muted-foreground h-4 cursor-pointer"
+    }))) : /*#__PURE__*/ React.createElement("div", {
+        className: "flex w-full items-center justify-between"
+    }, /*#__PURE__*/ React.createElement("span", {
+        className: "text-muted-foreground"
+    }, placeholder), /*#__PURE__*/ React.createElement(ChevronsUpDown, {
+        className: "text-muted-foreground h-4 cursor-pointer"
+    })))), /*#__PURE__*/ React.createElement(PopoverContent, {
+        className: "w-auto p-0",
+        align: "start",
+        onEscapeKeyDown: ()=>setIsPopoverOpen(false),
+        onOpenAutoFocus: (e)=>{
+            e.preventDefault();
+            // Foca no input sem causar scroll
+            inputRef.current?.focus({
+                preventScroll: true
+            });
+        }
+    }, /*#__PURE__*/ React.createElement(Command, {
+        shouldFilter: false
+    }, /*#__PURE__*/ React.createElement(CommandInput, {
+        ref: inputRef,
+        placeholder: searchPlaceholder,
+        value: inputValue,
+        onValueChange: handleInputChange,
+        onKeyDown: handleInputKeyDown
+    }), /*#__PURE__*/ React.createElement(CommandList, null, /*#__PURE__*/ React.createElement(CommandEmpty, null, loading ? "Carregando..." : inputValue.trim() === "" ? "Digite algo para buscar..." : messageEmpty), options.length > 0 && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(CommandGroup, null, /*#__PURE__*/ React.createElement(CommandItem, {
+        key: "all",
+        onSelect: ()=>{
+            toggleAll();
+            if (focusOnSelect) {
+                inputRef.current?.focus({
+                    preventScroll: true
+                });
+            }
+        },
+        className: "flex cursor-pointer items-center justify-between"
+    }, /*#__PURE__*/ React.createElement("span", null, "(Selecionar tudo)"), /*#__PURE__*/ React.createElement("div", {
+        className: cn(internalSelected.length === options.length ? "" : "opacity-50 [&_svg]:invisible")
+    }, /*#__PURE__*/ React.createElement(Check, {
+        className: "text-foreground h-4 w-4"
+    }))), options.map((option, index)=>{
+        // Comparação convertendo AMBOS para string
+        const optionValueStr = String(option.value);
+        const isSelected = internalSelected.some((opt)=>String(opt.value) === optionValueStr);
+        return /*#__PURE__*/ React.createElement(CommandItem, {
+            key: `${option.value}-${isSelected}`,
+            value: option.value,
+            onSelect: ()=>{
+                // Usa o ref que é atualizado pelos event listeners globais
+                const isShiftPressed = isShiftPressedRef.current;
+                if (isShiftPressed) {
+                    toggleInterval(index);
+                } else {
+                    toggleOption(option, index);
+                }
+                if (focusOnSelect) {
+                    // Foca sem causar scroll
+                    inputRef.current?.focus({
+                        preventScroll: true
+                    });
+                }
+            },
+            className: "flex cursor-pointer items-center justify-between"
+        }, /*#__PURE__*/ React.createElement("div", {
+            className: "flex items-center"
+        }, option.icon && /*#__PURE__*/ React.createElement(option.icon, {
+            className: "text-muted-foreground mr-2 h-4 w-4"
+        }), /*#__PURE__*/ React.createElement("span", null, option.label)), /*#__PURE__*/ React.createElement("div", {
+            className: cn(isSelected ? "" : "opacity-50 [&_svg]:invisible")
+        }, /*#__PURE__*/ React.createElement(Check, {
+            className: "text-foreground h-4 w-4"
+        })));
+    })), /*#__PURE__*/ React.createElement(CommandSeparator, null))))), animation > 0 && internalSelected.length > 0 && /*#__PURE__*/ React.createElement(WandSparkles, {
+        className: cn("text-foreground bg-background my-2 h-3 w-3 cursor-pointer", isAnimating ? "" : "text-muted-foreground"),
+        onClick: ()=>setIsAnimating(!isAnimating)
+    })), description && /*#__PURE__*/ React.createElement("p", {
+        className: "text-muted-foreground text-sm"
+    }, description));
+});
+AutoCompleteMultiSelect.displayName = "AutoCompleteMultiSelect";
+
+export { AutoCompleteMultiSelect };
+//# sourceMappingURL=index.mjs.map