@epicbagel/saas-kit 1.32.0 → 1.33.0

package/dist/primitives/page-tabs.cjs

@@ -2,62 +2,9 @@
 "use client";
 
 
+var _chunkB54ZEKBGcjs = require('../chunk-B54ZEKBG.cjs');
+require('../chunk-DFB4ILN6.cjs');
+require('../chunk-KWLSBTB2.cjs');
 
 
-var _chunkDFB4ILN6cjs = require('../chunk-DFB4ILN6.cjs');
-
-
-var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
-
-// src/primitives/page-tabs.tsx
-var _jsxruntime = require('react/jsx-runtime');
-function PageTabs({
-  value,
-  onValueChange,
-  items,
-  ariaLabel,
-  layout = "equal",
-  className
-}) {
-  if (items.length === 0) return null;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkDFB4ILN6cjs.Tabs,
-    {
-      value,
-      onValueChange: (next) => onValueChange(next),
-      className,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkDFB4ILN6cjs.TabsList,
-        {
-          "aria-label": ariaLabel,
-          scrollable: layout === "scroll",
-          width: "full",
-          className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-            "w-full",
-            layout === "equal" ? "grid h-auto p-1.5" : "justify-start"
-          ),
-          style: layout === "equal" ? { gridTemplateColumns: `repeat(${items.length}, minmax(0, 1fr))` } : void 0,
-          children: items.map((item) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-            _chunkDFB4ILN6cjs.TabsTrigger,
-            {
-              value: item.value,
-              className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-                layout === "equal" && "min-h-11 gap-2 text-sm sm:text-base",
-                layout === "scroll" && "shrink-0 gap-2"
-              ),
-              children: [
-                item.icon,
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate", children: item.label }),
-                item.badge && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0", children: item.badge })
-              ]
-            },
-            item.value
-          ))
-        }
-      )
-    }
-  );
-}
-
-
-exports.PageTabs = PageTabs;
+exports.PageTabs = _chunkB54ZEKBGcjs.PageTabs;

package/dist/primitives/page-tabs.js

@@ -1,63 +1,10 @@
 "use client";
 "use client";
 import {
-  Tabs,
-  TabsList,
-  TabsTrigger
-} from "../chunk-7CRDYV3C.js";
-import {
-  cn
-} from "../chunk-G6SRSWXB.js";
-
-// src/primitives/page-tabs.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function PageTabs({
-  value,
-  onValueChange,
-  items,
-  ariaLabel,
-  layout = "equal",
-  className
-}) {
-  if (items.length === 0) return null;
-  return /* @__PURE__ */ jsx(
-    Tabs,
-    {
-      value,
-      onValueChange: (next) => onValueChange(next),
-      className,
-      children: /* @__PURE__ */ jsx(
-        TabsList,
-        {
-          "aria-label": ariaLabel,
-          scrollable: layout === "scroll",
-          width: "full",
-          className: cn(
-            "w-full",
-            layout === "equal" ? "grid h-auto p-1.5" : "justify-start"
-          ),
-          style: layout === "equal" ? { gridTemplateColumns: `repeat(${items.length}, minmax(0, 1fr))` } : void 0,
-          children: items.map((item) => /* @__PURE__ */ jsxs(
-            TabsTrigger,
-            {
-              value: item.value,
-              className: cn(
-                layout === "equal" && "min-h-11 gap-2 text-sm sm:text-base",
-                layout === "scroll" && "shrink-0 gap-2"
-              ),
-              children: [
-                item.icon,
-                /* @__PURE__ */ jsx("span", { className: "truncate", children: item.label }),
-                item.badge && /* @__PURE__ */ jsx("span", { className: "shrink-0", children: item.badge })
-              ]
-            },
-            item.value
-          ))
-        }
-      )
-    }
-  );
-}
+  PageTabs
+} from "../chunk-XH2I3YJ6.js";
+import "../chunk-7CRDYV3C.js";
+import "../chunk-G6SRSWXB.js";
 export {
   PageTabs
 };

package/dist/primitives/pager.cjs

@@ -0,0 +1,85 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use client";
+
+
+var _chunkJDEXZGIYcjs = require('../chunk-JDEXZGIY.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/pager.tsx
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+function Pager({
+  offset,
+  limit,
+  total,
+  onOffsetChange,
+  noun = "results",
+  formatRange,
+  disabled = false,
+  size = "sm",
+  children,
+  hideWhenSinglePage = true,
+  className
+}) {
+  if (hideWhenSinglePage && total <= limit) return null;
+  const from = total === 0 ? 0 : Math.min(offset, Math.max(total - 1, 0)) + 1;
+  const to = Math.min(offset + limit, total);
+  const canPrev = offset > 0 && !disabled;
+  const canNext = offset + limit < total && !disabled;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "flex items-center justify-between gap-3 pt-3 text-xs text-muted-foreground",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "tabular-nums", children: formatRange ? formatRange(from, to, total) : total === 0 ? `No ${noun}` : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          from,
+          "\u2013",
+          to,
+          " of ",
+          total,
+          " ",
+          noun
+        ] }) }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
+          children,
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            _chunkJDEXZGIYcjs.Button,
+            {
+              type: "button",
+              size,
+              variant: "outline",
+              disabled: !canPrev,
+              onClick: () => onOffsetChange(Math.max(offset - limit, 0)),
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronLeft, { className: "h-4 w-4" }),
+                "Previous"
+              ]
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            _chunkJDEXZGIYcjs.Button,
+            {
+              type: "button",
+              size,
+              variant: "outline",
+              disabled: !canNext,
+              onClick: () => onOffsetChange(offset + limit),
+              children: [
+                "Next",
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronRight, { className: "h-4 w-4" })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+
+exports.Pager = Pager;

package/dist/primitives/pager.d.cts

@@ -0,0 +1,39 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface PagerProps {
+    /** Index of the first row on the current page. */
+    offset: number;
+    /** Rows per page. */
+    limit: number;
+    /** Total rows across all pages. */
+    total: number;
+    onOffsetChange: (offset: number) => void;
+    /** Noun in the default range label. Defaults to "results". */
+    noun?: string;
+    /** Replaces the whole range label — for counts that aren't row-shaped. */
+    formatRange?: (from: number, to: number, total: number) => ReactNode;
+    /** Blocks both buttons — use while the next page is in flight. */
+    disabled?: boolean;
+    size?: "sm" | "default";
+    /** Extra content between the label and the buttons — a page-size select. */
+    children?: ReactNode;
+    /**
+     * Renders nothing when everything fits on one page. Defaults to true.
+     * Set false to keep the row count visible at all times.
+     */
+    hideWhenSinglePage?: boolean;
+    className?: string;
+}
+/**
+ * Offset/limit pager — "1–50 of 320" with prev/next.
+ *
+ * Distinct from `<Pagination>`, which is the ShadCN numbered-link strip
+ * for URL-driven navigation. This one is for server-paged lists that
+ * hold offset in state, which is most admin and dashboard tables.
+ *
+ * Purely presentational: it computes the next offset and hands it back.
+ */
+declare function Pager({ offset, limit, total, onOffsetChange, noun, formatRange, disabled, size, children, hideWhenSinglePage, className, }: PagerProps): react_jsx_runtime.JSX.Element | null;
+
+export { Pager, type PagerProps };

package/dist/primitives/pager.d.ts

@@ -0,0 +1,39 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface PagerProps {
+    /** Index of the first row on the current page. */
+    offset: number;
+    /** Rows per page. */
+    limit: number;
+    /** Total rows across all pages. */
+    total: number;
+    onOffsetChange: (offset: number) => void;
+    /** Noun in the default range label. Defaults to "results". */
+    noun?: string;
+    /** Replaces the whole range label — for counts that aren't row-shaped. */
+    formatRange?: (from: number, to: number, total: number) => ReactNode;
+    /** Blocks both buttons — use while the next page is in flight. */
+    disabled?: boolean;
+    size?: "sm" | "default";
+    /** Extra content between the label and the buttons — a page-size select. */
+    children?: ReactNode;
+    /**
+     * Renders nothing when everything fits on one page. Defaults to true.
+     * Set false to keep the row count visible at all times.
+     */
+    hideWhenSinglePage?: boolean;
+    className?: string;
+}
+/**
+ * Offset/limit pager — "1–50 of 320" with prev/next.
+ *
+ * Distinct from `<Pagination>`, which is the ShadCN numbered-link strip
+ * for URL-driven navigation. This one is for server-paged lists that
+ * hold offset in state, which is most admin and dashboard tables.
+ *
+ * Purely presentational: it computes the next offset and hands it back.
+ */
+declare function Pager({ offset, limit, total, onOffsetChange, noun, formatRange, disabled, size, children, hideWhenSinglePage, className, }: PagerProps): react_jsx_runtime.JSX.Element | null;
+
+export { Pager, type PagerProps };

package/dist/primitives/pager.js

@@ -0,0 +1,85 @@
+"use client";
+"use client";
+import {
+  Button
+} from "../chunk-W326GKML.js";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/pager.tsx
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function Pager({
+  offset,
+  limit,
+  total,
+  onOffsetChange,
+  noun = "results",
+  formatRange,
+  disabled = false,
+  size = "sm",
+  children,
+  hideWhenSinglePage = true,
+  className
+}) {
+  if (hideWhenSinglePage && total <= limit) return null;
+  const from = total === 0 ? 0 : Math.min(offset, Math.max(total - 1, 0)) + 1;
+  const to = Math.min(offset + limit, total);
+  const canPrev = offset > 0 && !disabled;
+  const canNext = offset + limit < total && !disabled;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-center justify-between gap-3 pt-3 text-xs text-muted-foreground",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: formatRange ? formatRange(from, to, total) : total === 0 ? `No ${noun}` : /* @__PURE__ */ jsxs(Fragment, { children: [
+          from,
+          "\u2013",
+          to,
+          " of ",
+          total,
+          " ",
+          noun
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          children,
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              size,
+              variant: "outline",
+              disabled: !canPrev,
+              onClick: () => onOffsetChange(Math.max(offset - limit, 0)),
+              children: [
+                /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }),
+                "Previous"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              size,
+              variant: "outline",
+              disabled: !canNext,
+              onClick: () => onOffsetChange(offset + limit),
+              children: [
+                "Next",
+                /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  Pager
+};

package/dist/primitives/pagination.cjs

@@ -0,0 +1,119 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+
+
+var _chunkJDEXZGIYcjs = require('../chunk-JDEXZGIY.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/pagination.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+
+
+
+
+var _lia = require('react-icons/lia');
+var _jsxruntime = require('react/jsx-runtime');
+var Pagination = ({ className, marginTop = "none", ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "nav",
+  {
+    role: "navigation",
+    "aria-label": "pagination",
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, "mx-auto flex w-full justify-center", marginTop === "md" && "mt-4", className),
+    ...props
+  }
+);
+Pagination.displayName = "Pagination";
+var PaginationContent = React.forwardRef(({ className, width = "auto", justify = "start", ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "ul",
+  {
+    ref,
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex flex-row items-center gap-1", width === "full" && "w-full", justify === "between" && "justify-between", className),
+    ...props
+  }
+));
+PaginationContent.displayName = "PaginationContent";
+var PaginationItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { ref, className: _chunkKWLSBTB2cjs.cn.call(void 0, "", className), ...props }));
+PaginationItem.displayName = "PaginationItem";
+var PaginationLink = ({
+  className,
+  isActive,
+  disabled = false,
+  size = "icon",
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "a",
+  {
+    "aria-current": isActive ? "page" : void 0,
+    "aria-disabled": disabled || void 0,
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+      _chunkJDEXZGIYcjs.buttonVariants.call(void 0, {
+        variant: isActive ? "outline" : "ghost",
+        size
+      }),
+      disabled && "pointer-events-none opacity-50",
+      className
+    ),
+    ...props
+  }
+);
+PaginationLink.displayName = "PaginationLink";
+var PaginationPrevious = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  PaginationLink,
+  {
+    "aria-label": "Go to previous page",
+    size: "default",
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, "gap-1 pl-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lia.LiaChevronLeftSolid, { className: "h-4 w-4" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Previous" })
+    ]
+  }
+);
+PaginationPrevious.displayName = "PaginationPrevious";
+var PaginationNext = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  PaginationLink,
+  {
+    "aria-label": "Go to next page",
+    size: "default",
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, "gap-1 pr-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Next" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lia.LiaChevronRightSolid, { className: "h-4 w-4" })
+    ]
+  }
+);
+PaginationNext.displayName = "PaginationNext";
+var PaginationEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  "span",
+  {
+    "aria-hidden": true,
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex h-9 w-9 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lia.LiaEllipsisHSolid, { className: "h-4 w-4" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "More pages" })
+    ]
+  }
+);
+PaginationEllipsis.displayName = "PaginationEllipsis";
+
+
+
+
+
+
+
+
+exports.Pagination = Pagination; exports.PaginationContent = PaginationContent; exports.PaginationEllipsis = PaginationEllipsis; exports.PaginationItem = PaginationItem; exports.PaginationLink = PaginationLink; exports.PaginationNext = PaginationNext; exports.PaginationPrevious = PaginationPrevious;

package/dist/primitives/pagination.d.cts

@@ -0,0 +1,41 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ButtonProps } from './button.cjs';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+interface PaginationProps extends React.ComponentProps<"nav"> {
+    marginTop?: "none" | "md";
+}
+declare const Pagination: {
+    ({ className, marginTop, ...props }: PaginationProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+interface PaginationContentProps extends React.ComponentProps<"ul"> {
+    width?: "auto" | "full";
+    justify?: "start" | "between";
+}
+declare const PaginationContent: React.ForwardRefExoticComponent<Omit<PaginationContentProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+type PaginationLinkProps = {
+    isActive?: boolean;
+    disabled?: boolean;
+} & Pick<ButtonProps, "size"> & React.ComponentProps<"a">;
+declare const PaginationLink: {
+    ({ className, isActive, disabled, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationPrevious: {
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationNext: {
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationEllipsis: {
+    ({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { Pagination, PaginationContent, type PaginationContentProps, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, type PaginationProps };

package/dist/primitives/pagination.d.ts

@@ -0,0 +1,41 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ButtonProps } from './button.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+interface PaginationProps extends React.ComponentProps<"nav"> {
+    marginTop?: "none" | "md";
+}
+declare const Pagination: {
+    ({ className, marginTop, ...props }: PaginationProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+interface PaginationContentProps extends React.ComponentProps<"ul"> {
+    width?: "auto" | "full";
+    justify?: "start" | "between";
+}
+declare const PaginationContent: React.ForwardRefExoticComponent<Omit<PaginationContentProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+type PaginationLinkProps = {
+    isActive?: boolean;
+    disabled?: boolean;
+} & Pick<ButtonProps, "size"> & React.ComponentProps<"a">;
+declare const PaginationLink: {
+    ({ className, isActive, disabled, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationPrevious: {
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationNext: {
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationEllipsis: {
+    ({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { Pagination, PaginationContent, type PaginationContentProps, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, type PaginationProps };