@7onic-ui/react 0.3.9 → 0.3.11

package/dist/chunk-EG2GTK65.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(
+  (_props, _ref) => {
+    const ctx = usePaginationContext();
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, 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-EG2GTK65.mjs.map

package/dist/chunk-EG2GTK65.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\n// Renders the <li> items straight into PaginationContent's <ul>: a wrapper element\n// between them breaks the list structure for assistive technology (a `display:\n// contents` div used to sit here). The div props and ref stay in the signature for\n// compatibility but have no element to attach to.\nconst PaginationItems = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n  (_props, _ref) => {\n    const ctx = usePaginationContext()\n    return (\n      <>\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      </>\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-FHUAH6AJ.mjs

@@ -0,0 +1,93 @@
+"use client";
+import {
+  cn
+} from "./chunk-53MIUPSY.mjs";
+
+// src/components/ui/tooltip.tsx
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { cva } from "class-variance-authority";
+var ANIMATION_CLASSES = {
+  top: "data-[state=delayed-open]:animate-tooltip-top-enter data-[state=instant-open]:animate-tooltip-top-enter data-[state=closed]:animate-tooltip-top-exit",
+  bottom: "data-[state=delayed-open]:animate-tooltip-bottom-enter data-[state=instant-open]:animate-tooltip-bottom-enter data-[state=closed]:animate-tooltip-bottom-exit",
+  left: "data-[state=delayed-open]:animate-tooltip-left-enter data-[state=instant-open]:animate-tooltip-left-enter data-[state=closed]:animate-tooltip-left-exit",
+  right: "data-[state=delayed-open]:animate-tooltip-right-enter data-[state=instant-open]:animate-tooltip-right-enter data-[state=closed]:animate-tooltip-right-exit"
+};
+var tooltipContentVariants = cva(
+  "z-tooltip rounded-lg font-normal select-none max-w-72",
+  {
+    variants: {
+      variant: {
+        default: "bg-foreground text-background shadow-lg",
+        inverted: "bg-background-paper/95 text-foreground border border-border-subtle shadow-lg backdrop-blur-sm"
+      },
+      size: {
+        sm: "text-xs px-2.5 py-1",
+        default: "text-sm px-3 py-1.5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var ARROW_FILL = {
+  default: "fill-foreground drop-shadow-sm",
+  inverted: "fill-background-paper drop-shadow-sm"
+};
+var TooltipProvider = TooltipPrimitive.Provider;
+function Tooltip({ delayDuration = 200, ...props }) {
+  return /* @__PURE__ */ React.createElement(TooltipPrimitive.Root, { delayDuration, ...props });
+}
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipPortal = TooltipPrimitive.Portal;
+var TooltipContent = React.forwardRef(({ className, variant = "default", size, side = "top", sideOffset = 6, showArrow = true, children, ...props }, ref) => {
+  const resolvedSide = side;
+  return /* @__PURE__ */ React.createElement(TooltipPrimitive.Portal, null, /* @__PURE__ */ React.createElement(
+    TooltipPrimitive.Content,
+    {
+      ref,
+      side,
+      sideOffset,
+      className: cn(
+        tooltipContentVariants({ variant, size }),
+        ANIMATION_CLASSES[resolvedSide],
+        className
+      ),
+      ...props
+    },
+    children,
+    showArrow && /* @__PURE__ */ React.createElement(
+      TooltipPrimitive.Arrow,
+      {
+        className: ARROW_FILL[variant || "default"],
+        width: 10,
+        height: 5
+      }
+    )
+  ));
+});
+TooltipContent.displayName = "TooltipContent";
+var TooltipArrow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  TooltipPrimitive.Arrow,
+  {
+    ref,
+    className: cn("fill-foreground", className),
+    width: 8,
+    height: 4,
+    ...props
+  }
+));
+TooltipArrow.displayName = "TooltipArrow";
+
+export {
+  tooltipContentVariants,
+  TooltipProvider,
+  Tooltip,
+  TooltipTrigger,
+  TooltipPortal,
+  TooltipContent,
+  TooltipArrow
+};
+//# sourceMappingURL=chunk-FHUAH6AJ.mjs.map

package/dist/chunk-FHUAH6AJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/tooltip.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@/lib/utils'\n\n// ─── Types ──────────────────────────────────────────────────\nexport type TooltipSide = 'top' | 'right' | 'bottom' | 'left'\n\n// ─── Animation class mapping (static strings for Tailwind scanner) ──\nconst ANIMATION_CLASSES: Record<TooltipSide, string> = {\n  top:    'data-[state=delayed-open]:animate-tooltip-top-enter data-[state=instant-open]:animate-tooltip-top-enter data-[state=closed]:animate-tooltip-top-exit',\n  bottom: 'data-[state=delayed-open]:animate-tooltip-bottom-enter data-[state=instant-open]:animate-tooltip-bottom-enter data-[state=closed]:animate-tooltip-bottom-exit',\n  left:   'data-[state=delayed-open]:animate-tooltip-left-enter data-[state=instant-open]:animate-tooltip-left-enter data-[state=closed]:animate-tooltip-left-exit',\n  right:  'data-[state=delayed-open]:animate-tooltip-right-enter data-[state=instant-open]:animate-tooltip-right-enter data-[state=closed]:animate-tooltip-right-exit',\n}\n\n// ─── Content variants ────────────────────────────────────────\nconst tooltipContentVariants = cva(\n  'z-tooltip rounded-lg font-normal select-none max-w-72',\n  {\n    variants: {\n      variant: {\n        default: 'bg-foreground text-background shadow-lg',\n        inverted: 'bg-background-paper/95 text-foreground border border-border-subtle shadow-lg backdrop-blur-sm',\n      },\n      size: {\n        sm: 'text-xs px-2.5 py-1',\n        default: 'text-sm px-3 py-1.5',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n)\n\n// ─── Arrow fill mapping (matches content variant background) ──\nconst ARROW_FILL: Record<string, string> = {\n  default: 'fill-foreground drop-shadow-sm',\n  inverted: 'fill-background-paper drop-shadow-sm',\n}\n\n// ═══════════════════════════════════════════════════════════════\n// Tooltip\n// ═══════════════════════════════════════════════════════════════\n\n// ─── TooltipProvider ─────────────────────────────────────────\nconst TooltipProvider = TooltipPrimitive.Provider\n\n// ─── Tooltip (Root) — Props type ──\nexport interface TooltipRootProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root> {\n  /** Delay in ms before tooltip appears */\n  delayDuration?: number\n}\n\n// ─── Tooltip (Root) — thin wrapper to expose as named export with default delayDuration ──\nfunction Tooltip({ delayDuration = 200, ...props }: TooltipRootProps) {\n  return <TooltipPrimitive.Root delayDuration={delayDuration} {...props} />\n}\n\n// ─── TooltipTrigger ──────────────────────────────────────────\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\n// ─── TooltipPortal ───────────────────────────────────────────\nconst TooltipPortal = TooltipPrimitive.Portal\n\n// ─── TooltipContent ──────────────────────────────────────────\nexport interface TooltipContentProps\n  extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>,\n    VariantProps<typeof tooltipContentVariants> {\n  /** Show arrow pointing to trigger */\n  showArrow?: boolean\n}\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  TooltipContentProps\n>(({ className, variant = 'default', size, side = 'top', sideOffset = 6, showArrow = true, children, ...props }, ref) => {\n  const resolvedSide = side as TooltipSide\n\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        ref={ref}\n        side={side}\n        sideOffset={sideOffset}\n        className={cn(\n          tooltipContentVariants({ variant, size }),\n          ANIMATION_CLASSES[resolvedSide],\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showArrow && (\n          <TooltipPrimitive.Arrow\n            className={ARROW_FILL[variant || 'default']}\n            width={10}\n            height={5}\n          />\n        )}\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n})\nTooltipContent.displayName = 'TooltipContent'\n\n// ─── TooltipArrow (standalone, for manual placement outside Content) ──\nconst TooltipArrow = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Arrow>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Arrow>\n>(({ className, ...props }, ref) => (\n  <TooltipPrimitive.Arrow\n    ref={ref}\n    className={cn('fill-foreground', className)}\n    width={8}\n    height={4}\n    {...props}\n  />\n))\nTooltipArrow.displayName = 'TooltipArrow'\n\n// ─── Exports ────────────────────────────────────────────────\nexport {\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipArrow,\n  TooltipPortal,\n  TooltipProvider,\n  tooltipContentVariants,\n}\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,sBAAsB;AAClC,SAAS,WAA8B;AAOvC,IAAM,oBAAiD;AAAA,EACrD,KAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAQ;AAAA,EACR,OAAQ;AACV;AAGA,IAAM,yBAAyB;AAAA,EAC7B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAGA,IAAM,aAAqC;AAAA,EACzC,SAAS;AAAA,EACT,UAAU;AACZ;AAOA,IAAM,kBAAmC;AASzC,SAAS,QAAQ,EAAE,gBAAgB,KAAK,GAAG,MAAM,GAAqB;AACpE,SAAO,oCAAkB,uBAAjB,EAAsB,eAA+B,GAAG,OAAO;AACzE;AAGA,IAAM,iBAAkC;AAGxC,IAAM,gBAAiC;AAUvC,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,UAAU,WAAW,MAAM,OAAO,OAAO,aAAa,GAAG,YAAY,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ;AACvH,QAAM,eAAe;AAErB,SACE,oCAAkB,yBAAjB,MACC;AAAA,IAAkB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT,uBAAuB,EAAE,SAAS,KAAK,CAAC;AAAA,QACxC,kBAAkB,YAAY;AAAA,QAC9B;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,IACA,aACC;AAAA,MAAkB;AAAA,MAAjB;AAAA,QACC,WAAW,WAAW,WAAW,SAAS;AAAA,QAC1C,OAAO;AAAA,QACP,QAAQ;AAAA;AAAA,IACV;AAAA,EAEJ,CACF;AAEJ,CAAC;AACD,eAAe,cAAc;AAG7B,IAAM,eAAqB,iBAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,mBAAmB,SAAS;AAAA,IAC1C,OAAO;AAAA,IACP,QAAQ;AAAA,IACP,GAAG;AAAA;AACN,CACD;AACD,aAAa,cAAc;","names":[]}