@7onic-ui/react 0.3.8 → 0.3.10

package/dist/chunk-T546XBQG.mjs

@@ -0,0 +1,443 @@
+"use client";
+import {
+  cn
+} from "./chunk-53MIUPSY.mjs";
+
+// src/components/ui/pagination.tsx
+import * as React from "react";
+import { cva } from "class-variance-authority";
+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)
+  ];
+}
+var 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;
+}
+var 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" }
+};
+var paginationItemVariants = 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"
+    }
+  }
+);
+var activeColorMap = {
+  default: "bg-foreground text-background",
+  primary: "bg-primary text-primary-foreground"
+};
+var 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";
+  }
+}
+var 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: 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";
+var PaginationContent = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { size } = usePaginationContext();
+    const sizeClass = paginationSizeMap[size];
+    return /* @__PURE__ */ React.createElement(
+      "ul",
+      {
+        ref,
+        className: cn("flex flex-wrap items-center", sizeClass.gap, className),
+        ...props
+      }
+    );
+  }
+);
+PaginationContent.displayName = "PaginationContent";
+var PaginationItem = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ React.createElement("li", { ref, className: cn("", className), ...props })
+);
+PaginationItem.displayName = "PaginationItem";
+var 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: cn(
+          paginationItemVariants({ radius: ctx.radius }),
+          sizeClass.item,
+          getItemClasses(ctx.variant, ctx.color, isActive, ctx.disabled),
+          className
+        ),
+        ...props
+      },
+      targetPage
+    );
+  }
+);
+PaginationLink.displayName = "PaginationLink";
+var 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: 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";
+var 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: 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";
+var 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: 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";
+var 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: 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";
+var PaginationEllipsis = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const ctx = usePaginationContext();
+    const sizeClass = paginationSizeMap[ctx.size];
+    return /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        ref,
+        "aria-hidden": "true",
+        className: 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";
+var PaginationItems = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const ctx = usePaginationContext();
+    return /* @__PURE__ */ React.createElement("div", { ref, className: 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";
+
+export {
+  usePagination,
+  paginationSizeMap,
+  paginationItemVariants,
+  Pagination,
+  PaginationContent,
+  PaginationItem,
+  PaginationLink,
+  PaginationPrevious,
+  PaginationNext,
+  PaginationFirst,
+  PaginationLast,
+  PaginationEllipsis,
+  PaginationItems
+};
+//# sourceMappingURL=chunk-T546XBQG.mjs.map

package/dist/chunk-T546XBQG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/pagination.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cva } 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 ─────────────────────────────────────────────\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":[]}

package/dist/chunk-UWTT5AE6.mjs

@@ -0,0 +1,145 @@
+"use client";
+import {
+  useFieldContext
+} from "./chunk-Z6JWWCNL.mjs";
+import {
+  cn
+} from "./chunk-53MIUPSY.mjs";
+
+// src/components/ui/checkbox.tsx
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { cva } from "class-variance-authority";
+var checkboxColorMap = {
+  default: "data-[state=checked]:bg-foreground data-[state=checked]:border-foreground data-[state=checked]:text-background data-[state=indeterminate]:bg-foreground data-[state=indeterminate]:border-foreground data-[state=indeterminate]:text-background",
+  primary: "data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:text-primary-foreground"
+};
+var checkboxVariants = cva(
+  [
+    "peer relative shrink-0 border-border hover:border-border-strong transition-all duration-micro ease-out",
+    "focus-visible:focus-ring",
+    "disabled:cursor-not-allowed disabled:opacity-50",
+    // Transparent hit area expansion via ::after
+    "after:absolute after:content-['']"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "w-3.5 h-3.5 after:-inset-[5px]",
+        // 14px box → 24px click
+        default: "w-4 h-4 after:-inset-2",
+        // 16px box → 32px click
+        lg: "w-5 h-5 after:-inset-2"
+        // 20px box → 36px click
+      },
+      radius: {
+        none: "rounded-none",
+        // 0px — sharp square
+        sm: "rounded-sm",
+        // 2px — default checkbox style
+        md: "rounded"
+        // 4px — softer corners
+      },
+      weight: {
+        thin: "border",
+        // 1px
+        bold: "border-2"
+        // 2px
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      radius: "sm",
+      weight: "bold"
+    }
+  }
+);
+var checkIconSizes = {
+  sm: "w-2.5 h-2.5",
+  // 10px in 14px box
+  default: "w-3 h-3",
+  // 12px in 16px box
+  lg: "icon-xs"
+  // 14px in 20px box
+};
+var labelSizes = {
+  sm: "text-xs",
+  // 12px
+  default: "text-md",
+  // 14px
+  lg: "text-base"
+  // 16px
+};
+var gapSizes = {
+  sm: "gap-1.5",
+  default: "gap-2",
+  lg: "gap-2.5"
+};
+var Checkbox = React.forwardRef(({ className, size, radius, weight, color = "default", label, disabled, id, ...props }, ref) => {
+  const fieldContext = useFieldContext();
+  const resolvedSize = size || "default";
+  const resolvedDisabled = disabled ?? fieldContext?.disabled;
+  const generatedId = React.useId();
+  const checkboxId = id ?? fieldContext?.id ?? generatedId;
+  const checkbox = /* @__PURE__ */ React.createElement(
+    CheckboxPrimitive.Root,
+    {
+      ref,
+      id: checkboxId,
+      disabled: resolvedDisabled,
+      className: cn(
+        checkboxVariants({ size, radius, weight }),
+        checkboxColorMap[color],
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center animate-checkbox-enter" }, /* @__PURE__ */ React.createElement(CheckIcon, { className: checkIconSizes[resolvedSize] }))
+  );
+  if (!label) return checkbox;
+  return /* @__PURE__ */ React.createElement("div", { className: cn("group flex items-center", gapSizes[resolvedSize]) }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, checkbox), /* @__PURE__ */ React.createElement(
+    "label",
+    {
+      htmlFor: checkboxId,
+      className: cn(
+        labelSizes[resolvedSize],
+        "text-text-muted cursor-pointer select-none transition-colors duration-micro",
+        "group-hover:text-foreground",
+        resolvedDisabled && "opacity-50 cursor-not-allowed"
+      )
+    },
+    label
+  ));
+});
+Checkbox.displayName = "Checkbox";
+function CheckIcon({ className }) {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      className: cn(className, "hidden [[data-state=checked]_&]:block"),
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: 3,
+      "aria-hidden": "true"
+    },
+    /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" })
+  ), /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      className: cn(className, "hidden [[data-state=indeterminate]_&]:block"),
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: 3,
+      "aria-hidden": "true"
+    },
+    /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12h14" })
+  ));
+}
+
+export {
+  checkboxVariants,
+  Checkbox
+};
+//# sourceMappingURL=chunk-UWTT5AE6.mjs.map

package/dist/chunk-UWTT5AE6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/checkbox.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@/lib/utils'\nimport { useFieldContext } from './field'\n\n// Color maps for checked/indeterminate state\nconst checkboxColorMap = {\n  default: 'data-[state=checked]:bg-foreground data-[state=checked]:border-foreground data-[state=checked]:text-background data-[state=indeterminate]:bg-foreground data-[state=indeterminate]:border-foreground data-[state=indeterminate]:text-background',\n  primary: 'data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:text-primary-foreground',\n} as const\n\nexport type CheckboxColor = keyof typeof checkboxColorMap\n\n// Checkbox box variants\nconst checkboxVariants = cva(\n  [\n    'peer relative shrink-0 border-border hover:border-border-strong transition-all duration-micro ease-out',\n    'focus-visible:focus-ring',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n    // Transparent hit area expansion via ::after\n    \"after:absolute after:content-['']\",\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'w-3.5 h-3.5 after:-inset-[5px]',  // 14px box → 24px click\n        default: 'w-4 h-4 after:-inset-2',    // 16px box → 32px click\n        lg: 'w-5 h-5 after:-inset-2',         // 20px box → 36px click\n      },\n      radius: {\n        none: 'rounded-none',  // 0px — sharp square\n        sm: 'rounded-sm',      // 2px — default checkbox style\n        md: 'rounded',         // 4px — softer corners\n      },\n      weight: {\n        thin: 'border',   // 1px\n        bold: 'border-2', // 2px\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      radius: 'sm',\n      weight: 'bold',\n    },\n  }\n)\n\n// Check icon sizes per checkbox size\nconst checkIconSizes = {\n  sm: 'w-2.5 h-2.5',  // 10px in 14px box\n  default: 'w-3 h-3', // 12px in 16px box\n  lg: 'icon-xs',       // 14px in 20px box\n}\n\n// Label font sizes per checkbox size\nconst labelSizes = {\n  sm: 'text-xs',     // 12px\n  default: 'text-md', // 14px\n  lg: 'text-base',   // 16px\n}\n\n// Gap between checkbox and label\nconst gapSizes = {\n  sm: 'gap-1.5',\n  default: 'gap-2',\n  lg: 'gap-2.5',\n}\n\nexport interface CheckboxProps\n  extends Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, 'children'>,\n    VariantProps<typeof checkboxVariants> {\n  /** Checked state color */\n  color?: CheckboxColor\n  label?: string\n  radius?: 'none' | 'sm' | 'md'\n}\n\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  CheckboxProps\n>(({ className, size, radius, weight, color = 'default', label, disabled, id, ...props }, ref) => {\n  const fieldContext = useFieldContext()\n  const resolvedSize = size || 'default'\n  const resolvedDisabled = disabled ?? fieldContext?.disabled\n  const generatedId = React.useId()\n  const checkboxId = id ?? fieldContext?.id ?? generatedId\n\n  const checkbox = (\n    <CheckboxPrimitive.Root\n      ref={ref}\n      id={checkboxId}\n      disabled={resolvedDisabled}\n      className={cn(\n        checkboxVariants({ size, radius, weight }),\n        checkboxColorMap[color],\n        className\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator className=\"flex items-center justify-center animate-checkbox-enter\">\n        <CheckIcon className={checkIconSizes[resolvedSize]} />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n\n  if (!label) return checkbox\n\n  return (\n    <div className={cn('group flex items-center', gapSizes[resolvedSize])}>\n      <div className=\"flex items-center\">\n        {checkbox}\n      </div>\n      <label\n        htmlFor={checkboxId}\n        className={cn(\n          labelSizes[resolvedSize],\n          'text-text-muted cursor-pointer select-none transition-colors duration-micro',\n          'group-hover:text-foreground',\n          resolvedDisabled && 'opacity-50 cursor-not-allowed'\n        )}\n      >\n        {label}\n      </label>\n    </div>\n  )\n})\nCheckbox.displayName = 'Checkbox'\n\n// Check icon — renders ✓ for checked, — for indeterminate\nfunction CheckIcon({ className }: { className?: string }) {\n  return (\n    <>\n      {/* Check mark (shown when data-state=checked on parent Indicator) */}\n      <svg\n        className={cn(className, 'hidden [[data-state=checked]_&]:block')}\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"currentColor\"\n        strokeWidth={3}\n        aria-hidden=\"true\"\n      >\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n      </svg>\n      {/* Dash (shown when data-state=indeterminate on parent Indicator) */}\n      <svg\n        className={cn(className, 'hidden [[data-state=indeterminate]_&]:block')}\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"currentColor\"\n        strokeWidth={3}\n        aria-hidden=\"true\"\n      >\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 12h14\" />\n      </svg>\n    </>\n  )\n}\n\nexport { Checkbox, checkboxVariants }\n"],"mappings":"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","names":[]}