ivt 0.4.9 → 0.5.0

package/dist/combobox/index.mjs

@@ -30,11 +30,17 @@ import '../chunks/index-C45e7-3X.mjs';
 import '../chunks/dialog-D-h9t9_b.mjs';
 import '../chunks/x-BZdVnIMx.mjs';
 
-function Combobox({ items, value, onValueChange, placeholder = "Select item...", searchPlaceholder = "Search item...", emptyMessage = "No item found.", widthClassName = "w-fit", className, groupHeading }) {
+function Combobox({ items, value, onValueChange, placeholder = "Selecione um item...", searchPlaceholder = "Busque um item...", emptyMessage = "Nenhum item encontrado.", widthClassName = "w-fit", className, groupHeading }) {
     const [open, setOpen] = React.useState(false);
+    const [search, setSearch] = React.useState("");
+    const filteredItems = items.filter((item)=>{
+        const match = item.label.toLowerCase().includes(search.toLowerCase());
+        return match;
+    });
     const handleSelect = (currentValue)=>{
         onValueChange(currentValue === value ? "" : currentValue);
         setOpen(false);
+        setSearch("");
     };
     return /*#__PURE__*/ React.createElement(Popover, {
         open: open,
@@ -45,19 +51,24 @@ function Combobox({ items, value, onValueChange, placeholder = "Select item...",
         variant: "outline",
         "aria-expanded": open,
         className: cn(widthClassName, "justify-between", className)
-    }, value ? items.find((item)=>item.value === value)?.label : placeholder, /*#__PURE__*/ React.createElement(ChevronsUpDown, {
+    }, value ? items.find((item)=>item.value === value)?.label ?? emptyMessage : placeholder, /*#__PURE__*/ React.createElement(ChevronsUpDown, {
         className: "ml-2 h-4 w-4 shrink-0 opacity-50"
     }))), /*#__PURE__*/ React.createElement(PopoverContent, {
+        align: "start",
         className: cn(widthClassName, "p-0")
     }, /*#__PURE__*/ React.createElement(Command, null, /*#__PURE__*/ React.createElement(CommandInput, {
         placeholder: searchPlaceholder,
-        className: "h-9"
+        className: "h-9",
+        value: search,
+        onInput: (e)=>{
+            setSearch(e.currentTarget.value);
+        }
     }), /*#__PURE__*/ React.createElement(CommandList, null, /*#__PURE__*/ React.createElement(CommandEmpty, null, emptyMessage), /*#__PURE__*/ React.createElement(CommandGroup, {
         heading: groupHeading
-    }, items.map((item)=>/*#__PURE__*/ React.createElement(CommandItem, {
+    }, filteredItems.map((item)=>/*#__PURE__*/ React.createElement(CommandItem, {
             key: item.value,
-            value: item.value,
-            onSelect: handleSelect
+            value: item.label,
+            onSelect: ()=>handleSelect(item.value)
         }, item.label, /*#__PURE__*/ React.createElement(Check, {
             className: cn("ml-auto h-4 w-4", value === item.value ? "opacity-100" : "opacity-0")
         }))))))));

package/dist/combobox/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/components/ui/combobox/combobox.tsx"],"sourcesContent":["\"use client\";\n\nimport { Check, ChevronsUpDown } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport {\n\tCommand,\n\tCommandEmpty,\n\tCommandGroup,\n\tCommandInput,\n\tCommandItem,\n\tCommandList,\n} from \"@/components/ui/command\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover\";\nimport { cn } from \"@/lib/utils\";\n\ninterface ComboboxItem {\n\tvalue: string;\n\tlabel: string;\n\t// Você pode adicionar outras propriedades se precisar, ex: icon, disabled\n\t// icon?: React.ReactNode;\n\t// disabled?: boolean;\n}\n\ninterface ComboboxProps {\n\t/**\n\t * A lista de itens a serem exibidos no combobox.\n\t * Cada item deve ter 'value' e 'label'.\n\t */\n\titems: ComboboxItem[];\n\t/**\n\t * O valor atualmente selecionado no combobox.\n\t */\n\tvalue: string;\n\t/**\n\t * Função de callback para quando um item é selecionado.\n\t * Recebe o novo valor selecionado.\n\t */\n\tonValueChange: (newValue: string) => void;\n\t/**\n\t * Placeholder para o botão do combobox quando nenhum item está selecionado.\n\t * @default \"Select item...\"\n\t */\n\tplaceholder?: string;\n\t/**\n\t * Placeholder para o campo de busca dentro do combobox.\n\t * @default \"Search item...\"\n\t */\n\tsearchPlaceholder?: string;\n\t/**\n\t * Mensagem exibida quando nenhum item é encontrado na busca.\n\t * @default \"No item found.\"\n\t */\n\temptyMessage?: string;\n\t/**\n\t * Largura do combobox (e do popover).\n\t * @default \"w-[200px]\"\n\t */\n\twidthClassName?: string;\n\t/**\n\t * Classes CSS adicionais para o combobox principal.\n\t */\n\tclassName?: string;\n\t/**\n\t * Título do grupo de comandos.\n\t */\n\tgroupHeading?: string;\n}\n\nexport function Combobox({\n\titems,\n\tvalue,\n\tonValueChange,\n\tplaceholder = \"Select item...\",\n\tsearchPlaceholder = \"Search item...\",\n\temptyMessage = \"No item found.\",\n\twidthClassName = \"w-fit\",\n\tclassName,\n\tgroupHeading,\n}: ComboboxProps) {\n\tconst [open, setOpen] = React.useState(false);\n\n\tconst handleSelect = (currentValue: string) => {\n\t\tonValueChange(currentValue === value ? \"\" : currentValue);\n\t\tsetOpen(false);\n\t};\n\n\treturn (\n\t\t<Popover open={open} onOpenChange={setOpen}>\n\t\t\t<PopoverTrigger asChild>\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\taria-expanded={open}\n\t\t\t\t\tclassName={cn(widthClassName, \"justify-between\", className)}\n\t\t\t\t>\n\t\t\t\t\t{value ? items.find((item) => item.value === value)?.label : placeholder}\n\t\t\t\t\t<ChevronsUpDown className=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />\n\t\t\t\t</Button>\n\t\t\t</PopoverTrigger>\n\t\t\t<PopoverContent className={cn(widthClassName, \"p-0\")}>\n\t\t\t\t<Command>\n\t\t\t\t\t<CommandInput placeholder={searchPlaceholder} className=\"h-9\" />\n\t\t\t\t\t<CommandList>\n\t\t\t\t\t\t<CommandEmpty>{emptyMessage}</CommandEmpty>\n\t\t\t\t\t\t<CommandGroup heading={groupHeading}>\n\t\t\t\t\t\t\t{items.map((item) => (\n\t\t\t\t\t\t\t\t<CommandItem key={item.value} value={item.value} onSelect={handleSelect}>\n\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t\t<Check\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\"ml-auto h-4 w-4\",\n\t\t\t\t\t\t\t\t\t\t\tvalue === item.value ? \"opacity-100\" : \"opacity-0\",\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</CommandItem>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</CommandGroup>\n\t\t\t\t\t</CommandList>\n\t\t\t\t</Command>\n\t\t\t</PopoverContent>\n\t\t</Popover>\n\t);\n}\n"],"names":["Combobox","items","value","onValueChange","placeholder","searchPlaceholder","emptyMessage","widthClassName","className","groupHeading","open","setOpen","React","useState","handleSelect","currentValue","Popover","onOpenChange","PopoverTrigger","asChild","Button","variant","aria-expanded","cn","find","item","label","ChevronsUpDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","heading","map","CommandItem","key","onSelect","Check"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEO,SAASA,QAAAA,CAAS,EACxBC,KAAK,EACLC,KAAK,EACLC,aAAa,EACbC,WAAAA,GAAc,gBAAgB,EAC9BC,oBAAoB,gBAAgB,EACpCC,YAAAA,GAAe,gBAAgB,EAC/BC,cAAAA,GAAiB,OAAO,EACxBC,SAAS,EACTC,YAAY,EACG,EAAA;AACf,IAAA,MAAM,CAACC,IAAAA,EAAMC,OAAAA,CAAQ,GAAGC,KAAAA,CAAMC,QAAQ,CAAC,KAAA,CAAA;AAEvC,IAAA,MAAMC,eAAe,CAACC,YAAAA,GAAAA;QACrBZ,aAAAA,CAAcY,YAAAA,KAAiBb,QAAQ,EAAA,GAAKa,YAAAA,CAAAA;QAC5CJ,OAAAA,CAAQ,KAAA,CAAA;AACT,IAAA,CAAA;AAEA,IAAA,qBACC,KAAA,CAAA,aAAA,CAACK,OAAAA,EAAAA;QAAQN,IAAAA,EAAMA,IAAAA;QAAMO,YAAAA,EAAcN;qBAClC,KAAA,CAAA,aAAA,CAACO,cAAAA,EAAAA;QAAeC,OAAAA,EAAAA;qBACf,KAAA,CAAA,aAAA,CAACC,MAAAA,EAAAA;QACAC,OAAAA,EAAQ,SAAA;QACRC,eAAAA,EAAeZ,IAAAA;QACfF,SAAAA,EAAWe,EAAAA,CAAGhB,gBAAgB,iBAAA,EAAmBC,SAAAA;OAEhDN,KAAAA,GAAQD,KAAAA,CAAMuB,IAAI,CAAC,CAACC,IAAAA,GAASA,IAAAA,CAAKvB,KAAK,KAAKA,KAAAA,CAAAA,EAAQwB,KAAAA,GAAQtB,WAAAA,gBAC7D,KAAA,CAAA,aAAA,CAACuB,cAAAA,EAAAA;QAAenB,SAAAA,EAAU;wBAG5B,KAAA,CAAA,aAAA,CAACoB,cAAAA,EAAAA;AAAepB,QAAAA,SAAAA,EAAWe,GAAGhB,cAAAA,EAAgB,KAAA;AAC7C,KAAA,gBAAA,KAAA,CAAA,aAAA,CAACsB,6BACA,KAAA,CAAA,aAAA,CAACC,YAAAA,EAAAA;QAAa1B,WAAAA,EAAaC,iBAAAA;QAAmBG,SAAAA,EAAU;AACxD,KAAA,CAAA,gBAAA,KAAA,CAAA,aAAA,CAACuB,WAAAA,EAAAA,IAAAA,gBACA,KAAA,CAAA,aAAA,CAACC,YAAAA,EAAAA,IAAAA,EAAc1B,YAAAA,CAAAA,gBACf,KAAA,CAAA,aAAA,CAAC2B,YAAAA,EAAAA;QAAaC,OAAAA,EAASzB;AACrBR,KAAAA,EAAAA,KAAAA,CAAMkC,GAAG,CAAC,CAACV,IAAAA,iBACX,KAAA,CAAA,aAAA,CAACW,WAAAA,EAAAA;AAAYC,YAAAA,GAAAA,EAAKZ,KAAKvB,KAAK;AAAEA,YAAAA,KAAAA,EAAOuB,KAAKvB,KAAK;YAAEoC,QAAAA,EAAUxB;WACzDW,IAAAA,CAAKC,KAAK,gBACX,KAAA,CAAA,aAAA,CAACa,KAAAA,EAAAA;AACA/B,YAAAA,SAAAA,EAAWe,GACV,iBAAA,EACArB,KAAAA,KAAUuB,IAAAA,CAAKvB,KAAK,GAAG,aAAA,GAAgB,WAAA;;AAWlD;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/components/ui/combobox/combobox.tsx"],"sourcesContent":["\"use client\";\n\nimport { Check, ChevronsUpDown } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport {\n\tCommand,\n\tCommandEmpty,\n\tCommandGroup,\n\tCommandInput,\n\tCommandItem,\n\tCommandList,\n} from \"@/components/ui/command\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover\";\nimport { cn } from \"@/lib/utils\";\n\ninterface ComboboxItem {\n\tvalue: string;\n\tlabel: string;\n}\n\ninterface ComboboxProps {\n\t/**\n\t * A lista de itens a serem exibidos no combobox.\n\t * Cada item deve ter 'value' e 'label'.\n\t */\n\titems: ComboboxItem[];\n\t/**\n\t * O valor atualmente selecionado no combobox.\n\t */\n\tvalue: string;\n\t/**\n\t * Função de callback para quando um item é selecionado.\n\t * Recebe o novo valor selecionado.\n\t */\n\tonValueChange: (newValue: string) => void;\n\t/**\n\t * Placeholder para o botão do combobox quando nenhum item está selecionado.\n\t * @default \"Select item...\"\n\t */\n\tplaceholder?: string;\n\t/**\n\t * Placeholder para o campo de busca dentro do combobox.\n\t * @default \"Search item...\"\n\t */\n\tsearchPlaceholder?: string;\n\t/**\n\t * Mensagem exibida quando nenhum item é encontrado na busca.\n\t * @default \"No item found.\"\n\t */\n\temptyMessage?: string;\n\t/**\n\t * Largura do combobox (e do popover).\n\t * @default \"w-[200px]\"\n\t */\n\twidthClassName?: string;\n\t/**\n\t * Classes CSS adicionais para o combobox principal.\n\t */\n\tclassName?: string;\n\t/**\n\t * Título do grupo de comandos.\n\t */\n\tgroupHeading?: string;\n}\n\nexport function Combobox({\n\titems,\n\tvalue,\n\tonValueChange,\n\tplaceholder = \"Selecione um item...\",\n\tsearchPlaceholder = \"Busque um item...\",\n\temptyMessage = \"Nenhum item encontrado.\",\n\twidthClassName = \"w-fit\",\n\tclassName,\n\tgroupHeading,\n}: ComboboxProps) {\n\tconst [open, setOpen] = React.useState(false);\n\tconst [search, setSearch] = React.useState(\"\");\n\n\tconst filteredItems = items.filter((item) => {\n\t\tconst match = item.label.toLowerCase().includes(search.toLowerCase());\n\t\treturn match;\n\t});\n\n\tconst handleSelect = (currentValue: string) => {\n\t\tonValueChange(currentValue === value ? \"\" : currentValue);\n\t\tsetOpen(false);\n\t\tsetSearch(\"\");\n\t};\n\n\treturn (\n\t\t<Popover open={open} onOpenChange={setOpen}>\n\t\t\t<PopoverTrigger asChild>\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\taria-expanded={open}\n\t\t\t\t\tclassName={cn(widthClassName, \"justify-between\", className)}\n\t\t\t\t>\n\t\t\t\t\t{value\n\t\t\t\t\t\t? (items.find((item) => item.value === value)?.label ?? emptyMessage)\n\t\t\t\t\t\t: placeholder}\n\t\t\t\t\t<ChevronsUpDown className=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />\n\t\t\t\t</Button>\n\t\t\t</PopoverTrigger>\n\t\t\t<PopoverContent align=\"start\" className={cn(widthClassName, \"p-0\")}>\n\t\t\t\t<Command>\n\t\t\t\t\t<CommandInput\n\t\t\t\t\t\tplaceholder={searchPlaceholder}\n\t\t\t\t\t\tclassName=\"h-9\"\n\t\t\t\t\t\tvalue={search}\n\t\t\t\t\t\tonInput={(e) => {\n\t\t\t\t\t\t\tsetSearch(e.currentTarget.value);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t<CommandList>\n\t\t\t\t\t\t<CommandEmpty>{emptyMessage}</CommandEmpty>\n\t\t\t\t\t\t<CommandGroup heading={groupHeading}>\n\t\t\t\t\t\t\t{filteredItems.map((item) => (\n\t\t\t\t\t\t\t\t<CommandItem\n\t\t\t\t\t\t\t\t\tkey={item.value}\n\t\t\t\t\t\t\t\t\tvalue={item.label}\n\t\t\t\t\t\t\t\t\tonSelect={() => handleSelect(item.value)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t\t<Check\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\"ml-auto h-4 w-4\",\n\t\t\t\t\t\t\t\t\t\t\tvalue === item.value ? \"opacity-100\" : \"opacity-0\",\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</CommandItem>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</CommandGroup>\n\t\t\t\t\t</CommandList>\n\t\t\t\t</Command>\n\t\t\t</PopoverContent>\n\t\t</Popover>\n\t);\n}\n"],"names":["Combobox","items","value","onValueChange","placeholder","searchPlaceholder","emptyMessage","widthClassName","className","groupHeading","open","setOpen","React","useState","search","setSearch","filteredItems","filter","item","match","label","toLowerCase","includes","handleSelect","currentValue","Popover","onOpenChange","PopoverTrigger","asChild","Button","variant","aria-expanded","cn","find","ChevronsUpDown","PopoverContent","align","Command","CommandInput","onInput","e","currentTarget","CommandList","CommandEmpty","CommandGroup","heading","map","CommandItem","key","onSelect","Check"],"mappings":"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"}

package/dist/date-picker/index.d.ts

@@ -30,8 +30,13 @@ interface DatePickerProps extends Omit<React__default.ComponentProps<typeof Cale
      * Pode ser um boolean, ou uma função que recebe a data e retorna boolean
      */
     disabled?: boolean | ((date: Date) => boolean);
+    /**
+     * Mês padrão a ser mostrado (caso nenhuma data esteja selecionada)
+     * Por padrão, será o mês atual.
+     */
+    defaultMonth?: Date;
 }
-declare function DatePicker({ date, setDate, placeholder, id, buttonProps, popoverProps, popoverContentClassName, className, disabled, ...props }: DatePickerProps): react_jsx_runtime.JSX.Element;
+declare function DatePicker({ date, setDate, placeholder, id, buttonProps, popoverProps, popoverContentClassName, className, disabled, defaultMonth, ...props }: DatePickerProps): react_jsx_runtime.JSX.Element;
 
 export { DatePicker };
 export type { DatePickerProps };

package/dist/date-picker/index.mjs

@@ -29,7 +29,7 @@ import '../chunks/chevron-left-wvVA3SWH.mjs';
 import '../chunks/chevron-right-aTufSnLl.mjs';
 import '../chunks/chevron-down-BgIYlWhk.mjs';
 
-function DatePicker({ date, setDate, placeholder = "Selecione uma data", id = "date-picker", buttonProps, popoverProps, popoverContentClassName, className, disabled, ...props }) {
+function DatePicker({ date, setDate, placeholder = "Selecione uma data", id = "date-picker", buttonProps, popoverProps, popoverContentClassName, className, disabled, defaultMonth, ...props }) {
     const validDate = tryParseDate(date);
     return /*#__PURE__*/ React__default.createElement(Popover, popoverProps, /*#__PURE__*/ React__default.createElement(PopoverTrigger, {
         asChild: true
@@ -56,6 +56,7 @@ function DatePicker({ date, setDate, placeholder = "Selecione uma data", id = "d
         fromYear: 2010,
         toYear: 2040,
         disabled: disabled,
+        defaultMonth: validDate ?? defaultMonth ?? new Date(),
         ...props,
         mode: "single"
     })));

package/dist/date-picker/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/components/ui/date-picker/date-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button, type ButtonProps } from \"@/components/ui/button\";\nimport { Calendar } from \"@/components/ui/calendar\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover\";\nimport { cn } from \"@/lib/utils\";\nimport { tryParseDate } from \"@/utils/date\";\nimport { format } from \"date-fns\";\nimport { ptBR } from \"date-fns/locale\";\nimport { CalendarDaysIcon } from \"lucide-react\";\nimport React from \"react\";\n\nexport interface DatePickerProps\n\textends Omit<React.ComponentProps<typeof Calendar>, \"mode\" | \"selected\" | \"onSelect\"> {\n\t/** Data selecionada (pode ser Date ou string parseável) */\n\tdate: Date | string | undefined;\n\n\t/** Função chamada ao selecionar uma data */\n\tsetDate: (date: Date | undefined) => void;\n\n\t/** Texto exibido quando não há data selecionada */\n\tplaceholder?: string;\n\n\t/** ID opcional do botão */\n\tid?: string;\n\n\t/** Props extras para o botão */\n\tbuttonProps?: ButtonProps;\n\n\t/** Props extras para o popover */\n\tpopoverProps?: React.ComponentProps<typeof Popover>;\n\n\t/** Classe extra para o conteúdo do popover */\n\tpopoverContentClassName?: string;\n\n\t/** Classe extra para o botão */\n\tclassName?: string;\n\n\t/**\n\t * Permite desabilitar datas específicas (igual ao Calendar do shadcn)\n\t * Pode ser um boolean, ou uma função que recebe a data e retorna boolean\n\t */\n\tdisabled?: boolean | ((date: Date) => boolean);\n}\n\nexport function DatePicker({\n\tdate,\n\tsetDate,\n\tplaceholder = \"Selecione uma data\",\n\tid = \"date-picker\",\n\tbuttonProps,\n\tpopoverProps,\n\tpopoverContentClassName,\n\tclassName,\n\tdisabled,\n\t...props\n}: DatePickerProps) {\n\tconst validDate = tryParseDate(date);\n\n\treturn (\n\t\t<Popover {...popoverProps}>\n\t\t\t<PopoverTrigger asChild>\n\t\t\t\t<Button\n\t\t\t\t\tid={id}\n\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\"hover:text-foreground justify-start text-left font-normal\",\n\t\t\t\t\t\t!validDate && \"text-muted-foreground hover:text-muted-foreground\",\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t\tdisabled={typeof disabled === \"boolean\" ? disabled : undefined}\n\t\t\t\t\t{...buttonProps}\n\t\t\t\t>\n\t\t\t\t\t<CalendarDaysIcon className=\"size-4\" />\n\t\t\t\t\t{validDate ? format(validDate, \"P\", { locale: ptBR }) : <span>{placeholder}</span>}\n\t\t\t\t</Button>\n\t\t\t</PopoverTrigger>\n\n\t\t\t<PopoverContent className={cn(\"w-auto p-0\", popoverContentClassName)} align=\"start\">\n\t\t\t\t<Calendar\n\t\t\t\t\tautoFocus\n\t\t\t\t\tcaptionLayout=\"dropdown\"\n\t\t\t\t\tselected={validDate}\n\t\t\t\t\tonSelect={setDate}\n\t\t\t\t\tlocale={ptBR}\n\t\t\t\t\tnumberOfMonths={1}\n\t\t\t\t\tfromYear={2010}\n\t\t\t\t\ttoYear={2040}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t{...props}\n\t\t\t\t\tmode=\"single\"\n\t\t\t\t/>\n\t\t\t</PopoverContent>\n\t\t</Popover>\n\t);\n}\n"],"names":["DatePicker","date","setDate","placeholder","id","buttonProps","popoverProps","popoverContentClassName","className","disabled","props","validDate","tryParseDate","React","Popover","PopoverTrigger","asChild","Button","variant","cn","undefined","CalendarDaysIcon","format","locale","ptBR","span","PopoverContent","align","Calendar","autoFocus","captionLayout","selected","onSelect","numberOfMonths","fromYear","toYear","mode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CO,SAASA,UAAAA,CAAW,EAC1BC,IAAI,EACJC,OAAO,EACPC,WAAAA,GAAc,oBAAoB,EAClCC,EAAAA,GAAK,aAAa,EAClBC,WAAW,EACXC,YAAY,EACZC,uBAAuB,EACvBC,SAAS,EACTC,QAAQ,EACR,GAAGC,KAAAA,EACc,EAAA;AACjB,IAAA,MAAMC,YAAYC,YAAAA,CAAaX,IAAAA,CAAAA;IAE/B,qBACCY,cAAA,CAAA,aAAA,CAACC,OAAAA,EAAYR,YAAAA,gBACZO,cAAA,CAAA,aAAA,CAACE,cAAAA,EAAAA;QAAeC,OAAAA,EAAAA;qBACfH,cAAA,CAAA,aAAA,CAACI,MAAAA,EAAAA;QACAb,EAAAA,EAAIA,EAAAA;QACJc,OAAAA,EAAQ,SAAA;AACRV,QAAAA,SAAAA,EAAWW,EAAAA,CACV,2DAAA,EACA,CAACR,SAAAA,IAAa,mDAAA,EACdH,SAAAA,CAAAA;QAEDC,QAAAA,EAAU,OAAOA,QAAAA,KAAa,SAAA,GAAYA,QAAAA,GAAWW,SAAAA;AACpD,QAAA,GAAGf;qBAEJQ,cAAA,CAAA,aAAA,CAACQ,YAAAA,EAAAA;QAAiBb,SAAAA,EAAU;QAC3BG,SAAAA,GAAYW,MAAAA,CAAOX,WAAW,GAAA,EAAK;QAAEY,MAAAA,EAAQC;KAAK,CAAA,iBAAKX,cAAA,CAAA,aAAA,CAACY,MAAAA,EAAAA,IAAAA,EAAMtB,WAAAA,CAAAA,CAAAA,CAAAA,gBAIjEU,cAAA,CAAA,aAAA,CAACa,cAAAA,EAAAA;AAAelB,QAAAA,SAAAA,EAAWW,GAAG,YAAA,EAAcZ,uBAAAA,CAAAA;QAA0BoB,KAAAA,EAAM;qBAC3Ed,cAAA,CAAA,aAAA,CAACe,QAAAA,EAAAA;QACAC,SAAAA,EAAAA,IAAAA;QACAC,aAAAA,EAAc,UAAA;QACdC,QAAAA,EAAUpB,SAAAA;QACVqB,QAAAA,EAAU9B,OAAAA;QACVqB,MAAAA,EAAQC,IAAAA;QACRS,cAAAA,EAAgB,CAAA;QAChBC,QAAAA,EAAU,IAAA;QACVC,MAAAA,EAAQ,IAAA;QACR1B,QAAAA,EAAUA,QAAAA;AACT,QAAA,GAAGC,KAAK;QACT0B,IAAAA,EAAK;;AAKV;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/components/ui/date-picker/date-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button, type ButtonProps } from \"@/components/ui/button\";\nimport { Calendar } from \"@/components/ui/calendar\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover\";\nimport { cn } from \"@/lib/utils\";\nimport { tryParseDate } from \"@/utils/date\";\nimport { format } from \"date-fns\";\nimport { ptBR } from \"date-fns/locale\";\nimport { CalendarDaysIcon } from \"lucide-react\";\nimport React from \"react\";\n\nexport interface DatePickerProps\n\textends Omit<React.ComponentProps<typeof Calendar>, \"mode\" | \"selected\" | \"onSelect\"> {\n\t/** Data selecionada (pode ser Date ou string parseável) */\n\tdate: Date | string | undefined;\n\n\t/** Função chamada ao selecionar uma data */\n\tsetDate: (date: Date | undefined) => void;\n\n\t/** Texto exibido quando não há data selecionada */\n\tplaceholder?: string;\n\n\t/** ID opcional do botão */\n\tid?: string;\n\n\t/** Props extras para o botão */\n\tbuttonProps?: ButtonProps;\n\n\t/** Props extras para o popover */\n\tpopoverProps?: React.ComponentProps<typeof Popover>;\n\n\t/** Classe extra para o conteúdo do popover */\n\tpopoverContentClassName?: string;\n\n\t/** Classe extra para o botão */\n\tclassName?: string;\n\n\t/**\n\t * Permite desabilitar datas específicas (igual ao Calendar do shadcn)\n\t * Pode ser um boolean, ou uma função que recebe a data e retorna boolean\n\t */\n\tdisabled?: boolean | ((date: Date) => boolean);\n\n\t/**\n\t * Mês padrão a ser mostrado (caso nenhuma data esteja selecionada)\n\t * Por padrão, será o mês atual.\n\t */\n\tdefaultMonth?: Date;\n}\n\nexport function DatePicker({\n\tdate,\n\tsetDate,\n\tplaceholder = \"Selecione uma data\",\n\tid = \"date-picker\",\n\tbuttonProps,\n\tpopoverProps,\n\tpopoverContentClassName,\n\tclassName,\n\tdisabled,\n\tdefaultMonth,\n\t...props\n}: DatePickerProps) {\n\tconst validDate = tryParseDate(date);\n\n\treturn (\n\t\t<Popover {...popoverProps}>\n\t\t\t<PopoverTrigger asChild>\n\t\t\t\t<Button\n\t\t\t\t\tid={id}\n\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\"hover:text-foreground justify-start text-left font-normal\",\n\t\t\t\t\t\t!validDate && \"text-muted-foreground hover:text-muted-foreground\",\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t\tdisabled={typeof disabled === \"boolean\" ? disabled : undefined}\n\t\t\t\t\t{...buttonProps}\n\t\t\t\t>\n\t\t\t\t\t<CalendarDaysIcon className=\"size-4\" />\n\t\t\t\t\t{validDate ? format(validDate, \"P\", { locale: ptBR }) : <span>{placeholder}</span>}\n\t\t\t\t</Button>\n\t\t\t</PopoverTrigger>\n\n\t\t\t<PopoverContent className={cn(\"w-auto p-0\", popoverContentClassName)} align=\"start\">\n\t\t\t\t<Calendar\n\t\t\t\t\tautoFocus\n\t\t\t\t\tcaptionLayout=\"dropdown\"\n\t\t\t\t\tselected={validDate}\n\t\t\t\t\tonSelect={setDate}\n\t\t\t\t\tlocale={ptBR}\n\t\t\t\t\tnumberOfMonths={1}\n\t\t\t\t\tfromYear={2010}\n\t\t\t\t\ttoYear={2040}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tdefaultMonth={validDate ?? defaultMonth ?? new Date()}\n\t\t\t\t\t{...props}\n\t\t\t\t\tmode=\"single\"\n\t\t\t\t/>\n\t\t\t</PopoverContent>\n\t\t</Popover>\n\t);\n}\n"],"names":["DatePicker","date","setDate","placeholder","id","buttonProps","popoverProps","popoverContentClassName","className","disabled","defaultMonth","props","validDate","tryParseDate","React","Popover","PopoverTrigger","asChild","Button","variant","cn","undefined","CalendarDaysIcon","format","locale","ptBR","span","PopoverContent","align","Calendar","autoFocus","captionLayout","selected","onSelect","numberOfMonths","fromYear","toYear","Date","mode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDO,SAASA,UAAAA,CAAW,EAC1BC,IAAI,EACJC,OAAO,EACPC,WAAAA,GAAc,oBAAoB,EAClCC,EAAAA,GAAK,aAAa,EAClBC,WAAW,EACXC,YAAY,EACZC,uBAAuB,EACvBC,SAAS,EACTC,QAAQ,EACRC,YAAY,EACZ,GAAGC,KAAAA,EACc,EAAA;AACjB,IAAA,MAAMC,YAAYC,YAAAA,CAAaZ,IAAAA,CAAAA;IAE/B,qBACCa,cAAA,CAAA,aAAA,CAACC,OAAAA,EAAYT,YAAAA,gBACZQ,cAAA,CAAA,aAAA,CAACE,cAAAA,EAAAA;QAAeC,OAAAA,EAAAA;qBACfH,cAAA,CAAA,aAAA,CAACI,MAAAA,EAAAA;QACAd,EAAAA,EAAIA,EAAAA;QACJe,OAAAA,EAAQ,SAAA;AACRX,QAAAA,SAAAA,EAAWY,EAAAA,CACV,2DAAA,EACA,CAACR,SAAAA,IAAa,mDAAA,EACdJ,SAAAA,CAAAA;QAEDC,QAAAA,EAAU,OAAOA,QAAAA,KAAa,SAAA,GAAYA,QAAAA,GAAWY,SAAAA;AACpD,QAAA,GAAGhB;qBAEJS,cAAA,CAAA,aAAA,CAACQ,YAAAA,EAAAA;QAAiBd,SAAAA,EAAU;QAC3BI,SAAAA,GAAYW,MAAAA,CAAOX,WAAW,GAAA,EAAK;QAAEY,MAAAA,EAAQC;KAAK,CAAA,iBAAKX,cAAA,CAAA,aAAA,CAACY,MAAAA,EAAAA,IAAAA,EAAMvB,WAAAA,CAAAA,CAAAA,CAAAA,gBAIjEW,cAAA,CAAA,aAAA,CAACa,cAAAA,EAAAA;AAAenB,QAAAA,SAAAA,EAAWY,GAAG,YAAA,EAAcb,uBAAAA,CAAAA;QAA0BqB,KAAAA,EAAM;qBAC3Ed,cAAA,CAAA,aAAA,CAACe,QAAAA,EAAAA;QACAC,SAAAA,EAAAA,IAAAA;QACAC,aAAAA,EAAc,UAAA;QACdC,QAAAA,EAAUpB,SAAAA;QACVqB,QAAAA,EAAU/B,OAAAA;QACVsB,MAAAA,EAAQC,IAAAA;QACRS,cAAAA,EAAgB,CAAA;QAChBC,QAAAA,EAAU,IAAA;QACVC,MAAAA,EAAQ,IAAA;QACR3B,QAAAA,EAAUA,QAAAA;QACVC,YAAAA,EAAcE,SAAAA,IAAaF,gBAAgB,IAAI2B,IAAAA,EAAAA;AAC9C,QAAA,GAAG1B,KAAK;QACT2B,IAAAA,EAAK;;AAKV;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "author": "Investtools",
   "name": "ivt",
-  "version": "0.4.9",
+  "version": "0.5.0",
   "description": "Ivt Components Library",
   "keywords": [
     "ivt",