@karakuri-ui/react 0.2.3 → 0.3.0

package/dist/components/ui/pagination.d.ts

@@ -0,0 +1,113 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+
+type PaginationRange = (number | 'dots')[];
+interface UsePaginationProps {
+    /** Total number of pages */
+    total: number;
+    /** Number of siblings on each side of current page */
+    siblings?: number;
+    /** Number of boundary pages at start/end */
+    boundaries?: number;
+    /** Current active page (1-based) */
+    page: number;
+}
+declare function usePagination({ total, siblings, boundaries, page, }: UsePaginationProps): PaginationRange;
+type PaginationSize = 'xs' | 'sm' | 'default' | 'lg' | 'xl';
+type PaginationVariant = 'default' | 'outline' | 'ghost';
+type PaginationColor = 'default' | 'primary';
+type PaginationRadius = 'sm' | 'base' | 'md' | 'lg' | 'xl' | 'full';
+declare const paginationSizeMap: {
+    readonly xs: {
+        readonly item: "h-7 min-w-7 text-xs";
+        readonly icon: "icon-xs";
+        readonly gap: "gap-1";
+    };
+    readonly sm: {
+        readonly item: "h-8 min-w-8 text-sm";
+        readonly icon: "icon-xs";
+        readonly gap: "gap-1";
+    };
+    readonly default: {
+        readonly item: "h-9 min-w-9 text-md";
+        readonly icon: "icon-sm";
+        readonly gap: "gap-1";
+    };
+    readonly lg: {
+        readonly item: "h-10 min-w-10 text-md";
+        readonly icon: "icon-sm";
+        readonly gap: "gap-1.5";
+    };
+    readonly xl: {
+        readonly item: "h-12 min-w-12 text-base";
+        readonly icon: "icon-sm";
+        readonly gap: "gap-1.5";
+    };
+};
+declare const paginationItemVariants: (props?: ({
+    radius?: "sm" | "lg" | "base" | "md" | "xl" | "full" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface PaginationProps extends Omit<React.ComponentPropsWithoutRef<'nav'>, 'onChange'> {
+    /** Total number of pages */
+    total?: number;
+    /** Controlled active page (1-based) */
+    value?: number;
+    /** Initial page for uncontrolled mode */
+    defaultValue?: number;
+    /** Page change callback */
+    onChange?: (page: number) => void;
+    /** Number of siblings on each side of current page */
+    siblings?: number;
+    /** Number of boundary pages at start/end */
+    boundaries?: number;
+    /** Component size */
+    size?: PaginationSize;
+    /** Visual variant */
+    variant?: PaginationVariant;
+    /** Active page color */
+    color?: PaginationColor;
+    /** Border radius */
+    radius?: PaginationRadius;
+    /** Disable all interactions */
+    disabled?: boolean;
+    /** Show previous/next controls */
+    withControls?: boolean;
+    /** Show first/last controls */
+    withEdges?: boolean;
+    /** Loop from last to first and vice versa */
+    loop?: boolean;
+}
+declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;
+declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+interface PaginationLinkProps extends React.ComponentPropsWithoutRef<'button'> {
+    /** Page number this link navigates to */
+    page: number;
+    /** Whether this page is currently active (auto-detected from context if omitted) */
+    isActive?: boolean;
+}
+declare const PaginationLink: React.ForwardRefExoticComponent<PaginationLinkProps & React.RefAttributes<HTMLButtonElement>>;
+interface PaginationPreviousProps extends React.ComponentPropsWithoutRef<'button'> {
+    /** Custom icon */
+    icon?: React.ReactNode;
+}
+declare const PaginationPrevious: React.ForwardRefExoticComponent<PaginationPreviousProps & React.RefAttributes<HTMLButtonElement>>;
+interface PaginationNextProps extends React.ComponentPropsWithoutRef<'button'> {
+    /** Custom icon */
+    icon?: React.ReactNode;
+}
+declare const PaginationNext: React.ForwardRefExoticComponent<PaginationNextProps & React.RefAttributes<HTMLButtonElement>>;
+interface PaginationFirstProps extends React.ComponentPropsWithoutRef<'button'> {
+    /** Custom icon */
+    icon?: React.ReactNode;
+}
+declare const PaginationFirst: React.ForwardRefExoticComponent<PaginationFirstProps & React.RefAttributes<HTMLButtonElement>>;
+interface PaginationLastProps extends React.ComponentPropsWithoutRef<'button'> {
+    /** Custom icon */
+    icon?: React.ReactNode;
+}
+declare const PaginationLast: React.ForwardRefExoticComponent<PaginationLastProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PaginationEllipsis: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const PaginationItems: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { Pagination, type PaginationColor, PaginationContent, PaginationEllipsis, PaginationFirst, type PaginationFirstProps, PaginationItem, PaginationItems, PaginationLast, type PaginationLastProps, PaginationLink, type PaginationLinkProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, type PaginationProps, type PaginationRadius, type PaginationRange, type PaginationSize, type PaginationVariant, type UsePaginationProps, paginationItemVariants, paginationSizeMap, usePagination };

package/dist/components/ui/pagination.js

@@ -0,0 +1,484 @@
+"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 Pagination = 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)))
+    ));
+  }
+);
+Pagination.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";
+// 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 Pagination = 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)\nPagination.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\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":[]}