@opengeni/react 0.34.2 → 0.35.2

package/dist/{chunk-GZ4KR67U.js → chunk-ALA3UGWB.js}

@@ -10,7 +10,7 @@ import {
 import {
   formatBytes,
   formatRelativeTime
-} from "./chunk-4QOQ2DSR.js";
+} from "./chunk-LAKLF4PA.js";
 
 // src/types/machines.ts
 function connectionStatusForState(state) {
@@ -1955,4 +1955,4 @@ export {
   OpenGeniProvider,
   useMachines
 };
-//# sourceMappingURL=chunk-GZ4KR67U.js.map
+//# sourceMappingURL=chunk-ALA3UGWB.js.map

package/dist/chunk-ATSTR5P3.js

@@ -0,0 +1,138 @@
+import {
+  cn
+} from "./chunk-TK7G6XLT.js";
+
+// src/components/tooltip.tsx
+import { Tooltip as TooltipPrimitive } from "radix-ui";
+import {
+  createContext,
+  useContext,
+  useRef
+} from "react";
+
+// src/lib/use-portal-token-style.ts
+import { useEffect, useState } from "react";
+function usePortalTokenStyle(sourceRef) {
+  const [style, setStyle] = useState({});
+  useEffect(() => {
+    const source = sourceRef.current;
+    if (!source || typeof MutationObserver === "undefined") return;
+    let signature = "";
+    const sync = () => {
+      const computed = getComputedStyle(source);
+      const next = { colorScheme: computed.colorScheme };
+      for (let index = 0; index < computed.length; index += 1) {
+        const property = computed.item(index);
+        if (!property.startsWith("--og-")) continue;
+        next[property] = computed.getPropertyValue(property);
+      }
+      const nextSignature = JSON.stringify(next);
+      if (nextSignature !== signature) {
+        signature = nextSignature;
+        setStyle(next);
+      }
+    };
+    const observers = [];
+    let ancestor = source;
+    while (ancestor) {
+      const observer = new MutationObserver(sync);
+      observer.observe(ancestor, {
+        attributes: true,
+        attributeFilter: ["class", "data-og-theme", "style"]
+      });
+      observers.push(observer);
+      ancestor = ancestor.parentElement;
+    }
+    const colorScheme = window.matchMedia?.("(prefers-color-scheme: dark)");
+    colorScheme?.addEventListener?.("change", sync);
+    sync();
+    return () => {
+      for (const observer of observers) observer.disconnect();
+      colorScheme?.removeEventListener?.("change", sync);
+    };
+  }, [sourceRef]);
+  return style;
+}
+
+// src/components/tooltip.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var TooltipSourceContext = createContext(null);
+function TooltipProvider({
+  delayDuration = 300,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, { delayDuration, ...props });
+}
+function Tooltip({ children, ...props }) {
+  const sourceRef = useRef(null);
+  return /* @__PURE__ */ jsx(TooltipSourceContext.Provider, { value: sourceRef, children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props, children }) });
+}
+function TooltipTrigger({
+  asChild = true,
+  ...props
+}) {
+  const sourceRef = useContext(TooltipSourceContext);
+  return /* @__PURE__ */ jsx(
+    TooltipPrimitive.Trigger,
+    {
+      "data-slot": "tooltip-trigger",
+      asChild,
+      ref: (node) => {
+        if (sourceRef) sourceRef.current = node;
+      },
+      ...props
+    }
+  );
+}
+var tooltipSurfaceStyle = {
+  backgroundColor: "var(--og-color-fg)",
+  color: "var(--og-color-bg)"
+};
+function TooltipContent({
+  className,
+  sideOffset = 6,
+  children,
+  style,
+  ...props
+}) {
+  const sourceRef = useContext(TooltipSourceContext);
+  const fallbackRef = useRef(null);
+  const portalStyle = usePortalTokenStyle(sourceRef ?? fallbackRef);
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+    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__ */ jsx(
+          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 {
+  usePortalTokenStyle,
+  TooltipProvider,
+  Tooltip,
+  TooltipTrigger,
+  TooltipContent
+};
+//# sourceMappingURL=chunk-ATSTR5P3.js.map

package/dist/chunk-ATSTR5P3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/tooltip.tsx","../src/lib/use-portal-token-style.ts"],"sourcesContent":["/**\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  useRef,\n  type ComponentProps,\n  type CSSProperties,\n  type RefObject,\n} from \"react\";\n\nimport { cn } from \"../lib/cn\";\nimport { usePortalTokenStyle } from \"../lib/use-portal-token-style\";\n\nconst TooltipSourceContext = createContext<RefObject<HTMLElement | null> | 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 sourceRef = useRef<HTMLElement | null>(null);\n  return (\n    <TooltipSourceContext.Provider value={sourceRef}>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props}>\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        if (sourceRef) sourceRef.current = 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 sourceRef = useContext(TooltipSourceContext);\n  const fallbackRef = useRef<HTMLElement | null>(null);\n  const portalStyle = usePortalTokenStyle(sourceRef ?? fallbackRef);\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","import { type CSSProperties, type RefObject, useEffect, useState } from \"react\";\n\nexport type PortalTokenStyle = CSSProperties & Record<`--${string}`, string>;\n\n/**\n * Copy the effective SDK tokens across a portal boundary. A locally themed or\n * rebranded embed cannot rely on CSS inheritance once a portal mounts under\n * `<body>`. Ancestor theme/class/style mutations and OS color-scheme changes\n * keep the copied values live.\n */\nexport function usePortalTokenStyle(sourceRef: RefObject<HTMLElement | null>): PortalTokenStyle {\n  const [style, setStyle] = useState<PortalTokenStyle>({});\n  useEffect(() => {\n    const source = sourceRef.current;\n    if (!source || typeof MutationObserver === \"undefined\") return;\n    let signature = \"\";\n    const sync = () => {\n      const computed = getComputedStyle(source);\n      const next: PortalTokenStyle = { colorScheme: computed.colorScheme };\n      for (let index = 0; index < computed.length; index += 1) {\n        const property = computed.item(index);\n        if (!property.startsWith(\"--og-\")) continue;\n        next[property as `--${string}`] = computed.getPropertyValue(property);\n      }\n      const nextSignature = JSON.stringify(next);\n      if (nextSignature !== signature) {\n        signature = nextSignature;\n        setStyle(next);\n      }\n    };\n    const observers: MutationObserver[] = [];\n    let ancestor: HTMLElement | null = source;\n    while (ancestor) {\n      const observer = new MutationObserver(sync);\n      observer.observe(ancestor, {\n        attributes: true,\n        attributeFilter: [\"class\", \"data-og-theme\", \"style\"],\n      });\n      observers.push(observer);\n      ancestor = ancestor.parentElement;\n    }\n    const colorScheme = window.matchMedia?.(\"(prefers-color-scheme: dark)\");\n    colorScheme?.addEventListener?.(\"change\", sync);\n    sync();\n    return () => {\n      for (const observer of observers) observer.disconnect();\n      colorScheme?.removeEventListener?.(\"change\", sync);\n    };\n  }, [sourceRef]);\n  return style;\n}\n"],"mappings":"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","names":[]}