@mirror-physics/fractal-ui 0.2.0-next.87 → 0.2.0-next.88

package/README.md

@@ -127,4 +127,4 @@ Essential instructions belong in visible page text; interactive content belongs
 Supports `placement`, `maxWidth`, hover `delay` (default 0), `disabled`, and content `className`.
 The trigger keeps its accessible name and receives `aria-describedby` while open.
 Tooltips close on Escape, remain hoverable, flip at viewport edges, render in a portal,
-and respect reduced motion. Run `npm run test:tooltip` for browser interaction checks.
+and respect reduced motion. Tooltips use the inverse surface/foreground tokens by default, with a matching pointer arrow in light and dark themes. Run `npm run test:tooltip` for browser interaction checks.

package/dist/index.cjs

@@ -3462,7 +3462,7 @@ function Tooltip({
   if (disabled || content == null || content === "") return children;
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TooltipPrimitive.Provider, { delayDuration: delay, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(TooltipPrimitive.Root, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TooltipPrimitive.Trigger, { asChild: true, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
       TooltipPrimitive.Content,
       {
         side: placement,
@@ -3470,7 +3470,10 @@ function Tooltip({
         collisionPadding: 8,
         className: cn("fractal-tooltip", className),
         style: { "--tooltip-max-width": typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth },
-        children: content
+        children: [
+          content,
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TooltipPrimitive.Arrow, { className: "fractal-tooltip-arrow", width: 8, height: 4, "aria-hidden": "true" })
+        ]
       }
     ) })
   ] }) });