@tribepad/themis 1.0.1 → 1.0.3

package/dist/elements/Tooltip/index.js

@@ -1,325 +1,3 @@
 "use client";
-'use strict';
-
-var reactAriaComponents = require('react-aria-components');
-var classVarianceAuthority = require('class-variance-authority');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-var jsxRuntime = require('react/jsx-runtime');
-var zod = require('zod');
-
-// src/elements/Tooltip/Tooltip.tsx
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-var tooltipContentVariants = classVarianceAuthority.cva(
-  // Base styles
-  [
-    "z-50 overflow-hidden rounded-md px-3 py-1.5 text-sm shadow-md",
-    // Inverted colors for high contrast (7:1 ratio)
-    "bg-[var(--content-foreground)] text-[var(--content-background)]",
-    // Entry animation base
-    "animate-in fade-in-0",
-    // Exit animation
-    "data-[exiting]:animate-out data-[exiting]:fade-out-0"
-  ],
-  {
-    variants: {
-      side: {
-        top: [
-          "motion-safe:slide-in-from-bottom-2",
-          "data-[exiting]:motion-safe:slide-out-to-bottom-2"
-        ],
-        bottom: [
-          "motion-safe:slide-in-from-top-2",
-          "data-[exiting]:motion-safe:slide-out-to-top-2"
-        ],
-        left: [
-          "motion-safe:slide-in-from-right-2",
-          "data-[exiting]:motion-safe:slide-out-to-right-2"
-        ],
-        right: [
-          "motion-safe:slide-in-from-left-2",
-          "data-[exiting]:motion-safe:slide-out-to-left-2"
-        ]
-      }
-    },
-    defaultVariants: {
-      side: "top"
-    }
-  }
-);
-var tooltipArrowVariants = classVarianceAuthority.cva(
-  // Base arrow styles
-  "fill-[var(--content-foreground)]",
-  {
-    variants: {
-      side: {
-        top: "rotate-180",
-        bottom: "rotate-0",
-        left: "rotate-90",
-        right: "-rotate-90"
-      }
-    },
-    defaultVariants: {
-      side: "top"
-    }
-  }
-);
-function placementToSide(placement) {
-  if (!placement) return "top";
-  const basePlacement = placement.split(" ")[0];
-  if (basePlacement === "top" || basePlacement === "bottom" || basePlacement === "left" || basePlacement === "right") {
-    return basePlacement;
-  }
-  return "top";
-}
-function TooltipRoot({
-  children,
-  delay = 700,
-  closeDelay = 300,
-  trigger = "hover",
-  isOpen,
-  defaultOpen = false,
-  onOpenChange,
-  isDisabled = false
-}) {
-  const effectiveDelay = trigger === "focus" ? 99999999 : delay;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactAriaComponents.TooltipTrigger,
-    {
-      delay: effectiveDelay,
-      closeDelay,
-      isOpen,
-      defaultOpen,
-      onOpenChange,
-      isDisabled,
-      children
-    }
-  );
-}
-TooltipRoot.displayName = "Tooltip";
-function TooltipTriggerComponent({
-  children
-}) {
-  return children;
-}
-TooltipTriggerComponent.displayName = "TooltipTrigger";
-function TooltipContentComponent({
-  children,
-  side = "top",
-  sideOffset = 4,
-  alignOffset = 0,
-  shouldFlip = true,
-  showArrow = false,
-  arrowSize = 8,
-  className,
-  ...restProps
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactAriaComponents.Tooltip,
-    {
-      placement: side,
-      offset: sideOffset,
-      crossOffset: alignOffset,
-      shouldFlip,
-      ...restProps,
-      className: reactAriaComponents.composeRenderProps(className, (className2, renderProps) => {
-        const actualSide = placementToSide(renderProps.placement);
-        return cn(
-          tooltipContentVariants({ side: actualSide }),
-          className2
-        );
-      }),
-      children: (renderProps) => {
-        const actualSide = placementToSide(renderProps.placement);
-        return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          showArrow && /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.OverlayArrow, { children: /* @__PURE__ */ jsxRuntime.jsx(
-            "svg",
-            {
-              width: arrowSize,
-              height: arrowSize,
-              viewBox: "0 0 8 8",
-              className: tooltipArrowVariants({ side: actualSide }),
-              "data-testid": "tooltip-arrow",
-              children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 0 L4 4 L8 0" })
-            }
-          ) }),
-          children
-        ] });
-      }
-    }
-  );
-}
-TooltipContentComponent.displayName = "TooltipContent";
-function TooltipArrowComponent({
-  size = 8,
-  className,
-  "data-testid": dataTestId = "tooltip-arrow",
-  ...restProps
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.OverlayArrow, { children: ({ placement }) => {
-    const side = placementToSide(placement);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "svg",
-      {
-        width: size,
-        height: size,
-        viewBox: "0 0 8 8",
-        className: cn(tooltipArrowVariants({ side }), className),
-        "data-testid": dataTestId,
-        ...restProps,
-        children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 0 L4 4 L8 0" })
-      }
-    );
-  } });
-}
-TooltipArrowComponent.displayName = "TooltipArrow";
-var Tooltip = TooltipRoot;
-var TooltipTrigger = TooltipTriggerComponent;
-var TooltipContent = TooltipContentComponent;
-var TooltipArrow = TooltipArrowComponent;
-var BaseComponentPropsSchema = zod.z.object({
-  // Styling
-  className: zod.z.string().optional(),
-  // React
-  children: zod.z.any().optional(),
-  // ReactNode not directly supported by Zod
-  id: zod.z.string().optional(),
-  // Accessibility (WCAG 2.2 AA requirements)
-  "aria-label": zod.z.string().optional(),
-  "aria-labelledby": zod.z.string().optional(),
-  "aria-describedby": zod.z.string().optional(),
-  "aria-live": zod.z.enum(["off", "polite", "assertive"]).optional(),
-  "aria-hidden": zod.z.boolean().optional(),
-  // Testing & Development
-  "data-testid": zod.z.string().optional()
-});
-
-// src/elements/Tooltip/Tooltip.types.ts
-var TooltipSideSchema = zod.z.enum(["top", "bottom", "left", "right"]);
-var TooltipTriggerModeSchema = zod.z.enum(["hover", "focus"]);
-var TooltipPropsSchema = BaseComponentPropsSchema.extend({
-  /**
-   * Show delay in milliseconds
-   * Time to wait before showing tooltip on hover
-   * @default 700
-   */
-  delay: zod.z.number().min(0).optional().default(700),
-  /**
-   * Hide delay in milliseconds
-   * Time to wait before hiding tooltip after mouse leave
-   * @default 300
-   */
-  closeDelay: zod.z.number().min(0).optional().default(300),
-  /**
-   * Trigger mode
-   * - 'hover': Show on hover and focus (default)
-   * - 'focus': Show only on keyboard focus (no hover)
-   * @default 'hover'
-   */
-  trigger: TooltipTriggerModeSchema.optional().default("hover"),
-  /**
-   * Controlled open state
-   * When provided, tooltip becomes controlled
-   */
-  isOpen: zod.z.boolean().optional(),
-  /**
-   * Default open state for uncontrolled mode
-   * @default false
-   */
-  defaultOpen: zod.z.boolean().optional().default(false),
-  /**
-   * Callback when open state changes
-   * Called with new isOpen value
-   */
-  onOpenChange: zod.z.custom().optional(),
-  /**
-   * Disable tooltip without affecting trigger element
-   * @default false
-   */
-  isDisabled: zod.z.boolean().optional().default(false),
-  /**
-   * Children must include TooltipTrigger and TooltipContent
-   */
-  children: zod.z.custom()
-});
-var TooltipTriggerPropsSchema = BaseComponentPropsSchema.extend({
-  /**
-   * Render as child element instead of wrapping
-   * When true, merges props into the child element
-   * @default false
-   */
-  asChild: zod.z.boolean().optional().default(false),
-  /**
-   * Single child element that triggers the tooltip
-   * Must be focusable for keyboard accessibility
-   */
-  children: zod.z.custom()
-});
-var TooltipContentPropsSchema = BaseComponentPropsSchema.extend({
-  /**
-   * Placement relative to trigger element
-   * @default 'top'
-   */
-  side: TooltipSideSchema.optional().default("top"),
-  /**
-   * Offset from trigger in pixels (main axis)
-   * @default 4
-   */
-  sideOffset: zod.z.number().optional().default(4),
-  /**
-   * Cross-axis offset in pixels
-   * @default 0
-   */
-  alignOffset: zod.z.number().optional().default(0),
-  /**
-   * Automatically flip placement when constrained by viewport
-   * @default true
-   */
-  shouldFlip: zod.z.boolean().optional().default(true),
-  /**
-   * Show arrow pointing to trigger element
-   * @default false
-   */
-  showArrow: zod.z.boolean().optional().default(false),
-  /**
-   * Arrow size in pixels
-   * @default 8
-   */
-  arrowSize: zod.z.number().min(0).optional().default(8),
-  /**
-   * Custom className for styling
-   */
-  className: zod.z.string().optional(),
-  /**
-   * Tooltip content (typically text)
-   */
-  children: zod.z.custom()
-});
-var TooltipArrowPropsSchema = zod.z.object({
-  /**
-   * Arrow size in pixels
-   * @default 8
-   */
-  size: zod.z.number().min(0).optional().default(8),
-  /**
-   * Custom className for styling
-   */
-  className: zod.z.string().optional()
-});
-
-exports.Tooltip = Tooltip;
-exports.TooltipArrow = TooltipArrow;
-exports.TooltipArrowPropsSchema = TooltipArrowPropsSchema;
-exports.TooltipContent = TooltipContent;
-exports.TooltipContentPropsSchema = TooltipContentPropsSchema;
-exports.TooltipPropsSchema = TooltipPropsSchema;
-exports.TooltipSideSchema = TooltipSideSchema;
-exports.TooltipTrigger = TooltipTrigger;
-exports.TooltipTriggerModeSchema = TooltipTriggerModeSchema;
-exports.TooltipTriggerPropsSchema = TooltipTriggerPropsSchema;
-exports.tooltipArrowVariants = tooltipArrowVariants;
-exports.tooltipContentVariants = tooltipContentVariants;
-//# sourceMappingURL=index.js.map
+'use strict';var reactAriaComponents=require('react-aria-components'),classVarianceAuthority=require('class-variance-authority'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),zod=require('zod');function T(...t){return tailwindMerge.twMerge(clsx.clsx(t))}var P=classVarianceAuthority.cva(["z-50 overflow-hidden rounded-md px-3 py-1.5 text-sm shadow-md","bg-[var(--content-foreground)] text-[var(--content-background)]","animate-in fade-in-0","data-[exiting]:animate-out data-[exiting]:fade-out-0"],{variants:{side:{top:["motion-safe:slide-in-from-bottom-2","data-[exiting]:motion-safe:slide-out-to-bottom-2"],bottom:["motion-safe:slide-in-from-top-2","data-[exiting]:motion-safe:slide-out-to-top-2"],left:["motion-safe:slide-in-from-right-2","data-[exiting]:motion-safe:slide-out-to-right-2"],right:["motion-safe:slide-in-from-left-2","data-[exiting]:motion-safe:slide-out-to-left-2"]}},defaultVariants:{side:"top"}}),u=classVarianceAuthority.cva("fill-[var(--content-foreground)]",{variants:{side:{top:"rotate-180",bottom:"rotate-0",left:"rotate-90",right:"-rotate-90"}},defaultVariants:{side:"top"}});function g(t){if(!t)return "top";let e=t.split(" ")[0];return e==="top"||e==="bottom"||e==="left"||e==="right"?e:"top"}function b({children:t,delay:e=700,closeDelay:a=300,trigger:p="hover",isOpen:n,defaultOpen:l=false,onOpenChange:s,isDisabled:m=false}){return jsxRuntime.jsx(reactAriaComponents.TooltipTrigger,{delay:p==="focus"?99999999:e,closeDelay:a,isOpen:n,defaultOpen:l,onOpenChange:s,isDisabled:m,children:t})}b.displayName="Tooltip";function S({children:t}){return t}S.displayName="TooltipTrigger";function w({children:t,side:e="top",sideOffset:a=4,alignOffset:p=0,shouldFlip:n=true,showArrow:l=false,arrowSize:s=8,className:m,...h}){return jsxRuntime.jsx(reactAriaComponents.Tooltip,{placement:e,offset:a,crossOffset:p,shouldFlip:n,...h,className:reactAriaComponents.composeRenderProps(m,(f,c)=>{let N=g(c.placement);return T(P({side:N}),f)}),children:f=>{let c=g(f.placement);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[l&&jsxRuntime.jsx(reactAriaComponents.OverlayArrow,{children:jsxRuntime.jsx("svg",{width:s,height:s,viewBox:"0 0 8 8",className:u({side:c}),"data-testid":"tooltip-arrow",children:jsxRuntime.jsx("path",{d:"M0 0 L4 4 L8 0"})})}),t]})}})}w.displayName="TooltipContent";function C({size:t=8,className:e,"data-testid":a="tooltip-arrow",...p}){return jsxRuntime.jsx(reactAriaComponents.OverlayArrow,{children:({placement:n})=>{let l=g(n);return jsxRuntime.jsx("svg",{width:t,height:t,viewBox:"0 0 8 8",className:T(u({side:l}),e),"data-testid":a,...p,children:jsxRuntime.jsx("path",{d:"M0 0 L4 4 L8 0"})})}})}C.displayName="TooltipArrow";var B=b,D=S,E=w,L=C;var d=zod.z.object({className:zod.z.string().optional(),children:zod.z.any().optional(),id:zod.z.string().optional(),"aria-label":zod.z.string().optional(),"aria-labelledby":zod.z.string().optional(),"aria-describedby":zod.z.string().optional(),"aria-live":zod.z.enum(["off","polite","assertive"]).optional(),"aria-hidden":zod.z.boolean().optional(),"data-testid":zod.z.string().optional()});var v=zod.z.enum(["top","bottom","left","right"]),A=zod.z.enum(["hover","focus"]),k=d.extend({delay:zod.z.number().min(0).optional().default(700),closeDelay:zod.z.number().min(0).optional().default(300),trigger:A.optional().default("hover"),isOpen:zod.z.boolean().optional(),defaultOpen:zod.z.boolean().optional().default(false),onOpenChange:zod.z.custom().optional(),isDisabled:zod.z.boolean().optional().default(false),children:zod.z.custom()}),q=d.extend({asChild:zod.z.boolean().optional().default(false),children:zod.z.custom()}),G=d.extend({side:v.optional().default("top"),sideOffset:zod.z.number().optional().default(4),alignOffset:zod.z.number().optional().default(0),shouldFlip:zod.z.boolean().optional().default(true),showArrow:zod.z.boolean().optional().default(false),arrowSize:zod.z.number().min(0).optional().default(8),className:zod.z.string().optional(),children:zod.z.custom()}),H=zod.z.object({size:zod.z.number().min(0).optional().default(8),className:zod.z.string().optional()});exports.Tooltip=B;exports.TooltipArrow=L;exports.TooltipArrowPropsSchema=H;exports.TooltipContent=E;exports.TooltipContentPropsSchema=G;exports.TooltipPropsSchema=k;exports.TooltipSideSchema=v;exports.TooltipTrigger=D;exports.TooltipTriggerModeSchema=A;exports.TooltipTriggerPropsSchema=q;exports.tooltipArrowVariants=u;exports.tooltipContentVariants=P;//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/elements/Tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/Tooltip/Tooltip.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Tooltip/Tooltip.types.ts"],"names":["twMerge","clsx","cva","jsx","AriaTooltipTrigger","AriaTooltip","composeRenderProps","className","jsxs","Fragment","OverlayArrow","z"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","\"use client\";\n\n/**\n * Tooltip Component - Implementation\n *\n * Accessible tooltip component combining React Aria primitives with ShadCN styling.\n * Follows Themis library patterns with compound component structure.\n *\n * @see plan.md (Implementation plan)\n * @see Tooltip.types.ts (Zod schemas)\n * @see tooltip-prd.md (Full requirements)\n */\n\nimport { type ReactElement } from 'react';\nimport {\n  TooltipTrigger as AriaTooltipTrigger,\n  Tooltip as AriaTooltip,\n  OverlayArrow,\n  composeRenderProps,\n} from 'react-aria-components';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport type {\n  TooltipProps,\n  TooltipTriggerProps,\n  TooltipContentProps,\n  TooltipArrowProps,\n  TooltipSide,\n} from './Tooltip.types';\n\n/**\n * CVA Variants for TooltipContent\n *\n * Placement-based animations and high-contrast inverted colors.\n *\n * @see plan.md (CVA Variant Structure)\n * @see tooltip-prd.md US-2 (Configurable Placement)\n */\nexport const tooltipContentVariants = cva(\n  // Base styles\n  [\n    \"z-50 overflow-hidden rounded-md px-3 py-1.5 text-sm shadow-md\",\n    // Inverted colors for high contrast (7:1 ratio)\n    \"bg-[var(--content-foreground)] text-[var(--content-background)]\",\n    // Entry animation base\n    \"animate-in fade-in-0\",\n    // Exit animation\n    \"data-[exiting]:animate-out data-[exiting]:fade-out-0\",\n  ],\n  {\n    variants: {\n      side: {\n        top: [\n          \"motion-safe:slide-in-from-bottom-2\",\n          \"data-[exiting]:motion-safe:slide-out-to-bottom-2\",\n        ],\n        bottom: [\n          \"motion-safe:slide-in-from-top-2\",\n          \"data-[exiting]:motion-safe:slide-out-to-top-2\",\n        ],\n        left: [\n          \"motion-safe:slide-in-from-right-2\",\n          \"data-[exiting]:motion-safe:slide-out-to-right-2\",\n        ],\n        right: [\n          \"motion-safe:slide-in-from-left-2\",\n          \"data-[exiting]:motion-safe:slide-out-to-left-2\",\n        ],\n      },\n    },\n    defaultVariants: {\n      side: \"top\",\n    },\n  }\n);\n\n/**\n * CVA Variants for TooltipArrow\n *\n * Rotation based on placement for correct arrow pointing direction.\n *\n * @see tooltip-prd.md US-2 (Arrow Indicator)\n */\nexport const tooltipArrowVariants = cva(\n  // Base arrow styles\n  \"fill-[var(--content-foreground)]\",\n  {\n    variants: {\n      side: {\n        top: \"rotate-180\",\n        bottom: \"rotate-0\",\n        left: \"rotate-90\",\n        right: \"-rotate-90\",\n      },\n    },\n    defaultVariants: {\n      side: \"top\",\n    },\n  }\n);\n\n/**\n * Map React Aria placement to our side prop\n * React Aria uses placement prop with values like 'top', 'bottom', etc.\n * PlacementAxis can be 'top' | 'bottom' | 'left' | 'right' | null\n */\nfunction placementToSide(placement: string | null | undefined): TooltipSide {\n  if (!placement) return 'top';\n  // Extract the base placement (e.g., 'top start' -> 'top')\n  const basePlacement = placement.split(' ')[0];\n  if (basePlacement === 'top' || basePlacement === 'bottom' ||\n      basePlacement === 'left' || basePlacement === 'right') {\n    return basePlacement;\n  }\n  return 'top';\n}\n\n/**\n * Tooltip Root Component\n *\n * Manages tooltip open/close state, delays, and trigger behavior.\n * Wraps React Aria's TooltipTrigger with delay configuration.\n *\n * @see tooltip-prd.md US-1 (Basic Usage)\n * @see tooltip-prd.md US-3 (Delay Configuration)\n * @see tooltip-prd.md US-7 (Controlled State)\n */\nfunction TooltipRoot({\n  children,\n  delay = 700,\n  closeDelay = 300,\n  trigger = 'hover',\n  isOpen,\n  defaultOpen = false,\n  onOpenChange,\n  isDisabled = false,\n}: TooltipProps): ReactElement {\n  // React Aria doesn't have a direct trigger mode prop\n  // 'focus' mode is achieved by setting delay to a very high value\n  // and relying on focus to trigger immediately\n  const effectiveDelay = trigger === 'focus' ? 99999999 : delay;\n\n  return (\n    <AriaTooltipTrigger\n      delay={effectiveDelay}\n      closeDelay={closeDelay}\n      isOpen={isOpen}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      isDisabled={isDisabled}\n    >\n      {children}\n    </AriaTooltipTrigger>\n  );\n}\n\nTooltipRoot.displayName = 'Tooltip';\n\n/**\n * TooltipTrigger Component\n *\n * Wrapper for the element that triggers the tooltip.\n * The child element must be focusable (or wrapped with Focusable).\n *\n * React Aria's TooltipTrigger automatically applies:\n * - aria-describedby linking to tooltip\n * - Hover and focus event handlers\n *\n * @see tooltip-prd.md US-5 (Non-Button Triggers)\n */\nfunction TooltipTriggerComponent({\n  children,\n}: TooltipTriggerProps): ReactElement {\n  // React Aria's TooltipTrigger expects the trigger element as a direct child\n  // We pass through the child element directly\n  return children as ReactElement;\n}\n\nTooltipTriggerComponent.displayName = 'TooltipTrigger';\n\n/**\n * TooltipContent Component\n *\n * The actual tooltip overlay that appears.\n * Supports placement, offset, and optional arrow.\n *\n * @see tooltip-prd.md US-2 (Placement and Arrow)\n * @see tooltip-prd.md Technical Implementation Details\n */\nfunction TooltipContentComponent({\n  children,\n  side = 'top',\n  sideOffset = 4,\n  alignOffset = 0,\n  shouldFlip = true,\n  showArrow = false,\n  arrowSize = 8,\n  className,\n  ...restProps\n}: TooltipContentProps & { 'data-testid'?: string }): ReactElement {\n  return (\n    <AriaTooltip\n      placement={side}\n      offset={sideOffset}\n      crossOffset={alignOffset}\n      shouldFlip={shouldFlip}\n      {...restProps}\n      className={composeRenderProps(className, (className, renderProps) => {\n        // Get actual placement from render props for animation direction\n        const actualSide = placementToSide(renderProps.placement);\n        return cn(\n          tooltipContentVariants({ side: actualSide }),\n          className\n        );\n      })}\n    >\n      {(renderProps) => {\n        const actualSide = placementToSide(renderProps.placement);\n        return (\n          <>\n            {showArrow && (\n              <OverlayArrow>\n                <svg\n                  width={arrowSize}\n                  height={arrowSize}\n                  viewBox=\"0 0 8 8\"\n                  className={tooltipArrowVariants({ side: actualSide })}\n                  data-testid=\"tooltip-arrow\"\n                >\n                  <path d=\"M0 0 L4 4 L8 0\" />\n                </svg>\n              </OverlayArrow>\n            )}\n            {children}\n          </>\n        );\n      }}\n    </AriaTooltip>\n  );\n}\n\nTooltipContentComponent.displayName = 'TooltipContent';\n\n/**\n * TooltipArrow Component\n *\n * Optional arrow component for custom arrow rendering.\n * Automatically positioned based on tooltip placement.\n *\n * Note: This is an alternative to using showArrow prop on TooltipContent.\n * Use this when you need custom arrow styling or rendering.\n *\n * @see tooltip-prd.md US-2 (Arrow Indicator)\n */\nfunction TooltipArrowComponent({\n  size = 8,\n  className,\n  'data-testid': dataTestId = 'tooltip-arrow',\n  ...restProps\n}: TooltipArrowProps & { 'data-testid'?: string }): ReactElement {\n  // This component is designed to be used inside TooltipContent\n  // The actual positioning is handled by OverlayArrow from React Aria\n  return (\n    <OverlayArrow>\n      {({ placement }) => {\n        const side = placementToSide(placement);\n        return (\n          <svg\n            width={size}\n            height={size}\n            viewBox=\"0 0 8 8\"\n            className={cn(tooltipArrowVariants({ side }), className)}\n            data-testid={dataTestId}\n            {...restProps}\n          >\n            <path d=\"M0 0 L4 4 L8 0\" />\n          </svg>\n        );\n      }}\n    </OverlayArrow>\n  );\n}\n\nTooltipArrowComponent.displayName = 'TooltipArrow';\n\n/**\n * Export all components\n *\n * Following Themis pattern - export individual components\n * No Object.assign compound pattern for Tooltip since React Aria\n * expects specific component hierarchy.\n */\nexport const Tooltip = TooltipRoot;\nexport const TooltipTrigger = TooltipTriggerComponent;\nexport const TooltipContent = TooltipContentComponent;\nexport const TooltipArrow = TooltipArrowComponent;\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type { ReactNode } from 'react';\n\n/**\n * Tooltip placement/side options\n *\n * @see tooltip-prd.md US-2 (Configurable Placement)\n */\nexport const TooltipSideSchema = z.enum(['top', 'bottom', 'left', 'right']);\nexport type TooltipSide = z.infer<typeof TooltipSideSchema>;\n\n/**\n * Tooltip trigger mode options\n *\n * @see tooltip-prd.md US-4 (Keyboard-only Mode)\n */\nexport const TooltipTriggerModeSchema = z.enum(['hover', 'focus']);\nexport type TooltipTriggerMode = z.infer<typeof TooltipTriggerModeSchema>;\n\n/**\n * Tooltip root component props schema\n *\n * Manages tooltip open/close state, delays, and trigger behavior.\n * Wraps React Aria's TooltipTrigger with delay configuration.\n *\n * @see tooltip-prd.md US-1 (Basic Usage)\n * @see tooltip-prd.md US-3 (Delay Configuration)\n * @see tooltip-prd.md US-7 (Controlled State)\n */\nexport const TooltipPropsSchema = BaseComponentPropsSchema.extend({\n  /**\n   * Show delay in milliseconds\n   * Time to wait before showing tooltip on hover\n   * @default 700\n   */\n  delay: z.number().min(0).optional().default(700),\n\n  /**\n   * Hide delay in milliseconds\n   * Time to wait before hiding tooltip after mouse leave\n   * @default 300\n   */\n  closeDelay: z.number().min(0).optional().default(300),\n\n  /**\n   * Trigger mode\n   * - 'hover': Show on hover and focus (default)\n   * - 'focus': Show only on keyboard focus (no hover)\n   * @default 'hover'\n   */\n  trigger: TooltipTriggerModeSchema.optional().default('hover'),\n\n  /**\n   * Controlled open state\n   * When provided, tooltip becomes controlled\n   */\n  isOpen: z.boolean().optional(),\n\n  /**\n   * Default open state for uncontrolled mode\n   * @default false\n   */\n  defaultOpen: z.boolean().optional().default(false),\n\n  /**\n   * Callback when open state changes\n   * Called with new isOpen value\n   */\n  onOpenChange: z.custom<(isOpen: boolean) => void>().optional(),\n\n  /**\n   * Disable tooltip without affecting trigger element\n   * @default false\n   */\n  isDisabled: z.boolean().optional().default(false),\n\n  /**\n   * Children must include TooltipTrigger and TooltipContent\n   */\n  children: z.custom<ReactNode>(),\n});\n\nexport type TooltipProps = z.infer<typeof TooltipPropsSchema>;\n\n/**\n * TooltipTrigger props schema\n *\n * Wrapper for the element that triggers the tooltip.\n * The child element must be focusable (or wrapped with Focusable).\n *\n * @see tooltip-prd.md US-5 (Non-Button Triggers)\n */\nexport const TooltipTriggerPropsSchema = BaseComponentPropsSchema.extend({\n  /**\n   * Render as child element instead of wrapping\n   * When true, merges props into the child element\n   * @default false\n   */\n  asChild: z.boolean().optional().default(false),\n\n  /**\n   * Single child element that triggers the tooltip\n   * Must be focusable for keyboard accessibility\n   */\n  children: z.custom<ReactNode>(),\n});\n\nexport type TooltipTriggerProps = z.infer<typeof TooltipTriggerPropsSchema>;\n\n/**\n * TooltipContent props schema\n *\n * The actual tooltip overlay that appears.\n * Supports placement, offset, and optional arrow.\n *\n * @see tooltip-prd.md US-2 (Placement and Arrow)\n * @see tooltip-prd.md Technical Implementation Details\n */\nexport const TooltipContentPropsSchema = BaseComponentPropsSchema.extend({\n  /**\n   * Placement relative to trigger element\n   * @default 'top'\n   */\n  side: TooltipSideSchema.optional().default('top'),\n\n  /**\n   * Offset from trigger in pixels (main axis)\n   * @default 4\n   */\n  sideOffset: z.number().optional().default(4),\n\n  /**\n   * Cross-axis offset in pixels\n   * @default 0\n   */\n  alignOffset: z.number().optional().default(0),\n\n  /**\n   * Automatically flip placement when constrained by viewport\n   * @default true\n   */\n  shouldFlip: z.boolean().optional().default(true),\n\n  /**\n   * Show arrow pointing to trigger element\n   * @default false\n   */\n  showArrow: z.boolean().optional().default(false),\n\n  /**\n   * Arrow size in pixels\n   * @default 8\n   */\n  arrowSize: z.number().min(0).optional().default(8),\n\n  /**\n   * Custom className for styling\n   */\n  className: z.string().optional(),\n\n  /**\n   * Tooltip content (typically text)\n   */\n  children: z.custom<ReactNode>(),\n});\n\nexport type TooltipContentProps = z.infer<typeof TooltipContentPropsSchema>;\n\n/**\n * TooltipArrow props schema\n *\n * Optional arrow component for custom arrow rendering.\n * Automatically positioned based on tooltip placement.\n *\n * @see tooltip-prd.md US-2 (Arrow Indicator)\n */\nexport const TooltipArrowPropsSchema = z.object({\n  /**\n   * Arrow size in pixels\n   * @default 8\n   */\n  size: z.number().min(0).optional().default(8),\n\n  /**\n   * Custom className for styling\n   */\n  className: z.string().optional(),\n});\n\nexport type TooltipArrowProps = z.infer<typeof TooltipArrowPropsSchema>;\n"]}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/Tooltip/Tooltip.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Tooltip/Tooltip.types.ts"],"names":["cn","inputs","twMerge","clsx","tooltipContentVariants","cva","tooltipArrowVariants","placementToSide","placement","basePlacement","TooltipRoot","children","delay","closeDelay","trigger","isOpen","defaultOpen","onOpenChange","isDisabled","jsx","AriaTooltipTrigger","TooltipTriggerComponent","TooltipContentComponent","side","sideOffset","alignOffset","shouldFlip","showArrow","arrowSize","className","restProps","AriaTooltip","composeRenderProps","renderProps","actualSide","jsxs","Fragment","OverlayArrow","TooltipArrowComponent","size","dataTestId","Tooltip","TooltipTrigger","TooltipContent","TooltipArrow","BaseComponentPropsSchema","z","TooltipSideSchema","TooltipTriggerModeSchema","TooltipPropsSchema","TooltipTriggerPropsSchema","TooltipContentPropsSchema","TooltipArrowPropsSchema"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","\"use client\";\n\n/**\n * Tooltip Component - Implementation\n *\n * Accessible tooltip component combining React Aria primitives with ShadCN styling.\n * Follows Themis library patterns with compound component structure.\n *\n * @see plan.md (Implementation plan)\n * @see Tooltip.types.ts (Zod schemas)\n * @see tooltip-prd.md (Full requirements)\n */\n\nimport { type ReactElement } from 'react';\nimport {\n  TooltipTrigger as AriaTooltipTrigger,\n  Tooltip as AriaTooltip,\n  OverlayArrow,\n  composeRenderProps,\n} from 'react-aria-components';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport type {\n  TooltipProps,\n  TooltipTriggerProps,\n  TooltipContentProps,\n  TooltipArrowProps,\n  TooltipSide,\n} from './Tooltip.types';\n\n/**\n * CVA Variants for TooltipContent\n *\n * Placement-based animations and high-contrast inverted colors.\n *\n * @see plan.md (CVA Variant Structure)\n * @see tooltip-prd.md US-2 (Configurable Placement)\n */\nexport const tooltipContentVariants = cva(\n  // Base styles\n  [\n    \"z-50 overflow-hidden rounded-md px-3 py-1.5 text-sm shadow-md\",\n    // Inverted colors for high contrast (7:1 ratio)\n    \"bg-[var(--content-foreground)] text-[var(--content-background)]\",\n    // Entry animation base\n    \"animate-in fade-in-0\",\n    // Exit animation\n    \"data-[exiting]:animate-out data-[exiting]:fade-out-0\",\n  ],\n  {\n    variants: {\n      side: {\n        top: [\n          \"motion-safe:slide-in-from-bottom-2\",\n          \"data-[exiting]:motion-safe:slide-out-to-bottom-2\",\n        ],\n        bottom: [\n          \"motion-safe:slide-in-from-top-2\",\n          \"data-[exiting]:motion-safe:slide-out-to-top-2\",\n        ],\n        left: [\n          \"motion-safe:slide-in-from-right-2\",\n          \"data-[exiting]:motion-safe:slide-out-to-right-2\",\n        ],\n        right: [\n          \"motion-safe:slide-in-from-left-2\",\n          \"data-[exiting]:motion-safe:slide-out-to-left-2\",\n        ],\n      },\n    },\n    defaultVariants: {\n      side: \"top\",\n    },\n  }\n);\n\n/**\n * CVA Variants for TooltipArrow\n *\n * Rotation based on placement for correct arrow pointing direction.\n *\n * @see tooltip-prd.md US-2 (Arrow Indicator)\n */\nexport const tooltipArrowVariants = cva(\n  // Base arrow styles\n  \"fill-[var(--content-foreground)]\",\n  {\n    variants: {\n      side: {\n        top: \"rotate-180\",\n        bottom: \"rotate-0\",\n        left: \"rotate-90\",\n        right: \"-rotate-90\",\n      },\n    },\n    defaultVariants: {\n      side: \"top\",\n    },\n  }\n);\n\n/**\n * Map React Aria placement to our side prop\n * React Aria uses placement prop with values like 'top', 'bottom', etc.\n * PlacementAxis can be 'top' | 'bottom' | 'left' | 'right' | null\n */\nfunction placementToSide(placement: string | null | undefined): TooltipSide {\n  if (!placement) return 'top';\n  // Extract the base placement (e.g., 'top start' -> 'top')\n  const basePlacement = placement.split(' ')[0];\n  if (basePlacement === 'top' || basePlacement === 'bottom' ||\n      basePlacement === 'left' || basePlacement === 'right') {\n    return basePlacement;\n  }\n  return 'top';\n}\n\n/**\n * Tooltip Root Component\n *\n * Manages tooltip open/close state, delays, and trigger behavior.\n * Wraps React Aria's TooltipTrigger with delay configuration.\n *\n * @see tooltip-prd.md US-1 (Basic Usage)\n * @see tooltip-prd.md US-3 (Delay Configuration)\n * @see tooltip-prd.md US-7 (Controlled State)\n */\nfunction TooltipRoot({\n  children,\n  delay = 700,\n  closeDelay = 300,\n  trigger = 'hover',\n  isOpen,\n  defaultOpen = false,\n  onOpenChange,\n  isDisabled = false,\n}: TooltipProps): ReactElement {\n  // React Aria doesn't have a direct trigger mode prop\n  // 'focus' mode is achieved by setting delay to a very high value\n  // and relying on focus to trigger immediately\n  const effectiveDelay = trigger === 'focus' ? 99999999 : delay;\n\n  return (\n    <AriaTooltipTrigger\n      delay={effectiveDelay}\n      closeDelay={closeDelay}\n      isOpen={isOpen}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      isDisabled={isDisabled}\n    >\n      {children}\n    </AriaTooltipTrigger>\n  );\n}\n\nTooltipRoot.displayName = 'Tooltip';\n\n/**\n * TooltipTrigger Component\n *\n * Wrapper for the element that triggers the tooltip.\n * The child element must be focusable (or wrapped with Focusable).\n *\n * React Aria's TooltipTrigger automatically applies:\n * - aria-describedby linking to tooltip\n * - Hover and focus event handlers\n *\n * @see tooltip-prd.md US-5 (Non-Button Triggers)\n */\nfunction TooltipTriggerComponent({\n  children,\n}: TooltipTriggerProps): ReactElement {\n  // React Aria's TooltipTrigger expects the trigger element as a direct child\n  // We pass through the child element directly\n  return children as ReactElement;\n}\n\nTooltipTriggerComponent.displayName = 'TooltipTrigger';\n\n/**\n * TooltipContent Component\n *\n * The actual tooltip overlay that appears.\n * Supports placement, offset, and optional arrow.\n *\n * @see tooltip-prd.md US-2 (Placement and Arrow)\n * @see tooltip-prd.md Technical Implementation Details\n */\nfunction TooltipContentComponent({\n  children,\n  side = 'top',\n  sideOffset = 4,\n  alignOffset = 0,\n  shouldFlip = true,\n  showArrow = false,\n  arrowSize = 8,\n  className,\n  ...restProps\n}: TooltipContentProps & { 'data-testid'?: string }): ReactElement {\n  return (\n    <AriaTooltip\n      placement={side}\n      offset={sideOffset}\n      crossOffset={alignOffset}\n      shouldFlip={shouldFlip}\n      {...restProps}\n      className={composeRenderProps(className, (className, renderProps) => {\n        // Get actual placement from render props for animation direction\n        const actualSide = placementToSide(renderProps.placement);\n        return cn(\n          tooltipContentVariants({ side: actualSide }),\n          className\n        );\n      })}\n    >\n      {(renderProps) => {\n        const actualSide = placementToSide(renderProps.placement);\n        return (\n          <>\n            {showArrow && (\n              <OverlayArrow>\n                <svg\n                  width={arrowSize}\n                  height={arrowSize}\n                  viewBox=\"0 0 8 8\"\n                  className={tooltipArrowVariants({ side: actualSide })}\n                  data-testid=\"tooltip-arrow\"\n                >\n                  <path d=\"M0 0 L4 4 L8 0\" />\n                </svg>\n              </OverlayArrow>\n            )}\n            {children}\n          </>\n        );\n      }}\n    </AriaTooltip>\n  );\n}\n\nTooltipContentComponent.displayName = 'TooltipContent';\n\n/**\n * TooltipArrow Component\n *\n * Optional arrow component for custom arrow rendering.\n * Automatically positioned based on tooltip placement.\n *\n * Note: This is an alternative to using showArrow prop on TooltipContent.\n * Use this when you need custom arrow styling or rendering.\n *\n * @see tooltip-prd.md US-2 (Arrow Indicator)\n */\nfunction TooltipArrowComponent({\n  size = 8,\n  className,\n  'data-testid': dataTestId = 'tooltip-arrow',\n  ...restProps\n}: TooltipArrowProps & { 'data-testid'?: string }): ReactElement {\n  // This component is designed to be used inside TooltipContent\n  // The actual positioning is handled by OverlayArrow from React Aria\n  return (\n    <OverlayArrow>\n      {({ placement }) => {\n        const side = placementToSide(placement);\n        return (\n          <svg\n            width={size}\n            height={size}\n            viewBox=\"0 0 8 8\"\n            className={cn(tooltipArrowVariants({ side }), className)}\n            data-testid={dataTestId}\n            {...restProps}\n          >\n            <path d=\"M0 0 L4 4 L8 0\" />\n          </svg>\n        );\n      }}\n    </OverlayArrow>\n  );\n}\n\nTooltipArrowComponent.displayName = 'TooltipArrow';\n\n/**\n * Export all components\n *\n * Following Themis pattern - export individual components\n * No Object.assign compound pattern for Tooltip since React Aria\n * expects specific component hierarchy.\n */\nexport const Tooltip = TooltipRoot;\nexport const TooltipTrigger = TooltipTriggerComponent;\nexport const TooltipContent = TooltipContentComponent;\nexport const TooltipArrow = TooltipArrowComponent;\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type { ReactNode } from 'react';\n\n/**\n * Tooltip placement/side options\n *\n * @see tooltip-prd.md US-2 (Configurable Placement)\n */\nexport const TooltipSideSchema = z.enum(['top', 'bottom', 'left', 'right']);\nexport type TooltipSide = z.infer<typeof TooltipSideSchema>;\n\n/**\n * Tooltip trigger mode options\n *\n * @see tooltip-prd.md US-4 (Keyboard-only Mode)\n */\nexport const TooltipTriggerModeSchema = z.enum(['hover', 'focus']);\nexport type TooltipTriggerMode = z.infer<typeof TooltipTriggerModeSchema>;\n\n/**\n * Tooltip root component props schema\n *\n * Manages tooltip open/close state, delays, and trigger behavior.\n * Wraps React Aria's TooltipTrigger with delay configuration.\n *\n * @see tooltip-prd.md US-1 (Basic Usage)\n * @see tooltip-prd.md US-3 (Delay Configuration)\n * @see tooltip-prd.md US-7 (Controlled State)\n */\nexport const TooltipPropsSchema = BaseComponentPropsSchema.extend({\n  /**\n   * Show delay in milliseconds\n   * Time to wait before showing tooltip on hover\n   * @default 700\n   */\n  delay: z.number().min(0).optional().default(700),\n\n  /**\n   * Hide delay in milliseconds\n   * Time to wait before hiding tooltip after mouse leave\n   * @default 300\n   */\n  closeDelay: z.number().min(0).optional().default(300),\n\n  /**\n   * Trigger mode\n   * - 'hover': Show on hover and focus (default)\n   * - 'focus': Show only on keyboard focus (no hover)\n   * @default 'hover'\n   */\n  trigger: TooltipTriggerModeSchema.optional().default('hover'),\n\n  /**\n   * Controlled open state\n   * When provided, tooltip becomes controlled\n   */\n  isOpen: z.boolean().optional(),\n\n  /**\n   * Default open state for uncontrolled mode\n   * @default false\n   */\n  defaultOpen: z.boolean().optional().default(false),\n\n  /**\n   * Callback when open state changes\n   * Called with new isOpen value\n   */\n  onOpenChange: z.custom<(isOpen: boolean) => void>().optional(),\n\n  /**\n   * Disable tooltip without affecting trigger element\n   * @default false\n   */\n  isDisabled: z.boolean().optional().default(false),\n\n  /**\n   * Children must include TooltipTrigger and TooltipContent\n   */\n  children: z.custom<ReactNode>(),\n});\n\nexport type TooltipProps = z.infer<typeof TooltipPropsSchema>;\n\n/**\n * TooltipTrigger props schema\n *\n * Wrapper for the element that triggers the tooltip.\n * The child element must be focusable (or wrapped with Focusable).\n *\n * @see tooltip-prd.md US-5 (Non-Button Triggers)\n */\nexport const TooltipTriggerPropsSchema = BaseComponentPropsSchema.extend({\n  /**\n   * Render as child element instead of wrapping\n   * When true, merges props into the child element\n   * @default false\n   */\n  asChild: z.boolean().optional().default(false),\n\n  /**\n   * Single child element that triggers the tooltip\n   * Must be focusable for keyboard accessibility\n   */\n  children: z.custom<ReactNode>(),\n});\n\nexport type TooltipTriggerProps = z.infer<typeof TooltipTriggerPropsSchema>;\n\n/**\n * TooltipContent props schema\n *\n * The actual tooltip overlay that appears.\n * Supports placement, offset, and optional arrow.\n *\n * @see tooltip-prd.md US-2 (Placement and Arrow)\n * @see tooltip-prd.md Technical Implementation Details\n */\nexport const TooltipContentPropsSchema = BaseComponentPropsSchema.extend({\n  /**\n   * Placement relative to trigger element\n   * @default 'top'\n   */\n  side: TooltipSideSchema.optional().default('top'),\n\n  /**\n   * Offset from trigger in pixels (main axis)\n   * @default 4\n   */\n  sideOffset: z.number().optional().default(4),\n\n  /**\n   * Cross-axis offset in pixels\n   * @default 0\n   */\n  alignOffset: z.number().optional().default(0),\n\n  /**\n   * Automatically flip placement when constrained by viewport\n   * @default true\n   */\n  shouldFlip: z.boolean().optional().default(true),\n\n  /**\n   * Show arrow pointing to trigger element\n   * @default false\n   */\n  showArrow: z.boolean().optional().default(false),\n\n  /**\n   * Arrow size in pixels\n   * @default 8\n   */\n  arrowSize: z.number().min(0).optional().default(8),\n\n  /**\n   * Custom className for styling\n   */\n  className: z.string().optional(),\n\n  /**\n   * Tooltip content (typically text)\n   */\n  children: z.custom<ReactNode>(),\n});\n\nexport type TooltipContentProps = z.infer<typeof TooltipContentPropsSchema>;\n\n/**\n * TooltipArrow props schema\n *\n * Optional arrow component for custom arrow rendering.\n * Automatically positioned based on tooltip placement.\n *\n * @see tooltip-prd.md US-2 (Arrow Indicator)\n */\nexport const TooltipArrowPropsSchema = z.object({\n  /**\n   * Arrow size in pixels\n   * @default 8\n   */\n  size: z.number().min(0).optional().default(8),\n\n  /**\n   * Custom className for styling\n   */\n  className: z.string().optional(),\n});\n\nexport type TooltipArrowProps = z.infer<typeof TooltipArrowPropsSchema>;\n"]}