@50arms/ui 0.0.0-stage → 35.1.0

package/dist/components/PatchDiff.js

@@ -0,0 +1,96 @@
+import { jsx as n, jsxs as m } from "react/jsx-runtime";
+import { useMemo as b } from "react";
+import { cn as k } from "../lib/cn.js";
+import { Accordion as g, AccordionItem as v } from "./Accordion.js";
+import { Badge as w } from "./Badge.js";
+import { lineDiffRow as h } from "./LineDiff.js";
+import { useUiStrings as N } from "../lib/i18n/provider.js";
+import { useNumberFormat as x } from "../lib/i18n/number-format.js";
+const E = {
+  added: "success",
+  modified: "info",
+  removed: "danger",
+  renamed: "accent"
+}, D = /^@@ -(\d+)(?:,(\d+))? \+(\d+)(?:,(\d+))? @@/, y = "\\";
+function R(r) {
+  const s = [];
+  let d = 1, i = 0, e = 0, a = !1;
+  for (const t of r.split(`
+`)) {
+    const c = D.exec(t);
+    if (c !== null) {
+      const f = Number(c[1]), o = c[2] === void 0 ? 1 : Number(c[2]), l = o === 0 ? f + 1 : f;
+      l > d && s.push({ kind: "gap", hidden: l - d }), i = l, e = Number(c[3]), d = l + o, a = !0;
+      continue;
+    }
+    if (!a) throw new Error(`PatchDiff: "${t.slice(0, 40)}" comes before the first @@ hunk header`);
+    if (t.startsWith(y))
+      s.push({ kind: "note", text: t.slice(1).trim() });
+    else if (t.startsWith("+"))
+      s.push({ kind: "added", oldNumber: null, newNumber: e++, text: t.slice(1) });
+    else if (t.startsWith("-"))
+      s.push({ kind: "removed", oldNumber: i++, newNumber: null, text: t.slice(1) });
+    else if (t.startsWith(" ") || t === "")
+      s.push({ kind: "unchanged", oldNumber: i++, newNumber: e++, text: t.slice(1) });
+    else
+      throw new Error(`PatchDiff: hunk line "${t.slice(0, 40)}" is not a context, + or - line`);
+  }
+  return r.endsWith(`
+`) && s.pop(), s;
+}
+const p = "w-10 shrink-0 select-none text-right tabular-nums opacity-60";
+function W({ rows: r, label: s }) {
+  const d = N(), i = x();
+  return /* @__PURE__ */ n("div", { role: "group", "aria-label": s, "data-slot": "patch-diff-lines", className: "flex flex-col overflow-x-auto", children: r.map((e, a) => e.kind === "gap" ? /* @__PURE__ */ m("div", { "data-slot": "patch-diff-gap", className: h({ kind: "gap" }), children: [
+    /* @__PURE__ */ n("span", { "aria-hidden": !0, className: "select-none opacity-60", children: "⋯" }),
+    /* @__PURE__ */ n("span", { children: d.lineDiff.unchangedLines(e.hidden, i(e.hidden)) })
+  ] }, a) : e.kind === "note" ? /* @__PURE__ */ n("div", { className: h({ kind: "gap" }), children: /* @__PURE__ */ n("span", { children: e.text }) }, a) : /* @__PURE__ */ m("div", { className: h({ kind: e.kind }), children: [
+    /* @__PURE__ */ n("span", { "aria-hidden": !0, className: p, children: e.oldNumber ?? "" }),
+    /* @__PURE__ */ n("span", { "aria-hidden": !0, className: p, children: e.newNumber ?? "" }),
+    /* @__PURE__ */ n("span", { "aria-hidden": !0, className: "select-none opacity-60", children: e.kind === "added" ? "+" : e.kind === "removed" ? "−" : " " }),
+    /* @__PURE__ */ n("span", { className: "min-w-0 flex-1 break-all", children: e.text.length === 0 ? " " : e.text })
+  ] }, a)) });
+}
+function M({ path: r, status: s, previousPath: d, additions: i, deletions: e, patch: a, unavailable: t, defaultOpen: c = !1, className: f }) {
+  const o = N().patchDiff, l = x(), u = b(() => a === void 0 ? null : R(a), [a]);
+  if (a === void 0 == (t === void 0))
+    throw new Error("PatchDiff: pass exactly one of `patch` (the hunks) or `unavailable` (why there are none)");
+  return /* @__PURE__ */ n(
+    g,
+    {
+      defaultValue: c ? [r] : [],
+      "data-slot": "patch-diff",
+      className: k("min-w-0 overflow-hidden rounded-md border border-border-subtle", f),
+      children: /* @__PURE__ */ n(
+        v,
+        {
+          value: r,
+          className: "px-3",
+          title: /* @__PURE__ */ m("span", { className: "flex min-w-0 flex-col gap-0.5", children: [
+            /* @__PURE__ */ m("span", { className: "flex min-w-0 flex-wrap items-center gap-2", children: [
+              /* @__PURE__ */ n("span", { className: "min-w-0 break-all font-mono text-xs", children: r }),
+              /* @__PURE__ */ n(w, { size: "sm", tone: E[s], children: o.status[s] })
+            ] }),
+            d !== void 0 ? /* @__PURE__ */ n("span", { className: "break-all font-mono text-2xs font-normal text-tertiary", children: o.renamedFrom(d) }) : null
+          ] }),
+          meta: /* @__PURE__ */ m("span", { className: "flex shrink-0 items-center gap-2 font-mono text-xs tabular-nums", children: [
+            /* @__PURE__ */ m("span", { className: "text-success-text", "aria-label": o.additions(i, l(i)), children: [
+              "+",
+              l(i)
+            ] }),
+            /* @__PURE__ */ m("span", { className: "text-danger-text", "aria-label": o.deletions(e, l(e)), children: [
+              "−",
+              l(e)
+            ] })
+          ] }),
+          children: u === null ? /* @__PURE__ */ n("p", { className: "text-sm text-secondary", children: t }) : /* @__PURE__ */ n(W, { rows: u, label: o.changes(r) })
+        }
+      )
+    }
+  );
+}
+export {
+  M as PatchDiff,
+  R as parsePatch
+};
+//# sourceMappingURL=PatchDiff.js.map

package/dist/components/PatchDiff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PatchDiff.js","sources":["../../src/components/PatchDiff.tsx"],"sourcesContent":["import { useMemo } from \"react\";\r\nimport { cn } from \"../lib/cn\";\r\nimport { useNumberFormat, useUiStrings } from \"../lib/i18n\";\r\nimport { Accordion, AccordionItem } from \"./Accordion\";\r\nimport { Badge, type BadgeProps } from \"./Badge\";\r\nimport { lineDiffRow } from \"./LineDiff\";\r\n\r\n/* ============================================================================\r\n   PATCH DIFF - one file's change as a source host reports it. DX-5271.\r\n\r\n   WHY THIS EXISTS BESIDE LineDiff. `LineDiff` COMPUTES a diff: it is handed the\r\n   two whole texts and finds what changed. A pull request's file comes the other\r\n   way round: GitHub (and git) already computed it and send a unified-diff\r\n   `patch` - hunks (`@@ -12,6 +12,8 @@`) holding the changed lines and a few\r\n   unchanged ones around them, without the rest of the file. There are no two\r\n   whole texts to compare, so `LineDiff` cannot draw it. This component reads\r\n   the patch as given, and shares `LineDiff`'s row look (`lineDiffRow`, the\r\n   library's diff tones) so there is still one diff look, not two.\r\n\r\n   WHAT IT DRAWS. A collapsible file: a header (path, how it changed, + and -\r\n   counts), then each hunk's lines with the OLD and NEW line numbers the patch\r\n   states, and between hunks a gap row naming how many unchanged lines the patch\r\n   leaves out (the same words as `LineDiff`'s folded gap). A file the host sent\r\n   without a patch (binary, too large, a pure rename) passes `unavailable` -\r\n   the host's own reason in the caller's words - and shows that instead of lines.\r\n\r\n   COLLAPSED BY DEFAULT WHEN LONG. The panel unmounts while closed (Base UI's\r\n   default), so a collapsed file costs one header row and a page of dozens of\r\n   files stays responsive. `defaultOpen` is the caller's decision (it knows the\r\n   file count); nothing here guesses a size threshold.\r\n\r\n   A PATCH THAT IS NOT A PATCH FAILS LOUDLY. The parser throws on a line before\r\n   the first hunk header or a hunk body line that is not a context, `+`, `-` or\r\n   `\\` line, rather than rendering a plausible-looking wrong diff.\r\n   ========================================================================= */\r\n\r\nexport type PatchDiffStatus = \"added\" | \"modified\" | \"removed\" | \"renamed\";\r\n\r\nconst STATUS_TONE: Record<PatchDiffStatus, NonNullable<BadgeProps[\"tone\"]>> = {\r\n  added: \"success\",\r\n  modified: \"info\",\r\n  removed: \"danger\",\r\n  renamed: \"accent\",\r\n};\r\n\r\nexport interface PatchDiffProps {\r\n  /** The file's path after the change. */\r\n  path: string;\r\n  status: PatchDiffStatus;\r\n  /** A renamed file's path before the change. */\r\n  previousPath?: string;\r\n  additions: number;\r\n  deletions: number;\r\n  /** The unified-diff hunks for this file (no `diff --git` / `---` / `+++` header lines). Omit with `unavailable`. */\r\n  patch?: string;\r\n  /** Why there is no patch to draw (the host's reason, in the caller's words). Mutually exclusive with `patch`. */\r\n  unavailable?: string;\r\n  /** Whether the file starts open. Default closed. */\r\n  defaultOpen?: boolean;\r\n  className?: string;\r\n}\r\n\r\ntype PatchLineKind = \"unchanged\" | \"added\" | \"removed\";\r\n\r\ninterface PatchLine {\r\n  kind: PatchLineKind;\r\n  /** Old-side line number; null for an added line. */\r\n  oldNumber: number | null;\r\n  /** New-side line number; null for a removed line. */\r\n  newNumber: number | null;\r\n  text: string;\r\n}\r\n\r\ntype PatchRow = PatchLine | { kind: \"gap\"; hidden: number } | { kind: \"note\"; text: string };\r\n\r\nconst HUNK_HEADER = /^@@ -(\\d+)(?:,(\\d+))? \\+(\\d+)(?:,(\\d+))? @@/;\r\nconst NO_NEWLINE_MARKER = \"\\\\\";\r\n\r\n/** The rows of a patch: every hunk's lines, with a gap row where the patch skips unchanged old-side lines. */\r\nexport function parsePatch(patch: string): PatchRow[] {\r\n  const rows: PatchRow[] = [];\r\n  let nextOld = 1;\r\n  let oldNumber = 0;\r\n  let newNumber = 0;\r\n  let inHunk = false;\r\n  for (const line of patch.split(\"\\n\")) {\r\n    const header = HUNK_HEADER.exec(line);\r\n    if (header !== null) {\r\n      const oldStart = Number(header[1]);\r\n      const oldCount = header[2] === undefined ? 1 : Number(header[2]);\r\n      // A zero-length old side (an added file's `-0,0`) names the line BEFORE the hunk.\r\n      const firstOld = oldCount === 0 ? oldStart + 1 : oldStart;\r\n      if (firstOld > nextOld) rows.push({ kind: \"gap\", hidden: firstOld - nextOld });\r\n      oldNumber = firstOld;\r\n      newNumber = Number(header[3]);\r\n      nextOld = firstOld + oldCount;\r\n      inHunk = true;\r\n      continue;\r\n    }\r\n    if (!inHunk) throw new Error(`PatchDiff: \"${line.slice(0, 40)}\" comes before the first @@ hunk header`);\r\n    if (line.startsWith(NO_NEWLINE_MARKER)) {\r\n      rows.push({ kind: \"note\", text: line.slice(1).trim() });\r\n    } else if (line.startsWith(\"+\")) {\r\n      rows.push({ kind: \"added\", oldNumber: null, newNumber: newNumber++, text: line.slice(1) });\r\n    } else if (line.startsWith(\"-\")) {\r\n      rows.push({ kind: \"removed\", oldNumber: oldNumber++, newNumber: null, text: line.slice(1) });\r\n    } else if (line.startsWith(\" \") || line === \"\") {\r\n      // A context line; some hosts trim the single space off a blank one.\r\n      rows.push({ kind: \"unchanged\", oldNumber: oldNumber++, newNumber: newNumber++, text: line.slice(1) });\r\n    } else {\r\n      throw new Error(`PatchDiff: hunk line \"${line.slice(0, 40)}\" is not a context, + or - line`);\r\n    }\r\n  }\r\n  // A patch ends with a newline, which splits into one empty \"context\" line past the last hunk row.\r\n  if (patch.endsWith(\"\\n\")) rows.pop();\r\n  return rows;\r\n}\r\n\r\nconst NUMBER_CELL = \"w-10 shrink-0 select-none text-right tabular-nums opacity-60\";\r\n\r\nfunction PatchRows({ rows, label }: { rows: PatchRow[]; label: string }) {\r\n  const strings = useUiStrings();\r\n  const fmt = useNumberFormat();\r\n  return (\r\n    <div role=\"group\" aria-label={label} data-slot=\"patch-diff-lines\" className=\"flex flex-col overflow-x-auto\">\r\n      {rows.map((row, index) => {\r\n        if (row.kind === \"gap\") {\r\n          return (\r\n            <div key={index} data-slot=\"patch-diff-gap\" className={lineDiffRow({ kind: \"gap\" })}>\r\n              <span aria-hidden className=\"select-none opacity-60\">\r\n                ⋯\r\n              </span>\r\n              <span>{strings.lineDiff.unchangedLines(row.hidden, fmt(row.hidden))}</span>\r\n            </div>\r\n          );\r\n        }\r\n        if (row.kind === \"note\") {\r\n          return (\r\n            <div key={index} className={lineDiffRow({ kind: \"gap\" })}>\r\n              <span>{row.text}</span>\r\n            </div>\r\n          );\r\n        }\r\n        return (\r\n          <div key={index} className={lineDiffRow({ kind: row.kind })}>\r\n            <span aria-hidden className={NUMBER_CELL}>\r\n              {row.oldNumber ?? \"\"}\r\n            </span>\r\n            <span aria-hidden className={NUMBER_CELL}>\r\n              {row.newNumber ?? \"\"}\r\n            </span>\r\n            <span aria-hidden className=\"select-none opacity-60\">\r\n              {row.kind === \"added\" ? \"+\" : row.kind === \"removed\" ? \"−\" : \" \"}\r\n            </span>\r\n            <span className=\"min-w-0 flex-1 break-all\">{row.text.length === 0 ? \" \" : row.text}</span>\r\n          </div>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n}\r\n\r\n/** One changed file: a collapsible header and, when open, its hunks (or why there are none). */\r\nexport function PatchDiff({ path, status, previousPath, additions, deletions, patch, unavailable, defaultOpen = false, className }: PatchDiffProps) {\r\n  const strings = useUiStrings().patchDiff;\r\n  const fmt = useNumberFormat();\r\n  const rows = useMemo(() => (patch === undefined ? null : parsePatch(patch)), [patch]);\r\n  if ((patch === undefined) === (unavailable === undefined)) {\r\n    throw new Error(\"PatchDiff: pass exactly one of `patch` (the hunks) or `unavailable` (why there are none)\");\r\n  }\r\n  return (\r\n    <Accordion\r\n      defaultValue={defaultOpen ? [path] : []}\r\n      data-slot=\"patch-diff\"\r\n      className={cn(\"min-w-0 overflow-hidden rounded-md border border-border-subtle\", className)}\r\n    >\r\n      <AccordionItem\r\n        value={path}\r\n        className=\"px-3\"\r\n        title={\r\n          <span className=\"flex min-w-0 flex-col gap-0.5\">\r\n            <span className=\"flex min-w-0 flex-wrap items-center gap-2\">\r\n              <span className=\"min-w-0 break-all font-mono text-xs\">{path}</span>\r\n              <Badge size=\"sm\" tone={STATUS_TONE[status]}>\r\n                {strings.status[status]}\r\n              </Badge>\r\n            </span>\r\n            {previousPath !== undefined ? <span className=\"break-all font-mono text-2xs font-normal text-tertiary\">{strings.renamedFrom(previousPath)}</span> : null}\r\n          </span>\r\n        }\r\n        meta={\r\n          <span className=\"flex shrink-0 items-center gap-2 font-mono text-xs tabular-nums\">\r\n            <span className=\"text-success-text\" aria-label={strings.additions(additions, fmt(additions))}>\r\n              +{fmt(additions)}\r\n            </span>\r\n            <span className=\"text-danger-text\" aria-label={strings.deletions(deletions, fmt(deletions))}>\r\n              −{fmt(deletions)}\r\n            </span>\r\n          </span>\r\n        }\r\n      >\r\n        {rows === null ? <p className=\"text-sm text-secondary\">{unavailable}</p> : <PatchRows rows={rows} label={strings.changes(path)} />}\r\n      </AccordionItem>\r\n    </Accordion>\r\n  );\r\n}\r\n"],"names":["STATUS_TONE","HUNK_HEADER","NO_NEWLINE_MARKER","parsePatch","patch","rows","nextOld","oldNumber","newNumber","inHunk","line","header","oldStart","oldCount","firstOld","NUMBER_CELL","PatchRows","label","strings","useUiStrings","fmt","useNumberFormat","jsx","row","index","jsxs","lineDiffRow","PatchDiff","path","status","previousPath","additions","deletions","unavailable","defaultOpen","className","useMemo","Accordion","cn","AccordionItem","Badge"],"mappings":"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"}

package/dist/components/PendingVeil.js

@@ -0,0 +1,18 @@
+import { jsx as e } from "react/jsx-runtime";
+import { cn as i } from "../lib/cn.js";
+import { Spinner as n } from "./Spinner.js";
+function o({ className: r }) {
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      "aria-hidden": !0,
+      "data-pending-veil": !0,
+      className: i("absolute inset-0 z-10 grid cursor-wait place-items-center rounded-[inherit] bg-surface/60", r),
+      children: /* @__PURE__ */ e(n, { size: "sm", className: "text-secondary" })
+    }
+  );
+}
+export {
+  o as PendingVeil
+};
+//# sourceMappingURL=PendingVeil.js.map

package/dist/components/PendingVeil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PendingVeil.js","sources":["../../src/components/PendingVeil.tsx"],"sourcesContent":["import { cn } from \"../lib/cn\";\nimport { Spinner } from \"./Spinner\";\n\n/**\n * DX-6426 - the pending look of a control that is a SET of options (RadioGroup, ToggleGroup): a translucent veil over the whole set with a centred\n * spinner. A set cannot show the spinner on one option, because while the request is out the controlled value is still the old one, so a spinner\n * on the checked option would point at the wrong choice. The veil changes no layout. Internal: it is not exported from the package.\n */\nexport function PendingVeil({ className }: { className?: string }) {\n  return (\n    <span\n      aria-hidden\n      data-pending-veil\n      className={cn(\"absolute inset-0 z-10 grid cursor-wait place-items-center rounded-[inherit] bg-surface/60\", className)}\n    >\n      <Spinner size=\"sm\" className=\"text-secondary\" />\n    </span>\n  );\n}\n"],"names":["PendingVeil","className","jsx","cn","Spinner"],"mappings":";;;AAQO,SAASA,EAAY,EAAE,WAAAC,KAAqC;AACjE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAW;AAAA,MACX,qBAAiB;AAAA,MACjB,WAAWC,EAAG,6FAA6FF,CAAS;AAAA,MAEpH,UAAA,gBAAAC,EAACE,GAAA,EAAQ,MAAK,MAAK,WAAU,iBAAA,CAAiB;AAAA,IAAA;AAAA,EAAA;AAGpD;"}

package/dist/components/Popover.js

@@ -0,0 +1,214 @@
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { useState as h, useContext as B, useRef as I, useMemo as $, useEffect as F } from "react";
+import { Popover as a } from "@base-ui/react/popover";
+import { Tooltip as i } from "@base-ui/react/tooltip";
+import { cn as n } from "../lib/cn.js";
+import { ANCHORED_POPUP_SURFACE as V, ANCHORED_POPUP_MOTION as X } from "./overlay-shell.js";
+import { PopoverScopeContext as R, registerOpenPopover as q } from "./overlay-stack.js";
+const G = [
+  V,
+  // I18N-ALLOW: CSS utility class
+  "relative",
+  ...X
+], A = "max-h-[min(var(--dx-popover-h,80vh),80vh,var(--available-height))]", J = [
+  "max-w-[min(var(--dx-popover-w,calc(40rem*var(--ui-scale))),90vw,var(--available-width))]",
+  A,
+  "flex flex-col"
+], K = "w-[min(var(--dx-popover-w),90vw,var(--available-width))]", C = "flex min-h-0 flex-col overflow-y-auto", T = [
+  "group size-2",
+  "data-[side=top]:bottom-[calc(var(--spacing)*-1)]",
+  "data-[side=bottom]:top-[calc(var(--spacing)*-1)]",
+  "data-[side=left]:right-[calc(var(--spacing)*-1)]",
+  "data-[side=right]:left-[calc(var(--spacing)*-1)]"
+], E = [
+  "block size-full border-b border-r border-border bg-surface-overlay",
+  "group-data-[side=top]:rotate-45",
+  "group-data-[side=bottom]:rotate-[225deg]",
+  "group-data-[side=left]:rotate-[315deg]",
+  "group-data-[side=right]:rotate-[135deg]"
+];
+function ie({
+  trigger: r,
+  anchor: e,
+  open: s,
+  side: u = "bottom",
+  align: f = "center",
+  arrow: m = !1,
+  width: d,
+  className: b,
+  children: v,
+  ref: g,
+  defaultOpen: l,
+  onOpenChange: x,
+  openOnHover: _ = !1,
+  openOnFocus: c = !1,
+  delay: z,
+  closeDelay: H,
+  nativeButton: L = !0,
+  "aria-labelledby": U,
+  "aria-label": M
+}) {
+  if (r === void 0 && e === void 0) throw new Error("Popover needs a `trigger` or an `anchor`.");
+  if (r !== void 0 && e !== void 0) throw new Error("Popover takes a `trigger` or an `anchor`, not both.");
+  const S = d ? { "--dx-popover-w": d } : void 0, [P] = h(() => /* @__PURE__ */ Symbol("popover")), w = B(R), y = I(null), D = $(() => [...w, P], [w, P]), [O, W] = h(!1), [j, N] = h(l ?? !1), k = s ?? (c ? j : void 0);
+  return /* @__PURE__ */ p(
+    a.Root,
+    {
+      actionsRef: y,
+      open: k,
+      defaultOpen: c ? void 0 : l,
+      onOpenChange: (t) => {
+        c && N(t), x?.(t);
+      },
+      children: [
+        r !== void 0 && /* @__PURE__ */ o(
+          a.Trigger,
+          {
+            render: r,
+            openOnHover: _,
+            delay: z,
+            closeDelay: H,
+            nativeButton: L,
+            onFocus: c ? (t) => {
+              t.currentTarget.matches(":focus-visible") && (N(!0), x?.(!0));
+            } : void 0
+          }
+        ),
+        /* @__PURE__ */ o(a.Portal, { children: /* @__PURE__ */ o(
+          a.Positioner,
+          {
+            side: u,
+            align: f,
+            sideOffset: 8,
+            anchor: e,
+            className: "z-(--z-popover) outline-none",
+            "data-popover-positioner": "",
+            "data-covered": O ? "" : void 0,
+            style: O ? { visibility: "hidden" } : void 0,
+            children: /* @__PURE__ */ p(
+              a.Popup,
+              {
+                ref: g,
+                "aria-labelledby": U,
+                "aria-label": M,
+                initialFocus: c ? !1 : void 0,
+                finalFocus: e === void 0 ? void 0 : () => {
+                  const t = e && "current" in e ? e.current : e;
+                  return t instanceof HTMLElement ? t : !0;
+                },
+                style: S,
+                className: n(G, J, d && K, "p-4", b),
+                children: [
+                  m && /* @__PURE__ */ o(a.Arrow, { className: n(T), children: /* @__PURE__ */ o("span", { className: n(E) }) }),
+                  /* @__PURE__ */ o("div", { className: C, children: /* @__PURE__ */ p(R.Provider, { value: D, children: [
+                    /* @__PURE__ */ o(Q, { scope: P, actionsRef: y, setCovered: W }),
+                    v
+                  ] }) })
+                ]
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  );
+}
+function Q({
+  scope: r,
+  actionsRef: e,
+  setCovered: s
+}) {
+  return F(
+    () => q({ scope: r, close: () => e.current?.close(), setCovered: s, covers: 0 }),
+    [r, e, s]
+  ), null;
+}
+function se({ children: r }) {
+  return /* @__PURE__ */ o(a.Close, { render: r });
+}
+function le({ content: r, children: e, side: s = "top", className: u, tone: f = "default", defaultOpen: m, enterable: d = !1, closeOnClick: b = !0, open: v, onOpenChange: g }) {
+  const l = f === "danger";
+  return /* @__PURE__ */ p(
+    i.Root,
+    {
+      defaultOpen: m,
+      disableHoverablePopup: !d,
+      ...v === void 0 ? {} : { open: v, onOpenChange: g },
+      children: [
+        /* @__PURE__ */ o(i.Trigger, { closeOnClick: b, render: e }),
+        /* @__PURE__ */ o(i.Portal, { children: /* @__PURE__ */ o(
+          i.Positioner,
+          {
+            side: s,
+            sideOffset: 6,
+            className: "z-(--z-tooltip) outline-none",
+            children: /* @__PURE__ */ p(
+              i.Popup,
+              {
+                className: n(
+                  /* dx-tooltip is a stable hook for the overlay screenshot pass.
+                     Base UI does not put role="tooltip" on the popup — it wires
+                     aria-describedby from the trigger instead — so there is no
+                     semantic selector to target it by. */
+                  "dx-tooltip relative rounded-md px-2.5 py-1.5",
+                  l ? "bg-danger-subtle" : "bg-surface-overlay",
+                  /* THE SAME CLAMP AS THE POPOVER, for the same reason and with
+                                   the same shape — a tooltip is portalled and positioned by the
+                                   identical machinery, so it goes off the top edge of a short
+                                   viewport in exactly the same way. `max-w-xs` is kept as the
+                                   DESIGN size, written as the `--container-xs` it compiles to so
+                                   it can sit inside the `min()`; there is no `width` prop here
+                                   because a tooltip is a label and a label that needs a declared
+                                   width is a popover.
+                  
+                                   The tooltip is the overlay that PROVED the scroller cannot
+                                   live on the popup: it is the one whose arrow is not opt-in, so
+                                   clipping it was not a possibility but a certainty on every
+                                   tooltip in the library. */
+                  "max-w-[min(var(--container-xs),80vw,var(--available-width))]",
+                  A,
+                  "flex flex-col",
+                  /* `--shadow-tooltip` rather than a size from the elevation ramp:
+                     on dark it lifts with a bright rim and halo instead of a
+                     shadow nobody can see. See tokens.css for why this one overlay
+                     inverts the technique. */
+                  "border text-xs font-medium shadow-(--shadow-tooltip)",
+                  l ? "border-danger-border text-danger-text" : "border-border text-primary",
+                  "origin-[var(--transform-origin)]",
+                  /* Faster than a popover on both ends. A tooltip that lingers
+                     while you are already reading the next thing reads as lag. */
+                  "transition-[var(--tx-colors),opacity,scale] duration-(--dur-fast) ease-out-strong",
+                  "data-starting-style:scale-95 data-starting-style:opacity-0",
+                  "data-ending-style:opacity-0 data-ending-style:duration-(--dur-instant)",
+                  u
+                ),
+                children: [
+                  /* @__PURE__ */ o("div", { className: C, children: r }),
+                  /* @__PURE__ */ o(i.Arrow, { className: n(T), children: /* @__PURE__ */ o(
+                    "span",
+                    {
+                      className: n(
+                        E,
+                        l && "border-danger-border bg-danger-subtle"
+                      )
+                    }
+                  ) })
+                ]
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  );
+}
+function ne({ children: r, delay: e = 0 }) {
+  return /* @__PURE__ */ o(i.Provider, { delay: e, children: r });
+}
+export {
+  ie as Popover,
+  se as PopoverClose,
+  le as Tooltip,
+  ne as TooltipProvider
+};
+//# sourceMappingURL=Popover.js.map

package/dist/components/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../src/components/Popover.tsx"],"sourcesContent":["import { useContext, useEffect, useMemo, useRef, useState, type CSSProperties, type ReactNode, type Ref, type RefObject } from \"react\";\nimport { Popover as BasePopover } from \"@base-ui/react/popover\";\nimport { Tooltip as BaseTooltip } from \"@base-ui/react/tooltip\";\nimport { cn } from \"../lib/cn\";\nimport { ANCHORED_POPUP_MOTION, ANCHORED_POPUP_SURFACE } from \"./overlay-shell\";\nimport { PopoverScopeContext, registerOpenPopover } from \"./overlay-stack\";\n\n/* ============================================================================\n   POPOVER + TOOLTIP\n\n   These look similar and are not the same thing, which is worth stating\n   because using the wrong one is the most common overlay mistake:\n\n     POPOVER holds CONTENT. It can be focused, contain controls, and stays\n             until dismissed. Opened by click, or by hover when `openOnHover`\n             is set (DX-3662).\n     TOOLTIP holds a LABEL. It is never focusable, never contains a control,\n             and disappears the moment you look away. Opened by hover or focus.\n\n   Anything interactive inside a tooltip is unreachable by keyboard and by\n   touch — there is no hover on a phone — so a \"tooltip with a button in it\" is\n   always a popover wearing the wrong component.\n\n   Both scale in from `--transform-origin`, which the positioner sets from the\n   side it actually landed on after collision handling. A fixed origin makes a\n   flipped overlay grow from the wrong corner, pointing away from its trigger.\n   ========================================================================= */\n\nconst POPUP = [\n  ANCHORED_POPUP_SURFACE,\n  // I18N-ALLOW: CSS utility class\n  \"relative\",\n  ...ANCHORED_POPUP_MOTION,\n];\n\n/* ────────────────────────────────────────────────────────────────────────────\n   THE SIZE CLAMP — a popover is bounded by the room it HAS, not by the\n   viewport it sits in.\n\n   THE DEFECT. Measured on a real screen at 1177x700: three popovers rendered\n   with `top` at -50, -74 and -94 — hanging off the top edge, content\n   unreadable, and nothing to scroll them back with. Three facts compose into\n   that:\n\n     1. Base UI never shifts on the side axis by default. `crossAxisShiftEnabled`\n        (useAnchorPositioning.mjs:162) is false unless `sticky` or a `shift`\n        side-avoidance is asked for, so vertically a popup can only FLIP. Flip\n        WAS working — `data-side` was measured going bottom → top — it just is\n        not enough on its own: flipping a 520px panel into 421px of room still\n        leaves 99px off the screen.\n     2. Base UI publishes the room and applies none of it. Its `size()`\n        middleware writes `--available-width` / `--available-height` on the\n        positioner and sets no max-height; its own comment (:349-352) says it\n        EXPECTS the consumer to write `max-height: min(x, var(--available-height))`.\n        The vars are pre-seeded to `100vw`/`100vh` so a `min()` resolves on the\n        first paint rather than invalidating the declaration.\n     3. This was the one positioner in the library that never applied that cap.\n        `Menu`, `Select` and `Combobox` all already do — measured here:\n        `getComputedStyle(popup).maxHeight` was `none` and `overflowY` was\n        `visible`, on a 520px popup with 421px to live in.\n\n   WHY CUSTOM PROPERTIES RATHER THAN PLAIN CLASSES. `cn` is `twMerge`, and a\n   consumer's `className` is merged LAST so it always beats the component's\n   own — which is right for a design size and catastrophic for a safety rail:\n   a caller passing `max-w-[42rem]` would silently delete the viewport clamp\n   along with the default width. `twMerge` cannot dedupe a value it never\n   sees, so the design size moves INTO a variable (`--dx-popover-w`, set by\n   the `width` prop) and the `min()` around it stays in a class nothing can\n   replace. Pass a width, not a max-width.\n\n   90vw/80vh ARE THE LIBRARY'S CAP and live only here — no component states\n   its own. A panel allowed the full viewport is a panel with no visible edge,\n   which reads as a page rather than as something attached to a control. The\n   width half was raised from 80vw on request, for a consumer whose panel\n   genuinely needed the room (a dense multi-column table, not prose) — the\n   height stayed at 80vh, since nothing has asked for more of it and a panel\n   that tall starts fighting the very flip logic that keeps it on screen.\n   `--available-*` is the tighter, per-open bound: the room the positioner\n   actually found beside the anchor. Whatever still does not fit scrolls\n   inside the panel, which is why the scroller belongs here and not in any\n   caller — ProvenanceDisclosure had written its own, capped at 80% of the\n   VIEWPORT, which is the wrong bound for a panel hanging off the top of it.\n\n   AND THE SCROLLER IS ONE ELEMENT IN, NOT ON THE POPUP. This was the first\n   version and it was wrong: `overflow-y: auto` on the popup itself computes\n   `overflow-x` to `auto` as well, so the popup becomes a scroll container in\n   BOTH axes — and the arrow is a child that deliberately sits OUTSIDE the\n   popup's padding box, half a blade past its edge. Measured: the tooltip's\n   `elementFromPoint` at the blade tip returned the page behind it, and the\n   screenshot showed a tooltip with no pointer at all. `audit:arrows` passed\n   the whole time, because `getBoundingClientRect()` reports layout geometry\n   and knows nothing about an ancestor clipping the paint. So the popup keeps\n   the clamp and `overflow: visible`, a flex column inside it takes the\n   scroll, and `min-h-0` is what lets that child shrink below its content —\n   without it a flex item's automatic minimum size is its content height and\n   nothing ever scrolls.\n\n   THE DEFAULT CAP IS 40rem (DX-5257; it was 20rem). A popup with no `width` is\n   shrink-to-fit, so the cap is a ceiling and a short list stays narrow while a\n   wide table gets the room; a caller passes `width` only to override. The cap\n   has to scale with the size control and\n   Tailwind's own `max-w-xs` does not: the max-width scale is a fixed rem\n   ladder, while every spacing utility derives from `--spacing`, which IS\n   multiplied by `--ui-scale`. ThemeMenu is where that showed — at `lg` its\n   `w-72` becomes 19.8rem inside an 18rem content box, so the column spilled\n   past the padding edge and the switches crossed the card border, while the\n   control doing it was the very control being used to change the setting.\n   18rem of content plus 2rem of padding is exactly 20rem, at every step.\n\n   NOTHING IS TOUCHED ON THE POSITIONER. Flip already works, and Base UI\n   re-runs it against the CAPPED height on purpose (:164-165) — so capping the\n   popup makes the existing flip better rather than competing with it.\n   ──────────────────────────────────────────────────────────────────────────── */\n/* The height cap, written once and shared by both overlays below — Tailwind\n   scans SOURCE TEXT, so a class name assembled from parts at runtime is never\n   generated; a whole class literal in a shared constant is the only form that\n   both compiles and stays single-sourced.\n\n   `--dx-popover-h` has no prop beside it because no caller has ever wanted a\n   design height that was not 80vh — the one that asked, ProvenanceDisclosure,\n   asked for exactly the default. The seam is written into the `min()` now so\n   that adding the prop later is a prop and not a re-cut of the clamp; until\n   then the fallback IS the design height. */\nconst CLAMP_H = \"max-h-[min(var(--dx-popover-h,80vh),80vh,var(--available-height))]\";\n\nconst POPUP_CLAMP = [\n  \"max-w-[min(var(--dx-popover-w,calc(40rem*var(--ui-scale))),90vw,var(--available-width))]\",\n  CLAMP_H,\n  \"flex flex-col\",\n];\n\n/* DX-4086: the design width as the popup's REAL width, applied only when the\n   `width` prop is passed. The popup is absolutely positioned, so with only the\n   max-width above it shrinks to fit its content and `width` merely raised a\n   ceiling — every panel then carried its own fixed-width copy (`w-72 max-w-full\n   min-w-0`) to stop a short panel collapsing, and that copy was fixed four\n   times (DX-3785, DX-4061, DX-4067, DX-4084). The same `min()` as the clamp, so\n   it can still never exceed 90vw or the room the positioner found. A whole\n   class literal for the same reason as CLAMP_H: Tailwind scans source text. */\nconst POPUP_WIDTH = \"w-[min(var(--dx-popover-w),90vw,var(--available-width))]\";\n\n/** The box that actually scrolls, inside the clamped popup. See above for why\n *  it is not the popup itself. */\nconst SCROLLER = \"flex min-h-0 flex-col overflow-y-auto\";\n\n/**\n * The popup's own style object, carrying the design size as a custom property.\n *\n * Declared as a type rather than cast: `CSSProperties` has no index signature\n * for `--*`, so the alternative is an assertion, and an assertion is exactly\n * the thing that would stop complaining if the property name were misspelt.\n */\ntype PopoverVars = CSSProperties & { \"--dx-popover-w\"?: string };\n\n/* ────────────────────────────────────────────────────────────────────────────\n   THE ARROW, AND THE BUG THAT LIVED IN IT FOR THE WHOLE PROJECT\n\n   Both overlays share this. Read it before changing a class name.\n\n   WHO POSITIONS WHAT. Base UI hands the arrow element inline styles straight\n   from Floating UI's arrow middleware:\n\n       { position: \"absolute\", top: middlewareData.arrow?.y,\n                               left: middlewareData.arrow?.x }\n\n   and that middleware only ever fills in the CROSS axis — `x` when the popup\n   sits above or below its anchor, `y` when it sits beside it. The other value\n   is `undefined`, which React omits entirely. So the MAIN-axis offset — the\n   half-step that pushes the arrow out through the popup's edge — is ours to\n   set, and never collides with what the library writes. `top`/`bottom` for a\n   vertical side, `left`/`right` for a horizontal one.\n\n   THE BUG. These rules were originally written `data-side-top:bottom-[-5px]`.\n   Tailwind compiles that to `[data-side-top]` — an attribute of that literal\n   name. Base UI emits `data-side=\"top\"`: an attribute with a VALUE. So the\n   selector matched nothing, on every side, from the day it was written. With\n   no main-axis rule applying, the arrow kept its static position — the text\n   line — and the inline cross-axis `left` then slid it over the first\n   character. It rendered \"Open the full transcript\" as \"pen the full\n   transcript\", which is what got reported.\n\n   Nothing failed while that was true. A Tailwind variant matching no element\n   is indistinguishable from one matching an element it does not change: no\n   build error, no type error, no failing test. `audit:previews` proves a class\n   EXISTS in the stylesheet; it cannot prove a selector ever matches. That is\n   what `audit:arrows` measures instead — real geometry, all four sides, both\n   themes. The correct syntax is `data-[side=top]:`.\n\n   THE SIZE IS CAPPED BY THE SMALLEST CONSUMER. The blade is a square rotated\n   45°, centred on the popup's edge: its outer half is the point, its inner\n   half covers the popup's own 1px border so the join has no seam. That inner\n   half reaches `size × √2 ÷ 2` inwards — 5.7px at `size-2` — and it must stay\n   inside the popup's padding or it paints over the text. The tooltip's `py-1.5`\n   is 6px, so `size-2` fits and `size-2.5` (7.1px) would not. Everything here is\n   written in `--spacing`, so that relationship holds at every `--ui-scale`\n   rather than only at 100%.\n\n   Rotation: with `border-b`+`border-r` the solid corner points down-right, 45°.\n   Add the rotation that carries it to the side the popup is NOT on — a popup\n   above its anchor (`data-side=top`) points down, and so on.\n   ──────────────────────────────────────────────────────────────────────────── */\nconst ARROW_BOX = [\n  \"group size-2\",\n  \"data-[side=top]:bottom-[calc(var(--spacing)*-1)]\",\n  \"data-[side=bottom]:top-[calc(var(--spacing)*-1)]\",\n  \"data-[side=left]:right-[calc(var(--spacing)*-1)]\",\n  \"data-[side=right]:left-[calc(var(--spacing)*-1)]\",\n];\n\nconst ARROW_BLADE = [\n  \"block size-full border-b border-r border-border bg-surface-overlay\",\n  \"group-data-[side=top]:rotate-45\",\n  \"group-data-[side=bottom]:rotate-[225deg]\",\n  \"group-data-[side=left]:rotate-[315deg]\",\n  \"group-data-[side=right]:rotate-[135deg]\",\n];\n\nexport interface PopoverProps {\n  /** The element that opens the popover. Omit it when `anchor` is given. */\n  trigger?: ReactNode;\n  /**\n   * DXUI-71 — an element the CALLER owns (or a ref to one) to open beside, for\n   * a popover whose target is drawn by another component, so there is no\n   * trigger of our own to render. Passed straight to Base UI's\n   * `Positioner.anchor`. Needs controlled `open` / `onOpenChange`; Escape and\n   * an outside press close it, and focus returns to the anchor. Exclusive with\n   * `trigger`.\n   */\n  anchor?: Element | RefObject<Element | null> | null;\n  /**\n   * Controlled open state — for a caller that must open this popover from\n   * somewhere other than its own trigger (another control elsewhere on the\n   * screen pointing at the same content). `Dialog` and `Menu` already carry\n   * this exact prop; `Popover` was the one overlay a consumer could not drive\n   * externally, which is a real gap rather than a deliberate omission — there\n   * is nothing about a popover's semantics that makes it less legitimate to\n   * open by remote control than a dialog.\n   */\n  open?: boolean;\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  align?: \"start\" | \"center\" | \"end\";\n  /** Draws the little pointer at the trigger. Off by default — see below. */\n  arrow?: boolean;\n  /**\n   * The popup's width — any CSS length, e.g. `\"30rem\"` — as the REAL width of\n   * the popup, not a ceiling: the popup renders at exactly this width unless\n   * the room runs out, so a panel inside it is `w-full min-w-0` and carries no\n   * width of its own.\n   *\n   * A prop rather than a `w-*`/`max-w-*` in `className`, and the difference is\n   * not cosmetic: `className` is merged last and would take the viewport clamp\n   * with it (see THE SIZE CLAMP above). This writes `--dx-popover-w`, which\n   * sits INSIDE the `min()` — so a design size can be as large as it likes and\n   * still cannot render wider than 90vw or than the room the positioner found.\n   * The width includes the popup's padding and border; write it in `rem`\n   * multiplied by `var(--ui-scale)` to scale with the size control as spacing does.\n   *\n   * Unset, the popup is content-sized, capped at the library default of 40rem\n   * at the current `--ui-scale`.\n   */\n  width?: string;\n  className?: string;\n  children: ReactNode;\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * DX-3662 — open the popover on hover, not just on click, WITHOUT a\n   * consumer hand-rolling its own mouseenter/mouseleave state alongside the\n   * trigger's own click-to-open. Forwards straight to Base UI's\n   * `Popover.Trigger` (`openOnHover`/`delay`/`closeDelay` below), which\n   * already coordinates hover, click and touch as ONE state machine\n   * (`useHoverReferenceInteraction` + `useClick`, both reading the same\n   * `openMethod`/`openReason` store) — a real touch tap is tracked as\n   * `openMethod: 'touch'` and is exempted from the hover-close path\n   * (`PopoverTrigger`'s own `enabled` check), so it does not fight a\n   * subsequent tap the way two independently-owned state machines would.\n   * Off by default — every existing click-only popover is unaffected.\n   */\n  openOnHover?: boolean;\n  /**\n   * DXUI-34 — also open when the trigger takes KEYBOARD focus (`:focus-visible`),\n   * so a help icon reached by Tab reads like one hovered. A mouse or touch focus\n   * does not open it (the click that follows would toggle it shut again). Focus\n   * stays on the trigger: the popup is never given initial focus, whatever opened\n   * it, so tabbing onto the trigger is not a change of context. Escape and\n   * clicking outside close it as ever; Tab onward leaves it open until focus\n   * moves and a dismissal event arrives, exactly like a hover-open.\n   * Off by default.\n   */\n  openOnFocus?: boolean;\n  /** Hover-open delay, ms. Matches Base UI's own `restMs` default (`OPEN_DELAY`) when unset. Only meaningful with `openOnHover`. */\n  delay?: number;\n  /** Hover-CLOSE delay, ms — how long the popover survives after the pointer leaves BOTH the trigger and the popup before it closes, so crossing the gap between them doesn't flicker it shut. Only meaningful with `openOnHover`. */\n  closeDelay?: number;\n  /**\n   * DX-3662 review round 3 — whether `trigger` IS a real `<button>` element.\n   * Forwarded straight to Base UI's `Popover.Trigger`, whose `useButton`\n   * hook needs to know: with the default `true`, it expects a genuine\n   * `<button>` in `render` and — in development — logs an error and skips\n   * adding its own keyboard/ARIA handling on any other element, because a\n   * real button already has both natively. A `trigger` that is NOT a\n   * `<button>` (a styled `<span>`, a custom donut, ...) MUST pass `false`\n   * here, or it mounts with a console error and Enter/Space silently do\n   * nothing — Base UI assumed native semantics it was never given.\n   * @default true\n   */\n  nativeButton?: boolean;\n  /**\n   * Render open on mount. Uncontrolled — the popover still closes on its own\n   * afterwards; this only decides the starting state.\n   *\n   * `Menu` already forwarded its open state and consequently had a preview\n   * card showing a real open menu, while these two showed a picture of a\n   * button. Consistency across the three overlays is the point; a static\n   * documentation surface cannot dispatch a click.\n   */\n  defaultOpen?: boolean;\n  /**\n   * Told when the popup opens and when it closes. Uncontrolled still — this\n   * OBSERVES the state Base UI owns rather than taking it over, which is why\n   * there is no `open` prop beside it.\n   *\n   * `Collapsible`, `Dialog` and `Menu` all already carry this exact signature;\n   * the popover was the one overlay a consumer could not hear. The reason to\n   * hear it is almost never styling — it is WORK: a panel whose contents cost\n   * a request must not pay for that request while it is shut, and a page of a\n   * hundred closed popovers that each fetched on mount is a hundred requests\n   * for the one panel somebody eventually opens.\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Names the popup for assistive technology.\n   *\n   * Base UI gives the popup `role=\"dialog\"`, and an unlabelled dialog\n   * announces itself as nothing. Declared here rather than left to a caller\n   * passing `aria-labelledby` through: an undeclared prop on a component that\n   * destructures its props is silently DROPPED — it type-checks, renders, and\n   * does nothing, which is how this was shipped once already.\n   */\n  \"aria-labelledby\"?: string;\n  \"aria-label\"?: string;\n}\n\nexport function Popover({\n  trigger,\n  anchor,\n  open,\n  side = \"bottom\",\n  align = \"center\",\n  arrow = false,\n  width,\n  className,\n  children,\n  ref,\n  defaultOpen,\n  onOpenChange,\n  openOnHover = false,\n  openOnFocus = false,\n  delay,\n  closeDelay,\n  nativeButton = true,\n  \"aria-labelledby\": ariaLabelledBy,\n  \"aria-label\": ariaLabel,\n}: PopoverProps) {\n  /* `undefined` rather than an empty object when no width was given, so the\n     popup carries no `style` attribute at all in the common case and the\n     variable stays genuinely unset — a `--dx-popover-w: ` with an empty value\n     is an INVALID declaration at computed-value time, which makes the whole\n     `min()` invalid and would drop the clamp entirely. */\n  if (trigger === undefined && anchor === undefined) throw new Error(\"Popover needs a `trigger` or an `anchor`.\");\n  if (trigger !== undefined && anchor !== undefined) throw new Error(\"Popover takes a `trigger` or an `anchor`, not both.\");\n  const popupVars: PopoverVars | undefined = width ? { \"--dx-popover-w\": width } : undefined;\n\n  /* DX-4398: what a Dialog needs to know to supersede this popover — see\n     `overlay-stack.ts`. */\n  const [scope] = useState(() => Symbol(\"popover\"));\n  const ancestry = useContext(PopoverScopeContext);\n  const actionsRef = useRef<BasePopover.Root.Actions | null>(null);\n  const scopes = useMemo(() => [...ancestry, scope], [ancestry, scope]);\n  const [covered, setCovered] = useState(false);\n  /* Only used with `openOnFocus`: Base UI has no focus-open of its own, so the\n     open state moves here, inside the one component that owns every open\n     trigger, and Base UI's hover/click/Escape still drive it through\n     `onOpenChange`. A caller's own `open` wins. */\n  const [focusOpen, setFocusOpen] = useState(defaultOpen ?? false);\n  const rootOpen = open ?? (openOnFocus ? focusOpen : undefined);\n\n  return (\n    <BasePopover.Root\n      actionsRef={actionsRef}\n      open={rootOpen}\n      defaultOpen={openOnFocus ? undefined : defaultOpen}\n      /* Narrowed to the boolean ON PURPOSE, rather than handed Base UI's\n         handler straight through. Base UI calls this with a second argument —\n         an event-details object carrying the reason it closed and a\n         `cancel()` — and forwarding it would publish that object as part of\n         this library's surface without ever having said so: the declared type\n         is `(open: boolean) => void`, and a consumer reading it would be wrong\n         about what it receives the first time it wrote `(...args) =>`.\n\n         The details are genuinely useful and may well be worth exposing one\n         day. That is a decision to make deliberately, with a name and a type\n         of our own — not one to leak by omission. */\n      onOpenChange={(next) => {\n        if (openOnFocus) setFocusOpen(next);\n        onOpenChange?.(next);\n      }}\n    >\n      {trigger !== undefined && (\n      <BasePopover.Trigger\n        render={trigger as React.ReactElement}\n        openOnHover={openOnHover}\n        delay={delay}\n        closeDelay={closeDelay}\n        nativeButton={nativeButton}\n        onFocus={\n          openOnFocus\n            ? (event: React.FocusEvent<HTMLElement>) => {\n                if (event.currentTarget.matches(\":focus-visible\")) {\n                  setFocusOpen(true);\n                  onOpenChange?.(true);\n                }\n              }\n            : undefined\n        }\n      />\n      )}\n      <BasePopover.Portal>\n        <BasePopover.Positioner\n          side={side}\n          align={align}\n          sideOffset={8}\n          anchor={anchor}\n          className=\"z-(--z-popover) outline-none\"\n          /* DX-4398: hidden, not unmounted, while a dialog inside it is open. */\n          data-popover-positioner=\"\"\n          data-covered={covered ? \"\" : undefined}\n          style={covered ? { visibility: \"hidden\" } : undefined}\n        >\n          <BasePopover.Popup\n            ref={ref}\n            aria-labelledby={ariaLabelledBy}\n            aria-label={ariaLabel}\n            initialFocus={openOnFocus ? false : undefined}\n            /* DXUI-71: with no trigger of ours, focus goes back to the caller's anchor. */\n            finalFocus={\n              anchor === undefined\n                ? undefined\n                : () => {\n                    const el = anchor && \"current\" in anchor ? anchor.current : anchor;\n                    return el instanceof HTMLElement ? el : true;\n                  }\n            }\n            style={popupVars}\n            className={cn(POPUP, POPUP_CLAMP, width && POPUP_WIDTH, \"p-4\", className)}\n          >\n            {/* Arrows are opt-in because they are frequently WRONG: on a popup\n                that has been shifted along its axis to stay on screen, the\n                pointer no longer lines up with the trigger, and a pointer\n                aimed at nothing is worse than no pointer. Useful when the\n                popup is small and the anchor is unambiguous. */}\n            {arrow && (\n              <BasePopover.Arrow className={cn(ARROW_BOX)}>\n                <span className={cn(ARROW_BLADE)} />\n              </BasePopover.Arrow>\n            )}\n            {/* The padding stays on the popup and the scroll happens inside\n                it, so a long panel scrolls its CONTENT under a border that\n                holds still — and a consumer's `p-0` still means no padding,\n                which it would not if the padding had moved in here with the\n                overflow. */}\n            <div className={SCROLLER}>\n              <PopoverScopeContext.Provider value={scopes}>\n                <OpenPopoverRegistration scope={scope} actionsRef={actionsRef} setCovered={setCovered} />\n                {children}\n              </PopoverScopeContext.Provider>\n            </div>\n          </BasePopover.Popup>\n        </BasePopover.Positioner>\n      </BasePopover.Portal>\n    </BasePopover.Root>\n  );\n}\n\n/* Mounted with the popup, so it exists exactly while the popover is open. */\nfunction OpenPopoverRegistration({\n  scope,\n  actionsRef,\n  setCovered,\n}: {\n  scope: symbol;\n  actionsRef: React.RefObject<BasePopover.Root.Actions | null>;\n  setCovered: (covered: boolean) => void;\n}) {\n  useEffect(\n    () => registerOpenPopover({ scope, close: () => actionsRef.current?.close(), setCovered, covers: 0 }),\n    [scope, actionsRef, setCovered],\n  );\n  return null;\n}\n\n/** Closes the nearest Popover. */\nexport function PopoverClose({ children }: { children: ReactNode }) {\n  return <BasePopover.Close render={children as React.ReactElement} />;\n}\n\ninterface TooltipBaseProps {\n  /** The label. Plain text — anything interactive belongs in a Popover. */\n  content: ReactNode;\n  children: ReactNode;\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  className?: string;\n  /**\n   * DX-5327 — `danger` draws the tooltip in the library's danger tokens\n   * (danger text, danger border, danger-tinted surface, arrow included), for a\n   * label that explains a refusal or a failure. `default` is the plain overlay.\n   * @default \"default\"\n   */\n  tone?: \"default\" | \"danger\";\n  /**\n   * Render open on mount, without a hover. For documentation surfaces and\n   * static captures — a tooltip nobody is pointing at is otherwise invisible,\n   * so a preview card of one shows an unexplained button.\n   */\n  defaultOpen?: boolean;\n  /**\n   * Whether the pointer can move off the trigger and onto the popup itself\n   * without the tooltip closing. Base UI calls the underlying prop\n   * `disableHoverablePopup`, worded as the thing being turned OFF; this is\n   * worded as the thing being asked for, because every call site reads as a\n   * question about the popup (\"can this be entered?\"), never about a flag\n   * named after its own negation.\n   *\n   * DEFAULT FALSE (DX-4349). A tooltip is a label, not a surface (see\n   * `content`: \"anything interactive belongs in a Popover\"), and a label\n   * that holds itself open under the pointer is a trap wherever marks sit\n   * side by side: the popup is drawn right over the neighbouring marks, so\n   * moving toward the next one lands on the popup, keeps it open and blocks\n   * the mark underneath. Opt IN only for a tooltip whose text a reader must\n   * be able to point into and keep reading (WCAG 1.4.13 \"hoverable\") and that\n   * sits clear of other controls.\n   * @default false\n   */\n  enterable?: boolean;\n  /**\n   * DXUI-41: whether a press on the trigger closes the tooltip (Base UI's\n   * `closeOnClick`). A trigger whose own tap handler forces the tooltip open\n   * (the controlled pair below) sets this FALSE: the press-close runs after\n   * that handler on the same tap and shuts the tooltip it just opened, so a\n   * touch tap showed nothing.\n   * @default true\n   */\n  closeOnClick?: boolean;\n}\n\n/**\n * DX-3014 — the OPT-IN controlled pair, for a caller that needs to force the\n * tooltip open from an event neither hover nor keyboard focus covers.\n *\n * The gap this closes: Base UI opens on hover AND on keyboard focus (a real\n * Tab keypress), but NOT on a plain `.focus()` call or a touch tap — both\n * land as an ordinary (non-`:focus-visible`) focus, which the interaction the\n * library reads for \"focus\" deliberately excludes (measured directly: a\n * simulated tap focuses the trigger element but never opens the popup; a real\n * Tab keypress does). A caller with a genuine touch-reachability requirement\n * (a segmented-donut status breakdown, e.g.) wires its own tap handler to\n * `onOpenChange`/`open` instead of fighting the trigger's focus semantics.\n *\n * BOTH OR NEITHER: passing only one makes Base UI's `Root` half-controlled\n * (it would echo state changes nobody reads, or ignore an external open) — a\n * discriminated union so TypeScript refuses the half-controlled shape at the\n * call site rather than leaving it a runtime footgun. Omit both (the\n * default, and every existing call site) for the unchanged uncontrolled\n * hover/keyboard-focus behaviour.\n */\nexport type TooltipProps = TooltipBaseProps &\n  ({ open?: undefined; onOpenChange?: undefined } | { open: boolean; onOpenChange: (open: boolean) => void });\n\n/**\n * Hover delay is set once on `TooltipProvider`, not per tooltip — that is where\n * Base UI keeps it, and it is the right place: the delay only means anything\n * relative to the OTHER tooltips nearby.\n */\nexport function Tooltip({ content, children, side = \"top\", className, tone = \"default\", defaultOpen, enterable = false, closeOnClick = true, open, onOpenChange }: TooltipProps) {\n  const danger = tone === \"danger\";\n  return (\n    <BaseTooltip.Root\n      defaultOpen={defaultOpen}\n      disableHoverablePopup={!enterable}\n      {...(open === undefined ? {} : { open, onOpenChange })}\n    >\n      <BaseTooltip.Trigger closeOnClick={closeOnClick} render={children as React.ReactElement} />\n      <BaseTooltip.Portal>\n        <BaseTooltip.Positioner\n          side={side}\n          sideOffset={6}\n          className=\"z-(--z-tooltip) outline-none\"\n        >\n          <BaseTooltip.Popup\n            className={cn(\n              /* dx-tooltip is a stable hook for the overlay screenshot pass.\n                 Base UI does not put role=\"tooltip\" on the popup — it wires\n                 aria-describedby from the trigger instead — so there is no\n                 semantic selector to target it by. */\n              \"dx-tooltip relative rounded-md px-2.5 py-1.5\",\n              danger ? \"bg-danger-subtle\" : \"bg-surface-overlay\",\n              /* THE SAME CLAMP AS THE POPOVER, for the same reason and with\n                 the same shape — a tooltip is portalled and positioned by the\n                 identical machinery, so it goes off the top edge of a short\n                 viewport in exactly the same way. `max-w-xs` is kept as the\n                 DESIGN size, written as the `--container-xs` it compiles to so\n                 it can sit inside the `min()`; there is no `width` prop here\n                 because a tooltip is a label and a label that needs a declared\n                 width is a popover.\n\n                 The tooltip is the overlay that PROVED the scroller cannot\n                 live on the popup: it is the one whose arrow is not opt-in, so\n                 clipping it was not a possibility but a certainty on every\n                 tooltip in the library. */\n              \"max-w-[min(var(--container-xs),80vw,var(--available-width))]\",\n              CLAMP_H,\n              \"flex flex-col\",\n              /* `--shadow-tooltip` rather than a size from the elevation ramp:\n                 on dark it lifts with a bright rim and halo instead of a\n                 shadow nobody can see. See tokens.css for why this one overlay\n                 inverts the technique. */\n              \"border text-xs font-medium shadow-(--shadow-tooltip)\",\n              danger ? \"border-danger-border text-danger-text\" : \"border-border text-primary\",\n              \"origin-[var(--transform-origin)]\",\n              /* Faster than a popover on both ends. A tooltip that lingers\n                 while you are already reading the next thing reads as lag. */\n              \"transition-[var(--tx-colors),opacity,scale] duration-(--dur-fast) ease-out-strong\",\n              \"data-starting-style:scale-95 data-starting-style:opacity-0\",\n              \"data-ending-style:opacity-0 data-ending-style:duration-(--dur-instant)\",\n              className,\n            )}\n          >\n            <div className={SCROLLER}>{content}</div>\n            {/* THE TOOLTIP ALWAYS HAS ITS ARROW; the popover's is opt-in. That\n                inconsistency is deliberate and worth stating, because it looks\n                like an oversight.\n\n                The argument against arrows above is about WIDE popups: one\n                shifted along its axis to stay on screen ends up pointing at\n                nothing, which is worse than not pointing at all. A tooltip is a\n                narrow chip — it barely shifts — and naming one specific control\n                is its entire job, so the pointer earns its place here. */}\n            <BaseTooltip.Arrow className={cn(ARROW_BOX)}>\n              <span\n                className={cn(\n                  ARROW_BLADE,\n                  danger && \"border-danger-border bg-danger-subtle\",\n                )}\n              />\n            </BaseTooltip.Arrow>\n          </BaseTooltip.Popup>\n        </BaseTooltip.Positioner>\n      </BaseTooltip.Portal>\n    </BaseTooltip.Root>\n  );\n}\n\n/**\n * Share hover timing across every tooltip beneath it.\n *\n * Wrap the app once. Without it each tooltip keeps its own timer, so moving\n * between two adjacent icons makes you wait out the full delay twice — the\n * thing that makes tooltips feel broken in dense toolbars.\n *\n * THE DEFAULT IS ZERO. A hover delay exists to stop tooltips firing while the\n * pointer merely crosses a toolbar on its way somewhere else — but the cost is\n * paid by everyone who actually wanted the label, every time, and it is the\n * cost people describe as \"the tooltip is slow\". These tooltips name controls\n * that are often icon-only, so the label IS the affordance and withholding it\n * for 400ms is withholding the interface. The prop remains for anyone who\n * wants the traditional behaviour back.\n */\nexport function TooltipProvider({ children, delay = 0 }: { children: ReactNode; delay?: number }) {\n  return <BaseTooltip.Provider delay={delay}>{children}</BaseTooltip.Provider>;\n}\n"],"names":["POPUP","ANCHORED_POPUP_SURFACE","ANCHORED_POPUP_MOTION","CLAMP_H","POPUP_CLAMP","POPUP_WIDTH","SCROLLER","ARROW_BOX","ARROW_BLADE","Popover","trigger","anchor","open","side","align","arrow","width","className","children","ref","defaultOpen","onOpenChange","openOnHover","openOnFocus","delay","closeDelay","nativeButton","ariaLabelledBy","ariaLabel","popupVars","scope","useState","ancestry","useContext","PopoverScopeContext","actionsRef","useRef","scopes","useMemo","covered","setCovered","focusOpen","setFocusOpen","rootOpen","jsxs","BasePopover","next","jsx","event","el","cn","OpenPopoverRegistration","useEffect","registerOpenPopover","PopoverClose","Tooltip","content","tone","enterable","closeOnClick","danger","BaseTooltip","TooltipProvider"],"mappings":"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"}