@tirth_jasoliya/ui 1.0.8 → 1.0.10

package/dist/components/data/data-template/data-template.cjs

@@ -1,3 +1,3 @@
 "use client"
-"use strict";var ue=Object.defineProperty;var ot=Object.getOwnPropertyDescriptor;var at=Object.getOwnPropertyNames;var nt=Object.prototype.hasOwnProperty;var rt=(e,o)=>{for(var a in o)ue(e,a,{get:o[a],enumerable:!0})},st=(e,o,a,g)=>{if(o&&typeof o=="object"||typeof o=="function")for(let u of at(o))!nt.call(e,u)&&u!==a&&ue(e,u,{get:()=>o[u],enumerable:!(g=ot(o,u))||g.enumerable});return e};var it=e=>st(ue({},"__esModule",{value:!0}),e);var ut={};rt(ut,{DataTemplate:()=>mt});module.exports=it(ut);var m=require("react"),we=require("lucide-react");var Ge=require("clsx"),_e=require("tailwind-merge");function s(...e){return(0,_e.twMerge)((0,Ge.clsx)(e))}var pe=require("react/jsx-runtime");function te({className:e,...o}){return(0,pe.jsx)("div",{"data-slot":"card",className:s("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",e),...o})}function oe({className:e,...o}){return(0,pe.jsx)("div",{"data-slot":"card-content",className:s("px-6",e),...o})}var Ve=require("radix-ui"),Le=require("class-variance-authority");var Ae=require("react/jsx-runtime"),lt=(0,Le.cva)("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 h({className:e,variant:o,size:a,asChild:g=!1,...u}){let T=g?Ve.Slot.Slot:"button";return(0,Ae.jsx)(T,{"data-slot":"button",className:s(lt({variant:o,size:a,className:e}),"transition-none"),...u})}var fe=require("radix-ui"),je=require("lucide-react");var ae=require("react/jsx-runtime");function $e({className:e,...o}){return(0,ae.jsx)(fe.Checkbox.Root,{"data-slot":"checkbox",className:s("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",e),...o,children:(0,ae.jsx)(fe.Checkbox.Indicator,{"data-slot":"checkbox-indicator",className:"flex items-center justify-center text-current transition-none",children:(0,ae.jsx)(je.CheckIcon,{className:"size-3.5"})})})}var w=require("lucide-react");var Oe=require("react/jsx-runtime");function ge({className:e,type:o,...a}){return(0,Oe.jsx)("input",{type:o,"data-slot":"input",className:s("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),...a})}var R=require("radix-ui"),ve=require("lucide-react");var D=require("react/jsx-runtime");function be({...e}){return(0,D.jsx)(R.DropdownMenu.Root,{"data-slot":"dropdown-menu",...e})}function xe({...e}){return(0,D.jsx)(R.DropdownMenu.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function he({className:e,sideOffset:o=4,...a}){return(0,D.jsx)(R.DropdownMenu.Portal,{children:(0,D.jsx)(R.DropdownMenu.Content,{"data-slot":"dropdown-menu-content",sideOffset:o,className:s("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),...a})})}function j({className:e,inset:o,variant:a="default",...g}){return(0,D.jsx)(R.DropdownMenu.Item,{"data-slot":"dropdown-menu-item","data-inset":o,"data-variant":a,className:s("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),...g})}function Ce({className:e,inset:o,...a}){return(0,D.jsx)(R.DropdownMenu.Label,{"data-slot":"dropdown-menu-label","data-inset":o,className:s("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",e),...a})}function ne({className:e,...o}){return(0,D.jsx)(R.DropdownMenu.Separator,{"data-slot":"dropdown-menu-separator",className:s("bg-border -mx-1 my-1 h-px",e),...o})}var C=require("radix-ui"),F=require("lucide-react");var p=require("react/jsx-runtime");function re({...e}){return(0,p.jsx)(C.Select.Root,{"data-slot":"select",...e})}function se({...e}){return(0,p.jsx)(C.Select.Value,{"data-slot":"select-value",...e})}function ie({className:e,size:o="default",children:a,...g}){return(0,p.jsxs)(C.Select.Trigger,{"data-slot":"select-trigger","data-size":o,className:s("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),...g,children:[a,(0,p.jsx)(C.Select.Icon,{asChild:!0,children:(0,p.jsx)(F.ChevronDownIcon,{className:"size-4 opacity-50"})})]})}function le({className:e,children:o,position:a="popper",...g}){return(0,p.jsx)(C.Select.Portal,{children:(0,p.jsxs)(C.Select.Content,{"data-slot":"select-content",className:s("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",a==="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:a,...g,children:[(0,p.jsx)(dt,{}),(0,p.jsx)(C.Select.Viewport,{className:s("p-1",a==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:o}),(0,p.jsx)(ct,{})]})})}function J({className:e,children:o,...a}){return(0,p.jsxs)(C.Select.Item,{"data-slot":"select-item",className:s("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),...a,children:[(0,p.jsx)("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:(0,p.jsx)(C.Select.ItemIndicator,{children:(0,p.jsx)(F.CheckIcon,{className:"size-4"})})}),(0,p.jsx)(C.Select.ItemText,{children:o})]})}function dt({className:e,...o}){return(0,p.jsx)(C.Select.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:s("flex cursor-default items-center justify-center py-1",e),...o,children:(0,p.jsx)(F.ChevronUpIcon,{className:"size-4"})})}function ct({className:e,...o}){return(0,p.jsx)(C.Select.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:s("flex cursor-default items-center justify-center py-1",e),...o,children:(0,p.jsx)(F.ChevronDownIcon,{className:"size-4"})})}var t=require("react/jsx-runtime");function Ue({fields:e,filters:o,globalFilter:a,onGlobalFilterChange:g,fieldFilters:u,onFieldFilterChange:T,sortField:P,sortDirection:B,onSortChange:G,selectedCount:$,totalCount:_,visibleCount:O,onExport:V,onRefresh:x,loading:y,onClearFilters:f,onClearSorting:k}){let U=e.filter(n=>n.sortable),de=Object.values(u).some(n=>n!=null&&n!=="")||a!=="",K=P!=="";return(0,t.jsx)("div",{className:"rounded-xl p-0.5",children:(0,t.jsx)("div",{className:"px-2",children:(0,t.jsx)("div",{className:"flex flex-col gap-6",children:(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("div",{className:"flex items-center gap-3",children:o.length>0&&(0,t.jsxs)("div",{className:"flex items-center gap-3 flex-wrap",children:[(0,t.jsx)("div",{className:"flex items-center gap-2 text-sm font-medium text-muted-foreground",children:(0,t.jsx)(w.Filter,{className:"h-4 w-4"})}),o.map(n=>(0,t.jsx)("div",{className:"relative min-w-[150px]",children:n.type==="select"?(0,t.jsxs)(re,{value:u[n.key]||"all",onValueChange:v=>T(n.key,v),children:[n.icon&&(0,t.jsx)(n.icon,{className:"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"}),(0,t.jsx)(ie,{className:s("h-9 rounded-lg w-full",n.icon&&"pl-9"),children:(0,t.jsx)(se,{placeholder:n.placeholder||"Select..."})}),(0,t.jsxs)(le,{className:"rounded-lg",children:[(0,t.jsx)(J,{value:"all",children:"All"}),n.options?.map(v=>(0,t.jsx)(J,{value:v.value,children:v.label},v.value))]})]}):(0,t.jsxs)("div",{className:"relative",children:[n.icon&&(0,t.jsx)(n.icon,{className:"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"}),(0,t.jsx)(ge,{type:n.type,placeholder:n.placeholder,value:u[n.key]||"",onChange:v=>T(n.key,v.target.value),className:s("h-9 rounded-lg",n.icon&&"pl-9")})]})},String(n.key)))]})}),(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)(w.Search,{className:"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),(0,t.jsx)(ge,{placeholder:"Global search...",value:a,onChange:n=>g(n.target.value),className:"pl-9 h-9 rounded-lg max-w-max"})]}),U.length>0&&(0,t.jsxs)(be,{children:[(0,t.jsx)(xe,{asChild:!0,children:(0,t.jsxs)(h,{variant:"outline",size:"sm",className:"rounded-lg gap-1",children:[(0,t.jsx)("span",{children:"Sort"}),(0,t.jsx)(w.ChevronDown,{className:"h-4 w-4 opacity-50"})]})}),(0,t.jsxs)(he,{align:"end",className:"w-[200px] rounded-lg",children:[(0,t.jsx)(Ce,{children:"Sort By"}),(0,t.jsx)(ne,{}),U.map(n=>(0,t.jsxs)("div",{children:[(0,t.jsxs)(j,{onClick:()=>G(n.key,"asc"),children:[n.label," (A-Z)"]}),(0,t.jsxs)(j,{onClick:()=>G(n.key,"desc"),children:[n.label," (Z-A)"]})]},String(n.key))),K&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(ne,{}),(0,t.jsx)(j,{onClick:k,children:"Clear All Sorting"})]})]})]}),(0,t.jsxs)(be,{children:[(0,t.jsx)(xe,{asChild:!0,children:(0,t.jsx)(h,{variant:"outline",size:"sm",className:"rounded-lg",children:(0,t.jsx)(w.Settings2,{className:"h-4 w-4"})})}),(0,t.jsxs)(he,{align:"end",className:"w-[200px] rounded-lg",children:[(0,t.jsx)(Ce,{children:"Table Settings"}),(0,t.jsx)(ne,{}),(0,t.jsx)(j,{onClick:k,children:"Clear All Sorting"}),(0,t.jsx)(j,{onClick:f,children:"Clear All Filters"})]})]}),V&&(0,t.jsxs)(h,{variant:"outline",size:"sm",onClick:V,className:"rounded-lg",children:[(0,t.jsx)(w.Download,{className:"mr-2 h-4 w-4"}),"Export"]}),x&&(0,t.jsx)(h,{variant:"outline",size:"sm",onClick:x,disabled:y,className:"rounded-lg",children:(0,t.jsx)(w.RefreshCw,{className:s("h-4 w-4",y&&"animate-spin")})})]})]})})})})}var M=require("lucide-react");var r=require("react/jsx-runtime");function We({currentPage:e,totalPages:o,pageSize:a,totalItems:g,onPageChange:u,onPageSizeChange:T,config:P}){if(!P.enabled)return null;let B=P.pageSizeOptions||[10,20,50,100],G=(e-1)*a+1,$=Math.min(e*a,g),_=e>1,O=e<o,V=()=>{let y=[],f=[];for(let k=Math.max(2,e-2);k<=Math.min(o-1,e+2);k++)y.push(k);return e-2>2?f.push(1,"..."):f.push(1),f.push(...y),e+2<o-1?f.push("...",o):o>1&&f.push(o),f};return(0,r.jsx)("div",{className:"rounded-xl",children:(0,r.jsxs)("div",{className:"flex flex-col sm:flex-row items-center justify-between gap-4",children:[(0,r.jsx)("div",{className:"flex items-center gap-6 text-sm text-muted-foreground",children:P.showInfo!==!1&&(0,r.jsxs)("span",{children:["Showing ",G," to ",$," of ",g," entries"]})}),(0,r.jsxs)("div",{className:"flex flex-col sm:flex-row items-center gap-4",children:[B&&(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)("span",{className:"text-sm font-medium whitespace-nowrap",children:"Page size:"}),(0,r.jsxs)(re,{value:`${a}`,onValueChange:x=>T(Number(x)),children:[(0,r.jsx)(ie,{className:"h-9 w-[70px] rounded-lg",children:(0,r.jsx)(se,{})}),(0,r.jsx)(le,{side:"top",className:"rounded-lg",children:B.map(x=>(0,r.jsx)(J,{value:`${x}`,children:x},x))})]})]}),(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsxs)(h,{variant:"outline",size:"sm",onClick:()=>u(1),disabled:!_,className:"hidden sm:flex rounded-lg",children:[(0,r.jsx)(M.ChevronsLeft,{className:"h-4 w-4"}),(0,r.jsx)("span",{className:"sr-only",children:"Go to first page"})]}),(0,r.jsxs)(h,{variant:"outline",size:"sm",onClick:()=>u(e-1),disabled:!_,className:"rounded-lg",children:[(0,r.jsx)(M.ChevronLeft,{className:"h-4 w-4 sm:mr-2"}),(0,r.jsx)("span",{className:"hidden sm:inline",children:"Previous"}),(0,r.jsx)("span",{className:"sr-only sm:hidden",children:"Go to previous page"})]}),P.showPageNumbers&&o>1&&(0,r.jsx)("div",{className:"hidden sm:flex items-center gap-1",children:V().map((x,y)=>{if(x==="...")return(0,r.jsx)("span",{className:"px-2 py-1 text-sm text-muted-foreground",children:"..."},`dots-${y}`);let f=x;return(0,r.jsx)(h,{variant:f===e?"default":"outline",size:"sm",className:"w-9 h-9 p-0 rounded-lg",onClick:()=>u(f),children:f},f)})}),(0,r.jsxs)("div",{className:"sm:hidden flex items-center gap-2 px-3 py-1 text-sm font-medium bg-muted rounded-lg",children:[e," of ",o]}),(0,r.jsxs)(h,{variant:"outline",size:"sm",onClick:()=>u(e+1),disabled:!O,className:"rounded-lg",children:[(0,r.jsx)("span",{className:"hidden sm:inline",children:"Next"}),(0,r.jsx)(M.ChevronRight,{className:"h-4 w-4 sm:ml-2"}),(0,r.jsx)("span",{className:"sr-only sm:hidden",children:"Go to next page"})]}),(0,r.jsxs)(h,{variant:"outline",size:"sm",onClick:()=>u(o),disabled:!O,className:"hidden sm:flex rounded-lg",children:[(0,r.jsx)(M.ChevronsRight,{className:"h-4 w-4"}),(0,r.jsx)("span",{className:"sr-only",children:"Go to last page"})]})]})]})]})})}var i=require("react/jsx-runtime");function mt({data:e,template:o,fields:a=[],filters:g=[],pagination:u={enabled:!1},settings:T={},header:P,footer:B,className:G="",loading:$=!1,error:_,emptyMessage:O="No items found",emptyIcon:V,onSelectionChange:x,onExport:y,onRefresh:f,onTemplateReady:k,children:U}){let{enableSorting:de=!0,enableFiltering:K=!0,enableGlobalSearch:n=!0,enableSelection:v=!1,enableExport:qe=!1,toolbar:Ee=!0,selectionMode:W="multiple",gridCols:Ze={default:3,sm:1,md:2,lg:3,xl:4,"2xl":6},gap:ye=4,aspectRatio:Se="auto",minCardWidth:Ne=350,maxCardWidth:Pe=350}=T,[q,ke]=(0,m.useState)(""),[E,De]=(0,m.useState)({}),[L,Te]=(0,m.useState)(""),[Z,ze]=(0,m.useState)("asc"),[z,Q]=(0,m.useState)(new Set),[Y,ee]=(0,m.useState)(1),[A,He]=(0,m.useState)(u.pageSize||12),[Ie,pt]=(0,m.useState)(Ze.default),b=(0,m.useMemo)(()=>{let l=[...e];if(n&&q){let c=a.filter(d=>d.searchable!==!1);l=l.filter(d=>c.some(S=>d[S.key]?.toString().toLowerCase().includes(q.toLowerCase())))}if(K&&Object.keys(E).forEach(c=>{let d=E[c];if(d!=null&&d!==""){let S=a.find(N=>N.key===c);S&&(l=l.filter(N=>{let I=N[c];return S.type==="boolean"?I===(d==="true"):S.type==="number"?I===Number(d):I?.toString().toLowerCase().includes(String(d).toLowerCase())}))}}),de&&L){let c=a.find(d=>d.key===L);c&&l.sort((d,S)=>{let N=d[L],I=S[L];if(c.type==="number")return Z==="asc"?Number(N)-Number(I):Number(I)-Number(N);if(c.type==="date"){let H=new Date(N),X=new Date(I);return Z==="asc"?H.getTime()-X.getTime():X.getTime()-H.getTime()}else{let H=String(N).toLowerCase(),X=String(I).toLowerCase();return Z==="asc"?H.localeCompare(X):X.localeCompare(H)}})}return l},[e,q,E,L,Z,a,n,K,de]),Re=(0,m.useMemo)(()=>{if(!u.enabled)return b;let l=(Y-1)*A,c=l+A;return b.slice(l,c)},[b,Y,A,u.enabled]),Xe=Math.ceil(b.length/A),ce=(0,m.useCallback)(l=>{v&&Q(c=>{let d=new Set(c);return W==="single"?(d.clear(),d.add(l)):d.has(l)?d.delete(l):d.add(l),d})},[v,W]),Me=(0,m.useCallback)(()=>{!v||W==="single"||(z.size===b.length?Q(new Set):Q(new Set(b.map((l,c)=>c))))},[v,W,z.size,b.length]),Je=(0,m.useCallback)((l,c)=>{De(d=>({...d,[l]:c})),ee(1)},[]),Ke=(0,m.useCallback)((l,c)=>{Te(l),ze(c)},[]),Fe=(0,m.useCallback)(()=>{ke(""),De({}),ee(1)},[]),Qe=(0,m.useCallback)(()=>{Te(""),ze("asc")},[]),Be=(0,m.useMemo)(()=>({getSelectedItems:()=>Array.from(z).map(l=>b[l]),clearSelection:()=>Q(new Set),selectAll:Me,getFilteredData:()=>b,getTotalCount:()=>e.length,getVisibleCount:()=>b.length,refresh:()=>f?.(),exportData:()=>y?.(b)}),[z,b,e.length,Me,f,y]),me=(0,m.useRef)(null);me.current=Be,(0,m.useEffect)(()=>{k&&me.current&&k(me.current)},[]),(0,m.useEffect)(()=>{if(v&&x){let l=Array.from(z).map(c=>b[c]);x(l)}},[z]);let Ye=s("w-full","overflow-hidden",G),et=s("grid",`gap-${ye}`,"w-full","mx-auto","items-start"),tt={gridTemplateColumns:Ie===0?`repeat(auto-fill, minmax(clamp(${Ne}px, 30%, ${Pe}px), 1fr))`:`repeat(auto-fill, minmax(clamp(${Ne}px, calc(100%/${Ie} - ${ye*4}px), ${Pe}px), 1fr))`,justifyItems:"center",alignItems:"stretch",gridAutoRows:"1fr",gridAutoFlow:"dense"};return _?(0,i.jsx)(te,{className:"w-full",children:(0,i.jsx)(oe,{className:"flex items-center justify-center py-12",children:(0,i.jsxs)("div",{className:"text-center",children:[(0,i.jsx)("div",{className:"text-red-500 mb-3 text-2xl",children:"\u26A0\uFE0F"}),(0,i.jsx)("p",{className:"text-sm text-muted-foreground mb-4",children:_}),f&&(0,i.jsxs)(h,{variant:"outline",size:"sm",onClick:f,children:[(0,i.jsx)(we.Loader2,{className:"mr-2 h-4 w-4"}),"Try Again"]})]})})}):(0,i.jsxs)("div",{className:s("w-full flex gap-2 flex-col h-full",Ye),children:[P&&(0,i.jsx)(te,{className:"shadow-sm border-0 py-0 text-xl font-bold",children:(0,i.jsx)(oe,{className:"p-2",children:P})}),Ee&&(0,i.jsx)(Ue,{fields:a,filters:g,globalFilter:q,onGlobalFilterChange:ke,fieldFilters:E,onFieldFilterChange:Je,sortField:L,sortDirection:Z,onSortChange:Ke,selectedCount:z.size,totalCount:e.length,visibleCount:b.length,onExport:qe?()=>y?.(b):void 0,onRefresh:f,loading:$,onClearFilters:Fe,onClearSorting:Qe}),(0,i.jsx)(te,{className:"border-0 overflow-auto shadow-none py-0 p-2 flex-1",children:(0,i.jsx)(oe,{className:"px-0",children:(0,i.jsxs)("div",{className:"relative",children:[$&&(0,i.jsx)("div",{className:"absolute inset-0 bg-background/80 backdrop-blur-sm z-50 flex items-center justify-center rounded-lg",children:(0,i.jsxs)("div",{className:"flex items-center gap-3 bg-background/90 px-4 py-3 rounded-lg shadow-sm",children:[(0,i.jsx)(we.Loader2,{className:"size-5 animate-spin text-primary"}),(0,i.jsx)("span",{className:"text-sm font-medium text-muted-foreground",children:"Loading..."})]})}),Re.length>0?(0,i.jsx)("div",{className:s(et),style:tt,children:Re.map((l,c)=>{let d=u.enabled?(Y-1)*A+c:c,S=z.has(d);return(0,i.jsxs)("div",{className:s("relative h-full w-full flex flex-col","transition-all duration-200 overflow-hidden","rounded-2xl","border border-border/20 hover:border-border/50",Se==="square"?"aspect-square":"",Se==="video"?"aspect-video":"",v?"cursor-pointer":"",S?"ring-2 ring-primary":""),onClick:()=>v&&ce(d),children:[v&&W==="multiple"&&(0,i.jsx)("div",{className:"absolute top-2 right-2 z-10",children:(0,i.jsx)($e,{checked:S,onCheckedChange:()=>ce(d),className:"bg-background/80 backdrop-blur-sm",onClick:N=>N.stopPropagation()})}),o(l,c,S,()=>ce(d))]},d)})}):(0,i.jsxs)("div",{className:"flex flex-col gap-4 items-center justify-center py-12 text-center",children:[(0,i.jsx)("div",{className:"text-6xl",children:V||"\u{1F4CB}"}),(0,i.jsx)("p",{className:"text-lg font-medium text-muted-foreground mb-2",children:O}),(q||Object.values(E).some(l=>l))&&(0,i.jsx)(h,{variant:"outline",onClick:Fe,children:"Clear Filters"})]})]})})}),u.enabled&&(0,i.jsx)("div",{className:"pb-1",children:(0,i.jsx)(We,{currentPage:Y,totalPages:Xe,pageSize:A,totalItems:b.length,onPageChange:ee,onPageSizeChange:l=>{He(l),ee(1)},config:u})}),B&&(0,i.jsx)("div",{className:"p-2 m-0.5",children:B}),U&&U(Be)]})}0&&(module.exports={DataTemplate});
+"use strict";var ue=Object.defineProperty;var ot=Object.getOwnPropertyDescriptor;var at=Object.getOwnPropertyNames;var nt=Object.prototype.hasOwnProperty;var rt=(e,o)=>{for(var a in o)ue(e,a,{get:o[a],enumerable:!0})},st=(e,o,a,g)=>{if(o&&typeof o=="object"||typeof o=="function")for(let u of at(o))!nt.call(e,u)&&u!==a&&ue(e,u,{get:()=>o[u],enumerable:!(g=ot(o,u))||g.enumerable});return e};var it=e=>st(ue({},"__esModule",{value:!0}),e);var ut={};rt(ut,{DataTemplate:()=>mt});module.exports=it(ut);var m=require("react"),we=require("lucide-react");var Fe=require("clsx"),Be=require("tailwind-merge");function s(...e){return(0,Be.twMerge)((0,Fe.clsx)(e))}var pe=require("react/jsx-runtime");function te({className:e,...o}){return(0,pe.jsx)("div",{"data-slot":"card",className:s("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",e),...o})}function oe({className:e,...o}){return(0,pe.jsx)("div",{"data-slot":"card-content",className:s("px-6",e),...o})}var Ge=require("radix-ui"),_e=require("class-variance-authority");var Ve=require("react/jsx-runtime"),lt=(0,_e.cva)("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 h({className:e,variant:o,size:a,asChild:g=!1,...u}){let T=g?Ge.Slot.Slot:"button";return(0,Ve.jsx)(T,{"data-slot":"button",className:s(lt({variant:o,size:a,className:e}),"transition-none"),...u})}var fe=require("radix-ui"),Le=require("lucide-react");var ae=require("react/jsx-runtime");function Ae({className:e,...o}){return(0,ae.jsx)(fe.Checkbox.Root,{"data-slot":"checkbox",className:s("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",e),...o,children:(0,ae.jsx)(fe.Checkbox.Indicator,{"data-slot":"checkbox-indicator",className:"flex items-center justify-center text-current transition-none",children:(0,ae.jsx)(Le.CheckIcon,{className:"size-3.5"})})})}var w=require("lucide-react");var je=require("react/jsx-runtime");function ge({className:e,type:o,...a}){return(0,je.jsx)("input",{type:o,"data-slot":"input",className:s("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),...a})}var R=require("radix-ui"),ve=require("lucide-react");var D=require("react/jsx-runtime");function be({...e}){return(0,D.jsx)(R.DropdownMenu.Root,{"data-slot":"dropdown-menu",...e})}function xe({...e}){return(0,D.jsx)(R.DropdownMenu.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function he({className:e,sideOffset:o=4,...a}){return(0,D.jsx)(R.DropdownMenu.Portal,{children:(0,D.jsx)(R.DropdownMenu.Content,{"data-slot":"dropdown-menu-content",sideOffset:o,className:s("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),...a})})}function j({className:e,inset:o,variant:a="default",...g}){return(0,D.jsx)(R.DropdownMenu.Item,{"data-slot":"dropdown-menu-item","data-inset":o,"data-variant":a,className:s("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),...g})}function Ce({className:e,inset:o,...a}){return(0,D.jsx)(R.DropdownMenu.Label,{"data-slot":"dropdown-menu-label","data-inset":o,className:s("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",e),...a})}function ne({className:e,...o}){return(0,D.jsx)(R.DropdownMenu.Separator,{"data-slot":"dropdown-menu-separator",className:s("bg-border -mx-1 my-1 h-px",e),...o})}var C=require("radix-ui"),F=require("lucide-react");var p=require("react/jsx-runtime");function re({...e}){return(0,p.jsx)(C.Select.Root,{"data-slot":"select",...e})}function se({...e}){return(0,p.jsx)(C.Select.Value,{"data-slot":"select-value",...e})}function ie({className:e,size:o="default",children:a,...g}){return(0,p.jsxs)(C.Select.Trigger,{"data-slot":"select-trigger","data-size":o,className:s("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),...g,children:[a,(0,p.jsx)(C.Select.Icon,{asChild:!0,children:(0,p.jsx)(F.ChevronDownIcon,{className:"size-4 opacity-50"})})]})}function le({className:e,children:o,position:a="popper",...g}){return(0,p.jsx)(C.Select.Portal,{children:(0,p.jsxs)(C.Select.Content,{"data-slot":"select-content",className:s("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",a==="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:a,...g,children:[(0,p.jsx)(dt,{}),(0,p.jsx)(C.Select.Viewport,{className:s("p-1",a==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:o}),(0,p.jsx)(ct,{})]})})}function J({className:e,children:o,...a}){return(0,p.jsxs)(C.Select.Item,{"data-slot":"select-item",className:s("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),...a,children:[(0,p.jsx)("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:(0,p.jsx)(C.Select.ItemIndicator,{children:(0,p.jsx)(F.CheckIcon,{className:"size-4"})})}),(0,p.jsx)(C.Select.ItemText,{children:o})]})}function dt({className:e,...o}){return(0,p.jsx)(C.Select.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:s("flex cursor-default items-center justify-center py-1",e),...o,children:(0,p.jsx)(F.ChevronUpIcon,{className:"size-4"})})}function ct({className:e,...o}){return(0,p.jsx)(C.Select.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:s("flex cursor-default items-center justify-center py-1",e),...o,children:(0,p.jsx)(F.ChevronDownIcon,{className:"size-4"})})}var t=require("react/jsx-runtime");function $e({fields:e,filters:o,globalFilter:a,onGlobalFilterChange:g,fieldFilters:u,onFieldFilterChange:T,sortField:P,sortDirection:B,onSortChange:G,selectedCount:$,totalCount:_,visibleCount:O,onExport:V,onRefresh:x,loading:y,onClearFilters:f,onClearSorting:k}){let U=e.filter(n=>n.sortable),de=Object.values(u).some(n=>n!=null&&n!=="")||a!=="",K=P!=="";return(0,t.jsx)("div",{className:"rounded-xl p-0.5",children:(0,t.jsx)("div",{className:"px-2",children:(0,t.jsx)("div",{className:"flex flex-col gap-6",children:(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("div",{className:"flex items-center gap-3",children:o.length>0&&(0,t.jsxs)("div",{className:"flex items-center gap-3 flex-wrap",children:[(0,t.jsx)("div",{className:"flex items-center gap-2 text-sm font-medium text-muted-foreground",children:(0,t.jsx)(w.Filter,{className:"h-4 w-4"})}),o.map(n=>(0,t.jsx)("div",{className:"relative min-w-[150px]",children:n.type==="select"?(0,t.jsxs)(re,{value:u[n.key]||"all",onValueChange:v=>T(n.key,v),children:[n.icon&&(0,t.jsx)(n.icon,{className:"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"}),(0,t.jsx)(ie,{className:s("h-9 rounded-lg w-full",n.icon&&"pl-9"),children:(0,t.jsx)(se,{placeholder:n.placeholder||"Select..."})}),(0,t.jsxs)(le,{className:"rounded-lg",children:[(0,t.jsx)(J,{value:"all",children:"All"}),n.options?.map(v=>(0,t.jsx)(J,{value:v.value,children:v.label},v.value))]})]}):(0,t.jsxs)("div",{className:"relative",children:[n.icon&&(0,t.jsx)(n.icon,{className:"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"}),(0,t.jsx)(ge,{type:n.type,placeholder:n.placeholder,value:u[n.key]||"",onChange:v=>T(n.key,v.target.value),className:s("h-9 rounded-lg",n.icon&&"pl-9")})]})},String(n.key)))]})}),(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)(w.Search,{className:"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),(0,t.jsx)(ge,{placeholder:"Global search...",value:a,onChange:n=>g(n.target.value),className:"pl-9 h-9 rounded-lg max-w-max"})]}),U.length>0&&(0,t.jsxs)(be,{children:[(0,t.jsx)(xe,{asChild:!0,children:(0,t.jsxs)(h,{variant:"outline",size:"sm",className:"rounded-lg gap-1",children:[(0,t.jsx)("span",{children:"Sort"}),(0,t.jsx)(w.ChevronDown,{className:"h-4 w-4 opacity-50"})]})}),(0,t.jsxs)(he,{align:"end",className:"w-[200px] rounded-lg",children:[(0,t.jsx)(Ce,{children:"Sort By"}),(0,t.jsx)(ne,{}),U.map(n=>(0,t.jsxs)("div",{children:[(0,t.jsxs)(j,{onClick:()=>G(n.key,"asc"),children:[n.label," (A-Z)"]}),(0,t.jsxs)(j,{onClick:()=>G(n.key,"desc"),children:[n.label," (Z-A)"]})]},String(n.key))),K&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(ne,{}),(0,t.jsx)(j,{onClick:k,children:"Clear All Sorting"})]})]})]}),(0,t.jsxs)(be,{children:[(0,t.jsx)(xe,{asChild:!0,children:(0,t.jsx)(h,{variant:"outline",size:"sm",className:"rounded-lg",children:(0,t.jsx)(w.Settings2,{className:"h-4 w-4"})})}),(0,t.jsxs)(he,{align:"end",className:"w-[200px] rounded-lg",children:[(0,t.jsx)(Ce,{children:"Table Settings"}),(0,t.jsx)(ne,{}),(0,t.jsx)(j,{onClick:k,children:"Clear All Sorting"}),(0,t.jsx)(j,{onClick:f,children:"Clear All Filters"})]})]}),V&&(0,t.jsxs)(h,{variant:"outline",size:"sm",onClick:V,className:"rounded-lg",children:[(0,t.jsx)(w.Download,{className:"mr-2 h-4 w-4"}),"Export"]}),x&&(0,t.jsx)(h,{variant:"outline",size:"sm",onClick:x,disabled:y,className:"rounded-lg",children:(0,t.jsx)(w.RefreshCw,{className:s("h-4 w-4",y&&"animate-spin")})})]})]})})})})}var M=require("lucide-react");var r=require("react/jsx-runtime");function Oe({currentPage:e,totalPages:o,pageSize:a,totalItems:g,onPageChange:u,onPageSizeChange:T,config:P}){if(!P.enabled)return null;let B=P.pageSizeOptions||[10,20,50,100],G=(e-1)*a+1,$=Math.min(e*a,g),_=e>1,O=e<o,V=()=>{let y=[],f=[];for(let k=Math.max(2,e-2);k<=Math.min(o-1,e+2);k++)y.push(k);return e-2>2?f.push(1,"..."):f.push(1),f.push(...y),e+2<o-1?f.push("...",o):o>1&&f.push(o),f};return(0,r.jsx)("div",{className:"rounded-xl",children:(0,r.jsxs)("div",{className:"flex flex-col sm:flex-row items-center justify-between gap-4",children:[(0,r.jsx)("div",{className:"flex items-center gap-6 text-sm text-muted-foreground",children:P.showInfo!==!1&&(0,r.jsxs)("span",{children:["Showing ",G," to ",$," of ",g," entries"]})}),(0,r.jsxs)("div",{className:"flex flex-col sm:flex-row items-center gap-4",children:[B&&(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)("span",{className:"text-sm font-medium whitespace-nowrap",children:"Page size:"}),(0,r.jsxs)(re,{value:`${a}`,onValueChange:x=>T(Number(x)),children:[(0,r.jsx)(ie,{className:"h-9 w-[70px] rounded-lg",children:(0,r.jsx)(se,{})}),(0,r.jsx)(le,{side:"top",className:"rounded-lg",children:B.map(x=>(0,r.jsx)(J,{value:`${x}`,children:x},x))})]})]}),(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsxs)(h,{variant:"outline",size:"sm",onClick:()=>u(1),disabled:!_,className:"hidden sm:flex rounded-lg",children:[(0,r.jsx)(M.ChevronsLeft,{className:"h-4 w-4"}),(0,r.jsx)("span",{className:"sr-only",children:"Go to first page"})]}),(0,r.jsxs)(h,{variant:"outline",size:"sm",onClick:()=>u(e-1),disabled:!_,className:"rounded-lg",children:[(0,r.jsx)(M.ChevronLeft,{className:"h-4 w-4 sm:mr-2"}),(0,r.jsx)("span",{className:"hidden sm:inline",children:"Previous"}),(0,r.jsx)("span",{className:"sr-only sm:hidden",children:"Go to previous page"})]}),P.showPageNumbers&&o>1&&(0,r.jsx)("div",{className:"hidden sm:flex items-center gap-1",children:V().map((x,y)=>{if(x==="...")return(0,r.jsx)("span",{className:"px-2 py-1 text-sm text-muted-foreground",children:"..."},`dots-${y}`);let f=x;return(0,r.jsx)(h,{variant:f===e?"default":"outline",size:"sm",className:"w-9 h-9 p-0 rounded-lg",onClick:()=>u(f),children:f},f)})}),(0,r.jsxs)("div",{className:"sm:hidden flex items-center gap-2 px-3 py-1 text-sm font-medium bg-muted rounded-lg",children:[e," of ",o]}),(0,r.jsxs)(h,{variant:"outline",size:"sm",onClick:()=>u(e+1),disabled:!O,className:"rounded-lg",children:[(0,r.jsx)("span",{className:"hidden sm:inline",children:"Next"}),(0,r.jsx)(M.ChevronRight,{className:"h-4 w-4 sm:ml-2"}),(0,r.jsx)("span",{className:"sr-only sm:hidden",children:"Go to next page"})]}),(0,r.jsxs)(h,{variant:"outline",size:"sm",onClick:()=>u(o),disabled:!O,className:"hidden sm:flex rounded-lg",children:[(0,r.jsx)(M.ChevronsRight,{className:"h-4 w-4"}),(0,r.jsx)("span",{className:"sr-only",children:"Go to last page"})]})]})]})]})})}var i=require("react/jsx-runtime");function mt({data:e,template:o,fields:a=[],filters:g=[],pagination:u={enabled:!1},settings:T={},header:P,footer:B,className:G="",loading:$=!1,error:_,emptyMessage:O="No items found",emptyIcon:V,onSelectionChange:x,onExport:y,onRefresh:f,onTemplateReady:k,children:U}){let{enableSorting:de=!0,enableFiltering:K=!0,enableGlobalSearch:n=!0,enableSelection:v=!1,enableExport:Ue=!1,toolbar:We=!0,selectionMode:W="multiple",gridCols:qe={default:3,sm:1,md:2,lg:3,xl:4,"2xl":6},gap:ye=4,aspectRatio:Se="auto",minCardWidth:Ee=350,maxCardWidth:Ze=350}=T,[q,Ne]=(0,m.useState)(""),[E,Pe]=(0,m.useState)({}),[L,ke]=(0,m.useState)(""),[Z,De]=(0,m.useState)("asc"),[z,Q]=(0,m.useState)(new Set),[Y,ee]=(0,m.useState)(1),[A,He]=(0,m.useState)(u.pageSize||12),[Te,pt]=(0,m.useState)(qe.default),b=(0,m.useMemo)(()=>{let l=[...e];if(n&&q){let c=a.filter(d=>d.searchable!==!1);l=l.filter(d=>c.some(S=>d[S.key]?.toString().toLowerCase().includes(q.toLowerCase())))}if(K&&Object.keys(E).forEach(c=>{let d=E[c];if(d!=null&&d!==""){let S=a.find(N=>N.key===c);S&&(l=l.filter(N=>{let I=N[c];return S.type==="boolean"?I===(d==="true"):S.type==="number"?I===Number(d):I?.toString().toLowerCase().includes(String(d).toLowerCase())}))}}),de&&L){let c=a.find(d=>d.key===L);c&&l.sort((d,S)=>{let N=d[L],I=S[L];if(c.type==="number")return Z==="asc"?Number(N)-Number(I):Number(I)-Number(N);if(c.type==="date"){let H=new Date(N),X=new Date(I);return Z==="asc"?H.getTime()-X.getTime():X.getTime()-H.getTime()}else{let H=String(N).toLowerCase(),X=String(I).toLowerCase();return Z==="asc"?H.localeCompare(X):X.localeCompare(H)}})}return l},[e,q,E,L,Z,a,n,K,de]),ze=(0,m.useMemo)(()=>{if(!u.enabled)return b;let l=(Y-1)*A,c=l+A;return b.slice(l,c)},[b,Y,A,u.enabled]),Xe=Math.ceil(b.length/A),ce=(0,m.useCallback)(l=>{v&&Q(c=>{let d=new Set(c);return W==="single"?(d.clear(),d.add(l)):d.has(l)?d.delete(l):d.add(l),d})},[v,W]),Ie=(0,m.useCallback)(()=>{!v||W==="single"||(z.size===b.length?Q(new Set):Q(new Set(b.map((l,c)=>c))))},[v,W,z.size,b.length]),Je=(0,m.useCallback)((l,c)=>{Pe(d=>({...d,[l]:c})),ee(1)},[]),Ke=(0,m.useCallback)((l,c)=>{ke(l),De(c)},[]),Re=(0,m.useCallback)(()=>{Ne(""),Pe({}),ee(1)},[]),Qe=(0,m.useCallback)(()=>{ke(""),De("asc")},[]),Me=(0,m.useMemo)(()=>({getSelectedItems:()=>Array.from(z).map(l=>b[l]),clearSelection:()=>Q(new Set),selectAll:Ie,getFilteredData:()=>b,getTotalCount:()=>e.length,getVisibleCount:()=>b.length,refresh:()=>f?.(),exportData:()=>y?.(b)}),[z,b,e.length,Ie,f,y]),me=(0,m.useRef)(null);me.current=Me,(0,m.useEffect)(()=>{k&&me.current&&k(me.current)},[]),(0,m.useEffect)(()=>{if(v&&x){let l=Array.from(z).map(c=>b[c]);x(l)}},[z]);let Ye=s("w-full","overflow-hidden",G),et=s("grid",`gap-${ye}`,"w-full","mx-auto","items-start"),tt={gridTemplateColumns:Te===0?"repeat(auto-fill, 1fr)":`repeat(auto-fill, minmax(clamp(${Ee}px, calc(100%/${Te} - ${ye*4}px), ${Ze}px), 1fr))`,justifyItems:"center",alignItems:"stretch",gridAutoRows:"1fr",gridAutoFlow:"dense"};return _?(0,i.jsx)(te,{className:"w-full",children:(0,i.jsx)(oe,{className:"flex items-center justify-center py-12",children:(0,i.jsxs)("div",{className:"text-center",children:[(0,i.jsx)("div",{className:"text-red-500 mb-3 text-2xl",children:"\u26A0\uFE0F"}),(0,i.jsx)("p",{className:"text-sm text-muted-foreground mb-4",children:_}),f&&(0,i.jsxs)(h,{variant:"outline",size:"sm",onClick:f,children:[(0,i.jsx)(we.Loader2,{className:"mr-2 h-4 w-4"}),"Try Again"]})]})})}):(0,i.jsxs)("div",{className:s("w-full flex gap-2 flex-col h-full",Ye),children:[P&&(0,i.jsx)(te,{className:"shadow-sm border-0 py-0 text-xl font-bold",children:(0,i.jsx)(oe,{className:"p-2",children:P})}),We&&(0,i.jsx)($e,{fields:a,filters:g,globalFilter:q,onGlobalFilterChange:Ne,fieldFilters:E,onFieldFilterChange:Je,sortField:L,sortDirection:Z,onSortChange:Ke,selectedCount:z.size,totalCount:e.length,visibleCount:b.length,onExport:Ue?()=>y?.(b):void 0,onRefresh:f,loading:$,onClearFilters:Re,onClearSorting:Qe}),(0,i.jsx)(te,{className:"border-0 overflow-auto shadow-none py-0 p-2 flex-1",children:(0,i.jsx)(oe,{className:"px-0",children:(0,i.jsxs)("div",{className:"relative",children:[$&&(0,i.jsx)("div",{className:"absolute inset-0 bg-background/80 backdrop-blur-sm z-50 flex items-center justify-center rounded-lg",children:(0,i.jsxs)("div",{className:"flex items-center gap-3 bg-background/90 px-4 py-3 rounded-lg shadow-sm",children:[(0,i.jsx)(we.Loader2,{className:"size-5 animate-spin text-primary"}),(0,i.jsx)("span",{className:"text-sm font-medium text-muted-foreground",children:"Loading..."})]})}),ze.length>0?(0,i.jsx)("div",{className:s(et),style:tt,children:ze.map((l,c)=>{let d=u.enabled?(Y-1)*A+c:c,S=z.has(d);return(0,i.jsxs)("div",{className:s("relative h-full w-full flex flex-col","transition-all duration-200 overflow-hidden","rounded-2xl","border border-border/20 hover:border-border/50",Se==="square"?"aspect-square":"",Se==="video"?"aspect-video":"",v?"cursor-pointer":"",S?"ring-2 ring-primary":""),onClick:()=>v&&ce(d),children:[v&&W==="multiple"&&(0,i.jsx)("div",{className:"absolute top-2 right-2 z-10",children:(0,i.jsx)(Ae,{checked:S,onCheckedChange:()=>ce(d),className:"bg-background/80 backdrop-blur-sm",onClick:N=>N.stopPropagation()})}),o(l,c,S,()=>ce(d))]},d)})}):(0,i.jsxs)("div",{className:"flex flex-col gap-4 items-center justify-center py-12 text-center",children:[(0,i.jsx)("div",{className:"text-6xl",children:V||"\u{1F4CB}"}),(0,i.jsx)("p",{className:"text-lg font-medium text-muted-foreground mb-2",children:O}),(q||Object.values(E).some(l=>l))&&(0,i.jsx)(h,{variant:"outline",onClick:Re,children:"Clear Filters"})]})]})})}),u.enabled&&(0,i.jsx)("div",{className:"pb-1",children:(0,i.jsx)(Oe,{currentPage:Y,totalPages:Xe,pageSize:A,totalItems:b.length,onPageChange:ee,onPageSizeChange:l=>{He(l),ee(1)},config:u})}),B&&(0,i.jsx)("div",{className:"p-2 m-0.5",children:B}),U&&U(Me)]})}0&&(module.exports={DataTemplate});
 //# sourceMappingURL=data-template.cjs.map