myoperator-mcp 0.2.76 → 0.2.77

package/dist/index.js

@@ -2611,6 +2611,177 @@ const PageHeader = React.forwardRef<HTMLDivElement, PageHeaderProps>(
 PageHeader.displayName = "PageHeader";
 
 export { PageHeader, pageHeaderVariants };
+`,
+  "pagination": `import * as React from "react";
+import {
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  MoreHorizontalIcon,
+} from "lucide-react";
+
+import { cn } from "@/lib/utils";
+import { buttonVariants, type ButtonProps } from "./button";
+
+export interface PaginationProps extends React.ComponentProps<"nav"> {
+  /** Additional CSS classes for the nav wrapper */
+  className?: string;
+}
+
+function Pagination({ className, ...props }: PaginationProps) {
+  return (
+    <nav
+      role="navigation"
+      aria-label="pagination"
+      data-slot="pagination"
+      className={cn("mx-auto flex w-full justify-center", className)}
+      {...props}
+    />
+  );
+}
+Pagination.displayName = "Pagination";
+
+export interface PaginationContentProps extends React.ComponentProps<"ul"> {
+  /** Additional CSS classes for the list container */
+  className?: string;
+}
+
+function PaginationContent({
+  className,
+  ...props
+}: PaginationContentProps) {
+  return (
+    <ul
+      data-slot="pagination-content"
+      className={cn("flex flex-row items-center gap-1", className)}
+      {...props}
+    />
+  );
+}
+PaginationContent.displayName = "PaginationContent";
+
+export interface PaginationItemProps extends React.ComponentProps<"li"> {
+  /** Additional CSS classes for the list item */
+  className?: string;
+}
+
+function PaginationItem({ ...props }: PaginationItemProps) {
+  return <li data-slot="pagination-item" {...props} />;
+}
+PaginationItem.displayName = "PaginationItem";
+
+export interface PaginationLinkProps
+  extends Pick<ButtonProps, "size">,
+    React.ComponentProps<"a"> {
+  /** Highlights the link as the current page */
+  isActive?: boolean;
+  /** Size of the link (uses Button size variants) */
+  size?: ButtonProps["size"];
+  /** Additional CSS classes */
+  className?: string;
+}
+
+function PaginationLink({
+  className,
+  isActive,
+  size = "icon",
+  ...props
+}: PaginationLinkProps) {
+  return (
+    <a
+      aria-current={isActive ? "page" : undefined}
+      data-slot="pagination-link"
+      data-active={isActive}
+      className={cn(
+        buttonVariants({
+          variant: isActive ? "outline" : "ghost",
+          size,
+        }),
+        className
+      )}
+      {...props}
+    />
+  );
+}
+PaginationLink.displayName = "PaginationLink";
+
+export interface PaginationPreviousProps extends PaginationLinkProps {
+  /** Additional CSS classes */
+  className?: string;
+}
+
+function PaginationPrevious({
+  className,
+  ...props
+}: PaginationPreviousProps) {
+  return (
+    <PaginationLink
+      aria-label="Go to previous page"
+      size="default"
+      className={cn("gap-1 px-2.5 sm:pl-2.5", className)}
+      {...props}
+    >
+      <ChevronLeftIcon />
+      <span className="hidden sm:block">Previous</span>
+    </PaginationLink>
+  );
+}
+PaginationPrevious.displayName = "PaginationPrevious";
+
+export interface PaginationNextProps extends PaginationLinkProps {
+  /** Additional CSS classes */
+  className?: string;
+}
+
+function PaginationNext({
+  className,
+  ...props
+}: PaginationNextProps) {
+  return (
+    <PaginationLink
+      aria-label="Go to next page"
+      size="default"
+      className={cn("gap-1 px-2.5 sm:pr-2.5", className)}
+      {...props}
+    >
+      <span className="hidden sm:block">Next</span>
+      <ChevronRightIcon />
+    </PaginationLink>
+  );
+}
+PaginationNext.displayName = "PaginationNext";
+
+export interface PaginationEllipsisProps extends React.ComponentProps<"span"> {
+  /** Additional CSS classes */
+  className?: string;
+}
+
+function PaginationEllipsis({
+  className,
+  ...props
+}: PaginationEllipsisProps) {
+  return (
+    <span
+      aria-hidden
+      data-slot="pagination-ellipsis"
+      className={cn("flex size-9 items-center justify-center", className)}
+      {...props}
+    >
+      <MoreHorizontalIcon className="size-4" />
+      <span className="sr-only">More pages</span>
+    </span>
+  );
+}
+PaginationEllipsis.displayName = "PaginationEllipsis";
+
+export {
+  Pagination,
+  PaginationContent,
+  PaginationLink,
+  PaginationItem,
+  PaginationPrevious,
+  PaginationNext,
+  PaginationEllipsis,
+};
 `,
   "readable-field": `import * as React from "react";
 import { Copy, Check, Eye, EyeOff } from "lucide-react";
@@ -5674,6 +5845,25 @@ var componentMetadata = {
       }
     ]
   },
+  "pagination": {
+    "name": "Pagination",
+    "description": "A pagination component.",
+    "dependencies": [
+      "class-variance-authority",
+      "clsx",
+      "tailwind-merge",
+      "lucide-react"
+    ],
+    "props": [],
+    "variants": [],
+    "examples": [
+      {
+        "title": "Basic Pagination",
+        "code": "<Pagination>Content</Pagination>",
+        "description": "Simple pagination usage"
+      }
+    ]
+  },
   "readable-field": {
     "name": "ReadableField",
     "description": "A readable field component.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myoperator-mcp",
-  "version": "0.2.76",
+  "version": "0.2.77",
   "description": "MCP server for myOperator UI components - enables AI assistants to access component metadata, examples, and design tokens",
   "type": "module",
   "bin": "./dist/index.js",