ivt 0.4.7 → 0.4.9

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-DkQil9br.mjs';
-import '../chunks/utils-DiIQyE9g.mjs';
-import '../chunks/bundle-mjs-Bj6M7Bh5.mjs';
+export { A as Accordion, c as AccordionContent, a as AccordionItem, b as AccordionTrigger } from '../chunks/accordion-BBMhFkK5.mjs';
+import '../chunks/utils-DwA_HfJw.mjs';
+import '../chunks/bundle-mjs-CXcNQyyo.mjs';
 import 'react';
-import '../chunks/index-Bfqp6L57.mjs';
+import '../chunks/index-BdYD9SA8.mjs';
 import 'react/jsx-runtime';
 import '@radix-ui/react-collection';
-import '../chunks/index-x0TwBXvJ.mjs';
-import '../chunks/index-BL6I2O8I.mjs';
-import '../chunks/index-Dj2mKKII.mjs';
-import '../chunks/index-AD2ohxjm.mjs';
-import '../chunks/index-Cx4XlYKf.mjs';
+import '../chunks/index-BsVg0u5v.mjs';
+import '../chunks/index-Db1acFFW.mjs';
+import '../chunks/index-Bs4nZmb7.mjs';
+import '../chunks/index-BW3aCz7h.mjs';
+import '../chunks/index-B7kZbHfd.mjs';
 import 'react-dom';
 import '@radix-ui/react-slot';
-import '../chunks/index-j8BDMqXg.mjs';
-import '../chunks/index-CIlaxeML.mjs';
-import '../chunks/index-CiJHmWph.mjs';
-import '../chunks/index-CI7Tnqaf.mjs';
-import '../chunks/chevron-down-B7w8j1qi.mjs';
-import '../chunks/createLucideIcon-BnuYhciy.mjs';
+import '../chunks/index-DpqIXFxh.mjs';
+import '../chunks/index-BxaETqU9.mjs';
+import '../chunks/index-DRdSNmMB.mjs';
+import '../chunks/index-CLb4rDzh.mjs';
+import '../chunks/chevron-down-BgIYlWhk.mjs';
+import '../chunks/createLucideIcon-DwD3HsEs.mjs';
 //# sourceMappingURL=index.mjs.map

package/dist/alert/index.mjs

@@ -1,7 +1,7 @@
-import { c as cn } from '../chunks/utils-DiIQyE9g.mjs';
+import { c as cn } from '../chunks/utils-DwA_HfJw.mjs';
 import { cva } from 'class-variance-authority';
 import React__default from 'react';
-import '../chunks/bundle-mjs-Bj6M7Bh5.mjs';
+import '../chunks/bundle-mjs-CXcNQyyo.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-Bfqp6L57.mjs';
-import { u as useComposedRefs } from '../chunks/index-x0TwBXvJ.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-C-eBEzsd.mjs';
-import { c as composeEventHandlers } from '../chunks/index-BL6I2O8I.mjs';
+import { c as createContextScope } from '../chunks/index-BdYD9SA8.mjs';
+import { u as useComposedRefs } from '../chunks/index-BsVg0u5v.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-C45e7-3X.mjs';
+import { c as composeEventHandlers } from '../chunks/index-Db1acFFW.mjs';
 import { createSlottable } from '@radix-ui/react-slot';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { c as cn } from '../chunks/utils-DiIQyE9g.mjs';
-import { b as buttonVariants } from '../chunks/button-DUnGULhS.mjs';
-import '../chunks/index-CiJHmWph.mjs';
-import '../chunks/index-AD2ohxjm.mjs';
-import '../chunks/index-Dj2mKKII.mjs';
-import '../chunks/index-DGB6xduL.mjs';
-import '../chunks/index-Cx4XlYKf.mjs';
+import { c as cn } from '../chunks/utils-DwA_HfJw.mjs';
+import { b as buttonVariants } from '../chunks/button-ay7E6KrE.mjs';
+import '../chunks/index-DRdSNmMB.mjs';
+import '../chunks/index-BW3aCz7h.mjs';
+import '../chunks/index-Bs4nZmb7.mjs';
+import '../chunks/index-BBC4sR1G.mjs';
+import '../chunks/index-B7kZbHfd.mjs';
 import 'react-dom';
-import '../chunks/index-BtzrdXXu.mjs';
-import '../chunks/index-xgPrRc3G.mjs';
-import '../chunks/tslib.es6-dgoTq-4a.mjs';
-import '../chunks/index-plymPSgY.mjs';
-import '../chunks/index-CIlaxeML.mjs';
-import '../chunks/bundle-mjs-Bj6M7Bh5.mjs';
+import '../chunks/index-D5pght6h.mjs';
+import '../chunks/index-BLAYpkjT.mjs';
+import '../chunks/tslib.es6-CnQYzBlA.mjs';
+import '../chunks/index-BtRo1b5t.mjs';
+import '../chunks/index-BxaETqU9.mjs';
+import '../chunks/bundle-mjs-CXcNQyyo.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-Cx4XlYKf.mjs';
+import { P as Primitive } from '../chunks/index-B7kZbHfd.mjs';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dom';
 import '@radix-ui/react-slot';

package/dist/avatar/index.mjs

@@ -1,14 +1,14 @@
 import * as React from 'react';
-import { c as createContextScope } from '../chunks/index-Bfqp6L57.mjs';
-import { u as useCallbackRef } from '../chunks/index-BtzrdXXu.mjs';
-import { u as useLayoutEffect2 } from '../chunks/index-AD2ohxjm.mjs';
-import { P as Primitive } from '../chunks/index-Cx4XlYKf.mjs';
-import { r as requireShim } from '../chunks/index-D02u4jwi.mjs';
+import { c as createContextScope } from '../chunks/index-BdYD9SA8.mjs';
+import { u as useCallbackRef } from '../chunks/index-D5pght6h.mjs';
+import { u as useLayoutEffect2 } from '../chunks/index-BW3aCz7h.mjs';
+import { P as Primitive } from '../chunks/index-B7kZbHfd.mjs';
+import { r as requireShim } from '../chunks/index-C9twRC0t.mjs';
 import { jsx } from 'react/jsx-runtime';
-import { c as cn } from '../chunks/utils-DiIQyE9g.mjs';
+import { c as cn } from '../chunks/utils-DwA_HfJw.mjs';
 import 'react-dom';
 import '@radix-ui/react-slot';
-import '../chunks/bundle-mjs-Bj6M7Bh5.mjs';
+import '../chunks/bundle-mjs-CXcNQyyo.mjs';
 
 var shimExports = requireShim();
 

package/dist/badge/index.mjs

@@ -1,6 +1,6 @@
-export { B as Badge, b as badgeVariants } from '../chunks/badge-DDmxqVIu.mjs';
-import '../chunks/utils-DiIQyE9g.mjs';
-import '../chunks/bundle-mjs-Bj6M7Bh5.mjs';
+export { B as Badge, b as badgeVariants } from '../chunks/badge-CShT6Er8.mjs';
+import '../chunks/utils-DwA_HfJw.mjs';
+import '../chunks/bundle-mjs-CXcNQyyo.mjs';
 import '@radix-ui/react-slot';
 import 'class-variance-authority';
 import 'react';

package/dist/base/index.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import React__default from 'react';
 import { ButtonProps } from '../button/index.js';
+import { Calendar } from '../calendar/index.js';
 import { Popover } from '../popover/index.js';
 import { BadgeProps } from '../badge/index.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -25,44 +26,45 @@ interface HeaderProps {
 }
 declare const Header: React__default.FC<HeaderProps>;
 
-type CaptionLayout = "label" | "dropdown";
 declare function normalizeDate(date: Date): string;
-type CalendarPopoverProps = {
-    /** Data selecionada (controlada externamente, opcional) */
-    date: Date | undefined;
-    /** Callback chamado quando uma data é selecionada */
-    setDate: (newDate: Date | undefined) => void;
-    /** Texto exibido quando nenhuma data está selecionada */
+interface CalendarPopoverProps extends Omit<React__default.ComponentProps<typeof Calendar>, "mode" | "selected" | "onSelect"> {
+    /** Data selecionada (pode ser Date ou string parseável) */
+    date: Date | string | undefined;
+    /** Função chamada ao selecionar uma data */
+    setDate: (date: Date | undefined) => void;
+    /** Texto exibido quando não há data selecionada */
     placeholder?: string;
-    /** ID opcional para o botão */
+    /** ID opcional do botão */
     id?: string;
-    /** Props adicionais para o botão */
+    /** Props extras para o botão */
     buttonProps?: ButtonProps;
-    /** Classes extras aplicadas ao botão */
-    buttonClassName?: string;
-    /** Props adicionais para o popover */
+    /** Props extras para o popover */
     popoverProps?: React__default.ComponentProps<typeof Popover>;
-    /** Classes extras aplicadas ao conteúdo do popover */
+    /** Classe extra para o conteúdo do popover */
     popoverContentClassName?: string;
-    /** Número de meses exibidos no calendário (default: 1) */
-    numberOfMonths?: number;
-    /** Ano inicial permitido */
-    fromYear?: number;
-    /** Ano final permitido */
-    toYear?: number;
-    /** Classes extras para o contêiner */
+    /** Classe extra para o botão */
     className?: string;
-    /** Desabilita o botão */
-    disabled?: boolean;
-    /** Define se está carregando */
+    /**
+     * Permite desabilitar datas específicas (igual ao Calendar do shadcn)
+     * Pode ser um boolean, ou uma função que recebe a data e retorna boolean
+     */
+    disabled?: boolean | ((date: Date) => boolean);
+    /**
+     * Exibe o estado de carregamento geral do componente
+     * Quando true, mostra o ícone de loading e desabilita a interação
+     */
     isLoading?: boolean;
-    /** Define se está carregando dentro de calendar */
+    /**
+     * Exibe o estado de carregamento específico da tabela (caso exista)
+     * Quando true, impede a seleção de datas no calendário
+     */
     isLoadingTable?: boolean;
-    /** Deixa desabilitado datas específicas customizadas */
+    /**
+     * Define um conjunto de datas desabilitadas (formato 'yyyy-MM-dd')
+     * Cada data presente neste Set será bloqueada na seleção do calendário
+     */
     disabledDates?: Set<string>;
-    /** Deixa desabilitado datas específicas customizadas */
-    captionLayout?: CaptionLayout;
-};
+}
 declare const CalendarPopover: React__default.FC<CalendarPopoverProps>;
 
 interface HoverBadgeProps {
@@ -75,23 +77,27 @@ interface HoverBadgeProps {
 }
 declare const HoverBadge: React__default.FC<HoverBadgeProps>;
 
-type CalendarRangeProps = {
+interface CalendarRangeProps extends Omit<React.ComponentProps<typeof Calendar>, "mode" | "selected" | "onSelect"> {
+    /** Intervalo de datas selecionado (com `from` e `to`) */
     value: DateRange | undefined;
+    /** Função chamada ao alterar o intervalo de datas selecionado */
     onChange: (range: DateRange | undefined) => void;
+    /** Texto exibido quando não há intervalo selecionado */
     placeholder?: string;
+    /** ID opcional do botão */
     id?: string;
+    /** Props extras para o botão */
     buttonProps?: ButtonProps;
-    buttonClassName?: string;
+    /** Props extras para o popover */
     popoverProps?: React.ComponentProps<typeof Popover>;
+    /** Classe extra para o conteúdo do popover */
     popoverContentClassName?: string;
-    numberOfMonths?: number;
-    fromYear?: number;
-    toYear?: number;
-    toDate?: Date;
+    /** Classe extra para o botão */
     className?: string;
+    /** Desabilita o botão e impede a seleção de datas */
     disabled?: boolean;
-};
-declare function CalendarRange({ value, onChange, placeholder, id, buttonProps, buttonClassName, popoverProps, popoverContentClassName, numberOfMonths, fromYear, toYear, toDate, className, disabled, }: CalendarRangeProps): react_jsx_runtime.JSX.Element;
+}
+declare function CalendarRange({ value, onChange, placeholder, id, buttonProps, popoverProps, popoverContentClassName, className, disabled, ...props }: CalendarRangeProps): react_jsx_runtime.JSX.Element;
 
 interface AutoCompleteProps<T> {
     value: T | null;
@@ -122,3 +128,4 @@ interface DeleteConfirmationModalProps {
 declare function DeleteConfirmationModal({ onConfirm, title, description, confirmText, cancelText, disabled, children, }: DeleteConfirmationModalProps): react_jsx_runtime.JSX.Element;
 
 export { AutoComplete, CalendarPopover, CalendarRange, DeleteConfirmationModal, Header, HoverBadge, TextWrap, normalizeDate };
+export type { CalendarPopoverProps, CalendarRangeProps };

package/dist/base/index.mjs

@@ -1,58 +1,48 @@
-import { c as cn } from '../chunks/utils-DiIQyE9g.mjs';
+import { c as cn } from '../chunks/utils-DwA_HfJw.mjs';
 import * as React from 'react';
 import React__default, { useRef, useEffect, useMemo } from 'react';
-import { A as Accordion, a as AccordionItem, b as AccordionTrigger, c as AccordionContent } from '../chunks/accordion-DkQil9br.mjs';
-import { P as Popover, a as PopoverTrigger, b as PopoverContent } from '../chunks/popover-BLkBJEBi.mjs';
-import { c as createLucideIcon } from '../chunks/createLucideIcon-BnuYhciy.mjs';
-import { C as CalendarDays, p as ptBR } from '../chunks/pt-BR-dv9Ki026.mjs';
-import { t as toDate, f as format, C as Calendar } from '../chunks/calendar-Cgi4uVPL.mjs';
-import { B as Button } from '../chunks/button-DUnGULhS.mjs';
-import { t as twMerge } from '../chunks/bundle-mjs-Bj6M7Bh5.mjs';
-import { H as HoverCard, a as HoverCardTrigger, b as HoverCardContent } from '../chunks/hover-card-IMC6GmGl.mjs';
-import { B as Badge } from '../chunks/badge-DDmxqVIu.mjs';
-import { C as ChevronsUpDown } from '../chunks/chevrons-up-down-BJzgHrFv.mjs';
-import { C as Command, b as CommandInput, d as CommandEmpty, c as CommandList, e as CommandGroup, f as CommandItem } from '../chunks/command-B2Q7vPrV.mjs';
-import { C as Check } from '../chunks/check-D7XegcNq.mjs';
-import { D as Dialog, i as DialogTrigger, b as DialogContent, e as DialogHeader, h as DialogTitle, c as DialogDescription, d as DialogFooter, a as DialogClose } from '../chunks/dialog-5R8jYrH2.mjs';
-import { T as Trash2 } from '../chunks/trash-2-C_bzpesE.mjs';
-import '../chunks/index-Bfqp6L57.mjs';
+import { A as Accordion, a as AccordionItem, b as AccordionTrigger, c as AccordionContent } from '../chunks/accordion-BBMhFkK5.mjs';
+import { t as tryParseDate, C as CalendarDays, p as ptBR } from '../chunks/pt-BR-on-YW6Ay.mjs';
+import { P as Popover, a as PopoverTrigger, b as PopoverContent } from '../chunks/popover-BFcKYAot.mjs';
+import { L as LoaderCircle } from '../chunks/loader-circle-CfhWFS-M.mjs';
+import { t as toDate, f as format, C as Calendar } from '../chunks/calendar-D98dWxWB.mjs';
+import { B as Button } from '../chunks/button-ay7E6KrE.mjs';
+import { t as twMerge } from '../chunks/bundle-mjs-CXcNQyyo.mjs';
+import { H as HoverCard, a as HoverCardTrigger, b as HoverCardContent } from '../chunks/hover-card-DXAGq71O.mjs';
+import { B as Badge } from '../chunks/badge-CShT6Er8.mjs';
+import { C as ChevronsUpDown } from '../chunks/chevrons-up-down-TytmUcIx.mjs';
+import { C as Command, b as CommandInput, d as CommandEmpty, c as CommandList, e as CommandGroup, f as CommandItem } from '../chunks/command-OnnopJEP.mjs';
+import { C as Check } from '../chunks/check-M4AEcM3j.mjs';
+import { D as Dialog, i as DialogTrigger, b as DialogContent, e as DialogHeader, h as DialogTitle, c as DialogDescription, d as DialogFooter, a as DialogClose } from '../chunks/dialog-D-h9t9_b.mjs';
+import { T as Trash2 } from '../chunks/trash-2-ZC16Df_k.mjs';
+import '../chunks/index-BdYD9SA8.mjs';
 import 'react/jsx-runtime';
 import '@radix-ui/react-collection';
-import '../chunks/index-x0TwBXvJ.mjs';
-import '../chunks/index-BL6I2O8I.mjs';
-import '../chunks/index-Dj2mKKII.mjs';
-import '../chunks/index-AD2ohxjm.mjs';
-import '../chunks/index-Cx4XlYKf.mjs';
+import '../chunks/index-BsVg0u5v.mjs';
+import '../chunks/index-Db1acFFW.mjs';
+import '../chunks/index-Bs4nZmb7.mjs';
+import '../chunks/index-BW3aCz7h.mjs';
+import '../chunks/index-B7kZbHfd.mjs';
 import 'react-dom';
 import '@radix-ui/react-slot';
-import '../chunks/index-j8BDMqXg.mjs';
-import '../chunks/index-CIlaxeML.mjs';
-import '../chunks/index-CiJHmWph.mjs';
-import '../chunks/index-CI7Tnqaf.mjs';
-import '../chunks/chevron-down-B7w8j1qi.mjs';
-import '../chunks/index-DGB6xduL.mjs';
-import '../chunks/index-BtzrdXXu.mjs';
-import '../chunks/index-xgPrRc3G.mjs';
-import '../chunks/tslib.es6-dgoTq-4a.mjs';
-import '../chunks/index-CxpHOtv2.mjs';
-import '../chunks/index-Bhy5-l7L.mjs';
-import '../chunks/index-plymPSgY.mjs';
-import '../chunks/chevron-left-P-VgJSoP.mjs';
-import '../chunks/chevron-right-D8I8B3al.mjs';
+import '../chunks/index-DpqIXFxh.mjs';
+import '../chunks/index-BxaETqU9.mjs';
+import '../chunks/index-DRdSNmMB.mjs';
+import '../chunks/index-CLb4rDzh.mjs';
+import '../chunks/chevron-down-BgIYlWhk.mjs';
+import '../chunks/createLucideIcon-DwD3HsEs.mjs';
+import '../chunks/index-BBC4sR1G.mjs';
+import '../chunks/index-D5pght6h.mjs';
+import '../chunks/index-BLAYpkjT.mjs';
+import '../chunks/tslib.es6-CnQYzBlA.mjs';
+import '../chunks/index-DU7dxusa.mjs';
+import '../chunks/index-C5cl9B-D.mjs';
+import '../chunks/index-BtRo1b5t.mjs';
+import '../chunks/chevron-left-wvVA3SWH.mjs';
+import '../chunks/chevron-right-aTufSnLl.mjs';
 import 'class-variance-authority';
-import '../chunks/index-C-eBEzsd.mjs';
-import '../chunks/x-BCPCYl4o.mjs';
-
-const __iconNode = [
-    [
-        "path",
-        {
-            d: "M21 12a9 9 0 1 1-6.219-8.56",
-            key: "13zald"
-        }
-    ]
-];
-const LoaderCircle = createLucideIcon("LoaderCircle", __iconNode);
+import '../chunks/index-C45e7-3X.mjs';
+import '../chunks/x-BZdVnIMx.mjs';
 
 const TextWrap = ({ children, className, ...props })=>{
     return /*#__PURE__*/ React__default.createElement("div", {
@@ -109,36 +99,34 @@ const Header = ({ title, description, className, classNameDescription, children,
 function normalizeDate(date) {
     return format(date, "yyyy-MM-dd");
 }
-const CalendarPopover = ({ date, setDate, placeholder = "Selecione uma data", id = "calendar-popover", buttonProps, buttonClassName, popoverProps, popoverContentClassName, numberOfMonths = 1, fromYear = 2010, toYear = 2040, className, disabled = false, isLoading, captionLayout = "dropdown", disabledDates, isLoadingTable })=>{
-    return /*#__PURE__*/ React__default.createElement("div", {
-        className: cn("grid gap-2", className)
-    }, /*#__PURE__*/ React__default.createElement(Popover, popoverProps, /*#__PURE__*/ React__default.createElement(PopoverTrigger, {
+const CalendarPopover = ({ date, setDate, placeholder = "Selecione uma data", id = "calendar-popover", buttonProps, popoverProps, popoverContentClassName, className, disabled, isLoading, disabledDates, isLoadingTable, ...props })=>{
+    const validDate = tryParseDate(date);
+    return /*#__PURE__*/ React__default.createElement(Popover, popoverProps, /*#__PURE__*/ React__default.createElement(PopoverTrigger, {
         asChild: true
     }, /*#__PURE__*/ React__default.createElement(Button, {
         id: id,
         variant: "outline",
-        className: cn("hover:text-foreground w-fit justify-start text-left font-normal", !date && "text-muted-foreground hover:text-muted-foreground", buttonProps?.className, buttonClassName),
-        disabled: disabled,
+        className: cn("hover:text-foreground justify-start text-left font-normal", !validDate && "text-muted-foreground hover:text-muted-foreground", className),
+        disabled: typeof disabled === "boolean" ? disabled : undefined,
         ...buttonProps
     }, isLoading ? /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, /*#__PURE__*/ React__default.createElement(LoaderCircle, {
         className: "size-4 animate-spin"
     }), /*#__PURE__*/ React__default.createElement("span", null, "carregando...")) : /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, /*#__PURE__*/ React__default.createElement(CalendarDays, {
         className: "size-4"
-    }), date ? format(date, "P", {
+    }), validDate ? format(validDate, "P", {
         locale: ptBR
     }) : /*#__PURE__*/ React__default.createElement("span", null, placeholder)))), /*#__PURE__*/ React__default.createElement(PopoverContent, {
         className: cn("w-auto p-0", popoverContentClassName),
         align: "start"
     }, /*#__PURE__*/ React__default.createElement(Calendar, {
         autoFocus: true,
-        mode: "single",
-        captionLayout: captionLayout,
-        selected: date,
+        captionLayout: "dropdown",
+        selected: validDate,
         onSelect: setDate,
-        numberOfMonths: numberOfMonths,
-        fromYear: fromYear,
-        toYear: toYear,
         locale: ptBR,
+        numberOfMonths: 1,
+        fromYear: 2010,
+        toYear: 2040,
         disabled: (currentDate)=>{
             if (isLoading || isLoadingTable) return true;
             const normalizedCurrentDate = normalizeDate(currentDate);
@@ -146,8 +134,10 @@ const CalendarPopover = ({ date, setDate, placeholder = "Selecione uma data", id
             const isWeekendDay = isWeekend(currentDate);
             const isFutureDate = currentDate > new Date();
             return isHoliday || isWeekendDay || isFutureDate;
-        }
-    }))));
+        },
+        ...props,
+        mode: "single"
+    })));
 };
 
 const HoverBadge = ({ title, description, variant, className, showTitleInDescription = true, subtle = false })=>{
@@ -163,15 +153,13 @@ const HoverBadge = ({ title, description, variant, className, showTitleInDescrip
     }, description)));
 };
 
-function CalendarRange({ value, onChange, placeholder = "Selecione uma data", id = "date", buttonProps, buttonClassName, popoverProps, popoverContentClassName, numberOfMonths = 2, fromYear = 2010, toYear = 2040, toDate = new Date(2040, 11, 31), className, disabled = false }) {
-    return /*#__PURE__*/ React.createElement("div", {
-        className: cn("grid gap-2", className)
-    }, /*#__PURE__*/ React.createElement(Popover, popoverProps, /*#__PURE__*/ React.createElement(PopoverTrigger, {
+function CalendarRange({ value, onChange, placeholder = "Selecione uma data", id = "date", buttonProps, popoverProps, popoverContentClassName, className, disabled, ...props }) {
+    return /*#__PURE__*/ React.createElement(Popover, popoverProps, /*#__PURE__*/ React.createElement(PopoverTrigger, {
         asChild: true
     }, /*#__PURE__*/ React.createElement(Button, {
         id: id,
         variant: "outline",
-        className: cn("hover:foreground w-fit justify-start text-left font-normal", !value && "text-muted-foreground hover:text-muted-foreground", buttonProps?.className, buttonClassName),
+        className: cn("hover:foreground justify-start text-left font-normal", !value && "text-muted-foreground hover:text-muted-foreground", className),
         disabled: disabled,
         ...buttonProps
     }, /*#__PURE__*/ React.createElement(CalendarDays, {
@@ -185,17 +173,18 @@ function CalendarRange({ value, onChange, placeholder = "Selecione uma data", id
         align: "start"
     }, /*#__PURE__*/ React.createElement(Calendar, {
         autoFocus: true,
-        mode: "range",
         captionLayout: "dropdown",
-        defaultMonth: value?.from,
         selected: value,
         onSelect: onChange,
-        numberOfMonths: numberOfMonths,
-        fromYear: fromYear,
-        toYear: toYear,
-        toDate: toDate,
-        locale: ptBR
-    }))));
+        locale: ptBR,
+        numberOfMonths: 2,
+        fromYear: 2010,
+        toYear: 2040,
+        defaultMonth: value?.from,
+        toDate: new Date(2040, 11, 31),
+        ...props,
+        mode: "range"
+    })));
 }
 
 function c(e, u, c, i) {