@tirth_jasoliya/ui 1.0.9 → 1.0.11

package/dist/components/data/data-table/data-table-toolbar.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Table } from '@tanstack/react-table';
-import { FilterConfig } from './data-table-types.js';
+import { FilterConfig, AggregationConfigMap, AggregationConfig } from './data-table-types.js';
 import 'lucide-react';
 
 interface DataTableToolbarProps<TData> {
@@ -17,7 +17,11 @@ interface DataTableToolbarProps<TData> {
     data: TData[];
     onClearSorting: () => void;
     onClearFilters: () => void;
+    onExternalSearch?: (filters: Record<string, any>) => void;
+    onCustomFilterChange?: (key: string, value: any) => void;
+    aggregations?: AggregationConfigMap<TData>;
+    onAggregationChange?: (columnId: string, config: AggregationConfig<TData>) => void;
 }
-declare function DataTableToolbar<TData>({ table, filters, globalFilter, onGlobalFilterChange, enableGlobalFilter, onExport, onRefresh, loading, enableColumnVisibility, data, onClearSorting, onClearFilters, enableColumnPinning, }: DataTableToolbarProps<TData>): react_jsx_runtime.JSX.Element;
+declare function DataTableToolbar<TData>({ table, filters, globalFilter, onGlobalFilterChange, enableGlobalFilter, onExport, onRefresh, loading, enableColumnVisibility, data, onClearSorting, onClearFilters, enableColumnPinning, onExternalSearch, onCustomFilterChange, aggregations, onAggregationChange, }: DataTableToolbarProps<TData>): react_jsx_runtime.JSX.Element;
 
 export { DataTableToolbar };

package/dist/components/data/data-table/data-table-toolbar.js

@@ -1,3 +1,3 @@
 "use client"
-import{Search as ie,RefreshCw as se,Download as le,Settings2 as de,Filter as F,ArrowUpDown as ce,PinOff as pe,Pin as U,ChevronDown as ue}from"lucide-react";import{Slot as K}from"radix-ui";import{cva as Q}from"class-variance-authority";import{clsx as q}from"clsx";import{twMerge as J}from"tailwind-merge";function r(...e){return J(q(e))}import{jsx as Y}from"react/jsx-runtime";var X=Q("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function v({className:e,variant:a,size:i,asChild:c=!1,...x}){let w=c?K.Slot:"button";return Y(w,{"data-slot":"button",className:r(X({variant:a,size:i,className:e}),"transition-none"),...x})}import{jsx as Z}from"react/jsx-runtime";function C({className:e,type:a,...i}){return Z("input",{type:a,"data-slot":"input",className:r("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm","focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",e),...i})}import{Select as d}from"radix-ui";import{CheckIcon as ee,ChevronDownIcon as _,ChevronUpIcon as te}from"lucide-react";import{jsx as l,jsxs as P}from"react/jsx-runtime";function G({...e}){return l(d.Root,{"data-slot":"select",...e})}function L({...e}){return l(d.Value,{"data-slot":"select-value",...e})}function B({className:e,size:a="default",children:i,...c}){return P(d.Trigger,{"data-slot":"select-trigger","data-size":a,className:r("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...c,children:[i,l(d.Icon,{asChild:!0,children:l(_,{className:"size-4 opacity-50"})})]})}function A({className:e,children:a,position:i="popper",...c}){return l(d.Portal,{children:P(d.Content,{"data-slot":"select-content",className:r("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",i==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",e),position:i,...c,children:[l(oe,{}),l(d.Viewport,{className:r("p-1",i==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:a}),l(ne,{})]})})}function y({className:e,children:a,...i}){return P(d.Item,{"data-slot":"select-item",className:r("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",e),...i,children:[l("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:l(d.ItemIndicator,{children:l(ee,{className:"size-4"})})}),l(d.ItemText,{children:a})]})}function oe({className:e,...a}){return l(d.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:r("flex cursor-default items-center justify-center py-1",e),...a,children:l(te,{className:"size-4"})})}function ne({className:e,...a}){return l(d.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:r("flex cursor-default items-center justify-center py-1",e),...a,children:l(_,{className:"size-4"})})}import{DropdownMenu as u}from"radix-ui";import{CheckIcon as ae,ChevronRightIcon as Te,CircleIcon as Ve}from"lucide-react";import{jsx as p,jsxs as re}from"react/jsx-runtime";function D({...e}){return p(u.Root,{"data-slot":"dropdown-menu",...e})}function S({...e}){return p(u.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function M({className:e,sideOffset:a=4,...i}){return p(u.Portal,{children:p(u.Content,{"data-slot":"dropdown-menu-content",sideOffset:a,className:r("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) rounded-md border p-1 shadow-md",e),...i})})}function N({...e}){return p(u.Group,{"data-slot":"dropdown-menu-group",...e})}function g({className:e,inset:a,variant:i="default",...c}){return p(u.Item,{"data-slot":"dropdown-menu-item","data-inset":a,"data-variant":i,className:r("cursor-pointer focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...c})}function k({className:e,children:a,checked:i,...c}){return re(u.CheckboxItem,{"data-slot":"dropdown-menu-checkbox-item",className:r("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),checked:i,...c,children:[p("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:p(u.ItemIndicator,{children:p(ae,{className:"size-4"})})}),a]})}function f({className:e,inset:a,...i}){return p(u.Label,{"data-slot":"dropdown-menu-label","data-inset":a,className:r("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",e),...i})}function b({className:e,...a}){return p(u.Separator,{"data-slot":"dropdown-menu-separator",className:r("bg-border -mx-1 my-1 h-px",e),...a})}import{Fragment as me,jsx as o,jsxs as s}from"react/jsx-runtime";function Oe({table:e,filters:a=[],globalFilter:i,onGlobalFilterChange:c,enableGlobalFilter:x=!0,onExport:w,onRefresh:I,loading:R=!1,enableColumnVisibility:j=!0,data:H,onClearSorting:O,onClearFilters:$,enableColumnPinning:E=!1}){let h=()=>e.getAllLeafColumns().filter(t=>t.getCanHide?.()!==!1),z=()=>e.getAllColumns().filter(t=>!e.getAllLeafColumns().includes(t)&&t.columns?.length&&t.columns.some(n=>n.getCanHide?.()!==!1)),T=()=>{let t=new Set(z().flatMap(n=>n.columns?.filter(m=>m.getCanHide?.()!==!1).map(m=>m.id)||[]));return h().filter(n=>!t.has(n.id))},V=(t,n)=>n&&t.startsWith(`${n}.`)?t.replace(`${n}.`,"").split("_").map(W=>W.slice(1)).join(" "):t.split("_").map(m=>m.charAt(0).toUpperCase()+m.slice(1)).join(" ");return o("div",{className:"rounded-xl",children:o("div",{className:"px-2",children:o("div",{className:"flex flex-col gap-6",children:s("div",{className:"flex items-center justify-between",children:[o("div",{className:"flex items-center gap-3",children:a.length>0&&s("div",{className:"flex items-center gap-3 flex-wrap",children:[o("div",{className:"flex items-center gap-2 text-sm font-medium text-muted-foreground",children:o(F,{className:"h-4 w-4"})}),a.map(t=>o("div",{className:r("relative min-w-[150px]",t.width),children:t.type==="select"?s(G,{value:e.getColumn(t.key)?.getFilterValue()??"",onValueChange:n=>e.getColumn(t.key)?.setFilterValue(n==="all"?"":n),children:[t.icon&&o("span",{children:o(t.icon,{className:"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"})}),o(B,{className:r("h-9 rounded-lg w-full",t.icon&&"pl-9"),children:o(L,{placeholder:t.placeholder})}),s(A,{className:"rounded-lg",children:[o(y,{value:"all",children:"All"}),t.options?.map(n=>o(y,{value:n.value,children:n.label},n.label))]})]}):s("div",{className:"relative",children:[t.icon&&o("span",{children:o(t.icon,{className:"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"})}),o(C,{placeholder:t.placeholder,value:e.getColumn(t.key)?.getFilterValue()??"",onChange:n=>e.getColumn(t.key)?.setFilterValue(n.target.value),className:r("h-9 rounded-lg",t.icon&&"pl-9"),type:t.type==="number"?"number":t.type==="date"?"date":"text"})]})},t.key))]})}),s("div",{className:"flex items-center gap-2",children:[x&&s("div",{className:"relative",children:[o(ie,{className:"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),o(C,{placeholder:"Global search...",value:i??"",onChange:t=>c(t.target.value),className:"pl-9 max-w-max"})]}),w&&s(v,{variant:"outline",size:"sm",onClick:()=>w(H),className:"rounded-lg",children:[o(le,{className:"mr-2 h-4 w-4"}),"Export"]}),j&&s(D,{children:[o(S,{asChild:!0,children:s(v,{variant:"outline",size:"sm",className:"rounded-lg gap-1",children:[o("span",{children:"Columns"}),o(ue,{className:"h-4 w-4 opacity-50"})]})}),s(M,{align:"end",className:"w-[220px] rounded-lg max-h-[400px] overflow-y-auto",children:[o(f,{className:"px-4 py-2 text-sm font-medium",children:"Toggle Columns"}),o(b,{}),T().length>0&&s(N,{children:[o(f,{className:"px-4 py-1.5 text-sm font-medium text-muted-foreground",children:"General"}),T().map(t=>o(k,{className:"text-sm",checked:t.getIsVisible(),onCheckedChange:n=>t.toggleVisibility(!!n),children:V(t.id)},t.id))]}),z().map(t=>s(N,{children:[o(b,{}),o(f,{className:"px-4 py-1.5 text-sm font-medium text-muted-foreground",children:t.id}),t.columns?.filter(n=>n.getCanHide?.()!==!1).map(n=>o(k,{className:"text-sm",checked:n.getIsVisible(),onCheckedChange:m=>n.toggleVisibility(!!m),children:V(n.id,t.id)},n.id))]},t.id))]})]}),s(D,{children:[o(S,{asChild:!0,children:o(v,{variant:"outline",size:"sm",className:"rounded-lg",children:o(de,{className:"h-4 w-4"})})}),s(M,{align:"end",className:"w-[200px] rounded-lg",children:[o(f,{children:"Table Settings"}),o(b,{}),s(g,{onClick:O,children:[o(ce,{className:"mr-2 h-4 w-4"}),"Clear All Sorting"]}),s(g,{onClick:$,children:[o(F,{className:"mr-2 h-4 w-4"}),"Clear All Filters"]}),E&&s(me,{children:[o(b,{}),o(f,{children:"Column Pinning"}),s(g,{onClick:()=>e.setColumnPinning({left:[],right:[]}),children:[o(pe,{className:"mr-2 h-4 w-4"}),"Reset All Pinning"]}),s(g,{onClick:()=>{let t=h().filter(n=>n.getCanPin?.()!==!1).map(n=>n.id);e.setColumnPinning({left:t,right:[]})},children:[o(U,{className:"mr-2 h-4 w-4 rotate-90"}),"Pin All Left"]}),s(g,{onClick:()=>{let t=h().filter(n=>n.getCanPin?.()!==!1).map(n=>n.id);e.setColumnPinning({left:[],right:t})},children:[o(U,{className:"mr-2 h-4 w-4 -rotate-90"}),"Pin All Right"]})]})]})]}),I&&o(v,{variant:"outline",size:"sm",onClick:I,disabled:R,className:"rounded-lg",children:o(se,{className:r("h-4 w-4",R&&"animate-spin")})})]})]})})})})}export{Oe as DataTableToolbar};
+import{Search as ze,RefreshCw as it,Download as st,Settings2 as lt,Filter as Re,ArrowUpDown as dt,PinOff as ct,Pin as ut,ChevronDown as Ie,Calculator as se}from"lucide-react";import{Slot as Ue}from"radix-ui";import{cva as Ee}from"class-variance-authority";import{clsx as je}from"clsx";import{twMerge as Oe}from"tailwind-merge";function o(...t){return Oe(je(t))}import{jsx as $e}from"react/jsx-runtime";var G=Ee("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function f({className:t,variant:r,size:i,asChild:c=!1,...y}){let v=c?Ue.Slot:"button";return $e(v,{"data-slot":"button",className:o(G({variant:r,size:i,className:t}),"transition-none"),...y})}import{jsx as qe}from"react/jsx-runtime";function te({className:t,type:r,...i}){return qe("input",{type:r,"data-slot":"input",className:o("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm","focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",t),...i})}import{Select as w}from"radix-ui";import{CheckIcon as He,ChevronDownIcon as pe,ChevronUpIcon as We}from"lucide-react";import{jsx as g,jsxs as ne}from"react/jsx-runtime";function me({...t}){return g(w.Root,{"data-slot":"select",...t})}function ge({...t}){return g(w.Value,{"data-slot":"select-value",...t})}function fe({className:t,size:r="default",children:i,...c}){return ne(w.Trigger,{"data-slot":"select-trigger","data-size":r,className:o("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t),...c,children:[i,g(w.Icon,{asChild:!0,children:g(pe,{className:"size-4 opacity-50"})})]})}function ve({className:t,children:r,position:i="popper",...c}){return g(w.Portal,{children:ne(w.Content,{"data-slot":"select-content",className:o("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",i==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",t),position:i,...c,children:[g(Xe,{}),g(w.Viewport,{className:o("p-1",i==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:r}),g(Je,{})]})})}function oe({className:t,children:r,...i}){return ne(w.Item,{"data-slot":"select-item",className:o("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",t),...i,children:[g("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:g(w.ItemIndicator,{children:g(He,{className:"size-4"})})}),g(w.ItemText,{children:r})]})}function Xe({className:t,...r}){return g(w.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:o("flex cursor-default items-center justify-center py-1",t),...r,children:g(We,{className:"size-4"})})}function Je({className:t,...r}){return g(w.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:o("flex cursor-default items-center justify-center py-1",t),...r,children:g(pe,{className:"size-4"})})}import{DropdownMenu as h}from"radix-ui";import{CheckIcon as Ke,ChevronRightIcon as Qe,CircleIcon as _t}from"lucide-react";import{jsx as b,jsxs as we}from"react/jsx-runtime";function j({...t}){return b(h.Root,{"data-slot":"dropdown-menu",...t})}function O({...t}){return b(h.Trigger,{"data-slot":"dropdown-menu-trigger",...t})}function U({className:t,sideOffset:r=4,...i}){return b(h.Portal,{children:b(h.Content,{"data-slot":"dropdown-menu-content",sideOffset:r,className:o("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) rounded-md border p-1 shadow-md",t),...i})})}function ae({...t}){return b(h.Group,{"data-slot":"dropdown-menu-group",...t})}function F({className:t,inset:r,variant:i="default",...c}){return b(h.Item,{"data-slot":"dropdown-menu-item","data-inset":r,"data-variant":i,className:o("cursor-pointer focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t),...c})}function E({className:t,children:r,checked:i,...c}){return we(h.CheckboxItem,{"data-slot":"dropdown-menu-checkbox-item",className:o("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t),checked:i,...c,children:[b("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:b(h.ItemIndicator,{children:b(Ke,{className:"size-4"})})}),r]})}function M({className:t,inset:r,...i}){return b(h.Label,{"data-slot":"dropdown-menu-label","data-inset":r,className:o("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",t),...i})}function V({className:t,...r}){return b(h.Separator,{"data-slot":"dropdown-menu-separator",className:o("bg-border -mx-1 my-1 h-px",t),...r})}function be({...t}){return b(h.Sub,{"data-slot":"dropdown-menu-sub",...t})}function xe({className:t,inset:r,children:i,...c}){return we(h.SubTrigger,{"data-slot":"dropdown-menu-sub-trigger","data-inset":r,className:o("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",t),...c,children:[i,b(Qe,{className:"ml-auto size-4"})]})}function he({className:t,...r}){return b(h.SubContent,{"data-slot":"dropdown-menu-sub-content",className:o("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",t),...r})}import{useState as _e}from"react";import{useEffect as nt,useState as re}from"react";import{Calendar as at}from"lucide-react";import{format as A}from"date-fns";import{Popover as $}from"radix-ui";import{jsx as q}from"react/jsx-runtime";function ye({...t}){return q($.Root,{"data-slot":"popover",...t})}function Ce({...t}){return q($.Trigger,{"data-slot":"popover-trigger",...t})}function Pe({className:t,align:r="center",sideOffset:i=4,...c}){return q($.Portal,{children:q($.Content,{"data-slot":"popover-content",align:r,sideOffset:i,className:o("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",t),...c})})}import*as H from"react";import{ChevronDownIcon as Ye,ChevronLeftIcon as Ze,ChevronRightIcon as et}from"lucide-react";import{DayPicker as tt,getDefaultClassNames as Ne}from"react-day-picker";import{jsx as S}from"react/jsx-runtime";function De({className:t,classNames:r,showOutsideDays:i=!0,captionLayout:c="label",buttonVariant:y="ghost",formatters:v,components:P,...I}){let d=Ne();return S(tt,{showOutsideDays:i,className:o("bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,t),captionLayout:c,formatters:{formatMonthDropdown:m=>m.toLocaleString("default",{month:"short"}),...v},classNames:{root:o("w-fit",d.root),months:o("flex gap-4 flex-col md:flex-row relative",d.months),month:o("flex flex-col w-full gap-4",d.month),nav:o("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",d.nav),button_previous:o(G({variant:y}),"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",d.button_previous),button_next:o(G({variant:y}),"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",d.button_next),month_caption:o("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",d.month_caption),dropdowns:o("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",d.dropdowns),dropdown_root:o("relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",d.dropdown_root),dropdown:o("absolute bg-popover inset-0 opacity-0",d.dropdown),caption_label:o("select-none font-medium",c==="label"?"text-sm":"rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5",d.caption_label),table:"w-full border-collapse",weekdays:o("flex",d.weekdays),weekday:o("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",d.weekday),week:o("flex w-full mt-2",d.week),week_number_header:o("select-none w-(--cell-size)",d.week_number_header),week_number:o("text-[0.8rem] select-none text-muted-foreground",d.week_number),day:o("relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",d.day),range_start:o("rounded-l-md bg-accent",d.range_start),range_middle:o("rounded-none",d.range_middle),range_end:o("rounded-r-md bg-accent",d.range_end),today:o("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",d.today),outside:o("text-muted-foreground aria-selected:text-muted-foreground",d.outside),disabled:o("text-muted-foreground opacity-50",d.disabled),hidden:o("invisible",d.hidden),...r},components:{Root:({className:m,rootRef:x,...N})=>S("div",{"data-slot":"calendar",ref:x,className:o(m),...N}),Chevron:({className:m,orientation:x,...N})=>x==="left"?S(Ze,{className:o("size-4",m),...N}):x==="right"?S(et,{className:o("size-4",m),...N}):S(Ye,{className:o("size-4",m),...N}),DayButton:ot,WeekNumber:({children:m,...x})=>S("td",{...x,children:S("div",{className:"flex size-(--cell-size) items-center justify-center text-center",children:m})}),...P},...I})}function ot({className:t,day:r,modifiers:i,...c}){let y=Ne(),v=H.useRef(null);return H.useEffect(()=>{i.focused&&v.current?.focus()},[i.focused]),S(f,{ref:v,variant:"ghost",size:"icon","data-day":r.date.toLocaleDateString(),"data-selected-single":i.selected&&!i.range_start&&!i.range_end&&!i.range_middle,"data-range-start":i.range_start,"data-range-end":i.range_end,"data-range-middle":i.range_middle,className:o("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",y.day,t),...c})}import{jsx as R,jsxs as B}from"react/jsx-runtime";function ke({value:t,onChange:r,placeholder:i,mode:c,externalSearch:y,onExternalChange:v,onlyExternal:P=!1}){let[I,d]=re(!1),[m,x]=re(t),[N,z]=re(t);nt(()=>{P||z(t)},[t,P]);let _=()=>{P||r(m),z(m),y&&v&&v(m),d(!1)},T=()=>{x(N),d(!1)},k=()=>{let u=c==="single"?null:{from:null,to:null};x(u),P||r(u),z(u),y&&v&&v(u),d(!1)},D=()=>{let u=P?N:t;return u?c==="single"?A(u,"PPP"):u.from&&u.to?`${A(u.from,"MMM dd")} - ${A(u.to,"MMM dd, yyyy")}`:u.from?`From ${A(u.from,"MMM dd, yyyy")}`:u.to?`To ${A(u.to,"MMM dd, yyyy")}`:i:i},L=u=>{x(c==="single"?u:u||{from:null,to:null})};return B(ye,{open:I,onOpenChange:d,children:[R(Ce,{className:"h-8",asChild:!0,children:B(f,{variant:"outline",className:o("w-full justify-start text-left font-normal h-9",!D()&&"text-muted-foreground"),children:[R(at,{className:"mr-2 h-4 w-4"}),D()]})}),B(Pe,{className:"w-auto p-0",align:"start",children:[R("div",{className:"p-3",children:R(De,{mode:c,selected:m,onSelect:L,numberOfMonths:c==="range"?2:1,className:"rounded-md border",...c==="range"&&{required:!0}})}),B("div",{className:"flex items-center justify-between p-3 border-t",children:[R(f,{variant:"ghost",size:"sm",onClick:k,children:"Clear"}),B("div",{className:"flex gap-2",children:[R(f,{variant:"outline",size:"sm",onClick:T,children:"Cancel"}),R(f,{size:"sm",onClick:_,disabled:c==="range"&&(!m?.from||!m?.to),children:"Apply"})]})]})]})]})}import{Checkbox as Me}from"radix-ui";import{CheckIcon as rt}from"lucide-react";import{jsx as ie}from"react/jsx-runtime";function Se({className:t,...r}){return ie(Me.Root,{"data-slot":"checkbox",className:o("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",t),...r,children:ie(Me.Indicator,{"data-slot":"checkbox-indicator",className:"flex items-center justify-center text-current transition-none",children:ie(rt,{className:"size-3.5"})})})}import{Fragment as pt,jsx as n,jsxs as l}from"react/jsx-runtime";var Te=[{value:"sum",label:"Sum",description:"Total of all values"},{value:"average",label:"Average",description:"Mean value"},{value:"min",label:"Minimum",description:"Smallest value"},{value:"max",label:"Maximum",description:"Largest value"},{value:"count",label:"Count",description:"Number of rows"},{value:"unique",label:"Unique",description:"Count of distinct values"},{value:"median",label:"Median",description:"Middle value"}];function ho({table:t,filters:r=[],globalFilter:i,onGlobalFilterChange:c,enableGlobalFilter:y=!0,onExport:v,onRefresh:P,loading:I=!1,enableColumnVisibility:d=!0,data:m,onClearSorting:x,onClearFilters:N,enableColumnPinning:z=!1,onExternalSearch:_,onCustomFilterChange:T,aggregations:k={},onAggregationChange:D}){let[L,u]=_e({}),[W,le]=_e({}),X=()=>t.getAllLeafColumns().filter(e=>e.getCanHide?.()!==!1),de=()=>t.getAllColumns().filter(e=>!t.getAllLeafColumns().includes(e)&&e.columns?.length&&e.columns.some(a=>a.getCanHide?.()!==!1)),ce=()=>{let e=new Set(de().flatMap(a=>a.columns?.filter(s=>s.getCanHide?.()!==!1).map(s=>s.id)||[]));return X().filter(a=>!e.has(a.id))},J=(e,a)=>a&&e.startsWith(`${a}.`)?e.replace(`${a}.`,"").split("_").map(p=>p.slice(1)).join(" "):e.split("_").map(s=>s.charAt(0).toUpperCase()+s.slice(1)).join(" "),K=(e,a)=>{let s={...L,[e]:a};u(s)},Fe=(e,a)=>{let s={...W,[e]:a};le(s),T&&T(e,a),r.find(p=>p.key===e)?.externalSearch&&K(e,a)},Ve=()=>{_&&_(L)},Ae=()=>{u({}),le({}),N(),_&&_({}),T&&Object.keys(W).forEach(e=>{T(e,"")})},Q=e=>r.find(s=>s.key===e)?.customFilter?W[e]??"":t.getColumn(e)?.getFilterValue(),Y=(e,a)=>{let s=r.find(p=>p.key===e);s?.customFilter?Fe(e,a):(t.getColumn(e)?.setFilterValue(a),s?.externalSearch&&K(e,a))},Be=e=>{if(D){let a=k[e],s={enabled:!a?.enabled,functions:a?.functions||["sum","average"]};D(e,s)}},Le=(e,a)=>{if(D){let p=k[e]?.functions||[],C=p.includes(a)?p.filter(Ge=>Ge!==a):[...p,a];D(e,{enabled:C.length>0,functions:C})}},ue=()=>{D&&Object.keys(k).forEach(e=>{let a=k[e];a&&D(e,{...a,enabled:!1,functions:[]})})},Z=X().filter(e=>e.id==="select"||e.id==="serialNumber"?!1:e.columnDef.meta?.aggregatable?!0:t.getRowModel().rows.slice(0,5).some(p=>{let C=p.getValue(e.id);return typeof C=="number"||typeof C=="string"&&!isNaN(parseFloat(String(C)))||typeof C=="object"&&C!==null&&"props"in C})),ee=Object.values(k).some(e=>e?.enabled);return n("div",{className:"rounded-xl",children:n("div",{className:"px-2",children:n("div",{className:"flex flex-col gap-6",children:l("div",{className:"flex items-center justify-between",children:[n("div",{className:"flex items-center gap-3",children:r.length>0&&l("div",{className:"flex flex-wrap items-center gap-3",children:[n("div",{className:"flex items-center gap-2 text-sm font-medium text-muted-foreground",children:n(Re,{className:"size-4"})}),r.map(e=>!t.getColumn(e.key)&&!e.customFilter&&!e.externalSearch?null:n("div",{className:o("relative min-w-[150px]",e.width),children:e.type==="select"?l(me,{value:Q(e.key)??"",onValueChange:s=>{Y(e.key,s==="all"?"":s)},children:[e.icon&&n("span",{children:n(e.icon,{className:"absolute -translate-y-1/2 size-4 left-3 top-1/2 text-muted-foreground"})}),n(fe,{className:o("h-7 sm:h-7 rounded-lg w-full",e.icon&&"pl-9"),children:n(ge,{placeholder:e.placeholder})}),l(ve,{className:"rounded-lg",children:[n(oe,{value:"all",children:"All"}),e.options?.map(s=>n(oe,{value:s.value,children:s.label},s.label))]})]}):e.type==="date"?n(ke,{value:Q(e.key),onChange:s=>{e.onlyExternal||Y(e.key,s)},placeholder:e.placeholder,mode:e.dateMode||"single",externalSearch:e.externalSearch,onlyExternal:e.onlyExternal,onExternalChange:s=>K(e.key,s)}):l("div",{className:"relative",children:[e.icon&&n("span",{children:n(e.icon,{className:"absolute -translate-y-1/2 size-4 left-3 top-1/2 text-muted-foreground"})}),n(te,{placeholder:e.placeholder,value:Q(e.key)??"",onChange:s=>{Y(e.key,s.target.value)},className:o("h-7 rounded-lg",e.icon&&"pl-9"),type:e.type==="number"?"number":"text"})]})},e.key)),(r.some(e=>e.externalSearch)||r.some(e=>e.customFilter))&&l(f,{variant:"default",size:"sm",onClick:Ve,className:"rounded-lg h-7",children:[n(ze,{className:"size-4"}),r.find(e=>e.externalSearch||e.customFilter)?.searchButtonText||"Search"]})]})}),l("div",{className:"flex items-center gap-2",children:[y&&l("div",{className:"relative",children:[n(ze,{className:"absolute -translate-y-1/2 size-4 left-3 top-1/2 text-muted-foreground"}),n(te,{placeholder:"Global search...",value:i??"",onChange:e=>c(e.target.value),className:"pl-9 h-7 max-w-max"})]}),Z.length>0&&D&&l(j,{children:[n(O,{asChild:!0,children:l(f,{variant:"outline",size:"sm",className:o("rounded-lg gap-1",ee&&"bg-primary/10 dark:bg-primary/10 border-primary/20 dark:border-primary/20"),children:[n(se,{className:"size-4"}),n("span",{children:"Aggregations"}),n(Ie,{className:"opacity-50 size-4"})]})}),l(U,{align:"end",className:"w-64 rounded-lg max-h-[500px] overflow-y-auto",children:[l(M,{className:"flex items-center justify-between px-4 py-2",children:[n("span",{className:"text-sm font-medium",children:"Column Aggregations"}),ee&&n(f,{variant:"ghost",size:"sm",onClick:ue,className:"h-6 px-2 text-xs",children:"Clear All"})]}),n(V,{}),Z.map(e=>{let a=k[e.id],s=a?.enabled;return l(be,{children:[n(xe,{className:"text-sm",children:l("div",{className:"flex items-center w-full gap-2",children:[n(Se,{checked:s,onCheckedChange:()=>Be(e.id),className:"data-[state=checked]:bg-primary"}),n("span",{className:o("flex-1",s&&"font-medium text-primary"),children:J(e.id)}),s&&l("div",{className:"flex items-center gap-1",children:[a?.functions?.slice(0,2).map(p=>n("div",{className:"w-2 h-2 rounded-full bg-primary",title:Te.find(C=>C.value===p)?.label},p)),a?.functions&&a.functions.length>2&&l("div",{className:"text-xs text-muted-foreground",children:["+",a.functions.length-2]})]})]})}),l(he,{className:"w-48 rounded-lg",children:[n(M,{className:"px-3 py-2 text-xs font-medium text-muted-foreground",children:"Select Functions"}),Te.map(p=>n(E,{checked:a?.functions?.includes(p.value)||!1,onCheckedChange:()=>Le(e.id,p.value),className:"py-2 text-sm",children:l("div",{className:"flex flex-col",children:[n("span",{children:p.label}),n("span",{className:"text-xs text-muted-foreground",children:p.description})]})},p.value))]})]},e.id)}),Z.length===0&&l("div",{className:"px-3 py-4 text-center",children:[n(se,{className:"w-8 h-8 mx-auto mb-2 opacity-50 text-muted-foreground"}),n("p",{className:"text-sm text-muted-foreground",children:"No numeric columns available for aggregation"})]})]})]}),v&&l(f,{variant:"outline",size:"sm",onClick:()=>v(m),className:"rounded-lg",children:[n(st,{className:"size-4"}),"Export"]}),d&&l(j,{children:[n(O,{asChild:!0,className:"h-7",children:l(f,{variant:"outline",size:"sm",className:"gap-1 rounded-lg",children:[n("span",{children:"Columns"}),n(Ie,{className:"opacity-50 size-4"})]})}),l(U,{align:"end",className:"w-[220px] rounded-lg max-h-[400px] overflow-y-auto",children:[n(M,{className:"px-4 py-2 text-sm font-medium",children:"Toggle Columns"}),n(V,{}),ce().length>0&&l(ae,{children:[n(M,{className:"px-4 py-1.5 text-sm font-medium text-muted-foreground",children:"General"}),ce().map(e=>n(E,{className:"text-sm",checked:e.getIsVisible(),onCheckedChange:a=>e.toggleVisibility(!!a),children:J(e.id)},e.id))]}),de().map(e=>l(ae,{children:[n(V,{}),n(M,{className:"px-4 py-1.5 text-sm font-medium text-muted-foreground",children:e.id}),e.columns?.filter(a=>a.getCanHide?.()!==!1).map(a=>n(E,{className:"text-sm",checked:a.getIsVisible(),onCheckedChange:s=>a.toggleVisibility(!!s),children:J(a.id,e.id)},a.id))]},e.id))]})]}),l(j,{children:[n(O,{asChild:!0,className:"h-7",children:n(f,{variant:"outline",size:"sm",className:"rounded-lg h-7",children:n(lt,{className:"size-4"})})}),l(U,{align:"end",className:"w-[200px] rounded-lg",children:[n(M,{children:"Table Settings"}),n(V,{}),l(F,{onClick:x,children:[n(dt,{className:"size-4"}),"Clear All Sorting"]}),l(F,{onClick:Ae,children:[n(Re,{className:"size-4"}),"Clear All Filters"]}),ee&&l(F,{onClick:ue,children:[n(se,{className:"size-4"}),"Clear Aggregations"]}),z&&l(pt,{children:[n(V,{}),n(M,{children:"Column Pinning"}),l(F,{onClick:()=>t.setColumnPinning({left:[],right:[]}),children:[n(ct,{className:"size-4"}),"Reset All Pinning"]}),l(F,{onClick:()=>{let e=X().filter(a=>a.getCanPin?.()!==!1).map(a=>a.id);t.setColumnPinning({left:[],right:e})},children:[n(ut,{className:"-rotate-90 size-4"}),"Pin All Right"]})]})]})]}),P&&n(f,{variant:"outline",size:"sm",onClick:P,disabled:I,className:"rounded-lg",children:n(it,{className:o("h-4 w-4",I&&"animate-spin")})})]})]})})})})}export{ho as DataTableToolbar};
 //# sourceMappingURL=data-table-toolbar.js.map

package/dist/components/data/data-table/data-table-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/data/data-table/data-table-toolbar.tsx","../../../../src/components/ui/button.tsx","../../../../src/lib/utils.ts","../../../../src/components/ui/input.tsx","../../../../src/components/ui/select.tsx","../../../../src/components/ui/dropdown-menu.tsx"],"sourcesContent":["import { Search, RefreshCw, Download, Settings2, Filter, ArrowUpDown, PinOff, Pin, ChevronDown } from \"lucide-react\"\r\nimport type { Table } from \"@tanstack/react-table\"\r\n\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport { Input } from \"../../ui/input.jsx\"\r\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../../ui/select.jsx\"\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n  DropdownMenuLabel,\r\n  DropdownMenuSeparator,\r\n  DropdownMenuTrigger,\r\n  DropdownMenuCheckboxItem,\r\n  DropdownMenuGroup,\r\n} from \"../../ui/dropdown-menu.jsx\"\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport type { FilterConfig } from \"./data-table-types.js\"\r\n\r\ninterface DataTableToolbarProps<TData> {\r\n  table: Table<TData>\r\n  filters?: FilterConfig<TData>[]\r\n  globalFilter: string\r\n  onGlobalFilterChange: (value: string) => void\r\n  enableGlobalFilter: boolean\r\n  onExport?: (data: TData[]) => void\r\n  onRefresh?: () => void\r\n  loading?: boolean\r\n  enableColumnVisibility?: boolean\r\n  enableColumnPinning?: boolean\r\n  data: TData[]\r\n  onClearSorting: () => void\r\n  onClearFilters: () => void\r\n}\r\n\r\nexport function DataTableToolbar<TData>({\r\n  table,\r\n  filters = [],\r\n  globalFilter,\r\n  onGlobalFilterChange,\r\n  enableGlobalFilter = true,\r\n  onExport,\r\n  onRefresh,\r\n  loading = false,\r\n  enableColumnVisibility = true,\r\n  data,\r\n  onClearSorting,\r\n  onClearFilters,\r\n  enableColumnPinning = false,\r\n}: DataTableToolbarProps<TData>) {\r\n  const getAllLeafColumns = () => {\r\n    return table.getAllLeafColumns().filter(column => column.getCanHide?.() !== false)\r\n  }\r\n\r\n  const getGroupColumns = () => {\r\n    return table.getAllColumns().filter(column =>\r\n      !table.getAllLeafColumns().includes(column) &&\r\n      column.columns?.length &&\r\n      column.columns.some(col => col.getCanHide?.() !== false)\r\n    )\r\n  }\r\n\r\n  const getUngroupedLeafColumns = () => {\r\n    const groupedColumnIds = new Set(\r\n      getGroupColumns().flatMap(group =>\r\n        group.columns?.filter(col => col.getCanHide?.() !== false).map(c => c.id) || []\r\n      )\r\n    )\r\n    return getAllLeafColumns().filter(column => !groupedColumnIds.has(column.id))\r\n  }\r\n\r\n  const getColumnDisplayName = (columnId: string, groupName?: string) => {\r\n    if (groupName && columnId.startsWith(`${groupName}.`)) {\r\n      const cleanId = columnId.replace(`${groupName}.`, '')\r\n      return cleanId\r\n        .split('_')\r\n        .map(word => word.slice(1))\r\n        .join(' ')\r\n    }\r\n\r\n    return columnId\r\n      .split('_')\r\n      .map(word => word.charAt(0).toUpperCase() + word.slice(1))\r\n      .join(' ')\r\n  }\r\n\r\n  return (\r\n    <div className=\"rounded-xl\">\r\n      <div className=\"px-2\">\r\n        <div className=\"flex flex-col gap-6\">\r\n          {/* Top Controls */}\r\n          <div className=\"flex items-center justify-between\">\r\n            <div className=\"flex items-center gap-3\">\r\n              {/* Filters Row */}\r\n              {filters.length > 0 && (\r\n                <div className=\"flex items-center gap-3 flex-wrap\">\r\n                  <div className=\"flex items-center gap-2 text-sm font-medium text-muted-foreground\">\r\n                    <Filter className=\"h-4 w-4\" />\r\n                    {/* Filters: */}\r\n                  </div>\r\n                  {filters.map((filter) => (\r\n                    <div key={filter.key} className={cn(\"relative min-w-[150px]\", filter.width)}>\r\n                      {filter.type === \"select\" ? (\r\n                        <Select\r\n                          value={(table.getColumn(filter.key)?.getFilterValue() as string) ?? \"\"}\r\n                          onValueChange={(value) =>\r\n                            table.getColumn(filter.key)?.setFilterValue(value === \"all\" ? \"\" : value)\r\n                          }\r\n                        >\r\n                          {filter.icon && <span><filter.icon className=\"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\" /></span>}\r\n                          <SelectTrigger className={cn(\"h-9 rounded-lg w-full\", filter.icon && \"pl-9\")}>\r\n                            <SelectValue placeholder={filter.placeholder} />\r\n                          </SelectTrigger>\r\n                          <SelectContent className=\"rounded-lg\">\r\n                            <SelectItem value=\"all\">All</SelectItem>\r\n                            {filter.options?.map((option) => (\r\n                              <SelectItem key={option.label} value={option.value}>\r\n                                {option.label}\r\n                              </SelectItem>\r\n                            ))}\r\n                          </SelectContent>\r\n                        </Select>\r\n                      ) : (\r\n                        <div className=\"relative\">\r\n                          {filter.icon && <span><filter.icon className=\"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\" /></span>}\r\n                          <Input\r\n                            placeholder={filter.placeholder}\r\n                            value={(table.getColumn(filter.key)?.getFilterValue() as string) ?? \"\"}\r\n                            onChange={(event) => table.getColumn(filter.key)?.setFilterValue(event.target.value)}\r\n                            className={cn(\"h-9 rounded-lg\", filter.icon && \"pl-9\")}\r\n                            type={filter.type === \"number\" ? \"number\" : filter.type === \"date\" ? \"date\" : \"text\"}\r\n                          />\r\n                        </div>\r\n                      )}\r\n                    </div>\r\n                  ))}\r\n                </div>\r\n              )}\r\n            </div>\r\n\r\n            <div className=\"flex items-center gap-2\">\r\n\r\n              {/* Global Search */}\r\n              {enableGlobalFilter &&\r\n                <div className=\"relative\">\r\n                  <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\r\n                  <Input\r\n                    placeholder=\"Global search...\"\r\n                    value={globalFilter ?? \"\"}\r\n                    onChange={(event) => onGlobalFilterChange(event.target.value)}\r\n                    className=\"pl-9 max-w-max\"\r\n                  />\r\n                </div>\r\n              }\r\n\r\n              {/* Export Button */}\r\n              {onExport && (\r\n                <Button variant=\"outline\" size=\"sm\" onClick={() => onExport(data)} className=\"rounded-lg\">\r\n                  <Download className=\"mr-2 h-4 w-4\" />\r\n                  Export\r\n                </Button>\r\n              )}\r\n\r\n              {/* Column Visibility */}\r\n              {enableColumnVisibility && (\r\n                <DropdownMenu>\r\n                  <DropdownMenuTrigger asChild>\r\n                    <Button variant=\"outline\" size=\"sm\" className=\"rounded-lg gap-1\">\r\n                      <span>Columns</span>\r\n                      <ChevronDown className=\"h-4 w-4 opacity-50\" />\r\n                    </Button>\r\n                  </DropdownMenuTrigger>\r\n                  <DropdownMenuContent align=\"end\" className=\"w-[220px] rounded-lg max-h-[400px] overflow-y-auto\">\r\n                    <DropdownMenuLabel className=\"px-4 py-2 text-sm font-medium\">\r\n                      Toggle Columns\r\n                    </DropdownMenuLabel>\r\n                    <DropdownMenuSeparator />\r\n\r\n                    {/* General section for ungrouped columns */}\r\n                    {getUngroupedLeafColumns().length > 0 && (\r\n                      <DropdownMenuGroup>\r\n                        <DropdownMenuLabel className=\"px-4 py-1.5 text-sm font-medium text-muted-foreground\">\r\n                          General\r\n                        </DropdownMenuLabel>\r\n                        {getUngroupedLeafColumns().map(column => (\r\n                          <DropdownMenuCheckboxItem\r\n                            key={column.id}\r\n                            className=\"text-sm\"\r\n                            checked={column.getIsVisible()}\r\n                            onCheckedChange={(value) => column.toggleVisibility(!!value)}\r\n                          >\r\n                            {getColumnDisplayName(column.id)}\r\n                          </DropdownMenuCheckboxItem>\r\n                        ))}\r\n                      </DropdownMenuGroup>\r\n                    )}\r\n                    {getGroupColumns().map(group => (\r\n                      <DropdownMenuGroup key={group.id}>\r\n                        <DropdownMenuSeparator />\r\n                        <DropdownMenuLabel className=\"px-4 py-1.5 text-sm font-medium text-muted-foreground\">\r\n                          {group.id}\r\n                        </DropdownMenuLabel>\r\n                        {group.columns\r\n                          ?.filter(column => column.getCanHide?.() !== false)\r\n                          .map(column => (\r\n                            <DropdownMenuCheckboxItem\r\n                              key={column.id}\r\n                              className=\"text-sm\"\r\n                              checked={column.getIsVisible()}\r\n                              onCheckedChange={(value) => column.toggleVisibility(!!value)}\r\n                            >\r\n                              {getColumnDisplayName(column.id, group.id)}\r\n                            </DropdownMenuCheckboxItem>\r\n                          ))}\r\n                      </DropdownMenuGroup>\r\n                    ))}\r\n                  </DropdownMenuContent>\r\n                </DropdownMenu>\r\n              )}\r\n\r\n              {/* Table Settings */}\r\n              <DropdownMenu>\r\n                <DropdownMenuTrigger asChild>\r\n                  <Button variant=\"outline\" size=\"sm\" className=\"rounded-lg\">\r\n                    <Settings2 className=\"h-4 w-4\" />\r\n                  </Button>\r\n                </DropdownMenuTrigger>\r\n                <DropdownMenuContent align=\"end\" className=\"w-[200px] rounded-lg\">\r\n                  <DropdownMenuLabel>Table Settings</DropdownMenuLabel>\r\n                  <DropdownMenuSeparator />\r\n                  <DropdownMenuItem onClick={onClearSorting}>\r\n                    <ArrowUpDown className=\"mr-2 h-4 w-4\" />\r\n                    Clear All Sorting\r\n                  </DropdownMenuItem>\r\n                  <DropdownMenuItem onClick={onClearFilters}>\r\n                    <Filter className=\"mr-2 h-4 w-4\" />\r\n                    Clear All Filters\r\n                  </DropdownMenuItem>\r\n                  {enableColumnPinning && (\r\n                    <>\r\n                      <DropdownMenuSeparator />\r\n                      <DropdownMenuLabel>Column Pinning</DropdownMenuLabel>\r\n                      <DropdownMenuItem\r\n                        onClick={() => table.setColumnPinning({ left: [], right: [] })}\r\n                      >\r\n                        <PinOff className=\"mr-2 h-4 w-4\" />\r\n                        Reset All Pinning\r\n                      </DropdownMenuItem>\r\n                      <DropdownMenuItem\r\n                        onClick={() => {\r\n                          const leftColumns = getAllLeafColumns()\r\n                            .filter(column => column.getCanPin?.() !== false)\r\n                            .map(column => column.id)\r\n                          table.setColumnPinning({ left: leftColumns, right: [] })\r\n                        }}\r\n                      >\r\n                        <Pin className=\"mr-2 h-4 w-4 rotate-90\" />\r\n                        Pin All Left\r\n                      </DropdownMenuItem>\r\n                      <DropdownMenuItem\r\n                        onClick={() => {\r\n                          const rightColumns = getAllLeafColumns()\r\n                            .filter(column => column.getCanPin?.() !== false)\r\n                            .map(column => column.id)\r\n                          table.setColumnPinning({ left: [], right: rightColumns })\r\n                        }}\r\n                      >\r\n                        <Pin className=\"mr-2 h-4 w-4 -rotate-90\" />\r\n                        Pin All Right\r\n                      </DropdownMenuItem>\r\n                    </>\r\n                  )}\r\n                </DropdownMenuContent>\r\n              </DropdownMenu>\r\n\r\n              {/* Refresh Button */}\r\n              {onRefresh && (\r\n                <Button variant=\"outline\" size=\"sm\" onClick={onRefresh} disabled={loading} className=\"rounded-lg\">\r\n                  <RefreshCw className={cn(\"h-4 w-4\", loading && \"animate-spin\")} />\r\n                </Button>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}","import * as React from \"react\"\nimport { Slot as SlotPrimitive } from \"radix-ui\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }) {\n  const Comp = asChild ? SlotPrimitive.Slot : \"button\"\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }), \"transition-none\")}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n","import { clsx, type ClassValue } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs));\r\n}","import * as React from \"react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n        \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n        \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n","import * as React from \"react\"\nimport { Select as SelectPrimitive } from \"radix-ui\"\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Select({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\n}\n\nfunction SelectValue({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger({\n  className,\n  size = \"default\",\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"size-4 opacity-50\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  )\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = \"popper\",\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md\",\n          position === \"popper\" &&\n          \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n          className\n        )}\n        position={position}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            \"p-1\",\n            position === \"popper\" &&\n            \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1\"\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\"bg-border pointer-events-none -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        \"flex cursor-default items-center justify-center py-1\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpButton>\n  )\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        \"flex cursor-default items-center justify-center py-1\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownButton>\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n}\n","import * as React from \"react\"\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\"\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction DropdownMenu({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return (\n    <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n  )\n}\n\nfunction DropdownMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) rounded-md border p-1 shadow-md\",\n          className\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  )\n}\n\nfunction DropdownMenuGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return (\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n  )\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean\n  variant?: \"default\" | \"destructive\"\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"cursor-pointer focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction DropdownMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      data-slot=\"dropdown-menu-radio-group\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  )\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-4\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  )\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n}\n"],"mappings":"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","names":["Search","RefreshCw","Download","Settings2","Filter","ArrowUpDown","PinOff","Pin","ChevronDown","SlotPrimitive","cva","clsx","twMerge","cn","inputs","jsx","buttonVariants","cva","Button","className","variant","size","asChild","props","Comp","SlotPrimitive","cn","jsx","Input","className","type","props","cn","SelectPrimitive","CheckIcon","ChevronDownIcon","ChevronUpIcon","jsx","jsxs","Select","props","SelectPrimitive","SelectValue","props","jsx","SelectPrimitive","SelectTrigger","className","size","children","jsxs","cn","ChevronDownIcon","SelectContent","position","SelectScrollUpButton","SelectScrollDownButton","SelectItem","className","children","props","jsxs","SelectPrimitive","cn","jsx","CheckIcon","SelectScrollUpButton","className","props","jsx","SelectPrimitive","cn","ChevronUpIcon","SelectScrollDownButton","ChevronDownIcon","DropdownMenuPrimitive","CheckIcon","ChevronRightIcon","CircleIcon","jsx","jsxs","DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuTrigger","props","jsx","DropdownMenuPrimitive","DropdownMenuContent","className","sideOffset","cn","DropdownMenuGroup","DropdownMenuItem","inset","variant","DropdownMenuCheckboxItem","children","checked","jsxs","CheckIcon","DropdownMenuLabel","className","inset","props","jsx","DropdownMenuPrimitive","cn","DropdownMenuSeparator","Fragment","jsx","jsxs","DataTableToolbar","table","filters","globalFilter","onGlobalFilterChange","enableGlobalFilter","onExport","onRefresh","loading","enableColumnVisibility","data","onClearSorting","onClearFilters","enableColumnPinning","getAllLeafColumns","column","getGroupColumns","col","getUngroupedLeafColumns","groupedColumnIds","group","c","getColumnDisplayName","columnId","groupName","word","Filter","filter","cn","Select","value","SelectTrigger","SelectValue","SelectContent","SelectItem","option","Input","event","Search","Button","Download","DropdownMenu","DropdownMenuTrigger","ChevronDown","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuGroup","DropdownMenuCheckboxItem","Settings2","DropdownMenuItem","ArrowUpDown","PinOff","leftColumns","Pin","rightColumns","RefreshCw"]}
+{"version":3,"sources":["../../../../src/components/data/data-table/data-table-toolbar.tsx","../../../../src/components/ui/button.tsx","../../../../src/lib/utils.ts","../../../../src/components/ui/input.tsx","../../../../src/components/ui/select.tsx","../../../../src/components/ui/dropdown-menu.tsx","../../../../src/components/helper/date-filter.tsx","../../../../src/components/ui/popover.tsx","../../../../src/components/ui/calendar.tsx","../../../../src/components/ui/checkbox.tsx"],"sourcesContent":["import { Search, RefreshCw, Download, Settings2, Filter, ArrowUpDown, PinOff, Pin, ChevronDown, Calculator } from \"lucide-react\"\r\nimport type { Table } from \"@tanstack/react-table\"\r\n\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport { Input } from \"../../ui/input.jsx\"\r\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../../ui/select.jsx\"\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n  DropdownMenuLabel,\r\n  DropdownMenuSeparator,\r\n  DropdownMenuTrigger,\r\n  DropdownMenuCheckboxItem,\r\n  DropdownMenuGroup,\r\n  DropdownMenuSub,\r\n  DropdownMenuSubContent,\r\n  DropdownMenuSubTrigger,\r\n} from \"../../ui/dropdown-menu.jsx\"\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport type { FilterConfig, AggregationConfig, AggregationFunction, AggregationConfigMap } from \"./data-table-types.js\"\r\nimport { useState } from \"react\"\r\nimport { DateFilter } from \"../../helper/date-filter.js\"\r\nimport { Checkbox } from \"../../ui/checkbox.jsx\"\r\n\r\ninterface DataTableToolbarProps<TData> {\r\n  table: Table<TData>\r\n  filters?: FilterConfig<TData>[]\r\n  globalFilter: string\r\n  onGlobalFilterChange: (value: string) => void\r\n  enableGlobalFilter: boolean\r\n  onExport?: (data: TData[]) => void\r\n  onRefresh?: () => void\r\n  loading?: boolean\r\n  enableColumnVisibility?: boolean\r\n  enableColumnPinning?: boolean\r\n  data: TData[]\r\n  onClearSorting: () => void\r\n  onClearFilters: () => void\r\n  onExternalSearch?: (filters: Record<string, any>) => void\r\n  onCustomFilterChange?: (key: string, value: any) => void\r\n  aggregations?: AggregationConfigMap<TData>;\r\n  onAggregationChange?: (columnId: string, config: AggregationConfig<TData>) => void;\r\n}\r\n\r\n// Available aggregation functions with labels\r\nconst AGGREGATION_FUNCTIONS: { value: AggregationFunction; label: string; description: string }[] = [\r\n  { value: 'sum', label: 'Sum', description: 'Total of all values' },\r\n  { value: 'average', label: 'Average', description: 'Mean value' },\r\n  { value: 'min', label: 'Minimum', description: 'Smallest value' },\r\n  { value: 'max', label: 'Maximum', description: 'Largest value' },\r\n  { value: 'count', label: 'Count', description: 'Number of rows' },\r\n  { value: 'unique', label: 'Unique', description: 'Count of distinct values' },\r\n  { value: 'median', label: 'Median', description: 'Middle value' },\r\n];\r\n\r\nexport function DataTableToolbar<TData>({\r\n  table,\r\n  filters = [],\r\n  globalFilter,\r\n  onGlobalFilterChange,\r\n  enableGlobalFilter = true,\r\n  onExport,\r\n  onRefresh,\r\n  loading = false,\r\n  enableColumnVisibility = true,\r\n  data,\r\n  onClearSorting,\r\n  onClearFilters,\r\n  enableColumnPinning = false,\r\n  onExternalSearch,\r\n  onCustomFilterChange,\r\n  aggregations = {},\r\n  onAggregationChange,\r\n}: DataTableToolbarProps<TData>) {\r\n  const [externalFilterValues, setExternalFilterValues] = useState<Record<string, any>>({});\r\n  const [customFilterValues, setCustomFilterValues] = useState<Record<string, any>>({});\r\n\r\n  const getAllLeafColumns = () => {\r\n    return table.getAllLeafColumns().filter(column => column.getCanHide?.() !== false)\r\n  }\r\n\r\n  const getGroupColumns = () => {\r\n    return table.getAllColumns().filter(column =>\r\n      !table.getAllLeafColumns().includes(column) &&\r\n      column.columns?.length &&\r\n      column.columns.some(col => col.getCanHide?.() !== false)\r\n    )\r\n  }\r\n\r\n  const getUngroupedLeafColumns = () => {\r\n    const groupedColumnIds = new Set(\r\n      getGroupColumns().flatMap(group =>\r\n        group.columns?.filter(col => col.getCanHide?.() !== false).map(c => c.id) || []\r\n      )\r\n    )\r\n    return getAllLeafColumns().filter(column => !groupedColumnIds.has(column.id))\r\n  }\r\n\r\n  const getColumnDisplayName = (columnId: string, groupName?: string) => {\r\n    if (groupName && columnId.startsWith(`${groupName}.`)) {\r\n      const cleanId = columnId.replace(`${groupName}.`, '')\r\n      return cleanId\r\n        .split('_')\r\n        .map(word => word.slice(1))\r\n        .join(' ')\r\n    }\r\n\r\n    return columnId\r\n      .split('_')\r\n      .map(word => word.charAt(0).toUpperCase() + word.slice(1))\r\n      .join(' ')\r\n  }\r\n\r\n  const handleExternalFilterChange = (key: string, value: any) => {\r\n    const newValues = { ...externalFilterValues, [key]: value };\r\n    setExternalFilterValues(newValues);\r\n  }\r\n\r\n  const handleCustomFilterChange = (key: string, value: any) => {\r\n    const newValues = { ...customFilterValues, [key]: value };\r\n    setCustomFilterValues(newValues);\r\n\r\n    if (onCustomFilterChange) {\r\n      onCustomFilterChange(key, value);\r\n    }\r\n\r\n    if (filters.find(f => f.key === key)?.externalSearch) {\r\n      handleExternalFilterChange(key, value);\r\n    }\r\n  }\r\n\r\n  const handleExternalSearch = () => {\r\n    if (onExternalSearch) {\r\n      onExternalSearch(externalFilterValues);\r\n    }\r\n  }\r\n\r\n  const handleClearExternalFilters = () => {\r\n    setExternalFilterValues({});\r\n    setCustomFilterValues({});\r\n    onClearFilters();\r\n    if (onExternalSearch) {\r\n      onExternalSearch({});\r\n    }\r\n    if (onCustomFilterChange) {\r\n      Object.keys(customFilterValues).forEach(key => {\r\n        onCustomFilterChange(key, \"\");\r\n      });\r\n    }\r\n  }\r\n\r\n  const getFilterValue = (key: string) => {\r\n    const filter = filters.find(f => f.key === key);\r\n    if (filter?.customFilter) {\r\n      return customFilterValues[key] ?? \"\";\r\n    }\r\n    return table.getColumn(key)?.getFilterValue();\r\n  }\r\n\r\n  const setFilterValue = (key: string, value: any) => {\r\n    const filter = filters.find(f => f.key === key);\r\n\r\n    if (filter?.customFilter) {\r\n      handleCustomFilterChange(key, value);\r\n    } else {\r\n      table.getColumn(key)?.setFilterValue(value);\r\n\r\n      if (filter?.externalSearch) {\r\n        handleExternalFilterChange(key, value);\r\n      }\r\n    }\r\n  }\r\n\r\n  // Aggregation handlers\r\n  const handleToggleAggregation = (columnId: string) => {\r\n    if (onAggregationChange) {\r\n      const currentConfig = aggregations[columnId];\r\n      const newConfig: AggregationConfig<TData> = {\r\n        enabled: !currentConfig?.enabled,\r\n        functions: currentConfig?.functions || ['sum', 'average'],\r\n      };\r\n      onAggregationChange(columnId, newConfig);\r\n    }\r\n  }\r\n\r\n  const handleToggleAggregationFunction = (columnId: string, func: AggregationFunction) => {\r\n    if (onAggregationChange) {\r\n      const currentConfig = aggregations[columnId];\r\n      const currentFunctions = currentConfig?.functions || [];\r\n      const newFunctions = currentFunctions.includes(func)\r\n        ? currentFunctions.filter(f => f !== func)\r\n        : [...currentFunctions, func];\r\n\r\n      onAggregationChange(columnId, {\r\n        enabled: newFunctions.length > 0,\r\n        functions: newFunctions,\r\n      });\r\n    }\r\n  }\r\n\r\n  const handleClearAllAggregations = () => {\r\n    if (onAggregationChange) {\r\n      Object.keys(aggregations).forEach(columnId => {\r\n        const config = aggregations[columnId];\r\n        if (config) {\r\n          onAggregationChange(columnId, { ...config, enabled: false, functions: [] });\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  const getAggregatableColumns = () => {\r\n    return getAllLeafColumns().filter(column => {\r\n      // Skip special columns\r\n      if (column.id === 'select' || column.id === 'serialNumber') return false;\r\n\r\n      // Check column meta for aggregation capability\r\n      const columnMeta = column.columnDef.meta as { aggregatable?: boolean };\r\n      if (columnMeta?.aggregatable) return true;\r\n\r\n      // Auto-detect numeric columns by sampling\r\n      const sampleRows = table.getRowModel().rows.slice(0, 5);\r\n      return sampleRows.some(row => {\r\n        const value = row.getValue(column.id);\r\n        return typeof value === 'number' ||\r\n          (typeof value === 'string' && !isNaN(parseFloat(String(value)))) ||\r\n          (typeof value === 'object' && value !== null && 'props' in value); // React elements\r\n      });\r\n    });\r\n  };\r\n\r\n  const aggregatableColumns = getAggregatableColumns();\r\n  const hasAggregations = Object.values(aggregations).some(config => config?.enabled);\r\n\r\n  return (\r\n    <div className=\"rounded-xl\">\r\n      <div className=\"px-2\">\r\n        <div className=\"flex flex-col gap-6\">\r\n          {/* Top Controls */}\r\n          <div className=\"flex items-center justify-between\">\r\n            <div className=\"flex items-center gap-3\">\r\n              {/* Filters Row */}\r\n              {filters.length > 0 && (\r\n                <div className=\"flex flex-wrap items-center gap-3\">\r\n                  <div className=\"flex items-center gap-2 text-sm font-medium text-muted-foreground\">\r\n                    <Filter className=\"size-4\" />\r\n                    {/* Filters: */}\r\n                  </div>\r\n                  {filters.map((filter) => {\r\n                    // NEW: Skip rendering if column doesn't exist and it's not a custom/external filter\r\n                    const column = table.getColumn(filter.key);\r\n                    if (!column && !filter.customFilter && !filter.externalSearch) {\r\n                      return null;\r\n                    }\r\n\r\n                    return (\r\n                      <div key={filter.key} className={cn(\"relative min-w-[150px]\", filter.width)}>\r\n                        {filter.type === \"select\" ? (\r\n                          <Select\r\n                            value={(getFilterValue(filter.key) as string) ?? \"\"}\r\n                            onValueChange={(value) => {\r\n                              setFilterValue(filter.key, value === \"all\" ? \"\" : value);\r\n                            }}\r\n                          >\r\n                            {filter.icon && <span><filter.icon className=\"absolute -translate-y-1/2 size-4 left-3 top-1/2 text-muted-foreground\" /></span>}\r\n                            <SelectTrigger className={cn(\"h-7 sm:h-7 rounded-lg w-full\", filter.icon && \"pl-9\")}>\r\n                              <SelectValue placeholder={filter.placeholder} />\r\n                            </SelectTrigger>\r\n                            <SelectContent className=\"rounded-lg\">\r\n                              <SelectItem value=\"all\">All</SelectItem>\r\n                              {filter.options?.map((option) => (\r\n                                <SelectItem key={option.label} value={option.value}>\r\n                                  {option.label}\r\n                                </SelectItem>\r\n                              ))}\r\n                            </SelectContent>\r\n                          </Select>\r\n                        ) : filter.type === \"date\" ? (\r\n                          <DateFilter\r\n                            value={getFilterValue(filter.key)}\r\n                            onChange={(value) => {\r\n                              if (!filter.onlyExternal) {\r\n                                setFilterValue(filter.key, value);\r\n                              }\r\n                            }}\r\n                            placeholder={filter.placeholder}\r\n                            mode={filter.dateMode || \"single\"}\r\n                            externalSearch={filter.externalSearch}\r\n                            onlyExternal={filter.onlyExternal}\r\n                            onExternalChange={(value) => handleExternalFilterChange(filter.key, value)}\r\n                          />\r\n                        ) : (\r\n                          <div className=\"relative\">\r\n                            {filter.icon && <span><filter.icon className=\"absolute -translate-y-1/2 size-4 left-3 top-1/2 text-muted-foreground\" /></span>}\r\n                            <Input\r\n                              placeholder={filter.placeholder}\r\n                              value={(getFilterValue(filter.key) as string) ?? \"\"}\r\n                              onChange={(event) => {\r\n                                setFilterValue(filter.key, event.target.value);\r\n                              }}\r\n                              className={cn(\"h-7 rounded-lg\", filter.icon && \"pl-9\")}\r\n                              type={filter.type === \"number\" ? \"number\" : \"text\"}\r\n                            />\r\n                          </div>\r\n                        )}\r\n                      </div>\r\n                    );\r\n                  })}\r\n\r\n                  {(filters.some(filter => filter.externalSearch) || filters.some(filter => filter.customFilter)) && (\r\n                    <Button\r\n                      variant=\"default\"\r\n                      size=\"sm\"\r\n                      onClick={handleExternalSearch}\r\n                      className=\"rounded-lg h-7\"\r\n                    >\r\n                      <Search className=\"size-4\" />\r\n                      {filters.find(f => f.externalSearch || f.customFilter)?.searchButtonText || \"Search\"}\r\n                    </Button>\r\n                  )}\r\n                </div>\r\n              )}\r\n            </div>\r\n\r\n            <div className=\"flex items-center gap-2\">\r\n              {/* Global Search */}\r\n              {enableGlobalFilter &&\r\n                <div className=\"relative\">\r\n                  <Search className=\"absolute -translate-y-1/2 size-4 left-3 top-1/2 text-muted-foreground\" />\r\n                  <Input\r\n                    placeholder=\"Global search...\"\r\n                    value={globalFilter ?? \"\"}\r\n                    onChange={(event) => onGlobalFilterChange(event.target.value)}\r\n                    className=\"pl-9 h-7 max-w-max\"\r\n                  />\r\n                </div>\r\n              }\r\n\r\n              {/* Aggregation Settings */}\r\n              {aggregatableColumns.length > 0 && onAggregationChange && (\r\n                <DropdownMenu>\r\n                  <DropdownMenuTrigger asChild>\r\n                    <Button\r\n                      variant=\"outline\"\r\n                      size=\"sm\"\r\n                      className={cn(\"rounded-lg gap-1\", hasAggregations && \"bg-primary/10 dark:bg-primary/10 border-primary/20 dark:border-primary/20\")}\r\n                    >\r\n                      <Calculator className=\"size-4\" />\r\n                      <span>Aggregations</span>\r\n                      <ChevronDown className=\"opacity-50 size-4\" />\r\n                    </Button>\r\n                  </DropdownMenuTrigger>\r\n                  <DropdownMenuContent align=\"end\" className=\"w-64 rounded-lg max-h-[500px] overflow-y-auto\">\r\n                    <DropdownMenuLabel className=\"flex items-center justify-between px-4 py-2\">\r\n                      <span className=\"text-sm font-medium\">Column Aggregations</span>\r\n                      {hasAggregations && (\r\n                        <Button\r\n                          variant=\"ghost\"\r\n                          size=\"sm\"\r\n                          onClick={handleClearAllAggregations}\r\n                          className=\"h-6 px-2 text-xs\"\r\n                        >\r\n                          Clear All\r\n                        </Button>\r\n                      )}\r\n                    </DropdownMenuLabel>\r\n                    <DropdownMenuSeparator />\r\n\r\n                    {aggregatableColumns.map(column => {\r\n                      const columnConfig = aggregations[column.id];\r\n                      const isEnabled = columnConfig?.enabled;\r\n\r\n                      return (\r\n                        <DropdownMenuSub key={column.id}>\r\n                          <DropdownMenuSubTrigger className=\"text-sm\">\r\n                            <div className=\"flex items-center w-full gap-2\">\r\n                              <Checkbox\r\n                                checked={isEnabled}\r\n                                onCheckedChange={() => handleToggleAggregation(column.id)}\r\n                                className=\"data-[state=checked]:bg-primary\"\r\n                              />\r\n                              <span className={cn(\"flex-1\", isEnabled && \"font-medium text-primary\")}>\r\n                                {getColumnDisplayName(column.id)}\r\n                              </span>\r\n                              {isEnabled && (\r\n                                <div className=\"flex items-center gap-1\">\r\n                                  {columnConfig?.functions?.slice(0, 2).map(func => (\r\n                                    <div\r\n                                      key={func}\r\n                                      className=\"w-2 h-2 rounded-full bg-primary\"\r\n                                      title={AGGREGATION_FUNCTIONS.find(f => f.value === func)?.label}\r\n                                    />\r\n                                  ))}\r\n                                  {columnConfig?.functions && columnConfig.functions.length > 2 && (\r\n                                    <div className=\"text-xs text-muted-foreground\">\r\n                                      +{columnConfig.functions.length - 2}\r\n                                    </div>\r\n                                  )}\r\n                                </div>\r\n                              )}\r\n                            </div>\r\n                          </DropdownMenuSubTrigger>\r\n                          <DropdownMenuSubContent className=\"w-48 rounded-lg\">\r\n                            <DropdownMenuLabel className=\"px-3 py-2 text-xs font-medium text-muted-foreground\">\r\n                              Select Functions\r\n                            </DropdownMenuLabel>\r\n                            {AGGREGATION_FUNCTIONS.map(func => (\r\n                              <DropdownMenuCheckboxItem\r\n                                key={func.value}\r\n                                checked={columnConfig?.functions?.includes(func.value) || false}\r\n                                onCheckedChange={() => handleToggleAggregationFunction(column.id, func.value)}\r\n                                className=\"py-2 text-sm\"\r\n                              >\r\n                                <div className=\"flex flex-col\">\r\n                                  <span>{func.label}</span>\r\n                                  <span className=\"text-xs text-muted-foreground\">\r\n                                    {func.description}\r\n                                  </span>\r\n                                </div>\r\n                              </DropdownMenuCheckboxItem>\r\n                            ))}\r\n                          </DropdownMenuSubContent>\r\n                        </DropdownMenuSub>\r\n                      );\r\n                    })}\r\n\r\n                    {aggregatableColumns.length === 0 && (\r\n                      <div className=\"px-3 py-4 text-center\">\r\n                        <Calculator className=\"w-8 h-8 mx-auto mb-2 opacity-50 text-muted-foreground\" />\r\n                        <p className=\"text-sm text-muted-foreground\">\r\n                          No numeric columns available for aggregation\r\n                        </p>\r\n                      </div>\r\n                    )}\r\n                  </DropdownMenuContent>\r\n                </DropdownMenu>\r\n              )}\r\n\r\n              {/* Export Button */}\r\n              {onExport && (\r\n                <Button variant=\"outline\" size=\"sm\" onClick={() => onExport(data)} className=\"rounded-lg\">\r\n                  <Download className=\"size-4\" />\r\n                  Export\r\n                </Button>\r\n              )}\r\n\r\n              {/* Column Visibility */}\r\n              {enableColumnVisibility && (\r\n                <DropdownMenu>\r\n                  <DropdownMenuTrigger asChild className=\"h-7\">\r\n                    <Button variant=\"outline\" size=\"sm\" className=\"gap-1 rounded-lg\">\r\n                      <span>Columns</span>\r\n                      <ChevronDown className=\"opacity-50 size-4\" />\r\n                    </Button>\r\n                  </DropdownMenuTrigger>\r\n                  <DropdownMenuContent align=\"end\" className=\"w-[220px] rounded-lg max-h-[400px] overflow-y-auto\">\r\n                    <DropdownMenuLabel className=\"px-4 py-2 text-sm font-medium\">\r\n                      Toggle Columns\r\n                    </DropdownMenuLabel>\r\n                    <DropdownMenuSeparator />\r\n\r\n                    {/* General section for ungrouped columns */}\r\n                    {getUngroupedLeafColumns().length > 0 && (\r\n                      <DropdownMenuGroup>\r\n                        <DropdownMenuLabel className=\"px-4 py-1.5 text-sm font-medium text-muted-foreground\">\r\n                          General\r\n                        </DropdownMenuLabel>\r\n                        {getUngroupedLeafColumns().map(column => (\r\n                          <DropdownMenuCheckboxItem\r\n                            key={column.id}\r\n                            className=\"text-sm\"\r\n                            checked={column.getIsVisible()}\r\n                            onCheckedChange={(value) => column.toggleVisibility(!!value)}\r\n                          >\r\n                            {getColumnDisplayName(column.id)}\r\n                          </DropdownMenuCheckboxItem>\r\n                        ))}\r\n                      </DropdownMenuGroup>\r\n                    )}\r\n                    {getGroupColumns().map(group => (\r\n                      <DropdownMenuGroup key={group.id}>\r\n                        <DropdownMenuSeparator />\r\n                        <DropdownMenuLabel className=\"px-4 py-1.5 text-sm font-medium text-muted-foreground\">\r\n                          {group.id}\r\n                        </DropdownMenuLabel>\r\n                        {group.columns\r\n                          ?.filter(column => column.getCanHide?.() !== false)\r\n                          .map(column => (\r\n                            <DropdownMenuCheckboxItem\r\n                              key={column.id}\r\n                              className=\"text-sm\"\r\n                              checked={column.getIsVisible()}\r\n                              onCheckedChange={(value) => column.toggleVisibility(!!value)}\r\n                            >\r\n                              {getColumnDisplayName(column.id, group.id)}\r\n                            </DropdownMenuCheckboxItem>\r\n                          ))}\r\n                      </DropdownMenuGroup>\r\n                    ))}\r\n                  </DropdownMenuContent>\r\n                </DropdownMenu>\r\n              )}\r\n\r\n              {/* Table Settings */}\r\n              <DropdownMenu>\r\n                <DropdownMenuTrigger asChild className=\"h-7\">\r\n                  <Button variant=\"outline\" size=\"sm\" className=\"rounded-lg h-7\">\r\n                    <Settings2 className=\"size-4\" />\r\n                  </Button>\r\n                </DropdownMenuTrigger>\r\n                <DropdownMenuContent align=\"end\" className=\"w-[200px] rounded-lg\">\r\n                  <DropdownMenuLabel>Table Settings</DropdownMenuLabel>\r\n                  <DropdownMenuSeparator />\r\n                  <DropdownMenuItem onClick={onClearSorting}>\r\n                    <ArrowUpDown className=\"size-4\" />\r\n                    Clear All Sorting\r\n                  </DropdownMenuItem>\r\n                  <DropdownMenuItem onClick={handleClearExternalFilters}>\r\n                    <Filter className=\"size-4\" />\r\n                    Clear All Filters\r\n                  </DropdownMenuItem>\r\n                  {hasAggregations && (\r\n                    <DropdownMenuItem onClick={handleClearAllAggregations}>\r\n                      <Calculator className=\"size-4\" />\r\n                      Clear Aggregations\r\n                    </DropdownMenuItem>\r\n                  )}\r\n                  {enableColumnPinning && (\r\n                    <>\r\n                      <DropdownMenuSeparator />\r\n                      <DropdownMenuLabel>Column Pinning</DropdownMenuLabel>\r\n                      <DropdownMenuItem\r\n                        onClick={() => table.setColumnPinning({ left: [], right: [] })}\r\n                      >\r\n                        <PinOff className=\"size-4\" />\r\n                        Reset All Pinning\r\n                      </DropdownMenuItem>\r\n                      {/* <DropdownMenuItem\r\n                        onClick={() => {\r\n                          const leftColumns = getAllLeafColumns()\r\n                            .filter(column => column.getCanPin?.() !== false)\r\n                            .map(column => column.id)\r\n                          table.setColumnPinning({ left: leftColumns, right: [] })\r\n                        }}\r\n                      >\r\n                        <Pin className=\"rotate-90 size-4\" />\r\n                        Pin All Left\r\n                      </DropdownMenuItem> */}\r\n                      <DropdownMenuItem\r\n                        onClick={() => {\r\n                          const rightColumns = getAllLeafColumns()\r\n                            .filter(column => column.getCanPin?.() !== false)\r\n                            .map(column => column.id)\r\n                          table.setColumnPinning({ left: [], right: rightColumns })\r\n                        }}\r\n                      >\r\n                        <Pin className=\"-rotate-90 size-4\" />\r\n                        Pin All Right\r\n                      </DropdownMenuItem>\r\n                    </>\r\n                  )}\r\n                </DropdownMenuContent>\r\n              </DropdownMenu>\r\n\r\n              {/* Refresh Button */}\r\n              {onRefresh && (\r\n                <Button variant=\"outline\" size=\"sm\" onClick={onRefresh} disabled={loading} className=\"rounded-lg\">\r\n                  <RefreshCw className={cn(\"h-4 w-4\", loading && \"animate-spin\")} />\r\n                </Button>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}","import * as React from \"react\"\nimport { Slot as SlotPrimitive } from \"radix-ui\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }) {\n  const Comp = asChild ? SlotPrimitive.Slot : \"button\"\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }), \"transition-none\")}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n","import { clsx, type ClassValue } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs));\r\n}","import * as React from \"react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n        \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n        \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n","import * as React from \"react\"\nimport { Select as SelectPrimitive } from \"radix-ui\"\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Select({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\n}\n\nfunction SelectValue({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger({\n  className,\n  size = \"default\",\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"size-4 opacity-50\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  )\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = \"popper\",\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md\",\n          position === \"popper\" &&\n          \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n          className\n        )}\n        position={position}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            \"p-1\",\n            position === \"popper\" &&\n            \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1\"\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\"bg-border pointer-events-none -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        \"flex cursor-default items-center justify-center py-1\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpButton>\n  )\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        \"flex cursor-default items-center justify-center py-1\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownButton>\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n}\n","import * as React from \"react\"\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\"\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction DropdownMenu({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return (\n    <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n  )\n}\n\nfunction DropdownMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) rounded-md border p-1 shadow-md\",\n          className\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  )\n}\n\nfunction DropdownMenuGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return (\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n  )\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean\n  variant?: \"default\" | \"destructive\"\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"cursor-pointer focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction DropdownMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      data-slot=\"dropdown-menu-radio-group\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  )\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-4\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  )\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n}\n","import { useEffect, useState } from \"react\";\r\nimport { Calendar as CalendarIcon, Check, X } from \"lucide-react\";\r\nimport { format } from \"date-fns\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../ui/popover.js\";\r\nimport { Button } from \"../ui/button.js\";\r\nimport { cn } from \"../../lib/utils.js\";\r\nimport { Calendar } from \"../ui/calendar.js\";\r\n\r\ntype DateFilterProps = {\r\n  value: any;\r\n  onChange: (value: any) => void;\r\n  placeholder: string;\r\n  mode: \"single\" | \"range\";\r\n  externalSearch?: boolean;\r\n  onExternalChange?: (value: any) => void;\r\n  onlyExternal?: boolean;\r\n}\r\n\r\nexport function DateFilter({\r\n  value,\r\n  onChange,\r\n  placeholder,\r\n  mode,\r\n  externalSearch,\r\n  onExternalChange,\r\n  onlyExternal = false,\r\n}: DateFilterProps) {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  const [tempValue, setTempValue] = useState(value);\r\n  const [displayValue, setDisplayValue] = useState(value);\r\n\r\n  useEffect(() => {\r\n    if (!onlyExternal) {\r\n      setDisplayValue(value);\r\n    }\r\n  }, [value, onlyExternal]);\r\n\r\n  const handleApply = () => {\r\n    if (!onlyExternal) {\r\n      onChange(tempValue);\r\n      setDisplayValue(tempValue);\r\n    } else {\r\n      // For onlyExternal, update the display value but don't call onChange\r\n      setDisplayValue(tempValue);\r\n    }\r\n\r\n    if (externalSearch && onExternalChange) {\r\n      onExternalChange(tempValue);\r\n    }\r\n    setIsOpen(false);\r\n  };\r\n\r\n  const handleCancel = () => {\r\n    setTempValue(displayValue); // Use displayValue instead of value\r\n    setIsOpen(false);\r\n  };\r\n\r\n  const handleClear = () => {\r\n    const newValue = mode === \"single\" ? null : { from: null, to: null };\r\n    setTempValue(newValue);\r\n\r\n    if (!onlyExternal) {\r\n      onChange(newValue);\r\n      setDisplayValue(newValue);\r\n    } else {\r\n      // For onlyExternal, update the display value but don't call onChange\r\n      setDisplayValue(newValue);\r\n    }\r\n\r\n    if (externalSearch && onExternalChange) {\r\n      onExternalChange(newValue);\r\n    }\r\n    setIsOpen(false);\r\n  };\r\n\r\n  const displayText = () => {\r\n    const valueToDisplay = onlyExternal ? displayValue : value;\r\n\r\n    if (!valueToDisplay) return placeholder;\r\n\r\n    if (mode === \"single\") {\r\n      return format(valueToDisplay, \"PPP\");\r\n    }\r\n\r\n    if (valueToDisplay.from && valueToDisplay.to) {\r\n      return `${format(valueToDisplay.from, \"MMM dd\")} - ${format(valueToDisplay.to, \"MMM dd, yyyy\")}`;\r\n    }\r\n\r\n    if (valueToDisplay.from) {\r\n      return `From ${format(valueToDisplay.from, \"MMM dd, yyyy\")}`;\r\n    }\r\n\r\n    if (valueToDisplay.to) {\r\n      return `To ${format(valueToDisplay.to, \"MMM dd, yyyy\")}`;\r\n    }\r\n\r\n    return placeholder;\r\n  };\r\n\r\n  const handleCalendarSelect = (selectedValue: any) => {\r\n    if (mode === \"single\") {\r\n      setTempValue(selectedValue);\r\n    } else {\r\n      setTempValue(selectedValue || { from: null, to: null });\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Popover open={isOpen} onOpenChange={setIsOpen}>\r\n      <PopoverTrigger className=\"h-8\" asChild>\r\n        <Button\r\n          variant=\"outline\"\r\n          className={cn(\r\n            \"w-full justify-start text-left font-normal h-9\",\r\n            !displayText() && \"text-muted-foreground\"\r\n          )}\r\n        >\r\n          <CalendarIcon className=\"mr-2 h-4 w-4\" />\r\n          {displayText()}\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent className=\"w-auto p-0\" align=\"start\">\r\n        <div className=\"p-3\">\r\n          <Calendar\r\n            mode={mode}\r\n            selected={tempValue}\r\n            onSelect={handleCalendarSelect}\r\n            numberOfMonths={mode === \"range\" ? 2 : 1}\r\n            className=\"rounded-md border\"\r\n            {...(mode === \"range\" && { required: true })}\r\n          />\r\n        </div>\r\n        <div className=\"flex items-center justify-between p-3 border-t\">\r\n          <Button variant=\"ghost\" size=\"sm\" onClick={handleClear}>\r\n            Clear\r\n          </Button>\r\n          <div className=\"flex gap-2\">\r\n            <Button variant=\"outline\" size=\"sm\" onClick={handleCancel}>\r\n              Cancel\r\n            </Button>\r\n            <Button\r\n              size=\"sm\"\r\n              onClick={handleApply}\r\n              disabled={mode === \"range\" && (!tempValue?.from || !tempValue?.to)}\r\n            >\r\n              Apply\r\n            </Button>\r\n          </div>\r\n        </div>\r\n      </PopoverContent>\r\n    </Popover>\r\n  );\r\n}","import * as React from \"react\"\nimport { Popover as PopoverPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n  className,\n  align = \"center\",\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden\",\n          className\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }\n","import * as React from \"react\"\nimport {\n  ChevronDownIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n} from \"lucide-react\"\nimport { DayButton, DayPicker, getDefaultClassNames } from \"react-day-picker\"\n\nimport { cn } from \"../../lib/utils.js\"\nimport { Button, buttonVariants } from \"../ui/button.jsx\"\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  captionLayout = \"label\",\n  buttonVariant = \"ghost\",\n  formatters,\n  components,\n  ...props\n}: React.ComponentProps<typeof DayPicker> & {\n  buttonVariant?: React.ComponentProps<typeof Button>[\"variant\"]\n}) {\n  const defaultClassNames = getDefaultClassNames()\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\n        \"bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent\",\n        String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n        String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n        className\n      )}\n      captionLayout={captionLayout}\n      formatters={{\n        formatMonthDropdown: (date) =>\n          date.toLocaleString(\"default\", { month: \"short\" }),\n        ...formatters,\n      }}\n      classNames={{\n        root: cn(\"w-fit\", defaultClassNames.root),\n        months: cn(\n          \"flex gap-4 flex-col md:flex-row relative\",\n          defaultClassNames.months\n        ),\n        month: cn(\"flex flex-col w-full gap-4\", defaultClassNames.month),\n        nav: cn(\n          \"flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between\",\n          defaultClassNames.nav\n        ),\n        button_previous: cn(\n          buttonVariants({ variant: buttonVariant }),\n          \"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none\",\n          defaultClassNames.button_previous\n        ),\n        button_next: cn(\n          buttonVariants({ variant: buttonVariant }),\n          \"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none\",\n          defaultClassNames.button_next\n        ),\n        month_caption: cn(\n          \"flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)\",\n          defaultClassNames.month_caption\n        ),\n        dropdowns: cn(\n          \"w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5\",\n          defaultClassNames.dropdowns\n        ),\n        dropdown_root: cn(\n          \"relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md\",\n          defaultClassNames.dropdown_root\n        ),\n        dropdown: cn(\n          \"absolute bg-popover inset-0 opacity-0\",\n          defaultClassNames.dropdown\n        ),\n        caption_label: cn(\n          \"select-none font-medium\",\n          captionLayout === \"label\"\n            ? \"text-sm\"\n            : \"rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5\",\n          defaultClassNames.caption_label\n        ),\n        table: \"w-full border-collapse\",\n        weekdays: cn(\"flex\", defaultClassNames.weekdays),\n        weekday: cn(\n          \"text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none\",\n          defaultClassNames.weekday\n        ),\n        week: cn(\"flex w-full mt-2\", defaultClassNames.week),\n        week_number_header: cn(\n          \"select-none w-(--cell-size)\",\n          defaultClassNames.week_number_header\n        ),\n        week_number: cn(\n          \"text-[0.8rem] select-none text-muted-foreground\",\n          defaultClassNames.week_number\n        ),\n        day: cn(\n          \"relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none\",\n          defaultClassNames.day\n        ),\n        range_start: cn(\n          \"rounded-l-md bg-accent\",\n          defaultClassNames.range_start\n        ),\n        range_middle: cn(\"rounded-none\", defaultClassNames.range_middle),\n        range_end: cn(\"rounded-r-md bg-accent\", defaultClassNames.range_end),\n        today: cn(\n          \"bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none\",\n          defaultClassNames.today\n        ),\n        outside: cn(\n          \"text-muted-foreground aria-selected:text-muted-foreground\",\n          defaultClassNames.outside\n        ),\n        disabled: cn(\n          \"text-muted-foreground opacity-50\",\n          defaultClassNames.disabled\n        ),\n        hidden: cn(\"invisible\", defaultClassNames.hidden),\n        ...classNames,\n      }}\n      components={{\n        Root: ({ className, rootRef, ...props }) => {\n          return (\n            <div\n              data-slot=\"calendar\"\n              ref={rootRef}\n              className={cn(className)}\n              {...props}\n            />\n          )\n        },\n        Chevron: ({ className, orientation, ...props }) => {\n          if (orientation === \"left\") {\n            return (\n              <ChevronLeftIcon className={cn(\"size-4\", className)} {...props} />\n            )\n          }\n\n          if (orientation === \"right\") {\n            return (\n              <ChevronRightIcon\n                className={cn(\"size-4\", className)}\n                {...props}\n              />\n            )\n          }\n\n          return (\n            <ChevronDownIcon className={cn(\"size-4\", className)} {...props} />\n          )\n        },\n        DayButton: CalendarDayButton,\n        WeekNumber: ({ children, ...props }) => {\n          return (\n            <td {...props}>\n              <div className=\"flex size-(--cell-size) items-center justify-center text-center\">\n                {children}\n              </div>\n            </td>\n          )\n        },\n        ...components,\n      }}\n      {...props}\n    />\n  )\n}\n\nfunction CalendarDayButton({\n  className,\n  day,\n  modifiers,\n  ...props\n}: React.ComponentProps<typeof DayButton>) {\n  const defaultClassNames = getDefaultClassNames()\n\n  const ref = React.useRef<HTMLButtonElement>(null)\n  React.useEffect(() => {\n    if (modifiers.focused) ref.current?.focus()\n  }, [modifiers.focused])\n\n  return (\n    <Button\n      ref={ref}\n      variant=\"ghost\"\n      size=\"icon\"\n      data-day={day.date.toLocaleDateString()}\n      data-selected-single={\n        modifiers.selected &&\n        !modifiers.range_start &&\n        !modifiers.range_end &&\n        !modifiers.range_middle\n      }\n      data-range-start={modifiers.range_start}\n      data-range-end={modifiers.range_end}\n      data-range-middle={modifiers.range_middle}\n      className={cn(\n        \"data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70\",\n        defaultClassNames.day,\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Calendar, CalendarDayButton }\n","import * as React from \"react\"\nimport { Checkbox as CheckboxPrimitive } from \"radix-ui\"\nimport { CheckIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Checkbox({\n  className,\n  ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        \"peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"flex items-center justify-center text-current transition-none\"\n      >\n        <CheckIcon className=\"size-3.5\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n}\n\nexport { Checkbox }\n"],"mappings":";AAAA,OAAS,UAAAA,GAAQ,aAAAC,GAAW,YAAAC,GAAU,aAAAC,GAAW,UAAAC,GAAQ,eAAAC,GAAa,UAAAC,GAAQ,OAAAC,GAAK,eAAAC,GAAa,cAAAC,OAAkB,eCClH,OAAS,QAAQC,OAAqB,WACtC,OAAS,OAAAC,OAA8B,2BCFvC,OAAS,QAAAC,OAA6B,OACtC,OAAS,WAAAC,OAAe,iBAEjB,SAASC,KAAMC,EAAsB,CAC1C,OAAOF,GAAQD,GAAKG,CAAM,CAAC,CAC7B,CD6CI,cAAAC,OAAA,oBA5CJ,IAAMC,EAAiBC,GACrB,8bACA,CACE,SAAU,CACR,QAAS,CACP,QACE,mEACF,YACE,8JACF,QACE,wIACF,UACE,yEACF,MACE,uEACF,KAAM,iDACR,EACA,KAAM,CACJ,QAAS,gCACT,GAAI,gDACJ,GAAI,uCACJ,KAAM,QACR,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,SACR,CACF,CACF,EAEA,SAASC,EAAO,CACd,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,GACV,GAAGC,CACL,EAGK,CACH,IAAMC,EAAOF,EAAUG,GAAc,KAAO,SAE5C,OACEV,GAACS,EAAA,CACC,YAAU,SACV,UAAWE,EAAGV,EAAe,CAAE,QAAAI,EAAS,KAAAC,EAAM,UAAAF,CAAU,CAAC,EAAG,iBAAiB,EAC5E,GAAGI,EACN,CAEJ,CElDI,cAAAI,OAAA,oBAFJ,SAASC,GAAM,CAAE,UAAAC,EAAW,KAAAC,EAAM,GAAGC,CAAM,EAAkC,CAC3E,OACEJ,GAAC,SACC,KAAMG,EACN,YAAU,QACV,UAAWE,EACT,kcACA,gFACA,yGACAH,CACF,EACC,GAAGE,EACN,CAEJ,CCjBA,OAAS,UAAUE,MAAuB,WAC1C,OAAS,aAAAC,GAAW,mBAAAC,GAAiB,iBAAAC,OAAqB,eAOjD,cAAAC,EAwBL,QAAAC,OAxBK,oBAHT,SAASC,GAAO,CACd,GAAGC,CACL,EAAsD,CACpD,OAAOH,EAACI,EAAgB,KAAhB,CAAqB,YAAU,SAAU,GAAGD,EAAO,CAC7D,CAQA,SAASE,GAAY,CACnB,GAAGC,CACL,EAAuD,CACrD,OAAOC,EAACC,EAAgB,MAAhB,CAAsB,YAAU,eAAgB,GAAGF,EAAO,CACpE,CAEA,SAASG,GAAc,CACrB,UAAAC,EACA,KAAAC,EAAO,UACP,SAAAC,EACA,GAAGN,CACL,EAEG,CACD,OACEO,GAACL,EAAgB,QAAhB,CACC,YAAU,iBACV,YAAWG,EACX,UAAWG,EACT,+yBACAJ,CACF,EACC,GAAGJ,EAEH,UAAAM,EACDL,EAACC,EAAgB,KAAhB,CAAqB,QAAO,GAC3B,SAAAD,EAACQ,GAAA,CAAgB,UAAU,oBAAoB,EACjD,GACF,CAEJ,CAEA,SAASC,GAAc,CACrB,UAAAN,EACA,SAAAE,EACA,SAAAK,EAAW,SACX,GAAGX,CACL,EAAyD,CACvD,OACEC,EAACC,EAAgB,OAAhB,CACC,SAAAK,GAACL,EAAgB,QAAhB,CACC,YAAU,iBACV,UAAWM,EACT,gjBACAG,IAAa,UACb,kIACAP,CACF,EACA,SAAUO,EACT,GAAGX,EAEJ,UAAAC,EAACW,GAAA,EAAqB,EACtBX,EAACC,EAAgB,SAAhB,CACC,UAAWM,EACT,MACAG,IAAa,UACb,qGACF,EAEC,SAAAL,EACH,EACAL,EAACY,GAAA,EAAuB,GAC1B,EACF,CAEJ,CAeA,SAASC,GAAW,CAClB,UAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAsD,CACpD,OACEC,GAACC,EAAgB,KAAhB,CACC,YAAU,cACV,UAAWC,EACT,4aACAL,CACF,EACC,GAAGE,EAEJ,UAAAI,EAAC,QAAK,UAAU,6DACd,SAAAA,EAACF,EAAgB,cAAhB,CACC,SAAAE,EAACC,GAAA,CAAU,UAAU,SAAS,EAChC,EACF,EACAD,EAACF,EAAgB,SAAhB,CAA0B,SAAAH,EAAS,GACtC,CAEJ,CAeA,SAASO,GAAqB,CAC5B,UAAAC,EACA,GAAGC,CACL,EAAgE,CAC9D,OACEC,EAACC,EAAgB,eAAhB,CACC,YAAU,0BACV,UAAWC,EACT,uDACAJ,CACF,EACC,GAAGC,EAEJ,SAAAC,EAACG,GAAA,CAAc,UAAU,SAAS,EACpC,CAEJ,CAEA,SAASC,GAAuB,CAC9B,UAAAN,EACA,GAAGC,CACL,EAAkE,CAChE,OACEC,EAACC,EAAgB,iBAAhB,CACC,YAAU,4BACV,UAAWC,EACT,uDACAJ,CACF,EACC,GAAGC,EAEJ,SAAAC,EAACK,GAAA,CAAgB,UAAU,SAAS,EACtC,CAEJ,CCxKA,OAAS,gBAAgBC,MAA6B,WACtD,OAAS,aAAAC,GAAW,oBAAAC,GAAkB,cAAAC,OAAkB,eAO/C,cAAAC,EAgFL,QAAAC,OAhFK,oBAHT,SAASC,EAAa,CACpB,GAAGC,CACL,EAA4D,CAC1D,OAAOH,EAACI,EAAsB,KAAtB,CAA2B,YAAU,gBAAiB,GAAGD,EAAO,CAC1E,CAUA,SAASE,EAAoB,CAC3B,GAAGC,CACL,EAA+D,CAC7D,OACEC,EAACC,EAAsB,QAAtB,CACC,YAAU,wBACT,GAAGF,EACN,CAEJ,CAEA,SAASG,EAAoB,CAC3B,UAAAC,EACA,WAAAC,EAAa,EACb,GAAGL,CACL,EAA+D,CAC7D,OACEC,EAACC,EAAsB,OAAtB,CACC,SAAAD,EAACC,EAAsB,QAAtB,CACC,YAAU,wBACV,WAAYG,EACZ,UAAWC,EACT,uhBACAF,CACF,EACC,GAAGJ,EACN,EACF,CAEJ,CAEA,SAASO,GAAkB,CACzB,GAAGP,CACL,EAA6D,CAC3D,OACEC,EAACC,EAAsB,MAAtB,CAA4B,YAAU,sBAAuB,GAAGF,EAAO,CAE5E,CAEA,SAASQ,EAAiB,CACxB,UAAAJ,EACA,MAAAK,EACA,QAAAC,EAAU,UACV,GAAGV,CACL,EAGG,CACD,OACEC,EAACC,EAAsB,KAAtB,CACC,YAAU,qBACV,aAAYO,EACZ,eAAcC,EACd,UAAWJ,EACT,8mBACAF,CACF,EACC,GAAGJ,EACN,CAEJ,CAEA,SAASW,EAAyB,CAChC,UAAAP,EACA,SAAAQ,EACA,QAAAC,EACA,GAAGb,CACL,EAAoE,CAClE,OACEc,GAACZ,EAAsB,aAAtB,CACC,YAAU,8BACV,UAAWI,EACT,+SACAF,CACF,EACA,QAASS,EACR,GAAGb,EAEJ,UAAAC,EAAC,QAAK,UAAU,gFACd,SAAAA,EAACC,EAAsB,cAAtB,CACC,SAAAD,EAACc,GAAA,CAAU,UAAU,SAAS,EAChC,EACF,EACCH,GACH,CAEJ,CAqCA,SAASI,EAAkB,CACzB,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAEG,CACD,OACEC,EAACC,EAAsB,MAAtB,CACC,YAAU,sBACV,aAAYH,EACZ,UAAWI,EACT,oDACAL,CACF,EACC,GAAGE,EACN,CAEJ,CAEA,SAASI,EAAsB,CAC7B,UAAAN,EACA,GAAGE,CACL,EAAiE,CAC/D,OACEC,EAACC,EAAsB,UAAtB,CACC,YAAU,0BACV,UAAWC,EAAG,4BAA6BL,CAAS,EACnD,GAAGE,EACN,CAEJ,CAkBA,SAASK,GAAgB,CACvB,GAAGC,CACL,EAA2D,CACzD,OAAOC,EAACC,EAAsB,IAAtB,CAA0B,YAAU,oBAAqB,GAAGF,EAAO,CAC7E,CAEA,SAASG,GAAuB,CAC9B,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,GAAGN,CACL,EAEG,CACD,OACEO,GAACL,EAAsB,WAAtB,CACC,YAAU,4BACV,aAAYG,EACZ,UAAWG,EACT,iOACAJ,CACF,EACC,GAAGJ,EAEH,UAAAM,EACDL,EAACQ,GAAA,CAAiB,UAAU,iBAAiB,GAC/C,CAEJ,CAEA,SAASC,GAAuB,CAC9B,UAAAN,EACA,GAAGJ,CACL,EAAkE,CAChE,OACEC,EAACC,EAAsB,WAAtB,CACC,YAAU,4BACV,UAAWM,EACT,gfACAJ,CACF,EACC,GAAGJ,EACN,CAEJ,CLvNA,OAAS,YAAAW,OAAgB,QMrBzB,OAAS,aAAAC,GAAW,YAAAC,OAAgB,QACpC,OAAS,YAAYC,OAA8B,eACnD,OAAS,UAAAC,MAAc,WCDvB,OAAS,WAAWC,MAAwB,WAOnC,cAAAC,MAAA,oBAHT,SAASC,GAAQ,CACf,GAAGC,CACL,EAAuD,CACrD,OAAOF,EAACG,EAAiB,KAAjB,CAAsB,YAAU,UAAW,GAAGD,EAAO,CAC/D,CAEA,SAASE,GAAe,CACtB,GAAGF,CACL,EAA0D,CACxD,OAAOF,EAACG,EAAiB,QAAjB,CAAyB,YAAU,kBAAmB,GAAGD,EAAO,CAC1E,CAEA,SAASG,GAAe,CACtB,UAAAC,EACA,MAAAC,EAAQ,SACR,WAAAC,EAAa,EACb,GAAGN,CACL,EAA0D,CACxD,OACEF,EAACG,EAAiB,OAAjB,CACC,SAAAH,EAACG,EAAiB,QAAjB,CACC,YAAU,kBACV,MAAOI,EACP,WAAYC,EACZ,UAAWC,EACT,ieACAH,CACF,EACC,GAAGJ,EACN,EACF,CAEJ,CCrCA,UAAYQ,MAAW,QACvB,OACE,mBAAAC,GACA,mBAAAC,GACA,oBAAAC,OACK,eACP,OAAoB,aAAAC,GAAW,wBAAAC,OAA4B,mBAyH/C,cAAAC,MAAA,oBApHZ,SAASC,GAAS,CAChB,UAAAC,EACA,WAAAC,EACA,gBAAAC,EAAkB,GAClB,cAAAC,EAAgB,QAChB,cAAAC,EAAgB,QAChB,WAAAC,EACA,WAAAC,EACA,GAAGC,CACL,EAEG,CACD,IAAMC,EAAoBC,GAAqB,EAE/C,OACEX,EAACY,GAAA,CACC,gBAAiBR,EACjB,UAAWS,EACT,yJACA,OAAO,+CACP,OAAO,mDACPX,CACF,EACA,cAAeG,EACf,WAAY,CACV,oBAAsBS,GACpBA,EAAK,eAAe,UAAW,CAAE,MAAO,OAAQ,CAAC,EACnD,GAAGP,CACL,EACA,WAAY,CACV,KAAMM,EAAG,QAASH,EAAkB,IAAI,EACxC,OAAQG,EACN,2CACAH,EAAkB,MACpB,EACA,MAAOG,EAAG,6BAA8BH,EAAkB,KAAK,EAC/D,IAAKG,EACH,0EACAH,EAAkB,GACpB,EACA,gBAAiBG,EACfE,EAAe,CAAE,QAAST,CAAc,CAAC,EACzC,8DACAI,EAAkB,eACpB,EACA,YAAaG,EACXE,EAAe,CAAE,QAAST,CAAc,CAAC,EACzC,8DACAI,EAAkB,WACpB,EACA,cAAeG,EACb,2EACAH,EAAkB,aACpB,EACA,UAAWG,EACT,sFACAH,EAAkB,SACpB,EACA,cAAeG,EACb,sHACAH,EAAkB,aACpB,EACA,SAAUG,EACR,wCACAH,EAAkB,QACpB,EACA,cAAeG,EACb,0BACAR,IAAkB,QACd,UACA,0GACJK,EAAkB,aACpB,EACA,MAAO,yBACP,SAAUG,EAAG,OAAQH,EAAkB,QAAQ,EAC/C,QAASG,EACP,gFACAH,EAAkB,OACpB,EACA,KAAMG,EAAG,mBAAoBH,EAAkB,IAAI,EACnD,mBAAoBG,EAClB,8BACAH,EAAkB,kBACpB,EACA,YAAaG,EACX,kDACAH,EAAkB,WACpB,EACA,IAAKG,EACH,4LACAH,EAAkB,GACpB,EACA,YAAaG,EACX,yBACAH,EAAkB,WACpB,EACA,aAAcG,EAAG,eAAgBH,EAAkB,YAAY,EAC/D,UAAWG,EAAG,yBAA0BH,EAAkB,SAAS,EACnE,MAAOG,EACL,gFACAH,EAAkB,KACpB,EACA,QAASG,EACP,4DACAH,EAAkB,OACpB,EACA,SAAUG,EACR,mCACAH,EAAkB,QACpB,EACA,OAAQG,EAAG,YAAaH,EAAkB,MAAM,EAChD,GAAGP,CACL,EACA,WAAY,CACV,KAAM,CAAC,CAAE,UAAAD,EAAW,QAAAc,EAAS,GAAGP,CAAM,IAElCT,EAAC,OACC,YAAU,WACV,IAAKgB,EACL,UAAWH,EAAGX,CAAS,EACtB,GAAGO,EACN,EAGJ,QAAS,CAAC,CAAE,UAAAP,EAAW,YAAAe,EAAa,GAAGR,CAAM,IACvCQ,IAAgB,OAEhBjB,EAACkB,GAAA,CAAgB,UAAWL,EAAG,SAAUX,CAAS,EAAI,GAAGO,EAAO,EAIhEQ,IAAgB,QAEhBjB,EAACmB,GAAA,CACC,UAAWN,EAAG,SAAUX,CAAS,EAChC,GAAGO,EACN,EAKFT,EAACoB,GAAA,CAAgB,UAAWP,EAAG,SAAUX,CAAS,EAAI,GAAGO,EAAO,EAGpE,UAAWY,GACX,WAAY,CAAC,CAAE,SAAAC,EAAU,GAAGb,CAAM,IAE9BT,EAAC,MAAI,GAAGS,EACN,SAAAT,EAAC,OAAI,UAAU,kEACZ,SAAAsB,EACH,EACF,EAGJ,GAAGd,CACL,EACC,GAAGC,EACN,CAEJ,CAEA,SAASY,GAAkB,CACzB,UAAAnB,EACA,IAAAqB,EACA,UAAAC,EACA,GAAGf,CACL,EAA2C,CACzC,IAAMC,EAAoBC,GAAqB,EAEzCc,EAAY,SAA0B,IAAI,EAChD,OAAM,YAAU,IAAM,CAChBD,EAAU,SAASC,EAAI,SAAS,MAAM,CAC5C,EAAG,CAACD,EAAU,OAAO,CAAC,EAGpBxB,EAAC0B,EAAA,CACC,IAAKD,EACL,QAAQ,QACR,KAAK,OACL,WAAUF,EAAI,KAAK,mBAAmB,EACtC,uBACEC,EAAU,UACV,CAACA,EAAU,aACX,CAACA,EAAU,WACX,CAACA,EAAU,aAEb,mBAAkBA,EAAU,YAC5B,iBAAgBA,EAAU,UAC1B,oBAAmBA,EAAU,aAC7B,UAAWX,EACT,m3BACAH,EAAkB,IAClBR,CACF,EACC,GAAGO,EACN,CAEJ,CFlGQ,OAOE,OAAAkB,EAPF,QAAAC,MAAA,oBA5FD,SAASC,GAAW,CACzB,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,KAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,aAAAC,EAAe,EACjB,EAAoB,CAClB,GAAM,CAACC,EAAQC,CAAS,EAAIC,GAAS,EAAK,EACpC,CAACC,EAAWC,CAAY,EAAIF,GAAST,CAAK,EAC1C,CAACY,EAAcC,CAAe,EAAIJ,GAAST,CAAK,EAEtDc,GAAU,IAAM,CACTR,GACHO,EAAgBb,CAAK,CAEzB,EAAG,CAACA,EAAOM,CAAY,CAAC,EAExB,IAAMS,EAAc,IAAM,CACnBT,GACHL,EAASS,CAAS,EAClBG,EAAgBH,CAAS,EAMvBN,GAAkBC,GACpBA,EAAiBK,CAAS,EAE5BF,EAAU,EAAK,CACjB,EAEMQ,EAAe,IAAM,CACzBL,EAAaC,CAAY,EACzBJ,EAAU,EAAK,CACjB,EAEMS,EAAc,IAAM,CACxB,IAAMC,EAAWf,IAAS,SAAW,KAAO,CAAE,KAAM,KAAM,GAAI,IAAK,EACnEQ,EAAaO,CAAQ,EAEhBZ,GACHL,EAASiB,CAAQ,EACjBL,EAAgBK,CAAQ,EAMtBd,GAAkBC,GACpBA,EAAiBa,CAAQ,EAE3BV,EAAU,EAAK,CACjB,EAEMW,EAAc,IAAM,CACxB,IAAMC,EAAiBd,EAAeM,EAAeZ,EAErD,OAAKoB,EAEDjB,IAAS,SACJkB,EAAOD,EAAgB,KAAK,EAGjCA,EAAe,MAAQA,EAAe,GACjC,GAAGC,EAAOD,EAAe,KAAM,QAAQ,CAAC,MAAMC,EAAOD,EAAe,GAAI,cAAc,CAAC,GAG5FA,EAAe,KACV,QAAQC,EAAOD,EAAe,KAAM,cAAc,CAAC,GAGxDA,EAAe,GACV,MAAMC,EAAOD,EAAe,GAAI,cAAc,CAAC,GAGjDlB,EAlBqBA,CAmB9B,EAEMoB,EAAwBC,GAAuB,CAEjDZ,EADER,IAAS,SACEoB,EAEAA,GAAiB,CAAE,KAAM,KAAM,GAAI,IAAK,CAF3B,CAI9B,EAEA,OACEzB,EAAC0B,GAAA,CAAQ,KAAMjB,EAAQ,aAAcC,EACnC,UAAAX,EAAC4B,GAAA,CAAe,UAAU,MAAM,QAAO,GACrC,SAAA3B,EAAC4B,EAAA,CACC,QAAQ,UACR,UAAWC,EACT,iDACA,CAACR,EAAY,GAAK,uBACpB,EAEA,UAAAtB,EAAC+B,GAAA,CAAa,UAAU,eAAe,EACtCT,EAAY,GACf,EACF,EACArB,EAAC+B,GAAA,CAAe,UAAU,aAAa,MAAM,QAC3C,UAAAhC,EAAC,OAAI,UAAU,MACb,SAAAA,EAACiC,GAAA,CACC,KAAM3B,EACN,SAAUO,EACV,SAAUY,EACV,eAAgBnB,IAAS,QAAU,EAAI,EACvC,UAAU,oBACT,GAAIA,IAAS,SAAW,CAAE,SAAU,EAAK,EAC5C,EACF,EACAL,EAAC,OAAI,UAAU,iDACb,UAAAD,EAAC6B,EAAA,CAAO,QAAQ,QAAQ,KAAK,KAAK,QAAST,EAAa,iBAExD,EACAnB,EAAC,OAAI,UAAU,aACb,UAAAD,EAAC6B,EAAA,CAAO,QAAQ,UAAU,KAAK,KAAK,QAASV,EAAc,kBAE3D,EACAnB,EAAC6B,EAAA,CACC,KAAK,KACL,QAASX,EACT,SAAUZ,IAAS,UAAY,CAACO,GAAW,MAAQ,CAACA,GAAW,IAChE,iBAED,GACF,GACF,GACF,GACF,CAEJ,CGvJA,OAAS,YAAYqB,OAAyB,WAC9C,OAAS,aAAAC,OAAiB,eAqBlB,cAAAC,OAAA,oBAjBR,SAASC,GAAS,CAChB,UAAAC,EACA,GAAGC,CACL,EAAwD,CACtD,OACEH,GAACI,GAAkB,KAAlB,CACC,YAAU,WACV,UAAWC,EACT,8eACAH,CACF,EACC,GAAGC,EAEJ,SAAAH,GAACI,GAAkB,UAAlB,CACC,YAAU,qBACV,UAAU,gEAEV,SAAAJ,GAACM,GAAA,CAAU,UAAU,WAAW,EAClC,EACF,CAEJ,CT2NoB,OA2RA,YAAAC,GA3RA,OAAAC,EAuBQ,QAAAC,MAvBR,oBAxMpB,IAAMC,GAA8F,CAClG,CAAE,MAAO,MAAO,MAAO,MAAO,YAAa,qBAAsB,EACjE,CAAE,MAAO,UAAW,MAAO,UAAW,YAAa,YAAa,EAChE,CAAE,MAAO,MAAO,MAAO,UAAW,YAAa,gBAAiB,EAChE,CAAE,MAAO,MAAO,MAAO,UAAW,YAAa,eAAgB,EAC/D,CAAE,MAAO,QAAS,MAAO,QAAS,YAAa,gBAAiB,EAChE,CAAE,MAAO,SAAU,MAAO,SAAU,YAAa,0BAA2B,EAC5E,CAAE,MAAO,SAAU,MAAO,SAAU,YAAa,cAAe,CAClE,EAEO,SAASC,GAAwB,CACtC,MAAAC,EACA,QAAAC,EAAU,CAAC,EACX,aAAAC,EACA,qBAAAC,EACA,mBAAAC,EAAqB,GACrB,SAAAC,EACA,UAAAC,EACA,QAAAC,EAAU,GACV,uBAAAC,EAAyB,GACzB,KAAAC,EACA,eAAAC,EACA,eAAAC,EACA,oBAAAC,EAAsB,GACtB,iBAAAC,EACA,qBAAAC,EACA,aAAAC,EAAe,CAAC,EAChB,oBAAAC,CACF,EAAiC,CAC/B,GAAM,CAACC,EAAsBC,CAAuB,EAAIC,GAA8B,CAAC,CAAC,EAClF,CAACC,EAAoBC,EAAqB,EAAIF,GAA8B,CAAC,CAAC,EAE9EG,EAAoB,IACjBtB,EAAM,kBAAkB,EAAE,OAAOuB,GAAUA,EAAO,aAAa,IAAM,EAAK,EAG7EC,GAAkB,IACfxB,EAAM,cAAc,EAAE,OAAOuB,GAClC,CAACvB,EAAM,kBAAkB,EAAE,SAASuB,CAAM,GAC1CA,EAAO,SAAS,QAChBA,EAAO,QAAQ,KAAKE,GAAOA,EAAI,aAAa,IAAM,EAAK,CACzD,EAGIC,GAA0B,IAAM,CACpC,IAAMC,EAAmB,IAAI,IAC3BH,GAAgB,EAAE,QAAQI,GACxBA,EAAM,SAAS,OAAOH,GAAOA,EAAI,aAAa,IAAM,EAAK,EAAE,IAAII,GAAKA,EAAE,EAAE,GAAK,CAAC,CAChF,CACF,EACA,OAAOP,EAAkB,EAAE,OAAOC,GAAU,CAACI,EAAiB,IAAIJ,EAAO,EAAE,CAAC,CAC9E,EAEMO,EAAuB,CAACC,EAAkBC,IAC1CA,GAAaD,EAAS,WAAW,GAAGC,CAAS,GAAG,EAClCD,EAAS,QAAQ,GAAGC,CAAS,IAAK,EAAE,EAEjD,MAAM,GAAG,EACT,IAAIC,GAAQA,EAAK,MAAM,CAAC,CAAC,EACzB,KAAK,GAAG,EAGNF,EACJ,MAAM,GAAG,EACT,IAAIE,GAAQA,EAAK,OAAO,CAAC,EAAE,YAAY,EAAIA,EAAK,MAAM,CAAC,CAAC,EACxD,KAAK,GAAG,EAGPC,EAA6B,CAACC,EAAaC,IAAe,CAC9D,IAAMC,EAAY,CAAE,GAAGpB,EAAsB,CAACkB,CAAG,EAAGC,CAAM,EAC1DlB,EAAwBmB,CAAS,CACnC,EAEMC,GAA2B,CAACH,EAAaC,IAAe,CAC5D,IAAMC,EAAY,CAAE,GAAGjB,EAAoB,CAACe,CAAG,EAAGC,CAAM,EACxDf,GAAsBgB,CAAS,EAE3BvB,GACFA,EAAqBqB,EAAKC,CAAK,EAG7BnC,EAAQ,KAAKsC,GAAKA,EAAE,MAAQJ,CAAG,GAAG,gBACpCD,EAA2BC,EAAKC,CAAK,CAEzC,EAEMI,GAAuB,IAAM,CAC7B3B,GACFA,EAAiBI,CAAoB,CAEzC,EAEMwB,GAA6B,IAAM,CACvCvB,EAAwB,CAAC,CAAC,EAC1BG,GAAsB,CAAC,CAAC,EACxBV,EAAe,EACXE,GACFA,EAAiB,CAAC,CAAC,EAEjBC,GACF,OAAO,KAAKM,CAAkB,EAAE,QAAQe,GAAO,CAC7CrB,EAAqBqB,EAAK,EAAE,CAC9B,CAAC,CAEL,EAEMO,EAAkBP,GACPlC,EAAQ,KAAKsC,GAAKA,EAAE,MAAQJ,CAAG,GAClC,aACHf,EAAmBe,CAAG,GAAK,GAE7BnC,EAAM,UAAUmC,CAAG,GAAG,eAAe,EAGxCQ,EAAiB,CAACR,EAAaC,IAAe,CAClD,IAAMQ,EAAS3C,EAAQ,KAAKsC,GAAKA,EAAE,MAAQJ,CAAG,EAE1CS,GAAQ,aACVN,GAAyBH,EAAKC,CAAK,GAEnCpC,EAAM,UAAUmC,CAAG,GAAG,eAAeC,CAAK,EAEtCQ,GAAQ,gBACVV,EAA2BC,EAAKC,CAAK,EAG3C,EAGMS,GAA2Bd,GAAqB,CACpD,GAAIf,EAAqB,CACvB,IAAM8B,EAAgB/B,EAAagB,CAAQ,EACrCgB,EAAsC,CAC1C,QAAS,CAACD,GAAe,QACzB,UAAWA,GAAe,WAAa,CAAC,MAAO,SAAS,CAC1D,EACA9B,EAAoBe,EAAUgB,CAAS,CACzC,CACF,EAEMC,GAAkC,CAACjB,EAAkBkB,IAA8B,CACvF,GAAIjC,EAAqB,CAEvB,IAAMkC,EADgBnC,EAAagB,CAAQ,GACH,WAAa,CAAC,EAChDoB,EAAeD,EAAiB,SAASD,CAAI,EAC/CC,EAAiB,OAAOX,IAAKA,KAAMU,CAAI,EACvC,CAAC,GAAGC,EAAkBD,CAAI,EAE9BjC,EAAoBe,EAAU,CAC5B,QAASoB,EAAa,OAAS,EAC/B,UAAWA,CACb,CAAC,CACH,CACF,EAEMC,GAA6B,IAAM,CACnCpC,GACF,OAAO,KAAKD,CAAY,EAAE,QAAQgB,GAAY,CAC5C,IAAMsB,EAAStC,EAAagB,CAAQ,EAChCsB,GACFrC,EAAoBe,EAAU,CAAE,GAAGsB,EAAQ,QAAS,GAAO,UAAW,CAAC,CAAE,CAAC,CAE9E,CAAC,CAEL,EAsBMC,EAnBGhC,EAAkB,EAAE,OAAOC,GAE5BA,EAAO,KAAO,UAAYA,EAAO,KAAO,eAAuB,GAGhDA,EAAO,UAAU,MACpB,aAAqB,GAGlBvB,EAAM,YAAY,EAAE,KAAK,MAAM,EAAG,CAAC,EACpC,KAAKuD,GAAO,CAC5B,IAAMnB,EAAQmB,EAAI,SAAShC,EAAO,EAAE,EACpC,OAAO,OAAOa,GAAU,UACrB,OAAOA,GAAU,UAAY,CAAC,MAAM,WAAW,OAAOA,CAAK,CAAC,CAAC,GAC7D,OAAOA,GAAU,UAAYA,IAAU,MAAQ,UAAWA,CAC/D,CAAC,CACF,EAIGoB,GAAkB,OAAO,OAAOzC,CAAY,EAAE,KAAKsC,GAAUA,GAAQ,OAAO,EAElF,OACEzD,EAAC,OAAI,UAAU,aACb,SAAAA,EAAC,OAAI,UAAU,OACb,SAAAA,EAAC,OAAI,UAAU,sBAEb,SAAAC,EAAC,OAAI,UAAU,oCACb,UAAAD,EAAC,OAAI,UAAU,0BAEZ,SAAAK,EAAQ,OAAS,GAChBJ,EAAC,OAAI,UAAU,oCACb,UAAAD,EAAC,OAAI,UAAU,oEACb,SAAAA,EAAC6D,GAAA,CAAO,UAAU,SAAS,EAE7B,EACCxD,EAAQ,IAAK2C,GAGR,CADW5C,EAAM,UAAU4C,EAAO,GAAG,GAC1B,CAACA,EAAO,cAAgB,CAACA,EAAO,eACtC,KAIPhD,EAAC,OAAqB,UAAW8D,EAAG,yBAA0Bd,EAAO,KAAK,EACvE,SAAAA,EAAO,OAAS,SACf/C,EAAC8D,GAAA,CACC,MAAQjB,EAAeE,EAAO,GAAG,GAAgB,GACjD,cAAgBR,GAAU,CACxBO,EAAeC,EAAO,IAAKR,IAAU,MAAQ,GAAKA,CAAK,CACzD,EAEC,UAAAQ,EAAO,MAAQhD,EAAC,QAAK,SAAAA,EAACgD,EAAO,KAAP,CAAY,UAAU,wEAAwE,EAAE,EACvHhD,EAACgE,GAAA,CAAc,UAAWF,EAAG,+BAAgCd,EAAO,MAAQ,MAAM,EAChF,SAAAhD,EAACiE,GAAA,CAAY,YAAajB,EAAO,YAAa,EAChD,EACA/C,EAACiE,GAAA,CAAc,UAAU,aACvB,UAAAlE,EAACmE,GAAA,CAAW,MAAM,MAAM,eAAG,EAC1BnB,EAAO,SAAS,IAAKoB,GACpBpE,EAACmE,GAAA,CAA8B,MAAOC,EAAO,MAC1C,SAAAA,EAAO,OADOA,EAAO,KAExB,CACD,GACH,GACF,EACEpB,EAAO,OAAS,OAClBhD,EAACqE,GAAA,CACC,MAAOvB,EAAeE,EAAO,GAAG,EAChC,SAAWR,GAAU,CACdQ,EAAO,cACVD,EAAeC,EAAO,IAAKR,CAAK,CAEpC,EACA,YAAaQ,EAAO,YACpB,KAAMA,EAAO,UAAY,SACzB,eAAgBA,EAAO,eACvB,aAAcA,EAAO,aACrB,iBAAmBR,GAAUF,EAA2BU,EAAO,IAAKR,CAAK,EAC3E,EAEAvC,EAAC,OAAI,UAAU,WACZ,UAAA+C,EAAO,MAAQhD,EAAC,QAAK,SAAAA,EAACgD,EAAO,KAAP,CAAY,UAAU,wEAAwE,EAAE,EACvHhD,EAACsE,GAAA,CACC,YAAatB,EAAO,YACpB,MAAQF,EAAeE,EAAO,GAAG,GAAgB,GACjD,SAAWuB,GAAU,CACnBxB,EAAeC,EAAO,IAAKuB,EAAM,OAAO,KAAK,CAC/C,EACA,UAAWT,EAAG,iBAAkBd,EAAO,MAAQ,MAAM,EACrD,KAAMA,EAAO,OAAS,SAAW,SAAW,OAC9C,GACF,GA/CMA,EAAO,GAiDjB,CAEH,GAEC3C,EAAQ,KAAK2C,GAAUA,EAAO,cAAc,GAAK3C,EAAQ,KAAK2C,GAAUA,EAAO,YAAY,IAC3F/C,EAACuE,EAAA,CACC,QAAQ,UACR,KAAK,KACL,QAAS5B,GACT,UAAU,iBAEV,UAAA5C,EAACyE,GAAA,CAAO,UAAU,SAAS,EAC1BpE,EAAQ,KAAKsC,GAAKA,EAAE,gBAAkBA,EAAE,YAAY,GAAG,kBAAoB,UAC9E,GAEJ,EAEJ,EAEA1C,EAAC,OAAI,UAAU,0BAEZ,UAAAO,GACCP,EAAC,OAAI,UAAU,WACb,UAAAD,EAACyE,GAAA,CAAO,UAAU,wEAAwE,EAC1FzE,EAACsE,GAAA,CACC,YAAY,mBACZ,MAAOhE,GAAgB,GACvB,SAAWiE,GAAUhE,EAAqBgE,EAAM,OAAO,KAAK,EAC5D,UAAU,qBACZ,GACF,EAIDb,EAAoB,OAAS,GAAKtC,GACjCnB,EAACyE,EAAA,CACC,UAAA1E,EAAC2E,EAAA,CAAoB,QAAO,GAC1B,SAAA1E,EAACuE,EAAA,CACC,QAAQ,UACR,KAAK,KACL,UAAWV,EAAG,mBAAoBF,IAAmB,2EAA2E,EAEhI,UAAA5D,EAAC4E,GAAA,CAAW,UAAU,SAAS,EAC/B5E,EAAC,QAAK,wBAAY,EAClBA,EAAC6E,GAAA,CAAY,UAAU,oBAAoB,GAC7C,EACF,EACA5E,EAAC6E,EAAA,CAAoB,MAAM,MAAM,UAAU,gDACzC,UAAA7E,EAAC8E,EAAA,CAAkB,UAAU,8CAC3B,UAAA/E,EAAC,QAAK,UAAU,sBAAsB,+BAAmB,EACxD4D,IACC5D,EAACwE,EAAA,CACC,QAAQ,QACR,KAAK,KACL,QAAShB,GACT,UAAU,mBACX,qBAED,GAEJ,EACAxD,EAACgF,EAAA,EAAsB,EAEtBtB,EAAoB,IAAI/B,GAAU,CACjC,IAAMsD,EAAe9D,EAAaQ,EAAO,EAAE,EACrCuD,EAAYD,GAAc,QAEhC,OACEhF,EAACkF,GAAA,CACC,UAAAnF,EAACoF,GAAA,CAAuB,UAAU,UAChC,SAAAnF,EAAC,OAAI,UAAU,iCACb,UAAAD,EAACqF,GAAA,CACC,QAASH,EACT,gBAAiB,IAAMjC,GAAwBtB,EAAO,EAAE,EACxD,UAAU,kCACZ,EACA3B,EAAC,QAAK,UAAW8D,EAAG,SAAUoB,GAAa,0BAA0B,EAClE,SAAAhD,EAAqBP,EAAO,EAAE,EACjC,EACCuD,GACCjF,EAAC,OAAI,UAAU,0BACZ,UAAAgF,GAAc,WAAW,MAAM,EAAG,CAAC,EAAE,IAAI5B,GACxCrD,EAAC,OAEC,UAAU,kCACV,MAAOE,GAAsB,KAAKyC,GAAKA,EAAE,QAAUU,CAAI,GAAG,OAFrDA,CAGP,CACD,EACA4B,GAAc,WAAaA,EAAa,UAAU,OAAS,GAC1DhF,EAAC,OAAI,UAAU,gCAAgC,cAC3CgF,EAAa,UAAU,OAAS,GACpC,GAEJ,GAEJ,EACF,EACAhF,EAACqF,GAAA,CAAuB,UAAU,kBAChC,UAAAtF,EAAC+E,EAAA,CAAkB,UAAU,sDAAsD,4BAEnF,EACC7E,GAAsB,IAAImD,GACzBrD,EAACuF,EAAA,CAEC,QAASN,GAAc,WAAW,SAAS5B,EAAK,KAAK,GAAK,GAC1D,gBAAiB,IAAMD,GAAgCzB,EAAO,GAAI0B,EAAK,KAAK,EAC5E,UAAU,eAEV,SAAApD,EAAC,OAAI,UAAU,gBACb,UAAAD,EAAC,QAAM,SAAAqD,EAAK,MAAM,EAClBrD,EAAC,QAAK,UAAU,gCACb,SAAAqD,EAAK,YACR,GACF,GAVKA,EAAK,KAWZ,CACD,GACH,IAhDoB1B,EAAO,EAiD7B,CAEJ,CAAC,EAEA+B,EAAoB,SAAW,GAC9BzD,EAAC,OAAI,UAAU,wBACb,UAAAD,EAAC4E,GAAA,CAAW,UAAU,wDAAwD,EAC9E5E,EAAC,KAAE,UAAU,gCAAgC,wDAE7C,GACF,GAEJ,GACF,EAIDS,GACCR,EAACuE,EAAA,CAAO,QAAQ,UAAU,KAAK,KAAK,QAAS,IAAM/D,EAASI,CAAI,EAAG,UAAU,aAC3E,UAAAb,EAACwF,GAAA,CAAS,UAAU,SAAS,EAAE,UAEjC,EAID5E,GACCX,EAACyE,EAAA,CACC,UAAA1E,EAAC2E,EAAA,CAAoB,QAAO,GAAC,UAAU,MACrC,SAAA1E,EAACuE,EAAA,CAAO,QAAQ,UAAU,KAAK,KAAK,UAAU,mBAC5C,UAAAxE,EAAC,QAAK,mBAAO,EACbA,EAAC6E,GAAA,CAAY,UAAU,oBAAoB,GAC7C,EACF,EACA5E,EAAC6E,EAAA,CAAoB,MAAM,MAAM,UAAU,qDACzC,UAAA9E,EAAC+E,EAAA,CAAkB,UAAU,gCAAgC,0BAE7D,EACA/E,EAACgF,EAAA,EAAsB,EAGtBlD,GAAwB,EAAE,OAAS,GAClC7B,EAACwF,GAAA,CACC,UAAAzF,EAAC+E,EAAA,CAAkB,UAAU,wDAAwD,mBAErF,EACCjD,GAAwB,EAAE,IAAIH,GAC7B3B,EAACuF,EAAA,CAEC,UAAU,UACV,QAAS5D,EAAO,aAAa,EAC7B,gBAAkBa,GAAUb,EAAO,iBAAiB,CAAC,CAACa,CAAK,EAE1D,SAAAN,EAAqBP,EAAO,EAAE,GAL1BA,EAAO,EAMd,CACD,GACH,EAEDC,GAAgB,EAAE,IAAII,GACrB/B,EAACwF,GAAA,CACC,UAAAzF,EAACgF,EAAA,EAAsB,EACvBhF,EAAC+E,EAAA,CAAkB,UAAU,wDAC1B,SAAA/C,EAAM,GACT,EACCA,EAAM,SACH,OAAOL,GAAUA,EAAO,aAAa,IAAM,EAAK,EACjD,IAAIA,GACH3B,EAACuF,EAAA,CAEC,UAAU,UACV,QAAS5D,EAAO,aAAa,EAC7B,gBAAkBa,GAAUb,EAAO,iBAAiB,CAAC,CAACa,CAAK,EAE1D,SAAAN,EAAqBP,EAAO,GAAIK,EAAM,EAAE,GALpCL,EAAO,EAMd,CACD,IAhBmBK,EAAM,EAiB9B,CACD,GACH,GACF,EAIF/B,EAACyE,EAAA,CACC,UAAA1E,EAAC2E,EAAA,CAAoB,QAAO,GAAC,UAAU,MACrC,SAAA3E,EAACwE,EAAA,CAAO,QAAQ,UAAU,KAAK,KAAK,UAAU,iBAC5C,SAAAxE,EAAC0F,GAAA,CAAU,UAAU,SAAS,EAChC,EACF,EACAzF,EAAC6E,EAAA,CAAoB,MAAM,MAAM,UAAU,uBACzC,UAAA9E,EAAC+E,EAAA,CAAkB,0BAAc,EACjC/E,EAACgF,EAAA,EAAsB,EACvB/E,EAAC0F,EAAA,CAAiB,QAAS7E,EACzB,UAAAd,EAAC4F,GAAA,CAAY,UAAU,SAAS,EAAE,qBAEpC,EACA3F,EAAC0F,EAAA,CAAiB,QAAS9C,GACzB,UAAA7C,EAAC6D,GAAA,CAAO,UAAU,SAAS,EAAE,qBAE/B,EACCD,IACC3D,EAAC0F,EAAA,CAAiB,QAASnC,GACzB,UAAAxD,EAAC4E,GAAA,CAAW,UAAU,SAAS,EAAE,sBAEnC,EAED5D,GACCf,EAAAF,GAAA,CACE,UAAAC,EAACgF,EAAA,EAAsB,EACvBhF,EAAC+E,EAAA,CAAkB,0BAAc,EACjC9E,EAAC0F,EAAA,CACC,QAAS,IAAMvF,EAAM,iBAAiB,CAAE,KAAM,CAAC,EAAG,MAAO,CAAC,CAAE,CAAC,EAE7D,UAAAJ,EAAC6F,GAAA,CAAO,UAAU,SAAS,EAAE,qBAE/B,EAYA5F,EAAC0F,EAAA,CACC,QAAS,IAAM,CACb,IAAMG,EAAepE,EAAkB,EACpC,OAAOC,GAAUA,EAAO,YAAY,IAAM,EAAK,EAC/C,IAAIA,GAAUA,EAAO,EAAE,EAC1BvB,EAAM,iBAAiB,CAAE,KAAM,CAAC,EAAG,MAAO0F,CAAa,CAAC,CAC1D,EAEA,UAAA9F,EAAC+F,GAAA,CAAI,UAAU,oBAAoB,EAAE,iBAEvC,GACF,GAEJ,GACF,EAGCrF,GACCV,EAACwE,EAAA,CAAO,QAAQ,UAAU,KAAK,KAAK,QAAS9D,EAAW,SAAUC,EAAS,UAAU,aACnF,SAAAX,EAACgG,GAAA,CAAU,UAAWlC,EAAG,UAAWnD,GAAW,cAAc,EAAG,EAClE,GAEJ,GACF,EACF,EACF,EACF,CAEJ","names":["Search","RefreshCw","Download","Settings2","Filter","ArrowUpDown","PinOff","Pin","ChevronDown","Calculator","SlotPrimitive","cva","clsx","twMerge","cn","inputs","jsx","buttonVariants","cva","Button","className","variant","size","asChild","props","Comp","SlotPrimitive","cn","jsx","Input","className","type","props","cn","SelectPrimitive","CheckIcon","ChevronDownIcon","ChevronUpIcon","jsx","jsxs","Select","props","SelectPrimitive","SelectValue","props","jsx","SelectPrimitive","SelectTrigger","className","size","children","jsxs","cn","ChevronDownIcon","SelectContent","position","SelectScrollUpButton","SelectScrollDownButton","SelectItem","className","children","props","jsxs","SelectPrimitive","cn","jsx","CheckIcon","SelectScrollUpButton","className","props","jsx","SelectPrimitive","cn","ChevronUpIcon","SelectScrollDownButton","ChevronDownIcon","DropdownMenuPrimitive","CheckIcon","ChevronRightIcon","CircleIcon","jsx","jsxs","DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuTrigger","props","jsx","DropdownMenuPrimitive","DropdownMenuContent","className","sideOffset","cn","DropdownMenuGroup","DropdownMenuItem","inset","variant","DropdownMenuCheckboxItem","children","checked","jsxs","CheckIcon","DropdownMenuLabel","className","inset","props","jsx","DropdownMenuPrimitive","cn","DropdownMenuSeparator","DropdownMenuSub","props","jsx","DropdownMenuPrimitive","DropdownMenuSubTrigger","className","inset","children","jsxs","cn","ChevronRightIcon","DropdownMenuSubContent","useState","useEffect","useState","CalendarIcon","format","PopoverPrimitive","jsx","Popover","props","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","cn","React","ChevronDownIcon","ChevronLeftIcon","ChevronRightIcon","DayPicker","getDefaultClassNames","jsx","Calendar","className","classNames","showOutsideDays","captionLayout","buttonVariant","formatters","components","props","defaultClassNames","getDefaultClassNames","DayPicker","cn","date","buttonVariants","rootRef","orientation","ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","CalendarDayButton","children","day","modifiers","ref","Button","jsx","jsxs","DateFilter","value","onChange","placeholder","mode","externalSearch","onExternalChange","onlyExternal","isOpen","setIsOpen","useState","tempValue","setTempValue","displayValue","setDisplayValue","useEffect","handleApply","handleCancel","handleClear","newValue","displayText","valueToDisplay","format","handleCalendarSelect","selectedValue","Popover","PopoverTrigger","Button","cn","CalendarIcon","PopoverContent","Calendar","CheckboxPrimitive","CheckIcon","jsx","Checkbox","className","props","CheckboxPrimitive","cn","CheckIcon","Fragment","jsx","jsxs","AGGREGATION_FUNCTIONS","DataTableToolbar","table","filters","globalFilter","onGlobalFilterChange","enableGlobalFilter","onExport","onRefresh","loading","enableColumnVisibility","data","onClearSorting","onClearFilters","enableColumnPinning","onExternalSearch","onCustomFilterChange","aggregations","onAggregationChange","externalFilterValues","setExternalFilterValues","useState","customFilterValues","setCustomFilterValues","getAllLeafColumns","column","getGroupColumns","col","getUngroupedLeafColumns","groupedColumnIds","group","c","getColumnDisplayName","columnId","groupName","word","handleExternalFilterChange","key","value","newValues","handleCustomFilterChange","f","handleExternalSearch","handleClearExternalFilters","getFilterValue","setFilterValue","filter","handleToggleAggregation","currentConfig","newConfig","handleToggleAggregationFunction","func","currentFunctions","newFunctions","handleClearAllAggregations","config","aggregatableColumns","row","hasAggregations","Filter","cn","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","option","DateFilter","Input","event","Button","Search","DropdownMenu","DropdownMenuTrigger","Calculator","ChevronDown","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","columnConfig","isEnabled","DropdownMenuSub","DropdownMenuSubTrigger","Checkbox","DropdownMenuSubContent","DropdownMenuCheckboxItem","Download","DropdownMenuGroup","Settings2","DropdownMenuItem","ArrowUpDown","PinOff","rightColumns","Pin","RefreshCw"]}

package/dist/components/data/data-table/data-table-types.cjs

@@ -1,3 +1,3 @@
 "use client"
-"use strict";var t=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var r=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var s=(o,e,l,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of r(e))!b.call(o,a)&&a!==l&&t(o,a,{get:()=>e[a],enumerable:!(n=i(e,a))||n.enumerable});return o};var g=o=>s(t({},"__esModule",{value:!0}),o);var d={};module.exports=g(d);
+"use strict";var t=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var r=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var s=(o,e,i,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of r(e))!g.call(o,a)&&a!==i&&t(o,a,{get:()=>e[a],enumerable:!(n=l(e,a))||n.enumerable});return o};var b=o=>s(t({},"__esModule",{value:!0}),o);var c={};module.exports=b(c);
 //# sourceMappingURL=data-table-types.cjs.map

package/dist/components/data/data-table/data-table-types.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/data/data-table/data-table-types.ts"],"sourcesContent":["import type { ColumnDef, Table, Row, Column } from \"@tanstack/react-table\";\r\nimport type { LucideIcon } from \"lucide-react\";\r\n\r\ntype Paths<T, Prefix extends string = ''> = T extends object\r\n  ? {\r\n    [K in keyof T]: K extends string\r\n    ? T[K] extends object\r\n    ? Paths<T[K], `${Prefix}${K}.`> | `${Prefix}${K}`\r\n    : `${Prefix}${K}`\r\n    : never;\r\n  }[keyof T]\r\n  : never;\r\n\r\nexport type FilterConfig<T> = {\r\n  key: Paths<T>;\r\n  placeholder: string;\r\n  type?: \"text\" | \"select\" | \"date\" | \"number\";\r\n  options?: { label: string; value: string }[];\r\n  width?: string;\r\n  icon?: LucideIcon;\r\n};\r\n\r\nexport type PaginationConfig = {\r\n  enabled: boolean;\r\n  pageSize?: number;\r\n  pageSizeOptions?: number[];\r\n  showInfo?: boolean;\r\n  showPageNumbers?: boolean;\r\n};\r\n\r\nexport type TableSettings = {\r\n  hideHeader?: boolean;\r\n  enableSorting?: boolean;\r\n  toolbar?: boolean;\r\n  enableFiltering?: boolean;\r\n  enableGlobalFilter?: boolean;\r\n  enableColumnVisibility?: boolean;\r\n  enableRowSelection?: boolean;\r\n  enableColumnResizing?: boolean;\r\n  enableColumnPinning?: boolean;\r\n  fixedCheckboxColumn?: boolean;\r\n  stickyHeader?: boolean;\r\n  showSerialNumbers?: boolean;\r\n  striped?: boolean;\r\n  hoverable?: boolean;\r\n  compact?: boolean;\r\n  bordered?: boolean;\r\n  fullHeight?: boolean;\r\n};\r\n\r\nexport type GroupColumnDef<TData> = ColumnDef<TData> & {\r\n  columns?: GroupColumnDef<TData>[];\r\n  enablePinning?: boolean;\r\n  headerAlign?: 'left' | 'center' | 'right';\r\n};\r\n\r\nexport type DataTableProps<TData> = {\r\n  data: TData[];\r\n  columns: GroupColumnDef<TData>[];\r\n  filters?: FilterConfig<TData>[];\r\n  pagination?: PaginationConfig;\r\n  settings?: TableSettings;\r\n  header?: React.ReactNode;\r\n  footer?: React.ReactNode;\r\n  className?: string;\r\n  maxHeight?: string;\r\n  loading?: boolean;\r\n  error?: string;\r\n  emptyMessage?: string;\r\n  onRowSelectionChange?: (selectedRows: TData[]) => void;\r\n  onExport?: (data: TData[]) => void;\r\n  onRefresh?: () => void;\r\n  onTableReady?: (table: Table<TData>) => void;\r\n  children?: (table: Table<TData>) => React.ReactNode;\r\n};"],"mappings":";+WAAA,IAAAA,EAAA,kBAAAC,EAAAD","names":["data_table_types_exports","__toCommonJS"]}
+{"version":3,"sources":["../../../../src/components/data/data-table/data-table-types.ts"],"sourcesContent":["import type { ColumnDef, Table, Row, Column } from \"@tanstack/react-table\";\r\nimport type { LucideIcon } from \"lucide-react\";\r\n\r\ntype Paths<T, Prefix extends string = ''> = T extends object\r\n  ? {\r\n    [K in keyof T]: K extends string\r\n    ? T[K] extends object\r\n    ? Paths<T[K], `${Prefix}${K}.`> | `${Prefix}${K}`\r\n    : `${Prefix}${K}`\r\n    : never;\r\n  }[keyof T]\r\n  : never;\r\n\r\ntype NumericKeys<T> = {\r\n  [K in keyof T]: T[K] extends number ? K : never;\r\n}[keyof T];\r\n\r\nexport type AggregationConfigMap<TData> = {\r\n  [K in NumericKeys<TData>]?: AggregationConfig<TData>;\r\n} & {\r\n  [key: string]: AggregationConfig<TData> | undefined;\r\n};\r\n\r\nexport type AggregationFunction = 'sum' | 'average' | 'min' | 'max' | 'count' | 'unique' | 'median';\r\n\r\nexport type AggregationConfig<TData> = {\r\n  enabled: boolean;\r\n  functions?: AggregationFunction[];\r\n  format?: (value: any, func: AggregationFunction) => string;\r\n  accessor?: (row: TData) => number | null;\r\n};\r\n\r\nexport type FilterConfig<T> = {\r\n  key: Paths<T>;\r\n  placeholder: string;\r\n  type?: \"text\" | \"select\" | \"date\" | \"number\";\r\n  options?: { label: string; value: string }[];\r\n  width?: string;\r\n  icon?: LucideIcon;\r\n  externalSearch?: boolean;\r\n  onlyExternal?: boolean;\r\n  searchButtonText?: string;\r\n  dateMode?: \"single\" | \"range\";\r\n  dateFormat?: string;\r\n  applyLocally?: boolean;\r\n  customFilter?: boolean;\r\n};\r\n\r\nexport type PaginationConfig = {\r\n  enabled: boolean;\r\n  pageSize?: number;\r\n  pageSizeOptions?: number[];\r\n  showInfo?: boolean;\r\n  showPageNumbers?: boolean;\r\n};\r\n\r\nexport type TableSettings = {\r\n  hideHeader?: boolean;\r\n  enableSorting?: boolean;\r\n  toolbar?: boolean;\r\n  toolbarPosition?: 'above-header' | 'below-header' | 'default';\r\n  enableFiltering?: boolean;\r\n  enableGlobalFilter?: boolean;\r\n  enableColumnVisibility?: boolean;\r\n  enableRowSelection?: boolean;\r\n  enableColumnResizing?: boolean;\r\n  enableColumnPinning?: boolean;\r\n  fixedCheckboxColumn?: boolean;\r\n  stickyHeader?: boolean;\r\n  showSerialNumbers?: boolean;\r\n  striped?: boolean;\r\n  hoverable?: boolean;\r\n  compact?: boolean;\r\n  bordered?: boolean;\r\n  fullHeight?: boolean;\r\n  selectionMode?: \"single\" | \"multiple\";\r\n  showCheckBox?: boolean,\r\n  checkboxColumnPosition?: number;\r\n};\r\n\r\nexport type ColumnFooter<TData> = {\r\n  id: string;\r\n  content?: React.ReactNode | ((table: Table<TData>) => React.ReactNode);\r\n  align?: 'left' | 'center' | 'right';\r\n  className?: string;\r\n  showWhenNoData?: boolean;\r\n};\r\n\r\nexport type TableHeaderProps = {\r\n  content: React.ReactNode;\r\n  align?: 'left' | 'center' | 'right';\r\n  className?: string;\r\n  sticky?: boolean;\r\n  showOnEmpty?: boolean;\r\n};\r\n\r\nexport type GroupColumnDef<TData> = ColumnDef<TData> & {\r\n  columns?: GroupColumnDef<TData>[];\r\n  enablePinning?: boolean;\r\n  headerAlign?: 'left' | 'center' | 'right';\r\n  customFooter?: ColumnFooter<TData>;\r\n};\r\n\r\nexport type DataTableProps<TData> = {\r\n  data: TData[];\r\n  columns: GroupColumnDef<TData>[];\r\n  filters?: FilterConfig<TData>[];\r\n  pagination?: PaginationConfig;\r\n  settings?: TableSettings;\r\n  header?: React.ReactNode | TableHeaderProps;\r\n  footer?: React.ReactNode;\r\n  className?: string;\r\n  maxHeight?: string;\r\n  loading?: boolean;\r\n  error?: string;\r\n  emptyMessage?: string;\r\n  onRowSelectionChange?: (selectedRows: TData[]) => void;\r\n  onExport?: (data: TData[]) => void;\r\n  onRefresh?: () => void;\r\n  onTableReady?: (table: Table<TData>) => void;\r\n  children?: (table: Table<TData>) => React.ReactNode;\r\n  isRowDisabled?: (row: TData) => boolean;\r\n  isRowSelectable?: (row: TData) => boolean;\r\n  onExternalSearch?: (filters: Record<string, any>) => void;\r\n  aggregations?: AggregationConfigMap<TData>;\r\n  onAggregationChange?: (columnId: string, config: AggregationConfig<TData>) => void;\r\n  // columnFooters?: ColumnFooter<TData>[];\r\n};"],"mappings":";+WAAA,IAAAA,EAAA,kBAAAC,EAAAD","names":["data_table_types_exports","__toCommonJS"]}

package/dist/components/data/data-table/data-table-types.d.cts

@@ -4,6 +4,21 @@ import { LucideIcon } from 'lucide-react';
 type Paths<T, Prefix extends string = ''> = T extends object ? {
     [K in keyof T]: K extends string ? T[K] extends object ? Paths<T[K], `${Prefix}${K}.`> | `${Prefix}${K}` : `${Prefix}${K}` : never;
 }[keyof T] : never;
+type NumericKeys<T> = {
+    [K in keyof T]: T[K] extends number ? K : never;
+}[keyof T];
+type AggregationConfigMap<TData> = {
+    [K in NumericKeys<TData>]?: AggregationConfig<TData>;
+} & {
+    [key: string]: AggregationConfig<TData> | undefined;
+};
+type AggregationFunction = 'sum' | 'average' | 'min' | 'max' | 'count' | 'unique' | 'median';
+type AggregationConfig<TData> = {
+    enabled: boolean;
+    functions?: AggregationFunction[];
+    format?: (value: any, func: AggregationFunction) => string;
+    accessor?: (row: TData) => number | null;
+};
 type FilterConfig<T> = {
     key: Paths<T>;
     placeholder: string;
@@ -14,6 +29,13 @@ type FilterConfig<T> = {
     }[];
     width?: string;
     icon?: LucideIcon;
+    externalSearch?: boolean;
+    onlyExternal?: boolean;
+    searchButtonText?: string;
+    dateMode?: "single" | "range";
+    dateFormat?: string;
+    applyLocally?: boolean;
+    customFilter?: boolean;
 };
 type PaginationConfig = {
     enabled: boolean;
@@ -26,6 +48,7 @@ type TableSettings = {
     hideHeader?: boolean;
     enableSorting?: boolean;
     toolbar?: boolean;
+    toolbarPosition?: 'above-header' | 'below-header' | 'default';
     enableFiltering?: boolean;
     enableGlobalFilter?: boolean;
     enableColumnVisibility?: boolean;
@@ -40,11 +63,29 @@ type TableSettings = {
     compact?: boolean;
     bordered?: boolean;
     fullHeight?: boolean;
+    selectionMode?: "single" | "multiple";
+    showCheckBox?: boolean;
+    checkboxColumnPosition?: number;
+};
+type ColumnFooter<TData> = {
+    id: string;
+    content?: React.ReactNode | ((table: Table<TData>) => React.ReactNode);
+    align?: 'left' | 'center' | 'right';
+    className?: string;
+    showWhenNoData?: boolean;
+};
+type TableHeaderProps = {
+    content: React.ReactNode;
+    align?: 'left' | 'center' | 'right';
+    className?: string;
+    sticky?: boolean;
+    showOnEmpty?: boolean;
 };
 type GroupColumnDef<TData> = ColumnDef<TData> & {
     columns?: GroupColumnDef<TData>[];
     enablePinning?: boolean;
     headerAlign?: 'left' | 'center' | 'right';
+    customFooter?: ColumnFooter<TData>;
 };
 type DataTableProps<TData> = {
     data: TData[];
@@ -52,7 +93,7 @@ type DataTableProps<TData> = {
     filters?: FilterConfig<TData>[];
     pagination?: PaginationConfig;
     settings?: TableSettings;
-    header?: React.ReactNode;
+    header?: React.ReactNode | TableHeaderProps;
     footer?: React.ReactNode;
     className?: string;
     maxHeight?: string;
@@ -64,6 +105,11 @@ type DataTableProps<TData> = {
     onRefresh?: () => void;
     onTableReady?: (table: Table<TData>) => void;
     children?: (table: Table<TData>) => React.ReactNode;
+    isRowDisabled?: (row: TData) => boolean;
+    isRowSelectable?: (row: TData) => boolean;
+    onExternalSearch?: (filters: Record<string, any>) => void;
+    aggregations?: AggregationConfigMap<TData>;
+    onAggregationChange?: (columnId: string, config: AggregationConfig<TData>) => void;
 };
 
-export type { DataTableProps, FilterConfig, GroupColumnDef, PaginationConfig, TableSettings };
+export type { AggregationConfig, AggregationConfigMap, AggregationFunction, ColumnFooter, DataTableProps, FilterConfig, GroupColumnDef, PaginationConfig, TableHeaderProps, TableSettings };