@7onic-ui/react 0.3.9 → 0.3.10

package/dist/chunk-DYYQOHQR.mjs

@@ -0,0 +1,214 @@
+"use client";
+import {
+  cn
+} from "./chunk-53MIUPSY.mjs";
+
+// src/components/ui/metric-card.tsx
+import * as React from "react";
+import { cva } from "class-variance-authority";
+var metricCardVariants = cva(
+  "transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "bg-background-paper border border-border",
+        elevated: "bg-background-paper shadow-md",
+        ghost: "bg-transparent"
+      },
+      size: {
+        sm: "p-4",
+        default: "p-4 sm:p-5",
+        lg: "p-4 sm:p-6"
+      },
+      radius: {
+        none: "rounded-none",
+        // 0px
+        sm: "rounded-sm",
+        // 2px
+        base: "rounded",
+        // 4px
+        default: "rounded-xl",
+        // 12px - card default
+        lg: "rounded-lg",
+        // 8px
+        xl: "rounded-xl",
+        // 12px
+        "2xl": "rounded-2xl",
+        // 16px
+        "3xl": "rounded-3xl",
+        // 24px
+        full: "rounded-full"
+        // 9999px
+      }
+    },
+    defaultVariants: { variant: "default", size: "default", radius: "default" }
+  }
+);
+var valueSizes = {
+  sm: "text-xl",
+  default: "text-2xl",
+  lg: "text-3xl"
+};
+var titleSizes = {
+  sm: "text-xs",
+  default: "text-sm",
+  lg: "text-sm"
+};
+var iconWrapperSizes = {
+  sm: "[&>svg]:icon-sm",
+  default: "[&>svg]:icon-md",
+  lg: "[&>svg]:icon-lg"
+};
+var trendConfig = {
+  up: { color: "text-text-success", srLabel: "Increased" },
+  down: { color: "text-text-error", srLabel: "Decreased" },
+  neutral: { color: "text-text-muted", srLabel: "No change" }
+};
+var MetricCardContext = React.createContext({ size: "default", animated: false });
+var MetricCard = React.forwardRef(
+  ({ className, variant, size, radius, animated = false, children, ...props }, ref) => {
+    const resolvedSize = size || "default";
+    return /* @__PURE__ */ React.createElement(MetricCardContext.Provider, { value: { size: resolvedSize, animated } }, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref,
+        className: cn(metricCardVariants({ variant, size, radius }), className),
+        ...props
+      },
+      children
+    ));
+  }
+);
+MetricCard.displayName = "MetricCard";
+var MetricCardHeader = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref,
+      className: cn("flex items-center justify-between gap-2", className),
+      ...props
+    }
+  )
+);
+MetricCardHeader.displayName = "MetricCardHeader";
+var MetricCardTitle = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { size } = React.useContext(MetricCardContext);
+    return /* @__PURE__ */ React.createElement(
+      "p",
+      {
+        ref,
+        className: cn(titleSizes[size], "font-semibold text-text-muted", className),
+        ...props
+      }
+    );
+  }
+);
+MetricCardTitle.displayName = "MetricCardTitle";
+var MetricCardValue = React.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const { size, animated } = React.useContext(MetricCardContext);
+    const [display, setDisplay] = React.useState(children);
+    React.useEffect(() => {
+      if (!animated || typeof children !== "string") {
+        setDisplay(children);
+        return;
+      }
+      const numMatch = children.match(/[\d,.]+/);
+      if (!numMatch) {
+        setDisplay(children);
+        return;
+      }
+      const numStr = numMatch[0].replace(/,/g, "");
+      const target = parseFloat(numStr);
+      if (isNaN(target)) {
+        setDisplay(children);
+        return;
+      }
+      const prefix = children.slice(0, children.indexOf(numMatch[0]));
+      const suffix = children.slice(children.indexOf(numMatch[0]) + numMatch[0].length);
+      const steps = 24;
+      const duration = 700;
+      let step = 0;
+      setDisplay(prefix + "0" + suffix);
+      const timer = setInterval(() => {
+        step++;
+        const eased = 1 - Math.pow(1 - step / steps, 3);
+        const current = target * eased;
+        const formatted = target >= 1e3 ? Math.floor(current).toLocaleString() : current.toFixed(numStr.includes(".") ? 2 : 0);
+        setDisplay(prefix + formatted + suffix);
+        if (step >= steps) {
+          setDisplay(children);
+          clearInterval(timer);
+        }
+      }, duration / steps);
+      return () => clearInterval(timer);
+    }, [children, animated]);
+    return /* @__PURE__ */ React.createElement(
+      "p",
+      {
+        ref,
+        className: cn(valueSizes[size], "font-bold text-foreground mt-1", className),
+        ...props
+      },
+      display
+    );
+  }
+);
+MetricCardValue.displayName = "MetricCardValue";
+var MetricCardTrend = React.forwardRef(
+  ({ className, direction, children, ...props }, ref) => {
+    const config = trendConfig[direction];
+    return /* @__PURE__ */ React.createElement(
+      "p",
+      {
+        ref,
+        className: cn("flex items-center gap-1 text-sm mt-2", config.color, className),
+        ...props
+      },
+      direction === "up" && /* @__PURE__ */ React.createElement("svg", { className: "icon-xs", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2.5, "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 15.75l7.5-7.5 7.5 7.5" })),
+      direction === "down" && /* @__PURE__ */ React.createElement("svg", { className: "icon-xs", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2.5, "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" })),
+      direction === "neutral" && /* @__PURE__ */ React.createElement("svg", { className: "icon-xs", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2.5, "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12h14" })),
+      /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, config.srLabel),
+      children
+    );
+  }
+);
+MetricCardTrend.displayName = "MetricCardTrend";
+var MetricCardDescription = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+    "p",
+    {
+      ref,
+      className: cn("text-xs text-text-muted mt-1", className),
+      ...props
+    }
+  )
+);
+MetricCardDescription.displayName = "MetricCardDescription";
+var MetricCardSymbol = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { size } = React.useContext(MetricCardContext);
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref,
+        className: cn("text-text-muted", iconWrapperSizes[size], className),
+        ...props
+      }
+    );
+  }
+);
+MetricCardSymbol.displayName = "MetricCardSymbol";
+
+export {
+  metricCardVariants,
+  MetricCard,
+  MetricCardHeader,
+  MetricCardTitle,
+  MetricCardValue,
+  MetricCardTrend,
+  MetricCardDescription,
+  MetricCardSymbol
+};
+//# sourceMappingURL=chunk-DYYQOHQR.mjs.map

package/dist/chunk-DYYQOHQR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/metric-card.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// ── CVA Variants ──\n\nconst metricCardVariants = cva(\n  'transition-colors',\n  {\n    variants: {\n      variant: {\n        default: 'bg-background-paper border border-border',\n        elevated: 'bg-background-paper shadow-md',\n        ghost: 'bg-transparent',\n      },\n      size: {\n        sm: 'p-4',\n        default: 'p-4 sm:p-5',\n        lg: 'p-4 sm:p-6',\n      },\n      radius: {\n        none: 'rounded-none',    // 0px\n        sm: 'rounded-sm',        // 2px\n        base: 'rounded',         // 4px\n        default: 'rounded-xl',   // 12px - card default\n        lg: 'rounded-lg',        // 8px\n        xl: 'rounded-xl',        // 12px\n        '2xl': 'rounded-2xl',    // 16px\n        '3xl': 'rounded-3xl',    // 24px\n        full: 'rounded-full',    // 9999px\n      },\n    },\n    defaultVariants: { variant: 'default', size: 'default', radius: 'default' },\n  }\n)\n\n// ── Size maps ──\n\nconst valueSizes = {\n  sm: 'text-xl',\n  default: 'text-2xl',\n  lg: 'text-3xl',\n} as const\n\nconst titleSizes = {\n  sm: 'text-xs',\n  default: 'text-sm',\n  lg: 'text-sm',\n} as const\n\nconst iconWrapperSizes = {\n  sm: '[&>svg]:icon-sm',\n  default: '[&>svg]:icon-md',\n  lg: '[&>svg]:icon-lg',\n} as const\n\n// ── Trend config ──\n\nconst trendConfig = {\n  up: { color: 'text-text-success', srLabel: 'Increased' },\n  down: { color: 'text-text-error', srLabel: 'Decreased' },\n  neutral: { color: 'text-text-muted', srLabel: 'No change' },\n} as const\n\n// ── Context ──\n\ntype MetricCardContextValue = { size: 'sm' | 'default' | 'lg'; animated: boolean }\nconst MetricCardContext = React.createContext<MetricCardContextValue>({ size: 'default', animated: false })\n\n// ── Types ──\n\nexport type MetricCardVariant = 'default' | 'elevated' | 'ghost'\nexport type MetricCardSize = 'sm' | 'default' | 'lg'\nexport type MetricCardRadius = 'none' | 'sm' | 'base' | 'default' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'\nexport type MetricCardTrendDirection = 'up' | 'down' | 'neutral'\n\n// ── MetricCard (root) ──\n\nexport interface MetricCardProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof metricCardVariants> {\n  animated?: boolean\n}\n\nconst MetricCard = React.forwardRef<HTMLDivElement, MetricCardProps>(\n  ({ className, variant, size, radius, animated = false, children, ...props }, ref) => {\n    const resolvedSize = (size || 'default') as MetricCardSize\n    return (\n      <MetricCardContext.Provider value={{ size: resolvedSize, animated }}>\n        <div\n          ref={ref}\n          className={cn(metricCardVariants({ variant, size, radius }), className)}\n          {...props}\n        >\n          {children}\n        </div>\n      </MetricCardContext.Provider>\n    )\n  }\n)\nMetricCard.displayName = 'MetricCard'\n\n// ── MetricCardHeader ──\n\nexport interface MetricCardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst MetricCardHeader = React.forwardRef<HTMLDivElement, MetricCardHeaderProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('flex items-center justify-between gap-2', className)}\n      {...props}\n    />\n  )\n)\nMetricCardHeader.displayName = 'MetricCardHeader'\n\n// ── MetricCardTitle ──\n\nexport interface MetricCardTitleProps extends React.HTMLAttributes<HTMLParagraphElement> {}\n\nconst MetricCardTitle = React.forwardRef<HTMLParagraphElement, MetricCardTitleProps>(\n  ({ className, ...props }, ref) => {\n    const { size } = React.useContext(MetricCardContext)\n    return (\n      <p\n        ref={ref}\n        className={cn(titleSizes[size], 'font-semibold text-text-muted', className)}\n        {...props}\n      />\n    )\n  }\n)\nMetricCardTitle.displayName = 'MetricCardTitle'\n\n// ── MetricCardValue ──\n\nexport interface MetricCardValueProps extends React.HTMLAttributes<HTMLParagraphElement> {}\n\nconst MetricCardValue = React.forwardRef<HTMLParagraphElement, MetricCardValueProps>(\n  ({ className, children, ...props }, ref) => {\n    const { size, animated } = React.useContext(MetricCardContext)\n    const [display, setDisplay] = React.useState<React.ReactNode>(children)\n\n    React.useEffect(() => {\n      if (!animated || typeof children !== 'string') { setDisplay(children); return }\n      const numMatch = children.match(/[\\d,.]+/)\n      if (!numMatch) { setDisplay(children); return }\n      const numStr = numMatch[0].replace(/,/g, '')\n      const target = parseFloat(numStr)\n      if (isNaN(target)) { setDisplay(children); return }\n      const prefix = children.slice(0, children.indexOf(numMatch[0]))\n      const suffix = children.slice(children.indexOf(numMatch[0]) + numMatch[0].length)\n      const steps = 24\n      const duration = 700\n      let step = 0\n      setDisplay(prefix + '0' + suffix)\n      const timer = setInterval(() => {\n        step++\n        const eased = 1 - Math.pow(1 - step / steps, 3)\n        const current = target * eased\n        const formatted = target >= 1000\n          ? Math.floor(current).toLocaleString()\n          : current.toFixed(numStr.includes('.') ? 2 : 0)\n        setDisplay(prefix + formatted + suffix)\n        if (step >= steps) { setDisplay(children); clearInterval(timer) }\n      }, duration / steps)\n      return () => clearInterval(timer)\n    }, [children, animated])\n\n    return (\n      <p\n        ref={ref}\n        className={cn(valueSizes[size], 'font-bold text-foreground mt-1', className)}\n        {...props}\n      >\n        {display}\n      </p>\n    )\n  }\n)\nMetricCardValue.displayName = 'MetricCardValue'\n\n// ── MetricCardTrend ──\n\nexport interface MetricCardTrendProps extends React.HTMLAttributes<HTMLParagraphElement> {\n  direction: MetricCardTrendDirection\n}\n\nconst MetricCardTrend = React.forwardRef<HTMLParagraphElement, MetricCardTrendProps>(\n  ({ className, direction, children, ...props }, ref) => {\n    const config = trendConfig[direction]\n    return (\n      <p\n        ref={ref}\n        className={cn('flex items-center gap-1 text-sm mt-2', config.color, className)}\n        {...props}\n      >\n        {direction === 'up' && (\n          <svg className=\"icon-xs\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2.5} aria-hidden=\"true\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M4.5 15.75l7.5-7.5 7.5 7.5\" />\n          </svg>\n        )}\n        {direction === 'down' && (\n          <svg className=\"icon-xs\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2.5} aria-hidden=\"true\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19.5 8.25l-7.5 7.5-7.5-7.5\" />\n          </svg>\n        )}\n        {direction === 'neutral' && (\n          <svg className=\"icon-xs\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2.5} aria-hidden=\"true\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 12h14\" />\n          </svg>\n        )}\n        <span className=\"sr-only\">{config.srLabel}</span>\n        {children}\n      </p>\n    )\n  }\n)\nMetricCardTrend.displayName = 'MetricCardTrend'\n\n// ── MetricCardDescription ──\n\nexport interface MetricCardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {}\n\nconst MetricCardDescription = React.forwardRef<HTMLParagraphElement, MetricCardDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <p\n      ref={ref}\n      className={cn('text-xs text-text-muted mt-1', className)}\n      {...props}\n    />\n  )\n)\nMetricCardDescription.displayName = 'MetricCardDescription'\n\n// ── MetricCardSymbol ──\n\nexport interface MetricCardSymbolProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst MetricCardSymbol = React.forwardRef<HTMLDivElement, MetricCardSymbolProps>(\n  ({ className, ...props }, ref) => {\n    const { size } = React.useContext(MetricCardContext)\n    return (\n      <div\n        ref={ref}\n        className={cn('text-text-muted', iconWrapperSizes[size], className)}\n        {...props}\n      />\n    )\n  }\n)\nMetricCardSymbol.displayName = 'MetricCardSymbol'\n\n// ── Exports ──\nexport {\n  MetricCard,\n  MetricCardHeader,\n  MetricCardTitle,\n  MetricCardValue,\n  MetricCardTrend,\n  MetricCardDescription,\n  MetricCardSymbol,\n  metricCardVariants,\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":[]}

package/dist/chunk-GD4YE5AE.mjs

@@ -0,0 +1,209 @@
+"use client";
+import {
+  cn
+} from "./chunk-53MIUPSY.mjs";
+
+// src/components/ui/avatar.tsx
+import * as React from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { cva } from "class-variance-authority";
+var avatarVariants = cva(
+  "relative inline-flex items-center justify-center overflow-hidden bg-background-muted select-none",
+  {
+    variants: {
+      size: {
+        xs: "w-6 h-6",
+        // 24px
+        sm: "w-8 h-8",
+        // 32px
+        default: "w-10 h-10",
+        // 40px
+        lg: "w-12 h-12",
+        // 48px
+        xl: "w-16 h-16",
+        // 64px
+        "2xl": "w-20 h-20"
+        // 80px
+      },
+      shape: {
+        circle: "rounded-full",
+        square: "rounded-xl"
+      }
+    },
+    defaultVariants: { size: "default", shape: "circle" }
+  }
+);
+var statusDotSizes = {
+  xs: "w-1.5 h-1.5",
+  sm: "w-2 h-2",
+  default: "w-2.5 h-2.5",
+  lg: "w-3 h-3",
+  xl: "w-3.5 h-3.5",
+  "2xl": "w-4 h-4"
+};
+var statusColors = {
+  online: "bg-success",
+  offline: "bg-text-muted",
+  busy: "bg-error",
+  away: "bg-warning"
+};
+var fallbackFontSizes = {
+  xs: "text-2xs",
+  sm: "text-xs",
+  default: "text-sm",
+  lg: "text-base",
+  xl: "text-xl",
+  "2xl": "text-2xl"
+};
+var groupNegativeMargins = {
+  xs: "-space-x-1.5",
+  sm: "-space-x-2",
+  default: "-space-x-2.5",
+  lg: "-space-x-3",
+  xl: "-space-x-4",
+  "2xl": "-space-x-5"
+};
+var avatarColors = [
+  { vivid: { bg: "bg-[#DC2626]", text: "text-white" }, soft: { bg: "bg-[#FEE2E2]", text: "text-[#DC2626]" } },
+  // red
+  { vivid: { bg: "bg-[#EA580C]", text: "text-white" }, soft: { bg: "bg-[#FFEDD5]", text: "text-[#EA580C]" } },
+  // orange
+  { vivid: { bg: "bg-[#D97706]", text: "text-white" }, soft: { bg: "bg-[#FEF3C7]", text: "text-[#B45309]" } },
+  // amber
+  { vivid: { bg: "bg-[#CA8A04]", text: "text-white" }, soft: { bg: "bg-[#FEF9C3]", text: "text-[#A16207]" } },
+  // yellow
+  { vivid: { bg: "bg-[#059669]", text: "text-white" }, soft: { bg: "bg-[#D1FAE5]", text: "text-[#047857]" } },
+  // emerald
+  { vivid: { bg: "bg-[#0D9488]", text: "text-white" }, soft: { bg: "bg-[#CCFBF1]", text: "text-[#0F766E]" } },
+  // teal
+  { vivid: { bg: "bg-[#0891B2]", text: "text-white" }, soft: { bg: "bg-[#CFFAFE]", text: "text-[#0E7490]" } },
+  // cyan
+  { vivid: { bg: "bg-[#2563EB]", text: "text-white" }, soft: { bg: "bg-[#DBEAFE]", text: "text-[#1D4ED8]" } },
+  // blue
+  { vivid: { bg: "bg-[#4F46E5]", text: "text-white" }, soft: { bg: "bg-[#E0E7FF]", text: "text-[#4338CA]" } },
+  // indigo
+  { vivid: { bg: "bg-[#7C3AED]", text: "text-white" }, soft: { bg: "bg-[#EDE9FE]", text: "text-[#6D28D9]" } },
+  // violet
+  { vivid: { bg: "bg-[#9333EA]", text: "text-white" }, soft: { bg: "bg-[#F3E8FF]", text: "text-[#7E22CE]" } },
+  // purple
+  { vivid: { bg: "bg-[#DB2777]", text: "text-white" }, soft: { bg: "bg-[#FCE7F3]", text: "text-[#BE185D]" } }
+  // pink
+];
+function getAvatarInitials(name, maxChars = 2) {
+  const trimmed = name.trim();
+  if (!trimmed) return "";
+  const cjkRegex = /[\u3000-\u9fff\uac00-\ud7af\uff00-\uffef]/;
+  if (cjkRegex.test(trimmed.charAt(0))) {
+    return trimmed.slice(0, maxChars);
+  }
+  const parts = trimmed.split(/[\s\-_.]+/).filter(Boolean);
+  if (parts.length === 1) {
+    return parts[0].charAt(0).toUpperCase();
+  }
+  return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase().slice(0, maxChars);
+}
+function getAvatarColor(name, variant = "vivid") {
+  let hash = 5381;
+  for (let i = 0; i < name.length; i++) {
+    hash = (hash << 5) + hash ^ name.charCodeAt(i);
+  }
+  return avatarColors[(hash >>> 0) % avatarColors.length][variant];
+}
+var Avatar = React.forwardRef(({ className, size, shape, status, children, ...props }, ref) => {
+  const resolvedSize = size || "default";
+  if (!status) {
+    return /* @__PURE__ */ React.createElement(
+      AvatarPrimitive.Root,
+      {
+        ref,
+        className: cn(avatarVariants({ size, shape }), className),
+        ...props
+      },
+      children
+    );
+  }
+  return /* @__PURE__ */ React.createElement("span", { className: "relative inline-flex" }, /* @__PURE__ */ React.createElement(
+    AvatarPrimitive.Root,
+    {
+      ref,
+      className: cn(avatarVariants({ size, shape }), className),
+      ...props
+    },
+    children
+  ), /* @__PURE__ */ React.createElement(
+    "span",
+    {
+      className: cn(
+        "absolute bottom-0 right-0 rounded-full ring-2 ring-background",
+        statusDotSizes[resolvedSize],
+        statusColors[status]
+      )
+    }
+  ));
+});
+Avatar.displayName = "Avatar";
+var AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  AvatarPrimitive.Image,
+  {
+    ref,
+    className: cn("object-cover w-full h-full", className),
+    ...props
+  }
+));
+AvatarImage.displayName = "AvatarImage";
+var AvatarFallback = React.forwardRef(({ className, size, name, colorized, colorVariant = "vivid", children, ...props }, ref) => {
+  const resolvedSize = size || "default";
+  const colorKey = name || colorized;
+  const color = colorKey ? getAvatarColor(colorKey, colorVariant) : null;
+  const resolvedChildren = children ?? (name ? getAvatarInitials(name) : void 0);
+  return /* @__PURE__ */ React.createElement(
+    AvatarPrimitive.Fallback,
+    {
+      ref,
+      className: cn(
+        "flex items-center justify-center w-full h-full font-semibold",
+        color ? [color.bg, color.text] : "bg-background-muted text-text-muted",
+        fallbackFontSizes[resolvedSize],
+        className
+      ),
+      ...props
+    },
+    resolvedChildren
+  );
+});
+AvatarFallback.displayName = "AvatarFallback";
+var AvatarGroup = React.forwardRef(
+  ({ className, max, size = "default", shape = "circle", children, ...props }, ref) => {
+    const childArray = React.Children.toArray(children);
+    const visibleChildren = max ? childArray.slice(0, max) : childArray;
+    const overflowCount = max ? childArray.length - max : 0;
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex items-center",
+          groupNegativeMargins[size],
+          "[&>*]:ring-2 [&>*]:ring-background",
+          className
+        ),
+        ...props
+      },
+      visibleChildren,
+      overflowCount > 0 && /* @__PURE__ */ React.createElement(Avatar, { size, shape }, /* @__PURE__ */ React.createElement(AvatarFallback, { size }, "+", overflowCount))
+    );
+  }
+);
+AvatarGroup.displayName = "AvatarGroup";
+
+export {
+  avatarVariants,
+  avatarColors,
+  getAvatarInitials,
+  getAvatarColor,
+  Avatar,
+  AvatarImage,
+  AvatarFallback,
+  AvatarGroup
+};
+//# sourceMappingURL=chunk-GD4YE5AE.mjs.map

package/dist/chunk-GD4YE5AE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/avatar.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as AvatarPrimitive from '@radix-ui/react-avatar'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@/lib/utils'\n\n// Avatar root variants\nconst avatarVariants = cva(\n  'relative inline-flex items-center justify-center overflow-hidden bg-background-muted select-none',\n  {\n    variants: {\n      size: {\n        xs:      'w-6 h-6',        // 24px\n        sm:      'w-8 h-8',        // 32px\n        default: 'w-10 h-10',      // 40px\n        lg:      'w-12 h-12',      // 48px\n        xl:      'w-16 h-16',      // 64px\n        '2xl':   'w-20 h-20',      // 80px\n      },\n      shape: {\n        circle: 'rounded-full',\n        square: 'rounded-xl',\n      },\n    },\n    defaultVariants: { size: 'default', shape: 'circle' },\n  }\n)\n\n// Status dot sizes per avatar size\nconst statusDotSizes = {\n  xs:      'w-1.5 h-1.5',\n  sm:      'w-2 h-2',\n  default: 'w-2.5 h-2.5',\n  lg:      'w-3 h-3',\n  xl:      'w-3.5 h-3.5',\n  '2xl':   'w-4 h-4',\n}\n\n// Status dot colors\nconst statusColors = {\n  online:  'bg-success',\n  offline: 'bg-text-muted',\n  busy:    'bg-error',\n  away:    'bg-warning',\n}\n\n// Fallback font sizes per avatar size\nconst fallbackFontSizes = {\n  xs:      'text-2xs',\n  sm:      'text-xs',\n  default: 'text-sm',\n  lg:      'text-base',\n  xl:      'text-xl',\n  '2xl':   'text-2xl',\n}\n\n// Negative margin per size for AvatarGroup overlap\nconst groupNegativeMargins = {\n  xs:      '-space-x-1.5',\n  sm:      '-space-x-2',\n  default: '-space-x-2.5',\n  lg:      '-space-x-3',\n  xl:      '-space-x-4',\n  '2xl':   '-space-x-5',\n}\n\n// Colorized fallback palette (12 colors × 2 variants) — exception 13 in TOKEN-EXCEPTIONS.md\nconst avatarColors = [\n  { vivid: { bg: 'bg-[#DC2626]', text: 'text-white' }, soft: { bg: 'bg-[#FEE2E2]', text: 'text-[#DC2626]' } },  // red\n  { vivid: { bg: 'bg-[#EA580C]', text: 'text-white' }, soft: { bg: 'bg-[#FFEDD5]', text: 'text-[#EA580C]' } },  // orange\n  { vivid: { bg: 'bg-[#D97706]', text: 'text-white' }, soft: { bg: 'bg-[#FEF3C7]', text: 'text-[#B45309]' } },  // amber\n  { vivid: { bg: 'bg-[#CA8A04]', text: 'text-white' }, soft: { bg: 'bg-[#FEF9C3]', text: 'text-[#A16207]' } },  // yellow\n  { vivid: { bg: 'bg-[#059669]', text: 'text-white' }, soft: { bg: 'bg-[#D1FAE5]', text: 'text-[#047857]' } },  // emerald\n  { vivid: { bg: 'bg-[#0D9488]', text: 'text-white' }, soft: { bg: 'bg-[#CCFBF1]', text: 'text-[#0F766E]' } },  // teal\n  { vivid: { bg: 'bg-[#0891B2]', text: 'text-white' }, soft: { bg: 'bg-[#CFFAFE]', text: 'text-[#0E7490]' } },  // cyan\n  { vivid: { bg: 'bg-[#2563EB]', text: 'text-white' }, soft: { bg: 'bg-[#DBEAFE]', text: 'text-[#1D4ED8]' } },  // blue\n  { vivid: { bg: 'bg-[#4F46E5]', text: 'text-white' }, soft: { bg: 'bg-[#E0E7FF]', text: 'text-[#4338CA]' } },  // indigo\n  { vivid: { bg: 'bg-[#7C3AED]', text: 'text-white' }, soft: { bg: 'bg-[#EDE9FE]', text: 'text-[#6D28D9]' } },  // violet\n  { vivid: { bg: 'bg-[#9333EA]', text: 'text-white' }, soft: { bg: 'bg-[#F3E8FF]', text: 'text-[#7E22CE]' } },  // purple\n  { vivid: { bg: 'bg-[#DB2777]', text: 'text-white' }, soft: { bg: 'bg-[#FCE7F3]', text: 'text-[#BE185D]' } },  // pink\n] as const\n\nexport type AvatarColorVariant = 'vivid' | 'soft'\n\n/** Extract initials from a name string (e.g. \"John Doe\" → \"JD\", \"김민수\" → \"김민\") */\nfunction getAvatarInitials(name: string, maxChars = 2): string {\n  const trimmed = name.trim()\n  if (!trimmed) return ''\n\n  // CJK: use first character(s) directly\n  const cjkRegex = /[\\u3000-\\u9fff\\uac00-\\ud7af\\uff00-\\uffef]/\n  if (cjkRegex.test(trimmed.charAt(0))) {\n    return trimmed.slice(0, maxChars)\n  }\n\n  // Split on spaces, hyphens, underscores, dots\n  const parts = trimmed.split(/[\\s\\-_.]+/).filter(Boolean)\n  if (parts.length === 1) {\n    return parts[0].charAt(0).toUpperCase()\n  }\n\n  // First + last part initials\n  return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0))\n    .toUpperCase()\n    .slice(0, maxChars)\n}\n\n/** Hash a name string to a deterministic avatar color pair (djb2 xor variant) */\nfunction getAvatarColor(name: string, variant: AvatarColorVariant = 'vivid') {\n  let hash = 5381\n  for (let i = 0; i < name.length; i++) {\n    hash = ((hash << 5) + hash) ^ name.charCodeAt(i)\n  }\n  return avatarColors[(hash >>> 0) % avatarColors.length][variant]\n}\n\nexport type AvatarSize = 'xs' | 'sm' | 'default' | 'lg' | 'xl' | '2xl'\nexport type AvatarShape = 'circle' | 'square'\nexport type AvatarStatus = 'online' | 'offline' | 'busy' | 'away'\n\nexport interface AvatarProps\n  extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n    VariantProps<typeof avatarVariants> {\n  status?: AvatarStatus\n}\n\nconst Avatar = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Root>,\n  AvatarProps\n>(({ className, size, shape, status, children, ...props }, ref) => {\n  const resolvedSize = size || 'default'\n\n  if (!status) {\n    return (\n      <AvatarPrimitive.Root\n        ref={ref}\n        className={cn(avatarVariants({ size, shape }), className)}\n        {...props}\n      >\n        {children}\n      </AvatarPrimitive.Root>\n    )\n  }\n\n  // Wrap with an outer span so the status dot is not clipped by overflow-hidden\n  return (\n    <span className=\"relative inline-flex\">\n      <AvatarPrimitive.Root\n        ref={ref}\n        className={cn(avatarVariants({ size, shape }), className)}\n        {...props}\n      >\n        {children}\n      </AvatarPrimitive.Root>\n      <span\n        className={cn(\n          'absolute bottom-0 right-0 rounded-full ring-2 ring-background',\n          statusDotSizes[resolvedSize],\n          statusColors[status]\n        )}\n      />\n    </span>\n  )\n})\nAvatar.displayName = 'Avatar'\n\nexport interface AvatarImageProps\n  extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image> {}\n\nconst AvatarImage = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Image>,\n  AvatarImageProps\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Image\n    ref={ref}\n    className={cn('object-cover w-full h-full', className)}\n    {...props}\n  />\n))\nAvatarImage.displayName = 'AvatarImage'\n\nexport interface AvatarFallbackProps\n  extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback> {\n  size?: AvatarSize\n  /** Shorthand: auto-generates initials + color from a name. Children override auto-initials. */\n  name?: string\n  /** Pass a name/key to enable colorized mode. The string is hashed to pick a deterministic color. */\n  colorized?: string\n  /** Color style: \"vivid\" (strong bg + white text) or \"soft\" (pastel bg + dark text). Default: \"vivid\" */\n  colorVariant?: AvatarColorVariant\n}\n\nconst AvatarFallback = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Fallback>,\n  AvatarFallbackProps\n>(({ className, size, name, colorized, colorVariant = 'vivid', children, ...props }, ref) => {\n  const resolvedSize = size || 'default'\n  const colorKey = name || colorized\n  const color = colorKey ? getAvatarColor(colorKey, colorVariant) : null\n  const resolvedChildren = children ?? (name ? getAvatarInitials(name) : undefined)\n  return (\n    <AvatarPrimitive.Fallback\n      ref={ref}\n      className={cn(\n        'flex items-center justify-center w-full h-full font-semibold',\n        color ? [color.bg, color.text] : 'bg-background-muted text-text-muted',\n        fallbackFontSizes[resolvedSize],\n        className\n      )}\n      {...props}\n    >\n      {resolvedChildren}\n    </AvatarPrimitive.Fallback>\n  )\n})\nAvatarFallback.displayName = 'AvatarFallback'\n\nexport interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  max?: number\n  size?: AvatarSize\n  shape?: AvatarShape\n}\n\nconst AvatarGroup = React.forwardRef<HTMLDivElement, AvatarGroupProps>(\n  ({ className, max, size = 'default', shape = 'circle', children, ...props }, ref) => {\n    const childArray = React.Children.toArray(children)\n    const visibleChildren = max ? childArray.slice(0, max) : childArray\n    const overflowCount = max ? childArray.length - max : 0\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex items-center',\n          groupNegativeMargins[size],\n          '[&>*]:ring-2 [&>*]:ring-background',\n          className\n        )}\n        {...props}\n      >\n        {visibleChildren}\n        {overflowCount > 0 && (\n          <Avatar size={size} shape={shape}>\n            <AvatarFallback size={size}>+{overflowCount}</AvatarFallback>\n          </Avatar>\n        )}\n      </div>\n    )\n  }\n)\nAvatarGroup.displayName = 'AvatarGroup'\n\nexport { Avatar, AvatarImage, AvatarFallback, AvatarGroup, avatarVariants, avatarColors, getAvatarColor, getAvatarInitials }\n"],"mappings":"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","names":[]}