@wealthx/shadcn 1.2.2 → 1.3.0

package/dist/components/ui/opportunity-summary-tab.mjs

@@ -1,29 +1,29 @@
 import {
   OpportunitySummaryTab
-} from "../../chunk-S4QRUQNW.mjs";
-import "../../chunk-URGMJAE3.mjs";
-import "../../chunk-JHJHG4GO.mjs";
-import "../../chunk-A56YQQHG.mjs";
-import "../../chunk-PCPLO5HT.mjs";
-import "../../chunk-7XJHLGUV.mjs";
+} from "../../chunk-4GAWMKMI.mjs";
+import "../../chunk-IAE3F7DR.mjs";
+import "../../chunk-IOJRDS6V.mjs";
 import "../../chunk-OGOYQ7BG.mjs";
+import "../../chunk-MN5NYQCL.mjs";
+import "../../chunk-7PV3IWCN.mjs";
+import "../../chunk-DUJTAXMH.mjs";
+import "../../chunk-3GF7OVTP.mjs";
 import "../../chunk-U5X52X37.mjs";
 import "../../chunk-Y6DWJSKZ.mjs";
+import "../../chunk-7XJHLGUV.mjs";
 import "../../chunk-EI5F6FMT.mjs";
 import "../../chunk-BDYZCBRT.mjs";
-import "../../chunk-5MEWU56Z.mjs";
-import "../../chunk-P6AM5V7O.mjs";
-import "../../chunk-3GF7OVTP.mjs";
 import "../../chunk-34NWQURD.mjs";
-import "../../chunk-WAZD7NFU.mjs";
+import "../../chunk-OODBHKG7.mjs";
+import "../../chunk-JHJHG4GO.mjs";
+import "../../chunk-BKNFWEH2.mjs";
 import "../../chunk-MARPPFOJ.mjs";
-import "../../chunk-FH6QVUVZ.mjs";
-import "../../chunk-NSLMILBT.mjs";
 import "../../chunk-7PYJD5JI.mjs";
+import "../../chunk-NSLMILBT.mjs";
 import "../../chunk-RGVKLTLH.mjs";
-import "../../chunk-XIRTEFKH.mjs";
 import "../../chunk-GYMYRIZP.mjs";
-import "../../chunk-2I5S2AMY.mjs";
+import "../../chunk-6DZEXFNB.mjs";
+import "../../chunk-XREGSKX3.mjs";
 import "../../chunk-DBHJ5KC3.mjs";
 import "../../chunk-FEZKMUCF.mjs";
 import "../../chunk-QOJ2DQD6.mjs";

package/dist/components/ui/page-header.js

@@ -0,0 +1,92 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ui/page-header.tsx
+var page_header_exports = {};
+__export(page_header_exports, {
+  PageHeader: () => PageHeader
+});
+module.exports = __toCommonJS(page_header_exports);
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      "font-size": [
+        {
+          text: [
+            "display-large",
+            "display-medium",
+            "display-small",
+            "h1",
+            "h2",
+            "h3",
+            "h4",
+            "h5",
+            "h6",
+            "body-large",
+            "body-medium",
+            "body-small",
+            "label-large",
+            "label-medium",
+            "label-small",
+            "button",
+            "button-xs",
+            "caption",
+            "overline",
+            "code"
+          ]
+        }
+      ]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/ui/page-header.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function PageHeader({
+  title,
+  description,
+  actions,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      "data-slot": "page-header",
+      className: cn("flex items-start justify-between gap-4", className),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "text-xl font-bold leading-tight", children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground", children: description })
+        ] }),
+        actions && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex shrink-0 items-center gap-2", children: actions })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PageHeader
+});

package/dist/components/ui/page-header.mjs

@@ -0,0 +1,8 @@
+import {
+  PageHeader
+} from "../../chunk-NL3ZO62D.mjs";
+import "../../chunk-VLQZANBF.mjs";
+import "../../chunk-FWCSY2DS.mjs";
+export {
+  PageHeader
+};

package/dist/components/ui/page-top-bar.js

@@ -0,0 +1,88 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ui/page-top-bar.tsx
+var page_top_bar_exports = {};
+__export(page_top_bar_exports, {
+  PageTopBar: () => PageTopBar
+});
+module.exports = __toCommonJS(page_top_bar_exports);
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      "font-size": [
+        {
+          text: [
+            "display-large",
+            "display-medium",
+            "display-small",
+            "h1",
+            "h2",
+            "h3",
+            "h4",
+            "h5",
+            "h6",
+            "body-large",
+            "body-medium",
+            "body-small",
+            "label-large",
+            "label-medium",
+            "label-small",
+            "button",
+            "button-xs",
+            "caption",
+            "overline",
+            "code"
+          ]
+        }
+      ]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/ui/page-top-bar.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function PageTopBar({ title, actions, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      "data-slot": "page-top-bar",
+      className: cn(
+        "flex shrink-0 items-center justify-between gap-4",
+        "border-b border-border bg-background px-6 py-3",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "text-lg font-semibold leading-tight", children: title }),
+        actions && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex items-center gap-2", children: actions })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PageTopBar
+});

package/dist/components/ui/page-top-bar.mjs

@@ -0,0 +1,8 @@
+import {
+  PageTopBar
+} from "../../chunk-DOEO3CDL.mjs";
+import "../../chunk-VLQZANBF.mjs";
+import "../../chunk-FWCSY2DS.mjs";
+export {
+  PageTopBar
+};

package/dist/components/ui/pagination.js

@@ -64,11 +64,13 @@ __export(pagination_exports, {
   PaginationEllipsis: () => PaginationEllipsis,
   PaginationItem: () => PaginationItem,
   PaginationLink: () => PaginationLink,
+  PaginationNavButtons: () => PaginationNavButtons,
   PaginationNext: () => PaginationNext,
-  PaginationPrevious: () => PaginationPrevious
+  PaginationPrevious: () => PaginationPrevious,
+  TablePagination: () => TablePagination
 });
 module.exports = __toCommonJS(pagination_exports);
-var import_lucide_react2 = require("lucide-react");
+var import_lucide_react3 = require("lucide-react");
 
 // src/lib/utils.ts
 var import_clsx = require("clsx");
@@ -171,10 +173,10 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
         default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
         secondary: "bg-brand-secondary text-brand-secondary-foreground shadow-xs hover:bg-brand-secondary/80 focus-visible:ring-brand-secondary/30",
         destructive: "bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
-        outline: "border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        outline: "border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground focus-visible:ring-border/50 dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
         "outline-primary": "border border-primary text-foreground bg-transparent shadow-xs hover:bg-primary/5 focus-visible:ring-primary/50",
         "outline-secondary": "border border-brand-secondary text-brand-secondary bg-transparent shadow-xs hover:bg-brand-secondary/10 focus-visible:ring-brand-secondary/30",
-        ghost: "hover:bg-accent hover:text-accent-foreground hover:shadow-xs dark:hover:bg-accent/50",
+        ghost: "hover:bg-accent hover:text-accent-foreground hover:shadow-xs focus-visible:ring-border/50 dark:hover:bg-accent/50",
         link: "text-primary underline-offset-4 hover:underline"
       },
       size: {
@@ -235,11 +237,168 @@ var Button = (0, import_react.forwardRef)(function Button2(_a, ref) {
   );
 });
 
-// src/components/ui/pagination.tsx
+// src/components/ui/select.tsx
+var import_lucide_react2 = require("lucide-react");
+var import_select = require("@base-ui/react/select");
+
+// src/lib/theme-provider.tsx
+var import_react2 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
+var ThemeVarsContext = (0, import_react2.createContext)({});
+function useThemeVars() {
+  return (0, import_react2.useContext)(ThemeVarsContext);
+}
+
+// src/components/ui/select.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function Select(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_select.Select.Root, __spreadValues({ "data-slot": "select" }, props));
+}
+function SelectValue(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_select.Select.Value, __spreadValues({ "data-slot": "select-value" }, props));
+}
+function SelectTrigger(_a) {
+  var _b = _a, {
+    className,
+    size = "default",
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size",
+    "children"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    import_select.Select.Trigger,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "flex w-fit items-center justify-between gap-2 border border-input bg-transparent px-3 py-2 text-body-medium whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/20 data-popup-open:border-primary data-popup-open:ring-[3px] data-popup-open:ring-primary/20 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-placeholder:font-normal data-placeholder:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
+        className
+      ),
+      "data-size": size,
+      "data-slot": "select-trigger"
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_select.Select.Icon, { className: "transition-transform duration-200 data-popup-open:rotate-180", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.ChevronDownIcon, { className: "size-4 opacity-50" }) })
+      ]
+    })
+  );
+}
+function SelectContent(_a) {
+  var _b = _a, {
+    className,
+    children,
+    style
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "style"
+  ]);
+  const themeVars = useThemeVars();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_select.Select.Positioner,
+    {
+      className: "z-[200]",
+      align: "start",
+      alignItemWithTrigger: false,
+      sideOffset: 4,
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        import_select.Select.Popup,
+        __spreadProps(__spreadValues({
+          className: cn(
+            "relative max-h-[var(--available-height)] min-w-[var(--anchor-width,8rem)] overflow-x-hidden overflow-y-auto border bg-popover p-1 text-popover-foreground shadow-md 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 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95",
+            className
+          ),
+          "data-slot": "select-content",
+          style: __spreadValues(__spreadValues({}, themeVars), style)
+        }, props), {
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SelectScrollUpButton, {}),
+            children,
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SelectScrollDownButton, {})
+          ]
+        })
+      )
+    }
+  ) });
+}
+function SelectItem(_a) {
+  var _b = _a, {
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    import_select.Select.Item,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "relative flex w-full cursor-default items-center gap-2 py-1.5 pr-8 pl-2 text-body-small outline-hidden select-none data-highlighted:bg-primary/5 data-highlighted:text-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      ),
+      "data-slot": "select-item"
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "span",
+          {
+            className: "absolute right-2 flex size-3.5 items-center justify-center",
+            "data-slot": "select-item-indicator",
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_select.Select.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.CheckIcon, { className: "size-4" }) })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_select.Select.ItemText, { children })
+      ]
+    })
+  );
+}
+function SelectScrollUpButton(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_select.Select.ScrollUpArrow,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      "data-slot": "select-scroll-up-button"
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.ChevronUpIcon, { className: "size-4" })
+    })
+  );
+}
+function SelectScrollDownButton(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_select.Select.ScrollDownArrow,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      "data-slot": "select-scroll-down-button"
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.ChevronDownIcon, { className: "size-4" })
+    })
+  );
+}
+
+// src/components/ui/pagination.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function Pagination(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     "nav",
     __spreadValues({
       "aria-label": "pagination",
@@ -255,7 +414,7 @@ function PaginationContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     "ul",
     __spreadValues({
       className: cn("flex flex-row items-center gap-1", className),
@@ -265,7 +424,7 @@ function PaginationContent(_a) {
 }
 function PaginationItem(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("li", __spreadValues({ "data-slot": "pagination-item" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", __spreadValues({ "data-slot": "pagination-item" }, props));
 }
 function PaginationLink(_a) {
   var _b = _a, {
@@ -279,7 +438,7 @@ function PaginationLink(_a) {
   ]);
   return (
     // eslint-disable-next-line jsx-a11y/anchor-has-content -- children passed via props spread
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "a",
       __spreadValues({
         "aria-current": isActive ? "page" : void 0,
@@ -302,7 +461,7 @@ function PaginationPrevious(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to previous page",
@@ -310,8 +469,8 @@ function PaginationPrevious(_a) {
       size: "default"
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.ChevronLeftIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "hidden sm:block", children: "Previous" })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.ChevronLeftIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "hidden sm:block", children: "Previous" })
       ]
     })
   );
@@ -322,7 +481,7 @@ function PaginationNext(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to next page",
@@ -330,8 +489,8 @@ function PaginationNext(_a) {
       size: "default"
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.ChevronRightIcon, {})
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.ChevronRightIcon, {})
       ]
     })
   );
@@ -342,7 +501,7 @@ function PaginationEllipsis(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "span",
     __spreadProps(__spreadValues({
       "aria-hidden": true,
@@ -350,12 +509,135 @@ function PaginationEllipsis(_a) {
       "data-slot": "pagination-ellipsis"
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.MoreHorizontalIcon, { className: "size-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "sr-only", children: "More pages" })
       ]
     })
   );
 }
+function PaginationNavButtons({
+  hasPrev,
+  hasNext,
+  onFirst,
+  onPrev,
+  onNext,
+  onLast
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      Button,
+      {
+        "aria-label": "Go to first page",
+        disabled: !hasPrev,
+        onClick: onFirst,
+        size: "icon-sm",
+        variant: "outline",
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.ChevronsLeftIcon, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      Button,
+      {
+        "aria-label": "Go to previous page",
+        disabled: !hasPrev,
+        onClick: onPrev,
+        size: "icon-sm",
+        variant: "outline",
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.ChevronLeftIcon, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      Button,
+      {
+        "aria-label": "Go to next page",
+        disabled: !hasNext,
+        onClick: onNext,
+        size: "icon-sm",
+        variant: "outline",
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.ChevronRightIcon, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      Button,
+      {
+        "aria-label": "Go to last page",
+        disabled: !hasNext,
+        onClick: onLast,
+        size: "icon-sm",
+        variant: "outline",
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.ChevronsRightIcon, { className: "size-4" })
+      }
+    )
+  ] });
+}
+function TablePagination({
+  page,
+  pageCount,
+  pageSize,
+  pageSizeOptions = [10, 20, 30, 50],
+  onPageChange,
+  onPageSizeChange,
+  selectedCount,
+  totalCount,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "div",
+    {
+      className: cn("flex items-center gap-4 py-4", className),
+      "data-slot": "table-pagination",
+      children: [
+        selectedCount != null && selectedCount > 0 && totalCount != null && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "text-body-small text-muted-foreground", children: [
+          selectedCount,
+          " of ",
+          totalCount,
+          " row(s) selected."
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "ml-auto flex items-center gap-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-body-small text-muted-foreground whitespace-nowrap", children: "Rows per page" }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+              Select,
+              {
+                onValueChange: (value) => onPageSizeChange(Number(value)),
+                value: `${pageSize}`,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    SelectTrigger,
+                    {
+                      "aria-label": "Rows per page",
+                      className: "w-[70px]",
+                      size: "sm",
+                      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SelectValue, {})
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SelectContent, { children: pageSizeOptions.map((size) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SelectItem, { value: `${size}`, children: size }, size)) })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "text-body-small text-muted-foreground whitespace-nowrap", children: [
+            "Page ",
+            page,
+            " of ",
+            pageCount
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            PaginationNavButtons,
+            {
+              hasNext: page < pageCount,
+              hasPrev: page > 1,
+              onFirst: () => onPageChange(1),
+              onLast: () => onPageChange(pageCount),
+              onNext: () => onPageChange(page + 1),
+              onPrev: () => onPageChange(page - 1)
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Pagination,
@@ -363,6 +645,8 @@ function PaginationEllipsis(_a) {
   PaginationEllipsis,
   PaginationItem,
   PaginationLink,
+  PaginationNavButtons,
   PaginationNext,
-  PaginationPrevious
+  PaginationPrevious,
+  TablePagination
 });