@acronis-platform/shadcn-uikit 0.34.0 → 0.36.3

package/dist/components/ui/dashboard-layout.js

@@ -2,29 +2,19 @@ import { jsx as s } from "react/jsx-runtime";
 import * as d from "react";
 import { cva as l } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
 import { cn as i } from "../../lib/utils.js";
-const m = l(
-  "grid gap-4",
-  {
-    variants: {
-      cols: {
-        1: "grid-cols-1",
-        2: "grid-cols-1 md:grid-cols-2",
-        3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
-        4: "grid-cols-1 md:grid-cols-2 lg:grid-cols-4"
-      }
-    },
-    defaultVariants: {
-      cols: 3
+const m = l("grid gap-4", {
+  variants: {
+    cols: {
+      1: "grid-cols-1",
+      2: "grid-cols-1 md:grid-cols-2",
+      3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
+      4: "grid-cols-1 md:grid-cols-2 lg:grid-cols-4"
     }
+  },
+  defaultVariants: {
+    cols: 3
   }
-), t = d.forwardRef(({ className: a, ...r }, o) => /* @__PURE__ */ s(
-  "div",
-  {
-    ref: o,
-    className: i("space-y-6", a),
-    ...r
-  }
-));
+}), t = d.forwardRef(({ className: a, ...r }, o) => /* @__PURE__ */ s("div", { ref: o, className: i("space-y-6", a), ...r }));
 t.displayName = "DashboardLayout";
 const g = d.forwardRef(
   ({ className: a, cols: r, ...o }, c) => /* @__PURE__ */ s(

package/dist/components/ui/dashboard-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard-layout.js","sources":["../../../src/components/ui/dashboard-layout.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '@/lib/utils'\n\nconst dashboardGridVariants = cva(\n  'grid gap-4',\n  {\n    variants: {\n      cols: {\n        1: 'grid-cols-1',\n        2: 'grid-cols-1 md:grid-cols-2',\n        3: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3',\n        4: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-4',\n      },\n    },\n    defaultVariants: {\n      cols: 3,\n    },\n  }\n)\n\nconst DashboardLayout = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('space-y-6', className)}\n    {...props}\n  />\n))\nDashboardLayout.displayName = 'DashboardLayout'\n\nexport interface DashboardGridProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof dashboardGridVariants> {}\n\nconst DashboardGrid = React.forwardRef<HTMLDivElement, DashboardGridProps>(\n  ({ className, cols, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(dashboardGridVariants({ cols }), className)}\n      {...props}\n    />\n  )\n)\nDashboardGrid.displayName = 'DashboardGrid'\n\nexport {\n  DashboardLayout,\n  DashboardGrid,\n  dashboardGridVariants,\n}"],"names":["dashboardGridVariants","cva","DashboardLayout","React","className","props","ref","jsx","cn","DashboardGrid","cols"],"mappings":";;;;AAKA,MAAMA,IAAwBC;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAEMC,IAAkBC,EAAM,WAG5B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,aAAaJ,CAAS;AAAA,IACnC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAgB,cAAc;AAM9B,MAAMO,IAAgBN,EAAM;AAAA,EAC1B,CAAC,EAAE,WAAAC,GAAW,MAAAM,GAAM,GAAGL,EAAA,GAASC,MAC9B,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE,EAAGR,EAAsB,EAAE,MAAAU,EAAA,CAAM,GAAGN,CAAS;AAAA,MACvD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAI,EAAc,cAAc;"}
+{"version":3,"file":"dashboard-layout.js","sources":["../../../src/components/ui/dashboard-layout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@/lib/utils';\n\nconst dashboardGridVariants = cva('grid gap-4', {\n  variants: {\n    cols: {\n      1: 'grid-cols-1',\n      2: 'grid-cols-1 md:grid-cols-2',\n      3: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3',\n      4: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-4',\n    },\n  },\n  defaultVariants: {\n    cols: 3,\n  },\n});\n\nconst DashboardLayout = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('space-y-6', className)} {...props} />\n));\nDashboardLayout.displayName = 'DashboardLayout';\n\nexport interface DashboardGridProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof dashboardGridVariants> {}\n\nconst DashboardGrid = React.forwardRef<HTMLDivElement, DashboardGridProps>(\n  ({ className, cols, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(dashboardGridVariants({ cols }), className)}\n      {...props}\n    />\n  )\n);\nDashboardGrid.displayName = 'DashboardGrid';\n\nexport { DashboardLayout, DashboardGrid, dashboardGridVariants };\n"],"names":["dashboardGridVariants","cva","DashboardLayout","React","className","props","ref","cn","DashboardGrid","cols","jsx"],"mappings":";;;;AAKA,MAAMA,IAAwBC,EAAI,cAAc;AAAA,EAC9C,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,IAAA;AAAA,EACL;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GAEKC,IAAkBC,EAAM,WAG5B,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBACzB,OAAA,EAAI,KAAAA,GAAU,WAAWC,EAAG,aAAaH,CAAS,GAAI,GAAGC,GAAO,CAClE;AACDH,EAAgB,cAAc;AAO9B,MAAMM,IAAgBL,EAAM;AAAA,EAC1B,CAAC,EAAE,WAAAC,GAAW,MAAAK,GAAM,GAAGJ,EAAA,GAASC,MAC9B,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAJ;AAAA,MACA,WAAWC,EAAGP,EAAsB,EAAE,MAAAS,EAAA,CAAM,GAAGL,CAAS;AAAA,MACvD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAG,EAAc,cAAc;"}

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

@@ -1,43 +1,51 @@
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import { cn as s } from "../../../lib/utils.js";
+import "react";
+import { cn as i } from "../../../lib/utils.js";
 import "../../icons/dynamic-icons.js";
-import { ArrowSortDownIcon as i, ArrowSortUpIcon as d, ChevronUpdownIcon as c, HideIcon as l } from "../../icons/auto-generated.js";
-import { Button as m } from "../button.js";
-import { DropdownMenu as g, DropdownMenuTrigger as h, DropdownMenuContent as p, DropdownMenuItem as t, DropdownMenuSeparator as w } from "../dropdown-menu.js";
-function C({
+import { ArrowSortDownIcon as s, ArrowSortUpIcon as d, ChevronUpdownIcon as c, HideIcon as m } from "../../icons/auto-generated.js";
+import { Button as l } from "../button.js";
+import { DropdownMenu as g, DropdownMenuTrigger as p, DropdownMenuContent as h, DropdownMenuItem as t, DropdownMenuSeparator as w } from "../dropdown-menu.js";
+function I({
   column: r,
   title: n,
   className: a
 }) {
-  return r.getCanSort() ? /* @__PURE__ */ e("div", { className: s("flex items-center space-x-2", a), children: /* @__PURE__ */ o(g, { children: [
+  return r.getCanSort() ? /* @__PURE__ */ e("div", { className: i("flex items-center space-x-2", a), children: /* @__PURE__ */ o(g, { children: [
     /* @__PURE__ */ o(
-      h,
+      p,
       {
-        render: /* @__PURE__ */ e(m, { variant: "ghost", size: "sm", className: "-ml-3 h-8 data-[open]:bg-accent" }),
+        render: /* @__PURE__ */ e(
+          l,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: "-ml-3 h-8 data-[open]:bg-accent"
+          }
+        ),
         children: [
           /* @__PURE__ */ e("span", { children: n }),
-          r.getIsSorted() === "desc" ? /* @__PURE__ */ e(i, { className: "ml-2 h-4 w-4" }) : r.getIsSorted() === "asc" ? /* @__PURE__ */ e(d, { className: "ml-2 h-4 w-4" }) : /* @__PURE__ */ e(c, { className: "ml-2 h-4 w-4" })
+          r.getIsSorted() === "desc" ? /* @__PURE__ */ e(s, { className: "ml-2 h-4 w-4" }) : r.getIsSorted() === "asc" ? /* @__PURE__ */ e(d, { className: "ml-2 h-4 w-4" }) : /* @__PURE__ */ e(c, { className: "ml-2 h-4 w-4" })
         ]
       }
     ),
-    /* @__PURE__ */ o(p, { align: "start", children: [
+    /* @__PURE__ */ o(h, { align: "start", children: [
       /* @__PURE__ */ o(t, { onClick: () => r.toggleSorting(!1), children: [
         /* @__PURE__ */ e(d, { className: "mr-2 h-3.5 w-3.5 text-muted-foreground/70" }),
         "Asc"
       ] }),
       /* @__PURE__ */ o(t, { onClick: () => r.toggleSorting(!0), children: [
-        /* @__PURE__ */ e(i, { className: "mr-2 h-3.5 w-3.5 text-muted-foreground/70" }),
+        /* @__PURE__ */ e(s, { className: "mr-2 h-3.5 w-3.5 text-muted-foreground/70" }),
         "Desc"
       ] }),
       /* @__PURE__ */ e(w, {}),
       /* @__PURE__ */ o(t, { onClick: () => r.toggleVisibility(!1), children: [
-        /* @__PURE__ */ e(l, { className: "mr-2 h-3.5 w-3.5 text-muted-foreground/70" }),
+        /* @__PURE__ */ e(m, { className: "mr-2 h-3.5 w-3.5 text-muted-foreground/70" }),
         "Hide"
       ] })
     ] })
-  ] }) }) : /* @__PURE__ */ e("div", { className: s(a), children: n });
+  ] }) }) : /* @__PURE__ */ e("div", { className: i(a), children: n });
 }
 export {
-  C as DataTableColumnHeader
+  I as DataTableColumnHeader
 };
 //# sourceMappingURL=data-table-column-header.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"data-table-column-header.js","sources":["../../../../src/components/ui/data-table/data-table-column-header.tsx"],"sourcesContent":["import { Column } from '@tanstack/react-table'\nimport { ArrowSortDownIcon, ArrowSortUpIcon, ChevronUpdownIcon, HideIcon } from '@/components/icons'\nimport { cn } from '@/lib/utils'\nimport { Button } from '@/components/ui/button'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu'\n\ninterface DataTableColumnHeaderProps<TData, TValue> extends React.HTMLAttributes<HTMLDivElement> {\n  column: Column<TData, TValue>\n  title: string\n}\n\nexport function DataTableColumnHeader<TData, TValue>({\n  column,\n  title,\n  className,\n}: DataTableColumnHeaderProps<TData, TValue>) {\n  if (!column.getCanSort()) {\n    return <div className={cn(className)}>{title}</div>\n  }\n\n  return (\n    <div className={cn('flex items-center space-x-2', className)}>\n      <DropdownMenu>\n        <DropdownMenuTrigger\n          render={<Button variant=\"ghost\" size=\"sm\" className=\"-ml-3 h-8 data-[open]:bg-accent\" />}\n        >\n          <span>{title}</span>\n          {column.getIsSorted() === 'desc' ? (\n            <ArrowSortDownIcon className=\"ml-2 h-4 w-4\" />\n          ) : column.getIsSorted() === 'asc' ? (\n            <ArrowSortUpIcon className=\"ml-2 h-4 w-4\" />\n          ) : (\n            <ChevronUpdownIcon className=\"ml-2 h-4 w-4\" />\n          )}\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\">\n          <DropdownMenuItem onClick={() => column.toggleSorting(false)}>\n            <ArrowSortUpIcon className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\n            Asc\n          </DropdownMenuItem>\n          <DropdownMenuItem onClick={() => column.toggleSorting(true)}>\n            <ArrowSortDownIcon className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\n            Desc\n          </DropdownMenuItem>\n          <DropdownMenuSeparator />\n          <DropdownMenuItem onClick={() => column.toggleVisibility(false)}>\n            <HideIcon className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\n            Hide\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  )\n}\n"],"names":["DataTableColumnHeader","column","title","className","jsx","cn","DropdownMenu","jsxs","DropdownMenuTrigger","Button","ArrowSortDownIcon","ArrowSortUpIcon","ChevronUpdownIcon","DropdownMenuContent","DropdownMenuItem","DropdownMenuSeparator","HideIcon"],"mappings":";;;;;;AAiBO,SAASA,EAAqC;AAAA,EACnD,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACF,GAA8C;AAC5C,SAAKF,EAAO,eAKV,gBAAAG,EAAC,SAAI,WAAWC,EAAG,+BAA+BF,CAAS,GACzD,4BAACG,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,0BAASC,GAAA,EAAO,SAAQ,SAAQ,MAAK,MAAK,WAAU,mCAAkC;AAAA,QAEtF,UAAA;AAAA,UAAA,gBAAAL,EAAC,UAAM,UAAAF,EAAA,CAAM;AAAA,UACZD,EAAO,kBAAkB,2BACvBS,GAAA,EAAkB,WAAU,gBAAe,IAC1CT,EAAO,kBAAkB,0BAC1BU,GAAA,EAAgB,WAAU,gBAAe,IAE1C,gBAAAP,EAACQ,GAAA,EAAkB,WAAU,eAAA,CAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGhD,gBAAAL,EAACM,GAAA,EAAoB,OAAM,SACzB,UAAA;AAAA,MAAA,gBAAAN,EAACO,KAAiB,SAAS,MAAMb,EAAO,cAAc,EAAK,GACzD,UAAA;AAAA,QAAA,gBAAAG,EAACO,GAAA,EAAgB,WAAU,4CAAA,CAA4C;AAAA,QAAE;AAAA,MAAA,GAE3E;AAAA,wBACCG,GAAA,EAAiB,SAAS,MAAMb,EAAO,cAAc,EAAI,GACxD,UAAA;AAAA,QAAA,gBAAAG,EAACM,GAAA,EAAkB,WAAU,4CAAA,CAA4C;AAAA,QAAE;AAAA,MAAA,GAE7E;AAAA,wBACCK,GAAA,EAAsB;AAAA,wBACtBD,GAAA,EAAiB,SAAS,MAAMb,EAAO,iBAAiB,EAAK,GAC5D,UAAA;AAAA,QAAA,gBAAAG,EAACY,GAAA,EAAS,WAAU,4CAAA,CAA4C;AAAA,QAAE;AAAA,MAAA,EAAA,CAEpE;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF,sBAlCQ,OAAA,EAAI,WAAWX,EAAGF,CAAS,GAAI,UAAAD,GAAM;AAoCjD;"}
+{"version":3,"file":"data-table-column-header.js","sources":["../../../../src/components/ui/data-table/data-table-column-header.tsx"],"sourcesContent":["import { Column } from '@tanstack/react-table';\nimport {\n  ArrowSortDownIcon,\n  ArrowSortUpIcon,\n  ChevronUpdownIcon,\n  HideIcon,\n} from '@/components/icons';\nimport { cn } from '@/lib/utils';\nimport { Button } from '@/components/ui/button';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu';\n\ninterface DataTableColumnHeaderProps<\n  TData,\n  TValue,\n> extends React.HTMLAttributes<HTMLDivElement> {\n  column: Column<TData, TValue>;\n  title: string;\n}\n\nexport function DataTableColumnHeader<TData, TValue>({\n  column,\n  title,\n  className,\n}: DataTableColumnHeaderProps<TData, TValue>) {\n  if (!column.getCanSort()) {\n    return <div className={cn(className)}>{title}</div>;\n  }\n\n  return (\n    <div className={cn('flex items-center space-x-2', className)}>\n      <DropdownMenu>\n        <DropdownMenuTrigger\n          render={\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"-ml-3 h-8 data-[open]:bg-accent\"\n            />\n          }\n        >\n          <span>{title}</span>\n          {column.getIsSorted() === 'desc' ? (\n            <ArrowSortDownIcon className=\"ml-2 h-4 w-4\" />\n          ) : column.getIsSorted() === 'asc' ? (\n            <ArrowSortUpIcon className=\"ml-2 h-4 w-4\" />\n          ) : (\n            <ChevronUpdownIcon className=\"ml-2 h-4 w-4\" />\n          )}\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\">\n          <DropdownMenuItem onClick={() => column.toggleSorting(false)}>\n            <ArrowSortUpIcon className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\n            Asc\n          </DropdownMenuItem>\n          <DropdownMenuItem onClick={() => column.toggleSorting(true)}>\n            <ArrowSortDownIcon className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\n            Desc\n          </DropdownMenuItem>\n          <DropdownMenuSeparator />\n          <DropdownMenuItem onClick={() => column.toggleVisibility(false)}>\n            <HideIcon className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\n            Hide\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  );\n}\n"],"names":["DataTableColumnHeader","column","title","className","jsx","cn","DropdownMenu","jsxs","DropdownMenuTrigger","Button","ArrowSortDownIcon","ArrowSortUpIcon","ChevronUpdownIcon","DropdownMenuContent","DropdownMenuItem","DropdownMenuSeparator","HideIcon"],"mappings":";;;;;;;AAyBO,SAASA,EAAqC;AAAA,EACnD,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACF,GAA8C;AAC5C,SAAKF,EAAO,eAKV,gBAAAG,EAAC,SAAI,WAAWC,EAAG,+BAA+BF,CAAS,GACzD,4BAACG,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,QACE,gBAAAJ;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAId,UAAA;AAAA,UAAA,gBAAAL,EAAC,UAAM,UAAAF,EAAA,CAAM;AAAA,UACZD,EAAO,kBAAkB,2BACvBS,GAAA,EAAkB,WAAU,gBAAe,IAC1CT,EAAO,kBAAkB,0BAC1BU,GAAA,EAAgB,WAAU,gBAAe,IAE1C,gBAAAP,EAACQ,GAAA,EAAkB,WAAU,eAAA,CAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGhD,gBAAAL,EAACM,GAAA,EAAoB,OAAM,SACzB,UAAA;AAAA,MAAA,gBAAAN,EAACO,KAAiB,SAAS,MAAMb,EAAO,cAAc,EAAK,GACzD,UAAA;AAAA,QAAA,gBAAAG,EAACO,GAAA,EAAgB,WAAU,4CAAA,CAA4C;AAAA,QAAE;AAAA,MAAA,GAE3E;AAAA,wBACCG,GAAA,EAAiB,SAAS,MAAMb,EAAO,cAAc,EAAI,GACxD,UAAA;AAAA,QAAA,gBAAAG,EAACM,GAAA,EAAkB,WAAU,4CAAA,CAA4C;AAAA,QAAE;AAAA,MAAA,GAE7E;AAAA,wBACCK,GAAA,EAAsB;AAAA,wBACtBD,GAAA,EAAiB,SAAS,MAAMb,EAAO,iBAAiB,EAAK,GAC5D,UAAA;AAAA,QAAA,gBAAAG,EAACY,GAAA,EAAS,WAAU,4CAAA,CAA4C;AAAA,QAAE;AAAA,MAAA,EAAA,CAEpE;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF,sBAxCQ,OAAA,EAAI,WAAWX,EAAGF,CAAS,GAAI,UAAAD,GAAM;AA0CjD;"}

package/dist/components/ui/data-table/data-table-pagination.js

@@ -1,9 +1,12 @@
 import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import "react";
 import "../../icons/dynamic-icons.js";
-import { ChevronBigLeftIcon as i, ChevronLeftIcon as l, ChevronRightIcon as o, ChevronBigRightIcon as c } from "../../icons/auto-generated.js";
-import { Button as t } from "../button.js";
-import { Select as r, SelectTrigger as d, SelectValue as g, SelectContent as m, SelectItem as h } from "../select.js";
-function v({ table: e }) {
+import { ChevronBigLeftIcon as i, ChevronLeftIcon as l, ChevronRightIcon as o, ChevronBigRightIcon as r } from "../../icons/auto-generated.js";
+import { Button as s } from "../button.js";
+import { Select as c, SelectTrigger as d, SelectValue as g, SelectContent as m, SelectItem as h } from "../select.js";
+function w({
+  table: e
+}) {
   return /* @__PURE__ */ n("div", { className: "flex items-center justify-between px-2", children: [
     /* @__PURE__ */ n("div", { className: "flex-1 text-sm text-muted-foreground", children: [
       e.getFilteredSelectedRowModel().rows.length,
@@ -16,15 +19,15 @@ function v({ table: e }) {
       /* @__PURE__ */ n("div", { className: "flex items-center space-x-2", children: [
         /* @__PURE__ */ a("p", { className: "text-sm font-medium", children: "Rows per page" }),
         /* @__PURE__ */ n(
-          r,
+          c,
           {
             value: `${e.getState().pagination.pageSize}`,
-            onValueChange: (s) => {
-              e.setPageSize(Number(s));
+            onValueChange: (t) => {
+              e.setPageSize(Number(t));
             },
             children: [
               /* @__PURE__ */ a(d, { className: "h-8 w-[70px]", children: /* @__PURE__ */ a(g, { placeholder: e.getState().pagination.pageSize }) }),
-              /* @__PURE__ */ a(m, { side: "top", children: [10, 20, 30, 40, 50].map((s) => /* @__PURE__ */ a(h, { value: `${s}`, children: s }, s)) })
+              /* @__PURE__ */ a(m, { side: "top", children: [10, 20, 30, 40, 50].map((t) => /* @__PURE__ */ a(h, { value: `${t}`, children: t }, t)) })
             ]
           }
         )
@@ -32,12 +35,13 @@ function v({ table: e }) {
       /* @__PURE__ */ n("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: [
         "Page ",
         e.getState().pagination.pageIndex + 1,
-        " of ",
+        " of",
+        " ",
         e.getPageCount()
       ] }),
       /* @__PURE__ */ n("div", { className: "flex items-center space-x-2", children: [
         /* @__PURE__ */ n(
-          t,
+          s,
           {
             variant: "outline",
             className: "hidden h-8 w-8 p-0 lg:flex",
@@ -50,7 +54,7 @@ function v({ table: e }) {
           }
         ),
         /* @__PURE__ */ n(
-          t,
+          s,
           {
             variant: "outline",
             className: "h-8 w-8 p-0",
@@ -63,7 +67,7 @@ function v({ table: e }) {
           }
         ),
         /* @__PURE__ */ n(
-          t,
+          s,
           {
             variant: "outline",
             className: "h-8 w-8 p-0",
@@ -76,7 +80,7 @@ function v({ table: e }) {
           }
         ),
         /* @__PURE__ */ n(
-          t,
+          s,
           {
             variant: "outline",
             className: "hidden h-8 w-8 p-0 lg:flex",
@@ -84,7 +88,7 @@ function v({ table: e }) {
             disabled: !e.getCanNextPage(),
             children: [
               /* @__PURE__ */ a("span", { className: "sr-only", children: "Go to last page" }),
-              /* @__PURE__ */ a(c, { className: "h-4 w-4" })
+              /* @__PURE__ */ a(r, { className: "h-4 w-4" })
             ]
           }
         )
@@ -93,6 +97,6 @@ function v({ table: e }) {
   ] });
 }
 export {
-  v as DataTablePagination
+  w as DataTablePagination
 };
 //# sourceMappingURL=data-table-pagination.js.map

package/dist/components/ui/data-table/data-table-pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-pagination.js","sources":["../../../../src/components/ui/data-table/data-table-pagination.tsx"],"sourcesContent":["import { Table } from '@tanstack/react-table'\nimport { ChevronLeftIcon, ChevronRightIcon, ChevronBigLeftIcon, ChevronBigRightIcon } from '@/components/icons'\nimport { Button } from '@/components/ui/button'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@/components/ui/select'\n\ninterface DataTablePaginationProps<TData> {\n  table: Table<TData>\n}\n\nexport function DataTablePagination<TData>({ table }: DataTablePaginationProps<TData>) {\n  return (\n    <div className=\"flex items-center justify-between px-2\">\n      <div className=\"flex-1 text-sm text-muted-foreground\">\n        {table.getFilteredSelectedRowModel().rows.length} of{' '}\n        {table.getFilteredRowModel().rows.length} row(s) selected.\n      </div>\n      <div className=\"flex items-center space-x-6 lg:space-x-8\">\n        <div className=\"flex items-center space-x-2\">\n          <p className=\"text-sm font-medium\">Rows per page</p>\n          <Select\n            value={`${table.getState().pagination.pageSize}`}\n            onValueChange={(value) => {\n              table.setPageSize(Number(value))\n            }}\n          >\n            <SelectTrigger className=\"h-8 w-[70px]\">\n              <SelectValue placeholder={table.getState().pagination.pageSize} />\n            </SelectTrigger>\n            <SelectContent side=\"top\">\n              {[10, 20, 30, 40, 50].map((pageSize) => (\n                <SelectItem key={pageSize} value={`${pageSize}`}>\n                  {pageSize}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n        <div className=\"flex w-[100px] items-center justify-center text-sm font-medium\">\n          Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}\n        </div>\n        <div className=\"flex items-center space-x-2\">\n          <Button\n            variant=\"outline\"\n            className=\"hidden h-8 w-8 p-0 lg:flex\"\n            onClick={() => table.setPageIndex(0)}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className=\"sr-only\">Go to first page</span>\n            <ChevronBigLeftIcon className=\"h-4 w-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            className=\"h-8 w-8 p-0\"\n            onClick={() => table.previousPage()}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className=\"sr-only\">Go to previous page</span>\n            <ChevronLeftIcon className=\"h-4 w-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            className=\"h-8 w-8 p-0\"\n            onClick={() => table.nextPage()}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className=\"sr-only\">Go to next page</span>\n            <ChevronRightIcon className=\"h-4 w-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            className=\"hidden h-8 w-8 p-0 lg:flex\"\n            onClick={() => table.setPageIndex(table.getPageCount() - 1)}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className=\"sr-only\">Go to last page</span>\n            <ChevronBigRightIcon className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["DataTablePagination","table","jsxs","jsx","Select","value","SelectTrigger","SelectValue","SelectContent","pageSize","SelectItem","Button","ChevronBigLeftIcon","ChevronLeftIcon","ChevronRightIcon","ChevronBigRightIcon"],"mappings":"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"}
+{"version":3,"file":"data-table-pagination.js","sources":["../../../../src/components/ui/data-table/data-table-pagination.tsx"],"sourcesContent":["import { Table } from '@tanstack/react-table';\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  ChevronBigLeftIcon,\n  ChevronBigRightIcon,\n} from '@/components/icons';\nimport { Button } from '@/components/ui/button';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@/components/ui/select';\n\ninterface DataTablePaginationProps<TData> {\n  table: Table<TData>;\n}\n\nexport function DataTablePagination<TData>({\n  table,\n}: DataTablePaginationProps<TData>) {\n  return (\n    <div className=\"flex items-center justify-between px-2\">\n      <div className=\"flex-1 text-sm text-muted-foreground\">\n        {table.getFilteredSelectedRowModel().rows.length} of{' '}\n        {table.getFilteredRowModel().rows.length} row(s) selected.\n      </div>\n      <div className=\"flex items-center space-x-6 lg:space-x-8\">\n        <div className=\"flex items-center space-x-2\">\n          <p className=\"text-sm font-medium\">Rows per page</p>\n          <Select\n            value={`${table.getState().pagination.pageSize}`}\n            onValueChange={(value) => {\n              table.setPageSize(Number(value));\n            }}\n          >\n            <SelectTrigger className=\"h-8 w-[70px]\">\n              <SelectValue placeholder={table.getState().pagination.pageSize} />\n            </SelectTrigger>\n            <SelectContent side=\"top\">\n              {[10, 20, 30, 40, 50].map((pageSize) => (\n                <SelectItem key={pageSize} value={`${pageSize}`}>\n                  {pageSize}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n        <div className=\"flex w-[100px] items-center justify-center text-sm font-medium\">\n          Page {table.getState().pagination.pageIndex + 1} of{' '}\n          {table.getPageCount()}\n        </div>\n        <div className=\"flex items-center space-x-2\">\n          <Button\n            variant=\"outline\"\n            className=\"hidden h-8 w-8 p-0 lg:flex\"\n            onClick={() => table.setPageIndex(0)}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className=\"sr-only\">Go to first page</span>\n            <ChevronBigLeftIcon className=\"h-4 w-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            className=\"h-8 w-8 p-0\"\n            onClick={() => table.previousPage()}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className=\"sr-only\">Go to previous page</span>\n            <ChevronLeftIcon className=\"h-4 w-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            className=\"h-8 w-8 p-0\"\n            onClick={() => table.nextPage()}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className=\"sr-only\">Go to next page</span>\n            <ChevronRightIcon className=\"h-4 w-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            className=\"hidden h-8 w-8 p-0 lg:flex\"\n            onClick={() => table.setPageIndex(table.getPageCount() - 1)}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className=\"sr-only\">Go to last page</span>\n            <ChevronBigRightIcon className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["DataTablePagination","table","jsxs","jsx","Select","value","SelectTrigger","SelectValue","SelectContent","pageSize","SelectItem","Button","ChevronBigLeftIcon","ChevronLeftIcon","ChevronRightIcon","ChevronBigRightIcon"],"mappings":"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"}

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

@@ -1,10 +1,11 @@
 import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import "react";
 import "../../icons/dynamic-icons.js";
 import { CloseIcon as a } from "../../icons/auto-generated.js";
-import { Button as c } from "../button.js";
-import { Input as p } from "../input.js";
+import { Button as p } from "../button.js";
+import { Input as c } from "../input.js";
 import { DataTableViewOptions as u } from "./data-table-view-options.js";
-function F({
+function v({
   table: e,
   searchKey: t,
   searchPlaceholder: s = "Filter..."
@@ -14,7 +15,7 @@ function F({
   return /* @__PURE__ */ l("div", { className: "flex items-center justify-between", children: [
     /* @__PURE__ */ l("div", { className: "flex flex-1 items-center space-x-2", children: [
       t && /* @__PURE__ */ o(
-        p,
+        c,
         {
           placeholder: s,
           value: ((r = e.getColumn(t)) == null ? void 0 : r.getFilterValue()) ?? "",
@@ -26,7 +27,7 @@ function F({
         }
       ),
       m && /* @__PURE__ */ l(
-        c,
+        p,
         {
           variant: "ghost",
           onClick: () => e.resetColumnFilters(),
@@ -42,6 +43,6 @@ function F({
   ] });
 }
 export {
-  F as DataTableToolbar
+  v as DataTableToolbar
 };
 //# sourceMappingURL=data-table-toolbar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"data-table-toolbar.js","sources":["../../../../src/components/ui/data-table/data-table-toolbar.tsx"],"sourcesContent":["import { Table } from '@tanstack/react-table'\nimport { CloseIcon } from '@/components/icons'\nimport { Button } from '@/components/ui/button'\nimport { Input } from '@/components/ui/input'\nimport { DataTableViewOptions } from './data-table-view-options'\n\ninterface DataTableToolbarProps<TData> {\n  table: Table<TData>\n  searchKey?: string\n  searchPlaceholder?: string\n}\n\nexport function DataTableToolbar<TData>({\n  table,\n  searchKey,\n  searchPlaceholder = 'Filter...',\n}: DataTableToolbarProps<TData>) {\n  const isFiltered = table.getState().columnFilters.length > 0\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <div className=\"flex flex-1 items-center space-x-2\">\n        {searchKey && (\n          <Input\n            placeholder={searchPlaceholder}\n            value={(table.getColumn(searchKey)?.getFilterValue() as string) ?? ''}\n            onChange={(event) => table.getColumn(searchKey)?.setFilterValue(event.target.value)}\n            className=\"h-8 w-[150px] lg:w-[250px]\"\n          />\n        )}\n        {isFiltered && (\n          <Button\n            variant=\"ghost\"\n            onClick={() => table.resetColumnFilters()}\n            className=\"h-8 px-2 lg:px-3\"\n          >\n            Reset\n            <CloseIcon className=\"ml-2 h-4 w-4\" />\n          </Button>\n        )}\n      </div>\n      <DataTableViewOptions table={table} />\n    </div>\n  )\n}\n"],"names":["DataTableToolbar","table","searchKey","searchPlaceholder","isFiltered","jsxs","jsx","Input","_a","event","Button","CloseIcon","DataTableViewOptions"],"mappings":";;;;;;AAYO,SAASA,EAAwB;AAAA,EACtC,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,GAAiC;;AAC/B,QAAMC,IAAaH,EAAM,SAAA,EAAW,cAAc,SAAS;AAE3D,SACE,gBAAAI,EAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,sCACZ,UAAA;AAAA,MAAAH,KACC,gBAAAI;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,aAAaJ;AAAA,UACb,SAAQK,IAAAP,EAAM,UAAUC,CAAS,MAAzB,gBAAAM,EAA4B,qBAA+B;AAAA,UACnE,UAAU,CAACC,MAAA;;AAAU,oBAAAD,IAAAP,EAAM,UAAUC,CAAS,MAAzB,gBAAAM,EAA4B,eAAeC,EAAM,OAAO;AAAA;AAAA,UAC7E,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAGbL,KACC,gBAAAC;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAMT,EAAM,mBAAA;AAAA,UACrB,WAAU;AAAA,UACX,UAAA;AAAA,YAAA;AAAA,YAEC,gBAAAK,EAACK,GAAA,EAAU,WAAU,eAAA,CAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACtC,GAEJ;AAAA,IACA,gBAAAL,EAACM,KAAqB,OAAAX,EAAA,CAAc;AAAA,EAAA,GACtC;AAEJ;"}
+{"version":3,"file":"data-table-toolbar.js","sources":["../../../../src/components/ui/data-table/data-table-toolbar.tsx"],"sourcesContent":["import { Table } from '@tanstack/react-table';\nimport { CloseIcon } from '@/components/icons';\nimport { Button } from '@/components/ui/button';\nimport { Input } from '@/components/ui/input';\nimport { DataTableViewOptions } from './data-table-view-options';\n\ninterface DataTableToolbarProps<TData> {\n  table: Table<TData>;\n  searchKey?: string;\n  searchPlaceholder?: string;\n}\n\nexport function DataTableToolbar<TData>({\n  table,\n  searchKey,\n  searchPlaceholder = 'Filter...',\n}: DataTableToolbarProps<TData>) {\n  const isFiltered = table.getState().columnFilters.length > 0;\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <div className=\"flex flex-1 items-center space-x-2\">\n        {searchKey && (\n          <Input\n            placeholder={searchPlaceholder}\n            value={\n              (table.getColumn(searchKey)?.getFilterValue() as string) ?? ''\n            }\n            onChange={(event) =>\n              table.getColumn(searchKey)?.setFilterValue(event.target.value)\n            }\n            className=\"h-8 w-[150px] lg:w-[250px]\"\n          />\n        )}\n        {isFiltered && (\n          <Button\n            variant=\"ghost\"\n            onClick={() => table.resetColumnFilters()}\n            className=\"h-8 px-2 lg:px-3\"\n          >\n            Reset\n            <CloseIcon className=\"ml-2 h-4 w-4\" />\n          </Button>\n        )}\n      </div>\n      <DataTableViewOptions table={table} />\n    </div>\n  );\n}\n"],"names":["DataTableToolbar","table","searchKey","searchPlaceholder","isFiltered","jsxs","jsx","Input","_a","event","Button","CloseIcon","DataTableViewOptions"],"mappings":";;;;;;;AAYO,SAASA,EAAwB;AAAA,EACtC,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,GAAiC;;AAC/B,QAAMC,IAAaH,EAAM,SAAA,EAAW,cAAc,SAAS;AAE3D,SACE,gBAAAI,EAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,sCACZ,UAAA;AAAA,MAAAH,KACC,gBAAAI;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,aAAaJ;AAAA,UACb,SACGK,IAAAP,EAAM,UAAUC,CAAS,MAAzB,gBAAAM,EAA4B,qBAA+B;AAAA,UAE9D,UAAU,CAACC,MAAA;;AACT,oBAAAD,IAAAP,EAAM,UAAUC,CAAS,MAAzB,gBAAAM,EAA4B,eAAeC,EAAM,OAAO;AAAA;AAAA,UAE1D,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAGbL,KACC,gBAAAC;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAMT,EAAM,mBAAA;AAAA,UACrB,WAAU;AAAA,UACX,UAAA;AAAA,YAAA;AAAA,YAEC,gBAAAK,EAACK,GAAA,EAAU,WAAU,eAAA,CAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACtC,GAEJ;AAAA,IACA,gBAAAL,EAACM,KAAqB,OAAAX,EAAA,CAAc;AAAA,EAAA,GACtC;AAEJ;"}

package/dist/components/ui/data-table/data-table-view-options.js

@@ -1,14 +1,24 @@
 import { jsxs as r, jsx as n } from "react/jsx-runtime";
+import "react";
 import "../../icons/dynamic-icons.js";
 import { SettingsIcon as t } from "../../icons/auto-generated.js";
 import { Button as a } from "../button.js";
 import { DropdownMenu as d, DropdownMenuTrigger as l, DropdownMenuContent as s, DropdownMenuLabel as p, DropdownMenuSeparator as m, DropdownMenuCheckboxItem as c } from "../dropdown-menu.js";
-function D({ table: i }) {
+function x({
+  table: i
+}) {
   return /* @__PURE__ */ r(d, { children: [
     /* @__PURE__ */ r(
       l,
       {
-        render: /* @__PURE__ */ n(a, { variant: "outline", size: "sm", className: "ml-auto hidden h-8 lg:flex" }),
+        render: /* @__PURE__ */ n(
+          a,
+          {
+            variant: "outline",
+            size: "sm",
+            className: "ml-auto hidden h-8 lg:flex"
+          }
+        ),
         children: [
           /* @__PURE__ */ n(t, { className: "mr-2 h-4 w-4" }),
           "View"
@@ -18,7 +28,9 @@ function D({ table: i }) {
     /* @__PURE__ */ r(s, { align: "end", className: "w-[150px]", children: [
       /* @__PURE__ */ n(p, { children: "Toggle columns" }),
       /* @__PURE__ */ n(m, {}),
-      i.getAllColumns().filter((e) => typeof e.accessorFn < "u" && e.getCanHide()).map((e) => /* @__PURE__ */ n(
+      i.getAllColumns().filter(
+        (e) => typeof e.accessorFn < "u" && e.getCanHide()
+      ).map((e) => /* @__PURE__ */ n(
         c,
         {
           className: "capitalize",
@@ -32,6 +44,6 @@ function D({ table: i }) {
   ] });
 }
 export {
-  D as DataTableViewOptions
+  x as DataTableViewOptions
 };
 //# sourceMappingURL=data-table-view-options.js.map

package/dist/components/ui/data-table/data-table-view-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-view-options.js","sources":["../../../../src/components/ui/data-table/data-table-view-options.tsx"],"sourcesContent":["import { Table } from '@tanstack/react-table'\nimport { SettingsIcon } from '@/components/icons'\nimport { Button } from '@/components/ui/button'\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu'\n\ninterface DataTableViewOptionsProps<TData> {\n  table: Table<TData>\n}\n\nexport function DataTableViewOptions<TData>({ table }: DataTableViewOptionsProps<TData>) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger\n        render={<Button variant=\"outline\" size=\"sm\" className=\"ml-auto hidden h-8 lg:flex\" />}\n      >\n        <SettingsIcon className=\"mr-2 h-4 w-4\" />\n        View\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" className=\"w-[150px]\">\n        <DropdownMenuLabel>Toggle columns</DropdownMenuLabel>\n        <DropdownMenuSeparator />\n        {table\n          .getAllColumns()\n          .filter((column) => typeof column.accessorFn !== 'undefined' && column.getCanHide())\n          .map((column) => {\n            return (\n              <DropdownMenuCheckboxItem\n                key={column.id}\n                className=\"capitalize\"\n                checked={column.getIsVisible()}\n                onCheckedChange={(value) => column.toggleVisibility(!!value)}\n              >\n                {column.id}\n              </DropdownMenuCheckboxItem>\n            )\n          })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n"],"names":["DataTableViewOptions","table","DropdownMenu","jsxs","DropdownMenuTrigger","Button","jsx","SettingsIcon","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","column","DropdownMenuCheckboxItem","value"],"mappings":";;;;;AAgBO,SAASA,EAA4B,EAAE,OAAAC,KAA2C;AACvF,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,0BAASC,GAAA,EAAO,SAAQ,WAAU,MAAK,MAAK,WAAU,8BAA6B;AAAA,QAEnF,UAAA;AAAA,UAAA,gBAAAC,EAACC,GAAA,EAAa,WAAU,eAAA,CAAe;AAAA,UAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAG3C,gBAAAJ,EAACK,GAAA,EAAoB,OAAM,OAAM,WAAU,aACzC,UAAA;AAAA,MAAA,gBAAAF,EAACG,KAAkB,UAAA,iBAAA,CAAc;AAAA,wBAChCC,GAAA,EAAsB;AAAA,MACtBT,EACE,cAAA,EACA,OAAO,CAACU,MAAW,OAAOA,EAAO,aAAe,OAAeA,EAAO,WAAA,CAAY,EAClF,IAAI,CAACA,MAEF,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UAEC,WAAU;AAAA,UACV,SAASD,EAAO,aAAA;AAAA,UAChB,iBAAiB,CAACE,MAAUF,EAAO,iBAAiB,CAAC,CAACE,CAAK;AAAA,UAE1D,UAAAF,EAAO;AAAA,QAAA;AAAA,QALHA,EAAO;AAAA,MAAA,CAQjB;AAAA,IAAA,EAAA,CACL;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"data-table-view-options.js","sources":["../../../../src/components/ui/data-table/data-table-view-options.tsx"],"sourcesContent":["import { Table } from '@tanstack/react-table';\nimport { SettingsIcon } from '@/components/icons';\nimport { Button } from '@/components/ui/button';\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu';\n\ninterface DataTableViewOptionsProps<TData> {\n  table: Table<TData>;\n}\n\nexport function DataTableViewOptions<TData>({\n  table,\n}: DataTableViewOptionsProps<TData>) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger\n        render={\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"ml-auto hidden h-8 lg:flex\"\n          />\n        }\n      >\n        <SettingsIcon className=\"mr-2 h-4 w-4\" />\n        View\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" className=\"w-[150px]\">\n        <DropdownMenuLabel>Toggle columns</DropdownMenuLabel>\n        <DropdownMenuSeparator />\n        {table\n          .getAllColumns()\n          .filter(\n            (column) =>\n              typeof column.accessorFn !== 'undefined' && column.getCanHide()\n          )\n          .map((column) => {\n            return (\n              <DropdownMenuCheckboxItem\n                key={column.id}\n                className=\"capitalize\"\n                checked={column.getIsVisible()}\n                onCheckedChange={(value) => column.toggleVisibility(!!value)}\n              >\n                {column.id}\n              </DropdownMenuCheckboxItem>\n            );\n          })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"names":["DataTableViewOptions","table","DropdownMenu","jsxs","DropdownMenuTrigger","jsx","Button","SettingsIcon","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","column","DropdownMenuCheckboxItem","value"],"mappings":";;;;;;AAgBO,SAASA,EAA4B;AAAA,EAC1C,OAAAC;AACF,GAAqC;AACnC,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,QACE,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAId,UAAA;AAAA,UAAA,gBAAAD,EAACE,GAAA,EAAa,WAAU,eAAA,CAAe;AAAA,UAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAG3C,gBAAAJ,EAACK,GAAA,EAAoB,OAAM,OAAM,WAAU,aACzC,UAAA;AAAA,MAAA,gBAAAH,EAACI,KAAkB,UAAA,iBAAA,CAAc;AAAA,wBAChCC,GAAA,EAAsB;AAAA,MACtBT,EACE,gBACA;AAAA,QACC,CAACU,MACC,OAAOA,EAAO,aAAe,OAAeA,EAAO,WAAA;AAAA,MAAW,EAEjE,IAAI,CAACA,MAEF,gBAAAN;AAAA,QAACO;AAAA,QAAA;AAAA,UAEC,WAAU;AAAA,UACV,SAASD,EAAO,aAAA;AAAA,UAChB,iBAAiB,CAACE,MAAUF,EAAO,iBAAiB,CAAC,CAACE,CAAK;AAAA,UAE1D,UAAAF,EAAO;AAAA,QAAA;AAAA,QALHA,EAAO;AAAA,MAAA,CAQjB;AAAA,IAAA,EAAA,CACL;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -1,34 +1,59 @@
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import { useReactTable as M, flexRender as s } from "../../../node_modules/.pnpm/@tanstack_react-table@8.21.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@tanstack/react-table/build/lib/index.js";
-import { useState as l } from "react";
-import { Table as S, TableHeader as f, TableRow as i, TableHead as T, TableBody as x, TableCell as a } from "../table.js";
-import { getFilteredRowModel as F, getSortedRowModel as y, getPaginationRowModel as V, getCoreRowModel as D } from "../../../node_modules/.pnpm/@tanstack_table-core@8.21.3/node_modules/@tanstack/table-core/build/lib/index.js";
-function B({ columns: r, data: c }) {
-  var d;
-  const [g, m] = l([]), [u, h] = l([]), [R, b] = l({}), [w, C] = l({}), n = M({
-    data: c,
-    columns: r,
-    getCoreRowModel: D(),
-    getPaginationRowModel: V(),
-    onSortingChange: m,
-    getSortedRowModel: y(),
-    onColumnFiltersChange: h,
-    getFilteredRowModel: F(),
-    onColumnVisibilityChange: b,
-    onRowSelectionChange: C,
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { useReactTable as T, flexRender as g } from "../../../node_modules/.pnpm/@tanstack_react-table@8.21.3_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@tanstack/react-table/build/lib/index.js";
+import { useState as l, Fragment as F } from "react";
+import { Table as y, TableHeader as N, TableRow as n, TableHead as V, TableBody as E, TableCell as d } from "../table.js";
+import { getFilteredRowModel as D, getSortedRowModel as H, getPaginationRowModel as P, getExpandedRowModel as j, getCoreRowModel as v } from "../../../node_modules/.pnpm/@tanstack_table-core@8.21.3/node_modules/@tanstack/table-core/build/lib/index.js";
+function A({
+  columns: a,
+  data: m,
+  getRowCanExpand: h,
+  renderExpandedRow: r
+}) {
+  var s;
+  const [p, u] = l([]), [b, C] = l([]), [R, w] = l({}), [x, M] = l({}), [S, f] = l({}), i = T({
+    data: m,
+    columns: a,
+    getCoreRowModel: v(),
+    getExpandedRowModel: j(),
+    getPaginationRowModel: P(),
+    getRowCanExpand: h,
+    onExpandedChange: f,
+    onSortingChange: u,
+    getSortedRowModel: H(),
+    onColumnFiltersChange: C,
+    getFilteredRowModel: D(),
+    onColumnVisibilityChange: w,
+    onRowSelectionChange: M,
     state: {
-      sorting: g,
-      columnFilters: u,
+      sorting: p,
+      columnFilters: b,
       columnVisibility: R,
-      rowSelection: w
+      rowSelection: x,
+      expanded: S
     }
   });
-  return /* @__PURE__ */ e("div", { className: "rounded-md border", children: /* @__PURE__ */ p(S, { children: [
-    /* @__PURE__ */ e(f, { children: n.getHeaderGroups().map((t) => /* @__PURE__ */ e(i, { children: t.headers.map((o) => /* @__PURE__ */ e(T, { children: o.isPlaceholder ? null : s(o.column.columnDef.header, o.getContext()) }, o.id)) }, t.id)) }),
-    /* @__PURE__ */ e(x, { children: (d = n.getRowModel().rows) != null && d.length ? n.getRowModel().rows.map((t) => /* @__PURE__ */ e(i, { "data-state": t.getIsSelected() && "selected", children: t.getVisibleCells().map((o) => /* @__PURE__ */ e(a, { children: s(o.column.columnDef.cell, o.getContext()) }, o.id)) }, t.id)) : /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(a, { colSpan: r.length, className: "h-24 text-center", children: "No results." }) }) })
+  return /* @__PURE__ */ e("div", { className: "rounded-md border", children: /* @__PURE__ */ c(y, { children: [
+    /* @__PURE__ */ e(N, { children: i.getHeaderGroups().map((t) => /* @__PURE__ */ e(n, { children: t.headers.map((o) => /* @__PURE__ */ e(V, { children: o.isPlaceholder ? null : g(
+      o.column.columnDef.header,
+      o.getContext()
+    ) }, o.id)) }, t.id)) }),
+    /* @__PURE__ */ e(E, { children: (s = i.getRowModel().rows) != null && s.length ? i.getRowModel().rows.map((t) => /* @__PURE__ */ c(F, { children: [
+      /* @__PURE__ */ e(n, { "data-state": t.getIsSelected() && "selected", children: t.getVisibleCells().map((o) => /* @__PURE__ */ e(d, { children: g(
+        o.column.columnDef.cell,
+        o.getContext()
+      ) }, o.id)) }),
+      r && t.getIsExpanded() && /* @__PURE__ */ e(n, { className: "hover:bg-transparent", children: /* @__PURE__ */ e(
+        d,
+        {
+          className: "h-auto py-3",
+          colSpan: t.getVisibleCells().length,
+          children: r(t)
+        }
+      ) })
+    ] }, t.id)) : /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(d, { colSpan: a.length, className: "h-24 text-center", children: "No results." }) }) })
   ] }) });
 }
 export {
-  B as DataTable
+  A as DataTable
 };
 //# sourceMappingURL=data-table.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"data-table.js","sources":["../../../../src/components/ui/data-table/data-table.tsx"],"sourcesContent":["import {\n  ColumnDef,\n  ColumnFiltersState,\n  SortingState,\n  VisibilityState,\n  flexRender,\n  getCoreRowModel,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport { useState } from 'react'\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'\n\ninterface DataTableProps<TData, TValue> {\n  columns: ColumnDef<TData, TValue>[]\n  data: TData[]\n}\n\nexport function DataTable<TData, TValue>({ columns, data }: DataTableProps<TData, TValue>) {\n  const [sorting, setSorting] = useState<SortingState>([])\n  const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([])\n  const [columnVisibility, setColumnVisibility] = useState<VisibilityState>({})\n  const [rowSelection, setRowSelection] = useState({})\n\n  const table = useReactTable({\n    data,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getPaginationRowModel: getPaginationRowModel(),\n    onSortingChange: setSorting,\n    getSortedRowModel: getSortedRowModel(),\n    onColumnFiltersChange: setColumnFilters,\n    getFilteredRowModel: getFilteredRowModel(),\n    onColumnVisibilityChange: setColumnVisibility,\n    onRowSelectionChange: setRowSelection,\n    state: {\n      sorting,\n      columnFilters,\n      columnVisibility,\n      rowSelection,\n    },\n  })\n\n  return (\n    <div className=\"rounded-md border\">\n      <Table>\n        <TableHeader>\n          {table.getHeaderGroups().map((headerGroup) => (\n            <TableRow key={headerGroup.id}>\n              {headerGroup.headers.map((header) => {\n                return (\n                  <TableHead key={header.id}>\n                    {header.isPlaceholder\n                      ? null\n                      : flexRender(header.column.columnDef.header, header.getContext())}\n                  </TableHead>\n                )\n              })}\n            </TableRow>\n          ))}\n        </TableHeader>\n        <TableBody>\n          {table.getRowModel().rows?.length ? (\n            table.getRowModel().rows.map((row) => (\n              <TableRow key={row.id} data-state={row.getIsSelected() && 'selected'}>\n                {row.getVisibleCells().map((cell) => (\n                  <TableCell key={cell.id}>\n                    {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                  </TableCell>\n                ))}\n              </TableRow>\n            ))\n          ) : (\n            <TableRow>\n              <TableCell colSpan={columns.length} className=\"h-24 text-center\">\n                No results.\n              </TableCell>\n            </TableRow>\n          )}\n        </TableBody>\n      </Table>\n    </div>\n  )\n}\n"],"names":["DataTable","columns","data","sorting","setSorting","useState","columnFilters","setColumnFilters","columnVisibility","setColumnVisibility","rowSelection","setRowSelection","table","useReactTable","getCoreRowModel","getPaginationRowModel","getSortedRowModel","getFilteredRowModel","jsx","Table","TableHeader","headerGroup","TableRow","header","TableHead","flexRender","TableBody","_a","row","cell","TableCell"],"mappings":";;;;;AAoBO,SAASA,EAAyB,EAAE,SAAAC,GAAS,MAAAC,KAAuC;;AACzF,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAuB,CAAA,CAAE,GACjD,CAACC,GAAeC,CAAgB,IAAIF,EAA6B,CAAA,CAAE,GACnE,CAACG,GAAkBC,CAAmB,IAAIJ,EAA0B,CAAA,CAAE,GACtE,CAACK,GAAcC,CAAe,IAAIN,EAAS,CAAA,CAAE,GAE7CO,IAAQC,EAAc;AAAA,IAC1B,MAAAX;AAAA,IACA,SAAAD;AAAA,IACA,iBAAiBa,EAAA;AAAA,IACjB,uBAAuBC,EAAA;AAAA,IACvB,iBAAiBX;AAAA,IACjB,mBAAmBY,EAAA;AAAA,IACnB,uBAAuBT;AAAA,IACvB,qBAAqBU,EAAA;AAAA,IACrB,0BAA0BR;AAAA,IAC1B,sBAAsBE;AAAA,IACtB,OAAO;AAAA,MACL,SAAAR;AAAA,MACA,eAAAG;AAAA,MACA,kBAAAE;AAAA,MACA,cAAAE;AAAA,IAAA;AAAA,EACF,CACD;AAED,SACE,gBAAAQ,EAAC,OAAA,EAAI,WAAU,qBACb,4BAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAA,EACE,UAAAR,EAAM,gBAAA,EAAkB,IAAI,CAACS,MAC5B,gBAAAH,EAACI,GAAA,EACE,UAAAD,EAAY,QAAQ,IAAI,CAACE,MAEtB,gBAAAL,EAACM,GAAA,EACE,UAAAD,EAAO,gBACJ,OACAE,EAAWF,EAAO,OAAO,UAAU,QAAQA,EAAO,WAAA,CAAY,EAAA,GAHpDA,EAAO,EAIvB,CAEH,EAAA,GATYF,EAAY,EAU3B,CACD,EAAA,CACH;AAAA,IACA,gBAAAH,EAACQ,GAAA,EACE,WAAAC,IAAAf,EAAM,YAAA,EAAc,SAApB,QAAAe,EAA0B,SACzBf,EAAM,YAAA,EAAc,KAAK,IAAI,CAACgB,MAC5B,gBAAAV,EAACI,GAAA,EAAsB,cAAYM,EAAI,cAAA,KAAmB,YACvD,UAAAA,EAAI,gBAAA,EAAkB,IAAI,CAACC,MAC1B,gBAAAX,EAACY,KACE,UAAAL,EAAWI,EAAK,OAAO,UAAU,MAAMA,EAAK,WAAA,CAAY,EAAA,GAD3CA,EAAK,EAErB,CACD,EAAA,GALYD,EAAI,EAMnB,CACD,IAED,gBAAAV,EAACI,GAAA,EACC,UAAA,gBAAAJ,EAACY,GAAA,EAAU,SAAS7B,EAAQ,QAAQ,WAAU,oBAAmB,UAAA,cAAA,CAEjE,EAAA,CACF,EAAA,CAEJ;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"data-table.js","sources":["../../../../src/components/ui/data-table/data-table.tsx"],"sourcesContent":["import {\n  ColumnDef,\n  ColumnFiltersState,\n  ExpandedState,\n  Row,\n  SortingState,\n  VisibilityState,\n  flexRender,\n  getCoreRowModel,\n  getExpandedRowModel,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from '@tanstack/react-table';\nimport { Fragment, type ReactNode, useState } from 'react';\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '@/components/ui/table';\n\nexport interface DataTableProps<TData, TValue> {\n  columns: ColumnDef<TData, TValue>[];\n  data: TData[];\n  /** Enables row expansion for rows that return true. Pair with `renderExpandedRow`. */\n  getRowCanExpand?: (row: Row<TData>) => boolean;\n  /**\n   * Renders expanded content for expanded rows.\n   * This is used only when a row is expanded and should be used together with `getRowCanExpand`.\n   */\n  renderExpandedRow?: (row: Row<TData>) => ReactNode;\n}\n\nexport function DataTable<TData, TValue>({\n  columns,\n  data,\n  getRowCanExpand,\n  renderExpandedRow,\n}: DataTableProps<TData, TValue>) {\n  const [sorting, setSorting] = useState<SortingState>([]);\n  const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([]);\n  const [columnVisibility, setColumnVisibility] = useState<VisibilityState>({});\n  const [rowSelection, setRowSelection] = useState({});\n  const [expanded, setExpanded] = useState<ExpandedState>({});\n\n  const table = useReactTable({\n    data,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getExpandedRowModel: getExpandedRowModel(),\n    getPaginationRowModel: getPaginationRowModel(),\n    getRowCanExpand,\n    onExpandedChange: setExpanded,\n    onSortingChange: setSorting,\n    getSortedRowModel: getSortedRowModel(),\n    onColumnFiltersChange: setColumnFilters,\n    getFilteredRowModel: getFilteredRowModel(),\n    onColumnVisibilityChange: setColumnVisibility,\n    onRowSelectionChange: setRowSelection,\n    state: {\n      sorting,\n      columnFilters,\n      columnVisibility,\n      rowSelection,\n      expanded,\n    },\n  });\n\n  return (\n    <div className=\"rounded-md border\">\n      <Table>\n        <TableHeader>\n          {table.getHeaderGroups().map((headerGroup) => (\n            <TableRow key={headerGroup.id}>\n              {headerGroup.headers.map((header) => {\n                return (\n                  <TableHead key={header.id}>\n                    {header.isPlaceholder\n                      ? null\n                      : flexRender(\n                          header.column.columnDef.header,\n                          header.getContext()\n                        )}\n                  </TableHead>\n                );\n              })}\n            </TableRow>\n          ))}\n        </TableHeader>\n        <TableBody>\n          {table.getRowModel().rows?.length ? (\n            table.getRowModel().rows.map((row) => (\n              <Fragment key={row.id}>\n                <TableRow data-state={row.getIsSelected() && 'selected'}>\n                  {row.getVisibleCells().map((cell) => (\n                    <TableCell key={cell.id}>\n                      {flexRender(\n                        cell.column.columnDef.cell,\n                        cell.getContext()\n                      )}\n                    </TableCell>\n                  ))}\n                </TableRow>\n                {renderExpandedRow && row.getIsExpanded() && (\n                  <TableRow className=\"hover:bg-transparent\">\n                    <TableCell\n                      className=\"h-auto py-3\"\n                      colSpan={row.getVisibleCells().length}\n                    >\n                      {renderExpandedRow(row)}\n                    </TableCell>\n                  </TableRow>\n                )}\n              </Fragment>\n            ))\n          ) : (\n            <TableRow>\n              <TableCell colSpan={columns.length} className=\"h-24 text-center\">\n                No results.\n              </TableCell>\n            </TableRow>\n          )}\n        </TableBody>\n      </Table>\n    </div>\n  );\n}\n"],"names":["DataTable","columns","data","getRowCanExpand","renderExpandedRow","sorting","setSorting","useState","columnFilters","setColumnFilters","columnVisibility","setColumnVisibility","rowSelection","setRowSelection","expanded","setExpanded","table","useReactTable","getCoreRowModel","getExpandedRowModel","getPaginationRowModel","getSortedRowModel","getFilteredRowModel","jsx","Table","TableHeader","headerGroup","TableRow","header","TableHead","flexRender","TableBody","_a","row","Fragment","cell","TableCell"],"mappings":";;;;;AAqCO,SAASA,EAAyB;AAAA,EACvC,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC;AACF,GAAkC;;AAChC,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAuB,CAAA,CAAE,GACjD,CAACC,GAAeC,CAAgB,IAAIF,EAA6B,CAAA,CAAE,GACnE,CAACG,GAAkBC,CAAmB,IAAIJ,EAA0B,CAAA,CAAE,GACtE,CAACK,GAAcC,CAAe,IAAIN,EAAS,CAAA,CAAE,GAC7C,CAACO,GAAUC,CAAW,IAAIR,EAAwB,CAAA,CAAE,GAEpDS,IAAQC,EAAc;AAAA,IAC1B,MAAAf;AAAA,IACA,SAAAD;AAAA,IACA,iBAAiBiB,EAAA;AAAA,IACjB,qBAAqBC,EAAA;AAAA,IACrB,uBAAuBC,EAAA;AAAA,IACvB,iBAAAjB;AAAA,IACA,kBAAkBY;AAAA,IAClB,iBAAiBT;AAAA,IACjB,mBAAmBe,EAAA;AAAA,IACnB,uBAAuBZ;AAAA,IACvB,qBAAqBa,EAAA;AAAA,IACrB,0BAA0BX;AAAA,IAC1B,sBAAsBE;AAAA,IACtB,OAAO;AAAA,MACL,SAAAR;AAAA,MACA,eAAAG;AAAA,MACA,kBAAAE;AAAA,MACA,cAAAE;AAAA,MACA,UAAAE;AAAA,IAAA;AAAA,EACF,CACD;AAED,SACE,gBAAAS,EAAC,OAAA,EAAI,WAAU,qBACb,4BAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAA,EACE,UAAAT,EAAM,gBAAA,EAAkB,IAAI,CAACU,MAC5B,gBAAAH,EAACI,GAAA,EACE,UAAAD,EAAY,QAAQ,IAAI,CAACE,MAEtB,gBAAAL,EAACM,GAAA,EACE,UAAAD,EAAO,gBACJ,OACAE;AAAA,MACEF,EAAO,OAAO,UAAU;AAAA,MACxBA,EAAO,WAAA;AAAA,IAAW,EACpB,GANUA,EAAO,EAOvB,CAEH,EAAA,GAZYF,EAAY,EAa3B,CACD,EAAA,CACH;AAAA,IACA,gBAAAH,EAACQ,GAAA,EACE,WAAAC,IAAAhB,EAAM,YAAA,EAAc,SAApB,QAAAgB,EAA0B,SACzBhB,EAAM,YAAA,EAAc,KAAK,IAAI,CAACiB,wBAC3BC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAX,EAACI,GAAA,EAAS,cAAYM,EAAI,cAAA,KAAmB,YAC1C,UAAAA,EAAI,gBAAA,EAAkB,IAAI,CAACE,wBACzBC,GAAA,EACE,UAAAN;AAAA,QACCK,EAAK,OAAO,UAAU;AAAA,QACtBA,EAAK,WAAA;AAAA,MAAW,EAClB,GAJcA,EAAK,EAKrB,CACD,GACH;AAAA,MACC/B,KAAqB6B,EAAI,cAAA,KACxB,gBAAAV,EAACI,GAAA,EAAS,WAAU,wBAClB,UAAA,gBAAAJ;AAAA,QAACa;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAASH,EAAI,gBAAA,EAAkB;AAAA,UAE9B,YAAkBA,CAAG;AAAA,QAAA;AAAA,MAAA,EACxB,CACF;AAAA,IAAA,KAnBWA,EAAI,EAqBnB,CACD,sBAEAN,GAAA,EACC,UAAA,gBAAAJ,EAACa,GAAA,EAAU,SAASnC,EAAQ,QAAQ,WAAU,oBAAmB,UAAA,eAEjE,GACF,EAAA,CAEJ;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/ui/date-picker.js

@@ -1,29 +1,34 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import * as a from "react";
-import { Button as m } from "./button.js";
-import { Calendar as n } from "./calendar.js";
+import { Button as n } from "./button.js";
+import { Calendar as m } from "./calendar.js";
 import { CalendarIcon as i } from "../icons/auto-generated.js";
-import { Popover as s, PopoverTrigger as p, PopoverContent as d } from "./popover.js";
-import { formatDate as l } from "../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/format.js";
-function v() {
+import { Popover as p, PopoverTrigger as s, PopoverContent as d } from "./popover.js";
+import { format as c } from "../../node_modules/.pnpm/date-fns@4.3.0/node_modules/date-fns/format.js";
+function g() {
   const [e, r] = a.useState();
-  return /* @__PURE__ */ o(s, { children: [
-    /* @__PURE__ */ t(p, { asChild: !0, children: /* @__PURE__ */ o(
-      m,
+  return /* @__PURE__ */ o(p, { children: [
+    /* @__PURE__ */ t(
+      s,
       {
-        variant: "outline",
-        "data-empty": !e,
-        className: "data-[empty=true]:text-muted-foreground w-[280px] justify-start text-left font-normal",
-        children: [
-          /* @__PURE__ */ t(i, {}),
-          e ? l(e, "PPP") : /* @__PURE__ */ t("span", { children: "Pick a date" })
-        ]
+        render: /* @__PURE__ */ o(
+          n,
+          {
+            variant: "outline",
+            "data-empty": !e,
+            className: "data-[empty=true]:text-muted-foreground w-[280px] justify-start text-left font-normal",
+            children: [
+              /* @__PURE__ */ t(i, {}),
+              e ? c(e, "PPP") : /* @__PURE__ */ t("span", { children: "Pick a date" })
+            ]
+          }
+        )
       }
-    ) }),
-    /* @__PURE__ */ t(d, { className: "w-auto p-0", children: /* @__PURE__ */ t(n, { mode: "single", selected: e, onSelect: r }) })
+    ),
+    /* @__PURE__ */ t(d, { className: "w-auto p-0", children: /* @__PURE__ */ t(m, { mode: "single", selected: e, onSelect: r }) })
   ] });
 }
 export {
-  v as DatePicker
+  g as DatePicker
 };
 //# sourceMappingURL=date-picker.js.map

package/dist/components/ui/date-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.js","sources":["../../../src/components/ui/date-picker.tsx"],"sourcesContent":["import * as React from 'react'\nimport { format } from 'date-fns'\nimport { Button } from '@/components/ui/button'\nimport { Calendar } from '@/components/ui/calendar'\nimport { CalendarIcon } from '@/components/icons/auto-generated'\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'\n\nexport function DatePicker() {\n  const [date, setDate] = React.useState<Date>()\n\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button\n          variant=\"outline\"\n          data-empty={!date}\n          className=\"data-[empty=true]:text-muted-foreground w-[280px] justify-start text-left font-normal\"\n        >\n          <CalendarIcon />\n          {date ? format(date, 'PPP') : <span>Pick a date</span>}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-auto p-0\">\n        <Calendar mode=\"single\" selected={date} onSelect={setDate} />\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],"names":["DatePicker","date","setDate","React","Popover","jsx","PopoverTrigger","jsxs","Button","CalendarIcon","format","PopoverContent","Calendar"],"mappings":";;;;;;;AAOO,SAASA,IAAa;AAC3B,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAM,SAAA;AAE9B,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAe,SAAO,IACrB,UAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,cAAY,CAACP;AAAA,QACb,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAI,EAACI,GAAA,EAAa;AAAA,UACbR,IAAOS,EAAOT,GAAM,KAAK,IAAI,gBAAAI,EAAC,UAAK,UAAA,cAAA,CAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEnD;AAAA,IACA,gBAAAA,EAACM,GAAA,EAAe,WAAU,cACxB,UAAA,gBAAAN,EAACO,GAAA,EAAS,MAAK,UAAS,UAAUX,GAAM,UAAUC,EAAA,CAAS,EAAA,CAC7D;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"date-picker.js","sources":["../../../src/components/ui/date-picker.tsx"],"sourcesContent":["import * as React from 'react';\nimport { format } from 'date-fns';\nimport { Button } from '@/components/ui/button';\nimport { Calendar } from '@/components/ui/calendar';\nimport { CalendarIcon } from '@/components/icons/auto-generated';\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@/components/ui/popover';\n\nexport function DatePicker() {\n  const [date, setDate] = React.useState<Date>();\n\n  return (\n    <Popover>\n      <PopoverTrigger\n        render={\n          <Button\n            variant=\"outline\"\n            data-empty={!date}\n            className=\"data-[empty=true]:text-muted-foreground w-[280px] justify-start text-left font-normal\"\n          >\n            <CalendarIcon />\n            {date ? format(date, 'PPP') : <span>Pick a date</span>}\n          </Button>\n        }\n      />\n      <PopoverContent className=\"w-auto p-0\">\n        <Calendar mode=\"single\" selected={date} onSelect={setDate} />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"names":["DatePicker","date","setDate","React","Popover","jsx","PopoverTrigger","jsxs","Button","CalendarIcon","format","PopoverContent","Calendar"],"mappings":";;;;;;;AAWO,SAASA,IAAa;AAC3B,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAM,SAAA;AAE9B,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,QACE,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,cAAY,CAACP;AAAA,YACb,WAAU;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAAI,EAACI,GAAA,EAAa;AAAA,cACbR,IAAOS,EAAOT,GAAM,KAAK,IAAI,gBAAAI,EAAC,UAAK,UAAA,cAAA,CAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACjD;AAAA,IAAA;AAAA,IAGJ,gBAAAA,EAACM,GAAA,EAAe,WAAU,cACxB,UAAA,gBAAAN,EAACO,GAAA,EAAS,MAAK,UAAS,UAAUX,GAAM,UAAUC,EAAA,CAAS,EAAA,CAC7D;AAAA,EAAA,GACF;AAEJ;"}