@aivenio/aquarium 0.0.1

package/dist/src/components/Tailwindify/Tailwindify.js

@@ -0,0 +1,71 @@
+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 get from 'lodash/get';
+import isUndefined from 'lodash/isUndefined';
+import { resolveTailwindThemeValue, useStyle } from '../../../src/utils/useStyle';
+export function Tailwindify(Component) {
+    return (_a) => {
+        var { className, style, children, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, space, spaceX, spaceY, backgroundColor, width, height, maxWidth, maxHeight, minWidth, minHeight } = _a, otherProps = __rest(_a, ["className", "style", "children", "padding", "paddingX", "paddingY", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginX", "marginY", "marginTop", "marginRight", "marginBottom", "marginLeft", "space", "spaceX", "spaceY", "backgroundColor", "width", "height", "maxWidth", "maxHeight", "minWidth", "minHeight"]);
+        const tailwindifyStyle = useStyle({
+            padding,
+            paddingTop: isUndefined(paddingY) ? paddingTop : paddingY,
+            paddingRight: isUndefined(paddingX) ? paddingRight : paddingX,
+            paddingBottom: isUndefined(paddingY) ? paddingBottom : paddingY,
+            paddingLeft: isUndefined(paddingX) ? paddingLeft : paddingX,
+            margin,
+            marginTop: isUndefined(marginY) ? marginTop : marginY,
+            marginRight: isUndefined(marginX) ? marginRight : marginX,
+            marginBottom: isUndefined(marginY) ? marginBottom : marginY,
+            marginLeft: isUndefined(marginX) ? marginLeft : marginX,
+            backgroundColor,
+            width,
+            height,
+            maxWidth,
+            maxHeight,
+            minWidth,
+            minHeight,
+        });
+        // Note: these class names aren't checked against tailwindGenerated.ts
+        //       because it makes the TS code very hard to read
+        const finalStyle = Object.assign(Object.assign({}, tailwindifyStyle), style);
+        const componentProps = Object.assign(Object.assign({}, otherProps), { style: finalStyle });
+        // All children need to support margin and padding props
+        const childrenWithProps = React.Children.map(children, (child, index) => {
+            if (!React.isValidElement(child)) {
+                return child;
+            }
+            const isLastChild = index === children.length - 1;
+            // The type argument means empty props
+            const childProps = {};
+            const additionalStyle = {};
+            if (!isLastChild && !isUndefined(space)) {
+                additionalStyle.marginBottom = resolveTailwindThemeValue('margin', space);
+                additionalStyle.marginRight = resolveTailwindThemeValue('margin', space);
+            }
+            if (!isLastChild && !isUndefined(spaceY)) {
+                additionalStyle.marginBottom = resolveTailwindThemeValue('margin', spaceY);
+            }
+            if (!isLastChild && !isUndefined(spaceX)) {
+                additionalStyle.marginRight = resolveTailwindThemeValue('margin', spaceX);
+            }
+            if (Object.keys(childProps).length === 0 && Object.keys(additionalStyle).length === 0) {
+                return child;
+            }
+            const childStyle = get(child, ['props', 'style'], {});
+            const newProps = Object.assign(Object.assign({}, childProps), { style: Object.assign(Object.assign({}, childStyle), additionalStyle) });
+            return React.cloneElement(child, newProps);
+        });
+        return React.createElement(Component, Object.assign({ className: className, children: childrenWithProps }, componentProps));
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFpbHdpbmRpZnkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UYWlsd2luZGlmeS9UYWlsd2luZGlmeS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxHQUFHLE1BQU0sWUFBWSxDQUFDO0FBQzdCLE9BQU8sV0FBVyxNQUFNLG9CQUFvQixDQUFDO0FBRzdDLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQXVDekUsTUFBTSxVQUFVLFdBQVcsQ0FDekIsU0FBa0Q7SUFFbEQsT0FBTyxDQUFDLEVBNkI0QixFQUFFLEVBQUU7WUE3QmhDLEVBQ04sU0FBUyxFQUNULEtBQUssRUFDTCxRQUFRLEVBQ1IsT0FBTyxFQUNQLFFBQVEsRUFDUixRQUFRLEVBQ1IsVUFBVSxFQUNWLFlBQVksRUFDWixhQUFhLEVBQ2IsV0FBVyxFQUNYLE1BQU0sRUFDTixPQUFPLEVBQ1AsT0FBTyxFQUNQLFNBQVMsRUFDVCxXQUFXLEVBQ1gsWUFBWSxFQUNaLFVBQVUsRUFDVixLQUFLLEVBQ0wsTUFBTSxFQUNOLE1BQU0sRUFDTixlQUFlLEVBQ2YsS0FBSyxFQUNMLE1BQU0sRUFDTixRQUFRLEVBQ1IsU0FBUyxFQUNULFFBQVEsRUFDUixTQUFTLE9BRXlCLEVBRC9CLFVBQVUsY0E1QlAsa1ZBNkJQLENBRGM7UUFFYixNQUFNLGdCQUFnQixHQUFHLFFBQVEsQ0FBQztZQUNoQyxPQUFPO1lBQ1AsVUFBVSxFQUFFLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxRQUFRO1lBQ3pELFlBQVksRUFBRSxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsUUFBUTtZQUM3RCxhQUFhLEVBQUUsV0FBVyxD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

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { LabelControlProps } from '../../../src/utils/form/Label/Label';
+export declare type TextareaBaseProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    valid?: boolean;
+};
+declare type TextareaBaseComponent = React.ForwardRefExoticComponent<TextareaBaseProps & React.RefAttributes<HTMLTextAreaElement>> & {
+    Skeleton: React.FC;
+};
+export declare const TextareaBase: TextareaBaseComponent;
+export declare type TextareaProps = TextareaBaseProps & Omit<LabelControlProps, 'length'>;
+declare type TextareaComponent = React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>> & {
+    Skeleton: React.FC;
+};
+export declare const Textarea: TextareaComponent;
+export {};

package/dist/src/components/Textarea/Textarea.js

@@ -0,0 +1,44 @@
+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 { classNames } from '../../../src/utils/tailwind';
+import uniqueId from 'lodash/uniqueId';
+import toString from 'lodash/toString';
+import omit from 'lodash/omit';
+import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
+import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
+import { getCommonInputStyles } from '../../../src/utils/constants';
+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 }))));
+});
+const TextAreaSkeleton = () => (React.createElement(LabelControl.Skeleton, null,
+    React.createElement(TextareaBase.Skeleton, null)));
+Textarea.Skeleton = TextAreaSkeleton;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZXh0YXJlYS9UZXh0YXJlYS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDaEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ2hELE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZDLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZDLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUMvQixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsWUFBWSxFQUFxQixNQUFNLDRCQUE0QixDQUFDO0FBQ25HLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUM1RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQVkzRCxNQUFNLENBQUMsTUFBTSxZQUFZLEdBQTBCLEtBQUssQ0FBQyxVQUFVLENBQ2pFLENBQUMsRUFBNEMsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUFyRCxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsS0FBSyxHQUFHLElBQUksT0FBWSxFQUFQLEtBQUssY0FBMUMscUJBQTRDLENBQUY7SUFBWSxPQUFBLENBQ3JELGdEQUNFLEdBQUcsRUFBRSxHQUFHLElBQ0osS0FBSyxJQUNULFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFNBQVMsRUFBRSxVQUFVLENBQUMsb0JBQW9CLENBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRSxLQUFLLENBQUMsU0FBUyxDQUFDLElBQ2pGLENBQ0gsQ0FBQTtDQUFBLENBQ3VCLENBQUM7QUFFM0IsWUFBWSxDQUFDLFFBQVEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxvQkFBQyxRQUFRLElBQUMsTUFBTSxFQUFFLEVBQUUsR0FBSSxDQUFDO0FBUXZELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBc0IsS0FBSyxDQUFDLFVBQVUsQ0FBcUMsQ0FBQyxLQUFLLEVBQUUsR0FBRyxFQUFFLEVBQUU7O0lBQzdHLE1BQU0sQ0FBQyxLQUFLLEVBQUUsUUFBUSxDQUFDLEdBQUcsUUFBUSxDQUFDLE1BQUEsTUFBQSxLQUFLLENBQUMsS0FBSyxtQ0FBSSxLQUFLLENBQUMsWUFBWSxtQ0FBSSxFQUFFLENBQUMsQ0FBQztJQUU1RSxzR0FBc0c7SUFDdEcsTUFBTSxFQUFFLEdBQUcsTUFBTSxDQUFTLE1BQUEsS0FBSyxDQUFDLEVBQUUsbUNBQUksWUFBWSxRQUFRLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDaEUsTUFBTSxjQUFjLEdBQUcsUUFBUSxFQUFFLENBQUM7SUFDbEMsTUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLEtBQUssS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsY0FBYyxFQUFFLElBQUksRUFBRSxrQkFBa0IsRUFBRSxjQUFjLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQzdHLE1BQU0sS0FBc0Qsb0JBQW9CLENBQUMsS0FBSyxDQUFDLEVBQWpGLEVBQUUsYUFBYSxFQUFFLFVBQVUsT0FBc0QsRUFBakQsaUJBQWlCLGNBQWpELGVBQW1ELENBQThCLENBQUM7SUFDeEYsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQztJQUU5RCxPQUFPLENBQ0wsb0JBQUMsWUFBWSxrQkFDWCxFQUFFLEVBQUUsR0FBRyxFQUFFLENBQUMsT0FBTyxRQUFRLEVBQ3pCLE9BQU8sRUFBRSxFQUFFLENBQUMsT0FBTyxFQUNuQixTQUFTLEVBQUUsY0FBYyxFQUN6QixNQUFNLEVBQUUsS0FBSyxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUyxJQUM1RCxpQkFBaUI7UUFFckIsb0JBQUMsWUFBWSxrQkFDWCxHQUFHLEVBQUUsR0FBRyxJQUNKLFNBQVMsRUFDVCxVQUFVLElBQ2QsRUFBRSxFQUFFLEVBQUUsQ0FBQyxPQUFPLGlCQUNELFVBQVUsRUFDdkIsUUFBUSxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUU7O2dCQUNkLFFBQVEsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUNoQyxNQUFBLEtBQUssQ0FBQyxRQUFRLHNEQUFHLENBQUMsQ0FBQyxDQUFDO1lBQ3RCLENBQUMsRUFDRCxRQUFRLEVBQUUsS0FBSyxDQUFDLFFBQVEsRUFDeEIsU0FBUyxFQUFFLEtBQUssQ0FBQyxTQUFTLEVBQzFCLFFBQVEsRUFBRSxLQUFLLENBQUMsUUFBUSxFQUN4QixLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssSUFDbEIsQ0FDVyxDQUNoQixDQUFDO0FBQ0osQ0FBQyxDQUFzQixDQUFDO0FBRXhCLE1BQU0sZ0JBQWdCLEdBQWEsR0FBRyxFQUFFLENBQUMsQ0FDdkMsb0JBQUMsWUFBWSxDQUFDLFFBQVE7SUFDcEIsb0JBQUMsWUFBWSxDQUFDLFFBQVEsT0FBRyxDQUNILENBQ3pCLENBQUM7QUFFRixRQUFRLENBQUMsUUFBUSxHQUFHLGdCQUFnQixDQUFDIn0=

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

@@ -0,0 +1,44 @@
+import React, { HTMLAttributes } from 'react';
+import type { PopoverPlacement } from '../../../src/components/Popover/Popover';
+export declare type TooltipProps = Pick<HTMLAttributes<HTMLDivElement>, 'onClick' | 'onMouseDown' | 'onMouseUp' | 'onPointerDown' | 'onPointerUp'> & {
+    /**
+     * Tooltip placement.
+     */
+    placement?: PopoverPlacement;
+    /**
+     * Whether the tooltip should be disabled, independent from trigger.
+     */
+    disabled?: boolean;
+    /**
+     * The delay time for tooltip to show up. Defaults to 200ms.
+     */
+    delay?: number;
+    /**
+     * Whether the tooltip is open  (controlled).
+     */
+    isOpen?: boolean;
+    /**
+     * Whether the tooltip is open by default (uncontrolled).
+     */
+    isDefaultOpen?: boolean;
+    /**
+     * Whether the tooltip should flip its orientation when there is not enough space to render it completely.
+     * @default true
+     */
+    shouldFlip?: boolean;
+    /**
+     * Callback that is called when the tooltip's open state changes.
+     * */
+    onOpenChange?: (isOpen: boolean) => void;
+    /**
+     * Tooltip content.
+     */
+    content: React.ReactNode;
+    /**
+     * When set to true, tooltip trigger will be wrapped with 'display: inline-block' elmeent. If false,
+     * wrapper will use 'display: block' style.
+     * @default true
+     */
+    inline?: boolean;
+};
+export declare const Tooltip: React.FC<TooltipProps>;

package/dist/src/components/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 { useTooltip, useTooltipTrigger } from '@react-aria/tooltip';
+import { useOverlayPosition, OverlayContainer } from '@react-aria/overlays';
+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-default 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9vbHRpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1Rvb2x0aXAvVG9vbHRpcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQXlCLE1BQU0sT0FBTyxDQUFDO0FBQzlDLE9BQU8sRUFBRSxVQUFVLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUVwRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUM1RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFL0MsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXhDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBdURsRSxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQTJCLENBQUMsRUFBd0MsRUFBRSxFQUFFO1FBQTVDLEVBQUUsTUFBTSxHQUFHLElBQUksRUFBRSxLQUFLLEdBQUcsR0FBRyxPQUFZLEVBQVAsS0FBSyxjQUF0QyxtQkFBd0MsQ0FBRjtJQUNwRixNQUFNLEVBQUUsU0FBUyxFQUFFLFVBQVUsR0FBRyxLQUFLLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsVUFBVSxHQUFHLElBQUksRUFBRSxHQUFHLEtBQUssQ0FBQztJQUVsRyxNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUN0RCxNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUN0RCxNQUFNLEtBQUssR0FBRyxzQkFBc0IsaUJBQUcsVUFBVSxFQUFFLEtBQUssSUFBSyxLQUFLLEVBQUcsQ0FBQztJQUN0RSxNQUFNLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxHQUFHLGlCQUFpQixDQUFDLEtB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

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

@@ -0,0 +1,19 @@
+import { TooltipTriggerProps } from '@react-types/tooltip';
+export interface TooltipTriggerState {
+    /** Whether the tooltip is currently showing. */
+    isOpen: boolean;
+    /**
+     * Shows the tooltip. By default, the tooltip becomes visible after a delay
+     * depending on a global warmup timer. The `immediate` option shows the
+     * tooltip immediately instead.
+     */
+    open(immediate?: boolean): void;
+    /** Hides the tooltip. */
+    close(immediate?: boolean): void;
+}
+/**
+ * Manages state for a tooltip trigger. Tracks whether the tooltip is open, and provides
+ * methods to toggle this state. Ensures only one tooltip is open at a time and controls
+ * the delay for showing a tooltip.
+ */
+export declare function useTooltipTriggerState(props?: TooltipTriggerProps): TooltipTriggerState;

package/dist/src/components/Tooltip/useTooltipTriggerState.js

@@ -0,0 +1,142 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ *
+ * This file is originally from `@react-stately` library and contains a bug patch.
+ * If the issue is resolved in the library, this file can be removed.
+ */
+import { useEffect, useMemo, useRef } from 'react';
+import { useOverlayTriggerState } from '@react-stately/overlays';
+const TOOLTIP_DELAY = 1500; // this seems to be a 1.5 second delay, check with design
+const TOOLTIP_COOLDOWN = 500;
+const tooltips = {};
+let globalWarmUpTimeout = null;
+let globalCooldownTimeout = null;
+let tooltipId = 0;
+let globalWarmedUp = false;
+/**
+ * Manages state for a tooltip trigger. Tracks whether the tooltip is open, and provides
+ * methods to toggle this state. Ensures only one tooltip is open at a time and controls
+ * the delay for showing a tooltip.
+ */
+export function useTooltipTriggerState(props = {}) {
+    const { delay = TOOLTIP_DELAY } = props;
+    const { isOpen, open, close } = useOverlayTriggerState(props);
+    const id = useMemo(() => `${++tooltipId}`, []);
+    const closeTimeout = useRef();
+    const isUnmounted = useRef(false);
+    const ensureTooltipEntry = () => {
+        tooltips[id] = hideTooltip;
+    };
+    const closeOpenTooltips = () => {
+        for (const hideTooltipId in tooltips) {
+            if (hideTooltipId !== id) {
+                tooltips[hideTooltipId](true);
+                delete tooltips[hideTooltipId];
+            }
+        }
+    };
+    const showTooltip = () => {
+        // It is possible that global timers can call
+        // methods for unmounted components.
+        if (isUnmounted.current) {
+            return;
+        }
+        if (closeTimeout.current) {
+            clearTimeout(closeTimeout.current);
+        }
+        closeTimeout.current = null;
+        closeOpenTooltips();
+        ensureTooltipEntry();
+        globalWarmedUp = true;
+        open();
+        if (globalWarmUpTimeout) {
+            clearTimeout(globalWarmUpTimeout);
+            globalWarmUpTimeout = null;
+        }
+        if (globalCooldownTimeout) {
+            clearTimeout(globalCooldownTimeout);
+            globalCooldownTimeout = null;
+        }
+    };
+    const hideTooltip = (immediate) => {
+        // It is possible that global timers can call
+        // methods for unmounted components.
+        if (isUnmounted.current) {
+            return;
+        }
+        if (immediate) {
+            if (closeTimeout.current) {
+                clearTimeout(closeTimeout.current);
+            }
+            closeTimeout.current = null;
+            close();
+        }
+        else if (!closeTimeout.current) {
+            closeTimeout.current = setTimeout(() => {
+                closeTimeout.current = null;
+                close();
+            }, TOOLTIP_COOLDOWN);
+        }
+        if (globalWarmUpTimeout) {
+            clearTimeout(globalWarmUpTimeout);
+            globalWarmUpTimeout = null;
+        }
+        if (globalWarmedUp) {
+            if (globalCooldownTimeout) {
+                clearTimeout(globalCooldownTimeout);
+            }
+            globalCooldownTimeout = setTimeout(() => {
+                delete tooltips[id];
+                globalCooldownTimeout = null;
+                globalWarmedUp = false;
+            }, TOOLTIP_COOLDOWN);
+        }
+    };
+    const warmupTooltip = () => {
+        closeOpenTooltips();
+        ensureTooltipEntry();
+        if (!isOpen && !globalWarmUpTimeout && !globalWarmedUp) {
+            globalWarmUpTimeout = setTimeout(() => {
+                globalWarmUpTimeout = null;
+                globalWarmedUp = true;
+                showTooltip();
+            }, delay);
+        }
+        else if (!isOpen) {
+            showTooltip();
+        }
+    };
+    useEffect(() => {
+        return () => {
+            isUnmounted.current = true;
+            if (closeTimeout.current) {
+                clearTimeout(closeTimeout.current);
+            }
+            const tooltip = tooltips[id];
+            if (tooltip !== undefined) {
+                delete tooltips[id];
+            }
+        };
+    }, [id]);
+    return {
+        isOpen,
+        open: (immediate) => {
+            if (!immediate && delay > 0 && !closeTimeout.current) {
+                warmupTooltip();
+            }
+            else {
+                showTooltip();
+            }
+        },
+        close: hideTooltip,
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVG9vbHRpcFRyaWdnZXJTdGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1Rvb2x0aXAvdXNlVG9vbHRpcFRyaWdnZXJTdGF0ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7OztHQWFHO0FBR0gsT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ25ELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRWpFLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxDQUFDLHlEQUF5RDtBQUNyRixNQUFNLGdCQUFnQixHQUFHLEdBQUcsQ0FBQztBQWlCN0IsTUFBTSxRQUFRLEdBQWtELEVBQUUsQ0FBQztBQUNuRSxJQUFJLG1CQUFtQixHQUFtQixJQUFJLENBQUM7QUFDL0MsSUFBSSxxQkFBcUIsR0FBbUIsSUFBSSxDQUFDO0FBQ2pELElBQUksU0FBUyxHQUFHLENBQUMsQ0FBQztBQUNsQixJQUFJLGNBQWMsR0FBRyxLQUFLLENBQUM7QUFFM0I7Ozs7R0FJRztBQUNILE1BQU0sVUFBVSxzQkFBc0IsQ0FBQyxRQUE2QixFQUFFO0lBQ3BFLE1BQU0sRUFBRSxLQUFLLEdBQUcsYUFBYSxFQUFFLEdBQUcsS0FBSyxDQUFDO0lBQ3hDLE1BQU0sRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxHQUFHLHNCQUFzQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlELE1BQU0sRUFBRSxHQUFHLE9BQU8sQ0FBQyxHQUFHLEVBQUUsQ0FBQyxHQUFHLEVBQUUsU0FBUyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDL0MsTUFBTSxZQUFZLEdBQUcsTUFBTSxFQUFrQixDQUFDO0lBQzlDLE1BQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUVsQyxNQUFNLGtCQUFrQixHQUFH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

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { TypographyProps } from '../../../src/common/Typography/Typography';
+declare type Props = Omit<TypographyProps, 'variant'>;
+declare type Header = 'Heading' | 'Subheading';
+declare type Body = 'LargeText' | 'Paragraph' | 'P' | 'MediumText' | 'Text' | 'SmallText' | 'SmallTextBold';
+declare type Others = 'Caption';
+declare type ComposedTypographyProps = {
+    [key in Header | Body | Others]: React.FC<Props>;
+};
+export declare const Typography: React.FC<TypographyProps> & ComposedTypographyProps;
+export {};

package/dist/src/components/Typography/Typography.js

@@ -0,0 +1,49 @@
+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 { Typography as TypographyBase } from '../../../src/common/Typography/Typography';
+export const Typography = (props) => (React.createElement(TypographyBase, Object.assign({}, props)));
+Typography.Heading = (_a) => {
+    var { htmlTag = 'h1' } = _a, props = __rest(_a, ["htmlTag"]);
+    return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "heading-xl" })));
+};
+Typography.Subheading = (_a) => {
+    var { htmlTag = 'h2' } = _a, props = __rest(_a, ["htmlTag"]);
+    return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "heading-large" })));
+};
+Typography.LargeText = (_a) => {
+    var { htmlTag = 'p' } = _a, props = __rest(_a, ["htmlTag"]);
+    return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "body-large" })));
+};
+Typography.MediumText = (_a) => {
+    var { htmlTag = 'p' } = _a, props = __rest(_a, ["htmlTag"]);
+    return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "body-default-medium" })));
+};
+Typography.Text = (_a) => {
+    var { htmlTag = 'p' } = _a, props = __rest(_a, ["htmlTag"]);
+    return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "body-default" })));
+};
+Typography.Paragraph = Typography.Text;
+Typography.P = Typography.Text;
+Typography.SmallText = (_a) => {
+    var { htmlTag = 'p' } = _a, props = __rest(_a, ["htmlTag"]);
+    return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "body-small" })));
+};
+Typography.SmallTextBold = (_a) => {
+    var { htmlTag = 'p' } = _a, props = __rest(_a, ["htmlTag"]);
+    return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "body-small-medium" })));
+};
+Typography.Caption = (_a) => {
+    var { htmlTag = 'p' } = _a, props = __rest(_a, ["htmlTag"]);
+    return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "caption-default" })));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHlwb2dyYXBoeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1R5cG9ncmFwaHkvVHlwb2dyYXBoeS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFVBQVUsSUFBSSxjQUFjLEVBQW1CLE1BQU0sa0NBQWtDLENBQUM7QUFjakcsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUF3RCxDQUFDLEtBQXNCLEVBQUUsRUFBRSxDQUFDLENBQ3pHLG9CQUFDLGNBQWMsb0JBQUssS0FBSyxFQUFJLENBQzlCLENBQUM7QUFFRixVQUFVLENBQUMsT0FBTyxHQUFHLENBQUMsRUFBbUMsRUFBRSxFQUFFO1FBQXZDLEVBQUUsT0FBTyxHQUFHLElBQUksT0FBbUIsRUFBZCxLQUFLLGNBQTFCLFdBQTRCLENBQUY7SUFBYyxPQUFBLENBQzVELG9CQUFDLGNBQWMsb0JBQUssS0FBSyxJQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFDLFlBQVksSUFBRyxDQUNyRSxDQUFBO0NBQUEsQ0FBQztBQUVGLFVBQVUsQ0FBQyxVQUFVLEdBQUcsQ0FBQyxFQUFtQyxFQUFFLEVBQUU7UUFBdkMsRUFBRSxPQUFPLEdBQUcsSUFBSSxPQUFtQixFQUFkLEtBQUssY0FBMUIsV0FBNEIsQ0FBRjtJQUFjLE9BQUEsQ0FDL0Qsb0JBQUMsY0FBYyxvQkFBSyxLQUFLLElBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUMsZUFBZSxJQUFHLENBQ3hFLENBQUE7Q0FBQSxDQUFDO0FBRUYsVUFBVSxDQUFDLFNBQVMsR0FBRyxDQUFDLEVBQWtDLEVBQUUsRUFBRTtRQUF0QyxFQUFFLE9BQU8sR0FBRyxHQUFHLE9BQW1CLEVBQWQsS0FBSyxjQUF6QixXQUEyQixDQUFGO0lBQWMsT0FBQSxDQUM3RCxvQkFBQyxjQUFjLG9CQUFLLEtBQUssSUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBQyxZQUFZLElBQUcsQ0FDckUsQ0FBQTtDQUFBLENBQUM7QUFFRixVQUFVLENBQUMsVUFBVSxHQUFHLENBQUMsRUFBa0MsRUFBRSxFQUFFO1FBQXRDLEVBQUUsT0FBTyxHQUFHLEdBQUcsT0FBbUIsRUFBZCxLQUFLLGNBQXpCLFdBQTJCLENBQUY7SUFBYyxPQUFBLENBQzlELG9CQUFDLGNBQWMsb0JBQUssS0FBSyxJQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFDLHFCQUFxQixJQUFHLENBQzlFLENBQUE7Q0FBQSxDQUFDO0FBRUYsVUFBVSxDQUFDLElBQUksR0FBRyxDQUFDLEVBQWtDLEVBQUUsRUFBRTtRQUF0QyxFQUFFLE9BQU8sR0FBRyxHQUFHLE9BQW1CLEVBQWQsS0FBSyxjQUF6QixXQUEyQixDQUFGO0lBQWMsT0FBQSxDQUN4RCxvQkFBQyxjQUFjLG9CQUFLLEtBQUssSUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBQyxjQUFjLElBQUcsQ0FDdkUsQ0FBQTtDQUFBLENBQUM7QUFFRixVQUFVLENBQUMsU0FBUyxHQUFHLFVBQVUsQ0FBQyxJQUFJLENBQUM7QUFDdkMsVUFBVSxDQUFDLENBQUMsR0FBRyxVQUFVLENBQUMsSUFBSSxDQUFDO0FBRS9CLFVBQVUsQ0FBQyxTQUFTLEdBQUcsQ0FBQyxFQUFrQyxFQUFFLEVBQUU7UUFBdEMsRUFBRSxPQUFPLEdBQUcsR0FBRyxPQUFtQixFQUFkLEtBQUssY0FBekIsV0FBMkIsQ0FBRjtJQUFjLE9BQUEsQ0FDN0Qsb0JBQUMsY0FBYyxvQkFBSyxLQUFLLElBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUMsWUFBWSxJQUFHLENBQ3JFLENBQUE7Q0FBQSxDQUFDO0FBRUYsVUFBVSxDQUFDLGFBQWEsR0FBRyxDQUFDLEVBQWtDLEVBQUUsRUFBRTtRQUF0QyxFQUFFLE9BQU8sR0FBRyxHQUFHLE9BQW1CLEVBQWQsS0FBSyxjQUF6QixXQUEyQixDQUFGO0lBQWMsT0FBQSxDQUNqRSxvQkFBQyxjQUFjLG9CQUFLLEtBQUssSUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBQyxtQkFBbUIsSUFBRyxDQUM1RSxDQUFBO0NBQUEsQ0FBQztBQUVGLFVBQVUsQ0FBQyxPQUFPLEdBQUcsQ0FBQyxFQUFrQyxFQUFFLEVBQUU7UUFBdEMsRUFBRSxPQUFPLEdBQUcsR0FBRyxPQUFtQixFQUFkLEtBQUssY0FBekIsV0FBMkIsQ0FBRjtJQUFjLE9BQUEsQ0FDM0Qsb0JBQUMsY0FBYyxvQkFBSyxLQUFLLElBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUMsaUJBQWlCLElBQUcsQ0FDMUUsQ0FBQTtDQUFBLENBQUMifQ==

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

@@ -0,0 +1,65 @@
+/// <reference types="react" />
+export { Badge } from './Badge/Badge';
+export * from './Alert/Alert';
+export * from './Avatar/Avatar';
+export * from './Banner/Banner';
+export * from './Box/Box';
+export * from './Breadcrumbs/Breadcrumbs';
+export * from './Button/Button';
+export * from './Card/Card';
+export * from './Checkbox/Checkbox';
+export * from './CheckboxGroup/CheckboxGroup';
+export * from './Chip/Chip';
+export * from './ChoiceChip/ChoiceChip';
+export * from './Combobox/Combobox';
+export * from './Context/Context';
+export * from './ControlLabel/ControlLabel';
+export * from './DataTable/DataTable';
+export * from './Dialog/Dialog';
+export * from './Divider/Divider';
+export * from './Dropdown/Dropdown';
+export * from './DropdownMenu/DropdownMenu';
+export * from './Element/Element';
+export * from './EmptyState/EmptyState';
+export * from './Flexbox/Flexbox';
+export * from './Flexbox/FlexboxItem';
+export * from './Grid/Grid';
+export * from './Grid/GridItem';
+export * from './Icon/Icon';
+export * from './Input/Input';
+export * from './List/List';
+export * from './ListItem/ListItem';
+export * from './Modal/Modal';
+export * from './MultiInput/MultiInput';
+export * from './MultiSelect/MultiSelect';
+export * from './NativeSelect/NativeSelect';
+export * from './PageHeader/PageHeader';
+export * from './Pagination/Pagination';
+export * from './Popover/Popover';
+export * from './PopoverDialog/PopoverDialog';
+export { usePopoverContext } from './Popover/PopoverContext';
+export * from './Portal/Portal';
+export * from './Positioner/Positioner';
+export * from './ProgressBar/ProgressBar';
+export * from './RadioButton/RadioButton';
+export * from './RadioButtonGroup/RadioButtonGroup';
+export * from './SegmentedControl/SegmentedControl';
+export * from './Select/Select';
+export * from './Skeleton/Skeleton';
+export * from './Switch/Switch';
+export * from './SwitchGroup/SwitchGroup';
+export * from './Table/Table';
+export * from './Tabs/Tabs';
+export * from './TagLabel/TagLabel';
+export * from './Tailwindify/Tailwindify';
+export * from './Textarea/Textarea';
+export * from './Tooltip/Tooltip';
+export * from './Typography/Typography';
+export * from '../common/Table/Table.utils';
+export declare const SelectItem: import("react").ForwardRefExoticComponent<{
+    key: string;
+    value: string;
+    highlighted: boolean;
+    selected: boolean;
+    disabled?: boolean | undefined;
+} & import("react").HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;