@machinemetrics/mm-react-components 0.2.3-15 → 0.2.3-16

package/dist/mm-react-components.es.js

@@ -44076,6 +44076,172 @@ const HeroMetricCard = React.forwardRef(
   }
 );
 HeroMetricCard.displayName = "HeroMetricCard";
+function Pagination({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "pagination",
+      "data-slot": "pagination",
+      className: cn$1("mx-auto flex w-full justify-center", className),
+      ...props
+    }
+  );
+}
+function PaginationContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "ul",
+    {
+      "data-slot": "pagination-content",
+      className: cn$1("flex flex-row items-center gap-1", className),
+      ...props
+    }
+  );
+}
+function PaginationItem({ ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("li", { "data-slot": "pagination-item", ...props });
+}
+function PaginationLink({
+  className,
+  isActive,
+  size: size2 = "icon",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "a",
+    {
+      "aria-current": isActive ? "page" : void 0,
+      "data-slot": "pagination-link",
+      "data-active": isActive,
+      className: cn$1(
+        buttonVariants({
+          variant: isActive ? "outline" : "ghost",
+          size: size2
+        }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function PaginationPrevious({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    PaginationLink,
+    {
+      "aria-label": "Go to previous page",
+      size: "default",
+      className: cn$1("gap-1 px-2.5 sm:pl-2.5", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronLeft, {}),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "hidden sm:block", children: "Previous" })
+      ]
+    }
+  );
+}
+function PaginationNext({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    PaginationLink,
+    {
+      "aria-label": "Go to next page",
+      size: "default",
+      className: cn$1("gap-1 px-2.5 sm:pr-2.5", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, {})
+      ]
+    }
+  );
+}
+function PaginationEllipsis({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "span",
+    {
+      "aria-hidden": true,
+      "data-slot": "pagination-ellipsis",
+      className: cn$1("flex size-9 items-center justify-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Ellipsis, { className: "size-4" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
+  );
+}
+function SimplePagination({
+  currentPage,
+  totalPages,
+  onPageChange,
+  className
+}) {
+  const canGoPrevious = currentPage > 1;
+  const canGoNext = currentPage < totalPages;
+  const handlePrevious = (e) => {
+    e.preventDefault();
+    if (canGoPrevious) {
+      onPageChange(currentPage - 1);
+    }
+  };
+  const handleNext = (e) => {
+    e.preventDefault();
+    if (canGoNext) {
+      onPageChange(currentPage + 1);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "pagination",
+      "data-slot": "simple-pagination",
+      className: cn$1("flex items-center justify-center gap-2", className),
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button$1,
+          {
+            variant: "ghost",
+            size: "icon",
+            onClick: handlePrevious,
+            disabled: !canGoPrevious,
+            "aria-label": "Go to previous page",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronLeft, { className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-sm text-muted-foreground", "aria-live": "polite", children: [
+          currentPage,
+          " of ",
+          totalPages
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button$1,
+          {
+            variant: "ghost",
+            size: "icon",
+            onClick: handleNext,
+            disabled: !canGoNext,
+            "aria-label": "Go to next page",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-4" })
+          }
+        )
+      ]
+    }
+  );
+}
 export {
   Accordion,
   AccordionContent,
@@ -44180,6 +44346,13 @@ export {
   Label$2 as Label,
   LabeledSlider,
   PageHeader,
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
   Popover,
   PopoverContent,
   PopoverTrigger,
@@ -44207,6 +44380,7 @@ export {
   SheetHeader,
   SheetTitle,
   SheetTrigger,
+  SimplePagination,
   Skeleton,
   Slider,
   Switch,