@aivenio/aquarium 1.9.0 → 1.11.0

package/dist/src/molecules/Tabs/Tabs.js

@@ -0,0 +1,220 @@
+// https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Tab_Role
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';
+import isNumber from 'lodash/isNumber';
+import kebabCase from 'lodash/kebabCase';
+import { classNames, tw } from '../../../src/utils/tailwind';
+import chevronLeft from '../../icons/chevronLeft';
+import chevronRight from '../../icons/chevronRight';
+import warningSign from '../../icons/warningSign';
+import { TabBadge } from '../Badge/Badge';
+import { InlineIcon } from '../Icon/Icon';
+import { Tooltip } from '../Tooltip/Tooltip';
+import { Typography } from '../Typography/Typography';
+const isTabComponent = (c) => {
+    return React.isValidElement(c) && (c.type === Tab || c.type === ModalTab);
+};
+const Tab = React.forwardRef(({ className, id, title, children }, ref) => {
+    return (React.createElement("div", { ref: ref, id: `${id !== null && id !== void 0 ? id : kebabCase(title)}-panel`, className: className, role: 'tabpanel', tabIndex: 0, "aria-labelledby": `${id !== null && id !== void 0 ? id : kebabCase(title)}-tab` }, children));
+});
+export const TabContainer = (_a) => {
+    var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
+    return (React.createElement("div", Object.assign({}, rest, { className: classNames('py-6 z-0', className) }), children));
+};
+export const ModalTab = Tab;
+export const ModalTabContainer = TabContainer;
+export const asTabItem = (Component, displayName, { defaultUnderlineHidden } = {}) => {
+    const Tab = React.forwardRef((_a, ref) => {
+        var { id, value, status = 'default', disabled, badge, tooltip, title, index, selected, onSelected, className } = _a, rest = __rest(_a, ["id", "value", "status", "disabled", "badge", "tooltip", "title", "index", "selected", "onSelected", "className"]);
+        const _id = id !== null && id !== void 0 ? id : kebabCase(title);
+        let statusIcon = undefined;
+        if (status === 'warning') {
+            // TODO: update color to 'orange-50' once we have updated tokens.
+            statusIcon = React.createElement(InlineIcon, { icon: warningSign, color: "warning-80" });
+        }
+        else if (status === 'error') {
+            statusIcon = React.createElement(InlineIcon, { icon: warningSign, color: "error-50" });
+        }
+        const tab = (React.createElement(Component, Object.assign({ ref: ref, id: `${_id}-tab`, onClick: () => !disabled && onSelected(value !== null && value !== void 0 ? value : index), className: classNames(className, 'px-5 py-3 z-10 no-underline appearance-none outline-none h-full', {
+                'cursor-default': disabled,
+                'text-grey-80 focus:text-primary-80': !selected,
+                'hover:bg-grey-0 hover:border-grey-20': !selected && !disabled,
+                'border-b-2': !defaultUnderlineHidden || selected,
+                'border-grey-10': !selected,
+                'border-primary-80': selected,
+            }), type: 'button', role: 'tab', "aria-selected": selected, "aria-controls": `${_id}-panel`, tabIndex: disabled ? undefined : 0 }, rest),
+            React.createElement(Typography, { htmlTag: "div", variant: "small", color: selected ? 'primary-80' : disabled ? 'grey-20' : 'current', className: tw('inline-flex items-center gap-3') },
+                React.createElement("span", { className: tw('whitespace-nowrap') }, title),
+                isNumber(badge) && (React.createElement(Typography, { htmlTag: "span", variant: "small", color: selected ? 'primary-80' : 'grey-5', className: "leading-none" },
+                    React.createElement(TabBadge, { kind: "filled", value: badge, textClassname: classNames({ 'text-white': selected, 'text-grey-50': !selected }) }))),
+                statusIcon)));
+        return tooltip ? React.createElement(Tooltip, { content: tooltip }, tab) : tab;
+    });
+    Tab.displayName = displayName;
+    return Tab;
+};
+export const TabItem = asTabItem('button', 'TabItem');
+const CARET_OFFSET = 24;
+export const createTabsComponent = (TabComponent, TabItemComponent, displayName, renderChildren) => {
+    const Tabs = (props) => {
+        var _a, _b;
+        const { className, value, defaultValue, onChange, children } = props;
+        const childArr = React.Children.toArray(children);
+        const firstTab = childArr[0];
+        const firstTabValue = isTabComponent(firstTab) ? firstTab.props.value : -1;
+        const [selected, setSelected] = useState((_b = (_a = value !== null && value !== void 0 ? value : defaultValue) !== null && _a !== void 0 ? _a : firstTabValue) !== null && _b !== void 0 ? _b : 0);
+        const [leftCaret, showLeftCaret] = useState(false);
+        const [rightCaret, showRightCaret] = useState(false);
+        const parentRef = useRef(null);
+        const containerRef = useRef(null);
+        const tabsRef = useRef(null);
+        const revealSelectedTab = ({ smooth }) => {
+            var _a, _b;
+            const container = containerRef.current;
+            const tabs = tabsRef.current;
+            // First we need to find the index of selected tab. Note that value can be either
+            // string or number (index) so we need to make sure we'll find the correct
+            // tab in both cases.
+            const values = React.Children.map(children, (tab, i) => { var _a; return (_a = tab === null || tab === void 0 ? void 0 : tab.props.value) !== null && _a !== void 0 ? _a : i; });
+            const idx = (_a = values === null || values === void 0 ? void 0 : values.findIndex((val) => value === val)) !== null && _a !== void 0 ? _a : -1;
+            // Try to find the corresponding HTMLElement instance
+            const child = Array.from((_b = tabs === null || tabs === void 0 ? void 0 : tabs.childNodes) !== null && _b !== void 0 ? _b : [])[idx];
+            if (!container || !(child instanceof HTMLElement)) {
+                return;
+            }
+            // Get the container and child dimensions, and determine if the tab is currently
+            // visible in the container.
+            const { width: containerWidth, x: containerX } = container.getBoundingClientRect();
+            const { x, width } = child.getBoundingClientRect();
+            const isInViewPort = x >= containerX && x + width <= containerX + containerWidth;
+            // Scroll container to correct position so that the selected child is visible.
+            if (!isInViewPort) {
+                container.scrollTo({
+                    left: container.scrollLeft + Math.ceil(x + width + CARET_OFFSET - containerX - containerWidth),
+                    behavior: smooth ? 'smooth' : undefined,
+                });
+            }
+        };
+        const updateCarets = () => {
+            const pEl = parentRef.current;
+            const el = containerRef.current;
+            if (!pEl || !el) {
+                return;
+            }
+            const { width } = pEl.getBoundingClientRect();
+            const hasLeftCaret = el.scrollWidth > width && el.scrollLeft !== 0;
+            const hasRightCaret = el.scrollWidth > width &&
+                Math.round(el.scrollLeft + el.getBoundingClientRect().width) !== Math.round(el.scrollWidth);
+            showLeftCaret(hasLeftCaret);
+            showRightCaret(hasRightCaret);
+        };
+        useEffect(() => {
+            if (value === undefined) {
+                return;
+            }
+            updateCarets();
+            setSelected(value);
+            revealSelectedTab({ smooth: value !== selected });
+        }, [value, React.Children.count(children)]);
+        useLayoutEffect(() => {
+            var _a;
+            updateCarets();
+            (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('scroll', updateCarets);
+            window.addEventListener('resize', updateCarets);
+            return () => {
+                var _a;
+                (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('scroll', updateCarets);
+                window.removeEventListener('resize', updateCarets);
+            };
+        }, [parentRef.current, containerRef.current, children]);
+        const handleScrollToNext = (direction) => {
+            const container = containerRef.current;
+            const tabs = tabsRef.current;
+            if (!container || !tabs) {
+                return;
+            }
+            const { width: containerWidth, x: containerX } = container.getBoundingClientRect();
+            const children = Array.from(tabs.childNodes).filter((c) => c instanceof HTMLElement);
+            // There might be better ways to make this logic more compact,
+            // but it seems to be rather delicate about all pixel roundings and what-nots.
+            if (direction === 'right') {
+                const next = children.find((c) => {
+                    const { x, width } = c.getBoundingClientRect();
+                    return Math.round(x + width - containerX - containerWidth) > 0;
+                });
+                if (next instanceof HTMLElement) {
+                    const { x, width } = next.getBoundingClientRect();
+                    container.scrollTo({
+                        left: container.scrollLeft + Math.ceil(x + width + CARET_OFFSET - containerX - containerWidth),
+                        behavior: 'smooth',
+                    });
+                }
+            }
+            else {
+                const next = children.find((c) => {
+                    const { x, width } = c.getBoundingClientRect();
+                    return Math.round(x + width - containerX) >= 0;
+                });
+                if (next instanceof HTMLElement) {
+                    const { x } = next.getBoundingClientRect();
+                    container.scrollTo({
+                        left: container.scrollLeft - Math.abs(x - containerX - CARET_OFFSET),
+                        behavior: 'smooth',
+                    });
+                }
+            }
+        };
+        const handleKeyDown = (event) => {
+            const target = event.target;
+            const parent = target.parentElement;
+            const first = parent.firstChild;
+            const last = parent.lastChild;
+            const next = target.nextElementSibling;
+            const prev = target.previousElementSibling;
+            if (event.key === 'ArrowRight') {
+                (next !== null && next !== void 0 ? next : first).focus();
+            }
+            else if (event.key === 'ArrowLeft') {
+                (prev !== null && prev !== void 0 ? prev : last).focus();
+            }
+        };
+        const handleSelected = (key) => {
+            (onChange !== null && onChange !== void 0 ? onChange : setSelected)(key);
+        };
+        // Allow only tabs as children.
+        React.Children.forEach(children, (c) => {
+            if (c && !isTabComponent(c)) {
+                throw new Error('<Tabs> can only have <Tabs.Tab> components as children');
+            }
+        });
+        return (React.createElement("div", { ref: parentRef, className: classNames(tw('h-full'), className) },
+            React.createElement("div", { className: tw('relative flex items-center h-full border-b-2 border-grey-10') },
+                React.createElement("div", { ref: containerRef, className: tw('overflow-y-auto scrollbar-hide h-full mb-[-2px]') },
+                    React.createElement("div", { ref: tabsRef, role: 'tablist', "aria-label": 'tabs', className: tw('inline-flex items-center cursor-pointer font-normal h-full') }, React.Children.map(children, (tab, index) => tab ? (React.createElement(TabItemComponent, Object.assign({ key: tab.props.value }, tab.props, { index: index, selected: tab.props.value !== undefined ? tab.props.value === selected : index === selected, onKeyDown: handleKeyDown, onSelected: handleSelected }))) : undefined))),
+                leftCaret && (React.createElement("div", { className: tw('absolute left-0 bg-gradient-to-r from-white via-white z-20 py-3 pr-4') },
+                    React.createElement("div", { onClick: () => handleScrollToNext('left'), className: tw('hover:bg-grey-0 p-2 leading-none cursor-pointer') },
+                        React.createElement(InlineIcon, { icon: chevronLeft })))),
+                rightCaret && (React.createElement("div", { onClick: () => handleScrollToNext('right'), className: tw('absolute right-0 bg-gradient-to-l from-white via-white z-20 py-3 pl-4') },
+                    React.createElement("div", { onClick: () => handleScrollToNext('right'), className: tw('hover:bg-grey-0 p-2 leading-none cursor-pointer') },
+                        React.createElement(InlineIcon, { icon: chevronRight }))))),
+            renderChildren(children, selected, props)));
+    };
+    Tabs.displayName = displayName;
+    Tabs.Tab = TabComponent;
+    return Tabs;
+};
+//
+// Export default implementation for tabs.
+//
+export const Tabs = createTabsComponent(Tab, TabItem, 'Tabs', (children, selected) => (React.createElement(TabContainer, null, children.find((node, index) => (node === null || node === void 0 ? void 0 : node.props.value) === selected || index === selected))));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVGFicy9UYWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpRkFBaUY7Ozs7Ozs7Ozs7OztBQUVqRixPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUM1RSxPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLFNBQVMsTUFBTSxrQkFBa0IsQ0FBQztBQUV6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE9BQU8sV0FBVyxNQUFNLHlCQUF5QixDQUFDO0FBQ2xELE9BQU8sWUFBWSxNQUFNLDBCQUEwQixDQUFDO0FBQ3BELE9BQU8sV0FBVyxNQUFNLHlCQUF5QixDQUFDO0FBQ2xELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMxQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFdEQsTUFBTSxjQUFjLEdBQUcsQ0FBb0MsQ0FBa0IsRUFBa0MsRUFBRTtJQUMvRyxPQUFPLEtBQUssQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxLQUFLLEdBQUcsSUFBSSxDQUFDLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQyxDQUFDO0FBQzVFLENBQUMsQ0FBQztBQStDRixNQUFNLEdBQUcsR0FBdUIsS0FBSyxDQUFDLFVBQVUsQ0FDOUMsQ0FBQyxFQUFFLFNBQVMsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxFQUFFLEdBQUcsRUFBRSxF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

package/dist/src/{components → molecules}/TagLabel/TagLabel.js

@@ -18,4 +18,4 @@ export const TagLabel = (_a) => {
             'py-2 px-3 typography-caption-small': dense,
         }) }), title));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnTGFiZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UYWdMYWJlbC9UYWdMYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBbUJ4QyxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQTRCLENBQUMsRUFBaUMsRUFBRSxFQUFFO1FBQXJDLEVBQUUsS0FBSyxFQUFFLEtBQUssR0FBRyxLQUFLLE9BQVcsRUFBTixJQUFJLGNBQS9CLGtCQUFpQyxDQUFGO0lBQU8sT0FBQSxDQUN0Riw4Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLEVBQUUsQ0FBQyx1Q0FBdUMsRUFBRTtZQUNyRCw4QkFBOEIsRUFBRSxDQUFDLEtBQUs7WUFDdEMsb0NBQW9DLEVBQUUsS0FBSztTQUM1QyxDQUFDLEtBRUQsS0FBSyxDQUNELENBQ1IsQ0FBQTtDQUFBLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnTGFiZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1RhZ0xhYmVsL1RhZ0xhYmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFtQnhDLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBNEIsQ0FBQyxFQUFpQyxFQUFFLEVBQUU7UUFBckMsRUFBRSxLQUFLLEVBQUUsS0FBSyxHQUFHLEtBQUssT0FBVyxFQUFOLElBQUksY0FBL0Isa0JBQWlDLENBQUY7SUFBTyxPQUFBLENBQ3RGLDhDQUNNLElBQUksSUFDUixTQUFTLEVBQUUsRUFBRSxDQUFDLHVDQUF1QyxFQUFFO1lBQ3JELDhCQUE4QixFQUFFLENBQUMsS0FBSztZQUN0QyxvQ0FBb0MsRUFBRSxLQUFLO1NBQzVDLENBQUMsS0FFRCxLQUFLLENBQ0QsQ0FDUixDQUFBO0NBQUEsQ0FBQyJ9

package/dist/src/{components → molecules}/Tailwindify/Tailwindify.js

@@ -68,4 +68,4 @@ export function Tailwindify(Component) {
         return React.createElement(Component, Object.assign({ className: className, children: childrenWithProps }, componentProps));
     };
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFpbHdpbmRpZnkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UYWlsd2luZGlmeS9UYWlsd2luZGlmeS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxHQUFHLE1BQU0sWUFBWSxDQUFDO0FBQzdCLE9BQU8sV0FBVyxNQUFNLG9CQUFvQixDQUFDO0FBRTdDLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQTBDekUsTUFBTSxVQUFVLFdBQVcsQ0FDekIsU0FBa0Q7SUFFbEQsT0FBTyxDQUFDLEVBNkI0QixFQUFFLEVBQUU7WUE3QmhDLEVBQ04sU0FBUyxFQUNULEtBQUssRUFDTCxRQUFRLEVBQ1IsT0FBTyxFQUNQLFFBQVEsRUFDUixRQUFRLEVBQ1IsVUFBVSxFQUNWLFlBQVksRUFDWixhQUFhLEVBQ2IsV0FBVyxFQUNYLE1BQU0sRUFDTixPQUFPLEVBQ1AsT0FBTyxFQUNQLFNBQVMsRUFDVCxXQUFXLEVBQ1gsWUFBWSxFQUNaLFVBQVUsRUFDVixLQUFLLEVBQ0wsTUFBTSxFQUNOLE1BQU0sRUFDTixlQUFlLEVBQ2YsS0FBSyxFQUNMLE1BQU0sRUFDTixRQUFRLEVBQ1IsU0FBUyxFQUNULFFBQVEsRUFDUixTQUFTLE9BRXlCLEVBRC9CLFVBQVUsY0E1QlAsa1ZBNkJQLENBRGM7UUFFYixNQUFNLGdCQUFnQixHQUFHLFFBQVEsQ0FBQztZQUNoQyxPQUFPO1lBQ1AsVUFBVSxFQUFFLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxRQUFRO1lBQ3pELFlBQVksRUFBRSxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsUUFBUTtZQUM3RCxhQUFhLEVBQUUsV0FBVyxD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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFpbHdpbmRpZnkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1RhaWx3aW5kaWZ5L1RhaWx3aW5kaWZ5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEdBQUcsTUFBTSxZQUFZLENBQUM7QUFDN0IsT0FBTyxXQUFXLE1BQU0sb0JBQW9CLENBQUM7QUFFN0MsT0FBTyxFQUFFLHlCQUF5QixFQUFFLFFBQVEsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBMEN6RSxNQUFNLFVBQVUsV0FBVyxDQUN6QixTQUFrRDtJQUVsRCxPQUFPLENBQUMsRUE2QjRCLEVBQUUsRUFBRTtZQTdCaEMsRUFDTixTQUFTLEVBQ1QsS0FBSyxFQUNMLFFBQVEsRUFDUixPQUFPLEVBQ1AsUUFBUSxFQUNSLFFBQVEsRUFDUixVQUFVLEVBQ1YsWUFBWSxFQUNaLGFBQWEsRUFDYixXQUFXLEVBQ1gsTUFBTSxFQUNOLE9BQU8sRUFDUCxPQUFPLEVBQ1AsU0FBUyxFQUNULFdBQVcsRUFDWCxZQUFZLEVBQ1osVUFBVSxFQUNWLEtBQUssRUFDTCxNQUFNLEVBQ04sTUFBTSxFQUNOLGVBQWUsRUFDZixLQUFLLEVBQ0wsTUFBTSxFQUNOLFFBQVEsRUFDUixTQUFTLEVBQ1QsUUFBUSxFQUNSLFNBQVMsT0FFeUIsRUFEL0IsVUFBVSxjQTVCUCxrVkE2QlAsQ0FEYztRQUViLE1BQU0sZ0JBQWdCLEdBQUcsUUFBUSxDQUFDO1lBQ2hDLE9BQU87WUFDUCxVQUFVLEVBQUUsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFFBQVE7WUFDekQsWUFBWSxFQUFFLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxRQUFRO1lBQzdELGFBQWEsRUFBRSxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsUUFBUTtZQUMvRCxXQUFXLEVBQUUsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLFFBQVE7WUFDM0QsTUFBTTtZQUNOLFNBQVMsRUFBRSxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsT0FBTztZQUNyRCxXQUFXLEVBQUUsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLE9BQU87WUFDekQsWUFBWSxFQUFFLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxPQUFPO1lBQzNELFVBQVUsRUFBRSxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsT0FBTztZQUN2RCxlQUFlO1lBQ2YsS0FBSztZQUNMLE1BQU07WUFDTixRQUFRO1lBQ1IsU0FBUztZQUNULFFBQVE7WUFDUixTQUFTO1NBQ1YsQ0FBQyxDQUFDO1FBRUgsc0VBQXNFO1FBQ3RFLHVEQUF1RDtRQUN2RCxNQUFNLFVBQVUsbUNBQ1gsZ0JBQWdCLEdBQ2hCLEtBQUssQ0FDVCxDQUFDO1FBRUYsTUFBTSxjQUFjLG1DQUVkLFVBQThCLEtBQ2xDLEtBQUssRUFBRSxVQUFVLEdBQ2xCLENBQUM7UUFFRix3REFBd0Q7UUFDeEQsTUFBTSxpQkFBaUIsR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLEVBQUU7WUFDdEUsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDLEVBQUU7Z0JBQ2hDLE9BQU8sS0FBSyxDQUFDO2FBQ2Q7WUFFRCxNQUFNLFdBQVcsR0FBRyxLQUFLLEtBQUssUUFBUSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7WUFDbEQsc0NBQXNDO1lBQ3RDLE1BQU0sVUFBVSxHQUE0QyxFQUFFLENBQUM7WUFDL0QsTUFBTSxlQUFlLEdBQUcsRUFBeUIsQ0FBQztZQUVsRCxJQUFJLENBQUMsV0FBVyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxFQUFFO2dCQUN2QyxlQUFlLENBQUMsWUFBWSxHQUFHLHlCQUF5QixDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUMsQ0FBQztnQkFDMUUsZUFBZSxDQUFDLFdBQVcsR0FBRyx5QkFBeUIsQ0FBQyxRQUFRLEVBQUUsS0FBSyxDQUFDLENBQUM7YUFDMUU7WUFDRCxJQUFJLENBQUMsV0FBVyxJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxFQUFFO2dCQUN4QyxlQUFlLENBQUMsWUFBWSxHQUFHLHlCQUF5QixDQUFDLFFBQVEsRUFBRSxNQUFNLENBQUMsQ0FBQzthQUM1RTtZQUNELElBQUksQ0FBQyxXQUFXLElBQUksQ0FBQyxXQUFXLENBQUMsTUFBTSxDQUFDLEVBQUU7Z0JBQ3hDLGVBQWUsQ0FBQyxXQUFXLEdBQUcseUJBQXlCLENBQUMsUUFBUSxFQUFFLE1BQU0sQ0FBQyxDQUFDO2FBQzNFO1lBRUQsSUFBSSxNQUFNLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLE1BQU0sS0FBSyxDQUFDLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxNQUFNLEtBQUssQ0FBQyxFQUFFO2dCQUNyRixPQUFPLEtBQUssQ0FBQzthQUNkO1lBRUQsTUFBTSxVQUFVLEdBQUcsR0FBRyxDQUFDLEtBQUssRUFBRSxDQUFDLE9BQU8sRUFBRSxPQUFPLENBQUMsRUFBRSxFQUFFLENBQXdCLENBQUM7WUFDN0UsTUFBTSxRQUFRLG1DQUFRLFVBQVUsS0FBRSxLQUFLLGtDQUFPLFVBQVUsR0FBSyxlQUFlLElBQUksQ0FBQztZQUNqRixPQUFPLEtBQUssQ0FBQyxZQUFZLENBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBQzdDLENBQUMsQ0FBQyxDQUFDO1FBRUgsT0FBTyxvQkFBQyxTQUFTLGtCQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLGlCQUFpQixJQUFNLGNBQWMsRUFBSSxDQUFDO0lBQzlGLENBQUMsQ0FBQztBQUNKLENBQUMifQ==

package/dist/src/molecules/Template/Template.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { useStyle } from '../../../src/utils/useStyle';
+export const Template = ({ children, columns, alignSelf, alignContent, alignItems, justifySelf, gap, columnGap, rowGap, fullHeight, }) => {
+    const gridTemplateColumns = typeof columns === 'number'
+        ? '1fr '.repeat(columns)
+        : columns
+            .map((column) => (typeof column === 'number' ? `${column}px` : column === 'auto' ? column : `${column}fr`))
+            .join(' ');
+    const styles = useStyle({
+        height: fullHeight ? '100%' : undefined,
+        display: 'grid',
+        gridTemplateColumns,
+        alignSelf,
+        alignContent,
+        alignItems,
+        justifySelf,
+        gap,
+        rowGap,
+        columnGap,
+    });
+    return React.createElement("div", { style: Object.assign({}, styles) }, children);
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1RlbXBsYXRlL1RlbXBsYXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBeUI5QyxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQTRCLENBQUMsRUFDaEQsUUFBUSxFQUNSLE9BQU8sRUFDUCxTQUFTLEVBQ1QsWUFBWSxFQUNaLFVBQVUsRUFDVixXQUFXLEVBQ1gsR0FBRyxFQUNILFNBQVMsRUFDVCxNQUFNLEVBQ04sVUFBVSxHQUNYLEVBQUUsRUFBRTtJQUNILE1BQU0sbUJBQW1CLEdBQ3ZCLE9BQU8sT0FBTyxLQUFLLFFBQVE7UUFDekIsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDO1FBQ3hCLENBQUMsQ0FBQyxPQUFPO2FBQ0osR0FBRyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxDQUFDLE9BQU8sTUFBTSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsR0FBRyxNQUFNLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxLQUFLLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxHQUFHLE1BQU0sSUFBSSxDQUFDLENBQUM7YUFDMUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBRW5CLE1BQU0sTUFBTSxHQUFHLFFBQVEsQ0FBQztRQUN0QixNQUFNLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVM7UUFDdkMsT0FBTyxFQUFFLE1BQU07UUFDZixtQkFBbUI7UUFDbkIsU0FBUztRQUNULFlBQVk7UUFDWixVQUFVO1FBQ1YsV0FBVztRQUNYLEdBQUc7UUFDSCxNQUFNO1FBQ04sU0FBUztLQUNWLENBQUMsQ0FBQztJQUNILE9BQU8sNkJBQUssS0FBSyxvQkFBTyxNQUFNLEtBQUssUUFBUSxDQUFPLENBQUM7QUFDckQsQ0FBQyxDQUFDIn0=

package/dist/src/molecules/Textarea/Textarea.js

@@ -0,0 +1,46 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useRef, useState } from 'react';
+import omit from 'lodash/omit';
+import toString from 'lodash/toString';
+import uniqueId from 'lodash/uniqueId';
+import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
+import { getCommonInputStyles } from '../../../src/utils/constants';
+import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
+import { classNames } from '../../../src/utils/tailwind';
+export const TextareaBase = React.forwardRef((_a, ref) => {
+    var { readOnly = false, valid = true } = _a, props = __rest(_a, ["readOnly", "valid"]);
+    return (React.createElement("textarea", Object.assign({ ref: ref }, props, { readOnly: readOnly, className: classNames(getCommonInputStyles({ readOnly, valid }), props.className) })));
+});
+TextareaBase.Skeleton = () => React.createElement(Skeleton, { height: 58 });
+export const Textarea = React.forwardRef((props, ref) => {
+    var _a, _b, _c;
+    const [value, setValue] = useState((_b = (_a = props.value) !== null && _a !== void 0 ? _a : props.defaultValue) !== null && _b !== void 0 ? _b : '');
+    // we need a unique ID to be used for an accessible connection between the input and its error message
+    const id = useRef((_c = props.id) !== null && _c !== void 0 ? _c : `textarea-${uniqueId()}`);
+    const errorMessageId = uniqueId();
+    const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
+    const _d = getLabelControlProps(props), { 'data-testid': dataTestId } = _d, labelControlProps = __rest(_d, ['data-testid']);
+    const baseProps = omit(props, Object.keys(labelControlProps));
+    return (React.createElement(LabelControl, Object.assign({ id: `${id.current}-label`, htmlFor: id.current, messageId: errorMessageId, length: value !== undefined ? toString(value).length : undefined }, labelControlProps),
+        React.createElement(TextareaBase, Object.assign({ ref: ref }, baseProps, errorProps, { id: id.current, "data-testid": dataTestId, onChange: (e) => {
+                var _a;
+                setValue(e.currentTarget.value);
+                (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, e);
+            }, disabled: props.disabled, maxLength: props.maxLength, required: props.required, valid: props.valid }))));
+});
+Textarea.displayName = 'Textarea';
+const TextAreaSkeleton = () => (React.createElement(LabelControl.Skeleton, null,
+    React.createElement(TextareaBase.Skeleton, null)));
+Textarea.Skeleton = TextAreaSkeleton;
+Textarea.Skeleton.displayName = 'Textarea.Skeleton';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1RleHRhcmVhL1RleHRhcmVhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUNoRCxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFDL0IsT0FBTyxRQUFRLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxRQUFRLE1BQU0saUJBQWlCLENBQUM7QUFFdkMsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzNELE9BQU8sRUFBMEIsb0JBQW9CLEVBQUUsWUFBWSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDeEcsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBWWhELE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBMEIsS0FBSyxDQUFDLFVBQVUsQ0FDakUsQ0FBQyxFQUE0QyxFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQXJELEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRSxLQUFLLEdBQUcsSUFBSSxPQUFZLEVBQVAsS0FBSyxjQUExQyxxQkFBNEMsQ0FBRjtJQUFZLE9BQUEsQ0FDckQsZ0RBQ0UsR0FBRyxFQUFFLEdBQUcsSUFDSixLQUFLLElBQ1QsUUFBUSxFQUFFLFFBQVEsRUFDbEIsU0FBUyxFQUFFLFVBQVUsQ0FBQyxvQkFBb0IsQ0FBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLEtBQUssQ0FBQyxTQUFTLENBQUMsSUFDakYsQ0FDSCxDQUFBO0NBQUEsQ0FDdUIsQ0FBQztBQUUzQixZQUFZLENBQUMsUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLG9CQUFDLFFBQVEsSUFB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

package/dist/src/molecules/Timeline/Timeline.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import { Box } from '../../../src/molecules/Box/Box';
+import { Icon } from '../../../src/molecules/Icon/Icon';
+import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
+import { Typography } from '../../../src/molecules/Typography/Typography';
+import { Timeline as BaseTimeline } from '../../../src/atoms/Timeline/Timeline';
+import { isComponentType } from '../../../types/utils';
+import danger from '../../../src/icons/error';
+import time from '../../../src/icons/time';
+import warning from '../../../src/icons/warningSign';
+const TimelineItem = () => null;
+export const Timeline = ({ children }) => (React.createElement("div", null, React.Children.map(children, (item) => {
+    if (!isComponentType(item, TimelineItem)) {
+        throw new Error('<Timeline> can only have <Timeline.Item> components as children');
+    }
+    else {
+        const { props, key } = item;
+        return (React.createElement(BaseTimeline, { key: key !== null && key !== void 0 ? key : props.title },
+            React.createElement(BaseTimeline.Separator, null, props.variant === 'error' ? (React.createElement(Icon, { icon: danger, color: "error-30" })) : props.variant === 'warning' ? (React.createElement(Icon, { icon: warning, color: "warning-30" })) : props.variant === 'info' ? (React.createElement(Icon, { icon: time, color: "info-30" })) : (React.createElement(BaseTimeline.Separator.Dot, null))),
+            React.createElement(Typography.Caption, { color: "grey-50" }, props.title),
+            React.createElement(BaseTimeline.LineContainer, null,
+                React.createElement(BaseTimeline.LineContainer.Line, null)),
+            React.createElement(BaseTimeline.Content, null,
+                React.createElement(Typography.Small, null, props.children))));
+    }
+})));
+const TimelineItemSkeleton = () => (React.createElement(BaseTimeline, null,
+    React.createElement(BaseTimeline.Separator, null,
+        React.createElement(Skeleton, { width: 6, height: 6, rounded: true })),
+    React.createElement(Skeleton, { height: 12, width: 120 }),
+    React.createElement(BaseTimeline.LineContainer, null,
+        React.createElement(Skeleton, { width: 2, height: "100%" })),
+    React.createElement(BaseTimeline.Content, null,
+        React.createElement(Box, { display: "flex", flexDirection: "column", gap: "3" },
+            React.createElement(Skeleton, { height: 32, width: "100%" }),
+            React.createElement(Skeleton, { height: 32, width: "73%" }),
+            React.createElement(Skeleton, { height: 32, width: "80%" })))));
+const TimelineSkeleton = ({ items = 3 }) => (React.createElement("div", null, Array.from({ length: items }).map((_, key) => (React.createElement(TimelineItemSkeleton, { key: key })))));
+Timeline.Item = TimelineItem;
+Timeline.Skeleton = TimelineSkeleton;
+Timeline.Skeleton.displayName = 'Timeline.Skeleton';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1RpbWVsaW5lL1RpbWVsaW5lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzVDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDM0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRWpFLE9BQU8sRUFBRSxRQUFRLElBQUksWUFBWSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFdkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUU5QyxPQUFPLE1BQU0sTUFBTSxpQkFBaUIsQ0FBQztBQUNyQyxPQUFPLElBQUksTUFBTSxnQkFBZ0IsQ0FBQztBQUNsQyxPQUFPLE9BQU8sTUFBTSx1QkFBdUIsQ0FBQztBQWlCNUMsTUFBTSxZQUFZLEdBQWdDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQztBQVE3RCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQTBCLENBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDL0QsaUNBQ0csS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLENBQUMsSUFBSSxFQUFFLEVBQUU7SUFDckMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLEVBQUUsWUFBWSxDQUFDLEVBQUU7UUFDeEMsTUFBTSxJQUFJLEtBQUssQ0FBQyxpRUFBaUUsQ0FBQyxDQUFDO0tBQ3BGO1NBQU07UUFDTCxNQUFNLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxHQUFHLElBQUksQ0FBQztRQUM1QixPQUFPLENBQ0wsb0JBQUMsWUFBWSxJ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

package/dist/src/{components → molecules}/Tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
 import React, { type HTMLAttributes } from 'react';
-import { type PopoverPlacement } from '../../../src/components/Popover/Popover';
+import { type PopoverPlacement } from '../../../src/molecules/Popover/Popover';
 export declare type TooltipProps = Pick<HTMLAttributes<HTMLDivElement>, 'onClick' | 'onMouseDown' | 'onMouseUp' | 'onPointerDown' | 'onPointerUp'> & {
     /**
      * Tooltip placement.

package/dist/src/molecules/Tooltip/Tooltip.js

@@ -0,0 +1,110 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { OverlayContainer, useOverlayPosition } from '@react-aria/overlays';
+import { useTooltip, useTooltipTrigger } from '@react-aria/tooltip';
+import { mergeProps } from '@react-aria/utils';
+import { tw } from '../../../src/utils/tailwind';
+import { useTooltipTriggerState } from './useTooltipTriggerState';
+export const Tooltip = (_a) => {
+    var { inline = true, delay = 200 } = _a, props = __rest(_a, ["inline", "delay"]);
+    const { placement: _placement = 'top', content, disabled: isDisabled, shouldFlip = true } = props;
+    const triggerRef = React.useRef(null);
+    const overlayRef = React.useRef(null);
+    const state = useTooltipTriggerState(Object.assign({ isDisabled, delay }, props));
+    const { triggerProps, tooltipProps } = useTooltipTrigger(props, state, triggerRef);
+    const { overlayProps, arrowProps, placement } = useOverlayPosition({
+        placement: _placement.replace('-', ' '),
+        targetRef: triggerRef,
+        overlayRef,
+        isOpen: state.isOpen,
+        shouldFlip,
+        offset: ARROW_OFFSET,
+    });
+    const handleClick = (e) => {
+        var _a, _b;
+        (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        (_b = triggerProps.onClick) === null || _b === void 0 ? void 0 : _b.call(triggerProps, e);
+    };
+    const handleMouseDown = (e) => {
+        var _a, _b;
+        (_a = props.onMouseDown) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        (_b = triggerProps.onMouseDown) === null || _b === void 0 ? void 0 : _b.call(triggerProps, e);
+    };
+    const handleMouseUp = (e) => {
+        var _a, _b;
+        (_a = props.onMouseUp) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        (_b = triggerProps.onMouseUp) === null || _b === void 0 ? void 0 : _b.call(triggerProps, e);
+    };
+    const handlePointerDown = (e) => {
+        var _a, _b;
+        (_a = props.onPointerDown) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        (_b = triggerProps.onPointerDown) === null || _b === void 0 ? void 0 : _b.call(triggerProps, e);
+    };
+    const handlePointerUp = (e) => {
+        var _a, _b;
+        (_a = props.onPointerUp) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        (_b = triggerProps.onPointerUp) === null || _b === void 0 ? void 0 : _b.call(triggerProps, e);
+    };
+    return (React.createElement("div", Object.assign({ className: tw(`${inline ? 'inline-block' : 'block'}`) }, triggerProps, { onClick: handleClick, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, ref: triggerRef }),
+        props.children,
+        state.isOpen && (React.createElement(TooltipWrapper, Object.assign({ ref: overlayRef, state: state, placement: placement, arrowProps: arrowProps }, mergeProps(tooltipProps, overlayProps)), content))));
+};
+const TooltipWrapper = React.forwardRef((_a, forwardedRef) => {
+    var _b;
+    var { state, placement, arrowProps } = _a, props = __rest(_a, ["state", "placement", "arrowProps"]);
+    const ref = React.useRef(null);
+    React.useImperativeHandle(forwardedRef, () => ref.current);
+    const { tooltipProps } = useTooltip(props, state);
+    const arrowStyle = getArrowStyle(ref.current, placement, (_b = arrowProps.style) !== null && _b !== void 0 ? _b : {});
+    return (React.createElement(OverlayContainer, null,
+        React.createElement("div", Object.assign({ ref: ref, className: tw('p-3 rounded-sm typography-caption max-w-[320px] bg-grey-90 text-white') }, mergeProps(props, tooltipProps)),
+            props.children,
+            React.createElement(Arrow, Object.assign({}, arrowProps, { style: arrowStyle })))));
+});
+const isNotNumberProperty = (p) => typeof p === 'string';
+const ARROW_SIZE = 4;
+const ARROW_MARGIN = 8;
+const ARROW_OFFSET = 7;
+const getArrowStyle = (element, position, { left, top }) => {
+    // We can't do math with non-numeric values.
+    if (!element || isNotNumberProperty(left) || isNotNumberProperty(top)) {
+        return { left, top };
+    }
+    const rect = element.getBoundingClientRect();
+    const limits = {
+        top: ARROW_MARGIN,
+        bottom: rect.height - ARROW_SIZE * 2 - ARROW_MARGIN,
+        left: ARROW_MARGIN,
+        right: rect.width - ARROW_SIZE * 2 - ARROW_MARGIN,
+    };
+    // Adjust arrow position, but make sure it doesn't "leak out" of the tooltip
+    switch (position) {
+        case 'top': {
+            return { left: Math.min(limits.right, Math.max((left !== null && left !== void 0 ? left : 0) - ARROW_SIZE, limits.left)), bottom: -ARROW_SIZE };
+        }
+        case 'bottom': {
+            return { left: Math.min(limits.right, Math.max((left !== null && left !== void 0 ? left : 0) - ARROW_SIZE, limits.left)), top: -ARROW_SIZE };
+        }
+        case 'left': {
+            return { right: -ARROW_SIZE, top: Math.min(limits.bottom, Math.max((top !== null && top !== void 0 ? top : 0) - ARROW_SIZE, limits.top)) };
+        }
+        case 'right': {
+            return { left: -ARROW_SIZE, top: Math.min(limits.bottom, Math.max((top !== null && top !== void 0 ? top : 0) - ARROW_SIZE, limits.top)) };
+        }
+    }
+    return { left, top };
+};
+const Arrow = (props) => {
+    return React.createElement("div", Object.assign({ className: tw('absolute w-3 h-3 bg-grey-90 rotate-45') }, props));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9vbHRpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVG9vbHRpcC9Ub29sdGlwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBOEIsTUFBTSxPQUFPLENBQUM7QUFDbkQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLGtCQUFrQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDNUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQU0vQyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFeEMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUF1RGxFLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBMkIsQ0FBQyxFQUF3QyxFQUFFLEVBQUU7UUFBNUMsRUFBRSxNQUFNLEdBQUcsSUFBSSxFQUFFLEtBQUssR0FBRyxHQUFHLE9BQVksRUFBUCxLQUFLLGNBQXRDLG1CQUF3QyxDQUFGO0lBQ3BGLE1BQU0sRUFBRSxTQUFTLEVBQUUsVUFBVSxHQUFHLEtBQUssRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxVQUFVLEdBQUcsSUFBSSxFQUFFLEdBQUcsS0FBSyxDQUFDO0lBRWxHLE1BQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFDO0lBQ3RELE1BQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFDO0lBQ3RELE1BQU0sS0FBSyxHQUFHLHNCQUFzQixpQkFBRyxVQUFVLEVBQUUsS0FBSyxJQUFLLEtBQUssRUFBRyxDQUFDO0lBQ3RFLE1BQU0sRUFBRSxZQUFZLEVBQUUsWUFBWSxFQUFFLEdBQUcsaUJBQWlCLENBQUMsS0FB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

package/dist/src/{components → molecules}/Tooltip/useTooltipTriggerState.js

@@ -139,4 +139,4 @@ export function useTooltipTriggerState(props = {}) {
         close: hideTooltip,
     };
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVG9vbHRpcFRyaWdnZXJTdGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1Rvb2x0aXAvdXNlVG9vbHRpcFRyaWdnZXJTdGF0ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7OztHQWFHO0FBRUgsT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ25ELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBR2pFLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxDQUFDLHlEQUF5RDtBQUNyRixNQUFNLGdCQUFnQixHQUFHLEdBQUcsQ0FBQztBQWlCN0IsTUFBTSxRQUFRLEdBQWtELEVBQUUsQ0FBQztBQUNuRSxJQUFJLG1CQUFtQixHQUFtQixJQUFJLENBQUM7QUFDL0MsSUFBSSxxQkFBcUIsR0FBbUIsSUFBSSxDQUFDO0FBQ2pELElBQUksU0FBUyxHQUFHLENBQUMsQ0FBQztBQUNsQixJQUFJLGNBQWMsR0FBRyxLQUFLLENBQUM7QUFFM0I7Ozs7R0FJRztBQUNILE1BQU0sVUFBVSxzQkFBc0IsQ0FBQyxRQUE2QixFQUFFO0lBQ3BFLE1BQU0sRUFBRSxLQUFLLEdBQUcsYUFBYSxFQUFFLEdBQUcsS0FBSyxDQUFDO0lBQ3hDLE1BQU0sRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxHQUFHLHNCQUFzQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlELE1BQU0sRUFBRSxHQUFHLE9BQU8sQ0FBQyxHQUFHLEVBQUUsQ0FBQyxHQUFHLEVBQUUsU0FBUyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDL0MsTUFBTSxZQUFZLEdBQUcsTUFBTSxFQUFrQixDQUFDO0lBQzlDLE1BQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUVsQyxNQUFNLGtCQUFrQixHQUFH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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVG9vbHRpcFRyaWdnZXJTdGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVG9vbHRpcC91c2VUb29sdGlwVHJpZ2dlclN0YXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFFSCxPQUFPLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDbkQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFHakUsTUFBTSxhQUFhLEdBQUcsSUFBSSxDQUFDLENBQUMseURBQXlEO0FBQ3JGLE1BQU0sZ0JBQWdCLEdBQUcsR0FBRyxDQUFDO0FBaUI3QixNQUFNLFFBQVEsR0FBa0QsRUFBRSxDQUFDO0FBQ25FLElBQUksbUJBQW1CLEdBQW1CLElBQUksQ0FBQztBQUMvQyxJQUFJLHFCQUFxQixHQUFtQixJQUFJLENBQUM7QUFDakQsSUFBSSxTQUFTLEdBQUcsQ0FBQyxDQUFDO0FBQ2xCLElBQUksY0FBYyxHQUFHLEtBQUssQ0FBQztBQUUzQjs7OztHQUlHO0FBQ0gsTUFBTSxVQUFVLHNCQUFzQixDQUFDLFFBQTZCLEVBQUU7SUFDcEUsTUFBTSxFQUFFLEtBQUssR0FBRyxhQUFhLEVBQUUsR0FBRyxLQUFLLENBQUM7SUFDeEMsTUFBTSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLEdBQUcsc0JBQXNCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUQsTUFBTSxFQUFFLEdBQUcsT0FBTyxDQUFDLEdBQUcsRUFBRSxDQUFDLEdBQUcsRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUMvQyxNQUFNLFlBQVksR0FBRyxNQUFNLEVBQWtCLENBQUM7SUFDOUMsTUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBRWxDLE1BQU0sa0JBQWtCLEdBQUcs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

package/dist/src/{components → molecules}/Typography/Typography.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type TypographyProps } from '../../../src/common/Typography/Typography';
+import { type TypographyProps } from '../../../src/atoms/Typography/Typography';
 declare type Props = Omit<TypographyProps, 'variant' | 'fontWeight'>;
 declare type LegacyProps = Omit<TypographyProps, 'variant'>;
 declare type Header = 'LargeHeading';