@stack-spot/ai-chat-widget 1.37.0-beta.1 → 2.0.0-betacitric.2

package/dist/components/OverlayMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"OverlayMenu.d.ts","sourceRoot":"","sources":["../../src/components/OverlayMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAS,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAG3D,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAGrD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,UAAU,KAAM,SAAQ,SAAS,EAAE,YAAY;IAC7C;;OAEG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B;;OAEG;IACH,OAAO,EAAE,YAAY,EAAE,CAAC;CACzB;AAoFD;;;;GAIG;AACH,eAAO,MAAM,WAAW,kGAuBtB,CAAA"}

package/dist/components/OverlayMenu.js

@@ -1,79 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable react/display-name */
-import { IconBox, Text } from '@citric/core';
-import { useKeyboardControls } from '@stack-spot/portal-components';
-import { theme } from '@stack-spot/portal-theme';
-import { forwardRef, useCallback, useRef } from 'react';
-import { styled } from 'styled-components';
-import { Tooltip } from './Tooltip/index.js';
-import { useTooltip } from './Tooltip/context.js';
-const MenuList = styled.ul `
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  border-radius: 8px;
-  background-color: ${theme.color.light[400]};
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-
-  > li {
-    display: flex;
-    flex-direction: column;
-
-    > button {
-      padding: 8px 12px;
-      transition: background-color 0.2s;
-      cursor: pointer;
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-      gap: 8px;
-      background-color: transparent;
-      border: none;
-      outline: none;
-
-      &:hover, &:focus {
-        background-color: ${theme.color.light[500]};
-      }
-    }
-  }
-`;
-const StyledButton = styled.button `
-  color: ${({ $color }) => $color || theme.color.light.contrastText};
-
-  svg {
-    fill: ${({ $color }) => $color || theme.color.light.contrastText};
-  }
-`;
-const Menu = ({ actions, trigger }) => {
-    const tooltip = useTooltip();
-    const ref = useRef(null);
-    useKeyboardControls({
-        querySelectors: 'button',
-        onPressEscape: () => {
-            tooltip.hide();
-            trigger.current?.focus();
-        },
-        ref,
-    }, []);
-    return (_jsx(MenuList, { ref: ref, children: actions.map(({ label, onClick, className, color, icon, style }) => (_jsx("li", { className: className, style: style, children: _jsxs(StyledButton, { "$color": color, onClick: () => {
-                    onClick();
-                    tooltip.hide();
-                }, children: [_jsx(IconBox, { children: icon }), _jsx(Text, { children: label })] }) }, label))) }));
-};
-/**
- * A floating menu that shows up when the user clicks the children.
- *
- * This uses the tooltip component to build the menu.
- */
-export const OverlayMenu = forwardRef(({ actions, children, className, position, style }, externalRef) => {
-    const localRef = useRef(null);
-    const ref = externalRef ?? localRef;
-    const tooltip = useTooltip();
-    const onShow = useCallback(() => {
-        tooltip.tooltipRef.current?.querySelector('button')?.focus();
-    }, []);
-    return (_jsx(Tooltip, { content: _jsx(Menu, { actions: actions, trigger: ref }), custom: true, position: position, className: className, style: style, triggeredBy: "click", onShow: onShow, ref: ref, children: children }));
-});
-//# sourceMappingURL=OverlayMenu.js.map

package/dist/components/OverlayMenu.js.map

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

package/dist/components/ProgressBar.d.ts

@@ -1,37 +0,0 @@
-import { WithStyle } from '@stack-spot/portal-theme';
-interface Props extends WithStyle {
-    /**
-     * Apply animation effects to the progress bar.
-     */
-    animate?: boolean;
-    /**
-     * Whether or not the progress bar is visible.
-     */
-    visible?: boolean;
-    /**
-     * When true, the progress bar becomes very colorful and bright.
-     */
-    shimmer?: boolean;
-    /**
-     * Color to use in the progress bar that appears in the foreground. Arrays create linear gradients.
-     * @default primary.500 if shimmer is false, white otherwise.
-     */
-    foregroundColor?: string | string[];
-    /**
-     * Color to use in the progress bar that appears in the background. Arrays create linear gradients.
-     * @default light.500 if shimmer is false, a transparent white otherwise.
-     */
-    backgroundColor?: string | string[];
-    /**
-     * Only useful if `shimmer` is true. This allows to customize the colors in the shimmering effect. Arrays create linear gradients.
-     * @default ['#ff6633', '#d668cd', '#ff6633', '#FFF8', '#299cf4']
-     */
-    shimmerColor?: string | string[];
-}
-/**
- * A progress bar with indefinite progress report. This renders a narrower bar on top of larger one that animates from the left to the
- * right.
- */
-export declare const ProgressBar: ({ animate, visible, shimmer, backgroundColor, foregroundColor, shimmerColor, className, style, }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ProgressBar.d.ts.map

package/dist/components/ProgressBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../src/components/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAGxE,UAAU,KAAM,SAAQ,SAAS;IAC/B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACpC;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACpC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAClC;AAqHD;;;GAGG;AACH,eAAO,MAAM,WAAW,qGASrB,KAAK,4CAqBP,CAAA"}

package/dist/components/ProgressBar.js

@@ -1,131 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { listToClass, theme } from '@stack-spot/portal-theme';
-import { styled } from 'styled-components';
-function gradientFromColorArray(colors) {
-    if (colors.length === 1)
-        return colors[0];
-    const step = 100 / (colors.length - 1);
-    const partials = [];
-    let current = 0;
-    for (const color of colors) {
-        partials.push(`${color} ${Math.ceil(current)}%`);
-        current += step;
-    }
-    return `linear-gradient(to right, ${partials.join(', ')})`;
-}
-// the shimmering effect requires more space
-const SHIMMER_PADDING = '10px';
-const Styled = styled.div `
-  /* margin: ${({ $shimmer }) => $shimmer.length > 0 ? '7px 0' : '0'}; */
-  opacity: 0;
-  transition: opacity 0.5s;
-
-  &.visible {
-    opacity: 1;
-  }
-
-  .shimmer {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    height: 10px;
-    position: relative;
-    padding: 0 ${SHIMMER_PADDING};
-    margin: 3px 0;
-
-    .progress-glow {
-      filter: blur(2px);
-      position: absolute;
-      top: 0;
-      left: ${SHIMMER_PADDING};
-      bottom: 0;
-      right: ${SHIMMER_PADDING};
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      overflow: hidden;
-
-      &::before {
-        content: '';
-        height: 3px;
-        display: block;
-        width: 33%;
-        display: block;
-        animation: slide 3s infinite forwards;
-        background: ${({ $fg }) => gradientFromColorArray($fg)};
-      }
-    }
-
-    .colors {
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: 0;
-      right: 0;
-      overflow: hidden;
-      filter: blur(10px);
-
-      ${({ $shimmer }) => `
-        &:before {
-          content: '';
-          position: absolute;
-          top: 0;
-          bottom: 0;
-          width: ${$shimmer.length * 100}%;
-          background: ${gradientFromColorArray($shimmer)};
-          ${$shimmer.length > 2 ? `animation: shimmer-slide ${$shimmer.length}s ease-in infinite alternate;` : ''}
-        }
-          
-        @keyframes shimmer-slide {
-          from {
-            left: 0;
-          }
-          to {
-            left: -${($shimmer.length - 1) * 100}%;
-          }
-        }
-      `}
-    }
-  }
-
-  .progress-bar {
-    height: 2px;
-    width: 100%;
-    background: ${({ $bg }) => gradientFromColorArray($bg)};
-    position: relative;
-    overflow-x: clip;
-
-    &:before {
-      content: '';
-      display: block;
-      width: 100%;
-      height: 100%;
-      background: ${({ $fg, $animate, $bg }) => $animate ? gradientFromColorArray($fg) : $bg};
-      animation: ${({ $animate }) => $animate ? 'slide .5s infinite forwards' : 'none'};
-    }
-
-    @keyframes slide {
-      from {
-        margin-left: -100%;
-      }
-      to {
-        margin-left: 100%;
-      }
-    }
-  }
-`;
-/**
- * A progress bar with indefinite progress report. This renders a narrower bar on top of larger one that animates from the left to the
- * right.
- */
-export const ProgressBar = ({ animate, visible = true, shimmer, backgroundColor = shimmer ? 'rgba(255, 255, 255, 0.4)' : theme.color.light[500], foregroundColor = shimmer ? ['#FFF0', '#FFF', '#FFF0'] : theme.color.primary[500], shimmerColor = ['#ff6633', '#d668cd', '#ff6633', '#FFF8', '#299cf4'], className, style, }) => {
-    const $bg = Array.isArray(backgroundColor) ? backgroundColor : [backgroundColor];
-    const $fg = Array.isArray(foregroundColor) ? foregroundColor : [...$bg, foregroundColor, ...$bg];
-    const $shimmer = Array.isArray(shimmerColor) ? shimmerColor : [shimmerColor];
-    const progress = _jsx("div", { className: "progress-bar" });
-    const result = shimmer
-        ? (_jsxs("div", { className: listToClass([shimmer && 'shimmer']), children: [_jsx("div", { className: "colors" }), _jsx("div", { className: "progress-glow" }), progress] }))
-        : progress;
-    return (_jsx(Styled, { className: listToClass([className, visible && 'visible']), style: style, "$fg": $fg, "$bg": $bg, "$shimmer": $shimmer, "$animate": animate, children: result }));
-};
-//# sourceMappingURL=ProgressBar.js.map

package/dist/components/ProgressBar.js.map

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

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,37 +0,0 @@
-import { WithStyle } from '@stack-spot/portal-theme';
-import { WithChildren } from '../../types.js';
-import { TooltipPosition } from './types.js';
-interface Props extends WithChildren, WithStyle {
-    /**
-     * The content of the tooltip. Can be either a string or a Rect Element.
-     */
-    content: React.ReactNode;
-    /**
-     * Where to position the tooltip relative to the element that triggered it.
-     */
-    position?: TooltipPosition;
-    /**
-     * A tooltip can be triggered either by hovering an element or by clicking it.
-     * @default 'hover'
-     */
-    triggeredBy?: 'click' | 'hover';
-    /**
-     * If true, no style is applied to the tooltip, letting you customize it however you want to.
-     */
-    custom?: boolean;
-    /**
-     * Function to run whenever the tooltip is shown.
-     */
-    onShow?: () => void;
-    /**
-     * Function to run whenever the tooltip is hidden.
-     */
-    onHide?: () => void;
-}
-/**
- * Shows a tooltip for its children. This tooltip element is always reused and placed at a root level in order to not be cut out by
- * hidden overflows in the children and its ascendants.
- */
-export declare const Tooltip: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
-export {};
-//# sourceMappingURL=Tooltip.d.ts.map

package/dist/components/Tooltip/Tooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAG1C,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC,UAAU,KAAM,SAAQ,YAAY,EAAE,SAAS;IAC7C;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAChC;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,OAAO,kGAoClB,CAAA"}

package/dist/components/Tooltip/Tooltip.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable react/display-name */
-import { Text } from '@citric/core';
-import { forwardRef } from 'react';
-import { useTooltip } from './context.js';
-import { DefaultTooltip } from './style.js';
-/**
- * Shows a tooltip for its children. This tooltip element is always reused and placed at a root level in order to not be cut out by
- * hidden overflows in the children and its ascendants.
- */
-export const Tooltip = forwardRef(({ content, custom, position, triggeredBy = 'hover', onHide, onShow, children, className, style }, ref) => {
-    const api = useTooltip();
-    async function show(e, hideOnClickOutside) {
-        await api.show({
-            content: custom ? content : _jsx(DefaultTooltip, { children: _jsx(Text, { appearance: "microtext1", children: content }) }),
-            anchor: e.target,
-            position,
-            hideOnClickOutside,
-        });
-        onShow?.();
-    }
-    function hide() {
-        api.hide();
-        onHide?.();
-    }
-    return (_jsx("div", { ...(triggeredBy === 'hover'
-            ? { onMouseEnter: show, onMouseLeave: hide }
-            : { onClick: (e) => show(e, true), onKeyDown: (e) => e.key === 'Enter' && show(e, true) }), className: className, style: style, tabIndex: triggeredBy === 'click' ? 0 : undefined, role: triggeredBy === 'click' ? 'button' : undefined, ref: ref, children: children }));
-});
-//# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip/Tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,uCAAuC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AA+BxC;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAAwB,CACvD,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,GAAG,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,EAChG,GAAG,EACH,EAAE;IACF,MAAM,GAAG,GAAG,UAAU,EAAE,CAAA;IAExB,KAAK,UAAU,IAAI,CAAC,CAAgB,EAAE,kBAA4B;QAChE,MAAM,GAAG,CAAC,IAAI,CAAC;YACb,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAC,cAAc,cAAC,KAAC,IAAI,IAAC,UAAU,EAAC,YAAY,YAAE,OAAO,GAAQ,GAAiB;YAC3G,MAAM,EAAE,CAAC,CAAC,MAAqB;YAC/B,QAAQ;YACR,kBAAkB;SACnB,CAAC,CAAA;QACF,MAAM,EAAE,EAAE,CAAA;IACZ,CAAC;IAED,SAAS,IAAI;QACX,GAAG,CAAC,IAAI,EAAE,CAAA;QACV,MAAM,EAAE,EAAE,CAAA;IACZ,CAAC;IAED,OAAO,CACL,iBACM,CAAC,WAAW,KAAK,OAAO;YAC1B,CAAC,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE;YAC5C,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,CAC1F,EACD,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EACjD,IAAI,EAAE,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACpD,GAAG,EAAE,GAAG,YAEP,QAAQ,GACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA"}

package/dist/components/Tooltip/TooltipAPI.d.ts

@@ -1,29 +0,0 @@
-import { ShowOptions } from './types.js';
-/**
- * Allows interaction with the tooltip element.
- *
- * This places the tooltip element at the correct place, shows it, hides it and manages its contents.
- *
- * This also takes into account the screen edges, making adjustments to the tooltip position if it would overflow the screen.
- */
-export declare class TooltipAPI {
-    /**
-     * A reference to the tooltip element in the HTML tree.
-     */
-    tooltipRef: React.RefObject<HTMLDivElement>;
-    private setContent;
-    private hideTimeoutId;
-    private clickListener;
-    private relativeTo;
-    constructor(tooltipRef: React.RefObject<HTMLDivElement>, setContent: React.Dispatch<React.SetStateAction<React.ReactNode>>);
-    private computeRelativeTo;
-    /**
-     * Shows the tooltip with `content`. Its position is based on `position` and the position of the element referred by `anchor`.
-     */
-    show({ content, anchor, position, hideOnClickOutside }: ShowOptions): Promise<void>;
-    /**
-     * Hides the tooltip. After the animation, the content is removed.
-     */
-    hide(): void;
-}
-//# sourceMappingURL=TooltipAPI.d.ts.map

package/dist/components/Tooltip/TooltipAPI.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TooltipAPI.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/TooltipAPI.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AASrC;;;;;;GAMG;AACH,qBAAa,UAAU;IACrB;;OAEG;IACH,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IAC3C,OAAO,CAAC,UAAU,CAAuD;IACzE,OAAO,CAAC,aAAa,CAAoB;IACzC,OAAO,CAAC,aAAa,CAAuC;IAC5D,OAAO,CAAC,UAAU,CAAyB;gBAE/B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAK1H,OAAO,CAAC,iBAAiB;IAQzB;;OAEG;IACG,IAAI,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,QAAmB,EAAE,kBAAkB,EAAE,EAAE,WAAW;IA+CpF;;OAEG;IACH,IAAI,IAAI,IAAI;CAMb"}

package/dist/components/Tooltip/TooltipAPI.js

@@ -1,107 +0,0 @@
-import { delay } from '@stack-spot/portal-components';
-import { animationTimeMS } from './style.js';
-// the maximum amount of pixels a tooltip can get close to the screen edges.
-const MARGIN_TO_CORNERS_PX = 10;
-function isRelative(element) {
-    return ['relative', 'absolute', 'fixed'].includes(element.computedStyleMap().get('position')?.toString() ?? '');
-}
-/**
- * Allows interaction with the tooltip element.
- *
- * This places the tooltip element at the correct place, shows it, hides it and manages its contents.
- *
- * This also takes into account the screen edges, making adjustments to the tooltip position if it would overflow the screen.
- */
-export class TooltipAPI {
-    /**
-     * A reference to the tooltip element in the HTML tree.
-     */
-    tooltipRef;
-    setContent;
-    hideTimeoutId;
-    clickListener;
-    relativeTo;
-    constructor(tooltipRef, setContent) {
-        this.tooltipRef = tooltipRef;
-        this.setContent = setContent;
-    }
-    computeRelativeTo() {
-        if (this.relativeTo)
-            return;
-        this.relativeTo = this.tooltipRef.current?.parentElement;
-        while (this.relativeTo && this.relativeTo !== document.body && !isRelative(this.relativeTo)) {
-            this.relativeTo = this.relativeTo.parentElement;
-        }
-    }
-    /**
-     * Shows the tooltip with `content`. Its position is based on `position` and the position of the element referred by `anchor`.
-     */
-    async show({ content, anchor, position = 'bottom', hideOnClickOutside }) {
-        window.clearTimeout(this.hideTimeoutId);
-        this.hideTimeoutId = undefined;
-        if (this.clickListener)
-            document.removeEventListener('click', this.clickListener);
-        this.setContent(content);
-        await delay(10);
-        if (!this.tooltipRef.current)
-            return;
-        const anchorRect = anchor.getClientRects()[0];
-        this.tooltipRef.current.classList.add('visible');
-        const tooltipWidth = this.tooltipRef.current.clientWidth;
-        const tooltipHeight = this.tooltipRef.current.clientHeight;
-        let top = 0;
-        let left = 0;
-        if (position === 'left' || position === 'right') {
-            top = anchorRect.top + anchorRect.height / 2 - tooltipHeight / 2;
-            if (position === 'left')
-                left = anchorRect.left - tooltipWidth;
-            else
-                left = anchorRect.left + anchorRect.width;
-        }
-        else {
-            left = anchorRect.left + anchorRect.width / 2 - tooltipWidth / 2;
-            if (position === 'top')
-                top = anchorRect.top - tooltipHeight;
-            else
-                top = anchorRect.top + anchorRect.height;
-        }
-        // takes the parent the tooltip is positioned relative to into consideration
-        this.computeRelativeTo();
-        const relativeRect = this.relativeTo?.getClientRects()[0] ?? { top: 0, left: 0 };
-        top -= relativeRect.top;
-        left -= relativeRect.left;
-        // adjusts positions in order to avoid overflowing the window and leaving a margin to the corners
-        if (top <= 0)
-            top += MARGIN_TO_CORNERS_PX;
-        else if (top + tooltipHeight >= document.body.clientHeight - MARGIN_TO_CORNERS_PX) {
-            top = document.body.clientHeight - MARGIN_TO_CORNERS_PX + tooltipHeight;
-        }
-        if (left <= 0)
-            left += MARGIN_TO_CORNERS_PX;
-        else if (left + tooltipWidth >= document.body.clientWidth - MARGIN_TO_CORNERS_PX) {
-            left = document.body.clientWidth - MARGIN_TO_CORNERS_PX - tooltipWidth;
-        }
-        this.tooltipRef.current.style.top = `${top}px`;
-        this.tooltipRef.current.style.left = `${left}px`;
-        if (hideOnClickOutside) {
-            this.clickListener = (e) => {
-                if (this.tooltipRef.current?.contains(e.target))
-                    return;
-                this.hide();
-            };
-            document.addEventListener('click', this.clickListener);
-        }
-    }
-    /**
-     * Hides the tooltip. After the animation, the content is removed.
-     */
-    hide() {
-        if (!this.tooltipRef.current)
-            return;
-        this.tooltipRef.current.classList.remove('visible');
-        this.hideTimeoutId = window.setTimeout(() => this.setContent(undefined), animationTimeMS);
-        if (this.clickListener)
-            document.removeEventListener('click', this.clickListener);
-    }
-}
-//# sourceMappingURL=TooltipAPI.js.map

package/dist/components/Tooltip/TooltipAPI.js.map

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

package/dist/components/Tooltip/context.d.ts

@@ -1,5 +0,0 @@
-import { WithChildren } from '../../types.js';
-import { TooltipAPI } from './TooltipAPI.js';
-export declare const TooltipProvider: ({ children }: Required<WithChildren>) => import("react/jsx-runtime").JSX.Element;
-export declare function useTooltip(): TooltipAPI;
-//# sourceMappingURL=context.d.ts.map

package/dist/components/Tooltip/context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/context.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAIzC,eAAO,MAAM,eAAe,iBAAkB,QAAQ,CAAC,YAAY,CAAC,4CAUnE,CAAA;AAED,wBAAgB,UAAU,eAIzB"}

package/dist/components/Tooltip/context.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createContext, useContext, useMemo, useRef, useState } from 'react';
-import { TooltipBox } from './style.js';
-import { TooltipAPI } from './TooltipAPI.js';
-const Context = createContext(undefined);
-export const TooltipProvider = ({ children }) => {
-    const ref = useRef(null);
-    const [content, setContent] = useState();
-    const api = useMemo(() => new TooltipAPI(ref, setContent), []);
-    return (_jsxs(Context.Provider, { value: api, children: [children, _jsx(TooltipBox, { ref: ref, children: content })] }));
-};
-export function useTooltip() {
-    const api = useContext(Context);
-    if (!api)
-        throw new Error('In order to use tooltips, you must wrap your content in a <TooltipProvider>.');
-    return api;
-}
-//# sourceMappingURL=context.js.map

package/dist/components/Tooltip/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/components/Tooltip/context.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE5E,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,OAAO,GAAG,aAAa,CAAyB,SAAS,CAAC,CAAA;AAEhE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAA0B,EAAE,EAAE;IACtE,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAAmB,CAAA;IACzD,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,EAAE,EAAE,CAAC,CAAA;IAC9D,OAAO,CACL,MAAC,OAAO,CAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,aACzB,QAAQ,EACT,KAAC,UAAU,IAAC,GAAG,EAAE,GAAG,YAAG,OAAO,GAAc,IAC3B,CACpB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,UAAU,UAAU;IACxB,MAAM,GAAG,GAAG,UAAU,CAAC,OAAO,CAAC,CAAA;IAC/B,IAAI,CAAC,GAAG;QAAE,MAAM,IAAI,KAAK,CAAC,8EAA8E,CAAC,CAAA;IACzG,OAAO,GAAG,CAAA;AACZ,CAAC"}

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

@@ -1,3 +0,0 @@
-export { TooltipProvider } from './context.js';
-export { Tooltip } from './Tooltip.js';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}

package/dist/components/Tooltip/index.js

@@ -1,3 +0,0 @@
-export { TooltipProvider } from './context.js';
-export { Tooltip } from './Tooltip.js';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}

package/dist/components/Tooltip/style.d.ts

@@ -1,4 +0,0 @@
-export declare const animationTimeMS = 300;
-export declare const TooltipBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const DefaultTooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-//# sourceMappingURL=style.d.ts.map

package/dist/components/Tooltip/style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/style.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,MAAM,CAAA;AAElC,eAAO,MAAM,UAAU,wOAUtB,CAAA;AAED,eAAO,MAAM,cAAc,wOAM1B,CAAA"}

package/dist/components/Tooltip/style.js

@@ -1,22 +0,0 @@
-import { theme } from '@stack-spot/portal-theme';
-import { styled } from 'styled-components';
-export const animationTimeMS = 300;
-export const TooltipBox = styled.div `
-  position: absolute;
-  opacity: 0;
-  transition: opacity ${animationTimeMS / 1000}s;
-  top: 0;
-  left: 0;
-
-  &.visible {
-    opacity: 1;
-  }
-`;
-export const DefaultTooltip = styled.div `
-  padding: 4px 8px;
-  background-color: ${theme.color.inverse[500]};
-  color: ${theme.color.inverse.contrastText};
-  border-radius: 6px;
-  margin: 6px;
-`;
-//# sourceMappingURL=style.js.map

package/dist/components/Tooltip/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/Tooltip/style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;AAElC,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;wBAGZ,eAAe,GAAE,IAAI;;;;;;;CAO5C,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;sBAElB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;WACnC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY;;;CAG1C,CAAA"}

package/dist/components/Tooltip/types.d.ts

@@ -1,27 +0,0 @@
-export type TooltipPosition = 'left' | 'right' | 'top' | 'bottom';
-export interface BoxPosition {
-    x1: number;
-    x2: number;
-    y1: number;
-    y2: number;
-}
-export interface ShowOptions {
-    /**
-     * The content of the tooltip. Can be either a string or a React Element.
-     */
-    content: React.ReactNode;
-    /**
-     * The anchor to the tooltip. This is part of what defines the position where the tooltip will appear.
-     */
-    anchor: HTMLElement;
-    /**
-     * The position relative to the element referred by `anchor`.
-     * @default bottom
-     */
-    position?: TooltipPosition;
-    /**
-     * Whether or not to hide the tooltip when a click is detected outside of it.
-     */
-    hideOnClickOutside?: boolean;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/components/Tooltip/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;AAEjE,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,MAAM,EAAE,WAAW,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B"}

package/dist/components/Tooltip/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/components/Tooltip/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Tooltip/types.ts"],"names":[],"mappings":""}