@apify/ui-library 1.138.1 → 1.138.2-featpublictasks-2f3d3c.52

package/dist/src/components/floating/floating_component_base.d.ts

@@ -1,5 +1,5 @@
 import { type Strategy } from '@floating-ui/react';
-import { type ComponentType, type ReactNode, type RefObject } from 'react';
+import { type ComponentType, type CSSProperties, type ReactNode, type RefObject } from 'react';
 export declare const classNames: {
     CHILDREN: string;
 };
@@ -18,6 +18,70 @@ export declare const FLOATING_PLACEMENT: {
     readonly LEFT_END: "left-end";
 };
 export type FloatingPlacement = (typeof FLOATING_PLACEMENT)[keyof typeof FLOATING_PLACEMENT];
+type UseFloatingPopupOptions = {
+    open: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placement?: FloatingPlacement;
+    strategy?: Strategy;
+    autoPlacements?: FloatingPlacement[];
+    offsetPx?: number;
+};
+/**
+ * Shared `useFloating` + `useTransitionStyles` setup for popup-style components (`Tooltip`,
+ * `Popover`, the inner positioning of `FloatingComponentBase`). Owns the middleware stack
+ * (`offset` / `flip` | `autoPlacement` / `shift` / `hide`) and the side-aware in/out animation,
+ * so individual consumers don't duplicate these.
+ *
+ * Returns the full `useFloating` result plus `isMounted` and `transitionStyles` from
+ * `useTransitionStyles` — destructure what each consumer needs.
+ */
+export declare const useFloatingPopup: ({ open, onOpenChange, placement, strategy, autoPlacements, offsetPx, }: UseFloatingPopupOptions) => {
+    isMounted: boolean;
+    transitionStyles: CSSProperties;
+    placement: import("@floating-ui/react-dom").Placement;
+    strategy: Strategy;
+    middlewareData: import("@floating-ui/react-dom").MiddlewareData;
+    x: number;
+    y: number;
+    isPositioned: boolean;
+    update: () => void;
+    floatingStyles: React.CSSProperties;
+    refs: {
+        reference: import("react").MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
+        floating: React.MutableRefObject<HTMLElement | null>;
+        setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+    elements: {
+        reference: import("@floating-ui/react-dom").ReferenceType | null;
+        floating: HTMLElement | null;
+    } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    context: {
+        x: number;
+        y: number;
+        placement: import("@floating-ui/react-dom").Placement;
+        strategy: Strategy;
+        middlewareData: import("@floating-ui/react-dom").MiddlewareData;
+        isPositioned: boolean;
+        update: () => void;
+        floatingStyles: React.CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean, event?: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string | undefined;
+        floatingId: string | undefined;
+        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    };
+};
+/**
+ * Builds the inline `style` object floating-ui consumers spread onto their popup wrapper:
+ * positioning (`position`/`top`/`left`), `width: 'max-content'`, the `referenceHidden`
+ * visibility toggle, and the in/out transition styles. Centralized so Tooltip / Popover /
+ * `FloatingComponentBase` don't redeclare it.
+ */
+export declare const getFloatingPopupStyle: (floating: ReturnType<typeof useFloatingPopup>) => CSSProperties;
 export interface FloatingComponentBaseProps {
     placement?: FloatingPlacement;
     autoPlacements?: FloatingPlacement[];
@@ -32,9 +96,16 @@ export interface FloatingComponentBaseProps {
     CloseButtonComponent?: ComponentType;
     showInPortal?: boolean;
 }
+/**
+ * Base styling for any popup that renders via floating-ui (Tooltip, Popover, …). Tooltip extends
+ * this via `styled(...)` to layer on its dark theme + tighter padding without re-declaring the
+ * shared rules.
+ */
+export declare const FloatingComponentWrapper: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 /**
  * This is just the base component for Tooltips and Popovers.
  * Don't use this - use Tooltip/HelpPopover instead.
  */
 export declare const FloatingComponentBase: ({ placement, autoPlacements, strategy, content, children, isOpen, triggerRef, className, offsetPx, contentWrapClassName, CloseButtonComponent, showInPortal, }: FloatingComponentBaseProps) => import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=floating_component_base.d.ts.map

package/dist/src/components/floating/floating_component_base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"floating_component_base.d.ts","sourceRoot":"","sources":["../../../../src/components/floating/floating_component_base.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQH,KAAK,QAAQ,EAGhB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EACH,KAAK,aAAa,EAIlB,KAAK,SAAS,EACd,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAKf,eAAO,MAAM,UAAU;;CAEtB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;CAarB,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAU7F,MAAM,WAAW,0BAA0B;IACvC,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,cAAc,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACrC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oBAAoB,CAAC,EAAE,aAAa,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AA4CD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,GAAI,gKAanC,0BAA0B,4CA6E5B,CAAC"}
+{"version":3,"file":"floating_component_base.d.ts","sourceRoot":"","sources":["../../../../src/components/floating/floating_component_base.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQH,KAAK,QAAQ,EAGhB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EACH,KAAK,aAAa,EAClB,KAAK,aAAa,EAGlB,KAAK,SAAS,EACd,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAKf,eAAO,MAAM,UAAU;;CAEtB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;CAarB,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAE7F,KAAK,uBAAuB,GAAG;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,cAAc,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,GAAI,wEAO9B,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCzB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,GAAI,UAAU,UAAU,CAAC,OAAO,gBAAgB,CAAC,KAAG,aAOpF,CAAC;AAUH,MAAM,WAAW,0BAA0B;IACvC,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,cAAc,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACrC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oBAAoB,CAAC,EAAE,aAAa,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,kOAgBpC,CAAC;AA0BF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,GAAI,gKAanC,0BAA0B,4CAuC5B,CAAC"}

package/dist/src/components/floating/floating_component_base.js

@@ -21,7 +21,67 @@ export const FLOATING_PLACEMENT = {
     LEFT_START: 'left-start',
     LEFT_END: 'left-end',
 };
-const FloatingComponentWrapStyled = styled.span `
+/**
+ * Shared `useFloating` + `useTransitionStyles` setup for popup-style components (`Tooltip`,
+ * `Popover`, the inner positioning of `FloatingComponentBase`). Owns the middleware stack
+ * (`offset` / `flip` | `autoPlacement` / `shift` / `hide`) and the side-aware in/out animation,
+ * so individual consumers don't duplicate these.
+ *
+ * Returns the full `useFloating` result plus `isMounted` and `transitionStyles` from
+ * `useTransitionStyles` — destructure what each consumer needs.
+ */
+export const useFloatingPopup = ({ open, onOpenChange, placement = FLOATING_PLACEMENT.TOP, strategy = 'fixed', autoPlacements, offsetPx = 10, }) => {
+    const floating = useFloating({
+        open,
+        onOpenChange,
+        placement,
+        strategy,
+        whileElementsMounted: autoUpdate,
+        middleware: [
+            offset(offsetPx),
+            autoPlacements?.length ? autoPlacement({ allowedPlacements: autoPlacements }) : flip(),
+            shift({ padding: 5 }),
+            hide({ strategy: 'referenceHidden' }),
+        ],
+    });
+    const { isMounted, styles: transitionStyles } = useTransitionStyles(floating.context, {
+        initial: ({ side }) => {
+            switch (side) {
+                case 'top':
+                    return { opacity: 0, scale: '0.9', transform: 'translateY(10px)' };
+                case 'bottom':
+                    return { opacity: 0, scale: '0.9', transform: 'translateY(-10px)' };
+                case 'left':
+                    return { opacity: 0, scale: '0.9', transform: 'translateX(10px)' };
+                case 'right':
+                    return { opacity: 0, scale: '0.9', transform: 'translateX(-10px)' };
+                default:
+                    return {};
+            }
+        },
+    });
+    return { ...floating, isMounted, transitionStyles };
+};
+/**
+ * Builds the inline `style` object floating-ui consumers spread onto their popup wrapper:
+ * positioning (`position`/`top`/`left`), `width: 'max-content'`, the `referenceHidden`
+ * visibility toggle, and the in/out transition styles. Centralized so Tooltip / Popover /
+ * `FloatingComponentBase` don't redeclare it.
+ */
+export const getFloatingPopupStyle = (floating) => ({
+    position: floating.strategy,
+    top: floating.y ?? 0,
+    left: floating.x ?? 0,
+    width: 'max-content',
+    visibility: floating.middlewareData.hide?.referenceHidden ? 'hidden' : 'visible',
+    ...floating.transitionStyles,
+});
+/**
+ * Base styling for any popup that renders via floating-ui (Tooltip, Popover, …). Tooltip extends
+ * this via `styled(...)` to layer on its dark theme + tighter padding without re-declaring the
+ * shared rules.
+ */
+export const FloatingComponentWrapper = styled.span `
     padding: ${theme.space.space16};
     ${theme.typography.shared.mobile.bodyM};
     border-radius: 0.8rem;
@@ -51,7 +111,7 @@ const StyledPopoverBox = styled.div `
 `;
 const FloatingComponentWrap = forwardRef((props, ref) => {
     const { showInPortal, ...rest } = props;
-    const component = _jsx(FloatingComponentWrapStyled, { ...rest, ref: ref });
+    const component = _jsx(FloatingComponentWrapper, { ...rest, ref: ref });
     if (showInPortal) {
         return _jsx(FloatingPortal, { children: component });
     }
@@ -63,45 +123,15 @@ FloatingComponentWrap.displayName = 'FloatingComponentWrap';
  * Don't use this - use Tooltip/HelpPopover instead.
  */
 export const FloatingComponentBase = ({ placement = FLOATING_PLACEMENT.TOP, autoPlacements, strategy = 'fixed', content, children, isOpen = false, triggerRef, className, offsetPx = 10, contentWrapClassName, CloseButtonComponent, showInPortal = false, }) => {
-    const { x, y, refs: { setReference, setFloating }, strategy: effectiveStrategy, middlewareData: { hide: refHidden }, context, } = useFloating({
+    const floating = useFloatingPopup({
         open: isOpen,
         placement,
         strategy,
-        whileElementsMounted: autoUpdate,
-        middleware: [
-            offset(offsetPx),
-            autoPlacements?.length ? autoPlacement({ allowedPlacements: autoPlacements }) : flip(),
-            shift({ padding: 5 }),
-            hide({
-                strategy: 'referenceHidden',
-            }),
-        ],
-    });
-    const { isMounted, styles } = useTransitionStyles(context, {
-        initial: ({ side }) => {
-            switch (side) {
-                case 'top':
-                    return { opacity: 0, scale: '0.9', transform: 'translateY(10px)' };
-                case 'bottom':
-                    return { opacity: 0, scale: '0.9', transform: 'translateY(-10px)' };
-                case 'left':
-                    return { opacity: 0, scale: '0.9', transform: 'translateX(10px)' };
-                case 'right':
-                    return { opacity: 0, scale: '0.9', transform: 'translateX(-10px)' };
-                default:
-                    return {};
-            }
-        },
+        autoPlacements,
+        offsetPx,
     });
     if (!content)
         return _jsx("span", { children: children });
-    return (_jsxs(_Fragment, { children: [_jsx(ChildrenWrap, { className: clsx(classNames.CHILDREN, contentWrapClassName), ref: setReference, children: children }), isMounted && (_jsx(FloatingComponentWrap, { className: className, ref: setFloating, style: {
-                    position: effectiveStrategy,
-                    top: y ?? 0,
-                    left: x ?? 0,
-                    width: 'max-content',
-                    visibility: refHidden?.referenceHidden ? 'hidden' : 'visible',
-                    ...styles,
-                }, onClick: (e) => e.stopPropagation(), showInPortal: showInPortal, children: _jsx("div", { ref: triggerRef, children: CloseButtonComponent ? (_jsxs(StyledPopoverBox, { children: [content, _jsx(CloseButtonComponent, {})] })) : (content) }) }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(ChildrenWrap, { className: clsx(classNames.CHILDREN, contentWrapClassName), ref: floating.refs.setReference, children: children }), floating.isMounted && (_jsx(FloatingComponentWrap, { className: className, ref: floating.refs.setFloating, style: getFloatingPopupStyle(floating), onClick: (e) => e.stopPropagation(), showInPortal: showInPortal, children: _jsx("div", { ref: triggerRef, children: CloseButtonComponent ? (_jsxs(StyledPopoverBox, { children: [content, _jsx(CloseButtonComponent, {})] })) : (content) }) }))] }));
 };
 //# sourceMappingURL=floating_component_base.js.map

package/dist/src/components/floating/floating_component_base.js.map

@@ -1 +1 @@
-{"version":3,"file":"floating_component_base.js","sourceRoot":"","sources":["../../../../src/components/floating/floating_component_base.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"floating_component_base.js","sourceRoot":"","sources":["../../../../src/components/floating/floating_component_base.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/floating/tooltip.d.ts

@@ -13,7 +13,7 @@ export declare const TOOLTIP_SIZES: {
     readonly XLARGE: "xlarge";
 };
 export type TooltipSize = (typeof TOOLTIP_SIZES)[keyof typeof TOOLTIP_SIZES];
-export interface TooltipProps extends Omit<FloatingComponentBaseProps, 'isOpen' | 'size'> {
+export interface TooltipProps extends Omit<FloatingComponentBaseProps, 'isOpen' | 'size' | 'triggerRef' | 'CloseButtonComponent'> {
     as?: ElementType;
     className?: string;
     delayShow?: number;
@@ -28,9 +28,16 @@ interface WithTooltipProps {
     tooltipProps?: TooltipProps;
 }
 /**
- * Tooltip appears on hover, for onclick use Popover
+ * Tooltip appears on hover, for onclick use Popover.
+ *
+ * Reference (the trigger wrapper) and floating (the popup) are rendered as separate DOM subtrees
+ * — the popup is portaled (or rendered as a sibling fragment when `showInPortal={false}`), never
+ * nested inside the trigger. floating-ui's `useHover` resolves open/close state by tracking the
+ * cursor across distinct reference and floating elements; nesting them causes their bounding
+ * rects to overlap and the state machine flips unpredictably (see floating-ui docs on the
+ * reference/floating element separation requirement).
  */
-export declare const Tooltip: ({ as, className, delayShow, delayHide, shortcuts, imageUrl, subtleText, size, textAlign, ...rest }: TooltipProps) => ReactNode;
+export declare const Tooltip: ({ as, className, delayShow, delayHide, shortcuts, imageUrl, subtleText, size, textAlign, placement, autoPlacements, strategy, offsetPx, contentWrapClassName, showInPortal, content, children, }: TooltipProps) => ReactNode;
 export declare function withTooltip<TProps extends Record<string, unknown> = Record<string, unknown>>(Component: ComponentType<TProps>): import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<TProps & WithTooltipProps> & import("react").RefAttributes<HTMLElement>>;
 export {};
 //# sourceMappingURL=tooltip.d.ts.map

package/dist/src/components/floating/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/floating/tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,WAAW,EAAc,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAKnG,OAAO,EAAyB,KAAK,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAGtG,eAAO,MAAM,mBAAmB;;;CAGtB,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AAE9F,eAAO,MAAM,aAAa;;;;;;CAMhB,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE7E,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,0BAA0B,EAAE,QAAQ,GAAG,MAAM,CAAC;IACrF,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAC;CAChC;AAED,UAAU,gBAAgB;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC/B;AA0BD;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,oGAWrB,YAAY,KAAG,SA0CjB,CAAC;AAEF,wBAAgB,WAAW,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACxF,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,sJAcnC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/floating/tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,WAAW,EAAc,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAKnG,OAAO,EACH,KAAK,0BAA0B,EAIlC,MAAM,8BAA8B,CAAC;AAGtC,eAAO,MAAM,mBAAmB;;;CAGtB,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AAE9F,eAAO,MAAM,aAAa;;;;;;CAMhB,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE7E,MAAM,WAAW,YAAa,SAAQ,IAAI,CACtC,0BAA0B,EAC1B,QAAQ,GAAG,MAAM,GAAG,YAAY,GAAG,sBAAsB,CAC5D;IACG,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAC;CAChC;AAED,UAAU,gBAAgB;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC/B;AA0BD;;;;;;;;;GASG;AACH,eAAO,MAAM,OAAO,GAAI,kMAkBrB,YAAY,KAAG,SAgDjB,CAAC;AAEF,wBAAgB,WAAW,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACxF,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,sJAcnC"}

package/dist/src/components/floating/tooltip.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useFloating, useHover, useInteractions } from '@floating-ui/react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { FloatingPortal, useHover, useInteractions } from '@floating-ui/react';
 import { forwardRef, useState } from 'react';
 import styled, { css } from 'styled-components';
 import { theme } from '../../design_system/theme.js';
 import { useSharedUiDependencies } from '../../ui_dependency_provider.js';
-import { FloatingComponentBase } from './floating_component_base.js';
+import { FloatingComponentWrapper, getFloatingPopupStyle, useFloatingPopup, } from './floating_component_base.js';
 import { TooltipContent } from './tooltip_content.js';
 export const TOOLTIP_TEXT_ALIGNS = {
     LEFT: 'left',
@@ -19,7 +19,7 @@ export const TOOLTIP_SIZES = {
 };
 // Using a styled component to get access to the `as` prop
 const TooltipFocusArea = styled.span ``;
-const StyledFloatingComponentBase = styled(FloatingComponentBase) `
+const TooltipPopup = styled(FloatingComponentWrapper) `
     color: ${theme.colorPalette.dark.neutral0};
     background-color: ${theme.colorPalette.dark.neutral900};
     padding: ${theme.space.space8};
@@ -39,30 +39,34 @@ const StyledFloatingComponentBase = styled(FloatingComponentBase) `
         `}
 `;
 /**
- * Tooltip appears on hover, for onclick use Popover
+ * Tooltip appears on hover, for onclick use Popover.
+ *
+ * Reference (the trigger wrapper) and floating (the popup) are rendered as separate DOM subtrees
+ * — the popup is portaled (or rendered as a sibling fragment when `showInPortal={false}`), never
+ * nested inside the trigger. floating-ui's `useHover` resolves open/close state by tracking the
+ * cursor across distinct reference and floating elements; nesting them causes their bounding
+ * rects to overlap and the state machine flips unpredictably (see floating-ui docs on the
+ * reference/floating element separation requirement).
  */
-export const Tooltip = ({ as, className, delayShow = 500, delayHide = 50, shortcuts = [], imageUrl, subtleText, size = TOOLTIP_SIZES.SMALL, textAlign = TOOLTIP_TEXT_ALIGNS.LEFT, ...rest }) => {
+export const Tooltip = ({ as, className, delayShow = 500, delayHide = 50, shortcuts = [], imageUrl, subtleText, size = TOOLTIP_SIZES.SMALL, textAlign = TOOLTIP_TEXT_ALIGNS.LEFT, placement, autoPlacements, strategy, offsetPx, contentWrapClassName, showInPortal = false, content, children, }) => {
     const { uiTheme, tooltipSafeHtml } = useSharedUiDependencies();
     const [open, setOpen] = useState(false);
-    const { refs, context } = useFloating({
+    const floating = useFloatingPopup({
         open,
         onOpenChange: setOpen,
+        placement,
+        strategy,
+        autoPlacements,
+        offsetPx,
     });
-    const hover = useHover(context, {
-        delay: {
-            open: delayShow,
-            close: delayHide,
-        },
+    const hover = useHover(floating.context, {
+        delay: { open: delayShow, close: delayHide },
     });
     const { getReferenceProps, getFloatingProps } = useInteractions([hover]);
-    if (!rest.content && !shortcuts?.length && !imageUrl && !subtleText)
-        return rest.children;
-    const tooltipProps = {
-        isOpen: open,
-        ...rest,
-        content: (_jsx(TooltipContent, { content: tooltipSafeHtml(rest.content), shortcuts: shortcuts, imageUrl: imageUrl, subtleText: subtleText, size: size, textAlign: textAlign })),
-    };
-    return (_jsx(TooltipFocusArea, { as: as, className: className, ref: refs.setReference, ...getReferenceProps(), children: _jsx("div", { ref: refs.setFloating, ...getFloatingProps(), children: _jsx(StyledFloatingComponentBase, { ...tooltipProps, "$isDarkTheme": uiTheme === 'DARK' }) }) }));
+    if (!content && !shortcuts?.length && !imageUrl && !subtleText)
+        return children;
+    const popup = (_jsx(TooltipPopup, { ref: floating.refs.setFloating, className: contentWrapClassName, "$isDarkTheme": uiTheme === 'DARK', style: getFloatingPopupStyle(floating), ...getFloatingProps(), children: _jsx(TooltipContent, { content: tooltipSafeHtml(content), shortcuts: shortcuts, imageUrl: imageUrl, subtleText: subtleText, size: size, textAlign: textAlign }) }));
+    return (_jsxs(_Fragment, { children: [_jsx(TooltipFocusArea, { as: as, className: className, ref: floating.refs.setReference, ...getReferenceProps(), children: children }), floating.isMounted && (showInPortal ? _jsx(FloatingPortal, { children: popup }) : popup)] }));
 };
 export function withTooltip(Component) {
     const Enhanced = forwardRef(({ tooltipProps, ...rest }, ref) => {

package/dist/src/components/floating/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../src/components/floating/tooltip.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../src/components/floating/tooltip.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/index.d.ts

@@ -27,6 +27,8 @@ export * from './icon_button.js';
 export * from './spinner.js';
 export * from './store/index.js';
 export * from './checkbox/index.js';
+export * from './actor_example/index.js';
+export * from './browser_window/index.js';
 export * from './collapsible_card/index.js';
 export * from './select/index.js';
 export * from './switch/index.js';

package/dist/src/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC"}

package/dist/src/components/index.js

@@ -27,6 +27,8 @@ export * from './icon_button.js';
 export * from './spinner.js';
 export * from './store/index.js';
 export * from './checkbox/index.js';
+export * from './actor_example/index.js';
+export * from './browser_window/index.js';
 export * from './collapsible_card/index.js';
 export * from './select/index.js';
 export * from './switch/index.js';

package/dist/src/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC"}