@karakuri-ui/react 0.2.2 → 0.2.4

package/dist/components/ui/pagination.js

@@ -0,0 +1,495 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var pagination_exports = {};
+__export(pagination_exports, {
+  Pagination: () => Pagination,
+  PaginationContent: () => PaginationContent,
+  PaginationEllipsis: () => PaginationEllipsis,
+  PaginationFirst: () => PaginationFirst,
+  PaginationItem: () => PaginationItem,
+  PaginationItems: () => PaginationItems,
+  PaginationLast: () => PaginationLast,
+  PaginationLink: () => PaginationLink,
+  PaginationNext: () => PaginationNext,
+  PaginationPrevious: () => PaginationPrevious,
+  paginationItemVariants: () => paginationItemVariants,
+  paginationSizeMap: () => paginationSizeMap,
+  usePagination: () => usePagination
+});
+module.exports = __toCommonJS(pagination_exports);
+var React = __toESM(require("react"));
+var import_class_variance_authority = require("class-variance-authority");
+var import_utils = require("../../lib/utils");
+function ChevronLeftIcon({ className }) {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      className,
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: 2
+    },
+    /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" })
+  );
+}
+function ChevronRightIcon({ className }) {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      className,
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: 2
+    },
+    /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" })
+  );
+}
+function ChevronsLeftIcon({ className }) {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      className,
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: 2
+    },
+    /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M11 17l-5-5 5-5M18 17l-5-5 5-5" })
+  );
+}
+function ChevronsRightIcon({ className }) {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      className,
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: 2
+    },
+    /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M13 7l5 5-5 5M6 7l5 5-5 5" })
+  );
+}
+function EllipsisIcon({ className }) {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      className,
+      fill: "currentColor",
+      viewBox: "0 0 24 24"
+    },
+    /* @__PURE__ */ React.createElement("circle", { cx: "6", cy: "12", r: "1.5" }),
+    /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "1.5" }),
+    /* @__PURE__ */ React.createElement("circle", { cx: "18", cy: "12", r: "1.5" })
+  );
+}
+function range(start, end) {
+  const result = [];
+  for (let i = start; i <= end; i++) result.push(i);
+  return result;
+}
+function usePagination({
+  total,
+  siblings = 1,
+  boundaries = 1,
+  page
+}) {
+  if (total <= 0) return [];
+  const totalPageNumbers = siblings * 2 + 3 + boundaries * 2;
+  if (totalPageNumbers >= total) {
+    return range(1, total);
+  }
+  const leftSiblingIndex = Math.max(page - siblings, boundaries + 1);
+  const rightSiblingIndex = Math.min(page + siblings, total - boundaries);
+  const showLeftDots = leftSiblingIndex > boundaries + 2;
+  const showRightDots = rightSiblingIndex < total - boundaries - 1;
+  if (!showLeftDots && showRightDots) {
+    const leftItemCount = 3 + 2 * siblings + boundaries;
+    const leftRange = range(1, leftItemCount);
+    return [...leftRange, "dots", ...range(total - boundaries + 1, total)];
+  }
+  if (showLeftDots && !showRightDots) {
+    const rightItemCount = 3 + 2 * siblings + boundaries;
+    const rightRange = range(total - rightItemCount + 1, total);
+    return [...range(1, boundaries), "dots", ...rightRange];
+  }
+  return [
+    ...range(1, boundaries),
+    "dots",
+    ...range(leftSiblingIndex, rightSiblingIndex),
+    "dots",
+    ...range(total - boundaries + 1, total)
+  ];
+}
+const PaginationContext = React.createContext(null);
+function usePaginationContext() {
+  const ctx = React.useContext(PaginationContext);
+  if (!ctx) throw new Error("Pagination components must be used within <Pagination>");
+  return ctx;
+}
+const paginationSizeMap = {
+  xs: { item: "h-7 min-w-7 text-xs", icon: "icon-xs", gap: "gap-1" },
+  sm: { item: "h-8 min-w-8 text-sm", icon: "icon-xs", gap: "gap-1" },
+  default: { item: "h-9 min-w-9 text-md", icon: "icon-sm", gap: "gap-1" },
+  lg: { item: "h-10 min-w-10 text-md", icon: "icon-sm", gap: "gap-1.5" },
+  xl: { item: "h-12 min-w-12 text-base", icon: "icon-sm", gap: "gap-1.5" }
+};
+const paginationItemVariants = (0, import_class_variance_authority.cva)(
+  "inline-flex items-center justify-center select-none transition-colors duration-fast font-semibold focus-visible:focus-ring",
+  {
+    variants: {
+      radius: {
+        sm: "rounded-sm",
+        base: "rounded",
+        md: "rounded-md",
+        lg: "rounded-lg",
+        xl: "rounded-xl",
+        full: "rounded-full"
+      }
+    },
+    defaultVariants: {
+      radius: "md"
+    }
+  }
+);
+const activeColorMap = {
+  default: "bg-foreground text-background",
+  primary: "bg-primary text-primary-foreground"
+};
+const ghostActiveColorMap = {
+  default: "bg-background-muted text-foreground font-bold",
+  primary: "bg-background-muted text-primary"
+};
+function getItemClasses(variant, color, isActive, disabled) {
+  if (disabled) {
+    return variant === "outline" ? "border border-border text-disabled-foreground pointer-events-none opacity-50" : "border border-transparent text-disabled-foreground pointer-events-none opacity-50";
+  }
+  if (isActive) {
+    switch (variant) {
+      case "outline":
+        return `border ${color === "default" ? "border-foreground" : "border-primary"} ${activeColorMap[color]}`;
+      case "ghost":
+        return `border border-transparent ${ghostActiveColorMap[color]}`;
+      case "default":
+      default:
+        return `border border-transparent ${activeColorMap[color]}`;
+    }
+  }
+  switch (variant) {
+    case "outline":
+      return "border border-border text-text-muted hover:bg-background-muted hover:text-foreground";
+    case "ghost":
+      return "border border-transparent text-text-muted hover:bg-background-muted hover:text-foreground";
+    case "default":
+    default:
+      return "border border-transparent text-text-muted hover:bg-background-muted hover:text-foreground";
+  }
+}
+const PaginationRoot = React.forwardRef(
+  ({
+    className,
+    total = 1,
+    value,
+    defaultValue = 1,
+    onChange,
+    siblings = 1,
+    boundaries = 1,
+    size = "default",
+    variant = "default",
+    color = "default",
+    radius = "md",
+    disabled = false,
+    withControls = true,
+    withEdges = false,
+    loop = false,
+    children,
+    ...props
+  }, ref) => {
+    const [internalPage, setInternalPage] = React.useState(defaultValue);
+    const isControlled = value !== void 0;
+    const page = isControlled ? value : internalPage;
+    const handlePageChange = React.useCallback((newPage) => {
+      if (disabled) return;
+      const clamped = Math.max(1, Math.min(total, newPage));
+      if (!isControlled) setInternalPage(clamped);
+      onChange?.(clamped);
+    }, [disabled, total, isControlled, onChange]);
+    const paginationRange = usePagination({ total, siblings, boundaries, page });
+    const contextValue = React.useMemo(() => ({
+      page,
+      total,
+      siblings,
+      boundaries,
+      size,
+      variant,
+      color,
+      radius,
+      disabled,
+      loop,
+      onPageChange: handlePageChange,
+      paginationRange
+    }), [page, total, siblings, boundaries, size, variant, color, radius, disabled, loop, handlePageChange, paginationRange]);
+    return /* @__PURE__ */ React.createElement(PaginationContext.Provider, { value: contextValue }, /* @__PURE__ */ React.createElement(
+      "nav",
+      {
+        ref,
+        role: "navigation",
+        "aria-label": "pagination",
+        className: (0, import_utils.cn)("", className),
+        ...props
+      },
+      children ?? /* @__PURE__ */ React.createElement(PaginationContent, null, withEdges && /* @__PURE__ */ React.createElement(PaginationItem, null, /* @__PURE__ */ React.createElement(PaginationFirst, null)), withControls && /* @__PURE__ */ React.createElement(PaginationItem, null, /* @__PURE__ */ React.createElement(PaginationPrevious, null)), /* @__PURE__ */ React.createElement(PaginationItems, null), withControls && /* @__PURE__ */ React.createElement(PaginationItem, null, /* @__PURE__ */ React.createElement(PaginationNext, null)), withEdges && /* @__PURE__ */ React.createElement(PaginationItem, null, /* @__PURE__ */ React.createElement(PaginationLast, null)))
+    ));
+  }
+);
+PaginationRoot.displayName = "Pagination";
+const PaginationContent = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { size } = usePaginationContext();
+    const sizeClass = paginationSizeMap[size];
+    return /* @__PURE__ */ React.createElement(
+      "ul",
+      {
+        ref,
+        className: (0, import_utils.cn)("flex flex-wrap items-center", sizeClass.gap, className),
+        ...props
+      }
+    );
+  }
+);
+PaginationContent.displayName = "PaginationContent";
+const PaginationItem = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ React.createElement("li", { ref, className: (0, import_utils.cn)("", className), ...props })
+);
+PaginationItem.displayName = "PaginationItem";
+const PaginationLink = React.forwardRef(
+  ({ className, page: targetPage, isActive: isActiveProp, ...props }, ref) => {
+    const ctx = usePaginationContext();
+    const isActive = isActiveProp ?? ctx.page === targetPage;
+    const sizeClass = paginationSizeMap[ctx.size];
+    return /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        ref,
+        type: "button",
+        "aria-current": isActive ? "page" : void 0,
+        "aria-label": `Go to page ${targetPage}`,
+        disabled: ctx.disabled,
+        onClick: () => ctx.onPageChange(targetPage),
+        className: (0, import_utils.cn)(
+          paginationItemVariants({ radius: ctx.radius }),
+          sizeClass.item,
+          getItemClasses(ctx.variant, ctx.color, isActive, ctx.disabled),
+          className
+        ),
+        ...props
+      },
+      targetPage
+    );
+  }
+);
+PaginationLink.displayName = "PaginationLink";
+const PaginationPrevious = React.forwardRef(
+  ({ className, icon, ...props }, ref) => {
+    const ctx = usePaginationContext();
+    const sizeClass = paginationSizeMap[ctx.size];
+    const isDisabled = ctx.disabled || !ctx.loop && ctx.page <= 1;
+    const handleClick = () => {
+      if (ctx.page <= 1) {
+        if (ctx.loop) ctx.onPageChange(ctx.total);
+      } else {
+        ctx.onPageChange(ctx.page - 1);
+      }
+    };
+    return /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        ref,
+        type: "button",
+        "aria-label": "Go to previous page",
+        disabled: isDisabled,
+        onClick: handleClick,
+        className: (0, import_utils.cn)(
+          paginationItemVariants({ radius: ctx.radius }),
+          sizeClass.item,
+          getItemClasses(ctx.variant, ctx.color, false, isDisabled),
+          className
+        ),
+        ...props
+      },
+      icon ?? /* @__PURE__ */ React.createElement(ChevronLeftIcon, { className: sizeClass.icon })
+    );
+  }
+);
+PaginationPrevious.displayName = "PaginationPrevious";
+const PaginationNext = React.forwardRef(
+  ({ className, icon, ...props }, ref) => {
+    const ctx = usePaginationContext();
+    const sizeClass = paginationSizeMap[ctx.size];
+    const isDisabled = ctx.disabled || !ctx.loop && ctx.page >= ctx.total;
+    const handleClick = () => {
+      if (ctx.page >= ctx.total) {
+        if (ctx.loop) ctx.onPageChange(1);
+      } else {
+        ctx.onPageChange(ctx.page + 1);
+      }
+    };
+    return /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        ref,
+        type: "button",
+        "aria-label": "Go to next page",
+        disabled: isDisabled,
+        onClick: handleClick,
+        className: (0, import_utils.cn)(
+          paginationItemVariants({ radius: ctx.radius }),
+          sizeClass.item,
+          getItemClasses(ctx.variant, ctx.color, false, isDisabled),
+          className
+        ),
+        ...props
+      },
+      icon ?? /* @__PURE__ */ React.createElement(ChevronRightIcon, { className: sizeClass.icon })
+    );
+  }
+);
+PaginationNext.displayName = "PaginationNext";
+const PaginationFirst = React.forwardRef(
+  ({ className, icon, ...props }, ref) => {
+    const ctx = usePaginationContext();
+    const sizeClass = paginationSizeMap[ctx.size];
+    const isDisabled = ctx.disabled || ctx.page <= 1;
+    return /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        ref,
+        type: "button",
+        "aria-label": "Go to first page",
+        disabled: isDisabled,
+        onClick: () => ctx.onPageChange(1),
+        className: (0, import_utils.cn)(
+          paginationItemVariants({ radius: ctx.radius }),
+          sizeClass.item,
+          getItemClasses(ctx.variant, ctx.color, false, isDisabled),
+          className
+        ),
+        ...props
+      },
+      icon ?? /* @__PURE__ */ React.createElement(ChevronsLeftIcon, { className: sizeClass.icon })
+    );
+  }
+);
+PaginationFirst.displayName = "PaginationFirst";
+const PaginationLast = React.forwardRef(
+  ({ className, icon, ...props }, ref) => {
+    const ctx = usePaginationContext();
+    const sizeClass = paginationSizeMap[ctx.size];
+    const isDisabled = ctx.disabled || ctx.page >= ctx.total;
+    return /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        ref,
+        type: "button",
+        "aria-label": "Go to last page",
+        disabled: isDisabled,
+        onClick: () => ctx.onPageChange(ctx.total),
+        className: (0, import_utils.cn)(
+          paginationItemVariants({ radius: ctx.radius }),
+          sizeClass.item,
+          getItemClasses(ctx.variant, ctx.color, false, isDisabled),
+          className
+        ),
+        ...props
+      },
+      icon ?? /* @__PURE__ */ React.createElement(ChevronsRightIcon, { className: sizeClass.icon })
+    );
+  }
+);
+PaginationLast.displayName = "PaginationLast";
+const PaginationEllipsis = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const ctx = usePaginationContext();
+    const sizeClass = paginationSizeMap[ctx.size];
+    return /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        ref,
+        "aria-hidden": "true",
+        className: (0, import_utils.cn)(
+          "inline-flex items-center justify-center text-text-muted",
+          sizeClass.item,
+          className
+        ),
+        ...props
+      },
+      /* @__PURE__ */ React.createElement(EllipsisIcon, { className: sizeClass.icon }),
+      /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "More pages")
+    );
+  }
+);
+PaginationEllipsis.displayName = "PaginationEllipsis";
+const PaginationItems = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const ctx = usePaginationContext();
+    return /* @__PURE__ */ React.createElement("div", { ref, className: (0, import_utils.cn)("contents", className), ...props }, ctx.paginationRange.map((item, index) => /* @__PURE__ */ React.createElement(PaginationItem, { key: `${item}-${index}` }, item === "dots" ? /* @__PURE__ */ React.createElement(PaginationEllipsis, null) : /* @__PURE__ */ React.createElement(PaginationLink, { page: item }))));
+  }
+);
+PaginationItems.displayName = "PaginationItems";
+const Pagination = Object.assign(PaginationRoot, {
+  Content: PaginationContent,
+  Item: PaginationItem,
+  Link: PaginationLink,
+  Previous: PaginationPrevious,
+  Next: PaginationNext,
+  First: PaginationFirst,
+  Last: PaginationLast,
+  Ellipsis: PaginationEllipsis,
+  Items: PaginationItems
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationFirst,
+  PaginationItem,
+  PaginationItems,
+  PaginationLast,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+  paginationItemVariants,
+  paginationSizeMap,
+  usePagination
+});
+//# sourceMappingURL=pagination.js.map

package/dist/components/ui/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ui/pagination.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// ─── Built-in Icons ──────────────────────────────────────\n\nfunction ChevronLeftIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n    >\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M15 19l-7-7 7-7\" />\n    </svg>\n  )\n}\n\nfunction ChevronRightIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n    >\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 5l7 7-7 7\" />\n    </svg>\n  )\n}\n\nfunction ChevronsLeftIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n    >\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M11 17l-5-5 5-5M18 17l-5-5 5-5\" />\n    </svg>\n  )\n}\n\nfunction ChevronsRightIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n    >\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M13 7l5 5-5 5M6 7l5 5-5 5\" />\n    </svg>\n  )\n}\n\nfunction EllipsisIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      fill=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n    >\n      <circle cx=\"6\" cy=\"12\" r=\"1.5\" />\n      <circle cx=\"12\" cy=\"12\" r=\"1.5\" />\n      <circle cx=\"18\" cy=\"12\" r=\"1.5\" />\n    </svg>\n  )\n}\n\n// ─── usePagination Hook ──────────────────────────────────\n\nexport type PaginationRange = (number | 'dots')[]\n\nexport interface UsePaginationProps {\n  /** Total number of pages */\n  total: number\n  /** Number of siblings on each side of current page */\n  siblings?: number\n  /** Number of boundary pages at start/end */\n  boundaries?: number\n  /** Current active page (1-based) */\n  page: number\n}\n\nfunction range(start: number, end: number): number[] {\n  const result: number[] = []\n  for (let i = start; i <= end; i++) result.push(i)\n  return result\n}\n\nexport function usePagination({\n  total,\n  siblings = 1,\n  boundaries = 1,\n  page,\n}: UsePaginationProps): PaginationRange {\n  if (total <= 0) return []\n\n  const totalPageNumbers = siblings * 2 + 3 + boundaries * 2\n  if (totalPageNumbers >= total) {\n    return range(1, total)\n  }\n\n  const leftSiblingIndex = Math.max(page - siblings, boundaries + 1)\n  const rightSiblingIndex = Math.min(page + siblings, total - boundaries)\n\n  const showLeftDots = leftSiblingIndex > boundaries + 2\n  const showRightDots = rightSiblingIndex < total - boundaries - 1\n\n  if (!showLeftDots && showRightDots) {\n    const leftItemCount = 3 + 2 * siblings + boundaries\n    const leftRange = range(1, leftItemCount)\n    return [...leftRange, 'dots' as const, ...range(total - boundaries + 1, total)]\n  }\n\n  if (showLeftDots && !showRightDots) {\n    const rightItemCount = 3 + 2 * siblings + boundaries\n    const rightRange = range(total - rightItemCount + 1, total)\n    return [...range(1, boundaries), 'dots' as const, ...rightRange]\n  }\n\n  return [\n    ...range(1, boundaries),\n    'dots' as const,\n    ...range(leftSiblingIndex, rightSiblingIndex),\n    'dots' as const,\n    ...range(total - boundaries + 1, total),\n  ]\n}\n\n// ─── Context ─────────────────────────────────────────────\n\nexport type PaginationSize = 'xs' | 'sm' | 'default' | 'lg' | 'xl'\nexport type PaginationVariant = 'default' | 'outline' | 'ghost'\nexport type PaginationColor = 'default' | 'primary'\nexport type PaginationRadius = 'sm' | 'base' | 'md' | 'lg' | 'xl' | 'full'\n\ntype PaginationContextValue = {\n  page: number\n  total: number\n  siblings: number\n  boundaries: number\n  size: PaginationSize\n  variant: PaginationVariant\n  color: PaginationColor\n  radius: PaginationRadius\n  disabled: boolean\n  loop: boolean\n  onPageChange: (page: number) => void\n  paginationRange: PaginationRange\n}\n\nconst PaginationContext = React.createContext<PaginationContextValue | null>(null)\n\nfunction usePaginationContext() {\n  const ctx = React.useContext(PaginationContext)\n  if (!ctx) throw new Error('Pagination components must be used within <Pagination>')\n  return ctx\n}\n\n// ─── Size Map ────────────────────────────────────────────\n\nconst paginationSizeMap = {\n  xs: { item: 'h-7 min-w-7 text-xs', icon: 'icon-xs', gap: 'gap-1' },\n  sm: { item: 'h-8 min-w-8 text-sm', icon: 'icon-xs', gap: 'gap-1' },\n  default: { item: 'h-9 min-w-9 text-md', icon: 'icon-sm', gap: 'gap-1' },\n  lg: { item: 'h-10 min-w-10 text-md', icon: 'icon-sm', gap: 'gap-1.5' },\n  xl: { item: 'h-12 min-w-12 text-base', icon: 'icon-sm', gap: 'gap-1.5' },\n} as const\n\n// ─── Item Variants (CVA) ─────────────────────────────────\n\nconst paginationItemVariants = cva(\n  'inline-flex items-center justify-center select-none transition-colors duration-fast font-semibold focus-visible:focus-ring',\n  {\n    variants: {\n      radius: {\n        sm: 'rounded-sm',\n        base: 'rounded',\n        md: 'rounded-md',\n        lg: 'rounded-lg',\n        xl: 'rounded-xl',\n        full: 'rounded-full',\n      },\n    },\n    defaultVariants: {\n      radius: 'md',\n    },\n  }\n)\n\n// ─── Variant Style Helpers ───────────────────────────────\n\n// Active color maps\nconst activeColorMap = {\n  default: 'bg-foreground text-background',\n  primary: 'bg-primary text-primary-foreground',\n} as const\n\nconst ghostActiveColorMap = {\n  default: 'bg-background-muted text-foreground font-bold',\n  primary: 'bg-background-muted text-primary',\n} as const\n\nfunction getItemClasses(variant: PaginationVariant, color: PaginationColor, isActive: boolean, disabled: boolean) {\n  if (disabled) {\n    return variant === 'outline'\n      ? 'border border-border text-disabled-foreground pointer-events-none opacity-50'\n      : 'border border-transparent text-disabled-foreground pointer-events-none opacity-50'\n  }\n  if (isActive) {\n    switch (variant) {\n      case 'outline':\n        return `border ${color === 'default' ? 'border-foreground' : 'border-primary'} ${activeColorMap[color]}`\n      case 'ghost':\n        return `border border-transparent ${ghostActiveColorMap[color]}`\n      case 'default':\n      default:\n        return `border border-transparent ${activeColorMap[color]}`\n    }\n  }\n  switch (variant) {\n    case 'outline':\n      return 'border border-border text-text-muted hover:bg-background-muted hover:text-foreground'\n    case 'ghost':\n      return 'border border-transparent text-text-muted hover:bg-background-muted hover:text-foreground'\n    case 'default':\n    default:\n      return 'border border-transparent text-text-muted hover:bg-background-muted hover:text-foreground'\n  }\n}\n\n// ─── Pagination (Root) ───────────────────────────────────\n\nexport interface PaginationProps extends Omit<React.ComponentPropsWithoutRef<'nav'>, 'onChange'> {\n  /** Total number of pages */\n  total?: number\n  /** Controlled active page (1-based) */\n  value?: number\n  /** Initial page for uncontrolled mode */\n  defaultValue?: number\n  /** Page change callback */\n  onChange?: (page: number) => void\n  /** Number of siblings on each side of current page */\n  siblings?: number\n  /** Number of boundary pages at start/end */\n  boundaries?: number\n  /** Component size */\n  size?: PaginationSize\n  /** Visual variant */\n  variant?: PaginationVariant\n  /** Active page color */\n  color?: PaginationColor\n  /** Border radius */\n  radius?: PaginationRadius\n  /** Disable all interactions */\n  disabled?: boolean\n  /** Show previous/next controls */\n  withControls?: boolean\n  /** Show first/last controls */\n  withEdges?: boolean\n  /** Loop from last to first and vice versa */\n  loop?: boolean\n}\n\nconst PaginationRoot = React.forwardRef<HTMLElement, PaginationProps>(\n  ({\n    className,\n    total = 1,\n    value,\n    defaultValue = 1,\n    onChange,\n    siblings = 1,\n    boundaries = 1,\n    size = 'default',\n    variant = 'default',\n    color = 'default',\n    radius = 'md',\n    disabled = false,\n    withControls = true,\n    withEdges = false,\n    loop = false,\n    children,\n    ...props\n  }, ref) => {\n    // Controlled / Uncontrolled\n    const [internalPage, setInternalPage] = React.useState(defaultValue)\n    const isControlled = value !== undefined\n    const page = isControlled ? value : internalPage\n\n    const handlePageChange = React.useCallback((newPage: number) => {\n      if (disabled) return\n      const clamped = Math.max(1, Math.min(total, newPage))\n      if (!isControlled) setInternalPage(clamped)\n      onChange?.(clamped)\n    }, [disabled, total, isControlled, onChange])\n\n    const paginationRange = usePagination({ total, siblings, boundaries, page })\n\n    const contextValue = React.useMemo<PaginationContextValue>(() => ({\n      page,\n      total,\n      siblings,\n      boundaries,\n      size,\n      variant,\n      color,\n      radius,\n      disabled,\n      loop,\n      onPageChange: handlePageChange,\n      paginationRange,\n    }), [page, total, siblings, boundaries, size, variant, color, radius, disabled, loop, handlePageChange, paginationRange])\n\n    return (\n      <PaginationContext.Provider value={contextValue}>\n        <nav\n          ref={ref}\n          role=\"navigation\"\n          aria-label=\"pagination\"\n          className={cn('', className)}\n          {...props}\n        >\n          {children ?? (\n            <PaginationContent>\n              {withEdges && <PaginationItem><PaginationFirst /></PaginationItem>}\n              {withControls && <PaginationItem><PaginationPrevious /></PaginationItem>}\n              <PaginationItems />\n              {withControls && <PaginationItem><PaginationNext /></PaginationItem>}\n              {withEdges && <PaginationItem><PaginationLast /></PaginationItem>}\n            </PaginationContent>\n          )}\n        </nav>\n      </PaginationContext.Provider>\n    )\n  }\n)\nPaginationRoot.displayName = 'Pagination'\n\n// ─── PaginationContent ───────────────────────────────────\n\nconst PaginationContent = React.forwardRef<HTMLUListElement, React.ComponentPropsWithoutRef<'ul'>>(\n  ({ className, ...props }, ref) => {\n    const { size } = usePaginationContext()\n    const sizeClass = paginationSizeMap[size]\n    return (\n      <ul\n        ref={ref}\n        className={cn('flex flex-wrap items-center', sizeClass.gap, className)}\n        {...props}\n      />\n    )\n  }\n)\nPaginationContent.displayName = 'PaginationContent'\n\n// ─── PaginationItem ──────────────────────────────────────\n\nconst PaginationItem = React.forwardRef<HTMLLIElement, React.ComponentPropsWithoutRef<'li'>>(\n  ({ className, ...props }, ref) => (\n    <li ref={ref} className={cn('', className)} {...props} />\n  )\n)\nPaginationItem.displayName = 'PaginationItem'\n\n// ─── PaginationLink ──────────────────────────────────────\n\nexport interface PaginationLinkProps extends React.ComponentPropsWithoutRef<'button'> {\n  /** Page number this link navigates to */\n  page: number\n  /** Whether this page is currently active (auto-detected from context if omitted) */\n  isActive?: boolean\n}\n\nconst PaginationLink = React.forwardRef<HTMLButtonElement, PaginationLinkProps>(\n  ({ className, page: targetPage, isActive: isActiveProp, ...props }, ref) => {\n    const ctx = usePaginationContext()\n    const isActive = isActiveProp ?? (ctx.page === targetPage)\n    const sizeClass = paginationSizeMap[ctx.size]\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-current={isActive ? 'page' : undefined}\n        aria-label={`Go to page ${targetPage}`}\n        disabled={ctx.disabled}\n        onClick={() => ctx.onPageChange(targetPage)}\n        className={cn(\n          paginationItemVariants({ radius: ctx.radius }),\n          sizeClass.item,\n          getItemClasses(ctx.variant, ctx.color, isActive, ctx.disabled),\n          className\n        )}\n        {...props}\n      >\n        {targetPage}\n      </button>\n    )\n  }\n)\nPaginationLink.displayName = 'PaginationLink'\n\n// ─── PaginationPrevious ──────────────────────────────────\n\nexport interface PaginationPreviousProps extends React.ComponentPropsWithoutRef<'button'> {\n  /** Custom icon */\n  icon?: React.ReactNode\n}\n\nconst PaginationPrevious = React.forwardRef<HTMLButtonElement, PaginationPreviousProps>(\n  ({ className, icon, ...props }, ref) => {\n    const ctx = usePaginationContext()\n    const sizeClass = paginationSizeMap[ctx.size]\n    const isDisabled = ctx.disabled || (!ctx.loop && ctx.page <= 1)\n\n    const handleClick = () => {\n      if (ctx.page <= 1) {\n        if (ctx.loop) ctx.onPageChange(ctx.total)\n      } else {\n        ctx.onPageChange(ctx.page - 1)\n      }\n    }\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-label=\"Go to previous page\"\n        disabled={isDisabled}\n        onClick={handleClick}\n        className={cn(\n          paginationItemVariants({ radius: ctx.radius }),\n          sizeClass.item,\n          getItemClasses(ctx.variant, ctx.color, false, isDisabled),\n          className\n        )}\n        {...props}\n      >\n        {icon ?? <ChevronLeftIcon className={sizeClass.icon} />}\n      </button>\n    )\n  }\n)\nPaginationPrevious.displayName = 'PaginationPrevious'\n\n// ─── PaginationNext ──────────────────────────────────────\n\nexport interface PaginationNextProps extends React.ComponentPropsWithoutRef<'button'> {\n  /** Custom icon */\n  icon?: React.ReactNode\n}\n\nconst PaginationNext = React.forwardRef<HTMLButtonElement, PaginationNextProps>(\n  ({ className, icon, ...props }, ref) => {\n    const ctx = usePaginationContext()\n    const sizeClass = paginationSizeMap[ctx.size]\n    const isDisabled = ctx.disabled || (!ctx.loop && ctx.page >= ctx.total)\n\n    const handleClick = () => {\n      if (ctx.page >= ctx.total) {\n        if (ctx.loop) ctx.onPageChange(1)\n      } else {\n        ctx.onPageChange(ctx.page + 1)\n      }\n    }\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-label=\"Go to next page\"\n        disabled={isDisabled}\n        onClick={handleClick}\n        className={cn(\n          paginationItemVariants({ radius: ctx.radius }),\n          sizeClass.item,\n          getItemClasses(ctx.variant, ctx.color, false, isDisabled),\n          className\n        )}\n        {...props}\n      >\n        {icon ?? <ChevronRightIcon className={sizeClass.icon} />}\n      </button>\n    )\n  }\n)\nPaginationNext.displayName = 'PaginationNext'\n\n// ─── PaginationFirst ─────────────────────────────────────\n\nexport interface PaginationFirstProps extends React.ComponentPropsWithoutRef<'button'> {\n  /** Custom icon */\n  icon?: React.ReactNode\n}\n\nconst PaginationFirst = React.forwardRef<HTMLButtonElement, PaginationFirstProps>(\n  ({ className, icon, ...props }, ref) => {\n    const ctx = usePaginationContext()\n    const sizeClass = paginationSizeMap[ctx.size]\n    const isDisabled = ctx.disabled || ctx.page <= 1\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-label=\"Go to first page\"\n        disabled={isDisabled}\n        onClick={() => ctx.onPageChange(1)}\n        className={cn(\n          paginationItemVariants({ radius: ctx.radius }),\n          sizeClass.item,\n          getItemClasses(ctx.variant, ctx.color, false, isDisabled),\n          className\n        )}\n        {...props}\n      >\n        {icon ?? <ChevronsLeftIcon className={sizeClass.icon} />}\n      </button>\n    )\n  }\n)\nPaginationFirst.displayName = 'PaginationFirst'\n\n// ─── PaginationLast ──────────────────────────────────────\n\nexport interface PaginationLastProps extends React.ComponentPropsWithoutRef<'button'> {\n  /** Custom icon */\n  icon?: React.ReactNode\n}\n\nconst PaginationLast = React.forwardRef<HTMLButtonElement, PaginationLastProps>(\n  ({ className, icon, ...props }, ref) => {\n    const ctx = usePaginationContext()\n    const sizeClass = paginationSizeMap[ctx.size]\n    const isDisabled = ctx.disabled || ctx.page >= ctx.total\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-label=\"Go to last page\"\n        disabled={isDisabled}\n        onClick={() => ctx.onPageChange(ctx.total)}\n        className={cn(\n          paginationItemVariants({ radius: ctx.radius }),\n          sizeClass.item,\n          getItemClasses(ctx.variant, ctx.color, false, isDisabled),\n          className\n        )}\n        {...props}\n      >\n        {icon ?? <ChevronsRightIcon className={sizeClass.icon} />}\n      </button>\n    )\n  }\n)\nPaginationLast.displayName = 'PaginationLast'\n\n// ─── PaginationEllipsis ──────────────────────────────────\n\nconst PaginationEllipsis = React.forwardRef<HTMLSpanElement, React.ComponentPropsWithoutRef<'span'>>(\n  ({ className, ...props }, ref) => {\n    const ctx = usePaginationContext()\n    const sizeClass = paginationSizeMap[ctx.size]\n    return (\n      <span\n        ref={ref}\n        aria-hidden=\"true\"\n        className={cn(\n          'inline-flex items-center justify-center text-text-muted',\n          sizeClass.item,\n          className\n        )}\n        {...props}\n      >\n        <EllipsisIcon className={sizeClass.icon} />\n        <span className=\"sr-only\">More pages</span>\n      </span>\n    )\n  }\n)\nPaginationEllipsis.displayName = 'PaginationEllipsis'\n\n// ─── PaginationItems (Convenience) ───────────────────────\n\nconst PaginationItems = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => {\n    const ctx = usePaginationContext()\n    return (\n      <div ref={ref} className={cn('contents', className)} {...props}>\n        {ctx.paginationRange.map((item, index) => (\n          <PaginationItem key={`${item}-${index}`}>\n            {item === 'dots' ? (\n              <PaginationEllipsis />\n            ) : (\n              <PaginationLink page={item} />\n            )}\n          </PaginationItem>\n        ))}\n      </div>\n    )\n  }\n)\nPaginationItems.displayName = 'PaginationItems'\n\n// ─── Exports ─────────────────────────────────────────────\n\n// ─── Namespace ──────────────────────────────────────────\nconst Pagination = Object.assign(PaginationRoot, {\n  Content: PaginationContent,\n  Item: PaginationItem,\n  Link: PaginationLink,\n  Previous: PaginationPrevious,\n  Next: PaginationNext,\n  First: PaginationFirst,\n  Last: PaginationLast,\n  Ellipsis: PaginationEllipsis,\n  Items: PaginationItems,\n})\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\nnamespace Pagination {\n  export type LinkProps = PaginationLinkProps\n  export type PreviousProps = PaginationPreviousProps\n  export type NextProps = PaginationNextProps\n  export type FirstProps = PaginationFirstProps\n  export type LastProps = PaginationLastProps\n}\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationItem,\n  PaginationLink,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationFirst,\n  PaginationLast,\n  PaginationEllipsis,\n  PaginationItems,\n  paginationItemVariants,\n  paginationSizeMap,\n}\n"],"mappings":"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","names":[]}