@tribepad/themis 1.0.0 → 1.0.1

package/dist/elements/Tooltip/index.mjs

@@ -1,6 +1,312 @@
-export { TooltipArrowPropsSchema, TooltipContentPropsSchema, TooltipPropsSchema, TooltipSideSchema, TooltipTriggerModeSchema, TooltipTriggerPropsSchema } from '../../chunk-IIPTC2X7.mjs';
-export { Tooltip, TooltipArrow, TooltipContent, TooltipTrigger, tooltipArrowVariants, tooltipContentVariants } from '../../chunk-DZ556D2F.mjs';
-import '../../chunk-E2KQFV3O.mjs';
-import '../../chunk-5SVLJN2C.mjs';
+"use client";
+import { TooltipTrigger as TooltipTrigger$1, Tooltip as Tooltip$1, OverlayArrow, composeRenderProps } from 'react-aria-components';
+import { cva } from 'class-variance-authority';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { z } from 'zod';
+
+// src/elements/Tooltip/Tooltip.tsx
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var tooltipContentVariants = 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 = 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__ */ jsx(
+    TooltipTrigger$1,
+    {
+      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__ */ jsx(
+    Tooltip$1,
+    {
+      placement: side,
+      offset: sideOffset,
+      crossOffset: alignOffset,
+      shouldFlip,
+      ...restProps,
+      className: composeRenderProps(className, (className2, renderProps) => {
+        const actualSide = placementToSide(renderProps.placement);
+        return cn(
+          tooltipContentVariants({ side: actualSide }),
+          className2
+        );
+      }),
+      children: (renderProps) => {
+        const actualSide = placementToSide(renderProps.placement);
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          showArrow && /* @__PURE__ */ jsx(OverlayArrow, { children: /* @__PURE__ */ jsx(
+            "svg",
+            {
+              width: arrowSize,
+              height: arrowSize,
+              viewBox: "0 0 8 8",
+              className: tooltipArrowVariants({ side: actualSide }),
+              "data-testid": "tooltip-arrow",
+              children: /* @__PURE__ */ 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__ */ jsx(OverlayArrow, { children: ({ placement }) => {
+    const side = placementToSide(placement);
+    return /* @__PURE__ */ jsx(
+      "svg",
+      {
+        width: size,
+        height: size,
+        viewBox: "0 0 8 8",
+        className: cn(tooltipArrowVariants({ side }), className),
+        "data-testid": dataTestId,
+        ...restProps,
+        children: /* @__PURE__ */ 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 = z.object({
+  // Styling
+  className: z.string().optional(),
+  // React
+  children: z.any().optional(),
+  // ReactNode not directly supported by Zod
+  id: z.string().optional(),
+  // Accessibility (WCAG 2.2 AA requirements)
+  "aria-label": z.string().optional(),
+  "aria-labelledby": z.string().optional(),
+  "aria-describedby": z.string().optional(),
+  "aria-live": z.enum(["off", "polite", "assertive"]).optional(),
+  "aria-hidden": z.boolean().optional(),
+  // Testing & Development
+  "data-testid": z.string().optional()
+});
+
+// src/elements/Tooltip/Tooltip.types.ts
+var TooltipSideSchema = z.enum(["top", "bottom", "left", "right"]);
+var TooltipTriggerModeSchema = z.enum(["hover", "focus"]);
+var TooltipPropsSchema = BaseComponentPropsSchema.extend({
+  /**
+   * Show delay in milliseconds
+   * Time to wait before showing tooltip on hover
+   * @default 700
+   */
+  delay: z.number().min(0).optional().default(700),
+  /**
+   * Hide delay in milliseconds
+   * Time to wait before hiding tooltip after mouse leave
+   * @default 300
+   */
+  closeDelay: 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: z.boolean().optional(),
+  /**
+   * Default open state for uncontrolled mode
+   * @default false
+   */
+  defaultOpen: z.boolean().optional().default(false),
+  /**
+   * Callback when open state changes
+   * Called with new isOpen value
+   */
+  onOpenChange: z.custom().optional(),
+  /**
+   * Disable tooltip without affecting trigger element
+   * @default false
+   */
+  isDisabled: z.boolean().optional().default(false),
+  /**
+   * Children must include TooltipTrigger and TooltipContent
+   */
+  children: z.custom()
+});
+var TooltipTriggerPropsSchema = BaseComponentPropsSchema.extend({
+  /**
+   * Render as child element instead of wrapping
+   * When true, merges props into the child element
+   * @default false
+   */
+  asChild: z.boolean().optional().default(false),
+  /**
+   * Single child element that triggers the tooltip
+   * Must be focusable for keyboard accessibility
+   */
+  children: 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: z.number().optional().default(4),
+  /**
+   * Cross-axis offset in pixels
+   * @default 0
+   */
+  alignOffset: z.number().optional().default(0),
+  /**
+   * Automatically flip placement when constrained by viewport
+   * @default true
+   */
+  shouldFlip: z.boolean().optional().default(true),
+  /**
+   * Show arrow pointing to trigger element
+   * @default false
+   */
+  showArrow: z.boolean().optional().default(false),
+  /**
+   * Arrow size in pixels
+   * @default 8
+   */
+  arrowSize: z.number().min(0).optional().default(8),
+  /**
+   * Custom className for styling
+   */
+  className: z.string().optional(),
+  /**
+   * Tooltip content (typically text)
+   */
+  children: z.custom()
+});
+var TooltipArrowPropsSchema = z.object({
+  /**
+   * Arrow size in pixels
+   * @default 8
+   */
+  size: z.number().min(0).optional().default(8),
+  /**
+   * Custom className for styling
+   */
+  className: z.string().optional()
+});
+
+export { Tooltip, TooltipArrow, TooltipArrowPropsSchema, TooltipContent, TooltipContentPropsSchema, TooltipPropsSchema, TooltipSideSchema, TooltipTrigger, TooltipTriggerModeSchema, TooltipTriggerPropsSchema, tooltipArrowVariants, tooltipContentVariants };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/Tooltip/Tooltip.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Tooltip/Tooltip.types.ts"],"names":["AriaTooltipTrigger","AriaTooltip","className","z"],"mappings":"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","file":"index.mjs","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"]}