@karakuri-ui/react 0.2.3 → 0.3.0

package/dist/components/ui/toggle.mjs

@@ -0,0 +1,159 @@
+"use client";
+import * as React from "react";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils";
+const toggleBaseStyles = "inline-flex items-center justify-center text-text-muted transition-all duration-micro focus-visible:focus-ring disabled:pointer-events-none disabled:opacity-50";
+const toggleVariants = cva(
+  toggleBaseStyles,
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent hover:bg-background-muted hover:text-foreground data-[state=on]:bg-background-muted data-[state=on]:text-foreground",
+        outline: "border border-border-form bg-transparent hover:bg-background-muted hover:text-foreground data-[state=on]:bg-background-muted data-[state=on]:text-foreground",
+        ghost: "bg-transparent hover:text-foreground data-[state=on]:bg-transparent data-[state=on]:text-foreground",
+        "outline-ghost": "border border-border-form bg-transparent hover:text-foreground data-[state=on]:bg-transparent data-[state=on]:text-foreground data-[state=on]:border-border-form"
+      },
+      fontWeight: {
+        normal: "font-normal",
+        semibold: "font-semibold"
+      },
+      size: {
+        xs: "h-7 px-2.5 text-xs gap-1",
+        // 28px height, 10px paddingX, 12px font
+        sm: "h-8 px-3 text-sm gap-2",
+        // 32px height, 12px paddingX, 13px font
+        md: "h-9 px-3.5 text-md gap-2",
+        // 36px height, 14px paddingX, 14px font
+        default: "h-10 px-4 text-md gap-2",
+        // 40px height, 16px paddingX, 14px font
+        lg: "h-12 px-6 text-base gap-2"
+        // 48px height, 24px paddingX, 16px font
+      },
+      radius: {
+        none: "rounded-none",
+        // 0px - primitive.borderRadius.none
+        sm: "rounded-sm",
+        // 2px - primitive.borderRadius.sm
+        base: "rounded",
+        // 4px - primitive.borderRadius.base
+        default: "rounded-md",
+        // 6px - primitive.borderRadius.md
+        lg: "rounded-lg",
+        // 8px - primitive.borderRadius.lg
+        xl: "rounded-xl",
+        // 12px - primitive.borderRadius.xl
+        "2xl": "rounded-2xl",
+        // 16px - primitive.borderRadius.2xl
+        "3xl": "rounded-3xl",
+        // 24px - primitive.borderRadius.3xl
+        full: "rounded-full"
+        // 9999px - primitive.borderRadius.full
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      radius: "default",
+      // 6px - primitive.borderRadius.md (Figma button default)
+      fontWeight: "normal"
+    }
+  }
+);
+const iconOnlySizes = {
+  xs: "h-7 w-7",
+  // 28px × 28px - spacing.7
+  sm: "h-8 w-8",
+  // 32px × 32px - spacing.8
+  md: "h-9 w-9",
+  // 36px × 36px - spacing.9
+  default: "h-10 w-10",
+  // 40px × 40px - spacing.10
+  lg: "h-12 w-12"
+  // 48px × 48px - spacing.12
+};
+const radiusClasses = {
+  none: "rounded-none",
+  sm: "rounded-sm",
+  base: "rounded",
+  default: "rounded-md",
+  lg: "rounded-lg",
+  xl: "rounded-xl",
+  "2xl": "rounded-2xl",
+  "3xl": "rounded-3xl",
+  full: "rounded-full"
+};
+const variantClasses = {
+  default: "bg-transparent hover:bg-background-muted hover:text-foreground data-[state=on]:bg-background-muted data-[state=on]:text-foreground",
+  outline: "border border-border-form bg-transparent hover:bg-background-muted hover:text-foreground data-[state=on]:bg-background-muted data-[state=on]:text-foreground",
+  ghost: "bg-transparent hover:text-foreground data-[state=on]:bg-transparent data-[state=on]:text-foreground",
+  "outline-ghost": "border border-border-form bg-transparent hover:text-foreground data-[state=on]:bg-transparent data-[state=on]:text-foreground data-[state=on]:border-border-form"
+};
+const iconSizeClasses = {
+  xs: "[&>svg]:icon-xs",
+  // 14px
+  sm: "[&>svg]:icon-xs",
+  // 14px
+  md: "[&>svg]:icon-sm",
+  // 16px
+  default: "[&>svg]:icon-sm",
+  // 16px
+  lg: "[&>svg]:icon-sm"
+  // 16px
+};
+const Toggle = React.forwardRef(({ className, variant, size, radius, fontWeight, iconOnly, pressEffect, ...props }, ref) => {
+  const sizeKey = size || "default";
+  const radiusKey = radius || "default";
+  const variantKey = variant || "default";
+  const fontWeightClass = fontWeight === "normal" ? "font-normal" : fontWeight === "semibold" ? "font-semibold" : "font-normal";
+  if (iconOnly) {
+    const iconOnlyIconSize = {
+      xs: "[&>svg]:icon-xs",
+      // 14px
+      sm: "[&>svg]:icon-sm",
+      // 16px
+      md: "[&>svg]:icon-sm",
+      // 16px
+      default: "[&>svg]:icon-md",
+      // 20px
+      lg: "[&>svg]:icon-lg"
+      // 24px
+    }[sizeKey];
+    return /* @__PURE__ */ React.createElement(
+      TogglePrimitive.Root,
+      {
+        ref,
+        className: cn(
+          toggleBaseStyles,
+          pressEffect !== false && "active:scale-pressed",
+          fontWeightClass,
+          variantClasses[variantKey],
+          iconOnlySizes[sizeKey],
+          radiusClasses[radiusKey],
+          iconOnlyIconSize,
+          className
+        ),
+        ...props
+      }
+    );
+  }
+  return /* @__PURE__ */ React.createElement(
+    TogglePrimitive.Root,
+    {
+      ref,
+      className: cn(
+        toggleVariants({ variant, size, radius, fontWeight }),
+        pressEffect !== false && "active:scale-pressed",
+        iconSizeClasses[sizeKey],
+        className
+      ),
+      ...props
+    }
+  );
+});
+Toggle.displayName = TogglePrimitive.Root.displayName;
+export {
+  Toggle,
+  toggleVariants
+};
+//# sourceMappingURL=toggle.mjs.map

package/dist/components/ui/toggle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ui/toggle.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as TogglePrimitive from '@radix-ui/react-toggle'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// Base styles without size (for iconOnly mode)\nconst toggleBaseStyles = 'inline-flex items-center justify-center text-text-muted transition-all duration-micro focus-visible:focus-ring disabled:pointer-events-none disabled:opacity-50'\n\nconst toggleVariants = cva(\n  toggleBaseStyles,\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent hover:bg-background-muted hover:text-foreground data-[state=on]:bg-background-muted data-[state=on]:text-foreground',\n        outline: 'border border-border-form bg-transparent hover:bg-background-muted hover:text-foreground data-[state=on]:bg-background-muted data-[state=on]:text-foreground',\n        ghost: 'bg-transparent hover:text-foreground data-[state=on]:bg-transparent data-[state=on]:text-foreground',\n        'outline-ghost': 'border border-border-form bg-transparent hover:text-foreground data-[state=on]:bg-transparent data-[state=on]:text-foreground data-[state=on]:border-border-form',\n      },\n      fontWeight: {\n        normal: 'font-normal',\n        semibold: 'font-semibold',\n      },\n      size: {\n        xs: 'h-7 px-2.5 text-xs gap-1',     // 28px height, 10px paddingX, 12px font\n        sm: 'h-8 px-3 text-sm gap-2',       // 32px height, 12px paddingX, 13px font\n        md: 'h-9 px-3.5 text-md gap-2',     // 36px height, 14px paddingX, 14px font\n        default: 'h-10 px-4 text-md gap-2', // 40px height, 16px paddingX, 14px font\n        lg: 'h-12 px-6 text-base gap-2',    // 48px height, 24px paddingX, 16px font\n      },\n      radius: {\n        none: 'rounded-none',      // 0px - primitive.borderRadius.none\n        sm: 'rounded-sm',          // 2px - primitive.borderRadius.sm\n        base: 'rounded',           // 4px - primitive.borderRadius.base\n        default: 'rounded-md',     // 6px - primitive.borderRadius.md\n        lg: 'rounded-lg',          // 8px - primitive.borderRadius.lg\n        xl: 'rounded-xl',          // 12px - primitive.borderRadius.xl\n        '2xl': 'rounded-2xl',      // 16px - primitive.borderRadius.2xl\n        '3xl': 'rounded-3xl',      // 24px - primitive.borderRadius.3xl\n        full: 'rounded-full',      // 9999px - primitive.borderRadius.full\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n      radius: 'default',  // 6px - primitive.borderRadius.md (Figma button default)\n      fontWeight: 'normal',\n    },\n  }\n)\n\n// iconOnly sizes - square like IconButton (same width and height, no padding)\nconst iconOnlySizes = {\n  xs: 'h-7 w-7',      // 28px × 28px - spacing.7\n  sm: 'h-8 w-8',      // 32px × 32px - spacing.8\n  md: 'h-9 w-9',      // 36px × 36px - spacing.9\n  default: 'h-10 w-10', // 40px × 40px - spacing.10\n  lg: 'h-12 w-12',    // 48px × 48px - spacing.12\n}\n\n// Radius classes for iconOnly mode\nconst radiusClasses = {\n  none: 'rounded-none',\n  sm: 'rounded-sm',\n  base: 'rounded',\n  default: 'rounded-md',\n  lg: 'rounded-lg',\n  xl: 'rounded-xl',\n  '2xl': 'rounded-2xl',\n  '3xl': 'rounded-3xl',\n  full: 'rounded-full',\n}\n\n// Variant classes for iconOnly mode\nconst variantClasses = {\n  default: 'bg-transparent hover:bg-background-muted hover:text-foreground data-[state=on]:bg-background-muted data-[state=on]:text-foreground',\n  outline: 'border border-border-form bg-transparent hover:bg-background-muted hover:text-foreground data-[state=on]:bg-background-muted data-[state=on]:text-foreground',\n  ghost: 'bg-transparent hover:text-foreground data-[state=on]:bg-transparent data-[state=on]:text-foreground',\n  'outline-ghost': 'border border-border-form bg-transparent hover:text-foreground data-[state=on]:bg-transparent data-[state=on]:text-foreground data-[state=on]:border-border-form',\n}\n\nexport interface ToggleProps\n  extends React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>,\n    Omit<VariantProps<typeof toggleVariants>, 'fontWeight'> {\n  iconOnly?: boolean\n  fontWeight?: 'normal' | 'semibold'\n  pressEffect?: boolean\n}\n\n// Icon size for text+icon mode (5-step scale)\n// xs~sm: 14px, md~default~lg: 16px\nconst iconSizeClasses = {\n  xs: '[&>svg]:icon-xs',      // 14px\n  sm: '[&>svg]:icon-xs',      // 14px\n  md: '[&>svg]:icon-sm',      // 16px\n  default: '[&>svg]:icon-sm', // 16px\n  lg: '[&>svg]:icon-sm',      // 16px\n}\n\nconst Toggle = React.forwardRef<\n  React.ElementRef<typeof TogglePrimitive.Root>,\n  ToggleProps\n>(({ className, variant, size, radius, fontWeight, iconOnly, pressEffect, ...props }, ref) => {\n  const sizeKey = size || 'default'\n  const radiusKey = radius || 'default'\n  const variantKey = variant || 'default'\n  const fontWeightClass = fontWeight === 'normal' ? 'font-normal' : fontWeight === 'semibold' ? 'font-semibold' : 'font-normal'\n\n  // When iconOnly, build classes manually without padding\n  if (iconOnly) {\n    // Icon only uses larger icon sizes (like IconButton, 5-step scale)\n    // XS: 14px, SM~MD: 16px, Default: 20px, LG: 24px\n    const iconOnlyIconSize = {\n      xs: '[&>svg]:icon-xs',      // 14px\n      sm: '[&>svg]:icon-sm',      // 16px\n      md: '[&>svg]:icon-sm',      // 16px\n      default: '[&>svg]:icon-md', // 20px\n      lg: '[&>svg]:icon-lg',      // 24px\n    }[sizeKey]\n\n    return (\n      <TogglePrimitive.Root\n        ref={ref}\n        className={cn(\n          toggleBaseStyles,\n          pressEffect !== false && 'active:scale-pressed',\n          fontWeightClass,\n          variantClasses[variantKey],\n          iconOnlySizes[sizeKey],\n          radiusClasses[radiusKey],\n          iconOnlyIconSize,\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n\n  // Normal mode with padding\n  return (\n    <TogglePrimitive.Root\n      ref={ref}\n      className={cn(\n        toggleVariants({ variant, size, radius, fontWeight }),\n        pressEffect !== false && 'active:scale-pressed',\n        iconSizeClasses[sizeKey],\n        className\n      )}\n      {...props}\n    />\n  )\n})\n\nToggle.displayName = TogglePrimitive.Root.displayName\n\nexport { Toggle, toggleVariants }\n"],"mappings":";AAEA,YAAY,WAAW;AACvB,YAAY,qBAAqB;AACjC,SAAS,WAA8B;AACvC,SAAS,UAAU;AAGnB,MAAM,mBAAmB;AAEzB,MAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO;AAAA,QACP,iBAAiB;AAAA,MACnB;AAAA,MACA,YAAY;AAAA,QACV,QAAQ;AAAA,QACR,UAAU;AAAA,MACZ;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA;AAAA,QACJ,IAAI;AAAA;AAAA,QACJ,IAAI;AAAA;AAAA,QACJ,SAAS;AAAA;AAAA,QACT,IAAI;AAAA;AAAA,MACN;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA;AAAA,QACN,IAAI;AAAA;AAAA,QACJ,MAAM;AAAA;AAAA,QACN,SAAS;AAAA;AAAA,QACT,IAAI;AAAA;AAAA,QACJ,IAAI;AAAA;AAAA,QACJ,OAAO;AAAA;AAAA,QACP,OAAO;AAAA;AAAA,QACP,MAAM;AAAA;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,QAAQ;AAAA;AAAA,MACR,YAAY;AAAA,IACd;AAAA,EACF;AACF;AAGA,MAAM,gBAAgB;AAAA,EACpB,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,SAAS;AAAA;AAAA,EACT,IAAI;AAAA;AACN;AAGA,MAAM,gBAAgB;AAAA,EACpB,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AACR;AAGA,MAAM,iBAAiB;AAAA,EACrB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,iBAAiB;AACnB;AAYA,MAAM,kBAAkB;AAAA,EACtB,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,SAAS;AAAA;AAAA,EACT,IAAI;AAAA;AACN;AAEA,MAAM,SAAS,MAAM,WAGnB,CAAC,EAAE,WAAW,SAAS,MAAM,QAAQ,YAAY,UAAU,aAAa,GAAG,MAAM,GAAG,QAAQ;AAC5F,QAAM,UAAU,QAAQ;AACxB,QAAM,YAAY,UAAU;AAC5B,QAAM,aAAa,WAAW;AAC9B,QAAM,kBAAkB,eAAe,WAAW,gBAAgB,eAAe,aAAa,kBAAkB;AAGhH,MAAI,UAAU;AAGZ,UAAM,mBAAmB;AAAA,MACvB,IAAI;AAAA;AAAA,MACJ,IAAI;AAAA;AAAA,MACJ,IAAI;AAAA;AAAA,MACJ,SAAS;AAAA;AAAA,MACT,IAAI;AAAA;AAAA,IACN,EAAE,OAAO;AAET,WACE;AAAA,MAAC,gBAAgB;AAAA,MAAhB;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,gBAAgB,SAAS;AAAA,UACzB;AAAA,UACA,eAAe,UAAU;AAAA,UACzB,cAAc,OAAO;AAAA,UACrB,cAAc,SAAS;AAAA,UACvB;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AAGA,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,eAAe,EAAE,SAAS,MAAM,QAAQ,WAAW,CAAC;AAAA,QACpD,gBAAgB,SAAS;AAAA,QACzB,gBAAgB,OAAO;AAAA,QACvB;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,OAAO,cAAc,gBAAgB,KAAK;","names":[]}

package/dist/components/ui/tooltip.d.mts

@@ -0,0 +1,26 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { VariantProps } from 'class-variance-authority';
+
+type TooltipSide = 'top' | 'right' | 'bottom' | 'left';
+declare const tooltipContentVariants: (props?: ({
+    variant?: "default" | "inverted" | null | undefined;
+    size?: "default" | "sm" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+interface TooltipProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root> {
+    /** Delay in ms before tooltip appears */
+    delayDuration?: number;
+}
+declare function Tooltip({ delayDuration, ...props }: TooltipProps): React.JSX.Element;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipPortal: React.FC<TooltipPrimitive.TooltipPortalProps>;
+interface TooltipContentProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>, VariantProps<typeof tooltipContentVariants> {
+    /** Show arrow pointing to trigger */
+    showArrow?: boolean;
+}
+declare const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const TooltipArrow: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+
+export { Tooltip, TooltipArrow, TooltipContent, type TooltipContentProps, TooltipPortal, type TooltipProps, TooltipProvider, type TooltipSide, TooltipTrigger, tooltipContentVariants };

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

@@ -0,0 +1,26 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { VariantProps } from 'class-variance-authority';
+
+type TooltipSide = 'top' | 'right' | 'bottom' | 'left';
+declare const tooltipContentVariants: (props?: ({
+    variant?: "default" | "inverted" | null | undefined;
+    size?: "default" | "sm" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+interface TooltipProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root> {
+    /** Delay in ms before tooltip appears */
+    delayDuration?: number;
+}
+declare function Tooltip({ delayDuration, ...props }: TooltipProps): React.JSX.Element;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipPortal: React.FC<TooltipPrimitive.TooltipPortalProps>;
+interface TooltipContentProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>, VariantProps<typeof tooltipContentVariants> {
+    /** Show arrow pointing to trigger */
+    showArrow?: boolean;
+}
+declare const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const TooltipArrow: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+
+export { Tooltip, TooltipArrow, TooltipContent, type TooltipContentProps, TooltipPortal, type TooltipProps, TooltipProvider, type TooltipSide, TooltipTrigger, tooltipContentVariants };

package/dist/components/ui/tooltip.js

@@ -0,0 +1,128 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var tooltip_exports = {};
+__export(tooltip_exports, {
+  Tooltip: () => Tooltip,
+  TooltipArrow: () => TooltipArrow,
+  TooltipContent: () => TooltipContent,
+  TooltipPortal: () => TooltipPortal,
+  TooltipProvider: () => TooltipProvider,
+  TooltipTrigger: () => TooltipTrigger,
+  tooltipContentVariants: () => tooltipContentVariants
+});
+module.exports = __toCommonJS(tooltip_exports);
+var React = __toESM(require("react"));
+var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
+var import_class_variance_authority = require("class-variance-authority");
+var import_utils = require("../../lib/utils");
+const 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"
+};
+const tooltipContentVariants = (0, import_class_variance_authority.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"
+    }
+  }
+);
+const ARROW_FILL = {
+  default: "fill-foreground drop-shadow-sm",
+  inverted: "fill-background-paper drop-shadow-sm"
+};
+const TooltipProvider = TooltipPrimitive.Provider;
+function Tooltip({ delayDuration = 200, ...props }) {
+  return /* @__PURE__ */ React.createElement(TooltipPrimitive.Root, { delayDuration, ...props });
+}
+const TooltipTrigger = TooltipPrimitive.Trigger;
+const TooltipPortal = TooltipPrimitive.Portal;
+const 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: (0, import_utils.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";
+const TooltipArrow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  TooltipPrimitive.Arrow,
+  {
+    ref,
+    className: (0, import_utils.cn)("fill-foreground", className),
+    width: 8,
+    height: 4,
+    ...props
+  }
+));
+TooltipArrow.displayName = "TooltipArrow";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Tooltip,
+  TooltipArrow,
+  TooltipContent,
+  TooltipPortal,
+  TooltipProvider,
+  TooltipTrigger,
+  tooltipContentVariants
+});
+//# sourceMappingURL=tooltip.js.map

package/dist/components/ui/tooltip.js.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) — wrapper to keep our own component identity separate from Radix primitive ──\nexport interface TooltipProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root> {\n  /** Delay in ms before tooltip appears */\n  delayDuration?: number\n}\n\nfunction Tooltip({ delayDuration = 200, ...props }: TooltipProps) {\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AACvB,uBAAkC;AAClC,sCAAuC;AACvC,mBAAmB;AAMnB,MAAM,oBAAiD;AAAA,EACrD,KAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAQ;AAAA,EACR,OAAQ;AACV;AAGA,MAAM,6BAAyB;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,MAAM,aAAqC;AAAA,EACzC,SAAS;AAAA,EACT,UAAU;AACZ;AAOA,MAAM,kBAAkB,iBAAiB;AAQzC,SAAS,QAAQ,EAAE,gBAAgB,KAAK,GAAG,MAAM,GAAiB;AAChE,SAAO,oCAAC,iBAAiB,MAAjB,EAAsB,eAA+B,GAAG,OAAO;AACzE;AAGA,MAAM,iBAAiB,iBAAiB;AAGxC,MAAM,gBAAgB,iBAAiB;AAUvC,MAAM,iBAAiB,MAAM,WAG3B,CAAC,EAAE,WAAW,UAAU,WAAW,MAAM,OAAO,OAAO,aAAa,GAAG,YAAY,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ;AACvH,QAAM,eAAe;AAErB,SACE,oCAAC,iBAAiB,QAAjB,MACC;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAW;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,MAAC,iBAAiB;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,MAAM,eAAe,MAAM,WAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,eAAW,iBAAG,mBAAmB,SAAS;AAAA,IAC1C,OAAO;AAAA,IACP,QAAQ;AAAA,IACP,GAAG;AAAA;AACN,CACD;AACD,aAAa,cAAc;","names":[]}

package/dist/components/ui/tooltip.mjs

@@ -0,0 +1,88 @@
+"use client";
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils";
+const 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"
+};
+const 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"
+    }
+  }
+);
+const ARROW_FILL = {
+  default: "fill-foreground drop-shadow-sm",
+  inverted: "fill-background-paper drop-shadow-sm"
+};
+const TooltipProvider = TooltipPrimitive.Provider;
+function Tooltip({ delayDuration = 200, ...props }) {
+  return /* @__PURE__ */ React.createElement(TooltipPrimitive.Root, { delayDuration, ...props });
+}
+const TooltipTrigger = TooltipPrimitive.Trigger;
+const TooltipPortal = TooltipPrimitive.Portal;
+const 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";
+const 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 {
+  Tooltip,
+  TooltipArrow,
+  TooltipContent,
+  TooltipPortal,
+  TooltipProvider,
+  TooltipTrigger,
+  tooltipContentVariants
+};
+//# sourceMappingURL=tooltip.mjs.map

package/dist/components/ui/tooltip.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) — wrapper to keep our own component identity separate from Radix primitive ──\nexport interface TooltipProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root> {\n  /** Delay in ms before tooltip appears */\n  delayDuration?: number\n}\n\nfunction Tooltip({ delayDuration = 200, ...props }: TooltipProps) {\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;AACvC,SAAS,UAAU;AAMnB,MAAM,oBAAiD;AAAA,EACrD,KAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAQ;AAAA,EACR,OAAQ;AACV;AAGA,MAAM,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,MAAM,aAAqC;AAAA,EACzC,SAAS;AAAA,EACT,UAAU;AACZ;AAOA,MAAM,kBAAkB,iBAAiB;AAQzC,SAAS,QAAQ,EAAE,gBAAgB,KAAK,GAAG,MAAM,GAAiB;AAChE,SAAO,oCAAC,iBAAiB,MAAjB,EAAsB,eAA+B,GAAG,OAAO;AACzE;AAGA,MAAM,iBAAiB,iBAAiB;AAGxC,MAAM,gBAAgB,iBAAiB;AAUvC,MAAM,iBAAiB,MAAM,WAG3B,CAAC,EAAE,WAAW,UAAU,WAAW,MAAM,OAAO,OAAO,aAAa,GAAG,YAAY,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ;AACvH,QAAM,eAAe;AAErB,SACE,oCAAC,iBAAiB,QAAjB,MACC;AAAA,IAAC,iBAAiB;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,MAAC,iBAAiB;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,MAAM,eAAe,MAAM,WAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;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/lib/code-generator.d.mts

@@ -0,0 +1,60 @@
+declare const ACCORDION_NAMES: readonly ["Accordion", "AccordionContent", "AccordionItem", "AccordionTrigger"];
+declare const ALERT_NAMES: readonly ["Alert", "AlertDescription", "AlertTitle"];
+declare const AVATAR_NAMES: readonly ["Avatar", "AvatarFallback", "AvatarGroup", "AvatarImage"];
+declare const BADGE_NAMES: readonly ["Badge"];
+declare const BREADCRUMB_NAMES: readonly ["Breadcrumb", "BreadcrumbEllipsis", "BreadcrumbItem", "BreadcrumbLink", "BreadcrumbList", "BreadcrumbPage", "BreadcrumbSeparator"];
+declare const BUTTON_NAMES: readonly ["Button"];
+declare const BUTTON_GROUP_NAMES: readonly ["ButtonGroup"];
+declare const CARD_NAMES: readonly ["Card", "CardAction", "CardContent", "CardDescription", "CardFooter", "CardHeader", "CardImage", "CardTitle"];
+declare const CHECKBOX_NAMES: readonly ["Checkbox"];
+declare const DIVIDER_NAMES: readonly ["Divider"];
+declare const DRAWER_NAMES: readonly ["Drawer", "DrawerBody", "DrawerClose", "DrawerContent", "DrawerDescription", "DrawerFooter", "DrawerHeader", "DrawerOverlay", "DrawerPortal", "DrawerTitle", "DrawerTrigger"];
+declare const DROPDOWN_NAMES: readonly ["DropdownMenu", "DropdownMenuCheckboxItem", "DropdownMenuContent", "DropdownMenuGroup", "DropdownMenuItem", "DropdownMenuLabel", "DropdownMenuRadioGroup", "DropdownMenuRadioItem", "DropdownMenuSeparator", "DropdownMenuShortcut", "DropdownMenuSub", "DropdownMenuSubContent", "DropdownMenuSubTrigger", "DropdownMenuTrigger"];
+declare const FIELD_NAMES: readonly ["Field", "FieldCharCount", "FieldError", "FieldLabel"];
+declare const ICON_BUTTON_NAMES: readonly ["IconButton"];
+declare const INPUT_NAMES: readonly ["Input"];
+declare const METRIC_CARD_NAMES: readonly ["MetricCard", "MetricCardDescription", "MetricCardHeader", "MetricCardSymbol", "MetricCardTitle", "MetricCardTrend", "MetricCardValue"];
+declare const MODAL_NAMES: readonly ["Modal", "ModalBody", "ModalClose", "ModalContent", "ModalDescription", "ModalFooter", "ModalHeader", "ModalOverlay", "ModalPortal", "ModalTitle", "ModalTrigger"];
+declare const ALERT_MODAL_NAMES: readonly ["AlertModal", "AlertModalAction", "AlertModalBody", "AlertModalCancel", "AlertModalContent", "AlertModalDescription", "AlertModalFooter", "AlertModalHeader", "AlertModalOverlay", "AlertModalPortal", "AlertModalTitle", "AlertModalTrigger"];
+declare const NAVIGATION_MENU_NAMES: readonly ["NavigationMenu", "NavigationMenuContent", "NavigationMenuGroup", "NavigationMenuIndicator", "NavigationMenuItem", "NavigationMenuLink", "NavigationMenuList", "NavigationMenuTrigger", "NavigationMenuViewport"];
+declare const PAGINATION_NAMES: readonly ["Pagination", "PaginationContent", "PaginationEllipsis", "PaginationFirst", "PaginationItem", "PaginationItems", "PaginationLast", "PaginationLink", "PaginationNext", "PaginationPrevious"];
+declare const POPOVER_NAMES: readonly ["Popover", "PopoverAnchor", "PopoverArrow", "PopoverClose", "PopoverContent", "PopoverPortal", "PopoverTrigger"];
+declare const PROGRESS_NAMES: readonly ["Progress"];
+declare const RADIO_GROUP_NAMES: readonly ["RadioGroup", "RadioGroupItem"];
+declare const SEGMENTED_NAMES: readonly ["Segmented", "SegmentedItem"];
+declare const SELECT_NAMES: readonly ["Select", "SelectContent", "SelectGroup", "SelectItem", "SelectLabel", "SelectSeparator", "SelectTrigger", "SelectValue"];
+declare const SKELETON_NAMES: readonly ["Skeleton"];
+declare const SLIDER_NAMES: readonly ["Slider"];
+declare const SPINNER_NAMES: readonly ["Spinner"];
+declare const SWITCH_NAMES: readonly ["Switch"];
+declare const TABLE_NAMES: readonly ["Table", "TableBody", "TableCaption", "TableCell", "TableFooter", "TableHead", "TableHeader", "TableRow"];
+declare const TABS_NAMES: readonly ["Tabs", "TabsContent", "TabsList", "TabsTrigger"];
+declare const TEXTAREA_NAMES: readonly ["Textarea"];
+declare const TOAST_NAMES: readonly ["Toaster"];
+declare const TOGGLE_NAMES: readonly ["Toggle"];
+declare const TOGGLE_GROUP_NAMES: readonly ["ToggleGroup", "ToggleGroupItem"];
+declare const TOOLTIP_NAMES: readonly ["Tooltip", "TooltipArrow", "TooltipContent", "TooltipPortal", "TooltipProvider", "TooltipTrigger"];
+declare const CHART_NAMES: readonly ["Chart", "ChartArea", "ChartBar", "ChartLegend", "ChartLegendContent", "ChartLine", "ChartPie", "ChartStyle", "ChartTooltip", "ChartTooltipContent", "ChartXAxis", "ChartYAxis"];
+declare const RECHARTS_NAMES: readonly ["AreaChart", "BarChart", "CartesianGrid", "Cell", "LabelList", "LineChart", "Pie", "PieChart"];
+declare const REACT_NAMES: readonly ["Accordion", "AccordionContent", "AccordionItem", "AccordionTrigger", "Alert", "AlertDescription", "AlertTitle", "Avatar", "AvatarFallback", "AvatarGroup", "AvatarImage", "Badge", "Breadcrumb", "BreadcrumbEllipsis", "BreadcrumbItem", "BreadcrumbLink", "BreadcrumbList", "BreadcrumbPage", "BreadcrumbSeparator", "Button", "ButtonGroup", "Card", "CardAction", "CardContent", "CardDescription", "CardFooter", "CardHeader", "CardImage", "CardTitle", "Checkbox", "Divider", "Drawer", "DrawerBody", "DrawerClose", "DrawerContent", "DrawerDescription", "DrawerFooter", "DrawerHeader", "DrawerOverlay", "DrawerPortal", "DrawerTitle", "DrawerTrigger", "DropdownMenu", "DropdownMenuCheckboxItem", "DropdownMenuContent", "DropdownMenuGroup", "DropdownMenuItem", "DropdownMenuLabel", "DropdownMenuRadioGroup", "DropdownMenuRadioItem", "DropdownMenuSeparator", "DropdownMenuShortcut", "DropdownMenuSub", "DropdownMenuSubContent", "DropdownMenuSubTrigger", "DropdownMenuTrigger", "Field", "FieldCharCount", "FieldError", "FieldLabel", "IconButton", "Input", "MetricCard", "MetricCardDescription", "MetricCardHeader", "MetricCardSymbol", "MetricCardTitle", "MetricCardTrend", "MetricCardValue", "Modal", "ModalBody", "ModalClose", "ModalContent", "ModalDescription", "ModalFooter", "ModalHeader", "ModalOverlay", "ModalPortal", "ModalTitle", "ModalTrigger", "AlertModal", "AlertModalAction", "AlertModalBody", "AlertModalCancel", "AlertModalContent", "AlertModalDescription", "AlertModalFooter", "AlertModalHeader", "AlertModalOverlay", "AlertModalPortal", "AlertModalTitle", "AlertModalTrigger", "NavigationMenu", "NavigationMenuContent", "NavigationMenuGroup", "NavigationMenuIndicator", "NavigationMenuItem", "NavigationMenuLink", "NavigationMenuList", "NavigationMenuTrigger", "NavigationMenuViewport", "Pagination", "PaginationContent", "PaginationEllipsis", "PaginationFirst", "PaginationItem", "PaginationItems", "PaginationLast", "PaginationLink", "PaginationNext", "PaginationPrevious", "Popover", "PopoverAnchor", "PopoverArrow", "PopoverClose", "PopoverContent", "PopoverPortal", "PopoverTrigger", "Progress", "RadioGroup", "RadioGroupItem", "Segmented", "SegmentedItem", "Select", "SelectContent", "SelectGroup", "SelectItem", "SelectLabel", "SelectSeparator", "SelectTrigger", "SelectValue", "Skeleton", "Slider", "Spinner", "Switch", "Table", "TableBody", "TableCaption", "TableCell", "TableFooter", "TableHead", "TableHeader", "TableRow", "Tabs", "TabsContent", "TabsList", "TabsTrigger", "Textarea", "Toaster", "Toggle", "ToggleGroup", "ToggleGroupItem", "Tooltip", "TooltipArrow", "TooltipContent", "TooltipPortal", "TooltipProvider", "TooltipTrigger"];
+declare function extractUsedNames(jsxBody: string, namePool: readonly string[]): string[];
+interface BuildImportOptions {
+    /** Break into multi-line `import { ... }` when >3 names (default: true). */
+    multiline?: boolean;
+}
+declare function buildImport(names: string[], pkg: string, opts?: BuildImportOptions): string;
+/**
+ * Derive a single `import { ... } from pkg` from the JSX body.
+ *
+ * Usage — one per branch inside generateCode:
+ * ```ts
+ * const jsxBody = `<Card><CardHeader>...</CardHeader></Card>`
+ * return `${importUsed(jsxBody, CARD_NAMES, pkg)}\n\n${jsxBody}`
+ * ```
+ *
+ * **Never union pools across branches** — each branch's jsxBody must feed
+ * its own import derivation to guarantee structural 1:1.
+ */
+declare function importUsed(jsxBody: string, namePool: readonly string[], pkg: string, opts?: BuildImportOptions): string;
+
+export { ACCORDION_NAMES, ALERT_MODAL_NAMES, ALERT_NAMES, AVATAR_NAMES, BADGE_NAMES, BREADCRUMB_NAMES, BUTTON_GROUP_NAMES, BUTTON_NAMES, type BuildImportOptions, CARD_NAMES, CHART_NAMES, CHECKBOX_NAMES, DIVIDER_NAMES, DRAWER_NAMES, DROPDOWN_NAMES, FIELD_NAMES, ICON_BUTTON_NAMES, INPUT_NAMES, METRIC_CARD_NAMES, MODAL_NAMES, NAVIGATION_MENU_NAMES, PAGINATION_NAMES, POPOVER_NAMES, PROGRESS_NAMES, RADIO_GROUP_NAMES, REACT_NAMES, RECHARTS_NAMES, SEGMENTED_NAMES, SELECT_NAMES, SKELETON_NAMES, SLIDER_NAMES, SPINNER_NAMES, SWITCH_NAMES, TABLE_NAMES, TABS_NAMES, TEXTAREA_NAMES, TOAST_NAMES, TOGGLE_GROUP_NAMES, TOGGLE_NAMES, TOOLTIP_NAMES, buildImport, extractUsedNames, importUsed };

package/dist/lib/code-generator.d.ts

@@ -0,0 +1,60 @@
+declare const ACCORDION_NAMES: readonly ["Accordion", "AccordionContent", "AccordionItem", "AccordionTrigger"];
+declare const ALERT_NAMES: readonly ["Alert", "AlertDescription", "AlertTitle"];
+declare const AVATAR_NAMES: readonly ["Avatar", "AvatarFallback", "AvatarGroup", "AvatarImage"];
+declare const BADGE_NAMES: readonly ["Badge"];
+declare const BREADCRUMB_NAMES: readonly ["Breadcrumb", "BreadcrumbEllipsis", "BreadcrumbItem", "BreadcrumbLink", "BreadcrumbList", "BreadcrumbPage", "BreadcrumbSeparator"];
+declare const BUTTON_NAMES: readonly ["Button"];
+declare const BUTTON_GROUP_NAMES: readonly ["ButtonGroup"];
+declare const CARD_NAMES: readonly ["Card", "CardAction", "CardContent", "CardDescription", "CardFooter", "CardHeader", "CardImage", "CardTitle"];
+declare const CHECKBOX_NAMES: readonly ["Checkbox"];
+declare const DIVIDER_NAMES: readonly ["Divider"];
+declare const DRAWER_NAMES: readonly ["Drawer", "DrawerBody", "DrawerClose", "DrawerContent", "DrawerDescription", "DrawerFooter", "DrawerHeader", "DrawerOverlay", "DrawerPortal", "DrawerTitle", "DrawerTrigger"];
+declare const DROPDOWN_NAMES: readonly ["DropdownMenu", "DropdownMenuCheckboxItem", "DropdownMenuContent", "DropdownMenuGroup", "DropdownMenuItem", "DropdownMenuLabel", "DropdownMenuRadioGroup", "DropdownMenuRadioItem", "DropdownMenuSeparator", "DropdownMenuShortcut", "DropdownMenuSub", "DropdownMenuSubContent", "DropdownMenuSubTrigger", "DropdownMenuTrigger"];
+declare const FIELD_NAMES: readonly ["Field", "FieldCharCount", "FieldError", "FieldLabel"];
+declare const ICON_BUTTON_NAMES: readonly ["IconButton"];
+declare const INPUT_NAMES: readonly ["Input"];
+declare const METRIC_CARD_NAMES: readonly ["MetricCard", "MetricCardDescription", "MetricCardHeader", "MetricCardSymbol", "MetricCardTitle", "MetricCardTrend", "MetricCardValue"];
+declare const MODAL_NAMES: readonly ["Modal", "ModalBody", "ModalClose", "ModalContent", "ModalDescription", "ModalFooter", "ModalHeader", "ModalOverlay", "ModalPortal", "ModalTitle", "ModalTrigger"];
+declare const ALERT_MODAL_NAMES: readonly ["AlertModal", "AlertModalAction", "AlertModalBody", "AlertModalCancel", "AlertModalContent", "AlertModalDescription", "AlertModalFooter", "AlertModalHeader", "AlertModalOverlay", "AlertModalPortal", "AlertModalTitle", "AlertModalTrigger"];
+declare const NAVIGATION_MENU_NAMES: readonly ["NavigationMenu", "NavigationMenuContent", "NavigationMenuGroup", "NavigationMenuIndicator", "NavigationMenuItem", "NavigationMenuLink", "NavigationMenuList", "NavigationMenuTrigger", "NavigationMenuViewport"];
+declare const PAGINATION_NAMES: readonly ["Pagination", "PaginationContent", "PaginationEllipsis", "PaginationFirst", "PaginationItem", "PaginationItems", "PaginationLast", "PaginationLink", "PaginationNext", "PaginationPrevious"];
+declare const POPOVER_NAMES: readonly ["Popover", "PopoverAnchor", "PopoverArrow", "PopoverClose", "PopoverContent", "PopoverPortal", "PopoverTrigger"];
+declare const PROGRESS_NAMES: readonly ["Progress"];
+declare const RADIO_GROUP_NAMES: readonly ["RadioGroup", "RadioGroupItem"];
+declare const SEGMENTED_NAMES: readonly ["Segmented", "SegmentedItem"];
+declare const SELECT_NAMES: readonly ["Select", "SelectContent", "SelectGroup", "SelectItem", "SelectLabel", "SelectSeparator", "SelectTrigger", "SelectValue"];
+declare const SKELETON_NAMES: readonly ["Skeleton"];
+declare const SLIDER_NAMES: readonly ["Slider"];
+declare const SPINNER_NAMES: readonly ["Spinner"];
+declare const SWITCH_NAMES: readonly ["Switch"];
+declare const TABLE_NAMES: readonly ["Table", "TableBody", "TableCaption", "TableCell", "TableFooter", "TableHead", "TableHeader", "TableRow"];
+declare const TABS_NAMES: readonly ["Tabs", "TabsContent", "TabsList", "TabsTrigger"];
+declare const TEXTAREA_NAMES: readonly ["Textarea"];
+declare const TOAST_NAMES: readonly ["Toaster"];
+declare const TOGGLE_NAMES: readonly ["Toggle"];
+declare const TOGGLE_GROUP_NAMES: readonly ["ToggleGroup", "ToggleGroupItem"];
+declare const TOOLTIP_NAMES: readonly ["Tooltip", "TooltipArrow", "TooltipContent", "TooltipPortal", "TooltipProvider", "TooltipTrigger"];
+declare const CHART_NAMES: readonly ["Chart", "ChartArea", "ChartBar", "ChartLegend", "ChartLegendContent", "ChartLine", "ChartPie", "ChartStyle", "ChartTooltip", "ChartTooltipContent", "ChartXAxis", "ChartYAxis"];
+declare const RECHARTS_NAMES: readonly ["AreaChart", "BarChart", "CartesianGrid", "Cell", "LabelList", "LineChart", "Pie", "PieChart"];
+declare const REACT_NAMES: readonly ["Accordion", "AccordionContent", "AccordionItem", "AccordionTrigger", "Alert", "AlertDescription", "AlertTitle", "Avatar", "AvatarFallback", "AvatarGroup", "AvatarImage", "Badge", "Breadcrumb", "BreadcrumbEllipsis", "BreadcrumbItem", "BreadcrumbLink", "BreadcrumbList", "BreadcrumbPage", "BreadcrumbSeparator", "Button", "ButtonGroup", "Card", "CardAction", "CardContent", "CardDescription", "CardFooter", "CardHeader", "CardImage", "CardTitle", "Checkbox", "Divider", "Drawer", "DrawerBody", "DrawerClose", "DrawerContent", "DrawerDescription", "DrawerFooter", "DrawerHeader", "DrawerOverlay", "DrawerPortal", "DrawerTitle", "DrawerTrigger", "DropdownMenu", "DropdownMenuCheckboxItem", "DropdownMenuContent", "DropdownMenuGroup", "DropdownMenuItem", "DropdownMenuLabel", "DropdownMenuRadioGroup", "DropdownMenuRadioItem", "DropdownMenuSeparator", "DropdownMenuShortcut", "DropdownMenuSub", "DropdownMenuSubContent", "DropdownMenuSubTrigger", "DropdownMenuTrigger", "Field", "FieldCharCount", "FieldError", "FieldLabel", "IconButton", "Input", "MetricCard", "MetricCardDescription", "MetricCardHeader", "MetricCardSymbol", "MetricCardTitle", "MetricCardTrend", "MetricCardValue", "Modal", "ModalBody", "ModalClose", "ModalContent", "ModalDescription", "ModalFooter", "ModalHeader", "ModalOverlay", "ModalPortal", "ModalTitle", "ModalTrigger", "AlertModal", "AlertModalAction", "AlertModalBody", "AlertModalCancel", "AlertModalContent", "AlertModalDescription", "AlertModalFooter", "AlertModalHeader", "AlertModalOverlay", "AlertModalPortal", "AlertModalTitle", "AlertModalTrigger", "NavigationMenu", "NavigationMenuContent", "NavigationMenuGroup", "NavigationMenuIndicator", "NavigationMenuItem", "NavigationMenuLink", "NavigationMenuList", "NavigationMenuTrigger", "NavigationMenuViewport", "Pagination", "PaginationContent", "PaginationEllipsis", "PaginationFirst", "PaginationItem", "PaginationItems", "PaginationLast", "PaginationLink", "PaginationNext", "PaginationPrevious", "Popover", "PopoverAnchor", "PopoverArrow", "PopoverClose", "PopoverContent", "PopoverPortal", "PopoverTrigger", "Progress", "RadioGroup", "RadioGroupItem", "Segmented", "SegmentedItem", "Select", "SelectContent", "SelectGroup", "SelectItem", "SelectLabel", "SelectSeparator", "SelectTrigger", "SelectValue", "Skeleton", "Slider", "Spinner", "Switch", "Table", "TableBody", "TableCaption", "TableCell", "TableFooter", "TableHead", "TableHeader", "TableRow", "Tabs", "TabsContent", "TabsList", "TabsTrigger", "Textarea", "Toaster", "Toggle", "ToggleGroup", "ToggleGroupItem", "Tooltip", "TooltipArrow", "TooltipContent", "TooltipPortal", "TooltipProvider", "TooltipTrigger"];
+declare function extractUsedNames(jsxBody: string, namePool: readonly string[]): string[];
+interface BuildImportOptions {
+    /** Break into multi-line `import { ... }` when >3 names (default: true). */
+    multiline?: boolean;
+}
+declare function buildImport(names: string[], pkg: string, opts?: BuildImportOptions): string;
+/**
+ * Derive a single `import { ... } from pkg` from the JSX body.
+ *
+ * Usage — one per branch inside generateCode:
+ * ```ts
+ * const jsxBody = `<Card><CardHeader>...</CardHeader></Card>`
+ * return `${importUsed(jsxBody, CARD_NAMES, pkg)}\n\n${jsxBody}`
+ * ```
+ *
+ * **Never union pools across branches** — each branch's jsxBody must feed
+ * its own import derivation to guarantee structural 1:1.
+ */
+declare function importUsed(jsxBody: string, namePool: readonly string[], pkg: string, opts?: BuildImportOptions): string;
+
+export { ACCORDION_NAMES, ALERT_MODAL_NAMES, ALERT_NAMES, AVATAR_NAMES, BADGE_NAMES, BREADCRUMB_NAMES, BUTTON_GROUP_NAMES, BUTTON_NAMES, type BuildImportOptions, CARD_NAMES, CHART_NAMES, CHECKBOX_NAMES, DIVIDER_NAMES, DRAWER_NAMES, DROPDOWN_NAMES, FIELD_NAMES, ICON_BUTTON_NAMES, INPUT_NAMES, METRIC_CARD_NAMES, MODAL_NAMES, NAVIGATION_MENU_NAMES, PAGINATION_NAMES, POPOVER_NAMES, PROGRESS_NAMES, RADIO_GROUP_NAMES, REACT_NAMES, RECHARTS_NAMES, SEGMENTED_NAMES, SELECT_NAMES, SKELETON_NAMES, SLIDER_NAMES, SPINNER_NAMES, SWITCH_NAMES, TABLE_NAMES, TABS_NAMES, TEXTAREA_NAMES, TOAST_NAMES, TOGGLE_GROUP_NAMES, TOGGLE_NAMES, TOOLTIP_NAMES, buildImport, extractUsedNames, importUsed };