ivt 0.8.1 → 0.8.3

package/dist/sidebar/index.mjs

@@ -1,33 +1,33 @@
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import * as React from 'react';
-import { c as cn } from '../chunks/utils-DnO0vXjp.mjs';
-import { S as Sheet, c as SheetContent, d as SheetHeader, f as SheetTitle, g as SheetDescription } from '../chunks/sheet-DKA_mlpq.mjs';
-import { S as Skeleton } from '../chunks/skeleton-C7fArVLu.mjs';
-import { c as createLucideIcon } from '../chunks/createLucideIcon-D8CrPx3l.mjs';
-import { I as Input } from '../chunks/input-DEZ4zRTO.mjs';
-import { T as Tooltip, a as TooltipTrigger, b as TooltipContent, c as TooltipProvider } from '../chunks/tooltip-DUrjZ695.mjs';
-import { S as Separator } from '../chunks/separator-CtRAcZlu.mjs';
-import { B as Button } from '../chunks/button-DVC65cB7.mjs';
-import '../chunks/bundle-mjs-CU6q3BA5.mjs';
-import '../chunks/index-F5Q_HsuL.mjs';
-import '../chunks/index-F25i7Anb.mjs';
+import { c as cn } from '../chunks/utils-Dws4Ft8U.mjs';
+import { S as Sheet, c as SheetContent, d as SheetHeader, f as SheetTitle, g as SheetDescription } from '../chunks/sheet-CIlwd3J-.mjs';
+import { S as Skeleton } from '../chunks/skeleton-ClXnWXNn.mjs';
+import { c as createLucideIcon } from '../chunks/createLucideIcon-D3jW_oal.mjs';
+import { I as Input } from '../chunks/input-B4HxPY7D.mjs';
+import { T as Tooltip, a as TooltipTrigger, b as TooltipContent, c as TooltipProvider } from '../chunks/tooltip-CI9dbI1p.mjs';
+import { S as Separator } from '../chunks/separator-DohkJ_xb.mjs';
+import { B as Button } from '../chunks/button-BvsCd2vf.mjs';
+import '../chunks/bundle-mjs-CjTndHqR.mjs';
+import '../chunks/index-B46fiGOC.mjs';
+import '../chunks/index-B-46hbYc.mjs';
 import 'react-dom';
 import 'react/jsx-runtime';
-import '../chunks/index-Cudt6Zq6.mjs';
-import '../chunks/index-swVjGZ84.mjs';
-import '../chunks/index-C21v2ZEV.mjs';
-import '../chunks/index-BMgJpAGa.mjs';
-import '../chunks/index-WRRU_W7V.mjs';
-import '../chunks/index-B3ak2MKr.mjs';
-import '../chunks/index-CYbLRGX3.mjs';
-import '../chunks/tslib.es6-iEi2b-Nf.mjs';
-import '../chunks/index-MA5snuXo.mjs';
-import '../chunks/index-CluWUNz-.mjs';
-import '../chunks/x-BdsvQvnu.mjs';
-import '../chunks/index-BAPHzVtC.mjs';
-import '../chunks/index-A8KrKa_3.mjs';
-import '../chunks/index-Cm_Sx0w9.mjs';
+import '../chunks/index-RaUpQCps.mjs';
+import '../chunks/index-DF-3JHwb.mjs';
+import '../chunks/index-C__GtYCW.mjs';
+import '../chunks/index-SLs8oClH.mjs';
+import '../chunks/index-EcI_mW3m.mjs';
+import '../chunks/index-Dp_x2nI3.mjs';
+import '../chunks/index-BbPnHdtV.mjs';
+import '../chunks/tslib.es6-B32hQ9eG.mjs';
+import '../chunks/index-JZ-FhLOH.mjs';
+import '../chunks/index-DGUU265f.mjs';
+import '../chunks/x-CQ0W-nWi.mjs';
+import '../chunks/index-BzAMFivh.mjs';
+import '../chunks/index-DDM8Lpbb.mjs';
+import '../chunks/index-B5fbJZIT.mjs';
 
 const __iconNode = [
     [

package/dist/skeleton/index.mjs

@@ -1,5 +1,5 @@
-export { S as Skeleton } from '../chunks/skeleton-C7fArVLu.mjs';
+export { S as Skeleton } from '../chunks/skeleton-ClXnWXNn.mjs';
 import 'react';
-import '../chunks/utils-DnO0vXjp.mjs';
-import '../chunks/bundle-mjs-CU6q3BA5.mjs';
+import '../chunks/utils-Dws4Ft8U.mjs';
+import '../chunks/bundle-mjs-CjTndHqR.mjs';
 //# sourceMappingURL=index.mjs.map

package/dist/skeleton-component/index.mjs

@@ -1,8 +1,8 @@
 import React__default from 'react';
-import { C as Container, a as ChildContainer } from '../chunks/Container-ovOp1KHh.mjs';
-import { S as Skeleton } from '../chunks/skeleton-C7fArVLu.mjs';
-import '../chunks/utils-DnO0vXjp.mjs';
-import '../chunks/bundle-mjs-CU6q3BA5.mjs';
+import { C as Container, a as ChildContainer } from '../chunks/Container-BFAAGDWA.mjs';
+import { S as Skeleton } from '../chunks/skeleton-ClXnWXNn.mjs';
+import '../chunks/utils-Dws4Ft8U.mjs';
+import '../chunks/bundle-mjs-CjTndHqR.mjs';
 
 const FormSkeleton = ({ count = 4 })=>{
     return /*#__PURE__*/ React__default.createElement("div", {

package/dist/slider/index.mjs

@@ -1,17 +1,17 @@
-export { S as Slider } from '../chunks/slider-BG6RzE4c.mjs';
+export { S as Slider } from '../chunks/slider-D39dP_g8.mjs';
 import 'react';
-import '../chunks/index-Dc-XYHvj.mjs';
-import '../chunks/index-F25i7Anb.mjs';
+import '../chunks/index-DslxcA48.mjs';
+import '../chunks/index-B-46hbYc.mjs';
 import 'react-dom';
 import '@radix-ui/react-slot';
 import 'react/jsx-runtime';
-import '../chunks/index-Cudt6Zq6.mjs';
-import '../chunks/index-BMgJpAGa.mjs';
-import '../chunks/index-C21v2ZEV.mjs';
-import '../chunks/index--j7S_aJJ.mjs';
-import '../chunks/index-CucrelNM.mjs';
-import '../chunks/index-A8KrKa_3.mjs';
+import '../chunks/index-RaUpQCps.mjs';
+import '../chunks/index-SLs8oClH.mjs';
+import '../chunks/index-C__GtYCW.mjs';
+import '../chunks/index-Csf3aM1P.mjs';
+import '../chunks/index-3TdUvynV.mjs';
+import '../chunks/index-DDM8Lpbb.mjs';
 import '@radix-ui/react-collection';
-import '../chunks/utils-DnO0vXjp.mjs';
-import '../chunks/bundle-mjs-CU6q3BA5.mjs';
+import '../chunks/utils-Dws4Ft8U.mjs';
+import '../chunks/bundle-mjs-CjTndHqR.mjs';
 //# sourceMappingURL=index.mjs.map

package/dist/sortable/index.mjs

@@ -1,9 +1,9 @@
-export { S as Sortable, a as SortableDragHandle, b as SortableItem, c as SortableOverlay } from '../chunks/sortable-B6w9KGE_.mjs';
+export { S as Sortable, a as SortableDragHandle, b as SortableItem, c as SortableOverlay } from '../chunks/sortable-T_IChBln.mjs';
 import 'react';
 import 'react-dom';
 import '@radix-ui/react-slot';
-import '../chunks/utils-DnO0vXjp.mjs';
-import '../chunks/bundle-mjs-CU6q3BA5.mjs';
-import '../chunks/button-DVC65cB7.mjs';
+import '../chunks/utils-Dws4Ft8U.mjs';
+import '../chunks/bundle-mjs-CjTndHqR.mjs';
+import '../chunks/button-BvsCd2vf.mjs';
 import 'class-variance-authority';
 //# sourceMappingURL=index.mjs.map

package/dist/spinner/index.mjs

@@ -1,7 +1,7 @@
-import { c as cn } from '../chunks/utils-DnO0vXjp.mjs';
-import { L as LoaderCircle } from '../chunks/loader-circle-BII92tSL.mjs';
-import '../chunks/bundle-mjs-CU6q3BA5.mjs';
-import '../chunks/createLucideIcon-D8CrPx3l.mjs';
+import { c as cn } from '../chunks/utils-Dws4Ft8U.mjs';
+import { L as LoaderCircle } from '../chunks/loader-circle-hYdtBTNb.mjs';
+import '../chunks/bundle-mjs-CjTndHqR.mjs';
+import '../chunks/createLucideIcon-D3jW_oal.mjs';
 import 'react';
 
 function Spinner({ className, ...props }) {

package/dist/switch/index.mjs

@@ -1,14 +1,14 @@
-export { S as Switch } from '../chunks/switch-DsPVvx96.mjs';
+export { S as Switch } from '../chunks/switch-B3zf2gI8.mjs';
 import 'react';
-import '../chunks/index-F25i7Anb.mjs';
+import '../chunks/index-B-46hbYc.mjs';
 import 'react-dom';
 import '@radix-ui/react-slot';
 import 'react/jsx-runtime';
-import '../chunks/index-Cudt6Zq6.mjs';
-import '../chunks/index-BMgJpAGa.mjs';
-import '../chunks/index-C21v2ZEV.mjs';
-import '../chunks/index-CucrelNM.mjs';
-import '../chunks/index-A8KrKa_3.mjs';
-import '../chunks/utils-DnO0vXjp.mjs';
-import '../chunks/bundle-mjs-CU6q3BA5.mjs';
+import '../chunks/index-RaUpQCps.mjs';
+import '../chunks/index-SLs8oClH.mjs';
+import '../chunks/index-C__GtYCW.mjs';
+import '../chunks/index-3TdUvynV.mjs';
+import '../chunks/index-DDM8Lpbb.mjs';
+import '../chunks/utils-Dws4Ft8U.mjs';
+import '../chunks/bundle-mjs-CjTndHqR.mjs';
 //# sourceMappingURL=index.mjs.map

package/dist/table/index.mjs

@@ -1,5 +1,5 @@
-export { T as Table, b as TableBody, g as TableCaption, f as TableCell, c as TableFooter, d as TableHead, a as TableHeader, e as TableRow } from '../chunks/table-CaFiU9We.mjs';
+export { T as Table, b as TableBody, g as TableCaption, f as TableCell, c as TableFooter, d as TableHead, a as TableHeader, e as TableRow } from '../chunks/table-Bfl280bq.mjs';
 import 'react';
-import '../chunks/utils-DnO0vXjp.mjs';
-import '../chunks/bundle-mjs-CU6q3BA5.mjs';
+import '../chunks/utils-Dws4Ft8U.mjs';
+import '../chunks/bundle-mjs-CjTndHqR.mjs';
 //# sourceMappingURL=index.mjs.map

package/dist/table-filter/index.d.ts

@@ -8,7 +8,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 
 type BadgeVariants = VariantProps<typeof badgeVariants>["variant"];
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "positive" | "warning" | "info" | null | undefined;
+    variant?: "default" | "secondary" | "destructive" | "positive" | "warning" | "info" | "outline" | null | undefined;
     subtle?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
@@ -77,7 +77,7 @@ type NumericFilterValue = {
     value: number | null;
 };
 
-declare function TableFilter<TData, TSchema extends ZodObject<any>>({ table, defaultSide, disabled, title, schema, fieldConfigs, defaultFilterValues, appliedFiltersCount, setAppliedFiltersCount, applyFiltersOnMount, onClearFilters, onApplyFilters, badgeMultiselectVariant, badgeMultiselectSubtle, }: TableFilterProps<TData, TSchema>): react_jsx_runtime.JSX.Element;
+declare function TableFilter<TData, TSchema extends ZodObject<any>>({ table, defaultSide, disabled, title, schema, fieldConfigs, defaultFilterValues, appliedFiltersCount, setAppliedFiltersCount, applyFiltersOnMount, onClearFilters, onApplyFilters, badgeMultiselectVariant, badgeMultiselectSubtle, prepareFilterStorage, }: TableFilterProps<TData, TSchema>): react_jsx_runtime.JSX.Element;
 
 export { TableFilter };
 export type { DefaultFilterSide, FieldConfig, FieldFilterType, NumericFilterValue, Operator, TableFilterBaseProps, TableFilterProps };

package/dist/table-filter/index.mjs

@@ -1,59 +1,60 @@
-import { g as get, s as set, h as appendErrors, i as useForm, F as Form, f as FormField, a as FormItem, b as FormLabel, c as FormControl, d as FormDescription, e as FormMessage } from '../chunks/form-CW-yu519.mjs';
+import { g as get, s as set, h as appendErrors, i as useForm, F as Form, f as FormField, a as FormItem, b as FormLabel, c as FormControl, d as FormDescription, e as FormMessage } from '../chunks/form-BrcvX0yc.mjs';
 import React__default from 'react';
-import { N as NumericFormat, P as PatternFormat } from '../chunks/react-number-format.es-C7kc01hW.mjs';
-import { c as cn } from '../chunks/utils-DnO0vXjp.mjs';
-import { f as formatDateToBrazilian, a as parseFieldDate, p as ptBR } from '../chunks/date-ZOdK1brW.mjs';
-import { c as formatNumberWithComma, a as styleInput, d as styleSelect } from '../chunks/format-numbers-CzkVKQnb.mjs';
-import { S as Sheet, a as SheetTrigger, c as SheetContent, d as SheetHeader, f as SheetTitle, e as SheetFooter, b as SheetClose } from '../chunks/sheet-DKA_mlpq.mjs';
-import { c as createLucideIcon } from '../chunks/createLucideIcon-D8CrPx3l.mjs';
-import { C as CalendarDays } from '../chunks/calendar-days-Cd2WVgBN.mjs';
-import { C as ComboboxField } from '../chunks/ComboboxField-20dI3lDY.mjs';
-import { M as MultiSelect } from '../chunks/multi-select-Cn6GBwTg.mjs';
-import { B as Button } from '../chunks/button-DVC65cB7.mjs';
-import { B as Badge } from '../chunks/badge-BqxN6L_n.mjs';
-import { S as ScrollArea } from '../chunks/scroll-area-DXNFrVA9.mjs';
-import { P as Popover, a as PopoverTrigger, b as PopoverContent } from '../chunks/popover-4BgsZTpk.mjs';
-import { C as Calendar } from '../chunks/calendar-CsV2gm7-.mjs';
-import { f as format } from '../chunks/format-B3szZANA.mjs';
-import { L as Label } from '../chunks/label-PVtPZ-GM.mjs';
-import { C as Checkbox } from '../chunks/checkbox-CrjmkAKW.mjs';
-import { S as Separator } from '../chunks/separator-CtRAcZlu.mjs';
-import { C as CalendarRange } from '../chunks/CalendarRange-Us7WNimb.mjs';
-import { S as Select, h as SelectTrigger, i as SelectValue, a as SelectContent, c as SelectItem } from '../chunks/select-Ho6QMbmu.mjs';
-import { I as Input } from '../chunks/input-DEZ4zRTO.mjs';
+import { N as NumericFormat, P as PatternFormat } from '../chunks/react-number-format.es-B11gLKR5.mjs';
+import { c as cn } from '../chunks/utils-Dws4Ft8U.mjs';
+import { a as tryParseDateFilter } from '../chunks/date-Dy-Pzcmp.mjs';
+import { c as formatNumberWithComma, a as styleInput, d as styleSelect } from '../chunks/format-numbers-CBSY6ZvL.mjs';
+import { S as Sheet, a as SheetTrigger, c as SheetContent, d as SheetHeader, f as SheetTitle, e as SheetFooter, b as SheetClose } from '../chunks/sheet-CIlwd3J-.mjs';
+import { c as createLucideIcon } from '../chunks/createLucideIcon-D3jW_oal.mjs';
+import { D as DatePicker } from '../chunks/date-picker-B6SyJ_gl.mjs';
+import { C as ComboboxField } from '../chunks/ComboboxField-Us4hYexm.mjs';
+import { M as MultiSelect } from '../chunks/multi-select-B6DLSXK6.mjs';
+import { B as Button } from '../chunks/button-BvsCd2vf.mjs';
+import { B as Badge } from '../chunks/badge-BUI8RIXy.mjs';
+import { S as ScrollArea } from '../chunks/scroll-area-D0gA5i73.mjs';
+import { f as format } from '../chunks/format-CxsCX_YZ.mjs';
+import { L as Label } from '../chunks/label-Dxv54YUS.mjs';
+import { C as Checkbox } from '../chunks/checkbox-CgrFFc0p.mjs';
+import { S as Separator } from '../chunks/separator-DohkJ_xb.mjs';
+import { C as CalendarRange } from '../chunks/CalendarRange-DucTFDzH.mjs';
+import { S as Select, h as SelectTrigger, i as SelectValue, a as SelectContent, c as SelectItem } from '../chunks/select-Cl_ZzI9R.mjs';
+import { I as Input } from '../chunks/input-B4HxPY7D.mjs';
 import '@radix-ui/react-slot';
-import '../chunks/bundle-mjs-CU6q3BA5.mjs';
-import '../chunks/index-F5Q_HsuL.mjs';
-import '../chunks/index-F25i7Anb.mjs';
+import '../chunks/bundle-mjs-CjTndHqR.mjs';
+import '../chunks/index-B46fiGOC.mjs';
+import '../chunks/index-B-46hbYc.mjs';
 import 'react-dom';
 import 'react/jsx-runtime';
-import '../chunks/index-Cudt6Zq6.mjs';
-import '../chunks/index-swVjGZ84.mjs';
-import '../chunks/index-C21v2ZEV.mjs';
-import '../chunks/index-BMgJpAGa.mjs';
-import '../chunks/index-WRRU_W7V.mjs';
-import '../chunks/index-B3ak2MKr.mjs';
-import '../chunks/index-CYbLRGX3.mjs';
-import '../chunks/tslib.es6-iEi2b-Nf.mjs';
-import '../chunks/index-MA5snuXo.mjs';
-import '../chunks/index-CluWUNz-.mjs';
-import '../chunks/x-BdsvQvnu.mjs';
-import '../chunks/chevrons-up-down-_JuRHx41.mjs';
-import '../chunks/check-DSiHPkp7.mjs';
-import '../chunks/command-CZh5UHdo.mjs';
-import '../chunks/dialog-CYSGHwic.mjs';
+import '../chunks/index-RaUpQCps.mjs';
+import '../chunks/index-DF-3JHwb.mjs';
+import '../chunks/index-C__GtYCW.mjs';
+import '../chunks/index-SLs8oClH.mjs';
+import '../chunks/index-EcI_mW3m.mjs';
+import '../chunks/index-Dp_x2nI3.mjs';
+import '../chunks/index-BbPnHdtV.mjs';
+import '../chunks/tslib.es6-B32hQ9eG.mjs';
+import '../chunks/index-JZ-FhLOH.mjs';
+import '../chunks/index-DGUU265f.mjs';
+import '../chunks/x-CQ0W-nWi.mjs';
+import '../chunks/calendar-days-C3N6HIT-.mjs';
+import '../chunks/calendar-LFBK0slp.mjs';
+import '../chunks/chevron-left-B7ClEtyW.mjs';
+import '../chunks/chevron-right-Bb52eown.mjs';
+import '../chunks/chevron-down-CD1QpvBA.mjs';
+import '../chunks/popover--9SMD-cC.mjs';
+import '../chunks/index-BzAMFivh.mjs';
+import '../chunks/index-DDM8Lpbb.mjs';
+import '../chunks/chevrons-up-down-C5lu4ULp.mjs';
+import '../chunks/check-VfNn6myv.mjs';
+import '../chunks/command-e20cpPEv.mjs';
+import '../chunks/dialog-B20zSjze.mjs';
 import 'class-variance-authority';
-import '../chunks/wand-sparkles-Bx5B6895.mjs';
-import '../chunks/tooltip-DUrjZ695.mjs';
-import '../chunks/index-BAPHzVtC.mjs';
-import '../chunks/index-A8KrKa_3.mjs';
-import '../chunks/index-Cm_Sx0w9.mjs';
-import '../chunks/index--j7S_aJJ.mjs';
-import '../chunks/index-Dc-XYHvj.mjs';
-import '../chunks/chevron-left-6HkYwJhz.mjs';
-import '../chunks/chevron-right-CS62g5Sl.mjs';
-import '../chunks/chevron-down-BoCGZarH.mjs';
-import '../chunks/index-CucrelNM.mjs';
+import '../chunks/wand-sparkles-C3OGp2qM.mjs';
+import '../chunks/tooltip-CI9dbI1p.mjs';
+import '../chunks/index-B5fbJZIT.mjs';
+import '../chunks/index-Csf3aM1P.mjs';
+import '../chunks/index-DslxcA48.mjs';
+import '../chunks/index-3TdUvynV.mjs';
 import '@radix-ui/react-select';
 
 const __iconNode = [
@@ -167,8 +168,7 @@ function s(o$1, s, t) {
     };
 }
 
-// biome-ignore lint/suspicious/noExplicitAny: <any>
-function TableFilter({ table, defaultSide = "right", disabled, title, schema, fieldConfigs, defaultFilterValues, appliedFiltersCount = 0, setAppliedFiltersCount, applyFiltersOnMount, onClearFilters, onApplyFilters, badgeMultiselectVariant = "default", badgeMultiselectSubtle = false }) {
+function TableFilter({ table, defaultSide = "right", disabled, title, schema, fieldConfigs, defaultFilterValues, appliedFiltersCount = 0, setAppliedFiltersCount, applyFiltersOnMount, onClearFilters, onApplyFilters, badgeMultiselectVariant = "default", badgeMultiselectSubtle = false, prepareFilterStorage }) {
     React__default.useEffect(()=>{
         for (const { name, filterType } of fieldConfigs){
             const column = table.getColumn(name);
@@ -203,7 +203,6 @@ function TableFilter({ table, defaultSide = "right", disabled, title, schema, fi
             // Para strings (texto e data), verificar se não está vazio
             if (typeof value === "string") return value.trim() !== "";
             if (typeof value === "object") {
-                // biome-ignore lint/suspicious/noExplicitAny: <any>
                 const val = value;
                 // Para DateRange, verificar se tem from ou to
                 if ("from" in val || "to" in val) {
@@ -237,7 +236,8 @@ function TableFilter({ table, defaultSide = "right", disabled, title, schema, fi
             onClearFilters();
         }
     }, []);
-    const handleApplyFilters = (data)=>{
+    const handleApplyFilters = (formValues)=>{
+        const data = prepareFilterStorage ? prepareFilterStorage(formValues) : formValues;
         const allFieldsEmpty = Object.entries(data).every(([, value])=>{
             // Para arrays (multiselect), verificar se tem itens
             if (Array.isArray(value)) {
@@ -295,10 +295,14 @@ function TableFilter({ table, defaultSide = "right", disabled, title, schema, fi
             return value !== null && value !== "";
         });
         if (!hasValues) return;
-        for (const { name } of fieldConfigs){
+        for (const { name, type } of fieldConfigs){
             const column = table.getColumn(name);
             if (column) {
                 let filterValue = data[name];
+                // Normalização automática para campos de data
+                if (type === "date" && filterValue) {
+                    filterValue = tryParseDateFilter(filterValue);
+                }
                 if (Array.isArray(filterValue) && filterValue.length === 0) {
                     filterValue = undefined;
                 }
@@ -387,14 +391,13 @@ function TableFilter({ table, defaultSide = "right", disabled, title, schema, fi
     }, /*#__PURE__*/ React__default.createElement("div", {
         className: "space-y-4 pb-2"
     }, fieldConfigs.map(({ name, label, placeholder, type, allowNegative, isCurrency, isPercent, options, style, items, description, currency })=>/*#__PURE__*/ React__default.createElement(FormField, {
-            key: String(name),
+            key: `${String(name)}-${clearTrigger}`,
             control: form.control,
             name: name,
             render: ({ field })=>/*#__PURE__*/ React__default.createElement(FormItem, {
                     className: "pr-4 pl-1"
                 }, /*#__PURE__*/ React__default.createElement(FormLabel, null, label), /*#__PURE__*/ React__default.createElement(FormControl, null, type === "number" ? /*#__PURE__*/ React__default.createElement(NumericFormat, {
                     placeholder: placeholder,
-                    // biome-ignore lint/suspicious/noExplicitAny: <any>
                     value: field.value ?? "",
                     maxLength: isCurrency ? undefined : 15,
                     allowNegative: allowNegative ?? true,
@@ -410,24 +413,15 @@ function TableFilter({ table, defaultSide = "right", disabled, title, schema, fi
                     thousandSeparator: ".",
                     suffix: isPercent ? "%" : undefined,
                     prefix: currency === "BRL" ? "R$ " : undefined
-                }) : type === "date" ? /*#__PURE__*/ React__default.createElement(Popover, null, /*#__PURE__*/ React__default.createElement(PopoverTrigger, {
-                    asChild: true
-                }, /*#__PURE__*/ React__default.createElement(FormControl, null, /*#__PURE__*/ React__default.createElement(Button, {
-                    variant: "outline",
-                    className: cn("text-foreground hover:text-foreground w-full items-center justify-start px-3 text-left font-normal hover:bg-inherit", !field.value && "text-muted-foreground hover:text-muted-foreground")
-                }, /*#__PURE__*/ React__default.createElement(CalendarDays, {
-                    className: "h-4 w-4"
-                }), field.value ? formatDateToBrazilian(field.value) : /*#__PURE__*/ React__default.createElement("span", null, "Selecione uma data")))), /*#__PURE__*/ React__default.createElement(PopoverContent, {
-                    className: "border-switch z-99999999999 mr-12 w-auto p-0"
-                }, /*#__PURE__*/ React__default.createElement(Calendar, {
-                    captionLayout: "dropdown",
-                    mode: "single",
-                    locale: ptBR,
-                    selected: field.value ? parseFieldDate(field.value) : undefined,
-                    onSelect: (date)=>{
+                }) : type === "date" ? /*#__PURE__*/ React__default.createElement(DatePicker, {
+                    date: field.value,
+                    setDate: (date)=>{
                         field.onChange(date ? format(date, "yyyy-MM-dd") : "");
-                    }
-                }))) : type === "checkbox" && options ? /*#__PURE__*/ React__default.createElement("div", {
+                    },
+                    placeholder: placeholder,
+                    className: "w-full",
+                    popoverContentClassName: "border-switch z-[99999999999] mr-12"
+                }) : type === "checkbox" && options ? /*#__PURE__*/ React__default.createElement("div", {
                     className: "flex flex-wrap items-center gap-2"
                 }, options.map((option)=>/*#__PURE__*/ React__default.createElement(FormControl, {
                         key: option.value,
@@ -461,7 +455,7 @@ function TableFilter({ table, defaultSide = "right", disabled, title, schema, fi
                         field.onChange(unformattedValue);
                     }
                 }) : type === "dateRange" ? /*#__PURE__*/ React__default.createElement(FormField, {
-                    key: field.name,
+                    key: `${field.name}-range-${clearTrigger}`,
                     control: form.control,
                     name: field.name,
                     render: ({ field: controller })=>/*#__PURE__*/ React__default.createElement(CalendarRange, {
@@ -472,7 +466,6 @@ function TableFilter({ table, defaultSide = "right", disabled, title, schema, fi
                             className: "h-10 w-full"
                         })
                 }) : type === "select" && items ? /*#__PURE__*/ React__default.createElement(ComboboxField, {
-                    // biome-ignore lint/suspicious/noExplicitAny: <any>
                     value: field.value ?? [],
                     onChange: (val)=>field.onChange(val),
                     items: items,