@stack-spot/ai-chat-widget 0.1.0

package/dist/components/ProgressBar.js

@@ -0,0 +1,126 @@
+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(', ')})`;
+}
+const SHIMMER_PADDING = '10px';
+const Styled = styled.div `
+  margin: 7px 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: 33%;
+      height: 100%;
+      background: ${({ $fg }) => gradientFromColorArray($fg)};
+      animation: slide 3s infinite forwards;
+    }
+
+    @keyframes slide {
+      from {
+        margin-left: -33%;
+      }
+      to {
+        margin-left: 100%;
+      }
+    }
+  }
+`;
+export const ProgressBar = ({ 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: "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, children: result }));
+};
+//# sourceMappingURL=ProgressBar.js.map

package/dist/components/ProgressBar.js.map

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

package/dist/components/QuickStartButton.d.ts

@@ -0,0 +1,8 @@
+import { WithStyle } from '@stack-spot/portal-theme';
+import { ButtonAction } from '../types.js';
+interface Props extends ButtonAction, WithStyle {
+    background?: string;
+}
+export declare const QuickStartButton: ({ label, onClick, background, className, color, icon, style }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=QuickStartButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuickStartButton.d.ts","sourceRoot":"","sources":["../../src/components/QuickStartButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,UAAU,KAAM,SAAQ,YAAY,EAAE,SAAS;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAsCD,eAAO,MAAM,gBAAgB,kEAAmE,KAAK,4CAKpG,CAAA"}

package/dist/components/QuickStartButton.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconBox, Text } from '@citric/core';
+import { theme } from '@stack-spot/portal-theme';
+import { styled } from 'styled-components';
+const QuickButton = styled.button `
+  display: flex;
+  flex-direction: column;
+  padding: 12px;
+  gap: 12px;
+  background-color: ${theme.color.light[500]};
+  border: none;
+  color: inherit;
+  flex: 1;
+  border-radius: 4px;
+  border: 2px solid;
+  border-color: ${theme.color.light[500]};
+  transition: border-color 0.3s;
+  cursor: pointer;
+  text-align: left;
+
+  &:hover {
+    border-color: ${theme.color.light[600]};
+  }
+  
+  i {
+    border-radius: 2px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: ${({ $bg }) => $bg || 'transparent'};
+    ${({ $color }) => $color
+    ? `
+      svg {
+        fill: ${$color};
+      }`
+    : ''};
+  }
+`;
+export const QuickStartButton = ({ label, onClick, background, className, color, icon, style }) => (_jsxs(QuickButton, { className: className, style: style, onClick: onClick, "$color": color, "$bg": background, children: [_jsx(IconBox, { "aria-hidden": true, children: icon }), _jsx(Text, { children: label })] }));
+//# sourceMappingURL=QuickStartButton.js.map

package/dist/components/QuickStartButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickStartButton.js","sourceRoot":"","sources":["../../src/components/QuickStartButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,EAAE,KAAK,EAAa,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAO1C,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAmC;;;;;sBAK9C,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;kBAM1B,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;oBAMpB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;wBAQlB,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,aAAa;MACnD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;IACxB,CAAC,CAAC;;gBAEU,MAAM;QACd;IACJ,CAAC,CAAC,EACN;;CAEC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAS,EAAE,EAAE,CAAC,CACxG,MAAC,WAAW,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,YAAU,KAAK,SAAO,UAAU,aAC/F,KAAC,OAAO,mCAAc,IAAI,GAAW,EACrC,KAAC,IAAI,cAAE,KAAK,GAAQ,IACR,CACf,CAAA"}

package/dist/components/RightPanelForm.d.ts

@@ -0,0 +1,5 @@
+import { PropsOf } from '../types.js';
+declare const Form: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, never>> & string;
+export declare const RightPanelForm: ({ children, onSubmit, ...props }: PropsOf<typeof Form>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RightPanelForm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RightPanelForm.d.ts","sourceRoot":"","sources":["../../src/components/RightPanelForm.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAGlC,QAAA,MAAM,IAAI,8OAmCT,CAAA;AAED,eAAO,MAAM,cAAc,qCAAsC,OAAO,CAAC,OAAO,IAAI,CAAC,4CAYpF,CAAA"}

package/dist/components/RightPanelForm.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Card } from '@citric/ui';
+import { styled } from 'styled-components';
+import { FallbackBoundary } from './FallbackBoundary/index.js';
+const Form = styled.form `
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  overflow: hidden;
+  flex: 1;
+  gap: 20px;
+
+  > .content {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    flex: 1;
+    overflow: hidden;
+  }
+
+  > button {
+    margin-right: auto;
+  }
+
+  .search {
+    margin-bottom: 8px;
+  }
+
+  .option-list {
+    overflow: auto;
+  }
+
+  li.filtered-out {
+    opacity: 0.5;
+  }
+
+  ${Card} svg {
+    fill: transparent;
+  }
+`;
+export const RightPanelForm = ({ children, onSubmit, ...props }) => (_jsx(FallbackBoundary, { children: _jsx(Form, { ...props, onSubmit: (e) => {
+            e.preventDefault();
+            onSubmit?.(e);
+        }, children: children }) }));
+//# sourceMappingURL=RightPanelForm.js.map

package/dist/components/RightPanelForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightPanelForm.js","sourceRoot":"","sources":["../../src/components/RightPanelForm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgCpB,IAAI;;;CAGP,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAwB,EAAE,EAAE,CAAC,CACxF,KAAC,gBAAgB,cACf,KAAC,IAAI,OACC,KAAK,EACT,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,CAAC,CAAC,cAAc,EAAE,CAAA;YAClB,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAA;QACf,CAAC,YAEA,QAAQ,GACJ,GACU,CACpB,CAAA"}

package/dist/components/RightPanelTabs.d.ts

@@ -0,0 +1,10 @@
+interface Tab {
+    title: string;
+    content: React.ReactNode;
+}
+interface Props {
+    tabs: Tab[];
+}
+export declare const RightPanelTabs: ({ tabs }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RightPanelTabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RightPanelTabs.d.ts","sourceRoot":"","sources":["../../src/components/RightPanelTabs.tsx"],"names":[],"mappings":"AAKA,UAAU,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,UAAU,KAAK;IACb,IAAI,EAAE,GAAG,EAAE,CAAC;CACb;AAaD,eAAO,MAAM,cAAc,aAAc,KAAK,4CAa7C,CAAA"}

package/dist/components/RightPanelTabs.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tabs, TabsItem } from '@citric/ui';
+import { useMemo, useState } from 'react';
+import styled from 'styled-components';
+import { RightPanelForm } from './RightPanelForm.js';
+const StyledTabs = styled(Tabs) `
+  > button {
+    flex: 1;
+  }
+`;
+const StyledTabsItem = styled(TabsItem) `
+  flex: 1;
+  overflow: hidden;
+`;
+export const RightPanelTabs = ({ tabs }) => {
+    const [currentTab, setCurrentTab] = useState(0);
+    const tabItems = useMemo(() => tabs.map(({ content, title }) => (_jsx(StyledTabsItem, { title: title, children: _jsx(RightPanelForm, { children: content }) }, title))), [tabs]);
+    return (_jsx(StyledTabs, { activeIndex: currentTab, onChange: setCurrentTab, children: tabItems }));
+};
+//# sourceMappingURL=RightPanelTabs.js.map

package/dist/components/RightPanelTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightPanelTabs.js","sourceRoot":"","sources":["../../src/components/RightPanelTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAWjD,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;CAI9B,CAAA;AAED,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;;;CAGtC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,EAAS,EAAE,EAAE;IAChD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC/C,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC9D,KAAC,cAAc,IAAa,KAAK,EAAE,KAAK,YACtC,KAAC,cAAc,cAAE,OAAO,GAAkB,IADvB,KAAK,CAET,CAClB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEX,OAAO,CACL,KAAC,UAAU,IAAC,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,YACzD,QAAQ,GACE,CACd,CAAA;AACH,CAAC,CAAA"}

package/dist/components/TabManager.d.ts

@@ -0,0 +1,34 @@
+import { ButtonAction } from '../types.js';
+interface Props<T, Key extends React.Key> {
+    /**
+     * The list of tabs.
+     */
+    tabs: T[];
+    /**
+     * Function to generate a unique id for a tab.
+     */
+    keygen: (tab: T) => Key;
+    /**
+     * The key corresponding to the tab currently active.
+     */
+    active: Key;
+    /**
+     * Function to call once a tab is selected.
+     */
+    onSelect: (tab: T) => void;
+    /**
+     * Function to run once a tab is closed.
+     */
+    onRemove: (tab: T) => void;
+    /**
+     * Extra buttons that goes in the far-end of the tab manager.
+     */
+    buttons?: ButtonAction[];
+    /**
+     * Function to render the label inside the tab.
+     */
+    renderLabel: (tab: T) => React.ReactElement;
+}
+export declare function TabManager<T, Key extends React.Key>({ active, tabs, keygen, onRemove, onSelect, renderLabel, buttons }: Props<T, Key>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TabManager.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabManager.d.ts","sourceRoot":"","sources":["../../src/components/TabManager.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAGvC,UAAU,KAAK,CAAC,CAAC,EAAE,GAAG,SAAS,KAAK,CAAC,GAAG;IACtC;;OAEG;IACH,IAAI,EAAE,CAAC,EAAE,CAAC;IACV;;OAEG;IACH,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,GAAG,CAAC;IACxB;;OAEG;IACH,MAAM,EAAE,GAAG,CAAC;IACZ;;OAEG;IACH,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC3B;;OAEG;IACH,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB;;OAEG;IACH,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;CAC7C;AA0HD,wBAAgB,UAAU,CAAC,CAAC,EAAE,GAAG,SAAS,KAAK,CAAC,GAAG,EACjD,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAY,EAAE,EAAE,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,2CAgDvF"}

package/dist/components/TabManager.js

@@ -0,0 +1,158 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* Tabs to select chat and add new chats */
+import { TimesMini } from '@citric/icons';
+import { IconButton } from '@citric/ui';
+import { listToClass, theme } from '@stack-spot/portal-theme';
+import { useTranslate } from '@stack-spot/portal-translate';
+import { last } from 'lodash';
+import { useCallback, useEffect, useMemo, useRef } from 'react';
+import { styled } from 'styled-components';
+import { FadingOverflow } from './FadingOverflow.js';
+const EXTRA_BTN_SIZE = 24;
+const EXTRA_BTN_MARGIN = 8;
+const Tabs = styled.nav `
+  width: 100%;
+  background-color: ${theme.color.light[400]};
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  border-bottom: 1px solid ${theme.color.light[500]};
+
+  button {
+    cursor: pointer;
+
+    &.extra {
+      padding: 0;
+      transition: background-color 0.3s;
+      width: ${EXTRA_BTN_SIZE}px;
+      height: ${EXTRA_BTN_SIZE}px;
+      margin: 0 ${EXTRA_BTN_MARGIN}px;
+
+      &:hover {
+        background-color: ${theme.color.light[500]};
+      }
+    }
+  }
+
+  ${IconButton} {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: transparent;
+    border: none;
+  }
+
+  .list-overflow {
+    max-width: ${({ $numberOfExtraButtons }) => `calc(100% - ${$numberOfExtraButtons * (EXTRA_BTN_SIZE + EXTRA_BTN_MARGIN * 2)}px)`};
+  }
+
+  ul {
+    padding: 0;
+    margin: 0;
+    list-style: none;
+    display: flex;
+    flex-direction: row;
+
+    &::-webkit-scrollbar {
+      width: 2px;
+      height: 2px;
+      opacity: 0;
+    }
+    
+    li {
+      cursor: pointer;
+      overflow-x: clip;
+      white-space: nowrap;
+      height: 39px;
+      padding: 0 12px;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      gap: 8px;
+      border-top: 1px solid transparent;
+      border-right: 1px solid ${theme.color.light[500]};
+      background-color: ${theme.color.light[400]};
+      transition: background-color 0.3s, border-color 0.3s;
+
+      &.active, &:hover {
+        button {
+          opacity: 1;
+        }
+      }
+
+      &:hover {
+        background-color: ${theme.color.light[500]};
+      }
+
+      &.active {
+        background-color: ${theme.color.light[500]};
+        border-top-color: ${theme.color.secondary[400]};
+      }
+
+      button {
+        opacity: 0.7;
+        transition: opacity 0.3s;
+      }
+
+      button.label {
+        max-width: 100px;
+        overflow: hidden;
+        text-overflow: clip;
+        background-color: transparent;
+        border: none;
+        padding: 0;
+        color: inherit;
+        position: relative;
+
+        &.overflow {
+          mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%);
+        }
+      }
+
+      ${IconButton} {
+        padding: 0;
+        width: 18px;
+        height: 18px;
+        transition: background-color 0.3s;
+
+        svg {
+          height: 14px;
+        }
+
+        &:hover {
+          background-color: ${theme.color.light[600]};
+        }
+      }
+    }
+  }
+`;
+export function TabManager({ active, tabs, keygen, onRemove, onSelect, renderLabel, buttons = [] }) {
+    const t = useTranslate(dictionary);
+    const tabList = useRef(null);
+    const lastNumberOfTabs = useRef(tabs.length);
+    const onClickTab = useCallback((event) => {
+        const target = event.target;
+        if (target.tagName === 'LI')
+            target.querySelector('button')?.click();
+    }, []);
+    const tabItems = useMemo(() => tabs.map((tab) => (_jsxs("li", { className: keygen(tab) === active ? 'active' : undefined, onClick: onClickTab, children: [_jsx("button", { className: "label", onClick: () => onSelect(tab), children: _jsx(FadingOverflow, { children: renderLabel(tab) }) }), tabs.length > 1 && _jsx(IconButton, { "aria-label": t.close, title: t.close, onClick: () => onRemove(tab), children: _jsx(TimesMini, {}) })] }, keygen(tab)))), [tabs, active]);
+    const extras = useMemo(() => buttons.map(({ label, onClick, icon, className, style }) => (_jsx(IconButton, { "aria-label": label, title: label, className: listToClass([className, 'extra']), style: style, onClick: onClick, children: icon }, label))), [buttons]);
+    // when a new tab is added, we should scroll to it if there are more tabs that we can show.
+    useEffect(() => {
+        if (tabs.length > lastNumberOfTabs.current) {
+            const items = tabList.current?.children ?? [];
+            last(items)?.scrollIntoView({ behavior: 'smooth' });
+        }
+        lastNumberOfTabs.current = tabs.length;
+    }, [tabs]);
+    return (_jsxs(Tabs, { "$numberOfExtraButtons": buttons.length, children: [_jsx(FadingOverflow, { className: "list-overflow", scroll: "arrows", enableHorizontalScrollWithVerticalWheel: true, children: _jsx("ul", { ref: tabList, children: tabItems }) }), extras] }));
+}
+const dictionary = {
+    en: {
+        close: 'Close',
+    },
+    pt: {
+        close: 'Fechar',
+    },
+};
+//# sourceMappingURL=TabManager.js.map

package/dist/components/TabManager.js.map

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

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

@@ -0,0 +1,11 @@
+import { WithStyle } from '@stack-spot/portal-theme';
+import { WithChildren } from '../../types.js';
+import { TooltipPosition } from './types.js';
+interface Props extends WithChildren, WithStyle {
+    content: React.ReactNode;
+    position?: TooltipPosition;
+    custom?: boolean;
+}
+export declare const Tooltip: ({ content, custom, position, children, className, style }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAG1C,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC,UAAU,KAAM,SAAQ,YAAY,EAAE,SAAS;IAC7C,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,OAAO,8DAA0E,KAAK,4CAgBlG,CAAA"}

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from '@citric/core';
+import { useTooltip } from './context.js';
+import { DefaultTooltip } from './style.js';
+export const Tooltip = ({ content, custom, position = 'bottom', children, className, style }) => {
+    const api = useTooltip();
+    return (_jsx("div", { onMouseEnter: e => api.show(custom ? content : _jsx(DefaultTooltip, { children: _jsx(Text, { appearance: "microtext1", children: content }) }), e.target, position), onMouseLeave: () => api.hide(), className: className, style: style, children: children }));
+};
+//# sourceMappingURL=Tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAGnC,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AASxC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,GAAG,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAS,EAAE,EAAE;IACrG,MAAM,GAAG,GAAG,UAAU,EAAE,CAAA;IACxB,OAAO,CACL,cACE,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CACzB,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAC,cAAc,cAAC,KAAC,IAAI,IAAC,UAAU,EAAC,YAAY,YAAE,OAAO,GAAQ,GAAiB,EAClG,CAAC,CAAC,MAAqB,EACvB,QAAQ,CACT,EACD,YAAY,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,EAC9B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,YAEX,QAAQ,GACL,CACP,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,10 @@
+import { TooltipPosition } from './types.js';
+export declare class TooltipAPI {
+    private tooltipRef;
+    private setContent;
+    private hideTimeoutId;
+    constructor(tooltipRef: React.RefObject<HTMLDivElement>, setContent: React.Dispatch<React.SetStateAction<React.ReactNode>>);
+    show(content: React.ReactNode, anchor: HTMLElement, position: TooltipPosition): void;
+    hide(): void;
+}
+//# sourceMappingURL=TooltipAPI.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipAPI.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/TooltipAPI.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAGzC,qBAAa,UAAU;IACrB,OAAO,CAAC,UAAU,CAAiC;IACnD,OAAO,CAAC,UAAU,CAAuD;IACzE,OAAO,CAAC,aAAa,CAAoB;gBAE7B,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,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,eAAe,GAAG,IAAI;IA0BpF,IAAI,IAAI,IAAI;CAKb"}

package/dist/components/Tooltip/TooltipAPI.js

@@ -0,0 +1,48 @@
+import { animationTimeMS } from './style.js';
+export class TooltipAPI {
+    tooltipRef;
+    setContent;
+    hideTimeoutId;
+    constructor(tooltipRef, setContent) {
+        this.tooltipRef = tooltipRef;
+        this.setContent = setContent;
+    }
+    show(content, anchor, position) {
+        window.clearTimeout(this.hideTimeoutId);
+        this.hideTimeoutId = undefined;
+        this.setContent(content);
+        setTimeout(() => {
+            if (!this.tooltipRef.current)
+                return;
+            const rect = 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 = rect.top + rect.height / 2 - tooltipHeight / 2;
+                if (position === 'left')
+                    left = rect.left - tooltipWidth;
+                else
+                    left = rect.left + rect.width;
+            }
+            else {
+                left = rect.left + rect.width / 2 - tooltipWidth / 2;
+                if (position === 'top')
+                    top = rect.top - tooltipHeight;
+                else
+                    top = rect.top + rect.height;
+            }
+            this.tooltipRef.current.style.top = `${top}px`;
+            this.tooltipRef.current.style.left = `${left}px`;
+        }, 10);
+    }
+    hide() {
+        if (!this.tooltipRef.current)
+            return;
+        this.tooltipRef.current.classList.remove('visible');
+        this.hideTimeoutId = window.setTimeout(() => this.setContent(undefined), animationTimeMS);
+    }
+}
+//# sourceMappingURL=TooltipAPI.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipAPI.js","sourceRoot":"","sources":["../../../src/components/Tooltip/TooltipAPI.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAIzC,MAAM,OAAO,UAAU;IACb,UAAU,CAAiC;IAC3C,UAAU,CAAuD;IACjE,aAAa,CAAoB;IAEzC,YAAY,UAA2C,EAAE,UAAiE;QACxH,IAAI,CAAC,UAAU,GAAG,UAAU,CAAA;QAC5B,IAAI,CAAC,UAAU,GAAG,UAAU,CAAA;IAC9B,CAAC;IAED,IAAI,CAAC,OAAwB,EAAE,MAAmB,EAAE,QAAyB;QAC3E,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;QACvC,IAAI,CAAC,aAAa,GAAG,SAAS,CAAA;QAC9B,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;QACxB,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO;gBAAE,OAAM;YACpC,MAAM,IAAI,GAAG,MAAM,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAA;YACvC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;YAChD,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,WAAW,CAAA;YACxD,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,YAAY,CAAA;YAC1D,IAAI,GAAG,GAAG,CAAC,CAAA;YACX,IAAI,IAAI,GAAG,CAAC,CAAA;YACZ,IAAI,QAAQ,KAAK,MAAM,IAAI,QAAQ,KAAK,OAAO,EAAE,CAAC;gBAChD,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,aAAa,GAAG,CAAC,CAAA;gBACpD,IAAI,QAAQ,KAAK,MAAM;oBAAE,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,YAAY,CAAA;;oBACnD,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAA;YACpC,CAAC;iBAAM,CAAC;gBACN,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,YAAY,GAAG,CAAC,CAAA;gBACpD,IAAI,QAAQ,KAAK,KAAK;oBAAE,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,aAAa,CAAA;;oBACjD,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,CAAA;YACnC,CAAC;YACD,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,GAAG,IAAI,CAAA;YAC9C,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,IAAI,CAAA;QAClD,CAAC,EAAE,EAAE,CAAC,CAAA;IACR,CAAC;IAED,IAAI;QACF,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO;YAAE,OAAM;QACpC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;QACnD,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,eAAe,CAAC,CAAA;IAC3F,CAAC;CACF"}

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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,18 @@
+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, "aria-hidden": true, 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

@@ -0,0 +1 @@
+{"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,iCAAe,OAAO,GAAc,IACvC,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

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

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

@@ -0,0 +1 @@
+{"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

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