@moontra/moonui 2.0.5 → 2.0.7

package/dist/index.js

@@ -5322,6 +5322,97 @@ var Label2 = t__namespace.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 Label2.displayName = LabelPrimitive__namespace.Root.displayName;
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "nav",
+  {
+    role: "navigation",
+    "aria-label": "pagination",
+    className: cn("mx-auto flex w-full justify-center", className),
+    ...props
+  }
+);
+Pagination.displayName = "Pagination";
+var PaginationContent = t__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "ul",
+  {
+    ref,
+    className: cn("flex flex-row items-center gap-1", className),
+    ...props
+  }
+));
+PaginationContent.displayName = "PaginationContent";
+var PaginationItem = t__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: cn("", className), ...props }));
+PaginationItem.displayName = "PaginationItem";
+var PaginationLink = ({
+  className,
+  isActive,
+  size = "icon",
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "a",
+  {
+    "aria-current": isActive ? "page" : void 0,
+    className: cn(
+      buttonVariants({
+        variant: isActive ? "outline" : "ghost",
+        size
+      }),
+      className
+    ),
+    ...props
+  }
+);
+PaginationLink.displayName = "PaginationLink";
+var PaginationPrevious = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  PaginationLink,
+  {
+    "aria-label": "Go to previous page",
+    size: "default",
+    className: cn("gap-1 pl-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previous" })
+    ]
+  }
+);
+PaginationPrevious.displayName = "PaginationPrevious";
+var PaginationNext = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  PaginationLink,
+  {
+    "aria-label": "Go to next page",
+    size: "default",
+    className: cn("gap-1 pr-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Next" }),
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" })
+    ]
+  }
+);
+PaginationNext.displayName = "PaginationNext";
+var PaginationEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "span",
+  {
+    "aria-hidden": true,
+    className: cn("flex h-9 w-9 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "More pages" })
+    ]
+  }
+);
+PaginationEllipsis.displayName = "PaginationEllipsis";
 var progressVariants = classVarianceAuthority.cva(
   "relative overflow-hidden bg-muted",
   {
@@ -7247,6 +7338,13 @@ exports.DropdownMenuTrigger = DropdownMenuTrigger;
 exports.Input = Input;
 exports.Label = Label2;
 exports.MonthPicker = MonthPicker;
+exports.Pagination = Pagination;
+exports.PaginationContent = PaginationContent;
+exports.PaginationEllipsis = PaginationEllipsis;
+exports.PaginationItem = PaginationItem;
+exports.PaginationLink = PaginationLink;
+exports.PaginationNext = PaginationNext;
+exports.PaginationPrevious = PaginationPrevious;
 exports.Popover = Popover;
 exports.PopoverAnchor = PopoverAnchor;
 exports.PopoverClose = PopoverClose;