@akshar-technosoft/ui 1.3.1 → 1.3.2

package/dist/components/core/offline-content.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const OfflineUI: () => react_jsx_runtime.JSX.Element;
+
+export { OfflineUI };

package/dist/components/core/offline-content.js

@@ -0,0 +1,3 @@
+"use client"
+import{WifiOffIcon as t}from"lucide-react";import{jsx as e,jsxs as o}from"react/jsx-runtime";var n=()=>o("div",{className:"rounded-2xl flex flex-col items-center justify-center h-screen p-6 text-center text-muted-foreground bg-background select-none",children:[e(t,{className:"h-15 w-15 text-destructive mb-4"}),e("h1",{className:"text-3xl font-bold text-destructive mb-2",children:"You're offline"}),e("p",{className:"text-xl max-w-md",children:"We couldn't connect to the server."})]});export{n as OfflineUI};
+//# sourceMappingURL=offline-content.js.map

package/dist/components/core/offline-content.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/core/offline-content.tsx"],"sourcesContent":["import { WifiOffIcon } from \"lucide-react\";\n\nexport const OfflineUI = () => (\n  <div className=\"rounded-2xl flex flex-col items-center justify-center h-screen p-6 text-center text-muted-foreground bg-background select-none\">\n    <WifiOffIcon className=\"h-15 w-15 text-destructive mb-4\" />\n    <h1 className=\"text-3xl font-bold text-destructive mb-2\">You're offline</h1>\n    <p className=\"text-xl max-w-md\">\n      We couldn't connect to the server.\n    </p>\n  </div>\n);\n"],"mappings":";AAAA,OAAS,eAAAA,MAAmB,eAG1B,OACE,OAAAC,EADF,QAAAC,MAAA,oBADK,IAAMC,EAAY,IACvBD,EAAC,OAAI,UAAU,iIACb,UAAAD,EAACD,EAAA,CAAY,UAAU,kCAAkC,EACzDC,EAAC,MAAG,UAAU,2CAA2C,0BAAc,EACvEA,EAAC,KAAE,UAAU,mBAAmB,8CAEhC,GACF","names":["WifiOffIcon","jsx","jsxs","OfflineUI"]}

package/dist/components/core/unauthorized.cjs

@@ -0,0 +1,3 @@
+"use client"
+"use strict";var s=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var k=(e,t)=>{for(var i in t)s(e,i,{get:t[i],enumerable:!0})},y=(e,t,i,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of h(t))!x.call(e,r)&&r!==i&&s(e,r,{get:()=>t[r],enumerable:!(n=b(t,r))||n.enumerable});return e};var w=e=>y(s({},"__esModule",{value:!0}),e);var B={};k(B,{Unauthorized:()=>z});module.exports=w(B);var m=require("lucide-react");var v=require("radix-ui"),g=require("class-variance-authority");var c=require("clsx"),u=require("tailwind-merge");function l(...e){return(0,u.twMerge)((0,c.clsx)(e))}var p=require("react/jsx-runtime"),N=(0,g.cva)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow] 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 dark:focus-visible:border-ring",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 d({className:e,variant:t,size:i,asChild:n=!1,...r}){let f=n?v.Slot.Slot:"button";return(0,p.jsx)(f,{"data-slot":"button",className:l(N({variant:t,size:i,className:e})),...r})}var a=require("react-router"),o=require("react/jsx-runtime"),z=()=>{let e=(0,a.useNavigate)();return(0,o.jsxs)("div",{className:"rounded-2xl flex flex-col items-center justify-center h-full p-6 text-center bg-sidebar text-muted-foreground select-none",children:[(0,o.jsx)(m.ShieldOffIcon,{className:"h-15 w-15 text-destructive mb-4"}),(0,o.jsx)("h1",{className:"text-2xl font-bold text-destructive mb-2",children:"Access Denied"}),(0,o.jsx)("p",{className:"text-xl mb-4",children:"You don't have permission to view this page. Please sign in with an authorized account or contact your administrator."}),(0,o.jsxs)("div",{className:"flex space-x-4",children:[(0,o.jsx)(d,{variant:"outline",onClick:()=>{window.history.length>2?e(-1):e("/")},children:"Go Back"}),(0,o.jsx)(d,{variant:"ghost",children:(0,o.jsx)(a.NavLink,{to:"/",children:"Go to Home"})})]})]})};0&&(module.exports={Unauthorized});
+//# sourceMappingURL=unauthorized.cjs.map

package/dist/components/core/unauthorized.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/core/unauthorized.tsx","../../../src/components/ui/button.tsx","../../../src/lib/utils.ts"],"sourcesContent":["import { ShieldOffIcon } from \"lucide-react\";\nimport { Button } from \"../ui/button.jsx\";\nimport { NavLink, useNavigate } from \"react-router\";\n\nexport const Unauthorized = () => {\n  const navigate = useNavigate();\n\n  const goBack = () => {\n    if (window.history.length > 2) {\n      navigate(-1);\n    } else {\n      navigate(\"/\");\n    }\n  };\n\n  return (\n    <div className=\"rounded-2xl flex flex-col items-center justify-center h-full p-6 text-center bg-sidebar text-muted-foreground select-none\">\n      <ShieldOffIcon className=\"h-15 w-15 text-destructive mb-4\" />\n      <h1 className=\"text-2xl font-bold text-destructive mb-2\">Access Denied</h1>\n      <p className=\"text-xl mb-4\">\n        You don't have permission to view this page. Please sign in with an authorized account or contact your administrator.\n      </p>\n      <div className=\"flex space-x-4\">\n        <Button variant=\"outline\" onClick={goBack}>\n          Go Back\n        </Button>\n        <Button variant=\"ghost\">\n          <NavLink to=\"/\">Go to Home</NavLink>\n        </Button>\n      </div>\n    </div>\n  );\n};\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-[color,box-shadow] 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 dark:focus-visible:border-ring\",\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 }))}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}"],"mappings":";yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA8B,wBCC9B,IAAAC,EAAsC,oBACtCC,EAAuC,oCCFvC,IAAAC,EAAsC,gBACtCC,EAAwB,0BAEjB,SAASC,KAAMC,EAAsB,CAC1C,SAAO,cAAQ,QAAKA,CAAM,CAAC,CAC7B,CD6CI,IAAAC,EAAA,6BA5CEC,KAAiB,OACrB,6cACA,CACE,SAAU,CACR,QAAS,CACP,QACE,mEACF,YACE,8JACF,QACE,uKACF,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,EAAU,EAAAG,KAAc,KAAO,SAE5C,SACE,OAACD,EAAA,CACC,YAAU,SACV,UAAWE,EAAGT,EAAe,CAAE,QAAAG,EAAS,KAAAC,EAAM,UAAAF,CAAU,CAAC,CAAC,EACzD,GAAGI,EACN,CAEJ,CDtDA,IAAAI,EAAqC,wBAe/BC,EAAA,6BAbOC,EAAe,IAAM,CAChC,IAAMC,KAAW,eAAY,EAU7B,SACE,QAAC,OAAI,UAAU,4HACb,oBAAC,iBAAc,UAAU,kCAAkC,KAC3D,OAAC,MAAG,UAAU,2CAA2C,yBAAa,KACtE,OAAC,KAAE,UAAU,eAAe,iIAE5B,KACA,QAAC,OAAI,UAAU,iBACb,oBAACC,EAAA,CAAO,QAAQ,UAAU,QAhBjB,IAAM,CACf,OAAO,QAAQ,OAAS,EAC1BD,EAAS,EAAE,EAEXA,EAAS,GAAG,CAEhB,EAUiD,mBAE3C,KACA,OAACC,EAAA,CAAO,QAAQ,QACd,mBAAC,WAAQ,GAAG,IAAI,sBAAU,EAC5B,GACF,GACF,CAEJ","names":["unauthorized_exports","__export","Unauthorized","__toCommonJS","import_lucide_react","import_radix_ui","import_class_variance_authority","import_clsx","import_tailwind_merge","cn","inputs","import_jsx_runtime","buttonVariants","Button","className","variant","size","asChild","props","Comp","SlotPrimitive","cn","import_react_router","import_jsx_runtime","Unauthorized","navigate","Button"]}

package/dist/components/core/unauthorized.d.cts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const Unauthorized: () => react_jsx_runtime.JSX.Element;
+
+export { Unauthorized };

package/dist/components/core/unauthorized.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const Unauthorized: () => react_jsx_runtime.JSX.Element;
+
+export { Unauthorized };

package/dist/components/core/unauthorized.js

@@ -0,0 +1,3 @@
+"use client"
+import{ShieldOffIcon as f}from"lucide-react";import{Slot as v}from"radix-ui";import{cva as g}from"class-variance-authority";import{clsx as u}from"clsx";import{twMerge as l}from"tailwind-merge";function i(...e){return l(u(e))}import{jsx as m}from"react/jsx-runtime";var p=g("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow] 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 dark:focus-visible:border-ring",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 o({className:e,variant:r,size:a,asChild:s=!1,...d}){let c=s?v.Slot:"button";return m(c,{"data-slot":"button",className:i(p({variant:r,size:a,className:e})),...d})}import{NavLink as b,useNavigate as h}from"react-router";import{jsx as t,jsxs as n}from"react/jsx-runtime";var _=()=>{let e=h();return n("div",{className:"rounded-2xl flex flex-col items-center justify-center h-full p-6 text-center bg-sidebar text-muted-foreground select-none",children:[t(f,{className:"h-15 w-15 text-destructive mb-4"}),t("h1",{className:"text-2xl font-bold text-destructive mb-2",children:"Access Denied"}),t("p",{className:"text-xl mb-4",children:"You don't have permission to view this page. Please sign in with an authorized account or contact your administrator."}),n("div",{className:"flex space-x-4",children:[t(o,{variant:"outline",onClick:()=>{window.history.length>2?e(-1):e("/")},children:"Go Back"}),t(o,{variant:"ghost",children:t(b,{to:"/",children:"Go to Home"})})]})]})};export{_ as Unauthorized};
+//# sourceMappingURL=unauthorized.js.map

package/dist/components/core/unauthorized.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/core/unauthorized.tsx","../../../src/components/ui/button.tsx","../../../src/lib/utils.ts"],"sourcesContent":["import { ShieldOffIcon } from \"lucide-react\";\nimport { Button } from \"../ui/button.jsx\";\nimport { NavLink, useNavigate } from \"react-router\";\n\nexport const Unauthorized = () => {\n  const navigate = useNavigate();\n\n  const goBack = () => {\n    if (window.history.length > 2) {\n      navigate(-1);\n    } else {\n      navigate(\"/\");\n    }\n  };\n\n  return (\n    <div className=\"rounded-2xl flex flex-col items-center justify-center h-full p-6 text-center bg-sidebar text-muted-foreground select-none\">\n      <ShieldOffIcon className=\"h-15 w-15 text-destructive mb-4\" />\n      <h1 className=\"text-2xl font-bold text-destructive mb-2\">Access Denied</h1>\n      <p className=\"text-xl mb-4\">\n        You don't have permission to view this page. Please sign in with an authorized account or contact your administrator.\n      </p>\n      <div className=\"flex space-x-4\">\n        <Button variant=\"outline\" onClick={goBack}>\n          Go Back\n        </Button>\n        <Button variant=\"ghost\">\n          <NavLink to=\"/\">Go to Home</NavLink>\n        </Button>\n      </div>\n    </div>\n  );\n};\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-[color,box-shadow] 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 dark:focus-visible:border-ring\",\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 }))}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}"],"mappings":";AAAA,OAAS,iBAAAA,MAAqB,eCC9B,OAAS,QAAQC,MAAqB,WACtC,OAAS,OAAAC,MAA8B,2BCFvC,OAAS,QAAAC,MAA6B,OACtC,OAAS,WAAAC,MAAe,iBAEjB,SAASC,KAAMC,EAAsB,CAC1C,OAAOF,EAAQD,EAAKG,CAAM,CAAC,CAC7B,CD6CI,cAAAC,MAAA,oBA5CJ,IAAMC,EAAiBC,EACrB,6cACA,CACE,SAAU,CACR,QAAS,CACP,QACE,mEACF,YACE,8JACF,QACE,uKACF,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,EAAc,KAAO,SAE5C,OACEV,EAACS,EAAA,CACC,YAAU,SACV,UAAWE,EAAGV,EAAe,CAAE,QAAAI,EAAS,KAAAC,EAAM,UAAAF,CAAU,CAAC,CAAC,EACzD,GAAGI,EACN,CAEJ,CDtDA,OAAS,WAAAI,EAAS,eAAAC,MAAmB,eAe/B,cAAAC,EAKA,QAAAC,MALA,oBAbC,IAAMC,EAAe,IAAM,CAChC,IAAMC,EAAWJ,EAAY,EAU7B,OACEE,EAAC,OAAI,UAAU,4HACb,UAAAD,EAACI,EAAA,CAAc,UAAU,kCAAkC,EAC3DJ,EAAC,MAAG,UAAU,2CAA2C,yBAAa,EACtEA,EAAC,KAAE,UAAU,eAAe,iIAE5B,EACAC,EAAC,OAAI,UAAU,iBACb,UAAAD,EAACK,EAAA,CAAO,QAAQ,UAAU,QAhBjB,IAAM,CACf,OAAO,QAAQ,OAAS,EAC1BF,EAAS,EAAE,EAEXA,EAAS,GAAG,CAEhB,EAUiD,mBAE3C,EACAH,EAACK,EAAA,CAAO,QAAQ,QACd,SAAAL,EAACF,EAAA,CAAQ,GAAG,IAAI,sBAAU,EAC5B,GACF,GACF,CAEJ","names":["ShieldOffIcon","SlotPrimitive","cva","clsx","twMerge","cn","inputs","jsx","buttonVariants","cva","Button","className","variant","size","asChild","props","Comp","SlotPrimitive","cn","NavLink","useNavigate","jsx","jsxs","Unauthorized","navigate","ShieldOffIcon","Button"]}

package/dist/components/data/data-table/data-table-action-bar.cjs

@@ -0,0 +1,3 @@
+"use client"
+"use strict";var O=Object.create;var m=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var F=Object.getPrototypeOf,K=Object.prototype.hasOwnProperty;var I=(t,e)=>{for(var r in e)m(t,r,{get:e[r],enumerable:!0})},w=(t,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of L(e))!K.call(t,i)&&i!==r&&m(t,i,{get:()=>e[i],enumerable:!(a=_(e,i))||a.enumerable});return t};var R=(t,e,r)=>(r=t!=null?O(F(t)):{},w(e||!t||!t.__esModule?m(r,"default",{value:t,enumerable:!0}):r,t)),X=t=>w(m({},"__esModule",{value:!0}),t);var Q={};I(Q,{DataTableActionBar:()=>G,DataTableActionBarAction:()=>H,DataTableActionBarSelection:()=>J});module.exports=X(Q);var D=require("radix-ui"),z=require("class-variance-authority");var C=require("clsx"),k=require("tailwind-merge");function n(...t){return(0,k.twMerge)((0,C.clsx)(t))}var A=require("react/jsx-runtime"),q=(0,z.cva)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow] 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 dark:focus-visible:border-ring",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 b({className:t,variant:e,size:r,asChild:a=!1,...i}){let c=a?D.Slot.Slot:"button";return(0,A.jsx)(c,{"data-slot":"button",className:n(q({variant:e,size:r,className:t})),...i})}var N=require("radix-ui");var B=require("react/jsx-runtime");function S({className:t,orientation:e="horizontal",decorative:r=!0,...a}){return(0,B.jsx)(N.Separator.Root,{"data-slot":"separator-root",decorative:r,orientation:e,className:n("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",t),...a})}var d=require("radix-ui");var s=require("react/jsx-runtime");function v({delayDuration:t=0,...e}){return(0,s.jsx)(d.Tooltip.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function y({...t}){return(0,s.jsx)(v,{children:(0,s.jsx)(d.Tooltip.Root,{"data-slot":"tooltip",...t})})}function x({...t}){return(0,s.jsx)(d.Tooltip.Trigger,{"data-slot":"tooltip-trigger",...t})}function h({className:t,sideOffset:e=0,children:r,...a}){return(0,s.jsx)(d.Tooltip.Portal,{children:(0,s.jsxs)(d.Tooltip.Content,{"data-slot":"tooltip-content",sideOffset:e,className:n("bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",t),...a,children:[r,(0,s.jsx)(d.Tooltip.Arrow,{className:"bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]"})]})})}var u=require("lucide-react"),f=require("framer-motion"),l=R(require("react"),1),E=R(require("react-dom"),1),o=require("react/jsx-runtime");function G({table:t,visible:e,container:r,children:a,className:i,...c}){let[g,p]=l.useState(!1);l.useLayoutEffect(()=>{p(!0)},[]),l.useEffect(()=>{function P(M){M.key==="Escape"&&t&&t.toggleAllRowsSelected(!1)}return window.addEventListener("keydown",P),()=>window.removeEventListener("keydown",P)},[t]);let T=r??(g?globalThis.document?.body:null);if(!T||!t)return null;let V=e??t.getFilteredSelectedRowModel().rows.length>0;return E.createPortal((0,o.jsx)(f.AnimatePresence,{children:V&&(0,o.jsx)(f.motion.div,{role:"toolbar","aria-orientation":"horizontal",initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:20},transition:{duration:.3,ease:"easeInOut"},className:n("fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-xl border bg-primary/10 backdrop-blur-sm p-3 text-foreground ring-5 ring-primary/5",i),...c,children:(0,o.jsx)(v,{children:a})})}),T)}function H({size:t="sm",tooltip:e,isPending:r,disabled:a,className:i,children:c,...g}){let p=(0,o.jsx)(b,{variant:"secondary",size:t,className:n("gap-1.5 rounded-lg border border-secondary bg-secondary/50 hover:bg-secondary/70 transition-all duration-200",t==="icon"?"size-8":"h-8 px-3",i),disabled:a||r,...g,children:r?(0,o.jsx)(u.Loader,{className:"animate-spin"}):c});return e?(0,o.jsxs)(y,{children:[(0,o.jsx)(x,{asChild:!0,children:p}),(0,o.jsx)(h,{sideOffset:8,className:"rounded-lg border font-semibold text-foreground bg-secondary [&>span]:hidden",children:(0,o.jsx)("p",{children:e})})]}):p}function J({table:t}){let e=l.useCallback(()=>{t&&t.toggleAllRowsSelected(!1)},[t]);return t?(0,o.jsxs)("div",{className:"flex h-8 items-center rounded-lg border bg-muted/50 pr-1 pl-3",children:[(0,o.jsxs)("span",{className:"whitespace-nowrap text-sm font-medium",children:[t.getFilteredSelectedRowModel().rows.length," selected"]}),(0,o.jsx)(S,{orientation:"vertical",className:"mr-2 ml-3 data-[orientation=vertical]:h-4"}),(0,o.jsxs)(y,{children:[(0,o.jsx)(x,{asChild:!0,children:(0,o.jsx)(b,{variant:"ghost",size:"icon",className:"size-6 rounded-md",onClick:e,children:(0,o.jsx)(u.X,{className:"size-3.5"})})}),(0,o.jsxs)(h,{sideOffset:10,className:"flex items-center gap-2 rounded-lg border px-3 py-2 font-semibold text-foregroun bg-secondary [&>span]:hidden",children:[(0,o.jsx)("p",{children:"Clear selection"}),(0,o.jsx)("kbd",{className:"select-none rounded border bg-primary/50 px-2 py-1 font-mono font-normal text-[0.7rem] text-foreground shadow-sm",children:(0,o.jsx)("abbr",{title:"Escape",className:"no-underline",children:"Esc"})})]})]})]}):null}0&&(module.exports={DataTableActionBar,DataTableActionBarAction,DataTableActionBarSelection});
+//# sourceMappingURL=data-table-action-bar.cjs.map

package/dist/components/data/data-table/data-table-action-bar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/data/data-table/data-table-action-bar.tsx","../../../../src/components/ui/button.tsx","../../../../src/lib/utils.ts","../../../../src/components/ui/separator.tsx","../../../../src/components/ui/tooltip.tsx"],"sourcesContent":["import { Button } from \"../../ui/button.jsx\"\nimport { Separator } from \"../../ui/separator.jsx\"\nimport { Tooltip, TooltipContent, TooltipTrigger, TooltipProvider } from \"../../ui/tooltip.jsx\"\nimport { cn } from \"../../../lib/utils.js\"\nimport type { Table } from \"@tanstack/react-table\"\nimport { Loader, X } from \"lucide-react\"\nimport { AnimatePresence, motion } from \"framer-motion\"\nimport * as React from \"react\"\nimport * as ReactDOM from \"react-dom\"\n\ninterface DataTableActionBarProps<TData> extends React.ComponentProps<typeof motion.div> {\n  table: Table<TData> | null\n  visible?: boolean\n  container?: Element | DocumentFragment | null\n  children: React.ReactNode\n}\n\nfunction DataTableActionBar<TData>({\n  table,\n  visible: visibleProp,\n  container: containerProp,\n  children,\n  className,\n  ...props\n}: DataTableActionBarProps<TData>) {\n  const [mounted, setMounted] = React.useState(false)\n\n  React.useLayoutEffect(() => {\n    setMounted(true)\n  }, [])\n\n  React.useEffect(() => {\n    function onKeyDown(event: KeyboardEvent) {\n      if (event.key === \"Escape\" && table) {\n        table.toggleAllRowsSelected(false)\n      }\n    }\n\n    window.addEventListener(\"keydown\", onKeyDown)\n    return () => window.removeEventListener(\"keydown\", onKeyDown)\n  }, [table])\n\n  const container = containerProp ?? (mounted ? globalThis.document?.body : null)\n\n  if (!container || !table) return null\n\n  const visible = visibleProp ?? table.getFilteredSelectedRowModel().rows.length > 0\n\n  return ReactDOM.createPortal(\n    <AnimatePresence>\n      {visible && (\n        <motion.div\n          role=\"toolbar\"\n          aria-orientation=\"horizontal\"\n          initial={{ opacity: 0, y: 20 }}\n          animate={{ opacity: 1, y: 0 }}\n          exit={{ opacity: 0, y: 20 }}\n          transition={{ duration: 0.3, ease: \"easeInOut\" }}\n          className={cn(\n            \"fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-xl border bg-primary/10 backdrop-blur-sm p-3 text-foreground ring-5 ring-primary/5\",\n            className,\n          )}\n          {...props}\n        >\n          <TooltipProvider>{children}</TooltipProvider>\n        </motion.div>\n      )}\n    </AnimatePresence>,\n    container,\n  )\n}\n\ninterface DataTableActionBarActionProps extends React.ComponentProps<typeof Button> {\n  tooltip?: string\n  isPending?: boolean\n}\n\nfunction DataTableActionBarAction({\n  size = \"sm\",\n  tooltip,\n  isPending,\n  disabled,\n  className,\n  children,\n  ...props\n}: DataTableActionBarActionProps) {\n  const trigger = (\n    <Button\n      variant=\"secondary\"\n      size={size}\n      className={cn(\n        \"gap-1.5 rounded-lg border border-secondary bg-secondary/50 hover:bg-secondary/70 transition-all duration-200\",\n        size === \"icon\" ? \"size-8\" : \"h-8 px-3\",\n        className,\n      )}\n      disabled={disabled || isPending}\n      {...props}\n    >\n      {isPending ? <Loader className=\"animate-spin\" /> : children}\n    </Button>\n  )\n\n  if (!tooltip) return trigger\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>{trigger}</TooltipTrigger>\n      <TooltipContent\n        sideOffset={8}\n        className=\"rounded-lg border font-semibold text-foreground bg-secondary [&>span]:hidden\"\n      >\n        <p>{tooltip}</p>\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n\ninterface DataTableActionBarSelectionProps<TData> {\n  table: Table<TData> | null\n}\n\nfunction DataTableActionBarSelection<TData>({ table }: DataTableActionBarSelectionProps<TData>) {\n  const onClearSelection = React.useCallback(() => {\n    if (table) {\n      table.toggleAllRowsSelected(false)\n    }\n  }, [table])\n\n  if (!table) return null\n\n  return (\n    <div className=\"flex h-8 items-center rounded-lg border bg-muted/50 pr-1 pl-3\">\n      <span className=\"whitespace-nowrap text-sm font-medium\">\n        {table.getFilteredSelectedRowModel().rows.length} selected\n      </span>\n      <Separator orientation=\"vertical\" className=\"mr-2 ml-3 data-[orientation=vertical]:h-4\" />\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button variant=\"ghost\" size=\"icon\" className=\"size-6 rounded-md\" onClick={onClearSelection}>\n            <X className=\"size-3.5\" />\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent\n          sideOffset={10}\n          className=\"flex items-center gap-2 rounded-lg border px-3 py-2 font-semibold text-foregroun bg-secondary [&>span]:hidden\"\n        >\n          <p>Clear selection</p>\n          <kbd className=\"select-none rounded border bg-primary/50 px-2 py-1 font-mono font-normal text-[0.7rem] text-foreground shadow-sm\">\n            <abbr title=\"Escape\" className=\"no-underline\">\n              Esc\n            </abbr>\n          </kbd>\n        </TooltipContent>\n      </Tooltip>\n    </div>\n  )\n}\n\nexport { DataTableActionBar, DataTableActionBarAction, DataTableActionBarSelection }\n\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-[color,box-shadow] 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 dark:focus-visible:border-ring\",\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 }))}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}","import * as React from \"react\"\nimport { Separator as SeparatorPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator-root\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Separator }\n","import * as React from \"react\"\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  )\n}\n\nfunction Tooltip({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  )\n}\n\nfunction TooltipTrigger({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"],"mappings":";0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,EAAA,6BAAAC,EAAA,gCAAAC,IAAA,eAAAC,EAAAL,GCCA,IAAAM,EAAsC,oBACtCC,EAAuC,oCCFvC,IAAAC,EAAsC,gBACtCC,EAAwB,0BAEjB,SAASC,KAAMC,EAAsB,CAC1C,SAAO,cAAQ,QAAKA,CAAM,CAAC,CAC7B,CD6CI,IAAAC,EAAA,6BA5CEC,KAAiB,OACrB,6cACA,CACE,SAAU,CACR,QAAS,CACP,QACE,mEACF,YACE,8JACF,QACE,uKACF,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,EAAU,EAAAG,KAAc,KAAO,SAE5C,SACE,OAACD,EAAA,CACC,YAAU,SACV,UAAWE,EAAGT,EAAe,CAAE,QAAAG,EAAS,KAAAC,EAAM,UAAAF,CAAU,CAAC,CAAC,EACzD,GAAGI,EACN,CAEJ,CEvDA,IAAAI,EAAgD,oBAW5C,IAAAC,EAAA,6BAPJ,SAASC,EAAU,CACjB,UAAAC,EACA,YAAAC,EAAc,aACd,WAAAC,EAAa,GACb,GAAGC,CACL,EAAyD,CACvD,SACE,OAAC,EAAAC,UAAmB,KAAnB,CACC,YAAU,iBACV,WAAYF,EACZ,YAAaD,EACb,UAAWI,EACT,iKACAL,CACF,EACC,GAAGG,EACN,CAEJ,CCtBA,IAAAG,EAA4C,oBASxC,IAAAC,EAAA,6BALJ,SAASC,EAAgB,CACvB,cAAAC,EAAgB,EAChB,GAAGC,CACL,EAA2D,CACzD,SACE,OAAC,EAAAC,QAAiB,SAAjB,CACC,YAAU,mBACV,cAAeF,EACd,GAAGC,EACN,CAEJ,CAEA,SAASE,EAAQ,CACf,GAAGF,CACL,EAAuD,CACrD,SACE,OAACF,EAAA,CACC,mBAAC,EAAAG,QAAiB,KAAjB,CAAsB,YAAU,UAAW,GAAGD,EAAO,EACxD,CAEJ,CAEA,SAASG,EAAe,CACtB,GAAGH,CACL,EAA0D,CACxD,SAAO,OAAC,EAAAC,QAAiB,QAAjB,CAAyB,YAAU,kBAAmB,GAAGD,EAAO,CAC1E,CAEA,SAASI,EAAe,CACtB,UAAAC,EACA,WAAAC,EAAa,EACb,SAAAC,EACA,GAAGP,CACL,EAA0D,CACxD,SACE,OAAC,EAAAC,QAAiB,OAAjB,CACC,oBAAC,EAAAA,QAAiB,QAAjB,CACC,YAAU,kBACV,WAAYK,EACZ,UAAWE,EACT,yaACAH,CACF,EACC,GAAGL,EAEH,UAAAO,KACD,OAAC,EAAAN,QAAiB,MAAjB,CAAuB,UAAU,+FAA+F,GACnI,EACF,CAEJ,CJnDA,IAAAQ,EAA0B,wBAC1BC,EAAwC,yBACxCC,EAAuB,sBACvBC,EAA0B,0BAwDhBC,EAAA,6BA/CV,SAASC,EAA0B,CACjC,MAAAC,EACA,QAASC,EACT,UAAWC,EACX,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAAmC,CACjC,GAAM,CAACC,EAASC,CAAU,EAAU,WAAS,EAAK,EAE5C,kBAAgB,IAAM,CAC1BA,EAAW,EAAI,CACjB,EAAG,CAAC,CAAC,EAEC,YAAU,IAAM,CACpB,SAASC,EAAUC,EAAsB,CACnCA,EAAM,MAAQ,UAAYT,GAC5BA,EAAM,sBAAsB,EAAK,CAErC,CAEA,cAAO,iBAAiB,UAAWQ,CAAS,EACrC,IAAM,OAAO,oBAAoB,UAAWA,CAAS,CAC9D,EAAG,CAACR,CAAK,CAAC,EAEV,IAAMU,EAAYR,IAAkBI,EAAU,WAAW,UAAU,KAAO,MAE1E,GAAI,CAACI,GAAa,CAACV,EAAO,OAAO,KAEjC,IAAMW,EAAUV,GAAeD,EAAM,4BAA4B,EAAE,KAAK,OAAS,EAEjF,OAAgB,kBACd,OAAC,mBACE,SAAAW,MACC,OAAC,SAAO,IAAP,CACC,KAAK,UACL,mBAAiB,aACjB,QAAS,CAAE,QAAS,EAAG,EAAG,EAAG,EAC7B,QAAS,CAAE,QAAS,EAAG,EAAG,CAAE,EAC5B,KAAM,CAAE,QAAS,EAAG,EAAG,EAAG,EAC1B,WAAY,CAAE,SAAU,GAAK,KAAM,WAAY,EAC/C,UAAWC,EACT,0LACAR,CACF,EACC,GAAGC,EAEJ,mBAACQ,EAAA,CAAiB,SAAAV,EAAS,EAC7B,EAEJ,EACAO,CACF,CACF,CAOA,SAASI,EAAyB,CAChC,KAAAC,EAAO,KACP,QAAAC,EACA,UAAAC,EACA,SAAAC,EACA,UAAAd,EACA,SAAAD,EACA,GAAGE,CACL,EAAkC,CAChC,IAAMc,KACJ,OAACC,EAAA,CACC,QAAQ,YACR,KAAML,EACN,UAAWH,EACT,+GACAG,IAAS,OAAS,SAAW,WAC7BX,CACF,EACA,SAAUc,GAAYD,EACrB,GAAGZ,EAEH,SAAAY,KAAY,OAAC,UAAO,UAAU,eAAe,EAAKd,EACrD,EAGF,OAAKa,KAGH,QAACK,EAAA,CACC,oBAACC,EAAA,CAAe,QAAO,GAAE,SAAAH,EAAQ,KACjC,OAACI,EAAA,CACC,WAAY,EACZ,UAAU,+EAEV,mBAAC,KAAG,SAAAP,EAAQ,EACd,GACF,EAXmBG,CAavB,CAMA,SAASK,EAAmC,CAAE,MAAAxB,CAAM,EAA4C,CAC9F,IAAMyB,EAAyB,cAAY,IAAM,CAC3CzB,GACFA,EAAM,sBAAsB,EAAK,CAErC,EAAG,CAACA,CAAK,CAAC,EAEV,OAAKA,KAGH,QAAC,OAAI,UAAU,gEACb,qBAAC,QAAK,UAAU,wCACb,UAAAA,EAAM,4BAA4B,EAAE,KAAK,OAAO,aACnD,KACA,OAAC0B,EAAA,CAAU,YAAY,WAAW,UAAU,4CAA4C,KACxF,QAACL,EAAA,CACC,oBAACC,EAAA,CAAe,QAAO,GACrB,mBAACF,EAAA,CAAO,QAAQ,QAAQ,KAAK,OAAO,UAAU,oBAAoB,QAASK,EACzE,mBAAC,KAAE,UAAU,WAAW,EAC1B,EACF,KACA,QAACF,EAAA,CACC,WAAY,GACZ,UAAU,gHAEV,oBAAC,KAAE,2BAAe,KAClB,OAAC,OAAI,UAAU,mHACb,mBAAC,QAAK,MAAM,SAAS,UAAU,eAAe,eAE9C,EACF,GACF,GACF,GACF,EA1BiB,IA4BrB","names":["data_table_action_bar_exports","__export","DataTableActionBar","DataTableActionBarAction","DataTableActionBarSelection","__toCommonJS","import_radix_ui","import_class_variance_authority","import_clsx","import_tailwind_merge","cn","inputs","import_jsx_runtime","buttonVariants","Button","className","variant","size","asChild","props","Comp","SlotPrimitive","cn","import_radix_ui","import_jsx_runtime","Separator","className","orientation","decorative","props","SeparatorPrimitive","cn","import_radix_ui","import_jsx_runtime","TooltipProvider","delayDuration","props","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","className","sideOffset","children","cn","import_lucide_react","import_framer_motion","React","ReactDOM","import_jsx_runtime","DataTableActionBar","table","visibleProp","containerProp","children","className","props","mounted","setMounted","onKeyDown","event","container","visible","cn","TooltipProvider","DataTableActionBarAction","size","tooltip","isPending","disabled","trigger","Button","Tooltip","TooltipTrigger","TooltipContent","DataTableActionBarSelection","onClearSelection","Separator"]}

package/dist/components/data/data-table/data-table-action-bar.d.cts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Button } from '../../ui/button.cjs';
+import { Table } from '@tanstack/react-table';
+import { motion } from 'framer-motion';
+import * as React from 'react';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+interface DataTableActionBarProps<TData> extends React.ComponentProps<typeof motion.div> {
+    table: Table<TData> | null;
+    visible?: boolean;
+    container?: Element | DocumentFragment | null;
+    children: React.ReactNode;
+}
+declare function DataTableActionBar<TData>({ table, visible: visibleProp, container: containerProp, children, className, ...props }: DataTableActionBarProps<TData>): React.ReactPortal | null;
+interface DataTableActionBarActionProps extends React.ComponentProps<typeof Button> {
+    tooltip?: string;
+    isPending?: boolean;
+}
+declare function DataTableActionBarAction({ size, tooltip, isPending, disabled, className, children, ...props }: DataTableActionBarActionProps): react_jsx_runtime.JSX.Element;
+interface DataTableActionBarSelectionProps<TData> {
+    table: Table<TData> | null;
+}
+declare function DataTableActionBarSelection<TData>({ table }: DataTableActionBarSelectionProps<TData>): react_jsx_runtime.JSX.Element | null;
+
+export { DataTableActionBar, DataTableActionBarAction, DataTableActionBarSelection };

package/dist/components/data/data-table/data-table-action-bar.d.ts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Button } from '../../ui/button.js';
+import { Table } from '@tanstack/react-table';
+import { motion } from 'framer-motion';
+import * as React from 'react';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+interface DataTableActionBarProps<TData> extends React.ComponentProps<typeof motion.div> {
+    table: Table<TData> | null;
+    visible?: boolean;
+    container?: Element | DocumentFragment | null;
+    children: React.ReactNode;
+}
+declare function DataTableActionBar<TData>({ table, visible: visibleProp, container: containerProp, children, className, ...props }: DataTableActionBarProps<TData>): React.ReactPortal | null;
+interface DataTableActionBarActionProps extends React.ComponentProps<typeof Button> {
+    tooltip?: string;
+    isPending?: boolean;
+}
+declare function DataTableActionBarAction({ size, tooltip, isPending, disabled, className, children, ...props }: DataTableActionBarActionProps): react_jsx_runtime.JSX.Element;
+interface DataTableActionBarSelectionProps<TData> {
+    table: Table<TData> | null;
+}
+declare function DataTableActionBarSelection<TData>({ table }: DataTableActionBarSelectionProps<TData>): react_jsx_runtime.JSX.Element | null;
+
+export { DataTableActionBar, DataTableActionBarAction, DataTableActionBarSelection };

package/dist/components/data/data-table/data-table-action-bar.js

@@ -0,0 +1,3 @@
+"use client"
+import{Slot as D}from"radix-ui";import{cva as z}from"class-variance-authority";import{clsx as C}from"clsx";import{twMerge as k}from"tailwind-merge";function i(...t){return k(C(t))}import{jsx as N}from"react/jsx-runtime";var A=z("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow] 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 dark:focus-visible:border-ring",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:o,size:r,asChild:a=!1,...d}){let c=a?D.Slot:"button";return N(c,{"data-slot":"button",className:i(A({variant:o,size:r,className:t})),...d})}import{Separator as S}from"radix-ui";import{jsx as B}from"react/jsx-runtime";function T({className:t,orientation:o="horizontal",decorative:r=!0,...a}){return B(S.Root,{"data-slot":"separator-root",decorative:r,orientation:o,className:i("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",t),...a})}import{Tooltip as s}from"radix-ui";import{jsx as l,jsxs as E}from"react/jsx-runtime";function g({delayDuration:t=0,...o}){return l(s.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...o})}function b({...t}){return l(g,{children:l(s.Root,{"data-slot":"tooltip",...t})})}function v({...t}){return l(s.Trigger,{"data-slot":"tooltip-trigger",...t})}function y({className:t,sideOffset:o=0,children:r,...a}){return l(s.Portal,{children:E(s.Content,{"data-slot":"tooltip-content",sideOffset:o,className:i("bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",t),...a,children:[r,l(s.Arrow,{className:"bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]"})]})})}import{Loader as V,X as M}from"lucide-react";import{AnimatePresence as O,motion as _}from"framer-motion";import*as n from"react";import*as P from"react-dom";import{jsx as e,jsxs as p}from"react/jsx-runtime";function nt({table:t,visible:o,container:r,children:a,className:d,...c}){let[u,m]=n.useState(!1);n.useLayoutEffect(()=>{m(!0)},[]),n.useEffect(()=>{function h(R){R.key==="Escape"&&t&&t.toggleAllRowsSelected(!1)}return window.addEventListener("keydown",h),()=>window.removeEventListener("keydown",h)},[t]);let x=r??(u?globalThis.document?.body:null);if(!x||!t)return null;let w=o??t.getFilteredSelectedRowModel().rows.length>0;return P.createPortal(e(O,{children:w&&e(_.div,{role:"toolbar","aria-orientation":"horizontal",initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:20},transition:{duration:.3,ease:"easeInOut"},className:i("fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-xl border bg-primary/10 backdrop-blur-sm p-3 text-foreground ring-5 ring-primary/5",d),...c,children:e(g,{children:a})})}),x)}function st({size:t="sm",tooltip:o,isPending:r,disabled:a,className:d,children:c,...u}){let m=e(f,{variant:"secondary",size:t,className:i("gap-1.5 rounded-lg border border-secondary bg-secondary/50 hover:bg-secondary/70 transition-all duration-200",t==="icon"?"size-8":"h-8 px-3",d),disabled:a||r,...u,children:r?e(V,{className:"animate-spin"}):c});return o?p(b,{children:[e(v,{asChild:!0,children:m}),e(y,{sideOffset:8,className:"rounded-lg border font-semibold text-foreground bg-secondary [&>span]:hidden",children:e("p",{children:o})})]}):m}function lt({table:t}){let o=n.useCallback(()=>{t&&t.toggleAllRowsSelected(!1)},[t]);return t?p("div",{className:"flex h-8 items-center rounded-lg border bg-muted/50 pr-1 pl-3",children:[p("span",{className:"whitespace-nowrap text-sm font-medium",children:[t.getFilteredSelectedRowModel().rows.length," selected"]}),e(T,{orientation:"vertical",className:"mr-2 ml-3 data-[orientation=vertical]:h-4"}),p(b,{children:[e(v,{asChild:!0,children:e(f,{variant:"ghost",size:"icon",className:"size-6 rounded-md",onClick:o,children:e(M,{className:"size-3.5"})})}),p(y,{sideOffset:10,className:"flex items-center gap-2 rounded-lg border px-3 py-2 font-semibold text-foregroun bg-secondary [&>span]:hidden",children:[e("p",{children:"Clear selection"}),e("kbd",{className:"select-none rounded border bg-primary/50 px-2 py-1 font-mono font-normal text-[0.7rem] text-foreground shadow-sm",children:e("abbr",{title:"Escape",className:"no-underline",children:"Esc"})})]})]})]}):null}export{nt as DataTableActionBar,st as DataTableActionBarAction,lt as DataTableActionBarSelection};
+//# sourceMappingURL=data-table-action-bar.js.map

package/dist/components/data/data-table/data-table-action-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/button.tsx","../../../../src/lib/utils.ts","../../../../src/components/ui/separator.tsx","../../../../src/components/ui/tooltip.tsx","../../../../src/components/data/data-table/data-table-action-bar.tsx"],"sourcesContent":["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-[color,box-shadow] 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 dark:focus-visible:border-ring\",\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 }))}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}","import * as React from \"react\"\nimport { Separator as SeparatorPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator-root\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Separator }\n","import * as React from \"react\"\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  )\n}\n\nfunction Tooltip({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  )\n}\n\nfunction TooltipTrigger({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n","import { Button } from \"../../ui/button.jsx\"\nimport { Separator } from \"../../ui/separator.jsx\"\nimport { Tooltip, TooltipContent, TooltipTrigger, TooltipProvider } from \"../../ui/tooltip.jsx\"\nimport { cn } from \"../../../lib/utils.js\"\nimport type { Table } from \"@tanstack/react-table\"\nimport { Loader, X } from \"lucide-react\"\nimport { AnimatePresence, motion } from \"framer-motion\"\nimport * as React from \"react\"\nimport * as ReactDOM from \"react-dom\"\n\ninterface DataTableActionBarProps<TData> extends React.ComponentProps<typeof motion.div> {\n  table: Table<TData> | null\n  visible?: boolean\n  container?: Element | DocumentFragment | null\n  children: React.ReactNode\n}\n\nfunction DataTableActionBar<TData>({\n  table,\n  visible: visibleProp,\n  container: containerProp,\n  children,\n  className,\n  ...props\n}: DataTableActionBarProps<TData>) {\n  const [mounted, setMounted] = React.useState(false)\n\n  React.useLayoutEffect(() => {\n    setMounted(true)\n  }, [])\n\n  React.useEffect(() => {\n    function onKeyDown(event: KeyboardEvent) {\n      if (event.key === \"Escape\" && table) {\n        table.toggleAllRowsSelected(false)\n      }\n    }\n\n    window.addEventListener(\"keydown\", onKeyDown)\n    return () => window.removeEventListener(\"keydown\", onKeyDown)\n  }, [table])\n\n  const container = containerProp ?? (mounted ? globalThis.document?.body : null)\n\n  if (!container || !table) return null\n\n  const visible = visibleProp ?? table.getFilteredSelectedRowModel().rows.length > 0\n\n  return ReactDOM.createPortal(\n    <AnimatePresence>\n      {visible && (\n        <motion.div\n          role=\"toolbar\"\n          aria-orientation=\"horizontal\"\n          initial={{ opacity: 0, y: 20 }}\n          animate={{ opacity: 1, y: 0 }}\n          exit={{ opacity: 0, y: 20 }}\n          transition={{ duration: 0.3, ease: \"easeInOut\" }}\n          className={cn(\n            \"fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-xl border bg-primary/10 backdrop-blur-sm p-3 text-foreground ring-5 ring-primary/5\",\n            className,\n          )}\n          {...props}\n        >\n          <TooltipProvider>{children}</TooltipProvider>\n        </motion.div>\n      )}\n    </AnimatePresence>,\n    container,\n  )\n}\n\ninterface DataTableActionBarActionProps extends React.ComponentProps<typeof Button> {\n  tooltip?: string\n  isPending?: boolean\n}\n\nfunction DataTableActionBarAction({\n  size = \"sm\",\n  tooltip,\n  isPending,\n  disabled,\n  className,\n  children,\n  ...props\n}: DataTableActionBarActionProps) {\n  const trigger = (\n    <Button\n      variant=\"secondary\"\n      size={size}\n      className={cn(\n        \"gap-1.5 rounded-lg border border-secondary bg-secondary/50 hover:bg-secondary/70 transition-all duration-200\",\n        size === \"icon\" ? \"size-8\" : \"h-8 px-3\",\n        className,\n      )}\n      disabled={disabled || isPending}\n      {...props}\n    >\n      {isPending ? <Loader className=\"animate-spin\" /> : children}\n    </Button>\n  )\n\n  if (!tooltip) return trigger\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>{trigger}</TooltipTrigger>\n      <TooltipContent\n        sideOffset={8}\n        className=\"rounded-lg border font-semibold text-foreground bg-secondary [&>span]:hidden\"\n      >\n        <p>{tooltip}</p>\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n\ninterface DataTableActionBarSelectionProps<TData> {\n  table: Table<TData> | null\n}\n\nfunction DataTableActionBarSelection<TData>({ table }: DataTableActionBarSelectionProps<TData>) {\n  const onClearSelection = React.useCallback(() => {\n    if (table) {\n      table.toggleAllRowsSelected(false)\n    }\n  }, [table])\n\n  if (!table) return null\n\n  return (\n    <div className=\"flex h-8 items-center rounded-lg border bg-muted/50 pr-1 pl-3\">\n      <span className=\"whitespace-nowrap text-sm font-medium\">\n        {table.getFilteredSelectedRowModel().rows.length} selected\n      </span>\n      <Separator orientation=\"vertical\" className=\"mr-2 ml-3 data-[orientation=vertical]:h-4\" />\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button variant=\"ghost\" size=\"icon\" className=\"size-6 rounded-md\" onClick={onClearSelection}>\n            <X className=\"size-3.5\" />\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent\n          sideOffset={10}\n          className=\"flex items-center gap-2 rounded-lg border px-3 py-2 font-semibold text-foregroun bg-secondary [&>span]:hidden\"\n        >\n          <p>Clear selection</p>\n          <kbd className=\"select-none rounded border bg-primary/50 px-2 py-1 font-mono font-normal text-[0.7rem] text-foreground shadow-sm\">\n            <abbr title=\"Escape\" className=\"no-underline\">\n              Esc\n            </abbr>\n          </kbd>\n        </TooltipContent>\n      </Tooltip>\n    </div>\n  )\n}\n\nexport { DataTableActionBar, DataTableActionBarAction, DataTableActionBarSelection }\n\n"],"mappings":";AACA,OAAS,QAAQA,MAAqB,WACtC,OAAS,OAAAC,MAA8B,2BCFvC,OAAS,QAAAC,MAA6B,OACtC,OAAS,WAAAC,MAAe,iBAEjB,SAASC,KAAMC,EAAsB,CAC1C,OAAOF,EAAQD,EAAKG,CAAM,CAAC,CAC7B,CD6CI,cAAAC,MAAA,oBA5CJ,IAAMC,EAAiBC,EACrB,6cACA,CACE,SAAU,CACR,QAAS,CACP,QACE,mEACF,YACE,8JACF,QACE,uKACF,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,EAAc,KAAO,SAE5C,OACEV,EAACS,EAAA,CACC,YAAU,SACV,UAAWE,EAAGV,EAAe,CAAE,QAAAI,EAAS,KAAAC,EAAM,UAAAF,CAAU,CAAC,CAAC,EACzD,GAAGI,EACN,CAEJ,CEvDA,OAAS,aAAaI,MAA0B,WAW5C,cAAAC,MAAA,oBAPJ,SAASC,EAAU,CACjB,UAAAC,EACA,YAAAC,EAAc,aACd,WAAAC,EAAa,GACb,GAAGC,CACL,EAAyD,CACvD,OACEL,EAACM,EAAmB,KAAnB,CACC,YAAU,iBACV,WAAYF,EACZ,YAAaD,EACb,UAAWI,EACT,iKACAL,CACF,EACC,GAAGG,EACN,CAEJ,CCtBA,OAAS,WAAWG,MAAwB,WASxC,cAAAC,EAgCE,QAAAC,MAhCF,oBALJ,SAASC,EAAgB,CACvB,cAAAC,EAAgB,EAChB,GAAGC,CACL,EAA2D,CACzD,OACEJ,EAACK,EAAiB,SAAjB,CACC,YAAU,mBACV,cAAeF,EACd,GAAGC,EACN,CAEJ,CAEA,SAASE,EAAQ,CACf,GAAGF,CACL,EAAuD,CACrD,OACEJ,EAACE,EAAA,CACC,SAAAF,EAACK,EAAiB,KAAjB,CAAsB,YAAU,UAAW,GAAGD,EAAO,EACxD,CAEJ,CAEA,SAASG,EAAe,CACtB,GAAGH,CACL,EAA0D,CACxD,OAAOJ,EAACK,EAAiB,QAAjB,CAAyB,YAAU,kBAAmB,GAAGD,EAAO,CAC1E,CAEA,SAASI,EAAe,CACtB,UAAAC,EACA,WAAAC,EAAa,EACb,SAAAC,EACA,GAAGP,CACL,EAA0D,CACxD,OACEJ,EAACK,EAAiB,OAAjB,CACC,SAAAJ,EAACI,EAAiB,QAAjB,CACC,YAAU,kBACV,WAAYK,EACZ,UAAWE,EACT,yaACAH,CACF,EACC,GAAGL,EAEH,UAAAO,EACDX,EAACK,EAAiB,MAAjB,CAAuB,UAAU,+FAA+F,GACnI,EACF,CAEJ,CCnDA,OAAS,UAAAQ,EAAQ,KAAAC,MAAS,eAC1B,OAAS,mBAAAC,EAAiB,UAAAC,MAAc,gBACxC,UAAYC,MAAW,QACvB,UAAYC,MAAc,YAwDhB,cAAAC,EAyCN,QAAAC,MAzCM,oBA/CV,SAASC,GAA0B,CACjC,MAAAC,EACA,QAASC,EACT,UAAWC,EACX,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAAmC,CACjC,GAAM,CAACC,EAASC,CAAU,EAAU,WAAS,EAAK,EAE5C,kBAAgB,IAAM,CAC1BA,EAAW,EAAI,CACjB,EAAG,CAAC,CAAC,EAEC,YAAU,IAAM,CACpB,SAASC,EAAUC,EAAsB,CACnCA,EAAM,MAAQ,UAAYT,GAC5BA,EAAM,sBAAsB,EAAK,CAErC,CAEA,cAAO,iBAAiB,UAAWQ,CAAS,EACrC,IAAM,OAAO,oBAAoB,UAAWA,CAAS,CAC9D,EAAG,CAACR,CAAK,CAAC,EAEV,IAAMU,EAAYR,IAAkBI,EAAU,WAAW,UAAU,KAAO,MAE1E,GAAI,CAACI,GAAa,CAACV,EAAO,OAAO,KAEjC,IAAMW,EAAUV,GAAeD,EAAM,4BAA4B,EAAE,KAAK,OAAS,EAEjF,OAAgB,eACdH,EAACJ,EAAA,CACE,SAAAkB,GACCd,EAACH,EAAO,IAAP,CACC,KAAK,UACL,mBAAiB,aACjB,QAAS,CAAE,QAAS,EAAG,EAAG,EAAG,EAC7B,QAAS,CAAE,QAAS,EAAG,EAAG,CAAE,EAC5B,KAAM,CAAE,QAAS,EAAG,EAAG,EAAG,EAC1B,WAAY,CAAE,SAAU,GAAK,KAAM,WAAY,EAC/C,UAAWkB,EACT,0LACAR,CACF,EACC,GAAGC,EAEJ,SAAAR,EAACgB,EAAA,CAAiB,SAAAV,EAAS,EAC7B,EAEJ,EACAO,CACF,CACF,CAOA,SAASI,GAAyB,CAChC,KAAAC,EAAO,KACP,QAAAC,EACA,UAAAC,EACA,SAAAC,EACA,UAAAd,EACA,SAAAD,EACA,GAAGE,CACL,EAAkC,CAChC,IAAMc,EACJtB,EAACuB,EAAA,CACC,QAAQ,YACR,KAAML,EACN,UAAWH,EACT,+GACAG,IAAS,OAAS,SAAW,WAC7BX,CACF,EACA,SAAUc,GAAYD,EACrB,GAAGZ,EAEH,SAAAY,EAAYpB,EAACN,EAAA,CAAO,UAAU,eAAe,EAAKY,EACrD,EAGF,OAAKa,EAGHlB,EAACuB,EAAA,CACC,UAAAxB,EAACyB,EAAA,CAAe,QAAO,GAAE,SAAAH,EAAQ,EACjCtB,EAAC0B,EAAA,CACC,WAAY,EACZ,UAAU,+EAEV,SAAA1B,EAAC,KAAG,SAAAmB,EAAQ,EACd,GACF,EAXmBG,CAavB,CAMA,SAASK,GAAmC,CAAE,MAAAxB,CAAM,EAA4C,CAC9F,IAAMyB,EAAyB,cAAY,IAAM,CAC3CzB,GACFA,EAAM,sBAAsB,EAAK,CAErC,EAAG,CAACA,CAAK,CAAC,EAEV,OAAKA,EAGHF,EAAC,OAAI,UAAU,gEACb,UAAAA,EAAC,QAAK,UAAU,wCACb,UAAAE,EAAM,4BAA4B,EAAE,KAAK,OAAO,aACnD,EACAH,EAAC6B,EAAA,CAAU,YAAY,WAAW,UAAU,4CAA4C,EACxF5B,EAACuB,EAAA,CACC,UAAAxB,EAACyB,EAAA,CAAe,QAAO,GACrB,SAAAzB,EAACuB,EAAA,CAAO,QAAQ,QAAQ,KAAK,OAAO,UAAU,oBAAoB,QAASK,EACzE,SAAA5B,EAACL,EAAA,CAAE,UAAU,WAAW,EAC1B,EACF,EACAM,EAACyB,EAAA,CACC,WAAY,GACZ,UAAU,gHAEV,UAAA1B,EAAC,KAAE,2BAAe,EAClBA,EAAC,OAAI,UAAU,mHACb,SAAAA,EAAC,QAAK,MAAM,SAAS,UAAU,eAAe,eAE9C,EACF,GACF,GACF,GACF,EA1BiB,IA4BrB","names":["SlotPrimitive","cva","clsx","twMerge","cn","inputs","jsx","buttonVariants","cva","Button","className","variant","size","asChild","props","Comp","SlotPrimitive","cn","SeparatorPrimitive","jsx","Separator","className","orientation","decorative","props","SeparatorPrimitive","cn","TooltipPrimitive","jsx","jsxs","TooltipProvider","delayDuration","props","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","className","sideOffset","children","cn","Loader","X","AnimatePresence","motion","React","ReactDOM","jsx","jsxs","DataTableActionBar","table","visibleProp","containerProp","children","className","props","mounted","setMounted","onKeyDown","event","container","visible","cn","TooltipProvider","DataTableActionBarAction","size","tooltip","isPending","disabled","trigger","Button","Tooltip","TooltipTrigger","TooltipContent","DataTableActionBarSelection","onClearSelection","Separator"]}

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

@@ -0,0 +1,3 @@
+"use client"
+"use strict";var c=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var d=(t,e)=>{for(var n in e)c(t,n,{get:e[n],enumerable:!0})},h=(t,e,n,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of f(e))!b.call(t,r)&&r!==n&&c(t,r,{get:()=>e[r],enumerable:!(i=l(e,r))||i.enumerable});return t};var p=t=>h(c({},"__esModule",{value:!0}),t);var x={};d(x,{aggregationFunctions:()=>u,computeColumnAggregations:()=>y,formatAggregationValue:()=>R});module.exports=p(x);var u={sum:t=>t.reduce((e,n)=>e+n,0),average:t=>t.length>0?t.reduce((e,n)=>e+n,0)/t.length:0,min:t=>t.length>0?Math.min(...t):0,max:t=>t.length>0?Math.max(...t):0,count:t=>t.length,unique:t=>new Set(t).size,median:t=>{if(t.length===0)return 0;let e=[...t].sort((i,r)=>i-r),n=Math.floor(e.length/2);return e.length%2===0?(e[n-1]+e[n])/2:e[n]}};function y(t,e){if(!e||Object.keys(e).length===0)return{};let n={},i=t.getFilteredRowModel().rows;return Object.entries(e).forEach(([r,a])=>{if(!a?.enabled)return;let m=i.map(o=>{if(a.accessor)return a.accessor(o.original);let g=o.getValue(r);return typeof g=="number"?g:parseFloat(String(g))}).filter(o=>o!==null&&!isNaN(o)),s={};a.functions?.forEach(o=>{u[o]&&(s[o]=u[o](m))}),Object.keys(s).length>0&&(n[r]=s)}),n}function R(t,e){return typeof e=="number"?t==="count"||t==="unique"?e.toLocaleString():e.toLocaleString(void 0,{minimumFractionDigits:2,maximumFractionDigits:2}):e}0&&(module.exports={aggregationFunctions,computeColumnAggregations,formatAggregationValue});
+//# sourceMappingURL=data-table-aggregation.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/data/data-table/data-table-aggregation.ts"],"sourcesContent":["import type { Table } from \"@tanstack/react-table\"\nimport type { AggregationConfigMap } from \"./data-table-types.js\"\n\n/** Aggregation reducers, keyed by function name. */\nexport const aggregationFunctions = {\n  sum: (values: number[]) => values.reduce((acc, val) => acc + val, 0),\n  average: (values: number[]) =>\n    values.length > 0 ? values.reduce((acc, val) => acc + val, 0) / values.length : 0,\n  min: (values: number[]) => (values.length > 0 ? Math.min(...values) : 0),\n  max: (values: number[]) => (values.length > 0 ? Math.max(...values) : 0),\n  count: (values: any[]) => values.length,\n  unique: (values: any[]) => new Set(values).size,\n  median: (values: number[]) => {\n    if (values.length === 0) return 0\n    const sorted = [...values].sort((a, b) => a - b)\n    const mid = Math.floor(sorted.length / 2)\n    return sorted.length % 2 === 0 ? (sorted[mid - 1] + sorted[mid]) / 2 : sorted[mid]\n  },\n} as const\n\n/**\n * Compute the configured aggregations over the table's filtered rows.\n * Returns `{ [columnId]: { [func]: value } }`.\n */\nexport function computeColumnAggregations<T>(\n  table: Table<T>,\n  aggregations: AggregationConfigMap<T>,\n): Record<string, Record<string, any>> {\n  if (!aggregations || Object.keys(aggregations).length === 0) return {}\n\n  const result: Record<string, Record<string, any>> = {}\n  const allFilteredRows = table.getFilteredRowModel().rows\n\n  Object.entries(aggregations).forEach(([columnId, config]) => {\n    if (!config?.enabled) return\n\n    const values = allFilteredRows\n      .map((row) => {\n        if (config.accessor) {\n          return config.accessor(row.original)\n        }\n        const value = row.getValue(columnId)\n        // Non-numeric cells -> NaN (dropped below), NOT 0 — coercing to 0 skewed avg/min/max.\n        return typeof value === \"number\" ? value : parseFloat(String(value))\n      })\n      .filter((val): val is number => val !== null && !isNaN(val))\n\n    const aggResults: Record<string, any> = {}\n    config.functions?.forEach((func) => {\n      if (aggregationFunctions[func]) {\n        aggResults[func] = aggregationFunctions[func](values)\n      }\n    })\n\n    if (Object.keys(aggResults).length > 0) {\n      result[columnId] = aggResults\n    }\n  })\n\n  return result\n}\n\n/** Format an aggregation value for display (counts as integers, others to 2 decimals). */\nexport function formatAggregationValue(func: string, value: any) {\n  if (typeof value === \"number\") {\n    if (func === \"count\" || func === \"unique\") {\n      return value.toLocaleString()\n    }\n    return value.toLocaleString(undefined, {\n      minimumFractionDigits: 2,\n      maximumFractionDigits: 2,\n    })\n  }\n  return value\n}\n"],"mappings":";yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,0BAAAE,EAAA,8BAAAC,EAAA,2BAAAC,IAAA,eAAAC,EAAAL,GAIO,IAAME,EAAuB,CAClC,IAAMI,GAAqBA,EAAO,OAAO,CAACC,EAAKC,IAAQD,EAAMC,EAAK,CAAC,EACnE,QAAUF,GACRA,EAAO,OAAS,EAAIA,EAAO,OAAO,CAACC,EAAKC,IAAQD,EAAMC,EAAK,CAAC,EAAIF,EAAO,OAAS,EAClF,IAAMA,GAAsBA,EAAO,OAAS,EAAI,KAAK,IAAI,GAAGA,CAAM,EAAI,EACtE,IAAMA,GAAsBA,EAAO,OAAS,EAAI,KAAK,IAAI,GAAGA,CAAM,EAAI,EACtE,MAAQA,GAAkBA,EAAO,OACjC,OAASA,GAAkB,IAAI,IAAIA,CAAM,EAAE,KAC3C,OAASA,GAAqB,CAC5B,GAAIA,EAAO,SAAW,EAAG,MAAO,GAChC,IAAMG,EAAS,CAAC,GAAGH,CAAM,EAAE,KAAK,CAACI,EAAGC,IAAMD,EAAIC,CAAC,EACzCC,EAAM,KAAK,MAAMH,EAAO,OAAS,CAAC,EACxC,OAAOA,EAAO,OAAS,IAAM,GAAKA,EAAOG,EAAM,CAAC,EAAIH,EAAOG,CAAG,GAAK,EAAIH,EAAOG,CAAG,CACnF,CACF,EAMO,SAAST,EACdU,EACAC,EACqC,CACrC,GAAI,CAACA,GAAgB,OAAO,KAAKA,CAAY,EAAE,SAAW,EAAG,MAAO,CAAC,EAErE,IAAMC,EAA8C,CAAC,EAC/CC,EAAkBH,EAAM,oBAAoB,EAAE,KAEpD,cAAO,QAAQC,CAAY,EAAE,QAAQ,CAAC,CAACG,EAAUC,CAAM,IAAM,CAC3D,GAAI,CAACA,GAAQ,QAAS,OAEtB,IAAMZ,EAASU,EACZ,IAAKG,GAAQ,CACZ,GAAID,EAAO,SACT,OAAOA,EAAO,SAASC,EAAI,QAAQ,EAErC,IAAMC,EAAQD,EAAI,SAASF,CAAQ,EAEnC,OAAO,OAAOG,GAAU,SAAWA,EAAQ,WAAW,OAAOA,CAAK,CAAC,CACrE,CAAC,EACA,OAAQZ,GAAuBA,IAAQ,MAAQ,CAAC,MAAMA,CAAG,CAAC,EAEvDa,EAAkC,CAAC,EACzCH,EAAO,WAAW,QAASI,GAAS,CAC9BpB,EAAqBoB,CAAI,IAC3BD,EAAWC,CAAI,EAAIpB,EAAqBoB,CAAI,EAAEhB,CAAM,EAExD,CAAC,EAEG,OAAO,KAAKe,CAAU,EAAE,OAAS,IACnCN,EAAOE,CAAQ,EAAII,EAEvB,CAAC,EAEMN,CACT,CAGO,SAASX,EAAuBkB,EAAcF,EAAY,CAC/D,OAAI,OAAOA,GAAU,SACfE,IAAS,SAAWA,IAAS,SACxBF,EAAM,eAAe,EAEvBA,EAAM,eAAe,OAAW,CACrC,sBAAuB,EACvB,sBAAuB,CACzB,CAAC,EAEIA,CACT","names":["data_table_aggregation_exports","__export","aggregationFunctions","computeColumnAggregations","formatAggregationValue","__toCommonJS","values","acc","val","sorted","a","b","mid","table","aggregations","result","allFilteredRows","columnId","config","row","value","aggResults","func"]}

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

@@ -0,0 +1,25 @@
+import { Table } from '@tanstack/react-table';
+import { AggregationConfigMap } from './data-table-types.cjs';
+import 'lucide-react';
+import './data-table-persist.cjs';
+import './data-table-export.cjs';
+
+/** Aggregation reducers, keyed by function name. */
+declare const aggregationFunctions: {
+    readonly sum: (values: number[]) => number;
+    readonly average: (values: number[]) => number;
+    readonly min: (values: number[]) => number;
+    readonly max: (values: number[]) => number;
+    readonly count: (values: any[]) => number;
+    readonly unique: (values: any[]) => number;
+    readonly median: (values: number[]) => number;
+};
+/**
+ * Compute the configured aggregations over the table's filtered rows.
+ * Returns `{ [columnId]: { [func]: value } }`.
+ */
+declare function computeColumnAggregations<T>(table: Table<T>, aggregations: AggregationConfigMap<T>): Record<string, Record<string, any>>;
+/** Format an aggregation value for display (counts as integers, others to 2 decimals). */
+declare function formatAggregationValue(func: string, value: any): any;
+
+export { aggregationFunctions, computeColumnAggregations, formatAggregationValue };

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

@@ -0,0 +1,25 @@
+import { Table } from '@tanstack/react-table';
+import { AggregationConfigMap } from './data-table-types.js';
+import 'lucide-react';
+import './data-table-persist.js';
+import './data-table-export.js';
+
+/** Aggregation reducers, keyed by function name. */
+declare const aggregationFunctions: {
+    readonly sum: (values: number[]) => number;
+    readonly average: (values: number[]) => number;
+    readonly min: (values: number[]) => number;
+    readonly max: (values: number[]) => number;
+    readonly count: (values: any[]) => number;
+    readonly unique: (values: any[]) => number;
+    readonly median: (values: number[]) => number;
+};
+/**
+ * Compute the configured aggregations over the table's filtered rows.
+ * Returns `{ [columnId]: { [func]: value } }`.
+ */
+declare function computeColumnAggregations<T>(table: Table<T>, aggregations: AggregationConfigMap<T>): Record<string, Record<string, any>>;
+/** Format an aggregation value for display (counts as integers, others to 2 decimals). */
+declare function formatAggregationValue(func: string, value: any): any;
+
+export { aggregationFunctions, computeColumnAggregations, formatAggregationValue };

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

@@ -0,0 +1,3 @@
+"use client"
+var c={sum:t=>t.reduce((e,n)=>e+n,0),average:t=>t.length>0?t.reduce((e,n)=>e+n,0)/t.length:0,min:t=>t.length>0?Math.min(...t):0,max:t=>t.length>0?Math.max(...t):0,count:t=>t.length,unique:t=>new Set(t).size,median:t=>{if(t.length===0)return 0;let e=[...t].sort((a,o)=>a-o),n=Math.floor(e.length/2);return e.length%2===0?(e[n-1]+e[n])/2:e[n]}};function m(t,e){if(!e||Object.keys(e).length===0)return{};let n={},a=t.getFilteredRowModel().rows;return Object.entries(e).forEach(([o,i])=>{if(!i?.enabled)return;let u=a.map(r=>{if(i.accessor)return i.accessor(r.original);let g=r.getValue(o);return typeof g=="number"?g:parseFloat(String(g))}).filter(r=>r!==null&&!isNaN(r)),s={};i.functions?.forEach(r=>{c[r]&&(s[r]=c[r](u))}),Object.keys(s).length>0&&(n[o]=s)}),n}function l(t,e){return typeof e=="number"?t==="count"||t==="unique"?e.toLocaleString():e.toLocaleString(void 0,{minimumFractionDigits:2,maximumFractionDigits:2}):e}export{c as aggregationFunctions,m as computeColumnAggregations,l as formatAggregationValue};
+//# sourceMappingURL=data-table-aggregation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/data/data-table/data-table-aggregation.ts"],"sourcesContent":["import type { Table } from \"@tanstack/react-table\"\nimport type { AggregationConfigMap } from \"./data-table-types.js\"\n\n/** Aggregation reducers, keyed by function name. */\nexport const aggregationFunctions = {\n  sum: (values: number[]) => values.reduce((acc, val) => acc + val, 0),\n  average: (values: number[]) =>\n    values.length > 0 ? values.reduce((acc, val) => acc + val, 0) / values.length : 0,\n  min: (values: number[]) => (values.length > 0 ? Math.min(...values) : 0),\n  max: (values: number[]) => (values.length > 0 ? Math.max(...values) : 0),\n  count: (values: any[]) => values.length,\n  unique: (values: any[]) => new Set(values).size,\n  median: (values: number[]) => {\n    if (values.length === 0) return 0\n    const sorted = [...values].sort((a, b) => a - b)\n    const mid = Math.floor(sorted.length / 2)\n    return sorted.length % 2 === 0 ? (sorted[mid - 1] + sorted[mid]) / 2 : sorted[mid]\n  },\n} as const\n\n/**\n * Compute the configured aggregations over the table's filtered rows.\n * Returns `{ [columnId]: { [func]: value } }`.\n */\nexport function computeColumnAggregations<T>(\n  table: Table<T>,\n  aggregations: AggregationConfigMap<T>,\n): Record<string, Record<string, any>> {\n  if (!aggregations || Object.keys(aggregations).length === 0) return {}\n\n  const result: Record<string, Record<string, any>> = {}\n  const allFilteredRows = table.getFilteredRowModel().rows\n\n  Object.entries(aggregations).forEach(([columnId, config]) => {\n    if (!config?.enabled) return\n\n    const values = allFilteredRows\n      .map((row) => {\n        if (config.accessor) {\n          return config.accessor(row.original)\n        }\n        const value = row.getValue(columnId)\n        // Non-numeric cells -> NaN (dropped below), NOT 0 — coercing to 0 skewed avg/min/max.\n        return typeof value === \"number\" ? value : parseFloat(String(value))\n      })\n      .filter((val): val is number => val !== null && !isNaN(val))\n\n    const aggResults: Record<string, any> = {}\n    config.functions?.forEach((func) => {\n      if (aggregationFunctions[func]) {\n        aggResults[func] = aggregationFunctions[func](values)\n      }\n    })\n\n    if (Object.keys(aggResults).length > 0) {\n      result[columnId] = aggResults\n    }\n  })\n\n  return result\n}\n\n/** Format an aggregation value for display (counts as integers, others to 2 decimals). */\nexport function formatAggregationValue(func: string, value: any) {\n  if (typeof value === \"number\") {\n    if (func === \"count\" || func === \"unique\") {\n      return value.toLocaleString()\n    }\n    return value.toLocaleString(undefined, {\n      minimumFractionDigits: 2,\n      maximumFractionDigits: 2,\n    })\n  }\n  return value\n}\n"],"mappings":";AAIO,IAAMA,EAAuB,CAClC,IAAMC,GAAqBA,EAAO,OAAO,CAACC,EAAKC,IAAQD,EAAMC,EAAK,CAAC,EACnE,QAAUF,GACRA,EAAO,OAAS,EAAIA,EAAO,OAAO,CAACC,EAAKC,IAAQD,EAAMC,EAAK,CAAC,EAAIF,EAAO,OAAS,EAClF,IAAMA,GAAsBA,EAAO,OAAS,EAAI,KAAK,IAAI,GAAGA,CAAM,EAAI,EACtE,IAAMA,GAAsBA,EAAO,OAAS,EAAI,KAAK,IAAI,GAAGA,CAAM,EAAI,EACtE,MAAQA,GAAkBA,EAAO,OACjC,OAASA,GAAkB,IAAI,IAAIA,CAAM,EAAE,KAC3C,OAASA,GAAqB,CAC5B,GAAIA,EAAO,SAAW,EAAG,MAAO,GAChC,IAAMG,EAAS,CAAC,GAAGH,CAAM,EAAE,KAAK,CAAC,EAAGI,IAAM,EAAIA,CAAC,EACzCC,EAAM,KAAK,MAAMF,EAAO,OAAS,CAAC,EACxC,OAAOA,EAAO,OAAS,IAAM,GAAKA,EAAOE,EAAM,CAAC,EAAIF,EAAOE,CAAG,GAAK,EAAIF,EAAOE,CAAG,CACnF,CACF,EAMO,SAASC,EACdC,EACAC,EACqC,CACrC,GAAI,CAACA,GAAgB,OAAO,KAAKA,CAAY,EAAE,SAAW,EAAG,MAAO,CAAC,EAErE,IAAMC,EAA8C,CAAC,EAC/CC,EAAkBH,EAAM,oBAAoB,EAAE,KAEpD,cAAO,QAAQC,CAAY,EAAE,QAAQ,CAAC,CAACG,EAAUC,CAAM,IAAM,CAC3D,GAAI,CAACA,GAAQ,QAAS,OAEtB,IAAMZ,EAASU,EACZ,IAAKG,GAAQ,CACZ,GAAID,EAAO,SACT,OAAOA,EAAO,SAASC,EAAI,QAAQ,EAErC,IAAMC,EAAQD,EAAI,SAASF,CAAQ,EAEnC,OAAO,OAAOG,GAAU,SAAWA,EAAQ,WAAW,OAAOA,CAAK,CAAC,CACrE,CAAC,EACA,OAAQZ,GAAuBA,IAAQ,MAAQ,CAAC,MAAMA,CAAG,CAAC,EAEvDa,EAAkC,CAAC,EACzCH,EAAO,WAAW,QAASI,GAAS,CAC9BjB,EAAqBiB,CAAI,IAC3BD,EAAWC,CAAI,EAAIjB,EAAqBiB,CAAI,EAAEhB,CAAM,EAExD,CAAC,EAEG,OAAO,KAAKe,CAAU,EAAE,OAAS,IACnCN,EAAOE,CAAQ,EAAII,EAEvB,CAAC,EAEMN,CACT,CAGO,SAASQ,EAAuBD,EAAcF,EAAY,CAC/D,OAAI,OAAOA,GAAU,SACfE,IAAS,SAAWA,IAAS,SACxBF,EAAM,eAAe,EAEvBA,EAAM,eAAe,OAAW,CACrC,sBAAuB,EACvB,sBAAuB,CACzB,CAAC,EAEIA,CACT","names":["aggregationFunctions","values","acc","val","sorted","b","mid","computeColumnAggregations","table","aggregations","result","allFilteredRows","columnId","config","row","value","aggResults","func","formatAggregationValue"]}

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

@@ -0,0 +1,3 @@
+"use client"
+"use strict";var x=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var I=Object.getOwnPropertyNames;var P=Object.prototype.hasOwnProperty;var H=(t,n)=>{for(var i in n)x(t,i,{get:n[i],enumerable:!0})},z=(t,n,i,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of I(n))!P.call(t,o)&&o!==i&&x(t,o,{get:()=>n[o],enumerable:!(r=F(n,o))||r.enumerable});return t};var O=t=>z(x({},"__esModule",{value:!0}),t);var M={};H(M,{buildTableColumns:()=>j});module.exports=O(M);var T=require("clsx"),v=require("tailwind-merge");function p(...t){return(0,v.twMerge)((0,T.clsx)(t))}var k=require("radix-ui"),w=require("lucide-react");var g=require("react/jsx-runtime");function S({className:t,...n}){return(0,g.jsx)(k.Checkbox.Root,{"data-slot":"checkbox",className:p("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),...n,children:(0,g.jsx)(k.Checkbox.Indicator,{"data-slot":"checkbox-indicator",className:"flex items-center justify-center text-current transition-none",children:(0,g.jsx)(w.CheckIcon,{className:"size-3.5"})})})}function V(t,n){return n.split(".").reduce((i,r)=>i&&i[r],t)}function R(t,n=new Set){for(let i of t){let r=i.id??i.accessorKey;r&&n.add(String(r)),i.columns&&R(i.columns,n)}return n}function G(t,n){let i=R(t),r=[];for(let o of n){if(o.externalSearch)continue;let m=typeof o.filterFn=="function",u=m?o.id:o.key;if(!u||i.has(String(u)))continue;let f=o.key;r.push({id:String(u),accessorFn:f?d=>V(d,f):()=>null,...m&&{filterFn:(d,b,C)=>o.filterFn(d.original,C)},enableHiding:!1,enableSorting:!1,enablePinning:!1,enableGlobalFilter:!1,meta:{filterOnly:!0}})}return r}var c=require("react/jsx-runtime");function j({initialColumns:t,filters:n,showSerialNumbers:i,enableRowSelection:r,selectionMode:o,showCheckbox:m,enableHeaderCheckbox:u,isRowSelectable:f}){let d=l=>l.map(e=>{if(e.id==="select"||e.id==="serialNumber")return e;let s={...e,enablePinning:!0};return e.enableColumnVisibility!==void 0&&e.enableHiding===void 0&&(s.enableHiding=e.enableColumnVisibility),e.columns&&(s.columns=d(e.columns)),s}),b=d([...t]),C={id:"select",header:({table:l})=>{if(o==="single")return null;let e=l.getRowModel().rows.filter(a=>f?.(a.original)??!0),s=e.length>0&&e.every(a=>a.getIsSelected()),y=e.some(a=>a.getIsSelected());return(0,c.jsx)("div",{className:"flex justify-center items-center",children:(0,c.jsx)(S,{checked:s||y&&"indeterminate",onCheckedChange:a=>{e.forEach(h=>h.toggleSelected(!!a))},disabled:!u||e.length===0,"aria-label":"Select all selectable rows"})})},cell:({row:l})=>{let e=f?.(l.original)??!0;return(0,c.jsx)("div",{className:p("flex justify-center items-center",!e&&"opacity-50"),children:o==="multiple"?(0,c.jsx)(S,{checked:l.getIsSelected(),onCheckedChange:s=>e&&l.toggleSelected(!!s),"aria-label":"Select row",disabled:!e}):m?(0,c.jsx)("input",{type:"radio",checked:l.getIsSelected(),onChange:()=>e&&l.toggleSelected(!0),disabled:!e,className:"border-primary rounded-full focus:ring-primary w-4 h-4 text-primary"}):null})},enableSorting:!1,enableHiding:!1,enablePinning:!1,enableHeaderMenu:!1,headerAlign:"center",size:o==="multiple"?40:30};return r&&b.unshift(C),i&&b.unshift({id:"serialNumber",header:"No.",cell:({row:l,table:e})=>{let y=e.getRowModel().rows.findIndex(D=>D.id===l.id),{pageIndex:a,pageSize:h}=e.getState().pagination,N=a*h+y+1;return(0,c.jsx)("div",{className:"font-medium text-muted-foreground text-center",children:N})},enableSorting:!0,enableHiding:!1,enablePinning:!0,size:60,headerAlign:"center"}),[...b,...G(t,n)]}0&&(module.exports={buildTableColumns});
+//# sourceMappingURL=data-table-columns.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/data/data-table/data-table-columns.tsx","../../../../src/lib/utils.ts","../../../../src/components/ui/checkbox.tsx","../../../../src/components/data/data-table/data-table-filtering.ts"],"sourcesContent":["import type { Row, Table } from \"@tanstack/react-table\";\nimport { cn } from \"../../../lib/utils.js\";\nimport { Checkbox } from \"../../ui/checkbox.jsx\";\nimport { buildFilterOnlyColumns } from \"./data-table-filtering.js\";\nimport type { FilterConfig, GroupColumnDef } from \"./data-table-types.js\";\n\ninterface BuildColumnsOptions<T> {\n  initialColumns: GroupColumnDef<T>[];\n  filters: FilterConfig<T>[];\n  showSerialNumbers: boolean;\n  enableRowSelection: boolean;\n  selectionMode: \"single\" | \"multiple\";\n  showCheckbox: boolean;\n  enableHeaderCheckbox: boolean;\n  isRowSelectable?: (row: T) => boolean;\n}\n\n/** Final column list: user columns (pinnable) + select/serial helpers + hidden filter-only columns. */\nexport function buildTableColumns<T>({\n  initialColumns,\n  filters,\n  showSerialNumbers,\n  enableRowSelection,\n  selectionMode,\n  showCheckbox,\n  enableHeaderCheckbox,\n  isRowSelectable,\n}: BuildColumnsOptions<T>): GroupColumnDef<T>[] {\n  const processColumns = (columns: GroupColumnDef<T>[]): GroupColumnDef<T>[] =>\n    columns.map((col) => {\n      if (col.id === \"select\" || col.id === \"serialNumber\") return col;\n      const newCol = { ...col, enablePinning: true };\n      // enableColumnVisibility is the per-column name matching settings.enableColumnVisibility;\n      // TanStack itself only reads enableHiding, so translate here. Explicit enableHiding wins if\n      // both are set.\n      if (\n        col.enableColumnVisibility !== undefined &&\n        col.enableHiding === undefined\n      ) {\n        newCol.enableHiding = col.enableColumnVisibility;\n      }\n      if (col.columns) newCol.columns = processColumns(col.columns);\n      return newCol;\n    });\n\n  const processedCols = processColumns([...initialColumns]);\n\n  const selectColumn: GroupColumnDef<T> = {\n    id: \"select\",\n    header: ({ table }: { table: Table<T> }) => {\n      if (selectionMode === \"single\") return null;\n\n      const selectableRows = table\n        .getRowModel()\n        .rows.filter((row) => isRowSelectable?.(row.original) ?? true);\n      const allSelectableSelected =\n        selectableRows.length > 0 &&\n        selectableRows.every((row) => row.getIsSelected());\n      const someSelectableSelected = selectableRows.some((row) =>\n        row.getIsSelected(),\n      );\n\n      return (\n        <div className=\"flex justify-center items-center\">\n          <Checkbox\n            checked={\n              allSelectableSelected ||\n              (someSelectableSelected && \"indeterminate\")\n            }\n            onCheckedChange={(value) => {\n              selectableRows.forEach((row) => row.toggleSelected(!!value));\n            }}\n            disabled={!enableHeaderCheckbox || selectableRows.length === 0}\n            aria-label=\"Select all selectable rows\"\n          />\n        </div>\n      );\n    },\n    cell: ({ row }: { row: Row<T> }) => {\n      const selectable = isRowSelectable?.(row.original) ?? true;\n\n      return (\n        <div\n          className={cn(\n            \"flex justify-center items-center\",\n            !selectable && \"opacity-50\",\n          )}\n        >\n          {selectionMode === \"multiple\" ? (\n            <Checkbox\n              checked={row.getIsSelected()}\n              onCheckedChange={(value) =>\n                selectable && row.toggleSelected(!!value)\n              }\n              aria-label=\"Select row\"\n              disabled={!selectable}\n            />\n          ) : showCheckbox ? (\n            <input\n              type=\"radio\"\n              checked={row.getIsSelected()}\n              onChange={() => selectable && row.toggleSelected(true)}\n              disabled={!selectable}\n              className=\"border-primary rounded-full focus:ring-primary w-4 h-4 text-primary\"\n            />\n          ) : null}\n        </div>\n      );\n    },\n    enableSorting: false,\n    enableHiding: false,\n    enablePinning: false,\n    enableHeaderMenu: false,\n    headerAlign: \"center\",\n    size: selectionMode === \"multiple\" ? 40 : 30,\n  };\n\n  if (enableRowSelection) processedCols.unshift(selectColumn);\n\n  if (showSerialNumbers) {\n    processedCols.unshift({\n      id: \"serialNumber\",\n      header: \"No.\",\n      cell: ({ row, table }: { row: Row<T>; table: Table<T> }) => {\n        const visibleRows = table.getRowModel().rows;\n        const rowIndex = visibleRows.findIndex((r) => r.id === row.id);\n        const { pageIndex, pageSize } = table.getState().pagination;\n        const serialNumber = pageIndex * pageSize + rowIndex + 1;\n        return (\n          <div className=\"font-medium text-muted-foreground text-center\">\n            {serialNumber}\n          </div>\n        );\n      },\n      enableSorting: true,\n      enableHiding: false,\n      enablePinning: true,\n      size: 60,\n      headerAlign: \"center\",\n    });\n  }\n\n  // hidden filter-only columns appended last; they never render, so order is irrelevant\n  return [...processedCols, ...buildFilterOnlyColumns(initialColumns, filters)];\n}\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\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","import type { FilterConfig, GroupColumnDef } from \"./data-table-types.js\"\n\n/** Read a nested value by dot-path, e.g. `getNestedValue(row, \"party.name\")`. */\nexport function getNestedValue(obj: any, path: string) {\n  return path.split(\".\").reduce((acc, part) => acc && acc[part], obj)\n}\n\n/** Every column id/accessorKey already declared (recursing into group columns). */\nfunction collectColumnIds<T>(cols: GroupColumnDef<T>[], acc = new Set<string>()): Set<string> {\n  for (const c of cols) {\n    const id = (c as any).id ?? (c as any).accessorKey\n    if (id) acc.add(String(id))\n    if ((c as any).columns) collectColumnIds((c as any).columns, acc)\n  }\n  return acc\n}\n\n/**\n * Auto-generate hidden, filter-only columns from the `filters` array, so a filter can target a field\n * that has no visible column or run custom `filterFn` logic (arrays / multi-field), without the\n * consumer touching `columns`. Skips filters that already map to a real column, and external\n * (server) filters. The columns never render and stay out of global search.\n */\nexport function buildFilterOnlyColumns<T>(\n  initialColumns: GroupColumnDef<T>[],\n  filters: FilterConfig<T>[],\n): GroupColumnDef<T>[] {\n  const existing = collectColumnIds(initialColumns)\n  const out: GroupColumnDef<T>[] = []\n  for (const f of filters) {\n    if (f.externalSearch) continue\n    const custom = typeof (f as any).filterFn === \"function\"\n    const id = custom ? (f as any).id : (f as any).key\n    if (!id || existing.has(String(id))) continue\n    const key = (f as any).key as string | undefined\n    out.push({\n      id: String(id),\n      accessorFn: key ? (r: any) => getNestedValue(r, key) : () => null,\n      // Spread with an explicit `filterFn: undefined` would overwrite TanStack's default 'auto'\n      // and kill the filter entirely, so the key is only present for custom filters.\n      ...(custom && { filterFn: (row: any, _id: string, value: any) => (f as any).filterFn(row.original, value) }),\n      enableHiding: false,\n      enableSorting: false,\n      enablePinning: false,\n      enableGlobalFilter: false,\n      meta: { filterOnly: true },\n    } as GroupColumnDef<T>)\n  }\n  return out\n}\n"],"mappings":"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","names":["data_table_columns_exports","__export","buildTableColumns","__toCommonJS","import_clsx","import_tailwind_merge","cn","inputs","import_radix_ui","import_lucide_react","import_jsx_runtime","Checkbox","className","props","CheckboxPrimitive","cn","getNestedValue","obj","path","acc","part","collectColumnIds","cols","c","id","buildFilterOnlyColumns","initialColumns","filters","existing","out","f","custom","key","r","row","_id","value","import_jsx_runtime","buildTableColumns","initialColumns","filters","showSerialNumbers","enableRowSelection","selectionMode","showCheckbox","enableHeaderCheckbox","isRowSelectable","processColumns","columns","col","newCol","processedCols","selectColumn","table","selectableRows","row","allSelectableSelected","someSelectableSelected","Checkbox","value","selectable","cn","rowIndex","r","pageIndex","pageSize","serialNumber","buildFilterOnlyColumns"]}

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

@@ -0,0 +1,20 @@
+import { GroupColumnDef, FilterConfig } from './data-table-types.cjs';
+import '@tanstack/react-table';
+import 'lucide-react';
+import './data-table-persist.cjs';
+import './data-table-export.cjs';
+
+interface BuildColumnsOptions<T> {
+    initialColumns: GroupColumnDef<T>[];
+    filters: FilterConfig<T>[];
+    showSerialNumbers: boolean;
+    enableRowSelection: boolean;
+    selectionMode: "single" | "multiple";
+    showCheckbox: boolean;
+    enableHeaderCheckbox: boolean;
+    isRowSelectable?: (row: T) => boolean;
+}
+/** Final column list: user columns (pinnable) + select/serial helpers + hidden filter-only columns. */
+declare function buildTableColumns<T>({ initialColumns, filters, showSerialNumbers, enableRowSelection, selectionMode, showCheckbox, enableHeaderCheckbox, isRowSelectable, }: BuildColumnsOptions<T>): GroupColumnDef<T>[];
+
+export { buildTableColumns };

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

@@ -0,0 +1,20 @@
+import { GroupColumnDef, FilterConfig } from './data-table-types.js';
+import '@tanstack/react-table';
+import 'lucide-react';
+import './data-table-persist.js';
+import './data-table-export.js';
+
+interface BuildColumnsOptions<T> {
+    initialColumns: GroupColumnDef<T>[];
+    filters: FilterConfig<T>[];
+    showSerialNumbers: boolean;
+    enableRowSelection: boolean;
+    selectionMode: "single" | "multiple";
+    showCheckbox: boolean;
+    enableHeaderCheckbox: boolean;
+    isRowSelectable?: (row: T) => boolean;
+}
+/** Final column list: user columns (pinnable) + select/serial helpers + hidden filter-only columns. */
+declare function buildTableColumns<T>({ initialColumns, filters, showSerialNumbers, enableRowSelection, selectionMode, showCheckbox, enableHeaderCheckbox, isRowSelectable, }: BuildColumnsOptions<T>): GroupColumnDef<T>[];
+
+export { buildTableColumns };

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

@@ -0,0 +1,3 @@
+"use client"
+import{clsx as R}from"clsx";import{twMerge as G}from"tailwind-merge";function p(...n){return G(R(n))}import{Checkbox as k}from"radix-ui";import{CheckIcon as N}from"lucide-react";import{jsx as h}from"react/jsx-runtime";function x({className:n,...t}){return h(k.Root,{"data-slot":"checkbox",className:p("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),...t,children:h(k.Indicator,{"data-slot":"checkbox-indicator",className:"flex items-center justify-center text-current transition-none",children:h(N,{className:"size-3.5"})})})}function D(n,t){return t.split(".").reduce((i,l)=>i&&i[l],n)}function S(n,t=new Set){for(let i of n){let l=i.id??i.accessorKey;l&&t.add(String(l)),i.columns&&S(i.columns,t)}return t}function T(n,t){let i=S(n),l=[];for(let r of t){if(r.externalSearch)continue;let m=typeof r.filterFn=="function",u=m?r.id:r.key;if(!u||i.has(String(u)))continue;let f=r.key;l.push({id:String(u),accessorFn:f?c=>D(c,f):()=>null,...m&&{filterFn:(c,b,g)=>r.filterFn(c.original,g)},enableHiding:!1,enableSorting:!1,enablePinning:!1,enableGlobalFilter:!1,meta:{filterOnly:!0}})}return l}import{jsx as d}from"react/jsx-runtime";function K({initialColumns:n,filters:t,showSerialNumbers:i,enableRowSelection:l,selectionMode:r,showCheckbox:m,enableHeaderCheckbox:u,isRowSelectable:f}){let c=o=>o.map(e=>{if(e.id==="select"||e.id==="serialNumber")return e;let s={...e,enablePinning:!0};return e.enableColumnVisibility!==void 0&&e.enableHiding===void 0&&(s.enableHiding=e.enableColumnVisibility),e.columns&&(s.columns=c(e.columns)),s}),b=c([...n]),g={id:"select",header:({table:o})=>{if(r==="single")return null;let e=o.getRowModel().rows.filter(a=>f?.(a.original)??!0),s=e.length>0&&e.every(a=>a.getIsSelected()),C=e.some(a=>a.getIsSelected());return d("div",{className:"flex justify-center items-center",children:d(x,{checked:s||C&&"indeterminate",onCheckedChange:a=>{e.forEach(y=>y.toggleSelected(!!a))},disabled:!u||e.length===0,"aria-label":"Select all selectable rows"})})},cell:({row:o})=>{let e=f?.(o.original)??!0;return d("div",{className:p("flex justify-center items-center",!e&&"opacity-50"),children:r==="multiple"?d(x,{checked:o.getIsSelected(),onCheckedChange:s=>e&&o.toggleSelected(!!s),"aria-label":"Select row",disabled:!e}):m?d("input",{type:"radio",checked:o.getIsSelected(),onChange:()=>e&&o.toggleSelected(!0),disabled:!e,className:"border-primary rounded-full focus:ring-primary w-4 h-4 text-primary"}):null})},enableSorting:!1,enableHiding:!1,enablePinning:!1,enableHeaderMenu:!1,headerAlign:"center",size:r==="multiple"?40:30};return l&&b.unshift(g),i&&b.unshift({id:"serialNumber",header:"No.",cell:({row:o,table:e})=>{let C=e.getRowModel().rows.findIndex(w=>w.id===o.id),{pageIndex:a,pageSize:y}=e.getState().pagination,v=a*y+C+1;return d("div",{className:"font-medium text-muted-foreground text-center",children:v})},enableSorting:!0,enableHiding:!1,enablePinning:!0,size:60,headerAlign:"center"}),[...b,...T(n,t)]}export{K as buildTableColumns};
+//# sourceMappingURL=data-table-columns.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/lib/utils.ts","../../../../src/components/ui/checkbox.tsx","../../../../src/components/data/data-table/data-table-filtering.ts","../../../../src/components/data/data-table/data-table-columns.tsx"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\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","import type { FilterConfig, GroupColumnDef } from \"./data-table-types.js\"\n\n/** Read a nested value by dot-path, e.g. `getNestedValue(row, \"party.name\")`. */\nexport function getNestedValue(obj: any, path: string) {\n  return path.split(\".\").reduce((acc, part) => acc && acc[part], obj)\n}\n\n/** Every column id/accessorKey already declared (recursing into group columns). */\nfunction collectColumnIds<T>(cols: GroupColumnDef<T>[], acc = new Set<string>()): Set<string> {\n  for (const c of cols) {\n    const id = (c as any).id ?? (c as any).accessorKey\n    if (id) acc.add(String(id))\n    if ((c as any).columns) collectColumnIds((c as any).columns, acc)\n  }\n  return acc\n}\n\n/**\n * Auto-generate hidden, filter-only columns from the `filters` array, so a filter can target a field\n * that has no visible column or run custom `filterFn` logic (arrays / multi-field), without the\n * consumer touching `columns`. Skips filters that already map to a real column, and external\n * (server) filters. The columns never render and stay out of global search.\n */\nexport function buildFilterOnlyColumns<T>(\n  initialColumns: GroupColumnDef<T>[],\n  filters: FilterConfig<T>[],\n): GroupColumnDef<T>[] {\n  const existing = collectColumnIds(initialColumns)\n  const out: GroupColumnDef<T>[] = []\n  for (const f of filters) {\n    if (f.externalSearch) continue\n    const custom = typeof (f as any).filterFn === \"function\"\n    const id = custom ? (f as any).id : (f as any).key\n    if (!id || existing.has(String(id))) continue\n    const key = (f as any).key as string | undefined\n    out.push({\n      id: String(id),\n      accessorFn: key ? (r: any) => getNestedValue(r, key) : () => null,\n      // Spread with an explicit `filterFn: undefined` would overwrite TanStack's default 'auto'\n      // and kill the filter entirely, so the key is only present for custom filters.\n      ...(custom && { filterFn: (row: any, _id: string, value: any) => (f as any).filterFn(row.original, value) }),\n      enableHiding: false,\n      enableSorting: false,\n      enablePinning: false,\n      enableGlobalFilter: false,\n      meta: { filterOnly: true },\n    } as GroupColumnDef<T>)\n  }\n  return out\n}\n","import type { Row, Table } from \"@tanstack/react-table\";\nimport { cn } from \"../../../lib/utils.js\";\nimport { Checkbox } from \"../../ui/checkbox.jsx\";\nimport { buildFilterOnlyColumns } from \"./data-table-filtering.js\";\nimport type { FilterConfig, GroupColumnDef } from \"./data-table-types.js\";\n\ninterface BuildColumnsOptions<T> {\n  initialColumns: GroupColumnDef<T>[];\n  filters: FilterConfig<T>[];\n  showSerialNumbers: boolean;\n  enableRowSelection: boolean;\n  selectionMode: \"single\" | \"multiple\";\n  showCheckbox: boolean;\n  enableHeaderCheckbox: boolean;\n  isRowSelectable?: (row: T) => boolean;\n}\n\n/** Final column list: user columns (pinnable) + select/serial helpers + hidden filter-only columns. */\nexport function buildTableColumns<T>({\n  initialColumns,\n  filters,\n  showSerialNumbers,\n  enableRowSelection,\n  selectionMode,\n  showCheckbox,\n  enableHeaderCheckbox,\n  isRowSelectable,\n}: BuildColumnsOptions<T>): GroupColumnDef<T>[] {\n  const processColumns = (columns: GroupColumnDef<T>[]): GroupColumnDef<T>[] =>\n    columns.map((col) => {\n      if (col.id === \"select\" || col.id === \"serialNumber\") return col;\n      const newCol = { ...col, enablePinning: true };\n      // enableColumnVisibility is the per-column name matching settings.enableColumnVisibility;\n      // TanStack itself only reads enableHiding, so translate here. Explicit enableHiding wins if\n      // both are set.\n      if (\n        col.enableColumnVisibility !== undefined &&\n        col.enableHiding === undefined\n      ) {\n        newCol.enableHiding = col.enableColumnVisibility;\n      }\n      if (col.columns) newCol.columns = processColumns(col.columns);\n      return newCol;\n    });\n\n  const processedCols = processColumns([...initialColumns]);\n\n  const selectColumn: GroupColumnDef<T> = {\n    id: \"select\",\n    header: ({ table }: { table: Table<T> }) => {\n      if (selectionMode === \"single\") return null;\n\n      const selectableRows = table\n        .getRowModel()\n        .rows.filter((row) => isRowSelectable?.(row.original) ?? true);\n      const allSelectableSelected =\n        selectableRows.length > 0 &&\n        selectableRows.every((row) => row.getIsSelected());\n      const someSelectableSelected = selectableRows.some((row) =>\n        row.getIsSelected(),\n      );\n\n      return (\n        <div className=\"flex justify-center items-center\">\n          <Checkbox\n            checked={\n              allSelectableSelected ||\n              (someSelectableSelected && \"indeterminate\")\n            }\n            onCheckedChange={(value) => {\n              selectableRows.forEach((row) => row.toggleSelected(!!value));\n            }}\n            disabled={!enableHeaderCheckbox || selectableRows.length === 0}\n            aria-label=\"Select all selectable rows\"\n          />\n        </div>\n      );\n    },\n    cell: ({ row }: { row: Row<T> }) => {\n      const selectable = isRowSelectable?.(row.original) ?? true;\n\n      return (\n        <div\n          className={cn(\n            \"flex justify-center items-center\",\n            !selectable && \"opacity-50\",\n          )}\n        >\n          {selectionMode === \"multiple\" ? (\n            <Checkbox\n              checked={row.getIsSelected()}\n              onCheckedChange={(value) =>\n                selectable && row.toggleSelected(!!value)\n              }\n              aria-label=\"Select row\"\n              disabled={!selectable}\n            />\n          ) : showCheckbox ? (\n            <input\n              type=\"radio\"\n              checked={row.getIsSelected()}\n              onChange={() => selectable && row.toggleSelected(true)}\n              disabled={!selectable}\n              className=\"border-primary rounded-full focus:ring-primary w-4 h-4 text-primary\"\n            />\n          ) : null}\n        </div>\n      );\n    },\n    enableSorting: false,\n    enableHiding: false,\n    enablePinning: false,\n    enableHeaderMenu: false,\n    headerAlign: \"center\",\n    size: selectionMode === \"multiple\" ? 40 : 30,\n  };\n\n  if (enableRowSelection) processedCols.unshift(selectColumn);\n\n  if (showSerialNumbers) {\n    processedCols.unshift({\n      id: \"serialNumber\",\n      header: \"No.\",\n      cell: ({ row, table }: { row: Row<T>; table: Table<T> }) => {\n        const visibleRows = table.getRowModel().rows;\n        const rowIndex = visibleRows.findIndex((r) => r.id === row.id);\n        const { pageIndex, pageSize } = table.getState().pagination;\n        const serialNumber = pageIndex * pageSize + rowIndex + 1;\n        return (\n          <div className=\"font-medium text-muted-foreground text-center\">\n            {serialNumber}\n          </div>\n        );\n      },\n      enableSorting: true,\n      enableHiding: false,\n      enablePinning: true,\n      size: 60,\n      headerAlign: \"center\",\n    });\n  }\n\n  // hidden filter-only columns appended last; they never render, so order is irrelevant\n  return [...processedCols, ...buildFilterOnlyColumns(initialColumns, filters)];\n}\n"],"mappings":"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","names":["clsx","twMerge","cn","inputs","CheckboxPrimitive","CheckIcon","jsx","Checkbox","className","props","CheckboxPrimitive","cn","CheckIcon","getNestedValue","obj","path","acc","part","collectColumnIds","cols","c","id","buildFilterOnlyColumns","initialColumns","filters","existing","out","f","custom","key","r","row","_id","value","jsx","buildTableColumns","initialColumns","filters","showSerialNumbers","enableRowSelection","selectionMode","showCheckbox","enableHeaderCheckbox","isRowSelectable","processColumns","columns","col","newCol","processedCols","selectColumn","table","selectableRows","row","allSelectableSelected","someSelectableSelected","Checkbox","value","selectable","cn","rowIndex","r","pageIndex","pageSize","serialNumber","buildFilterOnlyColumns"]}

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

@@ -0,0 +1,3 @@
+"use client"
+"use strict";var n=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var p=(r,t)=>{for(var o in t)n(r,o,{get:t[o],enumerable:!0})},m=(r,t,o,e)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of l(t))!u.call(r,a)&&a!==o&&n(r,a,{get:()=>t[a],enumerable:!(e=i(t,a))||e.enumerable});return r};var f=r=>m(n({},"__esModule",{value:!0}),r);var T={};p(T,{getTableExportView:()=>D});module.exports=f(T);var d=new Set(["select","serialNumber"]);function D(r){let t=r.getVisibleLeafColumns().filter(e=>d.has(e.id)?!1:!!e.columnDef.exportValue||!!e.accessorFn),o=r.getPrePaginationRowModel().rows;return{columns:t.map(e=>{let a=e.columnDef;return{id:e.id,header:a.exportHeader??(typeof a.header=="string"?a.header:e.id)}}),rows:o.map(e=>t.map(a=>{let s=a.columnDef;return s.exportValue?s.exportValue(e.original):e.getValue(a.id)})),originals:o.map(e=>e.original)}}0&&(module.exports={getTableExportView});
+//# sourceMappingURL=data-table-export.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/data/data-table/data-table-export.ts"],"sourcesContent":["import type { Table } from \"@tanstack/react-table\"\nimport type { GroupColumnDef } from \"./data-table-types.js\"\n\nexport type TableExportColumn = {\n  /** The column's id (accessorKey for accessor columns). */\n  id: string\n  /** Header text: `exportHeader` if given, else the string `header`, else the id. */\n  header: string\n}\n\n/**\n * A plain, file-format-agnostic snapshot of what the table is currently showing: the visible\n * columns in display order and every row that survives the active filters and sorting (all pages,\n * not just the one on screen). Hand it to an app-side writer (Excel, CSV, print) — the table never\n * touches file generation itself, so the component stays free of heavy spreadsheet dependencies.\n */\nexport type TableExportView<TData = unknown> = {\n  columns: TableExportColumn[]\n  /** One array per row, cell values in `columns` order. Values keep their native type (number,\n   *  Date, boolean…) so the writer can apply proper cell formatting instead of dumping strings. */\n  rows: unknown[][]\n  /** The filtered + sorted row originals, same order as `rows`, for writers that want raw data. */\n  originals: TData[]\n}\n\n// Internal helper columns that never belong in an export.\nconst HELPER_COLUMN_IDS = new Set([\"select\", \"serialNumber\"])\n\n/**\n * Build a {@link TableExportView} from the table's CURRENT state, exactly as the user shaped it:\n * hidden columns are skipped, column order (including pinning) is respected, and rows come from the\n * pre-pagination model, so they are filtered and sorted but not cut to the visible page.\n *\n * Which columns make it in: a visible column is exported when it has an accessor (accessorKey or\n * accessorFn) or a `exportValue` on its def. Display-only columns (actions, JSX-composed cells\n * without an accessor) are skipped unless they provide `exportValue`. A JSX `header` falls back to\n * the column id unless `exportHeader` names it.\n *\n * Call it anywhere you hold the table instance (from `onTableReady` or the `children` render prop);\n * the toolbar's Export button calls it for you and passes the result to `onExport`.\n */\nexport function getTableExportView<TData>(table: Table<TData>): TableExportView<TData> {\n  const columns = table.getVisibleLeafColumns().filter((col) => {\n    if (HELPER_COLUMN_IDS.has(col.id)) return false\n    const def = col.columnDef as GroupColumnDef<TData>\n    return !!def.exportValue || !!col.accessorFn\n  })\n  const rows = table.getPrePaginationRowModel().rows\n\n  return {\n    columns: columns.map((col) => {\n      const def = col.columnDef as GroupColumnDef<TData>\n      return {\n        id: col.id,\n        header: def.exportHeader ?? (typeof def.header === \"string\" ? def.header : col.id),\n      }\n    }),\n    rows: rows.map((row) =>\n      columns.map((col) => {\n        const def = col.columnDef as GroupColumnDef<TData>\n        return def.exportValue ? def.exportValue(row.original) : row.getValue(col.id)\n      })\n    ),\n    originals: rows.map((row) => row.original),\n  }\n}\n"],"mappings":";yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,eAAAC,EAAAH,GA0BA,IAAMI,EAAoB,IAAI,IAAI,CAAC,SAAU,cAAc,CAAC,EAerD,SAASF,EAA0BG,EAA6C,CACrF,IAAMC,EAAUD,EAAM,sBAAsB,EAAE,OAAQE,GAChDH,EAAkB,IAAIG,EAAI,EAAE,EAAU,GAEnC,CAAC,CADIA,EAAI,UACH,aAAe,CAAC,CAACA,EAAI,UACnC,EACKC,EAAOH,EAAM,yBAAyB,EAAE,KAE9C,MAAO,CACL,QAASC,EAAQ,IAAKC,GAAQ,CAC5B,IAAME,EAAMF,EAAI,UAChB,MAAO,CACL,GAAIA,EAAI,GACR,OAAQE,EAAI,eAAiB,OAAOA,EAAI,QAAW,SAAWA,EAAI,OAASF,EAAI,GACjF,CACF,CAAC,EACD,KAAMC,EAAK,IAAKE,GACdJ,EAAQ,IAAKC,GAAQ,CACnB,IAAME,EAAMF,EAAI,UAChB,OAAOE,EAAI,YAAcA,EAAI,YAAYC,EAAI,QAAQ,EAAIA,EAAI,SAASH,EAAI,EAAE,CAC9E,CAAC,CACH,EACA,UAAWC,EAAK,IAAKE,GAAQA,EAAI,QAAQ,CAC3C,CACF","names":["data_table_export_exports","__export","getTableExportView","__toCommonJS","HELPER_COLUMN_IDS","table","columns","col","rows","def","row"]}

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

@@ -0,0 +1,38 @@
+import { Table } from '@tanstack/react-table';
+
+type TableExportColumn = {
+    /** The column's id (accessorKey for accessor columns). */
+    id: string;
+    /** Header text: `exportHeader` if given, else the string `header`, else the id. */
+    header: string;
+};
+/**
+ * A plain, file-format-agnostic snapshot of what the table is currently showing: the visible
+ * columns in display order and every row that survives the active filters and sorting (all pages,
+ * not just the one on screen). Hand it to an app-side writer (Excel, CSV, print) — the table never
+ * touches file generation itself, so the component stays free of heavy spreadsheet dependencies.
+ */
+type TableExportView<TData = unknown> = {
+    columns: TableExportColumn[];
+    /** One array per row, cell values in `columns` order. Values keep their native type (number,
+     *  Date, boolean…) so the writer can apply proper cell formatting instead of dumping strings. */
+    rows: unknown[][];
+    /** The filtered + sorted row originals, same order as `rows`, for writers that want raw data. */
+    originals: TData[];
+};
+/**
+ * Build a {@link TableExportView} from the table's CURRENT state, exactly as the user shaped it:
+ * hidden columns are skipped, column order (including pinning) is respected, and rows come from the
+ * pre-pagination model, so they are filtered and sorted but not cut to the visible page.
+ *
+ * Which columns make it in: a visible column is exported when it has an accessor (accessorKey or
+ * accessorFn) or a `exportValue` on its def. Display-only columns (actions, JSX-composed cells
+ * without an accessor) are skipped unless they provide `exportValue`. A JSX `header` falls back to
+ * the column id unless `exportHeader` names it.
+ *
+ * Call it anywhere you hold the table instance (from `onTableReady` or the `children` render prop);
+ * the toolbar's Export button calls it for you and passes the result to `onExport`.
+ */
+declare function getTableExportView<TData>(table: Table<TData>): TableExportView<TData>;
+
+export { type TableExportColumn, type TableExportView, getTableExportView };