@tirth_jasoliya/ui 1.0.4 → 1.0.6

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\";\r\n\r\nexport const OfflineUI = () => (\r\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\">\r\n    <WifiOffIcon className=\"h-15 w-15 text-destructive mb-4\" />\r\n    <h1 className=\"text-3xl font-bold text-destructive mb-2\">You're offline</h1>\r\n    <p className=\"text-xl max-w-md\">\r\n      We couldn't connect to the server.\r\n    </p>\r\n  </div>\r\n);\r\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 h=Object.getOwnPropertyDescriptor;var b=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 b(t))!x.call(e,r)&&r!==i&&s(e,r,{get:()=>t[r],enumerable:!(n=h(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"),p=require("class-variance-authority");var c=require("clsx"),u=require("tailwind-merge");function l(...e){return(0,u.twMerge)((0,c.clsx)(e))}var g=require("react/jsx-runtime"),N=(0,p.cva)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function d({className:e,variant:t,size:i,asChild:n=!1,...r}){let f=n?v.Slot.Slot:"button";return(0,g.jsx)(f,{"data-slot":"button",className:l(N({variant:t,size:i,className:e}),"transition-none"),...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\";\r\nimport { Button } from \"../ui/button.jsx\";\r\nimport { NavLink, useNavigate } from \"react-router\";\r\n\r\nexport const Unauthorized = () => {\r\n  const navigate = useNavigate();\r\n\r\n  const goBack = () => {\r\n    if (window.history.length > 2) {\r\n      navigate(-1);\r\n    } else {\r\n      navigate(\"/\");\r\n    }\r\n  };\r\n\r\n  return (\r\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\">\r\n      <ShieldOffIcon className=\"h-15 w-15 text-destructive mb-4\" />\r\n      <h1 className=\"text-2xl font-bold text-destructive mb-2\">Access Denied</h1>\r\n      <p className=\"text-xl mb-4\">\r\n        You don't have permission to view this page. Please sign in with an authorized account or contact your administrator.\r\n      </p>\r\n      <div className=\"flex space-x-4\">\r\n        <Button variant=\"outline\" onClick={goBack}>\r\n          Go Back\r\n        </Button>\r\n        <Button variant=\"ghost\">\r\n          <NavLink to=\"/\">Go to Home</NavLink>\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","import * as React from \"react\"\nimport { Slot as SlotPrimitive } from \"radix-ui\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }) {\n  const Comp = asChild ? SlotPrimitive.Slot : \"button\"\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }), \"transition-none\")}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n","import { clsx, type ClassValue } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs));\r\n}"],"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,8bACA,CACE,SAAU,CACR,QAAS,CACP,QACE,mEACF,YACE,8JACF,QACE,wIACF,UACE,yEACF,MACE,uEACF,KAAM,iDACR,EACA,KAAM,CACJ,QAAS,gCACT,GAAI,gDACJ,GAAI,uCACJ,KAAM,QACR,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,SACR,CACF,CACF,EAEA,SAASC,EAAO,CACd,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,GACV,GAAGC,CACL,EAGK,CACH,IAAMC,EAAOF,EAAU,EAAAG,KAAc,KAAO,SAE5C,SACE,OAACD,EAAA,CACC,YAAU,SACV,UAAWE,EAAGT,EAAe,CAAE,QAAAG,EAAS,KAAAC,EAAM,UAAAF,CAAU,CAAC,EAAG,iBAAiB,EAC5E,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 p}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 g=p("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function 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(g({variant:r,size:a,className:e}),"transition-none"),...d})}import{NavLink as h,useNavigate as b}from"react-router";import{jsx as t,jsxs as n}from"react/jsx-runtime";var _=()=>{let e=b();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(h,{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\";\r\nimport { Button } from \"../ui/button.jsx\";\r\nimport { NavLink, useNavigate } from \"react-router\";\r\n\r\nexport const Unauthorized = () => {\r\n  const navigate = useNavigate();\r\n\r\n  const goBack = () => {\r\n    if (window.history.length > 2) {\r\n      navigate(-1);\r\n    } else {\r\n      navigate(\"/\");\r\n    }\r\n  };\r\n\r\n  return (\r\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\">\r\n      <ShieldOffIcon className=\"h-15 w-15 text-destructive mb-4\" />\r\n      <h1 className=\"text-2xl font-bold text-destructive mb-2\">Access Denied</h1>\r\n      <p className=\"text-xl mb-4\">\r\n        You don't have permission to view this page. Please sign in with an authorized account or contact your administrator.\r\n      </p>\r\n      <div className=\"flex space-x-4\">\r\n        <Button variant=\"outline\" onClick={goBack}>\r\n          Go Back\r\n        </Button>\r\n        <Button variant=\"ghost\">\r\n          <NavLink to=\"/\">Go to Home</NavLink>\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","import * as React from \"react\"\nimport { Slot as SlotPrimitive } from \"radix-ui\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }) {\n  const Comp = asChild ? SlotPrimitive.Slot : \"button\"\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }), \"transition-none\")}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n","import { clsx, type ClassValue } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs));\r\n}"],"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,8bACA,CACE,SAAU,CACR,QAAS,CACP,QACE,mEACF,YACE,8JACF,QACE,wIACF,UACE,yEACF,MACE,uEACF,KAAM,iDACR,EACA,KAAM,CACJ,QAAS,gCACT,GAAI,gDACJ,GAAI,uCACJ,KAAM,QACR,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,SACR,CACF,CACF,EAEA,SAASC,EAAO,CACd,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,GACV,GAAGC,CACL,EAGK,CACH,IAAMC,EAAOF,EAAUG,EAAc,KAAO,SAE5C,OACEV,EAACS,EAAA,CACC,YAAU,SACV,UAAWE,EAAGV,EAAe,CAAE,QAAAI,EAAS,KAAAC,EAAM,UAAAF,CAAU,CAAC,EAAG,iBAAiB,EAC5E,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 k=require("radix-ui"),z=require("class-variance-authority");var C=require("clsx"),D=require("tailwind-merge");function n(...t){return(0,D.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-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function b({className:t,variant:e,size:r,asChild:a=!1,...i}){let c=a?k.Slot.Slot:"button";return(0,A.jsx)(c,{"data-slot":"button",className:n(q({variant:e,size:r,className:t}),"transition-none"),...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 T({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 h=r??(g?globalThis.document?.body:null);if(!h||!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.jsxs)(v,{children:["1",a]})})}),h)}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)(T,{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)(T,{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\"\r\nimport { Separator } from \"../../ui/separator.jsx\"\r\nimport { Tooltip, TooltipContent, TooltipTrigger, TooltipProvider } from \"../../ui/tooltip.jsx\"\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport type { Table } from \"@tanstack/react-table\"\r\nimport { Loader, X } from \"lucide-react\"\r\nimport { AnimatePresence, motion } from \"framer-motion\"\r\nimport * as React from \"react\"\r\nimport * as ReactDOM from \"react-dom\"\r\n\r\ninterface DataTableActionBarProps<TData> extends React.ComponentProps<typeof motion.div> {\r\n  table: Table<TData> | null\r\n  visible?: boolean\r\n  container?: Element | DocumentFragment | null\r\n  children: React.ReactNode\r\n}\r\n\r\nfunction DataTableActionBar<TData>({\r\n  table,\r\n  visible: visibleProp,\r\n  container: containerProp,\r\n  children,\r\n  className,\r\n  ...props\r\n}: DataTableActionBarProps<TData>) {\r\n  const [mounted, setMounted] = React.useState(false)\r\n\r\n  React.useLayoutEffect(() => {\r\n    setMounted(true)\r\n  }, [])\r\n\r\n  React.useEffect(() => {\r\n    function onKeyDown(event: KeyboardEvent) {\r\n      if (event.key === \"Escape\" && table) {\r\n        table.toggleAllRowsSelected(false)\r\n      }\r\n    }\r\n\r\n    window.addEventListener(\"keydown\", onKeyDown)\r\n    return () => window.removeEventListener(\"keydown\", onKeyDown)\r\n  }, [table])\r\n\r\n  const container = containerProp ?? (mounted ? globalThis.document?.body : null)\r\n\r\n  if (!container || !table) return null\r\n\r\n  const visible = visibleProp ?? table.getFilteredSelectedRowModel().rows.length > 0\r\n\r\n  return ReactDOM.createPortal(\r\n    <AnimatePresence>\r\n      {visible && (\r\n        <motion.div\r\n          role=\"toolbar\"\r\n          aria-orientation=\"horizontal\"\r\n          initial={{ opacity: 0, y: 20 }}\r\n          animate={{ opacity: 1, y: 0 }}\r\n          exit={{ opacity: 0, y: 20 }}\r\n          transition={{ duration: 0.3, ease: \"easeInOut\" }}\r\n          className={cn(\r\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\",\r\n            className,\r\n          )}\r\n          {...props}\r\n        >\r\n          <TooltipProvider>1{children}</TooltipProvider>\r\n        </motion.div>\r\n      )}\r\n    </AnimatePresence>,\r\n    container,\r\n  )\r\n}\r\n\r\ninterface DataTableActionBarActionProps extends React.ComponentProps<typeof Button> {\r\n  tooltip?: string\r\n  isPending?: boolean\r\n}\r\n\r\nfunction DataTableActionBarAction({\r\n  size = \"sm\",\r\n  tooltip,\r\n  isPending,\r\n  disabled,\r\n  className,\r\n  children,\r\n  ...props\r\n}: DataTableActionBarActionProps) {\r\n  const trigger = (\r\n    <Button\r\n      variant=\"secondary\"\r\n      size={size}\r\n      className={cn(\r\n        \"gap-1.5 rounded-lg border border-secondary bg-secondary/50 hover:bg-secondary/70 transition-all duration-200\",\r\n        size === \"icon\" ? \"size-8\" : \"h-8 px-3\",\r\n        className,\r\n      )}\r\n      disabled={disabled || isPending}\r\n      {...props}\r\n    >\r\n      {isPending ? <Loader className=\"animate-spin\" /> : children}\r\n    </Button>\r\n  )\r\n\r\n  if (!tooltip) return trigger\r\n\r\n  return (\r\n    <Tooltip>\r\n      <TooltipTrigger asChild>{trigger}</TooltipTrigger>\r\n      <TooltipContent\r\n        sideOffset={8}\r\n        className=\"rounded-lg border font-semibold text-foreground bg-secondary [&>span]:hidden\"\r\n      >\r\n        <p>{tooltip}</p>\r\n      </TooltipContent>\r\n    </Tooltip>\r\n  )\r\n}\r\n\r\ninterface DataTableActionBarSelectionProps<TData> {\r\n  table: Table<TData> | null\r\n}\r\n\r\nfunction DataTableActionBarSelection<TData>({ table }: DataTableActionBarSelectionProps<TData>) {\r\n  const onClearSelection = React.useCallback(() => {\r\n    if (table) {\r\n      table.toggleAllRowsSelected(false)\r\n    }\r\n  }, [table])\r\n\r\n  if (!table) return null\r\n\r\n  return (\r\n    <div className=\"flex h-8 items-center rounded-lg border bg-muted/50 pr-1 pl-3\">\r\n      <span className=\"whitespace-nowrap text-sm font-medium\">\r\n        {table.getFilteredSelectedRowModel().rows.length} selected\r\n      </span>\r\n      <Separator orientation=\"vertical\" className=\"mr-2 ml-3 data-[orientation=vertical]:h-4\" />\r\n      <Tooltip>\r\n        <TooltipTrigger asChild>\r\n          <Button variant=\"ghost\" size=\"icon\" className=\"size-6 rounded-md\" onClick={onClearSelection}>\r\n            <X className=\"size-3.5\" />\r\n          </Button>\r\n        </TooltipTrigger>\r\n        <TooltipContent\r\n          sideOffset={10}\r\n          className=\"flex items-center gap-2 rounded-lg border px-3 py-2 font-semibold text-foregroun bg-secondary [&>span]:hidden\"\r\n        >\r\n          <p>Clear selection</p>\r\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\">\r\n            <abbr title=\"Escape\" className=\"no-underline\">\r\n              Esc\r\n            </abbr>\r\n          </kbd>\r\n        </TooltipContent>\r\n      </Tooltip>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport { DataTableActionBar, DataTableActionBarAction, DataTableActionBarSelection }\r\n\r\n/**\r\n\r\nimport { Button } from \"/..../ui/button\"\r\nimport { Separator } from \"/..../ui/separator\"\r\nimport { Tooltip, TooltipContent, TooltipTrigger, TooltipProvider } from \"/..../ui/tooltip\"\r\nimport { cn } from \"@/lib/utils\"\r\nimport type { Table } from \"@tanstack/react-table\"\r\nimport { Loader, X } from \"lucide-react\"\r\nimport { AnimatePresence, motion } from \"framer-motion\"\r\nimport * as React from \"react\"\r\nimport * as ReactDOM from \"react-dom\"\r\nimport { Toggle } from \"../ui/toggle\"\r\n\r\ninterface DataTableActionBarProps<TData> extends React.ComponentProps<typeof motion.div> {\r\n  table: Table<TData> | null\r\n  visible?: boolean\r\n  container?: Element | DocumentFragment | null\r\n  children: React.ReactNode\r\n}\r\n\r\nfunction DataTableActionBar<TData>({\r\n  table,\r\n  visible: visibleProp,\r\n  container: containerProp,\r\n  children,\r\n  className,\r\n  ...props\r\n}: DataTableActionBarProps<TData>) {\r\n  const [mounted, setMounted] = React.useState(false)\r\n\r\n  React.useLayoutEffect(() => {\r\n    setMounted(true)\r\n  }, [])\r\n\r\n  React.useEffect(() => {\r\n    function onKeyDown(event: KeyboardEvent) {\r\n      if (event.key === \"Escape\" && table) {\r\n        table.toggleAllRowsSelected(false)\r\n      }\r\n    }\r\n\r\n    window.addEventListener(\"keydown\", onKeyDown)\r\n    return () => window.removeEventListener(\"keydown\", onKeyDown)\r\n  }, [table])\r\n\r\n  const container = containerProp ?? (mounted ? globalThis.document?.body : null)\r\n\r\n  if (!container || !table) return null\r\n\r\n  const visible = visibleProp ?? table.getFilteredSelectedRowModel().rows.length > 0\r\n\r\n  return ReactDOM.createPortal(\r\n    <AnimatePresence>\r\n      {visible && (\r\n        <motion.div\r\n          role=\"toolbar\"\r\n          aria-orientation=\"horizontal\"\r\n          initial={{ opacity: 0, y: 20 }}\r\n          animate={{ opacity: 1, y: 0 }}\r\n          exit={{ opacity: 0, y: 20 }}\r\n          transition={{ duration: 0.2, ease: \"easeInOut\" }}\r\n          className={cn(\r\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-background/95 backdrop-blur-sm p-3 text-foreground shadow-lg ring-1 ring-black/5\",\r\n            className,\r\n          )}\r\n          {...props}\r\n        >\r\n          <TooltipProvider>{children}</TooltipProvider>\r\n        </motion.div>\r\n      )}\r\n    </AnimatePresence>,\r\n    container,\r\n  )\r\n}\r\n\r\ninterface DataTableActionBarActionProps extends React.ComponentProps<typeof Toggle> {\r\n  tooltip?: string\r\n  isPending?: boolean\r\n}\r\n\r\nfunction DataTableActionBarAction({\r\n  size = \"sm\",\r\n  tooltip,\r\n  isPending,\r\n  disabled,\r\n  className,\r\n  children,\r\n  ...props\r\n}: DataTableActionBarActionProps) {\r\n  const trigger = (\r\n    <Toggle\r\n      variant=\"default\"\r\n      size={size}\r\n      className={cn(\r\n        \"gap-1.5 rounded-lg border border-secondary bg-secondary/50 hover:bg-secondary/70 transition-all duration-200 p-2\",\r\n        className,\r\n      )}\r\n      disabled={disabled || isPending}\r\n      {...props}\r\n    >\r\n      {isPending ? <Loader className=\"animate-spin\" /> : children}\r\n    </Toggle>\r\n  )\r\n\r\n  if (!tooltip) return trigger\r\n\r\n  return (\r\n    <Tooltip>\r\n      <TooltipTrigger asChild>{trigger}</TooltipTrigger>\r\n      <TooltipContent\r\n        sideOffset={8}\r\n        className=\"rounded-lg border bg-accent font-semibold text-foreground dark:bg-zinc-900 [&>span]:hidden\"\r\n      >\r\n        <p>{tooltip}</p>\r\n      </TooltipContent>\r\n    </Tooltip>\r\n  )\r\n}\r\n\r\ninterface DataTableActionBarSelectionProps<TData> {\r\n  table: Table<TData> | null\r\n}\r\n\r\nfunction DataTableActionBarSelection<TData>({ table }: DataTableActionBarSelectionProps<TData>) {\r\n  const onClearSelection = React.useCallback(() => {\r\n    if (table) {\r\n      table.toggleAllRowsSelected(false)\r\n    }\r\n  }, [table])\r\n\r\n  if (!table) return null\r\n\r\n  return (\r\n    <div className=\"flex h-8 items-center rounded-lg border bg-muted/50 pr-1 pl-3\">\r\n      <span className=\"whitespace-nowrap text-sm font-medium\">\r\n        {table.getFilteredSelectedRowModel().rows.length} selected\r\n      </span>\r\n      <Separator orientation=\"vertical\" className=\"mr-2 ml-3 data-[orientation=vertical]:h-4\" />\r\n      <Tooltip>\r\n        <TooltipTrigger asChild>\r\n          <Button variant=\"ghost\" size=\"icon\" className=\"size-6 rounded-md\" onClick={onClearSelection}>\r\n            <X className=\"size-3.5\" />\r\n          </Button>\r\n        </TooltipTrigger>\r\n        <TooltipContent\r\n          sideOffset={10}\r\n          className=\"flex items-center gap-2 rounded-lg border bg-accent px-3 py-2 font-semibold text-foreground dark:bg-zinc-900 [&>span]:hidden\"\r\n        >\r\n          <p>Clear selection</p>\r\n          <kbd className=\"select-none rounded border bg-background px-2 py-1 font-mono font-normal text-[0.7rem] text-foreground shadow-sm\">\r\n            <abbr title=\"Escape\" className=\"no-underline\">\r\n              Esc\r\n            </abbr>\r\n          </kbd>\r\n        </TooltipContent>\r\n      </Tooltip>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport { DataTableActionBar, DataTableActionBarAction, DataTableActionBarSelection }\r\n\r\n */","import * as React from \"react\"\nimport { Slot as SlotPrimitive } from \"radix-ui\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }) {\n  const Comp = asChild ? SlotPrimitive.Slot : \"button\"\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }), \"transition-none\")}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n","import { clsx, type ClassValue } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs));\r\n}","import * as React from \"react\"\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":"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","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/dist/types.js';
+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/dist/types.js';
+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 k}from"radix-ui";import{cva as z}from"class-variance-authority";import{clsx as C}from"clsx";import{twMerge as D}from"tailwind-merge";function i(...t){return D(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-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function f({className:t,variant:e,size:r,asChild:a=!1,...c}){let p=a?k.Slot:"button";return N(p,{"data-slot":"button",className:i(A({variant:e,size:r,className:t}),"transition-none"),...c})}import{Separator as S}from"radix-ui";import{jsx as B}from"react/jsx-runtime";function h({className:t,orientation:e="horizontal",decorative:r=!0,...a}){return B(S.Root,{"data-slot":"separator-root",decorative:r,orientation:e,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,...e}){return l(s.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}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:e=0,children:r,...a}){return l(s.Portal,{children:E(s.Content,{"data-slot":"tooltip-content",sideOffset:e,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 o,jsxs as d}from"react/jsx-runtime";function nt({table:t,visible:e,container:r,children:a,className:c,...p}){let[u,m]=n.useState(!1);n.useLayoutEffect(()=>{m(!0)},[]),n.useEffect(()=>{function T(R){R.key==="Escape"&&t&&t.toggleAllRowsSelected(!1)}return window.addEventListener("keydown",T),()=>window.removeEventListener("keydown",T)},[t]);let x=r??(u?globalThis.document?.body:null);if(!x||!t)return null;let w=e??t.getFilteredSelectedRowModel().rows.length>0;return P.createPortal(o(O,{children:w&&o(_.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",c),...p,children:d(g,{children:["1",a]})})}),x)}function st({size:t="sm",tooltip:e,isPending:r,disabled:a,className:c,children:p,...u}){let m=o(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",c),disabled:a||r,...u,children:r?o(V,{className:"animate-spin"}):p});return e?d(b,{children:[o(v,{asChild:!0,children:m}),o(y,{sideOffset:8,className:"rounded-lg border font-semibold text-foreground bg-secondary [&>span]:hidden",children:o("p",{children:e})})]}):m}function lt({table:t}){let e=n.useCallback(()=>{t&&t.toggleAllRowsSelected(!1)},[t]);return t?d("div",{className:"flex h-8 items-center rounded-lg border bg-muted/50 pr-1 pl-3",children:[d("span",{className:"whitespace-nowrap text-sm font-medium",children:[t.getFilteredSelectedRowModel().rows.length," selected"]}),o(h,{orientation:"vertical",className:"mr-2 ml-3 data-[orientation=vertical]:h-4"}),d(b,{children:[o(v,{asChild:!0,children:o(f,{variant:"ghost",size:"icon",className:"size-6 rounded-md",onClick:e,children:o(M,{className:"size-3.5"})})}),d(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:[o("p",{children:"Clear selection"}),o("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:o("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-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }) {\n  const Comp = asChild ? SlotPrimitive.Slot : \"button\"\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }), \"transition-none\")}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n","import { clsx, type ClassValue } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs));\r\n}","import * as React from \"react\"\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\"\r\nimport { Separator } from \"../../ui/separator.jsx\"\r\nimport { Tooltip, TooltipContent, TooltipTrigger, TooltipProvider } from \"../../ui/tooltip.jsx\"\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport type { Table } from \"@tanstack/react-table\"\r\nimport { Loader, X } from \"lucide-react\"\r\nimport { AnimatePresence, motion } from \"framer-motion\"\r\nimport * as React from \"react\"\r\nimport * as ReactDOM from \"react-dom\"\r\n\r\ninterface DataTableActionBarProps<TData> extends React.ComponentProps<typeof motion.div> {\r\n  table: Table<TData> | null\r\n  visible?: boolean\r\n  container?: Element | DocumentFragment | null\r\n  children: React.ReactNode\r\n}\r\n\r\nfunction DataTableActionBar<TData>({\r\n  table,\r\n  visible: visibleProp,\r\n  container: containerProp,\r\n  children,\r\n  className,\r\n  ...props\r\n}: DataTableActionBarProps<TData>) {\r\n  const [mounted, setMounted] = React.useState(false)\r\n\r\n  React.useLayoutEffect(() => {\r\n    setMounted(true)\r\n  }, [])\r\n\r\n  React.useEffect(() => {\r\n    function onKeyDown(event: KeyboardEvent) {\r\n      if (event.key === \"Escape\" && table) {\r\n        table.toggleAllRowsSelected(false)\r\n      }\r\n    }\r\n\r\n    window.addEventListener(\"keydown\", onKeyDown)\r\n    return () => window.removeEventListener(\"keydown\", onKeyDown)\r\n  }, [table])\r\n\r\n  const container = containerProp ?? (mounted ? globalThis.document?.body : null)\r\n\r\n  if (!container || !table) return null\r\n\r\n  const visible = visibleProp ?? table.getFilteredSelectedRowModel().rows.length > 0\r\n\r\n  return ReactDOM.createPortal(\r\n    <AnimatePresence>\r\n      {visible && (\r\n        <motion.div\r\n          role=\"toolbar\"\r\n          aria-orientation=\"horizontal\"\r\n          initial={{ opacity: 0, y: 20 }}\r\n          animate={{ opacity: 1, y: 0 }}\r\n          exit={{ opacity: 0, y: 20 }}\r\n          transition={{ duration: 0.3, ease: \"easeInOut\" }}\r\n          className={cn(\r\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\",\r\n            className,\r\n          )}\r\n          {...props}\r\n        >\r\n          <TooltipProvider>1{children}</TooltipProvider>\r\n        </motion.div>\r\n      )}\r\n    </AnimatePresence>,\r\n    container,\r\n  )\r\n}\r\n\r\ninterface DataTableActionBarActionProps extends React.ComponentProps<typeof Button> {\r\n  tooltip?: string\r\n  isPending?: boolean\r\n}\r\n\r\nfunction DataTableActionBarAction({\r\n  size = \"sm\",\r\n  tooltip,\r\n  isPending,\r\n  disabled,\r\n  className,\r\n  children,\r\n  ...props\r\n}: DataTableActionBarActionProps) {\r\n  const trigger = (\r\n    <Button\r\n      variant=\"secondary\"\r\n      size={size}\r\n      className={cn(\r\n        \"gap-1.5 rounded-lg border border-secondary bg-secondary/50 hover:bg-secondary/70 transition-all duration-200\",\r\n        size === \"icon\" ? \"size-8\" : \"h-8 px-3\",\r\n        className,\r\n      )}\r\n      disabled={disabled || isPending}\r\n      {...props}\r\n    >\r\n      {isPending ? <Loader className=\"animate-spin\" /> : children}\r\n    </Button>\r\n  )\r\n\r\n  if (!tooltip) return trigger\r\n\r\n  return (\r\n    <Tooltip>\r\n      <TooltipTrigger asChild>{trigger}</TooltipTrigger>\r\n      <TooltipContent\r\n        sideOffset={8}\r\n        className=\"rounded-lg border font-semibold text-foreground bg-secondary [&>span]:hidden\"\r\n      >\r\n        <p>{tooltip}</p>\r\n      </TooltipContent>\r\n    </Tooltip>\r\n  )\r\n}\r\n\r\ninterface DataTableActionBarSelectionProps<TData> {\r\n  table: Table<TData> | null\r\n}\r\n\r\nfunction DataTableActionBarSelection<TData>({ table }: DataTableActionBarSelectionProps<TData>) {\r\n  const onClearSelection = React.useCallback(() => {\r\n    if (table) {\r\n      table.toggleAllRowsSelected(false)\r\n    }\r\n  }, [table])\r\n\r\n  if (!table) return null\r\n\r\n  return (\r\n    <div className=\"flex h-8 items-center rounded-lg border bg-muted/50 pr-1 pl-3\">\r\n      <span className=\"whitespace-nowrap text-sm font-medium\">\r\n        {table.getFilteredSelectedRowModel().rows.length} selected\r\n      </span>\r\n      <Separator orientation=\"vertical\" className=\"mr-2 ml-3 data-[orientation=vertical]:h-4\" />\r\n      <Tooltip>\r\n        <TooltipTrigger asChild>\r\n          <Button variant=\"ghost\" size=\"icon\" className=\"size-6 rounded-md\" onClick={onClearSelection}>\r\n            <X className=\"size-3.5\" />\r\n          </Button>\r\n        </TooltipTrigger>\r\n        <TooltipContent\r\n          sideOffset={10}\r\n          className=\"flex items-center gap-2 rounded-lg border px-3 py-2 font-semibold text-foregroun bg-secondary [&>span]:hidden\"\r\n        >\r\n          <p>Clear selection</p>\r\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\">\r\n            <abbr title=\"Escape\" className=\"no-underline\">\r\n              Esc\r\n            </abbr>\r\n          </kbd>\r\n        </TooltipContent>\r\n      </Tooltip>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport { DataTableActionBar, DataTableActionBarAction, DataTableActionBarSelection }\r\n\r\n/**\r\n\r\nimport { Button } from \"/..../ui/button\"\r\nimport { Separator } from \"/..../ui/separator\"\r\nimport { Tooltip, TooltipContent, TooltipTrigger, TooltipProvider } from \"/..../ui/tooltip\"\r\nimport { cn } from \"@/lib/utils\"\r\nimport type { Table } from \"@tanstack/react-table\"\r\nimport { Loader, X } from \"lucide-react\"\r\nimport { AnimatePresence, motion } from \"framer-motion\"\r\nimport * as React from \"react\"\r\nimport * as ReactDOM from \"react-dom\"\r\nimport { Toggle } from \"../ui/toggle\"\r\n\r\ninterface DataTableActionBarProps<TData> extends React.ComponentProps<typeof motion.div> {\r\n  table: Table<TData> | null\r\n  visible?: boolean\r\n  container?: Element | DocumentFragment | null\r\n  children: React.ReactNode\r\n}\r\n\r\nfunction DataTableActionBar<TData>({\r\n  table,\r\n  visible: visibleProp,\r\n  container: containerProp,\r\n  children,\r\n  className,\r\n  ...props\r\n}: DataTableActionBarProps<TData>) {\r\n  const [mounted, setMounted] = React.useState(false)\r\n\r\n  React.useLayoutEffect(() => {\r\n    setMounted(true)\r\n  }, [])\r\n\r\n  React.useEffect(() => {\r\n    function onKeyDown(event: KeyboardEvent) {\r\n      if (event.key === \"Escape\" && table) {\r\n        table.toggleAllRowsSelected(false)\r\n      }\r\n    }\r\n\r\n    window.addEventListener(\"keydown\", onKeyDown)\r\n    return () => window.removeEventListener(\"keydown\", onKeyDown)\r\n  }, [table])\r\n\r\n  const container = containerProp ?? (mounted ? globalThis.document?.body : null)\r\n\r\n  if (!container || !table) return null\r\n\r\n  const visible = visibleProp ?? table.getFilteredSelectedRowModel().rows.length > 0\r\n\r\n  return ReactDOM.createPortal(\r\n    <AnimatePresence>\r\n      {visible && (\r\n        <motion.div\r\n          role=\"toolbar\"\r\n          aria-orientation=\"horizontal\"\r\n          initial={{ opacity: 0, y: 20 }}\r\n          animate={{ opacity: 1, y: 0 }}\r\n          exit={{ opacity: 0, y: 20 }}\r\n          transition={{ duration: 0.2, ease: \"easeInOut\" }}\r\n          className={cn(\r\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-background/95 backdrop-blur-sm p-3 text-foreground shadow-lg ring-1 ring-black/5\",\r\n            className,\r\n          )}\r\n          {...props}\r\n        >\r\n          <TooltipProvider>{children}</TooltipProvider>\r\n        </motion.div>\r\n      )}\r\n    </AnimatePresence>,\r\n    container,\r\n  )\r\n}\r\n\r\ninterface DataTableActionBarActionProps extends React.ComponentProps<typeof Toggle> {\r\n  tooltip?: string\r\n  isPending?: boolean\r\n}\r\n\r\nfunction DataTableActionBarAction({\r\n  size = \"sm\",\r\n  tooltip,\r\n  isPending,\r\n  disabled,\r\n  className,\r\n  children,\r\n  ...props\r\n}: DataTableActionBarActionProps) {\r\n  const trigger = (\r\n    <Toggle\r\n      variant=\"default\"\r\n      size={size}\r\n      className={cn(\r\n        \"gap-1.5 rounded-lg border border-secondary bg-secondary/50 hover:bg-secondary/70 transition-all duration-200 p-2\",\r\n        className,\r\n      )}\r\n      disabled={disabled || isPending}\r\n      {...props}\r\n    >\r\n      {isPending ? <Loader className=\"animate-spin\" /> : children}\r\n    </Toggle>\r\n  )\r\n\r\n  if (!tooltip) return trigger\r\n\r\n  return (\r\n    <Tooltip>\r\n      <TooltipTrigger asChild>{trigger}</TooltipTrigger>\r\n      <TooltipContent\r\n        sideOffset={8}\r\n        className=\"rounded-lg border bg-accent font-semibold text-foreground dark:bg-zinc-900 [&>span]:hidden\"\r\n      >\r\n        <p>{tooltip}</p>\r\n      </TooltipContent>\r\n    </Tooltip>\r\n  )\r\n}\r\n\r\ninterface DataTableActionBarSelectionProps<TData> {\r\n  table: Table<TData> | null\r\n}\r\n\r\nfunction DataTableActionBarSelection<TData>({ table }: DataTableActionBarSelectionProps<TData>) {\r\n  const onClearSelection = React.useCallback(() => {\r\n    if (table) {\r\n      table.toggleAllRowsSelected(false)\r\n    }\r\n  }, [table])\r\n\r\n  if (!table) return null\r\n\r\n  return (\r\n    <div className=\"flex h-8 items-center rounded-lg border bg-muted/50 pr-1 pl-3\">\r\n      <span className=\"whitespace-nowrap text-sm font-medium\">\r\n        {table.getFilteredSelectedRowModel().rows.length} selected\r\n      </span>\r\n      <Separator orientation=\"vertical\" className=\"mr-2 ml-3 data-[orientation=vertical]:h-4\" />\r\n      <Tooltip>\r\n        <TooltipTrigger asChild>\r\n          <Button variant=\"ghost\" size=\"icon\" className=\"size-6 rounded-md\" onClick={onClearSelection}>\r\n            <X className=\"size-3.5\" />\r\n          </Button>\r\n        </TooltipTrigger>\r\n        <TooltipContent\r\n          sideOffset={10}\r\n          className=\"flex items-center gap-2 rounded-lg border bg-accent px-3 py-2 font-semibold text-foreground dark:bg-zinc-900 [&>span]:hidden\"\r\n        >\r\n          <p>Clear selection</p>\r\n          <kbd className=\"select-none rounded border bg-background px-2 py-1 font-mono font-normal text-[0.7rem] text-foreground shadow-sm\">\r\n            <abbr title=\"Escape\" className=\"no-underline\">\r\n              Esc\r\n            </abbr>\r\n          </kbd>\r\n        </TooltipContent>\r\n      </Tooltip>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport { DataTableActionBar, DataTableActionBarAction, DataTableActionBarSelection }\r\n\r\n */"],"mappings":"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","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-column-header.cjs

@@ -0,0 +1,3 @@
+"use client"
+"use strict";var m=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var R=Object.prototype.hasOwnProperty;var I=(e,t)=>{for(var n in t)m(e,n,{get:t[n],enumerable:!0})},k=(e,t,n,u)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of y(t))!R.call(e,s)&&s!==n&&m(e,s,{get:()=>t[s],enumerable:!(u=C(t,s))||u.enumerable});return e};var N=e=>k(m({},"__esModule",{value:!0}),e);var T={};I(T,{DataTableColumnHeader:()=>S});module.exports=N(T);var i=require("lucide-react");var l=require("clsx"),f=require("tailwind-merge");function r(...e){return(0,f.twMerge)((0,l.clsx)(e))}var g=require("radix-ui"),v=require("class-variance-authority");var w=require("react/jsx-runtime"),z=(0,v.cva)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function b({className:e,variant:t,size:n,asChild:u=!1,...s}){let P=u?g.Slot.Slot:"button";return(0,w.jsx)(P,{"data-slot":"button",className:r(z({variant:t,size:n,className:e}),"transition-none"),...s})}var d=require("radix-ui"),c=require("lucide-react");var a=require("react/jsx-runtime");function x({...e}){return(0,a.jsx)(d.DropdownMenu.Root,{"data-slot":"dropdown-menu",...e})}function h({...e}){return(0,a.jsx)(d.DropdownMenu.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function D({className:e,sideOffset:t=4,...n}){return(0,a.jsx)(d.DropdownMenu.Portal,{children:(0,a.jsx)(d.DropdownMenu.Content,{"data-slot":"dropdown-menu-content",sideOffset:t,className:r("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) rounded-md border p-1 shadow-md",e),...n})})}function p({className:e,inset:t,variant:n="default",...u}){return(0,a.jsx)(d.DropdownMenu.Item,{"data-slot":"dropdown-menu-item","data-inset":t,"data-variant":n,className:r("cursor-pointer focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...u})}function M({className:e,...t}){return(0,a.jsx)(d.DropdownMenu.Separator,{"data-slot":"dropdown-menu-separator",className:r("bg-border -mx-1 my-1 h-px",e),...t})}var o=require("react/jsx-runtime");function S({column:e,title:t,className:n}){return e.getCanSort()?(0,o.jsx)("div",{className:r("flex items-center space-x-2",n),children:(0,o.jsxs)(x,{children:[(0,o.jsx)(h,{asChild:!0,children:(0,o.jsxs)(b,{variant:"ghost",size:"sm",className:"-ml-3 h-8 data-[state=open]:bg-accent",children:[(0,o.jsx)("span",{children:t}),e.getIsSorted()==="desc"?(0,o.jsx)(i.ArrowUpDown,{className:"ml-2 h-4 w-4"}):e.getIsSorted()==="asc"?(0,o.jsx)(i.ArrowUpDown,{className:"ml-2 h-4 w-4"}):(0,o.jsx)(i.ArrowUpDown,{className:"ml-2 h-4 w-4"})]})}),(0,o.jsxs)(D,{align:"start",className:"rounded-lg",children:[(0,o.jsxs)(p,{onClick:()=>e.toggleSorting(!1),children:[(0,o.jsx)(i.ArrowUpDown,{className:"mr-2 h-3.5 w-3.5 text-muted-foreground/70"}),"Asc"]}),(0,o.jsxs)(p,{onClick:()=>e.toggleSorting(!0),children:[(0,o.jsx)(i.ArrowUpDown,{className:"mr-2 h-3.5 w-3.5 text-muted-foreground/70"}),"Desc"]}),(0,o.jsx)(M,{}),(0,o.jsxs)(p,{onClick:()=>e.toggleVisibility(!1),children:[(0,o.jsx)(i.EyeOff,{className:"mr-2 h-3.5 w-3.5 text-muted-foreground/70"}),"Hide"]})]})]})}):(0,o.jsx)("div",{className:r(n),children:t})}0&&(module.exports={DataTableColumnHeader});
+//# sourceMappingURL=data-table-column-header.cjs.map

package/dist/components/data/data-table/data-table-column-header.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/data/data-table/data-table-column-header.tsx","../../../../src/lib/utils.ts","../../../../src/components/ui/button.tsx","../../../../src/components/ui/dropdown-menu.tsx"],"sourcesContent":["import type React from \"react\"\r\n\r\nimport { ArrowUpDown, EyeOff } from \"lucide-react\"\r\nimport type { Column } from \"@tanstack/react-table\"\r\n\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n  DropdownMenuSeparator,\r\n  DropdownMenuTrigger,\r\n} from \"../../ui/dropdown-menu.jsx\"\r\n\r\ninterface DataTableColumnHeaderProps<TData, TValue> extends React.HTMLAttributes<HTMLDivElement> {\r\n  column: Column<TData, TValue>\r\n  title: string\r\n}\r\n\r\nexport function DataTableColumnHeader<TData, TValue>({\r\n  column,\r\n  title,\r\n  className,\r\n}: DataTableColumnHeaderProps<TData, TValue>) {\r\n  if (!column.getCanSort()) {\r\n    return <div className={cn(className)}>{title}</div>\r\n  }\r\n\r\n  return (\r\n    <div className={cn(\"flex items-center space-x-2\", className)}>\r\n      <DropdownMenu>\r\n        <DropdownMenuTrigger asChild>\r\n          <Button variant=\"ghost\" size=\"sm\" className=\"-ml-3 h-8 data-[state=open]:bg-accent\">\r\n            <span>{title}</span>\r\n            {column.getIsSorted() === \"desc\" ? (\r\n              <ArrowUpDown className=\"ml-2 h-4 w-4\" />\r\n            ) : column.getIsSorted() === \"asc\" ? (\r\n              <ArrowUpDown className=\"ml-2 h-4 w-4\" />\r\n            ) : (\r\n              <ArrowUpDown className=\"ml-2 h-4 w-4\" />\r\n            )}\r\n          </Button>\r\n        </DropdownMenuTrigger>\r\n        <DropdownMenuContent align=\"start\" className=\"rounded-lg\">\r\n          <DropdownMenuItem onClick={() => column.toggleSorting(false)}>\r\n            <ArrowUpDown className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\r\n            Asc\r\n          </DropdownMenuItem>\r\n          <DropdownMenuItem onClick={() => column.toggleSorting(true)}>\r\n            <ArrowUpDown className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\r\n            Desc\r\n          </DropdownMenuItem>\r\n          <DropdownMenuSeparator />\r\n          <DropdownMenuItem onClick={() => column.toggleVisibility(false)}>\r\n            <EyeOff className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\r\n            Hide\r\n          </DropdownMenuItem>\r\n        </DropdownMenuContent>\r\n      </DropdownMenu>\r\n    </div>\r\n  )\r\n}\r\n","import { clsx, type ClassValue } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs));\r\n}","import * as React from \"react\"\nimport { Slot as SlotPrimitive } from \"radix-ui\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }) {\n  const Comp = asChild ? SlotPrimitive.Slot : \"button\"\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }), \"transition-none\")}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n","import * as React from \"react\"\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\"\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction DropdownMenu({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return (\n    <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n  )\n}\n\nfunction DropdownMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) rounded-md border p-1 shadow-md\",\n          className\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  )\n}\n\nfunction DropdownMenuGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return (\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n  )\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean\n  variant?: \"default\" | \"destructive\"\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"cursor-pointer focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction DropdownMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      data-slot=\"dropdown-menu-radio-group\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  )\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-4\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  )\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n}\n"],"mappings":"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","names":["data_table_column_header_exports","__export","DataTableColumnHeader","__toCommonJS","import_lucide_react","import_clsx","import_tailwind_merge","cn","inputs","import_radix_ui","import_class_variance_authority","import_jsx_runtime","buttonVariants","Button","className","variant","size","asChild","props","Comp","SlotPrimitive","cn","import_radix_ui","import_lucide_react","import_jsx_runtime","DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuTrigger","props","DropdownMenuPrimitive","DropdownMenuContent","className","sideOffset","cn","DropdownMenuItem","className","inset","variant","props","DropdownMenuPrimitive","cn","DropdownMenuSeparator","className","props","DropdownMenuPrimitive","cn","import_jsx_runtime","DataTableColumnHeader","column","title","className","cn","DropdownMenu","DropdownMenuTrigger","Button","DropdownMenuContent","DropdownMenuItem","DropdownMenuSeparator"]}

package/dist/components/data/data-table/data-table-column-header.d.cts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { Column } from '@tanstack/react-table';
+
+interface DataTableColumnHeaderProps<TData, TValue> extends React__default.HTMLAttributes<HTMLDivElement> {
+    column: Column<TData, TValue>;
+    title: string;
+}
+declare function DataTableColumnHeader<TData, TValue>({ column, title, className, }: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime.JSX.Element;
+
+export { DataTableColumnHeader };

package/dist/components/data/data-table/data-table-column-header.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { Column } from '@tanstack/react-table';
+
+interface DataTableColumnHeaderProps<TData, TValue> extends React__default.HTMLAttributes<HTMLDivElement> {
+    column: Column<TData, TValue>;
+    title: string;
+}
+declare function DataTableColumnHeader<TData, TValue>({ column, title, className, }: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime.JSX.Element;
+
+export { DataTableColumnHeader };

package/dist/components/data/data-table/data-table-column-header.js

@@ -0,0 +1,3 @@
+"use client"
+import{ArrowUpDown as d,EyeOff as C}from"lucide-react";import{clsx as w}from"clsx";import{twMerge as x}from"tailwind-merge";function n(...e){return x(w(e))}import{Slot as h}from"radix-ui";import{cva as D}from"class-variance-authority";import{jsx as P}from"react/jsx-runtime";var M=D("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function m({className:e,variant:o,size:r,asChild:p=!1,...v}){let b=p?h.Slot:"button";return P(b,{"data-slot":"button",className:n(M({variant:o,size:r,className:e}),"transition-none"),...v})}import{DropdownMenu as a}from"radix-ui";import{CheckIcon as G,ChevronRightIcon as H,CircleIcon as L}from"lucide-react";import{jsx as i,jsxs as E}from"react/jsx-runtime";function c({...e}){return i(a.Root,{"data-slot":"dropdown-menu",...e})}function l({...e}){return i(a.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function f({className:e,sideOffset:o=4,...r}){return i(a.Portal,{children:i(a.Content,{"data-slot":"dropdown-menu-content",sideOffset:o,className:n("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) rounded-md border p-1 shadow-md",e),...r})})}function u({className:e,inset:o,variant:r="default",...p}){return i(a.Item,{"data-slot":"dropdown-menu-item","data-inset":o,"data-variant":r,className:n("cursor-pointer focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...p})}function g({className:e,...o}){return i(a.Separator,{"data-slot":"dropdown-menu-separator",className:n("bg-border -mx-1 my-1 h-px",e),...o})}import{jsx as t,jsxs as s}from"react/jsx-runtime";function J({column:e,title:o,className:r}){return e.getCanSort()?t("div",{className:n("flex items-center space-x-2",r),children:s(c,{children:[t(l,{asChild:!0,children:s(m,{variant:"ghost",size:"sm",className:"-ml-3 h-8 data-[state=open]:bg-accent",children:[t("span",{children:o}),e.getIsSorted()==="desc"?t(d,{className:"ml-2 h-4 w-4"}):e.getIsSorted()==="asc"?t(d,{className:"ml-2 h-4 w-4"}):t(d,{className:"ml-2 h-4 w-4"})]})}),s(f,{align:"start",className:"rounded-lg",children:[s(u,{onClick:()=>e.toggleSorting(!1),children:[t(d,{className:"mr-2 h-3.5 w-3.5 text-muted-foreground/70"}),"Asc"]}),s(u,{onClick:()=>e.toggleSorting(!0),children:[t(d,{className:"mr-2 h-3.5 w-3.5 text-muted-foreground/70"}),"Desc"]}),t(g,{}),s(u,{onClick:()=>e.toggleVisibility(!1),children:[t(C,{className:"mr-2 h-3.5 w-3.5 text-muted-foreground/70"}),"Hide"]})]})]})}):t("div",{className:n(r),children:o})}export{J as DataTableColumnHeader};
+//# sourceMappingURL=data-table-column-header.js.map

package/dist/components/data/data-table/data-table-column-header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/data/data-table/data-table-column-header.tsx","../../../../src/lib/utils.ts","../../../../src/components/ui/button.tsx","../../../../src/components/ui/dropdown-menu.tsx"],"sourcesContent":["import type React from \"react\"\r\n\r\nimport { ArrowUpDown, EyeOff } from \"lucide-react\"\r\nimport type { Column } from \"@tanstack/react-table\"\r\n\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n  DropdownMenuSeparator,\r\n  DropdownMenuTrigger,\r\n} from \"../../ui/dropdown-menu.jsx\"\r\n\r\ninterface DataTableColumnHeaderProps<TData, TValue> extends React.HTMLAttributes<HTMLDivElement> {\r\n  column: Column<TData, TValue>\r\n  title: string\r\n}\r\n\r\nexport function DataTableColumnHeader<TData, TValue>({\r\n  column,\r\n  title,\r\n  className,\r\n}: DataTableColumnHeaderProps<TData, TValue>) {\r\n  if (!column.getCanSort()) {\r\n    return <div className={cn(className)}>{title}</div>\r\n  }\r\n\r\n  return (\r\n    <div className={cn(\"flex items-center space-x-2\", className)}>\r\n      <DropdownMenu>\r\n        <DropdownMenuTrigger asChild>\r\n          <Button variant=\"ghost\" size=\"sm\" className=\"-ml-3 h-8 data-[state=open]:bg-accent\">\r\n            <span>{title}</span>\r\n            {column.getIsSorted() === \"desc\" ? (\r\n              <ArrowUpDown className=\"ml-2 h-4 w-4\" />\r\n            ) : column.getIsSorted() === \"asc\" ? (\r\n              <ArrowUpDown className=\"ml-2 h-4 w-4\" />\r\n            ) : (\r\n              <ArrowUpDown className=\"ml-2 h-4 w-4\" />\r\n            )}\r\n          </Button>\r\n        </DropdownMenuTrigger>\r\n        <DropdownMenuContent align=\"start\" className=\"rounded-lg\">\r\n          <DropdownMenuItem onClick={() => column.toggleSorting(false)}>\r\n            <ArrowUpDown className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\r\n            Asc\r\n          </DropdownMenuItem>\r\n          <DropdownMenuItem onClick={() => column.toggleSorting(true)}>\r\n            <ArrowUpDown className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\r\n            Desc\r\n          </DropdownMenuItem>\r\n          <DropdownMenuSeparator />\r\n          <DropdownMenuItem onClick={() => column.toggleVisibility(false)}>\r\n            <EyeOff className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\r\n            Hide\r\n          </DropdownMenuItem>\r\n        </DropdownMenuContent>\r\n      </DropdownMenu>\r\n    </div>\r\n  )\r\n}\r\n","import { clsx, type ClassValue } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs));\r\n}","import * as React from \"react\"\nimport { Slot as SlotPrimitive } from \"radix-ui\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }) {\n  const Comp = asChild ? SlotPrimitive.Slot : \"button\"\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }), \"transition-none\")}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n","import * as React from \"react\"\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\"\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction DropdownMenu({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return (\n    <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n  )\n}\n\nfunction DropdownMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) rounded-md border p-1 shadow-md\",\n          className\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  )\n}\n\nfunction DropdownMenuGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return (\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n  )\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean\n  variant?: \"default\" | \"destructive\"\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"cursor-pointer focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction DropdownMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      data-slot=\"dropdown-menu-radio-group\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  )\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-4\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  )\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n}\n"],"mappings":"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","names":["ArrowUpDown","EyeOff","clsx","twMerge","cn","inputs","SlotPrimitive","cva","jsx","buttonVariants","cva","Button","className","variant","size","asChild","props","Comp","SlotPrimitive","cn","DropdownMenuPrimitive","CheckIcon","ChevronRightIcon","CircleIcon","jsx","jsxs","DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuTrigger","props","jsx","DropdownMenuPrimitive","DropdownMenuContent","className","sideOffset","cn","DropdownMenuItem","className","inset","variant","props","jsx","DropdownMenuPrimitive","cn","DropdownMenuSeparator","className","props","jsx","DropdownMenuPrimitive","cn","jsx","jsxs","DataTableColumnHeader","column","title","className","cn","DropdownMenu","DropdownMenuTrigger","Button","ArrowUpDown","DropdownMenuContent","DropdownMenuItem","DropdownMenuSeparator","EyeOff"]}

package/dist/components/data/data-table/data-table-faceted-filter.cjs

@@ -0,0 +1,3 @@
+"use client"
+"use strict";var g=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var q=Object.getOwnPropertyNames;var M=Object.prototype.hasOwnProperty;var U=(e,t)=>{for(var i in t)g(e,i,{get:t[i],enumerable:!0})},X=(e,t,i,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of q(t))!M.call(e,a)&&a!==i&&g(e,a,{get:()=>t[a],enumerable:!(s=H(t,a))||s.enumerable});return e};var J=e=>X(g({},"__esModule",{value:!0}),e);var $={};U($,{DataTableFacetedFilter:()=>Z});module.exports=J($);var b=require("clsx"),C=require("tailwind-merge");function r(...e){return(0,C.twMerge)((0,b.clsx)(e))}var y=require("radix-ui"),P=require("class-variance-authority");var D=require("react/jsx-runtime"),K=(0,P.cva)("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",secondary:"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",destructive:"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"}},defaultVariants:{variant:"default"}});function c({className:e,variant:t,asChild:i=!1,...s}){let a=i?y.Slot.Slot:"span";return(0,D.jsx)(a,{"data-slot":"badge",className:r(K({variant:t}),e),...s})}var k=require("radix-ui"),w=require("class-variance-authority");var R=require("react/jsx-runtime"),Q=(0,w.cva)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function N({className:e,variant:t,size:i,asChild:s=!1,...a}){let n=s?k.Slot.Slot:"button";return(0,R.jsx)(n,{"data-slot":"button",className:r(Q({variant:t,size:i,className:e}),"transition-none"),...a})}var m=require("cmdk"),z=require("lucide-react");var W=require("radix-ui"),Y=require("lucide-react");var _=require("react/jsx-runtime");var d=require("react/jsx-runtime");function T({className:e,...t}){return(0,d.jsx)(m.Command,{"data-slot":"command",className:r("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",e),...t})}function S({className:e,...t}){return(0,d.jsxs)("div",{"data-slot":"command-input-wrapper",className:"flex h-9 items-center gap-2 border-b px-3",children:[(0,d.jsx)(z.SearchIcon,{className:"size-4 shrink-0 opacity-50"}),(0,d.jsx)(m.Command.Input,{"data-slot":"command-input",className:r("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",e),...t})]})}function V({className:e,...t}){return(0,d.jsx)(m.Command.List,{"data-slot":"command-list",className:r("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",e),...t})}function I({...e}){return(0,d.jsx)(m.Command.Empty,{"data-slot":"command-empty",className:"py-6 text-center text-sm",...e})}function f({className:e,...t}){return(0,d.jsx)(m.Command.Group,{"data-slot":"command-group",className:r("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",e),...t})}function F({className:e,...t}){return(0,d.jsx)(m.Command.Separator,{"data-slot":"command-separator",className:r("bg-border -mx-1 h-px",e),...t})}function v({className:e,...t}){return(0,d.jsx)(m.Command.Item,{"data-slot":"command-item",className:r("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...t})}var l=require("radix-ui");var p=require("react/jsx-runtime");function B({...e}){return(0,p.jsx)(l.Popover.Root,{"data-slot":"popover",...e})}function G({...e}){return(0,p.jsx)(l.Popover.Trigger,{"data-slot":"popover-trigger",...e})}function E({className:e,align:t="center",sideOffset:i=4,...s}){return(0,p.jsx)(l.Popover.Portal,{children:(0,p.jsx)(l.Popover.Content,{"data-slot":"popover-content",align:t,sideOffset:i,className:r("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",e),...s})})}var L=require("radix-ui");var A=require("react/jsx-runtime");function O({className:e,orientation:t="horizontal",decorative:i=!0,...s}){return(0,A.jsx)(L.Separator.Root,{"data-slot":"separator-root",decorative:i,orientation:t,className:r("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",e),...s})}var u=require("lucide-react"),o=require("react/jsx-runtime");function Z({column:e,title:t,options:i}){let s=e?.getFacetedUniqueValues(),a=new Set(e?.getFilterValue());return(0,o.jsxs)(B,{children:[(0,o.jsx)(G,{asChild:!0,children:(0,o.jsxs)(N,{variant:"outline",size:"sm",className:"h-9 border-dashed rounded-lg",children:[(0,o.jsx)(u.PlusCircleIcon,{className:"mr-2 h-4 w-4"}),t,a?.size>0&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(O,{orientation:"vertical",className:"mx-2 h-4"}),(0,o.jsx)(c,{variant:"secondary",className:"rounded-sm px-1 font-normal lg:hidden",children:a.size}),(0,o.jsx)("div",{className:"hidden space-x-1 lg:flex",children:a.size>2?(0,o.jsxs)(c,{variant:"secondary",className:"rounded-sm px-1 font-normal",children:[a.size," selected"]}):i.filter(n=>a.has(n.value)).map(n=>(0,o.jsx)(c,{variant:"secondary",className:"rounded-sm px-1 font-normal",children:n.label},n.value))})]})]})}),(0,o.jsx)(E,{className:"w-[200px] p-0 rounded-lg",align:"start",children:(0,o.jsxs)(T,{className:"rounded-lg",children:[(0,o.jsx)(S,{placeholder:t}),(0,o.jsxs)(V,{children:[(0,o.jsx)(I,{children:"No results found."}),(0,o.jsx)(f,{children:i.map(n=>{let h=a.has(n.value);return(0,o.jsxs)(v,{onSelect:()=>{h?a.delete(n.value):a.add(n.value);let x=Array.from(a);e?.setFilterValue(x.length?x:void 0)},children:[(0,o.jsx)("div",{className:r("mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",h?"bg-primary text-primary-foreground":"opacity-50 [&_svg]:invisible"),children:(0,o.jsx)(u.CheckIcon,{className:r("h-4 w-4")})}),n.icon&&(0,o.jsx)(n.icon,{className:"mr-2 h-4 w-4 text-muted-foreground"}),(0,o.jsx)("span",{children:n.label}),s?.get(n.value)&&(0,o.jsx)("span",{className:"ml-auto flex h-4 w-4 items-center justify-center font-mono text-xs",children:s.get(n.value)})]},n.value)})}),a.size>0&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(F,{}),(0,o.jsx)(f,{children:(0,o.jsx)(v,{onSelect:()=>e?.setFilterValue(void 0),className:"justify-center text-center",children:"Clear filters"})})]})]})]})})]})}0&&(module.exports={DataTableFacetedFilter});
+//# sourceMappingURL=data-table-faceted-filter.cjs.map

package/dist/components/data/data-table/data-table-faceted-filter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/data/data-table/data-table-faceted-filter.tsx","../../../../src/lib/utils.ts","../../../../src/components/ui/badge.tsx","../../../../src/components/ui/button.tsx","../../../../src/components/ui/command.tsx","../../../../src/components/ui/dialog.tsx","../../../../src/components/ui/popover.tsx","../../../../src/components/ui/separator.tsx"],"sourcesContent":["import type * as React from \"react\"\r\nimport type { Column } from \"@tanstack/react-table\"\r\n\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport { Badge } from \"../../ui/badge.jsx\"\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport {\r\n  Command,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandInput,\r\n  CommandItem,\r\n  CommandList,\r\n  CommandSeparator,\r\n} from \"../../ui/command.jsx\"\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../../ui/popover.jsx\"\r\nimport { Separator } from \"../../ui/separator.jsx\"\r\nimport { CheckIcon, PlusCircleIcon } from \"lucide-react\"\r\n\r\ninterface DataTableFacetedFilterProps<TData, TValue> {\r\n  column?: Column<TData, TValue>\r\n  title?: string\r\n  options: {\r\n    label: string\r\n    value: string\r\n    icon?: React.ComponentType<{ className?: string }>\r\n  }[]\r\n}\r\n\r\nexport function DataTableFacetedFilter<TData, TValue>({\r\n  column,\r\n  title,\r\n  options,\r\n}: DataTableFacetedFilterProps<TData, TValue>) {\r\n  const facets = column?.getFacetedUniqueValues()\r\n  const selectedValues = new Set(column?.getFilterValue() as string[])\r\n\r\n  return (\r\n    <Popover>\r\n      <PopoverTrigger asChild>\r\n        <Button variant=\"outline\" size=\"sm\" className=\"h-9 border-dashed rounded-lg\">\r\n          <PlusCircleIcon className=\"mr-2 h-4 w-4\" />\r\n          {title}\r\n          {selectedValues?.size > 0 && (\r\n            <>\r\n              <Separator orientation=\"vertical\" className=\"mx-2 h-4\" />\r\n              <Badge variant=\"secondary\" className=\"rounded-sm px-1 font-normal lg:hidden\">\r\n                {selectedValues.size}\r\n              </Badge>\r\n              <div className=\"hidden space-x-1 lg:flex\">\r\n                {selectedValues.size > 2 ? (\r\n                  <Badge variant=\"secondary\" className=\"rounded-sm px-1 font-normal\">\r\n                    {selectedValues.size} selected\r\n                  </Badge>\r\n                ) : (\r\n                  options\r\n                    .filter((option) => selectedValues.has(option.value))\r\n                    .map((option) => (\r\n                      <Badge variant=\"secondary\" key={option.value} className=\"rounded-sm px-1 font-normal\">\r\n                        {option.label}\r\n                      </Badge>\r\n                    ))\r\n                )}\r\n              </div>\r\n            </>\r\n          )}\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent className=\"w-[200px] p-0 rounded-lg\" align=\"start\">\r\n        <Command className=\"rounded-lg\">\r\n          <CommandInput placeholder={title} />\r\n          <CommandList>\r\n            <CommandEmpty>No results found.</CommandEmpty>\r\n            <CommandGroup>\r\n              {options.map((option) => {\r\n                const isSelected = selectedValues.has(option.value)\r\n                return (\r\n                  <CommandItem\r\n                    key={option.value}\r\n                    onSelect={() => {\r\n                      if (isSelected) {\r\n                        selectedValues.delete(option.value)\r\n                      } else {\r\n                        selectedValues.add(option.value)\r\n                      }\r\n                      const filterValues = Array.from(selectedValues)\r\n                      column?.setFilterValue(filterValues.length ? filterValues : undefined)\r\n                    }}\r\n                  >\r\n                    <div\r\n                      className={cn(\r\n                        \"mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary\",\r\n                        isSelected ? \"bg-primary text-primary-foreground\" : \"opacity-50 [&_svg]:invisible\",\r\n                      )}\r\n                    >\r\n                      <CheckIcon className={cn(\"h-4 w-4\")} />\r\n                    </div>\r\n                    {option.icon && <option.icon className=\"mr-2 h-4 w-4 text-muted-foreground\" />}\r\n                    <span>{option.label}</span>\r\n                    {facets?.get(option.value) && (\r\n                      <span className=\"ml-auto flex h-4 w-4 items-center justify-center font-mono text-xs\">\r\n                        {facets.get(option.value)}\r\n                      </span>\r\n                    )}\r\n                  </CommandItem>\r\n                )\r\n              })}\r\n            </CommandGroup>\r\n            {selectedValues.size > 0 && (\r\n              <>\r\n                <CommandSeparator />\r\n                <CommandGroup>\r\n                  <CommandItem\r\n                    onSelect={() => column?.setFilterValue(undefined)}\r\n                    className=\"justify-center text-center\"\r\n                  >\r\n                    Clear filters\r\n                  </CommandItem>\r\n                </CommandGroup>\r\n              </>\r\n            )}\r\n          </CommandList>\r\n        </Command>\r\n      </PopoverContent>\r\n    </Popover>\r\n  )\r\n}\r\n","import { clsx, type ClassValue } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs));\r\n}","import * as React from \"react\"\nimport { Slot as SlotPrimitive } from \"radix-ui\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nconst badgeVariants = cva(\n  \"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n        secondary:\n          \"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n        destructive:\n          \"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Badge({\n  className,\n  variant,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? SlotPrimitive.Slot : \"span\"\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Badge, badgeVariants }\n","import * as React from \"react\"\nimport { Slot as SlotPrimitive } from \"radix-ui\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }) {\n  const Comp = asChild ? SlotPrimitive.Slot : \"button\"\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }), \"transition-none\")}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n","import * as React from \"react\"\nimport { Command as CommandPrimitive } from \"cmdk\"\nimport { SearchIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"../../components/ui/dialog.jsx\"\n\nfunction Command({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        \"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandDialog({\n  title = \"Command Palette\",\n  description = \"Search for a command to run...\",\n  children,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string\n  description?: string\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent className=\"overflow-hidden p-0\">\n        <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nfunction CommandInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      className=\"flex h-9 items-center gap-2 border-b px-3\"\n    >\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          \"placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50\",\n          className\n        )}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction CommandList({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn(\n        \"max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandEmpty({\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className=\"py-6 text-center text-sm\"\n      {...props}\n    />\n  )\n}\n\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        \"text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn(\"bg-border -mx-1 h-px\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CommandItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        \"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n}\n","import * as React from \"react\"\nimport { Dialog as DialogPrimitive } from \"radix-ui\"\nimport { XIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\n}\n\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/70\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content>) {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg\",\n          className\n        )}\n        onInteractOutside={(e) => e.preventDefault()}\n        {...props}\n      >\n        {children}\n        <DialogPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\">\n          <XIcon />\n          <span className=\"sr-only\">Close</span>\n        </DialogPrimitive.Close>\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  )\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg leading-none font-semibold\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n}\n","import * as React from \"react\"\nimport { Popover as PopoverPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n  className,\n  align = \"center\",\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden\",\n          className\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }\n","import * as React from \"react\"\nimport { 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"],"mappings":"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","names":["data_table_faceted_filter_exports","__export","DataTableFacetedFilter","__toCommonJS","import_clsx","import_tailwind_merge","cn","inputs","import_radix_ui","import_class_variance_authority","import_jsx_runtime","badgeVariants","Badge","className","variant","asChild","props","Comp","SlotPrimitive","cn","import_radix_ui","import_class_variance_authority","import_jsx_runtime","buttonVariants","Button","className","variant","size","asChild","props","Comp","SlotPrimitive","cn","import_cmdk","import_lucide_react","import_radix_ui","import_lucide_react","import_jsx_runtime","import_jsx_runtime","Command","className","props","CommandPrimitive","cn","CommandInput","className","props","CommandPrimitive","cn","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","import_radix_ui","import_jsx_runtime","Popover","props","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","cn","import_radix_ui","import_jsx_runtime","Separator","className","orientation","decorative","props","SeparatorPrimitive","cn","import_lucide_react","import_jsx_runtime","DataTableFacetedFilter","column","title","options","facets","selectedValues","Popover","PopoverTrigger","Button","Separator","Badge","option","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","isSelected","CommandItem","filterValues","cn","CommandSeparator"]}

package/dist/components/data/data-table/data-table-faceted-filter.d.cts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Column } from '@tanstack/react-table';
+
+interface DataTableFacetedFilterProps<TData, TValue> {
+    column?: Column<TData, TValue>;
+    title?: string;
+    options: {
+        label: string;
+        value: string;
+        icon?: React.ComponentType<{
+            className?: string;
+        }>;
+    }[];
+}
+declare function DataTableFacetedFilter<TData, TValue>({ column, title, options, }: DataTableFacetedFilterProps<TData, TValue>): react_jsx_runtime.JSX.Element;
+
+export { DataTableFacetedFilter };