@nori-ui/core 0.0.5 → 1.0.2

package/dist/chunk-NRYWNOG5.js

@@ -0,0 +1,410 @@
+import { Slot } from './chunk-ZIBNLXIV.js';
+import { px } from './chunk-5A2QOOVN.js';
+import { cn } from './chunk-CHXHRJNZ.js';
+import { useThemeColors } from './chunk-R5JMDDCB.js';
+import { __name } from './chunk-WCQVDF3K.js';
+import { createContext, useState, useCallback, useRef, useEffect, useId, isValidElement, useContext } from 'react';
+import { Text, Platform, View, Pressable } from 'react-native';
+import { jsx } from 'nativewind/jsx-runtime';
+
+var TooltipContext = createContext(null);
+var useTooltipContext = /* @__PURE__ */ __name((label) => {
+  const ctx = useContext(TooltipContext);
+  if (!ctx) {
+    throw new Error(`<${label}> must be rendered inside a <Tooltip>.`);
+  }
+  return ctx;
+}, "useTooltipContext");
+var DEFAULT_OPEN_DELAY_MS = 500;
+var DEFAULT_CLOSE_DELAY_MS = 0;
+var LONG_PRESS_MS = 500;
+var TooltipRoot = /* @__PURE__ */ __name(({
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  delayMs = DEFAULT_OPEN_DELAY_MS,
+  closeDelayMs = DEFAULT_CLOSE_DELAY_MS,
+  children
+}) => {
+  const [inner, setInner] = useState(defaultOpen);
+  const isControlled = open !== void 0;
+  const current = isControlled ? open : inner;
+  const setOpen = useCallback(
+    (next) => {
+      if (!isControlled) {
+        setInner(next);
+      }
+      onOpenChange?.(next);
+    },
+    [isControlled, onOpenChange]
+  );
+  const openTimer = useRef(null);
+  const closeTimer = useRef(null);
+  const cancelTimers = useCallback(() => {
+    if (openTimer.current) {
+      clearTimeout(openTimer.current);
+      openTimer.current = null;
+    }
+    if (closeTimer.current) {
+      clearTimeout(closeTimer.current);
+      closeTimer.current = null;
+    }
+  }, []);
+  const requestOpen = useCallback(() => {
+    if (closeTimer.current) {
+      clearTimeout(closeTimer.current);
+      closeTimer.current = null;
+    }
+    if (openTimer.current) {
+      return;
+    }
+    if (delayMs <= 0) {
+      setOpen(true);
+      return;
+    }
+    openTimer.current = setTimeout(() => {
+      openTimer.current = null;
+      setOpen(true);
+    }, delayMs);
+  }, [delayMs, setOpen]);
+  const requestClose = useCallback(() => {
+    if (openTimer.current) {
+      clearTimeout(openTimer.current);
+      openTimer.current = null;
+    }
+    if (closeTimer.current) {
+      return;
+    }
+    if (closeDelayMs <= 0) {
+      setOpen(false);
+      return;
+    }
+    closeTimer.current = setTimeout(() => {
+      closeTimer.current = null;
+      setOpen(false);
+    }, closeDelayMs);
+  }, [closeDelayMs, setOpen]);
+  useEffect(() => () => cancelTimers(), [cancelTimers]);
+  const baseId = useId();
+  const triggerRef = useRef(null);
+  const contentRef = useRef(null);
+  const [triggerRect, setTriggerRect] = useState(null);
+  const measureTrigger = useCallback(() => {
+    const node = triggerRef.current;
+    if (!node || typeof node.getBoundingClientRect !== "function") {
+      return;
+    }
+    const rect = node.getBoundingClientRect();
+    setTriggerRect({ top: rect.top, left: rect.left, width: rect.width, height: rect.height });
+  }, []);
+  const ctxValue = {
+    open: current,
+    setOpen,
+    requestOpen,
+    requestClose,
+    cancelTimers,
+    contentId: `${baseId}-content`,
+    triggerRef,
+    contentRef,
+    triggerRect,
+    measureTrigger
+  };
+  return /* @__PURE__ */ jsx(TooltipContext.Provider, { value: ctxValue, children });
+}, "TooltipRoot");
+var TooltipTrigger = /* @__PURE__ */ __name(({ asChild = true, children, className, testID }) => {
+  const ctx = useTooltipContext("TooltipTrigger");
+  const handleMouseEnter = useCallback(() => {
+    ctx.measureTrigger();
+    ctx.requestOpen();
+  }, [ctx]);
+  const handleMouseLeave = useCallback(() => {
+    ctx.requestClose();
+  }, [ctx]);
+  const handleFocus = useCallback(() => {
+    ctx.measureTrigger();
+    ctx.requestOpen();
+  }, [ctx]);
+  const handleBlur = useCallback(() => {
+    ctx.requestClose();
+  }, [ctx]);
+  const handleLongPress = useCallback(() => {
+    ctx.measureTrigger();
+    ctx.setOpen(true);
+  }, [ctx]);
+  const handlePress = useCallback(() => {
+    if (Platform.OS !== "web" && ctx.open) {
+      ctx.setOpen(false);
+    }
+  }, [ctx]);
+  if (asChild && isValidElement(children)) {
+    const child = children;
+    const compose = /* @__PURE__ */ __name((existing, next) => (event) => {
+      existing?.(event);
+      next(event);
+    }, "compose");
+    return /* @__PURE__ */ jsx(
+      Slot,
+      {
+        ref: (node) => {
+          ctx.triggerRef.current = node;
+        },
+        onMouseEnter: compose(child.props.onMouseEnter, handleMouseEnter),
+        onMouseLeave: compose(child.props.onMouseLeave, handleMouseLeave),
+        onFocus: compose(child.props.onFocus, handleFocus),
+        onBlur: compose(child.props.onBlur, handleBlur),
+        ...Platform.OS !== "web" ? {
+          onLongPress: compose(
+            child.props.onLongPress,
+            handleLongPress
+          ),
+          onPress: compose(child.props.onPress, handlePress),
+          delayLongPress: LONG_PRESS_MS
+        } : {},
+        "aria-describedby": ctx.open ? ctx.contentId : void 0,
+        ...testID !== void 0 ? { "data-testid": testID } : {},
+        ...className !== void 0 ? { className } : {},
+        children: child
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Pressable,
+    {
+      ref: (node) => {
+        ctx.triggerRef.current = node;
+      },
+      ...Platform.OS !== "web" ? { onLongPress: handleLongPress, onPress: handlePress, delayLongPress: LONG_PRESS_MS } : {},
+      ...{
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        "aria-describedby": ctx.open ? ctx.contentId : void 0
+      },
+      ...testID !== void 0 ? { testID } : {},
+      ...className !== void 0 ? { className } : {},
+      children: wrapStringChildren(children)
+    }
+  );
+}, "TooltipTrigger");
+function wrapStringChildren(children) {
+  if (typeof children === "string" || typeof children === "number") {
+    return /* @__PURE__ */ jsx(Text, { children });
+  }
+  return children;
+}
+__name(wrapStringChildren, "wrapStringChildren");
+var GAP = 4;
+var MIN_WIDTH = 0;
+function computePosition(rect, side, align, contentSize) {
+  const cw = contentSize?.width ?? MIN_WIDTH;
+  const ch = contentSize?.height ?? 0;
+  let top = 0;
+  let left = 0;
+  switch (side) {
+    case "top":
+      top = rect.top - GAP - ch;
+      break;
+    case "bottom":
+      top = rect.top + rect.height + GAP;
+      break;
+    case "left":
+      left = rect.left - GAP - cw;
+      break;
+    case "right":
+      left = rect.left + rect.width + GAP;
+      break;
+  }
+  if (side === "top" || side === "bottom") {
+    switch (align) {
+      case "start":
+        left = rect.left;
+        break;
+      case "center":
+        left = rect.left + rect.width / 2 - cw / 2;
+        break;
+      case "end":
+        left = rect.left + rect.width - cw;
+        break;
+    }
+  } else {
+    switch (align) {
+      case "start":
+        top = rect.top;
+        break;
+      case "center":
+        top = rect.top + rect.height / 2 - ch / 2;
+        break;
+      case "end":
+        top = rect.top + rect.height - ch;
+        break;
+    }
+  }
+  return { top, left };
+}
+__name(computePosition, "computePosition");
+var TooltipContent = /* @__PURE__ */ __name(({
+  side = "top",
+  align = "center",
+  children,
+  className,
+  testID
+}) => {
+  const ctx = useTooltipContext("TooltipContent");
+  const colors = useThemeColors();
+  const [contentSize, setContentSize] = useState(null);
+  const domRef = useRef(null);
+  const [entered, setEntered] = useState(false);
+  useEffect(() => {
+    if (!ctx.open) {
+      return;
+    }
+    if (Platform.OS !== "web") {
+      return;
+    }
+    if (typeof document === "undefined") {
+      return;
+    }
+    ctx.measureTrigger();
+    const onKeyDown = /* @__PURE__ */ __name((event) => {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        ctx.setOpen(false);
+      }
+    }, "onKeyDown");
+    const onResize = /* @__PURE__ */ __name(() => ctx.measureTrigger(), "onResize");
+    const onScroll = /* @__PURE__ */ __name(() => ctx.measureTrigger(), "onScroll");
+    document.addEventListener("keydown", onKeyDown);
+    window.addEventListener("resize", onResize);
+    window.addEventListener("scroll", onScroll, true);
+    return () => {
+      document.removeEventListener("keydown", onKeyDown);
+      window.removeEventListener("resize", onResize);
+      window.removeEventListener("scroll", onScroll, true);
+    };
+  }, [ctx.open, ctx.measureTrigger, ctx.setOpen]);
+  useEffect(() => {
+    if (!ctx.open) {
+      setContentSize(null);
+      setEntered(false);
+    }
+  }, [ctx.open]);
+  useEffect(() => {
+    if (Platform.OS !== "web") {
+      return;
+    }
+    if (!ctx.open) {
+      return;
+    }
+    const node = domRef.current;
+    if (!node) {
+      return;
+    }
+    node.style.transformOrigin = "center";
+    node.style.transitionProperty = "opacity, transform";
+    node.style.transitionDuration = "100ms";
+    node.style.transitionTimingFunction = "ease-out";
+    node.style.opacity = entered ? "1" : "0";
+    node.style.transform = entered ? "scale(1)" : "scale(0.95)";
+  }, [ctx.open, entered]);
+  useEffect(() => {
+    if (Platform.OS !== "web") {
+      return;
+    }
+    if (!ctx.open) {
+      return;
+    }
+    const id = requestAnimationFrame(() => setEntered(true));
+    return () => cancelAnimationFrame(id);
+  }, [ctx.open]);
+  if (!ctx.open) {
+    return null;
+  }
+  const position = ctx.triggerRect ? computePosition(ctx.triggerRect, side, align, contentSize) : null;
+  const contentBaseStyle = {
+    borderRadius: px(colors.radius.md),
+    backgroundColor: colors.semantic.text.default,
+    paddingVertical: px(colors.spacing["2"]) - 2,
+    // closest theme-rooted approximation of legacy 6
+    paddingHorizontal: px(colors.spacing["2"]),
+    ...Platform.OS === "web" ? {
+      boxShadow: "0 4px 6px -2px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.06)"
+    } : { elevation: 4 }
+  };
+  const positionedStyle = Platform.OS === "web" ? position ? {
+    position: "fixed",
+    top: position.top,
+    left: position.left,
+    zIndex: 60
+  } : {
+    // Trigger not yet measured — render off-screen for a
+    // frame to avoid a flash at (0,0).
+    position: "fixed",
+    top: -9999,
+    left: -9999,
+    zIndex: 60
+  } : {
+    // Native: rely on the parent allowing overflow. We anchor
+    // by absolute positioning relative to wherever the
+    // tooltip is mounted in the tree (typically right next
+    // to the trigger).
+    position: "absolute",
+    top: position?.top ?? 0,
+    left: position?.left ?? 0
+  };
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      ref: (node) => {
+        ctx.contentRef.current = node;
+        domRef.current = node;
+        if (Platform.OS !== "web") {
+          return;
+        }
+        if (!node) {
+          return;
+        }
+        if (typeof node.getBoundingClientRect !== "function") {
+          return;
+        }
+        const rect = node.getBoundingClientRect();
+        if (!contentSize || contentSize.width !== rect.width || contentSize.height !== rect.height) {
+          setContentSize({ width: rect.width, height: rect.height });
+        }
+      },
+      ...{
+        role: "tooltip",
+        id: ctx.contentId,
+        // Don't soak up pointer events — hovering the tooltip
+        // itself should NOT block the trigger's mouse-leave from
+        // firing. Tooltips are presentational; if you need
+        // interactivity, reach for Popover.
+        pointerEvents: "none"
+      },
+      ...testID !== void 0 ? { testID } : {},
+      className: cn("rounded-md", className),
+      style: [contentBaseStyle, positionedStyle],
+      children: /* @__PURE__ */ jsx(
+        Text,
+        {
+          className: "text-xs",
+          style: {
+            color: colors.semantic.text.inverted,
+            fontFamily: colors.fontFamily.body,
+            fontSize: px(colors.fontSize.sm),
+            lineHeight: px(colors.fontSize.sm) * Number(colors.lineHeight.tight)
+          },
+          children
+        }
+      )
+    }
+  );
+}, "TooltipContent");
+var Tooltip = Object.assign(TooltipRoot, {
+  Trigger: TooltipTrigger,
+  Content: TooltipContent
+});
+
+export { Tooltip };
+//# sourceMappingURL=chunk-NRYWNOG5.js.map
+//# sourceMappingURL=chunk-NRYWNOG5.js.map

package/dist/chunk-NRYWNOG5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tooltip/Tooltip.tsx"],"names":["RNText"],"mappings":"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","file":"chunk-NRYWNOG5.js","sourcesContent":["'use client';\n\nimport {\n    createContext,\n    isValidElement,\n    type ReactElement,\n    type ReactNode,\n    useCallback,\n    useContext,\n    useEffect,\n    useId,\n    useRef,\n    useState,\n} from 'react';\nimport type { ViewStyle } from 'react-native';\nimport { Platform, Pressable, Text as RNText, View } from 'react-native';\nimport { Slot } from '../../slot';\nimport { px } from '../../theme/px';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\nexport type TooltipSide = 'top' | 'right' | 'bottom' | 'left';\nexport type TooltipAlign = 'start' | 'center' | 'end';\n\ntype TriggerRect = { top: number; left: number; width: number; height: number };\n\ntype TooltipContextValue = {\n    open: boolean;\n    setOpen: (next: boolean) => void;\n    /** Open after `delayMs` if still hovered/focused. */\n    requestOpen: () => void;\n    /** Close after `closeDelayMs`; cancellable. */\n    requestClose: () => void;\n    /** Cancel any pending open/close timers (e.g. when re-entering). */\n    cancelTimers: () => void;\n    contentId: string;\n    triggerRef: { current: HTMLElement | null };\n    contentRef: { current: HTMLDivElement | null };\n    triggerRect: TriggerRect | null;\n    measureTrigger: () => void;\n};\n\nconst TooltipContext = createContext<TooltipContextValue | null>(null);\n\nconst useTooltipContext = (label: string): TooltipContextValue => {\n    const ctx = useContext(TooltipContext);\n    if (!ctx) {\n        throw new Error(`<${label}> must be rendered inside a <Tooltip>.`);\n    }\n    return ctx;\n};\n\nconst DEFAULT_OPEN_DELAY_MS = 500;\nconst DEFAULT_CLOSE_DELAY_MS = 0;\n/** Long-press duration on native — matches platform defaults (iOS ~500ms). */\nconst LONG_PRESS_MS = 500;\n\nexport type TooltipProps = {\n    /** Controlled open state. */\n    open?: boolean;\n    /** Uncontrolled initial open state. @defaultValue false */\n    defaultOpen?: boolean;\n    /** Fires with the new open state. */\n    onOpenChange?: (open: boolean) => void;\n    /**\n     * Delay before the tooltip opens after hover/focus.\n     * @defaultValue 500\n     */\n    delayMs?: number;\n    /**\n     * Delay before the tooltip closes after hover-out / blur. Useful for\n     * giving users time to move into the tooltip if it ever becomes\n     * interactive (it shouldn't — use Popover for that — but the knob is\n     * here so the API matches Radix).\n     * @defaultValue 0\n     */\n    closeDelayMs?: number;\n    children?: ReactNode;\n};\n\n/**\n * Small floating label triggered by hover (web) or long-press (native).\n * Use for short contextual hints — most often on icon-only buttons. NOT\n * for rich interactive content; reach for `Popover` when the surface\n * needs to hold buttons, inputs, or links.\n *\n * Composition: `Tooltip` (root, owns open state and timers),\n * `TooltipTrigger` (forwards events to its child via Slot when\n * `asChild`), `TooltipContent` (the floating label).\n *\n * Accessibility: the trigger gets `aria-describedby` pointing at the\n * content id — tooltips augment the trigger's accessible name, they do\n * NOT replace it. The icon-only button still needs an `aria-label`.\n *\n * Behavior:\n *   - Open on hover (web mouseover) or focus, after `delayMs`.\n *   - Close on hover-out, blur, or Escape.\n *   - Native: long-press the trigger (500ms) to reveal; tap-anywhere or\n *     re-press to dismiss.\n *\n * Cross-platform: web renders the content inline with `position: fixed`\n * + a measured trigger rect so it escapes any ancestor `overflow:\n * hidden`. Native renders inline with `position: absolute` — the parent\n * needs to allow overflow for the chip to peek out.\n */\nconst TooltipRoot = ({\n    open,\n    defaultOpen = false,\n    onOpenChange,\n    delayMs = DEFAULT_OPEN_DELAY_MS,\n    closeDelayMs = DEFAULT_CLOSE_DELAY_MS,\n    children,\n}: TooltipProps) => {\n    const [inner, setInner] = useState<boolean>(defaultOpen);\n    const isControlled = open !== undefined;\n    const current = isControlled ? open : inner;\n\n    const setOpen = useCallback(\n        (next: boolean) => {\n            if (!isControlled) {\n                setInner(next);\n            }\n            onOpenChange?.(next);\n        },\n        [isControlled, onOpenChange]\n    );\n\n    // Open / close timers. Both are cleared on unmount and on every new\n    // request — so rapid hover-in / hover-out doesn't leave a stale timer\n    // about to flip state after the user has moved on.\n    const openTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const closeTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    const cancelTimers = useCallback(() => {\n        if (openTimer.current) {\n            clearTimeout(openTimer.current);\n            openTimer.current = null;\n        }\n        if (closeTimer.current) {\n            clearTimeout(closeTimer.current);\n            closeTimer.current = null;\n        }\n    }, []);\n\n    const requestOpen = useCallback(() => {\n        if (closeTimer.current) {\n            clearTimeout(closeTimer.current);\n            closeTimer.current = null;\n        }\n        if (openTimer.current) {\n            return;\n        }\n        if (delayMs <= 0) {\n            setOpen(true);\n            return;\n        }\n        openTimer.current = setTimeout(() => {\n            openTimer.current = null;\n            setOpen(true);\n        }, delayMs);\n    }, [delayMs, setOpen]);\n\n    const requestClose = useCallback(() => {\n        if (openTimer.current) {\n            clearTimeout(openTimer.current);\n            openTimer.current = null;\n        }\n        if (closeTimer.current) {\n            return;\n        }\n        if (closeDelayMs <= 0) {\n            setOpen(false);\n            return;\n        }\n        closeTimer.current = setTimeout(() => {\n            closeTimer.current = null;\n            setOpen(false);\n        }, closeDelayMs);\n    }, [closeDelayMs, setOpen]);\n\n    useEffect(() => () => cancelTimers(), [cancelTimers]);\n\n    const baseId = useId();\n    const triggerRef = useRef<HTMLElement | null>(null);\n    const contentRef = useRef<HTMLDivElement | null>(null);\n\n    // Measure the trigger so the content can render with `position: fixed` +\n    // computed coords. position:fixed escapes any ancestor's overflow:hidden\n    // (e.g. fumadocs Tabs panes, our Preview frame), which is the single\n    // biggest source of \"the tooltip got cut off\" bugs.\n    const [triggerRect, setTriggerRect] = useState<TriggerRect | null>(null);\n    const measureTrigger = useCallback(() => {\n        const node = triggerRef.current;\n        if (!node || typeof node.getBoundingClientRect !== 'function') {\n            return;\n        }\n        const rect = node.getBoundingClientRect();\n        setTriggerRect({ top: rect.top, left: rect.left, width: rect.width, height: rect.height });\n    }, []);\n\n    const ctxValue: TooltipContextValue = {\n        open: current,\n        setOpen,\n        requestOpen,\n        requestClose,\n        cancelTimers,\n        contentId: `${baseId}-content`,\n        triggerRef,\n        contentRef,\n        triggerRect,\n        measureTrigger,\n    };\n\n    return <TooltipContext.Provider value={ctxValue}>{children}</TooltipContext.Provider>;\n};\n\nexport type TooltipTriggerProps = {\n    /** Render the child as the trigger (Slot pattern). Default true — pass `false` for an inline pressable. */\n    asChild?: boolean;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n/**\n * Element that reveals the tooltip. Uses `asChild` by default so any\n * element (Button, IconButton, custom Pressable) becomes the trigger.\n *\n * Wires `aria-describedby` to the content's id — assistive tech reads\n * the tooltip text in addition to the trigger's own accessible name.\n *\n * Web: opens on `mouseEnter` and `focus`; closes on `mouseLeave` and\n * `blur`, both honoring the configured delays. Native: opens on\n * `onLongPress` (500ms hold) and closes on the next press anywhere.\n */\nexport const TooltipTrigger = ({ asChild = true, children, className, testID }: TooltipTriggerProps) => {\n    const ctx = useTooltipContext('TooltipTrigger');\n\n    const handleMouseEnter = useCallback(() => {\n        ctx.measureTrigger();\n        ctx.requestOpen();\n    }, [ctx]);\n    const handleMouseLeave = useCallback(() => {\n        ctx.requestClose();\n    }, [ctx]);\n    const handleFocus = useCallback(() => {\n        ctx.measureTrigger();\n        ctx.requestOpen();\n    }, [ctx]);\n    const handleBlur = useCallback(() => {\n        ctx.requestClose();\n    }, [ctx]);\n    const handleLongPress = useCallback(() => {\n        ctx.measureTrigger();\n        ctx.setOpen(true);\n    }, [ctx]);\n    const handlePress = useCallback(() => {\n        // Native: tap (after a long-press has revealed it) dismisses.\n        if (Platform.OS !== 'web' && ctx.open) {\n            ctx.setOpen(false);\n        }\n    }, [ctx]);\n\n    if (asChild && isValidElement(children)) {\n        const child = children as ReactElement<Record<string, unknown>>;\n        // Compose the wrapped child's existing handlers with ours so any\n        // app-level onClick / onFocus / onPress still fires. The tooltip\n        // event runs AFTER the child's so consumer code wins on conflict.\n        const compose =\n            <T,>(existing: ((e: T) => void) | undefined, next: (e: T) => void) =>\n            (event: T) => {\n                existing?.(event);\n                next(event);\n            };\n        return (\n            <Slot\n                ref={(node: HTMLElement | null) => {\n                    ctx.triggerRef.current = node;\n                }}\n                onMouseEnter={compose(child.props.onMouseEnter as ((e: unknown) => void) | undefined, handleMouseEnter)}\n                onMouseLeave={compose(child.props.onMouseLeave as ((e: unknown) => void) | undefined, handleMouseLeave)}\n                onFocus={compose(child.props.onFocus as ((e: unknown) => void) | undefined, handleFocus)}\n                onBlur={compose(child.props.onBlur as ((e: unknown) => void) | undefined, handleBlur)}\n                {...(Platform.OS !== 'web'\n                    ? {\n                          onLongPress: compose(\n                              child.props.onLongPress as ((e: unknown) => void) | undefined,\n                              handleLongPress\n                          ),\n                          onPress: compose(child.props.onPress as ((e: unknown) => void) | undefined, handlePress),\n                          delayLongPress: LONG_PRESS_MS,\n                      }\n                    : {})}\n                aria-describedby={ctx.open ? ctx.contentId : undefined}\n                {...(testID !== undefined ? { 'data-testid': testID } : {})}\n                {...(className !== undefined ? { className } : {})}\n            >\n                {child}\n            </Slot>\n        );\n    }\n\n    return (\n        <Pressable\n            ref={(node) => {\n                ctx.triggerRef.current = node as unknown as HTMLElement | null;\n            }}\n            {...(Platform.OS !== 'web'\n                ? { onLongPress: handleLongPress, onPress: handlePress, delayLongPress: LONG_PRESS_MS }\n                : {})}\n            {...({\n                onMouseEnter: handleMouseEnter,\n                onMouseLeave: handleMouseLeave,\n                onFocus: handleFocus,\n                onBlur: handleBlur,\n                'aria-describedby': ctx.open ? ctx.contentId : undefined,\n            } as Record<string, unknown>)}\n            {...(testID !== undefined ? { testID } : {})}\n            {...(className !== undefined ? { className } : {})}\n        >\n            {wrapStringChildren(children)}\n        </Pressable>\n    );\n};\n\n// On native, raw strings rendered as children of a non-Text component\n// throw \"Text strings must be rendered within a <Text> component\". On\n// web, react-native-web silently tolerates it. Wrap any string/number\n// children in an RNText so the same JSX renders cleanly on both\n// platforms. Non-string children are passed through unchanged.\nfunction wrapStringChildren(children: ReactNode): ReactNode {\n    if (typeof children === 'string' || typeof children === 'number') {\n        return <RNText>{children}</RNText>;\n    }\n    return children;\n}\n\nconst GAP = 4; // visual gap between trigger and content\nconst MIN_WIDTH = 0; // tooltips hug their text — no enforced minimum\n\nfunction computePosition(\n    rect: TriggerRect,\n    side: TooltipSide,\n    align: TooltipAlign,\n    contentSize: { width: number; height: number } | null\n): { top: number; left: number } {\n    const cw = contentSize?.width ?? MIN_WIDTH;\n    const ch = contentSize?.height ?? 0;\n\n    let top = 0;\n    let left = 0;\n\n    switch (side) {\n        case 'top':\n            top = rect.top - GAP - ch;\n            break;\n        case 'bottom':\n            top = rect.top + rect.height + GAP;\n            break;\n        case 'left':\n            left = rect.left - GAP - cw;\n            break;\n        case 'right':\n            left = rect.left + rect.width + GAP;\n            break;\n    }\n\n    if (side === 'top' || side === 'bottom') {\n        switch (align) {\n            case 'start':\n                left = rect.left;\n                break;\n            case 'center':\n                left = rect.left + rect.width / 2 - cw / 2;\n                break;\n            case 'end':\n                left = rect.left + rect.width - cw;\n                break;\n        }\n    } else {\n        switch (align) {\n            case 'start':\n                top = rect.top;\n                break;\n            case 'center':\n                top = rect.top + rect.height / 2 - ch / 2;\n                break;\n            case 'end':\n                top = rect.top + rect.height - ch;\n                break;\n        }\n    }\n\n    return { top, left };\n}\n\nexport type TooltipContentProps = {\n    /** Side of the trigger to anchor on. @defaultValue 'top' */\n    side?: TooltipSide;\n    /** Alignment along the trigger edge. @defaultValue 'center' */\n    align?: TooltipAlign;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n/**\n * The floating tooltip surface. Renders only while open. On web uses\n * `position: fixed` with a measured trigger rect so it escapes any\n * ancestor `overflow: hidden`.\n *\n * ARIA: `role=\"tooltip\"` plus a unique id that the trigger's\n * `aria-describedby` points at.\n */\nexport const TooltipContent = ({\n    side = 'top',\n    align = 'center',\n    children,\n    className,\n    testID,\n}: TooltipContentProps) => {\n    const ctx = useTooltipContext('TooltipContent');\n    const colors = useThemeColors();\n\n    // Measure content size after first paint so we can anchor `top`-side\n    // tooltips (which need to know content height to render above the trigger).\n    const [contentSize, setContentSize] = useState<{ width: number; height: number } | null>(null);\n\n    // Direct DOM ref for the entrance animation. We poke `transform`,\n    // `opacity`, and `transition` straight onto node.style instead of\n    // passing them through `<View style>`, because rn-web's style filter\n    // drops keys it doesn't recognize as RN style props (`transitionProperty`,\n    // `transitionDuration`, etc.) — so any style fragment containing them\n    // gets discarded entirely. Same pattern as the Dialog backdrop-blur fix.\n    const domRef = useRef<HTMLDivElement | null>(null);\n    const [entered, setEntered] = useState(false);\n\n    // Web-only: Escape closes. Re-measure trigger on resize/scroll so the\n    // chip stays anchored during page motion.\n    useEffect(() => {\n        if (!ctx.open) {\n            return;\n        }\n        if (Platform.OS !== 'web') {\n            return;\n        }\n        if (typeof document === 'undefined') {\n            return;\n        }\n\n        ctx.measureTrigger();\n\n        const onKeyDown = (event: KeyboardEvent) => {\n            if (event.key === 'Escape') {\n                event.preventDefault();\n                ctx.setOpen(false);\n            }\n        };\n        const onResize = () => ctx.measureTrigger();\n        const onScroll = () => ctx.measureTrigger();\n\n        document.addEventListener('keydown', onKeyDown);\n        window.addEventListener('resize', onResize);\n        window.addEventListener('scroll', onScroll, true);\n        return () => {\n            document.removeEventListener('keydown', onKeyDown);\n            window.removeEventListener('resize', onResize);\n            window.removeEventListener('scroll', onScroll, true);\n        };\n    }, [ctx.open, ctx.measureTrigger, ctx.setOpen]);\n\n    // Reset measured size and entrance flag when tooltip closes so a\n    // reopen re-measures and re-animates fresh.\n    useEffect(() => {\n        if (!ctx.open) {\n            setContentSize(null);\n            setEntered(false);\n        }\n    }, [ctx.open]);\n\n    // Entrance animation. On the first paint we render at scale(0.95) +\n    // opacity 0; the next frame we flip the styles to scale(1) + opacity\n    // 1, and the CSS transition handles the in-between. Web only —\n    // native renders without animation (an animated mount on RN would\n    // require Reanimated for negligible visual gain on a hint chip).\n    useEffect(() => {\n        if (Platform.OS !== 'web') {\n            return;\n        }\n        if (!ctx.open) {\n            return;\n        }\n        const node = domRef.current;\n        if (!node) {\n            return;\n        }\n        // Initial values — explicitly set so the first frame is at the\n        // pre-entrance state regardless of inherited styles.\n        node.style.transformOrigin = 'center';\n        node.style.transitionProperty = 'opacity, transform';\n        node.style.transitionDuration = '100ms';\n        node.style.transitionTimingFunction = 'ease-out';\n        node.style.opacity = entered ? '1' : '0';\n        node.style.transform = entered ? 'scale(1)' : 'scale(0.95)';\n    }, [ctx.open, entered]);\n\n    // Kick off the transition on the next frame after mount.\n    useEffect(() => {\n        if (Platform.OS !== 'web') {\n            return;\n        }\n        if (!ctx.open) {\n            return;\n        }\n        const id = requestAnimationFrame(() => setEntered(true));\n        return () => cancelAnimationFrame(id);\n    }, [ctx.open]);\n\n    if (!ctx.open) {\n        return null;\n    }\n\n    const position = ctx.triggerRect ? computePosition(ctx.triggerRect, side, align, contentSize) : null;\n\n    const contentBaseStyle: ViewStyle = {\n        borderRadius: px(colors.radius.md),\n        backgroundColor: colors.semantic.text.default,\n        paddingVertical: px(colors.spacing['2']) - 2, // closest theme-rooted approximation of legacy 6\n        paddingHorizontal: px(colors.spacing['2']),\n        ...(Platform.OS === 'web'\n            ? ({\n                  boxShadow: '0 4px 6px -2px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.06)',\n              } as ViewStyle)\n            : { elevation: 4 }),\n    };\n\n    const positionedStyle: ViewStyle =\n        Platform.OS === 'web'\n            ? position\n                ? ({\n                      position: 'fixed' as unknown as 'absolute',\n                      top: position.top,\n                      left: position.left,\n                      zIndex: 60,\n                  } as ViewStyle)\n                : ({\n                      // Trigger not yet measured — render off-screen for a\n                      // frame to avoid a flash at (0,0).\n                      position: 'fixed' as unknown as 'absolute',\n                      top: -9999,\n                      left: -9999,\n                      zIndex: 60,\n                  } as ViewStyle)\n            : ({\n                  // Native: rely on the parent allowing overflow. We anchor\n                  // by absolute positioning relative to wherever the\n                  // tooltip is mounted in the tree (typically right next\n                  // to the trigger).\n                  position: 'absolute',\n                  top: position?.top ?? 0,\n                  left: position?.left ?? 0,\n              } as ViewStyle);\n\n    return (\n        <View\n            ref={(node) => {\n                ctx.contentRef.current = node as unknown as HTMLDivElement | null;\n                domRef.current = node as unknown as HTMLDivElement | null;\n                if (Platform.OS !== 'web') {\n                    return;\n                }\n                if (!node) {\n                    return;\n                }\n                if (typeof (node as unknown as HTMLDivElement).getBoundingClientRect !== 'function') {\n                    return;\n                }\n                const rect = (node as unknown as HTMLDivElement).getBoundingClientRect();\n                if (!contentSize || contentSize.width !== rect.width || contentSize.height !== rect.height) {\n                    setContentSize({ width: rect.width, height: rect.height });\n                }\n            }}\n            {...({\n                role: 'tooltip',\n                id: ctx.contentId,\n                // Don't soak up pointer events — hovering the tooltip\n                // itself should NOT block the trigger's mouse-leave from\n                // firing. Tooltips are presentational; if you need\n                // interactivity, reach for Popover.\n                pointerEvents: 'none',\n            } as Record<string, unknown>)}\n            {...(testID !== undefined ? { testID } : {})}\n            className={cn('rounded-md', className)}\n            style={[contentBaseStyle, positionedStyle]}\n        >\n            <RNText\n                className=\"text-xs\"\n                style={{\n                    color: colors.semantic.text.inverted,\n                    fontFamily: colors.fontFamily.body,\n                    fontSize: px(colors.fontSize.sm),\n                    lineHeight: px(colors.fontSize.sm) * Number(colors.lineHeight.tight),\n                }}\n            >\n                {children}\n            </RNText>\n        </View>\n    );\n};\n\n/**\n * Public `Tooltip` value — the root function plus its `.Trigger` and\n * `.Content` static members. `Object.assign` produces a value whose inferred\n * type carries the static properties, so `.d.ts` consumers can write\n * `<Tooltip.Trigger>` without a separate import.\n */\nexport const Tooltip = Object.assign(TooltipRoot, {\n    Trigger: TooltipTrigger,\n    Content: TooltipContent,\n});\n"]}

package/dist/chunk-OMU4R4Y5.js

@@ -0,0 +1,144 @@
+import { px } from './chunk-5A2QOOVN.js';
+import { cn } from './chunk-CHXHRJNZ.js';
+import { useThemeColors } from './chunk-R5JMDDCB.js';
+import { __name } from './chunk-WCQVDF3K.js';
+import { View, Text } from 'react-native';
+import { jsx } from 'nativewind/jsx-runtime';
+
+var SURFACE_LAYOUT_BASE = {
+  borderWidth: 1,
+  overflow: "hidden"
+};
+var HEADER_LAYOUT_BASE = {
+  flexDirection: "column"
+};
+var CONTENT_LAYOUT_BASE = {};
+var FOOTER_LAYOUT_BASE = {
+  flexDirection: "row",
+  alignItems: "center",
+  borderTopWidth: 1
+};
+var CardRoot = /* @__PURE__ */ __name(({ children, className, style, ...rest }) => {
+  const colors = useThemeColors();
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      ...rest,
+      className: cn(
+        "rounded-xl border border-semantic-border-default bg-semantic-background-elevated",
+        className
+      ),
+      style: [
+        SURFACE_LAYOUT_BASE,
+        {
+          borderRadius: px(colors.radius.xl),
+          backgroundColor: colors.semantic.background.elevated,
+          borderColor: colors.semantic.border.default
+        },
+        style
+      ],
+      children
+    }
+  );
+}, "CardRoot");
+var CardHeader = /* @__PURE__ */ __name(({ children, className, style, ...rest }) => {
+  const colors = useThemeColors();
+  const headerStyle = {
+    ...HEADER_LAYOUT_BASE,
+    paddingHorizontal: px(colors.spacing["6"]),
+    paddingTop: px(colors.spacing["5"]),
+    paddingBottom: px(colors.spacing["3"]),
+    gap: px(colors.spacing["1"])
+  };
+  return /* @__PURE__ */ jsx(View, { ...rest, className: cn("flex-col gap-1 px-6 pt-5 pb-3", className), style: [headerStyle, style], children });
+}, "CardHeader");
+var CardContent = /* @__PURE__ */ __name(({ children, className, style, ...rest }) => {
+  const colors = useThemeColors();
+  const contentStyle = {
+    ...CONTENT_LAYOUT_BASE,
+    paddingHorizontal: px(colors.spacing["6"]),
+    paddingVertical: px(colors.spacing["4"])
+  };
+  const wrapped = typeof children === "string" ? /* @__PURE__ */ jsx(
+    Text,
+    {
+      style: {
+        color: colors.semantic.text.default,
+        fontFamily: colors.fontFamily.body,
+        fontSize: px(colors.fontSize.md),
+        lineHeight: px(colors.fontSize.md) * Number(colors.lineHeight.normal)
+      },
+      children
+    }
+  ) : children;
+  return /* @__PURE__ */ jsx(View, { ...rest, className: cn("px-6 py-4", className), style: [contentStyle, style], children: wrapped });
+}, "CardContent");
+var CardFooter = /* @__PURE__ */ __name(({ children, className, style, ...rest }) => {
+  const colors = useThemeColors();
+  const footerStyle = {
+    ...FOOTER_LAYOUT_BASE,
+    paddingHorizontal: px(colors.spacing["6"]),
+    paddingTop: px(colors.spacing["3"]),
+    paddingBottom: px(colors.spacing["5"]),
+    gap: px(colors.spacing["2"])
+  };
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      ...rest,
+      className: cn(
+        "flex-row items-center gap-2 px-6 pt-3 pb-5 border-t border-semantic-border-default",
+        className
+      ),
+      style: [footerStyle, { borderTopColor: colors.semantic.border.default }, style],
+      children
+    }
+  );
+}, "CardFooter");
+var CardTitle = /* @__PURE__ */ __name(({ children, className, testID }) => {
+  const colors = useThemeColors();
+  return /* @__PURE__ */ jsx(
+    Text,
+    {
+      ...testID !== void 0 ? { testID } : {},
+      accessibilityRole: "header",
+      role: "heading",
+      "aria-level": 3,
+      className: cn("text-lg font-semibold text-semantic-text-default", className),
+      style: {
+        color: colors.semantic.text.default,
+        fontFamily: colors.fontFamily.display,
+        fontSize: px(colors.fontSize.lg),
+        fontWeight: colors.fontWeight.semibold
+      },
+      children
+    }
+  );
+}, "CardTitle");
+var CardDescription = /* @__PURE__ */ __name(({ children, className, testID }) => {
+  const colors = useThemeColors();
+  return /* @__PURE__ */ jsx(
+    Text,
+    {
+      ...testID !== void 0 ? { testID } : {},
+      className: cn("text-sm text-semantic-text-muted", className),
+      style: {
+        color: colors.semantic.text.muted,
+        fontFamily: colors.fontFamily.body,
+        fontSize: px(colors.fontSize.sm)
+      },
+      children
+    }
+  );
+}, "CardDescription");
+var Card = Object.assign(CardRoot, {
+  Header: CardHeader,
+  Title: CardTitle,
+  Description: CardDescription,
+  Content: CardContent,
+  Footer: CardFooter
+});
+
+export { Card };
+//# sourceMappingURL=chunk-OMU4R4Y5.js.map
+//# sourceMappingURL=chunk-OMU4R4Y5.js.map

package/dist/chunk-OMU4R4Y5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Card/Card.tsx"],"names":["RNText"],"mappings":"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","file":"chunk-OMU4R4Y5.js","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport type { ViewProps, ViewStyle } from 'react-native';\nimport { Text as RNText, View } from 'react-native';\nimport { px } from '../../theme/px';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\n// Layout-only bases; theme-driven dimensions are merged inside each\n// component below so a custom theme reshapes the card.\nconst SURFACE_LAYOUT_BASE: ViewStyle = {\n    borderWidth: 1,\n    overflow: 'hidden',\n};\n\nconst HEADER_LAYOUT_BASE: ViewStyle = {\n    flexDirection: 'column',\n};\nconst CONTENT_LAYOUT_BASE: ViewStyle = {};\nconst FOOTER_LAYOUT_BASE: ViewStyle = {\n    flexDirection: 'row',\n    alignItems: 'center',\n    borderTopWidth: 1,\n};\n\nexport type CardProps = Omit<ViewProps, 'children'> & {\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n/**\n * Container surface for grouping related content. Pair with `Card.Header`,\n * `Card.Title`, `Card.Description`, `Card.Content`, and `Card.Footer` for\n * the conventional layout, or use any children directly.\n */\nconst CardRoot = ({ children, className, style, ...rest }: CardProps) => {\n    const colors = useThemeColors();\n    return (\n        <View\n            {...rest}\n            className={cn(\n                'rounded-xl border border-semantic-border-default bg-semantic-background-elevated',\n                className\n            )}\n            style={[\n                SURFACE_LAYOUT_BASE,\n                {\n                    borderRadius: px(colors.radius.xl),\n                    backgroundColor: colors.semantic.background.elevated,\n                    borderColor: colors.semantic.border.default,\n                },\n                style,\n            ]}\n        >\n            {children}\n        </View>\n    );\n};\n\nexport type CardSectionProps = Omit<ViewProps, 'children'> & {\n    children?: ReactNode;\n    className?: string;\n};\n\n/** Header section — sits flush with the card top with comfortable padding. */\nexport const CardHeader = ({ children, className, style, ...rest }: CardSectionProps) => {\n    const colors = useThemeColors();\n    const headerStyle: ViewStyle = {\n        ...HEADER_LAYOUT_BASE,\n        paddingHorizontal: px(colors.spacing['6']),\n        paddingTop: px(colors.spacing['5']),\n        paddingBottom: px(colors.spacing['3']),\n        gap: px(colors.spacing['1']),\n    };\n    return (\n        <View {...rest} className={cn('flex-col gap-1 px-6 pt-5 pb-3', className)} style={[headerStyle, style]}>\n            {children}\n        </View>\n    );\n};\n\n/** Body content — for arbitrary content between header and footer. */\nexport const CardContent = ({ children, className, style, ...rest }: CardSectionProps) => {\n    const colors = useThemeColors();\n    const contentStyle: ViewStyle = {\n        ...CONTENT_LAYOUT_BASE,\n        paddingHorizontal: px(colors.spacing['6']),\n        paddingVertical: px(colors.spacing['4']),\n    };\n    // Auto-wrap raw string children in <Text>. RN refuses to render a\n    // bare string inside a View in dev, and on rn-web it silently slips\n    // through using whatever ambient color the surface has — which is\n    // wrong in dark mode. Wrapping here matches the pattern other Card\n    // subcomponents already follow.\n    const wrapped =\n        typeof children === 'string' ? (\n            <RNText\n                style={{\n                    color: colors.semantic.text.default,\n                    fontFamily: colors.fontFamily.body,\n                    fontSize: px(colors.fontSize.md),\n                    lineHeight: px(colors.fontSize.md) * Number(colors.lineHeight.normal),\n                }}\n            >\n                {children}\n            </RNText>\n        ) : (\n            children\n        );\n    return (\n        <View {...rest} className={cn('px-6 py-4', className)} style={[contentStyle, style]}>\n            {wrapped}\n        </View>\n    );\n};\n\n/** Footer with a top border and a row of actions (typically Buttons). */\nexport const CardFooter = ({ children, className, style, ...rest }: CardSectionProps) => {\n    const colors = useThemeColors();\n    const footerStyle: ViewStyle = {\n        ...FOOTER_LAYOUT_BASE,\n        paddingHorizontal: px(colors.spacing['6']),\n        paddingTop: px(colors.spacing['3']),\n        paddingBottom: px(colors.spacing['5']),\n        gap: px(colors.spacing['2']),\n    };\n    return (\n        <View\n            {...rest}\n            className={cn(\n                'flex-row items-center gap-2 px-6 pt-3 pb-5 border-t border-semantic-border-default',\n                className\n            )}\n            style={[footerStyle, { borderTopColor: colors.semantic.border.default }, style]}\n        >\n            {children}\n        </View>\n    );\n};\n\nexport type CardTextProps = {\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n/** Card title — heading-weight text. Renders as a heading on web. */\nexport const CardTitle = ({ children, className, testID }: CardTextProps) => {\n    const colors = useThemeColors();\n    return (\n        <RNText\n            {...(testID !== undefined ? { testID } : {})}\n            accessibilityRole=\"header\"\n            role=\"heading\"\n            aria-level={3}\n            className={cn('text-lg font-semibold text-semantic-text-default', className)}\n            style={{\n                color: colors.semantic.text.default,\n                fontFamily: colors.fontFamily.display,\n                fontSize: px(colors.fontSize.lg),\n                fontWeight: colors.fontWeight.semibold as '600',\n            }}\n        >\n            {children}\n        </RNText>\n    );\n};\n\n/** Muted subtitle that pairs with Card.Title. */\nexport const CardDescription = ({ children, className, testID }: CardTextProps) => {\n    const colors = useThemeColors();\n    return (\n        <RNText\n            {...(testID !== undefined ? { testID } : {})}\n            className={cn('text-sm text-semantic-text-muted', className)}\n            style={{\n                color: colors.semantic.text.muted,\n                fontFamily: colors.fontFamily.body,\n                fontSize: px(colors.fontSize.sm),\n            }}\n        >\n            {children}\n        </RNText>\n    );\n};\n\n/**\n * Public `Card` value — the root function plus its `.Header`, `.Title`,\n * `.Description`, `.Content`, and `.Footer` static members. `Object.assign`\n * produces a value whose inferred type carries the static properties, so\n * `.d.ts` consumers can write `<Card.Header>` without a separate import.\n */\nexport const Card = Object.assign(CardRoot, {\n    Header: CardHeader,\n    Title: CardTitle,\n    Description: CardDescription,\n    Content: CardContent,\n    Footer: CardFooter,\n});\n"]}