@opengeni/react 3.1.0 → 3.1.3-canary.38890816741001

package/dist/chunk-KSGQ5ODA.js

@@ -0,0 +1,457 @@
+"use client";
+import {
+  usePortalTokenStyle
+} from "./chunk-XEA5BCMA.js";
+import {
+  cn
+} from "./chunk-TXS65BB2.js";
+
+// src/timeline/screenshot-lightbox.tsx
+import { ChevronLeftIcon, ChevronRightIcon, DownloadIcon, XIcon } from "lucide-react";
+import { AnimatePresence, motion } from "motion/react";
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { Dialog } from "radix-ui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var LightboxContext = createContext(null);
+var LightboxGalleryContext = createContext(null);
+var GALLERY_ROOT_SELECTOR = "[data-og-timeline-scroller]";
+function isEditableTarget(target) {
+  if (!(target instanceof HTMLElement)) return false;
+  return target.isContentEditable || target.closest('input, textarea, select, [contenteditable]:not([contenteditable="false"])') !== null;
+}
+function useLightboxGalleryItem(ref, entry) {
+  const registry = useContext(LightboxGalleryContext);
+  const latest = useRef(entry);
+  latest.current = entry;
+  const enabled = entry !== null;
+  useEffect(() => {
+    const element = ref.current;
+    if (!registry || !element || !enabled) return;
+    return registry.register({
+      element,
+      entry: latest
+    });
+  }, [registry, ref, enabled]);
+}
+function useLightbox() {
+  return useContext(LightboxContext) ?? NOOP;
+}
+function useLightboxOptional() {
+  return useContext(LightboxContext);
+}
+var NOOP = { open: () => {
+} };
+function createLightboxSourceOwner() {
+  let releaseCurrent = null;
+  return {
+    replace(release) {
+      const previous = releaseCurrent;
+      releaseCurrent = release ?? null;
+      previous?.();
+    },
+    release() {
+      const release = releaseCurrent;
+      releaseCurrent = null;
+      release?.();
+    }
+  };
+}
+function LightboxProvider({ children }) {
+  const ancestor = useContext(LightboxContext);
+  if (ancestor) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsx(LightboxRoot, { children });
+}
+function LightboxRoot({ children }) {
+  const [state, setState] = useState(null);
+  const [tokenSource, setTokenSource] = useState(null);
+  const sourceOwner = useMemo(() => createLightboxSourceOwner(), []);
+  const portalStyle = usePortalTokenStyle(tokenSource);
+  const entries = useRef(/* @__PURE__ */ new Set());
+  const [gallery, setGallery] = useState(null);
+  const generation = useRef(0);
+  const registry = useMemo(
+    () => ({
+      register(item) {
+        entries.current.add(item);
+        return () => {
+          entries.current.delete(item);
+        };
+      }
+    }),
+    []
+  );
+  const releaseCurrentSource = useCallback(() => {
+    sourceOwner.release();
+  }, [sourceOwner]);
+  useEffect(
+    () => () => {
+      generation.current++;
+      releaseCurrentSource();
+    },
+    [releaseCurrentSource]
+  );
+  const discoverGallery = useCallback((source, token) => {
+    const root = source.closest(GALLERY_ROOT_SELECTOR) ?? source.ownerDocument.body;
+    const candidates = [...entries.current].filter((item) => item.element.isConnected && root.contains(item.element)).sort(
+      (a, b) => a.element.compareDocumentPosition(b.element) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1
+    );
+    const current = candidates.filter((item) => item.element.contains(source)).pop();
+    if (!current) return;
+    void Promise.all(
+      candidates.map(
+        (item) => item === current ? Promise.resolve(true) : (item.entry.current.isImage?.() ?? Promise.resolve(true)).catch(() => false)
+      )
+    ).then((images) => {
+      if (generation.current !== token) return;
+      const items = candidates.filter((_, index) => images[index]);
+      if (items.length > 1) setGallery({ items, index: items.indexOf(current) });
+    });
+  }, []);
+  const open = useCallback(
+    (src, caption, source, label = "Screenshot", downloadFilename, controlLabels, releaseSource) => {
+      const token = ++generation.current;
+      sourceOwner.replace(releaseSource);
+      setTokenSource(source ?? null);
+      setGallery(null);
+      setState({
+        src,
+        label,
+        ...caption ? { caption } : {},
+        ...downloadFilename ? { downloadFilename } : {},
+        ...controlLabels ? { controlLabels } : {}
+      });
+      if (source) discoverGallery(source, token);
+    },
+    [sourceOwner, discoverGallery]
+  );
+  const close = useCallback(() => {
+    generation.current++;
+    releaseCurrentSource();
+    setState(null);
+    setTokenSource(null);
+    setGallery(null);
+  }, [releaseCurrentSource]);
+  const step = useCallback(
+    (delta) => {
+      if (!gallery) return;
+      const token = ++generation.current;
+      const count = gallery.items.length;
+      void (async () => {
+        for (let offset = 1; offset < count; offset++) {
+          const index = ((gallery.index + delta * offset) % count + count) % count;
+          const image = await gallery.items[index].entry.current.load().catch(() => null);
+          if (generation.current !== token) {
+            image?.release?.();
+            return;
+          }
+          if (!image) continue;
+          sourceOwner.replace(image.release);
+          setGallery({ items: gallery.items, index });
+          setState(
+            (previous) => previous ? {
+              src: image.src,
+              label: image.label ?? previous.label,
+              ...image.caption ? { caption: image.caption } : {},
+              ...previous.controlLabels ? { controlLabels: previous.controlLabels } : {}
+            } : previous
+          );
+          return;
+        }
+      })();
+    },
+    [gallery, sourceOwner]
+  );
+  const galleryOpen = state !== null && gallery !== null;
+  useEffect(() => {
+    if (!galleryOpen) return;
+    const onKeyDown = (event) => {
+      if (event.defaultPrevented || event.altKey || event.ctrlKey || event.metaKey) return;
+      if (isEditableTarget(event.target)) return;
+      if (event.key === "ArrowLeft" || event.key === "ArrowRight") {
+        event.preventDefault();
+        step(event.key === "ArrowLeft" ? -1 : 1);
+      }
+    };
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [galleryOpen, step]);
+  const controller = useMemo(() => ({ open }), [open]);
+  return /* @__PURE__ */ jsxs(LightboxContext.Provider, { value: controller, children: [
+    /* @__PURE__ */ jsx(LightboxGalleryContext.Provider, { value: registry, children }),
+    /* @__PURE__ */ jsx(Dialog.Root, { open: state !== null, onOpenChange: (next) => !next && close(), children: /* @__PURE__ */ jsx(AnimatePresence, { children: state !== null ? /* @__PURE__ */ jsxs(Dialog.Portal, { forceMount: true, children: [
+      /* @__PURE__ */ jsx(Dialog.Overlay, { asChild: true, forceMount: true, children: /* @__PURE__ */ jsx(
+        motion.div,
+        {
+          initial: { opacity: 0 },
+          animate: { opacity: 1 },
+          exit: { opacity: 0 },
+          transition: { duration: 0.15 },
+          className: "og-root fixed inset-0 z-50 bg-black/90 backdrop-blur-md",
+          style: portalStyle
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        Dialog.Content,
+        {
+          asChild: true,
+          forceMount: true,
+          "aria-label": state.label,
+          onOpenAutoFocus: (event) => event.preventDefault(),
+          children: /* @__PURE__ */ jsxs(
+            motion.div,
+            {
+              initial: { opacity: 0, scale: 0.98 },
+              animate: { opacity: 1, scale: 1 },
+              exit: { opacity: 0, scale: 0.98 },
+              transition: { duration: 0.18, ease: [0.16, 1, 0.3, 1] },
+              onClick: (event) => {
+                if (event.target === event.currentTarget) {
+                  close();
+                }
+              },
+              className: "og-root fixed inset-0 z-50 flex items-center justify-center p-6 sm:p-12",
+              style: portalStyle,
+              children: [
+                /* @__PURE__ */ jsx(Dialog.Title, { className: "sr-only", children: state.label }),
+                /* @__PURE__ */ jsx(Dialog.Description, { className: "sr-only", children: state.caption ?? `Expanded ${state.label.toLowerCase()}` }),
+                gallery ? /* @__PURE__ */ jsx(
+                  LightboxStepButton,
+                  {
+                    direction: "previous",
+                    label: state.controlLabels?.previous ?? "Previous image",
+                    onClick: () => step(-1)
+                  }
+                ) : null,
+                /* @__PURE__ */ jsxs("figure", { className: "m-0 flex max-h-full max-w-5xl flex-col items-center gap-3", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "relative flex min-h-0 w-fit max-w-full", children: [
+                    /* @__PURE__ */ jsx(
+                      "img",
+                      {
+                        src: state.src,
+                        alt: state.caption ?? state.label,
+                        className: "min-h-0 max-h-[82vh] w-auto max-w-full rounded-og-md border border-white/10 object-contain shadow-og-lg"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      ScreenshotLightboxControls,
+                      {
+                        src: state.src,
+                        downloadFilename: state.downloadFilename,
+                        controlLabels: state.controlLabels
+                      }
+                    )
+                  ] }),
+                  gallery ? /* @__PURE__ */ jsxs("figcaption", { className: "flex max-w-2xl flex-col items-center gap-1 text-center font-og-mono text-og-xs", children: [
+                    state.caption ? /* @__PURE__ */ jsx("span", { className: "text-white/55", children: state.caption }) : null,
+                    /* @__PURE__ */ jsxs("span", { className: "tabular-nums text-white/35", "aria-live": "polite", children: [
+                      gallery.index + 1,
+                      " of ",
+                      gallery.items.length
+                    ] })
+                  ] }) : state.caption ? /* @__PURE__ */ jsx("figcaption", { className: "max-w-2xl text-center font-og-mono text-og-xs text-white/55", children: state.caption }) : /* @__PURE__ */ jsx("figcaption", { className: "font-og-mono text-og-xs uppercase tracking-[0.1em] text-white/35", children: "Esc or click outside to close" })
+                ] }),
+                gallery ? /* @__PURE__ */ jsx(
+                  LightboxStepButton,
+                  {
+                    direction: "next",
+                    label: state.controlLabels?.next ?? "Next image",
+                    onClick: () => step(1)
+                  }
+                ) : null
+              ]
+            }
+          )
+        }
+      )
+    ] }) : null }) })
+  ] });
+}
+function LightboxStepButton({
+  direction,
+  label,
+  onClick
+}) {
+  const Icon = direction === "previous" ? ChevronLeftIcon : ChevronRightIcon;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick,
+      "aria-label": label,
+      className: cn(
+        "absolute top-1/2 z-10 inline-flex size-11 -translate-y-1/2 items-center justify-center rounded-full",
+        "border border-white/15 bg-black/60 text-white/70 backdrop-blur",
+        "transition-colors hover:border-white/30 hover:text-white",
+        "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-white/50",
+        direction === "previous" ? "left-3 sm:left-6" : "right-3 sm:right-6"
+      ),
+      children: /* @__PURE__ */ jsx(Icon, { className: "size-5" })
+    }
+  );
+}
+function ScreenshotLightboxControls({
+  src,
+  downloadFilename,
+  controlLabels
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "absolute -right-3 -top-3 flex items-center gap-2", children: [
+    downloadFilename ? /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: src,
+        download: downloadFilename,
+        className: cn(
+          "inline-flex size-9 items-center justify-center rounded-full",
+          "border border-white/15 bg-black/60 text-white/70 backdrop-blur",
+          "transition-colors hover:border-white/30 hover:text-white"
+        ),
+        "aria-label": controlLabels?.download ?? `Download ${downloadFilename}`,
+        children: /* @__PURE__ */ jsx(DownloadIcon, { className: "size-4" })
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(
+      Dialog.Close,
+      {
+        className: cn(
+          "inline-flex size-9 items-center justify-center rounded-full",
+          "border border-white/15 bg-black/60 text-white/70 backdrop-blur",
+          "transition-colors hover:border-white/30 hover:text-white"
+        ),
+        "aria-label": controlLabels?.close ?? "Close",
+        children: /* @__PURE__ */ jsx(XIcon, { className: "size-4" })
+      }
+    )
+  ] });
+}
+
+// src/components/tooltip.tsx
+import { Tooltip as TooltipPrimitive } from "radix-ui";
+import {
+  createContext as createContext2,
+  useContext as useContext2,
+  useLayoutEffect,
+  useMemo as useMemo2,
+  useRef as useRef2,
+  useState as useState2
+} from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var TooltipSourceContext = createContext2(null);
+function TooltipProvider({
+  delayDuration = 300,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(TooltipPrimitive.Provider, { delayDuration, ...props });
+}
+function Tooltip({ children, ...props }) {
+  const { onOpenChange, ...rootProps } = props;
+  const sourceRef = useRef2(null);
+  const sourcePublishedRef = useRef2(false);
+  const [source, setSource] = useState2(null);
+  const ref = useRef2((node) => {
+    sourceRef.current = node;
+    if (sourcePublishedRef.current) setSource(node);
+  }).current;
+  useLayoutEffect(() => {
+    if (rootProps.open === true || rootProps.defaultOpen === true) {
+      sourcePublishedRef.current = true;
+      setSource(sourceRef.current);
+    }
+  }, [rootProps.defaultOpen, rootProps.open]);
+  const sourceContext = useMemo2(() => ({ source, ref }), [ref, source]);
+  return /* @__PURE__ */ jsx2(TooltipSourceContext.Provider, { value: sourceContext, children: /* @__PURE__ */ jsx2(
+    TooltipPrimitive.Root,
+    {
+      "data-slot": "tooltip",
+      onOpenChange: (open) => {
+        if (open) {
+          sourcePublishedRef.current = true;
+          setSource(sourceRef.current);
+        }
+        onOpenChange?.(open);
+      },
+      ...rootProps,
+      children
+    }
+  ) });
+}
+function TooltipTrigger({
+  asChild = true,
+  ...props
+}) {
+  const sourceRef = useContext2(TooltipSourceContext);
+  return /* @__PURE__ */ jsx2(
+    TooltipPrimitive.Trigger,
+    {
+      "data-slot": "tooltip-trigger",
+      asChild,
+      ref: (node) => {
+        sourceRef?.ref(node);
+      },
+      ...props
+    }
+  );
+}
+var tooltipSurfaceStyle = {
+  backgroundColor: "var(--og-color-fg)",
+  color: "var(--og-color-bg)"
+};
+function TooltipContent({
+  className,
+  sideOffset = 6,
+  children,
+  style,
+  ...props
+}) {
+  const source = useContext2(TooltipSourceContext);
+  const portalStyle = usePortalTokenStyle(source?.source ?? null);
+  return /* @__PURE__ */ jsx2(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs2(
+    TooltipPrimitive.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(
+        "og-root z-50 w-fit max-w-xs origin-[var(--radix-tooltip-content-transform-origin)]",
+        "rounded-og-md px-2.5 py-1.5 text-og-xs leading-4 text-balance shadow-og-md",
+        "animate-og-enter data-[state=closed]:opacity-0 data-[state=closed]:transition-opacity",
+        className
+      ),
+      style: { ...portalStyle, ...tooltipSurfaceStyle, ...style },
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx2(
+          TooltipPrimitive.Arrow,
+          {
+            className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]",
+            style: {
+              backgroundColor: "var(--og-color-fg)",
+              fill: "var(--og-color-fg)"
+            }
+          }
+        )
+      ]
+    }
+  ) });
+}
+
+export {
+  useLightboxGalleryItem,
+  useLightbox,
+  useLightboxOptional,
+  LightboxProvider,
+  TooltipProvider,
+  Tooltip,
+  TooltipTrigger,
+  TooltipContent
+};
+//# sourceMappingURL=chunk-KSGQ5ODA.js.map

package/dist/chunk-KSGQ5ODA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/timeline/screenshot-lightbox.tsx","../src/components/tooltip.tsx"],"sourcesContent":["import { ChevronLeftIcon, ChevronRightIcon, DownloadIcon, XIcon } from \"lucide-react\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n  type RefObject,\n} from \"react\";\nimport { Dialog } from \"radix-ui\";\nimport { cn } from \"../lib/cn\";\nimport { usePortalTokenStyle } from \"../lib/use-portal-token-style\";\n\n/* ----------------------------------------------------------------------------\n   Screenshot lightbox\n\n   A single, app-level lightbox the computer_call / view_image renderers open by\n   `src`. Built on Radix Dialog so it is focus-trapped, ESC-closable, and\n   scroll-locked — fixing the v1 mockup's broken expand (an absolutely-positioned\n   <img> that overflowed its row). The image is centered, constrained to the\n   viewport (`max-w/max-h` + `object-contain`), and sits on a dimmed backdrop.\n\n   Consumers render `<LightboxProvider>` once near the timeline; renderers call\n   `useLightbox().open(src)`.\n   -------------------------------------------------------------------------- */\n\ntype LightboxController = {\n  open: (\n    src: string,\n    caption?: string,\n    source?: HTMLElement | null,\n    label?: string,\n    downloadFilename?: string,\n    controlLabels?: LightboxControlLabels,\n    releaseSource?: () => void,\n  ) => void;\n};\n\nexport type LightboxControlLabels = {\n  download?: string | undefined;\n  close?: string | undefined;\n  previous?: string | undefined;\n  next?: string | undefined;\n};\n\nconst LightboxContext = createContext<LightboxController | null>(null);\n\n/** One image the open lightbox can page to, resolved only when it is shown. */\nexport type LightboxGalleryImage = {\n  src: string;\n  caption?: string | undefined;\n  label?: string | undefined;\n  /** Releases a source owned by this load, such as an object URL. */\n  release?: (() => void) | undefined;\n};\n\nexport type LightboxGalleryEntry = {\n  /** Whether this entry currently resolves to an image; defaults to yes. */\n  isImage?: (() => Promise<boolean>) | undefined;\n  load: () => Promise<LightboxGalleryImage | null>;\n};\n\ntype RegisteredGalleryEntry = {\n  element: HTMLElement;\n  entry: { current: LightboxGalleryEntry };\n};\n\ntype LightboxGalleryRegistry = {\n  register: (item: RegisteredGalleryEntry) => () => void;\n};\n\nconst LightboxGalleryContext = createContext<LightboxGalleryRegistry | null>(null);\n\n/** Images in one timeline page together; elsewhere the whole document does. */\nconst GALLERY_ROOT_SELECTOR = \"[data-og-timeline-scroller]\";\n\nfunction isEditableTarget(target: EventTarget | null): boolean {\n  if (!(target instanceof HTMLElement)) return false;\n  return (\n    target.isContentEditable ||\n    target.closest('input, textarea, select, [contenteditable]:not([contenteditable=\"false\"])') !==\n      null\n  );\n}\n\n/**\n * Adds the element's image to the lightbox gallery so an open lightbox can page\n * to it with the arrow controls, in document order. The entry is resolved only\n * when it is shown, so deferred images that never scrolled into view still page.\n * A lightbox opened from inside the element starts at this entry.\n */\nexport function useLightboxGalleryItem(\n  ref: RefObject<HTMLElement | null>,\n  entry: LightboxGalleryEntry | null,\n): void {\n  const registry = useContext(LightboxGalleryContext);\n  const latest = useRef(entry);\n  latest.current = entry;\n  const enabled = entry !== null;\n  useEffect(() => {\n    const element = ref.current;\n    if (!registry || !element || !enabled) return;\n    return registry.register({\n      element,\n      entry: latest as { current: LightboxGalleryEntry },\n    });\n  }, [registry, ref, enabled]);\n}\n\n/** Open the app-level screenshot lightbox. No-op outside a `LightboxProvider`. */\nexport function useLightbox(): LightboxController {\n  return useContext(LightboxContext) ?? NOOP;\n}\n\n/**\n * The lightbox controller when one is mounted, or `null` outside a\n * `LightboxProvider`. Lets a media primitive degrade to a non-interactive image\n * (rather than a dead \"Expand\" button that announces an action it cannot do).\n */\nexport function useLightboxOptional(): LightboxController | null {\n  return useContext(LightboxContext);\n}\n\nconst NOOP: LightboxController = { open: () => {} };\n\n/** @internal Owns one optional retained lightbox source and releases it exactly once. */\nexport function createLightboxSourceOwner() {\n  let releaseCurrent: (() => void) | null = null;\n  return {\n    replace(release?: (() => void) | undefined) {\n      const previous = releaseCurrent;\n      releaseCurrent = release ?? null;\n      previous?.();\n    },\n    release() {\n      const release = releaseCurrent;\n      releaseCurrent = null;\n      release?.();\n    },\n  };\n}\n\n/**\n * The app-level screenshot lightbox. Render once near the timeline; renderers\n * call `useLightbox().open(src)`.\n *\n * Idempotent by design: when an ancestor `LightboxProvider` already exists (e.g.\n * a `MessageTimeline` mounted inside an app that already wraps its shell), this\n * one becomes a pass-through and does NOT mount a second focus-trapping Dialog.\n * That keeps `MessageTimeline` self-sufficient (it owns its own provider) while\n * composing cleanly when nested.\n */\nexport function LightboxProvider({ children }: { children: ReactNode }) {\n  const ancestor = useContext(LightboxContext);\n  if (ancestor) {\n    return <>{children}</>;\n  }\n  return <LightboxRoot>{children}</LightboxRoot>;\n}\n\nfunction LightboxRoot({ children }: { children: ReactNode }) {\n  const [state, setState] = useState<{\n    src: string;\n    caption?: string;\n    label: string;\n    downloadFilename?: string;\n    controlLabels?: LightboxControlLabels;\n  } | null>(null);\n  const [tokenSource, setTokenSource] = useState<HTMLElement | null>(null);\n  const sourceOwner = useMemo(() => createLightboxSourceOwner(), []);\n  const portalStyle = usePortalTokenStyle(tokenSource);\n  const entries = useRef(new Set<RegisteredGalleryEntry>());\n  const [gallery, setGallery] = useState<{\n    items: RegisteredGalleryEntry[];\n    index: number;\n  } | null>(null);\n  // Fences stale gallery discovery and navigation after a newer open or step.\n  const generation = useRef(0);\n\n  const registry = useMemo<LightboxGalleryRegistry>(\n    () => ({\n      register(item) {\n        entries.current.add(item);\n        return () => {\n          entries.current.delete(item);\n        };\n      },\n    }),\n    [],\n  );\n\n  const releaseCurrentSource = useCallback(() => {\n    sourceOwner.release();\n  }, [sourceOwner]);\n\n  // Unmount also fences in-flight discovery and paging, so a load that settles\n  // afterwards releases its own source instead of handing it to a dead owner.\n  useEffect(\n    () => () => {\n      generation.current++;\n      releaseCurrentSource();\n    },\n    [releaseCurrentSource],\n  );\n\n  const discoverGallery = useCallback((source: HTMLElement, token: number) => {\n    const root = source.closest(GALLERY_ROOT_SELECTOR) ?? source.ownerDocument.body;\n    const candidates = [...entries.current]\n      .filter((item) => item.element.isConnected && root.contains(item.element))\n      .sort((a, b) =>\n        a.element.compareDocumentPosition(b.element) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1,\n      );\n    // The innermost entry holding the clicked image comes last in document order.\n    const current = candidates.filter((item) => item.element.contains(source)).pop();\n    if (!current) return;\n    void Promise.all(\n      candidates.map((item) =>\n        item === current\n          ? Promise.resolve(true)\n          : (item.entry.current.isImage?.() ?? Promise.resolve(true)).catch(() => false),\n      ),\n    ).then((images) => {\n      if (generation.current !== token) return;\n      const items = candidates.filter((_, index) => images[index]);\n      if (items.length > 1) setGallery({ items, index: items.indexOf(current) });\n    });\n  }, []);\n\n  const open = useCallback(\n    (\n      src: string,\n      caption?: string,\n      source?: HTMLElement | null,\n      label = \"Screenshot\",\n      downloadFilename?: string,\n      controlLabels?: LightboxControlLabels,\n      releaseSource?: () => void,\n    ) => {\n      const token = ++generation.current;\n      sourceOwner.replace(releaseSource);\n      setTokenSource(source ?? null);\n      setGallery(null);\n      setState({\n        src,\n        label,\n        ...(caption ? { caption } : {}),\n        ...(downloadFilename ? { downloadFilename } : {}),\n        ...(controlLabels ? { controlLabels } : {}),\n      });\n      if (source) discoverGallery(source, token);\n    },\n    [sourceOwner, discoverGallery],\n  );\n\n  const close = useCallback(() => {\n    generation.current++;\n    releaseCurrentSource();\n    setState(null);\n    setTokenSource(null);\n    setGallery(null);\n  }, [releaseCurrentSource]);\n\n  const step = useCallback(\n    (delta: 1 | -1) => {\n      if (!gallery) return;\n      const token = ++generation.current;\n      const count = gallery.items.length;\n      void (async () => {\n        // Skip entries that no longer resolve, but never loop past the start.\n        for (let offset = 1; offset < count; offset++) {\n          const index = (((gallery.index + delta * offset) % count) + count) % count;\n          const image = await gallery.items[index]!.entry.current.load().catch(() => null);\n          if (generation.current !== token) {\n            image?.release?.();\n            return;\n          }\n          if (!image) continue;\n          sourceOwner.replace(image.release);\n          setGallery({ items: gallery.items, index });\n          setState((previous) =>\n            previous\n              ? {\n                  src: image.src,\n                  label: image.label ?? previous.label,\n                  ...(image.caption ? { caption: image.caption } : {}),\n                  ...(previous.controlLabels ? { controlLabels: previous.controlLabels } : {}),\n                }\n              : previous,\n          );\n          return;\n        }\n      })();\n    },\n    [gallery, sourceOwner],\n  );\n\n  const galleryOpen = state !== null && gallery !== null;\n  useEffect(() => {\n    if (!galleryOpen) return;\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.defaultPrevented || event.altKey || event.ctrlKey || event.metaKey) return;\n      // Arrow keys typed into a field move its caret; they never page images.\n      if (isEditableTarget(event.target)) return;\n      if (event.key === \"ArrowLeft\" || event.key === \"ArrowRight\") {\n        event.preventDefault();\n        step(event.key === \"ArrowLeft\" ? -1 : 1);\n      }\n    };\n    window.addEventListener(\"keydown\", onKeyDown);\n    return () => window.removeEventListener(\"keydown\", onKeyDown);\n  }, [galleryOpen, step]);\n\n  const controller = useMemo<LightboxController>(() => ({ open }), [open]);\n\n  return (\n    <LightboxContext.Provider value={controller}>\n      <LightboxGalleryContext.Provider value={registry}>{children}</LightboxGalleryContext.Provider>\n      <Dialog.Root open={state !== null} onOpenChange={(next) => !next && close()}>\n        <AnimatePresence>\n          {state !== null ? (\n            <Dialog.Portal forceMount>\n              <Dialog.Overlay asChild forceMount>\n                <motion.div\n                  initial={{ opacity: 0 }}\n                  animate={{ opacity: 1 }}\n                  exit={{ opacity: 0 }}\n                  transition={{ duration: 0.15 }}\n                  className=\"og-root fixed inset-0 z-50 bg-black/90 backdrop-blur-md\"\n                  style={portalStyle}\n                />\n              </Dialog.Overlay>\n              <Dialog.Content\n                asChild\n                forceMount\n                aria-label={state.label}\n                onOpenAutoFocus={(event) => event.preventDefault()}\n              >\n                <motion.div\n                  initial={{ opacity: 0, scale: 0.98 }}\n                  animate={{ opacity: 1, scale: 1 }}\n                  exit={{ opacity: 0, scale: 0.98 }}\n                  transition={{ duration: 0.18, ease: [0.16, 1, 0.3, 1] }}\n                  // Content is a full-inset centering wrapper layered above the\n                  // Overlay, so Radix's own click-outside (which fires on the\n                  // Overlay) can never see a backdrop click — every click lands on\n                  // Content. We make Content's own backdrop dismiss: a click whose\n                  // target is the wrapper itself (not the figure) closes it, so the\n                  // figcaption's \"click outside to close\" affordance is real.\n                  onClick={(event) => {\n                    if (event.target === event.currentTarget) {\n                      close();\n                    }\n                  }}\n                  className=\"og-root fixed inset-0 z-50 flex items-center justify-center p-6 sm:p-12\"\n                  style={portalStyle}\n                >\n                  <Dialog.Title className=\"sr-only\">{state.label}</Dialog.Title>\n                  <Dialog.Description className=\"sr-only\">\n                    {state.caption ?? `Expanded ${state.label.toLowerCase()}`}\n                  </Dialog.Description>\n                  {gallery ? (\n                    <LightboxStepButton\n                      direction=\"previous\"\n                      label={state.controlLabels?.previous ?? \"Previous image\"}\n                      onClick={() => step(-1)}\n                    />\n                  ) : null}\n                  {/* The figure is one self-contained object: image, caption, and\n                      its own close control. The close button anchors to a wrapper\n                      sized to the IMAGE (w-fit), so it hugs the real top-right\n                      corner regardless of aspect ratio — never floating into the\n                      empty space of a wide figure column. */}\n                  <figure className=\"m-0 flex max-h-full max-w-5xl flex-col items-center gap-3\">\n                    <div className=\"relative flex min-h-0 w-fit max-w-full\">\n                      {/* A plain <img>: this SDK is framework-agnostic, with no host Image component. */}\n                      <img\n                        src={state.src}\n                        alt={state.caption ?? state.label}\n                        className=\"min-h-0 max-h-[82vh] w-auto max-w-full rounded-og-md border border-white/10 object-contain shadow-og-lg\"\n                      />\n                      <ScreenshotLightboxControls\n                        src={state.src}\n                        downloadFilename={state.downloadFilename}\n                        controlLabels={state.controlLabels}\n                      />\n                    </div>\n                    {gallery ? (\n                      <figcaption className=\"flex max-w-2xl flex-col items-center gap-1 text-center font-og-mono text-og-xs\">\n                        {state.caption ? (\n                          <span className=\"text-white/55\">{state.caption}</span>\n                        ) : null}\n                        <span className=\"tabular-nums text-white/35\" aria-live=\"polite\">\n                          {gallery.index + 1} of {gallery.items.length}\n                        </span>\n                      </figcaption>\n                    ) : state.caption ? (\n                      <figcaption className=\"max-w-2xl text-center font-og-mono text-og-xs text-white/55\">\n                        {state.caption}\n                      </figcaption>\n                    ) : (\n                      <figcaption className=\"font-og-mono text-og-xs uppercase tracking-[0.1em] text-white/35\">\n                        Esc or click outside to close\n                      </figcaption>\n                    )}\n                  </figure>\n                  {gallery ? (\n                    <LightboxStepButton\n                      direction=\"next\"\n                      label={state.controlLabels?.next ?? \"Next image\"}\n                      onClick={() => step(1)}\n                    />\n                  ) : null}\n                </motion.div>\n              </Dialog.Content>\n            </Dialog.Portal>\n          ) : null}\n        </AnimatePresence>\n      </Dialog.Root>\n    </LightboxContext.Provider>\n  );\n}\n\n/** Pages the open lightbox to the neighboring gallery image, wrapping around. */\nfunction LightboxStepButton({\n  direction,\n  label,\n  onClick,\n}: {\n  direction: \"previous\" | \"next\";\n  label: string;\n  onClick: () => void;\n}) {\n  const Icon = direction === \"previous\" ? ChevronLeftIcon : ChevronRightIcon;\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      aria-label={label}\n      className={cn(\n        \"absolute top-1/2 z-10 inline-flex size-11 -translate-y-1/2 items-center justify-center rounded-full\",\n        \"border border-white/15 bg-black/60 text-white/70 backdrop-blur\",\n        \"transition-colors hover:border-white/30 hover:text-white\",\n        \"focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-white/50\",\n        direction === \"previous\" ? \"left-3 sm:left-6\" : \"right-3 sm:right-6\",\n      )}\n    >\n      <Icon className=\"size-5\" />\n    </button>\n  );\n}\n\n/** @internal Exact controls rendered by an open screenshot lightbox. */\nexport function ScreenshotLightboxControls({\n  src,\n  downloadFilename,\n  controlLabels,\n}: {\n  src: string;\n  downloadFilename?: string | undefined;\n  controlLabels?: LightboxControlLabels | undefined;\n}) {\n  return (\n    <div className=\"absolute -right-3 -top-3 flex items-center gap-2\">\n      {downloadFilename ? (\n        <a\n          href={src}\n          download={downloadFilename}\n          className={cn(\n            \"inline-flex size-9 items-center justify-center rounded-full\",\n            \"border border-white/15 bg-black/60 text-white/70 backdrop-blur\",\n            \"transition-colors hover:border-white/30 hover:text-white\",\n          )}\n          aria-label={controlLabels?.download ?? `Download ${downloadFilename}`}\n        >\n          <DownloadIcon className=\"size-4\" />\n        </a>\n      ) : null}\n      <Dialog.Close\n        className={cn(\n          \"inline-flex size-9 items-center justify-center rounded-full\",\n          \"border border-white/15 bg-black/60 text-white/70 backdrop-blur\",\n          \"transition-colors hover:border-white/30 hover:text-white\",\n        )}\n        aria-label={controlLabels?.close ?? \"Close\"}\n      >\n        <XIcon className=\"size-4\" />\n      </Dialog.Close>\n    </div>\n  );\n}\n","/**\n * Token-styled Radix tooltip — SDK counterpart to apps/web `components/ui/tooltip`.\n * Portals copy `--og-*` tokens so embeds keep the host theme outside `.og-root`.\n *\n * Background/foreground are applied as inline styles (not only Tailwind\n * utilities): `.og-root` sets `color: var(--og-color-fg)` after utilities in the\n * consumer CSS cascade, which would otherwise paint light-on-light inverted\n * tips and look like a blank white bubble.\n */\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\";\nimport {\n  createContext,\n  useContext,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentProps,\n  type CSSProperties,\n} from \"react\";\n\nimport { cn } from \"../lib/cn\";\nimport { usePortalTokenStyle } from \"../lib/use-portal-token-style\";\n\ntype TooltipSourceContextValue = {\n  source: HTMLElement | null;\n  ref: (node: HTMLElement | null) => void;\n};\n\nconst TooltipSourceContext = createContext<TooltipSourceContextValue | null>(null);\n\nfunction TooltipProvider({\n  delayDuration = 300,\n  ...props\n}: ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return <TooltipPrimitive.Provider delayDuration={delayDuration} {...props} />;\n}\n\nfunction Tooltip({ children, ...props }: ComponentProps<typeof TooltipPrimitive.Root>) {\n  const { onOpenChange, ...rootProps } = props;\n  const sourceRef = useRef<HTMLElement | null>(null);\n  const sourcePublishedRef = useRef(false);\n  const [source, setSource] = useState<HTMLElement | null>(null);\n  const ref = useRef((node: HTMLElement | null) => {\n    sourceRef.current = node;\n    if (sourcePublishedRef.current) setSource(node);\n  }).current;\n  useLayoutEffect(() => {\n    if (rootProps.open === true || rootProps.defaultOpen === true) {\n      sourcePublishedRef.current = true;\n      setSource(sourceRef.current);\n    }\n  }, [rootProps.defaultOpen, rootProps.open]);\n  const sourceContext = useMemo(() => ({ source, ref }), [ref, source]);\n  return (\n    <TooltipSourceContext.Provider value={sourceContext}>\n      <TooltipPrimitive.Root\n        data-slot=\"tooltip\"\n        onOpenChange={(open) => {\n          if (open) {\n            sourcePublishedRef.current = true;\n            setSource(sourceRef.current);\n          }\n          onOpenChange?.(open);\n        }}\n        {...rootProps}\n      >\n        {children}\n      </TooltipPrimitive.Root>\n    </TooltipSourceContext.Provider>\n  );\n}\n\nfunction TooltipTrigger({\n  asChild = true,\n  ...props\n}: ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  const sourceRef = useContext(TooltipSourceContext);\n  return (\n    <TooltipPrimitive.Trigger\n      data-slot=\"tooltip-trigger\"\n      asChild={asChild}\n      ref={(node) => {\n        sourceRef?.ref(node);\n      }}\n      {...props}\n    />\n  );\n}\n\nconst tooltipSurfaceStyle: CSSProperties = {\n  backgroundColor: \"var(--og-color-fg)\",\n  color: \"var(--og-color-bg)\",\n};\n\nfunction TooltipContent({\n  className,\n  sideOffset = 6,\n  children,\n  style,\n  ...props\n}: ComponentProps<typeof TooltipPrimitive.Content>) {\n  const source = useContext(TooltipSourceContext);\n  const portalStyle = usePortalTokenStyle(source?.source ?? null);\n\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"og-root z-50 w-fit max-w-xs origin-[var(--radix-tooltip-content-transform-origin)]\",\n          \"rounded-og-md px-2.5 py-1.5 text-og-xs leading-4 text-balance shadow-og-md\",\n          \"animate-og-enter data-[state=closed]:opacity-0 data-[state=closed]:transition-opacity\",\n          className,\n        )}\n        style={{ ...portalStyle, ...tooltipSurfaceStyle, ...style }}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow\n          className=\"z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\"\n          style={{\n            backgroundColor: \"var(--og-color-fg)\",\n            fill: \"var(--og-color-fg)\",\n          }}\n        />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };\n"],"mappings":"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","names":["createContext","useContext","useMemo","useRef","useState","jsx","jsxs","createContext","useRef","useState","useMemo","useContext"]}