@aivenio/aquarium 0.0.1

package/dist/src/components/Switch/Switch.js

@@ -0,0 +1,51 @@
+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 { tw, classNames } from '../../../src/utils/tailwind';
+import { Box } from '../../../src/components/Box/Box';
+import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
+import { ControlLabel } from '../../../src/components/ControlLabel/ControlLabel';
+export const Switch = React.forwardRef((_a, ref) => {
+    var _b;
+    var { id, name, caption, 'checked': _checked, defaultChecked, onChange, readOnly = false, disabled = false, children, 'aria-label': ariaLabel } = _a, props = __rest(_a, ["id", "name", "caption", 'checked', "defaultChecked", "onChange", "readOnly", "disabled", "children", 'aria-label']);
+    const [checked, setChecked] = React.useState((_b = _checked !== null && _checked !== void 0 ? _checked : defaultChecked) !== null && _b !== void 0 ? _b : false);
+    if (_checked !== undefined && checked !== _checked) {
+        setChecked(_checked);
+    }
+    return !readOnly || checked ? (React.createElement(ControlLabel, { htmlFor: id, label: children, "aria-label": ariaLabel, caption: caption, readOnly: readOnly, disabled: disabled, style: { gap: '0 8px' } }, !readOnly && (React.createElement(Box, { component: "span", display: "inline-flex", justifyContent: "center", alignItems: "center", className: classNames(tw('relative flex self-center group', {
+            'text-grey-30': disabled,
+            'text-grey-100 cursor-pointer': !disabled,
+        })) },
+        React.createElement("input", Object.assign({ id: id, ref: ref, type: "checkbox", name: name }, props, { checked: checked, onChange: (e) => {
+                setChecked(e.target.checked);
+                onChange === null || onChange === void 0 ? void 0 : onChange(e);
+            }, className: tw('appearance-none peer'), readOnly: readOnly, disabled: disabled })),
+        React.createElement("span", { className: tw('rounded-full inline-block w-[34px] h-[20px] transition duration-300 peer-focus:border border-info-70', {
+                'bg-navyBlue-100': checked,
+                'bg-grey-20 group-hover:bg-grey-30': !disabled && !checked,
+                'bg-grey-5': disabled && !checked,
+                'opacity-40': disabled && checked,
+            }) }),
+        React.createElement("span", { style: {
+                right: checked ? '20px' : undefined,
+                left: checked ? undefined : '4px',
+            }, className: tw('rounded-full absolute inline-block transition duration-300 h-4 w-4', {
+                'transform translate-x-5': checked,
+                'bg-grey-0': disabled,
+                'bg-white shadow-4dp': !disabled,
+            }) }))))) : null;
+});
+const SwitchSkeleton = () => (React.createElement("div", { className: tw('flex gap-3') },
+    React.createElement(Skeleton, { height: 20, width: 35 }),
+    React.createElement(Skeleton, { height: 20, width: 150 })));
+Switch.Skeleton = SwitchSkeleton;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNwRCxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQzVELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQWdCeEUsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFvQixLQUFLLENBQUMsVUFBVSxDQUNyRCxDQUNFLEVBWUMsRUFDRCxHQUFHLEVBQ0gsRUFBRTs7UUFkRixFQUNFLEVBQUUsRUFDRixJQUFJLEVBQ0osT0FBTyxFQUNQLFNBQVMsRUFBRSxRQUFRLEVBQ25CLGNBQWMsRUFDZCxRQUFRLEVBQ1IsUUFBUSxHQUFHLEtBQUssRUFDaEIsUUFBUSxHQUFHLEtBQUssRUFDaEIsUUFBUSxFQUNSLFlBQVksRUFBRSxTQUFTLE9BRXhCLEVBREksS0FBSyxjQVhWLG9IQVlDLENBRFM7SUFJVixNQUFNLENBQUMsT0FBTyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQVUsTUFBQSxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxjQUFjLG1DQUFJLEtBQUssQ0FBQyxDQUFDO0lBRTNGLElBQUksUUFBUSxLQUFLLFNBQVMsSUFBSSxPQUFPLEtBQUssUUFBUSxFQUFFO1FBQ2xELFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQztLQUN0QjtJQUVELE9BQU8sQ0FBQyxRQUFRLElBQUksT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUM1QixvQkFBQyxZQUFZLElBQ1gsT0FBTyxF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

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

@@ -0,0 +1,45 @@
+import React from 'react';
+import { LabelControlProps } from '../../../src/utils/form/Label/Label';
+import { ColumnCount } from '../../../src/common/InputGroup/InputGroup';
+import { SwitchProps } from '../../../src/components/Switch/Switch';
+import { EmptyOrOneOrMore } from '../../../types/utils';
+export declare type SwitchGroupProps = Omit<LabelControlProps, 'length' | 'maxLength'> & {
+    /**
+     * Values for the switch group. If not provided, value will be stored
+     * in group's own state.
+     */
+    value?: string[];
+    /**
+     * Default value for the switch group.
+     */
+    defaultValue?: string[];
+    /**
+     * `onChange()` callback is called whenever switch group value is updated.
+     */
+    onChange?: (val: string[] | undefined) => void;
+    /**
+     * If false, switch group will be marked as non-valid.
+     */
+    valid?: boolean;
+    /**
+     * If true, switch group will be rendered in read-only mode.
+     */
+    readOnly?: boolean;
+    /**
+     * Number of columns for children.
+     * @default '1'
+     */
+    cols?: ColumnCount;
+    /**
+     * Only <Switch> components are allowed as children.
+     */
+    children: EmptyOrOneOrMore<SwitchProps>;
+};
+export declare const SwitchGroup: React.FC<SwitchGroupProps> & {
+    Skeleton: typeof SwitchGroupSkeleton;
+};
+declare type SkeletonProps = {
+    options?: number;
+};
+declare const SwitchGroupSkeleton: React.FC<SkeletonProps>;
+export {};

package/dist/src/components/SwitchGroup/SwitchGroup.js

@@ -0,0 +1,58 @@
+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, { useState } from 'react';
+import uniqueId from 'lodash/uniqueId';
+import { tw } from '../../../src/utils/tailwind';
+import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
+import { InputGroup } from '../../../src/common/InputGroup/InputGroup';
+import { Switch } from '../../../src/components/Switch/Switch';
+import { isComponentType } from '../../../types/utils';
+export const SwitchGroup = (_a) => {
+    var _b;
+    var { value, defaultValue, onChange, readOnly = false, cols, children } = _a, props = __rest(_a, ["value", "defaultValue", "onChange", "readOnly", "cols", "children"]);
+    const [selectedItems, setSelectedItems] = useState((_b = value !== null && value !== void 0 ? value : defaultValue) !== null && _b !== void 0 ? _b : []);
+    if (value !== undefined && value !== selectedItems) {
+        setSelectedItems(value);
+    }
+    const errorMessageId = uniqueId();
+    const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
+    const labelControlProps = getLabelControlProps(props);
+    const handleChange = (e) => {
+        const { value } = e.target;
+        const updated = e.target.checked ? [...selectedItems, value] : selectedItems.filter((v) => v !== value);
+        setSelectedItems(updated);
+        onChange === null || onChange === void 0 ? void 0 : onChange(updated);
+    };
+    return (React.createElement(LabelControl, Object.assign({ fieldset: true }, labelControlProps, errorProps),
+        React.createElement(InputGroup, { cols: cols }, React.Children.map(children, (c) => {
+            var _a, _b, _c, _d;
+            if (!isComponentType(c, Switch)) {
+                return null;
+            }
+            const str = (_a = c.props.value) === null || _a === void 0 ? void 0 : _a.toString();
+            const defaultChecked = defaultValue === undefined ? undefined : str !== undefined && defaultValue.includes(str);
+            const checked = value === undefined ? undefined : str !== undefined && value.includes(str);
+            return React.cloneElement(c, {
+                defaultChecked: (_b = c.props.defaultChecked) !== null && _b !== void 0 ? _b : defaultChecked,
+                checked: (_c = c.props.checked) !== null && _c !== void 0 ? _c : checked,
+                onChange: (_d = c.props.onChange) !== null && _d !== void 0 ? _d : handleChange,
+                disabled: props.disabled || c.props.disabled,
+                readOnly,
+            });
+        }))));
+};
+const SwitchGroupSkeleton = ({ options = 2 }) => {
+    return (React.createElement(LabelControl.Skeleton, null,
+        React.createElement("div", { className: tw('flex flex-wrap flex-col gap-2') }, Array.from({ length: options }).map((_, key) => (React.createElement(Switch.Skeleton, { key: key }))))));
+};
+SwitchGroup.Skeleton = SwitchGroupSkeleton;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoR3JvdXAuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Td2l0Y2hHcm91cC9Td2l0Y2hHcm91cC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN4QyxPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDeEMsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFlBQVksRUFBcUIsTUFBTSw0QkFBNEIsQ0FBQztBQUNuRyxPQUFPLEVBQUUsVUFBVSxFQUFlLE1BQU0sa0NBQWtDLENBQUM7QUFDM0UsT0FBTyxFQUFFLE1BQU0sRUFBZSxNQUFNLDhCQUE4QixDQUFDO0FBQ25FLE9BQU8sRUFBb0IsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBeUNoRSxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQTBFLENBQUMsRUFRbEcsRUFBRSxFQUFFOztRQVI4RixFQUNqRyxLQUFLLEVBQ0wsWUFBWSxFQUNaLFFBQVEsRUFDUixRQUFRLEdBQUcsS0FBSyxFQUNoQixJQUFJLEVBQ0osUUFBUSxPQUVULEVBREksS0FBSyxjQVB5RixxRUFRbEcsQ0FEUztJQUVSLE1BQU0sQ0FBQyxhQUFhLEVBQUUsZ0JBQWdCLENBQUMsR0FBRyxRQUFRLENBQVcsTUFBQSxLQUFLLGFBQUwsS0FBSyxjQUFMLEtBQUssR0FBSSxZQUFZLG1DQUFJLEVBQUUsQ0FBQyxDQUFDO0lBRTFGLElBQUksS0FBSyxLQUFLLFNBQVMsSUFBSSxLQUFLLEtBQUssYUFBYSxFQUFFO1FBQ2xELGdCQUFnQixDQUFDLEtBQUssQ0FBQyxDQUFDO0tBQ3pCO0lBRUQsTUFBTSxjQUFjLEdBQUcsUUFBUSxFQUFFLENBQUM7SUFDbEMsTUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFD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

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Table as BaseTable, TableProps as BaseTableProps } from '../../../src/common/Table/Table';
+export declare type TableProps = BaseTableProps & {
+    onNext?: () => void;
+    onPrev?: () => void;
+};
+export declare const Table: React.FC<TableProps> & {
+    Head: typeof BaseTable.Head;
+    Body: typeof BaseTable.Body;
+    Row: typeof BaseTable.Row;
+    Cell: typeof BaseTable.Cell;
+    SelectCell: typeof BaseTable.SelectCell;
+    SortCell: typeof BaseTable.SortCell;
+};

package/dist/src/components/Table/Table.js

@@ -0,0 +1,31 @@
+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 { tw } from '../../../src/utils/tailwind';
+import { Table as BaseTable } from '../../../src/common/Table/Table';
+import { useScrollTarget } from '../../../src/common/Table/Table.utils';
+export const Table = (_a) => {
+    var { children, onPrev, onNext } = _a, rest = __rest(_a, ["children", "onPrev", "onNext"]);
+    const bottomRef = useScrollTarget(onNext);
+    const topRef = useScrollTarget(onPrev);
+    return (React.createElement("div", { className: 'relative w-full' },
+        React.createElement("div", { ref: topRef, className: tw('absolute top-0 h-1 w-full left-0 bg-transparent') }),
+        React.createElement(BaseTable, Object.assign({}, rest), children),
+        React.createElement("div", { ref: bottomRef, className: tw('absolute bottom-0 h-1 w-full left-0 bg-transparent') })));
+};
+Table.Head = BaseTable.Head;
+Table.Body = BaseTable.Body;
+Table.Row = BaseTable.Row;
+Table.Cell = BaseTable.Cell;
+Table.SortCell = BaseTable.SortCell;
+Table.SelectCell = BaseTable.SelectCell;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UYWJsZS9UYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3hDLE9BQU8sRUFBRSxLQUFLLElBQUksU0FBUyxFQUFnQyxNQUFNLHdCQUF3QixDQUFDO0FBQzFGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQU8vRCxNQUFNLENBQUMsTUFBTSxLQUFLLEdBT2QsQ0FBQyxFQUFxQyxFQUFFLEVBQUU7UUFBekMsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBVyxFQUFOLElBQUksY0FBbkMsZ0NBQXFDLENBQUY7SUFDdEMsTUFBTSxTQUFTLEdBQUcsZUFBZSxDQUFpQixNQUFNLENBQUMsQ0FBQztJQUMxRCxNQUFNLE1BQU0sR0FBRyxlQUFlLENBQWlCLE1BQU0sQ0FBQyxDQUFDO0lBQ3ZELE9BQU8sQ0FDTCw2QkFBSyxTQUFTLEVBQUUsaUJBQWlCO1FBQy9CLDZCQUFLLEdBQUcsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxpREFBaUQsQ0FBQyxHQUFJO1FBQ3RGLG9CQUFDLFNBQVMsb0JBQUssSUFBSSxHQUFHLFFBQVEsQ0FBYTtRQUMzQyw2QkFBSyxHQUFHLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsb0RBQW9ELENBQUMsR0FBSSxDQUN4RixDQUNQLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixLQUFLLENBQUMsSUFBSSxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUM7QUFDNUIsS0FBSyxDQUFDLElBQUksR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDO0FBQzVCLEtBQUssQ0FBQyxHQUFHLEdBQUcsU0FBUyxDQUFDLEdBQUcsQ0FBQztBQUMxQixLQUFLLENBQUMsSUFBSSxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUM7QUFDNUIsS0FBSyxDQUFDLFFBQVEsR0FBRyxTQUFTLENBQUMsUUFBUSxDQUFDO0FBQ3BDLEtBQUssQ0FBQyxVQUFVLEdBQUcsU0FBUyxDQUFDLFVBQVUsQ0FBQyJ9

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

@@ -0,0 +1,91 @@
+import React from 'react';
+export declare type TabStatus = 'default' | 'warning' | 'error';
+export declare type TabProps = {
+    /**
+     * Tab id. If not given, title will be used instead.
+     */
+    id?: string;
+    /**
+     * Tab title.
+     */
+    title: string;
+    /**
+     * Tab value.
+     */
+    value?: string | number;
+    /**
+     * Tab status.
+     */
+    status?: TabStatus;
+    /**
+     * True, if tab is be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Content for table badge.
+     */
+    badge?: number;
+    /**
+     * Tooltip for the tab.
+     */
+    tooltip?: React.ReactNode;
+    /**
+     * Additional classes for <Tabs.Tab> container. This property is @deprecated.
+     * @deprecated Please consider if there is an actual need to provide custom classes, since all <Tabs.Tab> should follow the same design.
+     */
+    className?: string;
+};
+declare const Tab: React.FC<TabProps>;
+export declare const TabContainer: React.FC<React.HTMLProps<HTMLDivElement>>;
+export declare const ModalTab: React.FC<TabProps>;
+export declare const ModalTabContainer: React.FC<React.HTMLProps<HTMLDivElement>>;
+export declare type TabItemProps = TabProps & {
+    index: number;
+    selected: boolean;
+    onSelected: (key: string | number) => void;
+    onKeyDown: React.KeyboardEventHandler<HTMLElement>;
+};
+export declare const asTabItem: <ElementType extends HTMLElement, Props = unknown>(Component: string | React.ComponentType<Props>, displayName: string, { defaultUnderlineHidden }?: {
+    defaultUnderlineHidden?: boolean | undefined;
+}) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Props & TabProps & {
+    index: number;
+    selected: boolean;
+    onSelected: (key: string | number) => void;
+    onKeyDown: React.KeyboardEventHandler<HTMLElement>;
+}> & React.RefAttributes<ElementType>>;
+export declare const TabItem: React.ForwardRefExoticComponent<TabProps & {
+    index: number;
+    selected: boolean;
+    onSelected: (key: string | number) => void;
+    onKeyDown: React.KeyboardEventHandler<HTMLElement>;
+} & React.RefAttributes<HTMLElement>>;
+export declare type TabsProps = {
+    /**
+     * Additional classes for <Tabs> container. This property is @deprecated.
+     * @deprecated Please consider if there is an actual need to provide custom classes, since all <Tabs> should follow the same design.
+     */
+    className?: string;
+    /**
+     * Default value of currently selected tab.
+     */
+    defaultValue?: string | number;
+    /**
+     * Value of currently selected tab.
+     */
+    value?: string | number;
+    /**
+     * Callback fired when value changes.
+     */
+    onChange?: (key: string | number) => void;
+    /**
+     * The content of component.
+     */
+    children: Array<React.ReactElement<TabProps> | undefined>;
+};
+export declare const createTabsComponent: <T extends TabProps = TabProps, U extends TabItemProps = TabItemProps, P extends TabsProps = TabsProps>(TabComponent: React.FC<T>, TabItemComponent: React.FC<U>, displayName: string, renderChildren: (children: P["children"], selected: string | number, props: P) => React.ReactNode) => React.FC<P> & {
+    Tab: React.FC<T>;
+};
+export declare const Tabs: React.FC<TabsProps> & {
+    Tab: React.FC<TabProps>;
+};
+export {};

package/dist/src/components/Tabs/Tabs.js

@@ -0,0 +1,184 @@
+// 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 { tw, classNames } from '../../../src/utils/tailwind';
+import React, { useRef, useState, useEffect, useLayoutEffect } from 'react';
+import kebabCase from 'lodash/kebabCase';
+import isNumber from 'lodash/isNumber';
+import { Typography } from '../Typography/Typography';
+import { TabBadge } from '../Badge/Badge';
+import { Tooltip } from '../Tooltip/Tooltip';
+import { InlineIcon } from '../Icon/Icon';
+import warningSign from '../../../src/icons/warningSign';
+import chevronLeft from '../../../src/icons/chevronLeft';
+import chevronRight from '../../../src/icons/chevronRight';
+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: "body-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: "body-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');
+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);
+        useEffect(() => {
+            if (value !== undefined) {
+                setSelected(value);
+            }
+        }, [value]);
+        useLayoutEffect(() => {
+            var _a;
+            const updateCarets = () => {
+                const pEl = parentRef.current;
+                const el = containerRef.current;
+                if (!pEl || !el) {
+                    return;
+                }
+                const { width } = pEl.getBoundingClientRect();
+                showLeftCaret(el.scrollWidth > width && el.scrollLeft !== 0);
+                showRightCaret(el.scrollWidth > width &&
+                    Math.round(el.scrollLeft + el.getBoundingClientRect().width) !== Math.round(el.scrollWidth));
+            };
+            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]);
+        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 - 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), 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RhYnMvVGFicy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsaUZBQWlGOzs7Ozs7Ozs7Ozs7QUFFakYsT0FBTyxFQUFFLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNwRCxPQUFPLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUM1RSxPQUFPLFNBQVMsTUFBTSxrQkFBa0IsQ0FBQztBQUN6QyxPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDdEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzFDLE9BQU8sV0FBVyxNQUFNLGdDQUFnQyxDQUFDO0FBQ3pELE9BQU8sV0FBVyxNQUFNLGdDQUFnQyxDQUFDO0FBQ3pELE9BQU8sWUFBWSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE1BQU0sY0FBYyxHQUFHLENBQW9DLENBQWtCLEVBQWtDLEVBQUU7SUFDL0csT0FBTyxLQUFLLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksS0FBSyxHQUFHLElBQUksQ0FBQyxDQUFDLElBQUksS0FBSyxRQUFRLENBQUMsQ0FBQztBQUM1RSxDQUFDLENBQUM7QUErQ0YsTUFBTSxHQUFHLEdBQXVCLEtBQUssQ0FBQyxVQUFVLENBQzlDLENBQUMsRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsRUFBRSxHQUFHLEVBQUUsRUFBRTtJQUMxQyxPQUFPLENBQ0wsNkJBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsR0FBRyxFQUFFLGFBQUYsRUFBRSxjQUFGLEVBQUUsR0FBSSxTQUFTLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFDckMsU0FBUyxFQUFFLFNBQVMsRUFDcEIsSUFBSSxFQUFFLFVBQVUsRUFDaEIsUUFBUSxFQUFFLENBQUMscUJBQ00sR0FBRyxFQUFFLGFBQUYsRUFBRSxjQUFGLEVBQUUsR0FBSSxTQUFTLENBQUMsS0FBSyxDQUFDLE1BQU0sSUFFL0MsUUFBUSxDQUNMLENBQ1AsQ0FBQztBQUNKLENBQUMsQ0FDRixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUE4QyxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFNBQVMsRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUMzRyw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxVQUFVLEVBQUUsU0FBUyxDQUFDLEtBQ3hELFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQUcsQ0FBQztBQUU1QixNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxZQUFZLENBQUM7QUFTOUMsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLENBQ3ZCLFNBQThDLEVBQzlDLFdBQW1CLEVBQ25CLEVBQUUsc0JBQXNCLEtBQTJDLEVBQUUsRUFDNEMsRUFBRTtJQUNuSCxNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMxQixDQUNFLEVBYUMsRUFDRCxHQUFHLEVBQ0gsRUFBRTtZQWZGLEVBQ0UsRUFBRSxFQUNGLEtBQUssRUFDTCxNQUFNLEdBQUcsU0FBUyxFQUNsQixRQUFRLEVBQ1IsS0FBSyxFQUNMLE9BQU8sRUFDUCxLQUFLLEVBQ0wsS0FBSyxFQUNMLFFBQVEsRUFDUixVQUFVLEVBQ1YsU0FBUyxPQUVWLEVBREksSUFBSSxjQVpULGtIQWFDLENBRFE7UUFJVCxNQUFNLEdBQUcsR0FBRyxFQUFFLGFBQUYsRUFBRSxjQUFGLEVBQUUsR0FBSSxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFbkMsSUFBSSxVQUFVLEdBQW9CLFNBQVMsQ0FBQztRQUU1QyxJQUFJLE1BQU0sS0FBSyxTQUFTLEVBQUU7WUFDeEIsaUVBQWlFO1lBQ2pFLFVBQVUsR0FBRyxvQkFBQyxVQUFVLElBQUMsSUFBSSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUMsWUFBWSxHQUFHLENBQUM7U0FDbkU7YUFBTSxJQUFJLE1BQU0sS0FBSyxPQUFPLEVBQUU7WUFDN0IsVUFBVSxHQUFHLG9CQUFDLFVBQVUsSUFBQyxJQUFJLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBQyxVQUFVLEdBQUcsQ0FBQztTQUNqRTtRQUVELE1BQU0sR0FBRyxHQUFHLENBQ1Ysb0JBQUMsU0FBUyxrQkFDUixHQUFHLEVBQUUsR0FBRyxFQUNSLEVBQUUsRUFBRSxHQUFHLEdBQUcsTUFBTSxFQUNoQixPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQyxRQUFRLElBQUksVUFBVSxDQUFDLEtBQUssYUFBTCxLQUFLLGNBQUwsS0FBSyxHQUFJLEtBQUssQ0FBQyxFQUN0RCxTQUFTLEVBQUUsVUFBVSxDQUFDLFNBQVMsRUFBRSxpRUFBaUUsRUFBRTtnQkFDbEcsZ0JBQWdCLEVBQUUsUUFBUTtnQkFDMUIsb0NBQW9DLEVBQUUsQ0FBQyxRQUFRO2dCQUMvQyxzQ0FBc0MsRUFBRSxDQUFDLFFBQVEsSUFBSSxDQUFDLFFBQVE7Z0JBQzlELFlBQVksRUFBRSxDQUFDLHNCQUFzQixJQUFJLFFBQVE7Z0JBQ2pELGdCQUFnQixFQUFFLENBQUMsUUFBUTtnQkFDM0IsbUJBQW1CLEVBQUUsUUFBUTthQUM5QixDQUFDLEVBQ0YsSUFBSSxFQUFFLFFBQVEsRUFDZCxJQUFJLEVBQUUsS0FBSyxtQkFDSSxRQUFRLG1CQUNSLEdBQUcsR0FBRyxRQUFRLEVBQzdCLFFBQVEsRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUM3QixJQUFjO1lBRW5CLG9CQUFDLFVBQVUsSUFDVCxPQUFPLEVBQUMsS0FBSyxFQUNiLE9BQU8sRUFBQyxZQUFZLEVBQ3BCLEtBQUssRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDakUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxnQ0FBZ0MsQ0FBQztnQkFFL0MsOEJBQU0sU0FBUyxFQUFFLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxJQUFHLEtBQUssQ0FBUTtnQkFDdkQsUUFBUSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQ2xCLG9CQUFDLFVBQVUsSUFDVCxPQUFPLEVBQUMsTUFBTSxFQUNkLE9BQU8sRUFBQyxZQUFZLEVBQ3BCLEtBQUssRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUN6QyxTQUFTLEVBQUMsY0FBYztvQkFFeEIsb0JBQUMsUUFBUSxJQUNQLElBQUksRUFBQyxRQUFRLEVBQ2IsS0FBSyxFQUFFLEtBQUssRUFDWixhQUFhLEVBQUUsVUFBVSxDQUFDLEVBQUUsWUFBWSxFQUFFLFFBQVEsRUFBRSxjQUFjLEVBQUUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxHQUNoRixDQUNTLENBQ2Q7Z0JBQ0EsVUFBVSxDQUNBLENBQ0gsQ0FDYixDQUFDO1FBRUYsT0FBTyxPQUFPLENBQUMsQ0FBQyxDQUFDLG9CQUFDLE9BQU8sSUFBQyxPQUFPLEVBQUUsT0FBTyxJQUFHLEdBQUcsQ0FBVyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUM7SUFDcEUsQ0FBQyxDQUNGLENBQUM7SUFFRixHQUFHLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQztJQUM5QixPQUFPLEdBQUcsQ0FBQztBQUNiLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsUUFBUSxFQUFFLFNBQVMsQ0FBQyxDQUFDO0FBOEJ0RCxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxDQUtqQyxZQUF5QixFQUN6QixnQkFBNkIsRUFDN0IsV0FBbUIsRUFDbkIsY0FBaUcsRUFDN0QsRUFBRTtJQUN0QyxNQUFNLElBQUksR0FBdUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTs7UUFDekQsTUFBTSxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsR0FBRyxLQUFLLENBQUM7UUFDckUsTUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDbEQsTUFBTSxRQUFRLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzdCLE1BQU0sYUFBYSxHQUFHLGNBQWMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzNFLE1BQU0sQ0FBQyxRQUFRLEVBQUUsV0FBVyxDQUFDLEdBQUcsUUFBUSxDQUFrQixNQUFBLE1BQUEsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksWUFBWSxtQ0FBSSxhQUFhLG1DQUFJLENBQUMsQ0FBQyxDQUFDO1FBQ3ZHLE1BQU0sQ0FBQyxTQUFTLEVBQUUsYUFBYSxDQUFDLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ25ELE1BQU0sQ0FBQyxVQUFVLEVBQUUsY0FBYyxDQUFDLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3JELE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7UUFDL0MsTUFBTSxZQUFZLEdBQUcsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztRQUNsRCxNQUFNLE9BQU8sR0FBRyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFDO1FBRTdDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDYixJQUFJLEtBQUssS0FBSyxTQUFTLEVBQUU7Z0JBQ3ZCLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQzthQUNwQjtRQUNILENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7UUFFWixlQUFlLENBQUMsR0FBRyxFQUFFOztZQUNuQixNQUFNLFlBQVksR0FBRyxHQUFHLEVBQUU7Z0JBQ3hCLE1BQU0sR0FBRyxHQUFHLFNBQVMsQ0FBQyxPQUFPLENBQUM7Z0JBQzlCLE1BQU0sRUFBRSxHQUFHLFlBQVksQ0FBQyxPQUFPLENBQUM7Z0JBRWhDLElBQUksQ0FBQyxHQUFHLElBQUksQ0FBQyxFQUFFLEVBQUU7b0JBQ2YsT0FBTztpQkFDUjtnQkFFRCxNQUFNLEVBQUUsS0FBSyxFQUFFLEdBQUcsR0FBRyxDQUFDLHFCQUFxQixFQUFFLENBQUM7Z0JBQzlDLGFBQWEsQ0FBQyxFQUFFLENBQUMsV0FBVyxHQUFHLEtBQUssSUFBSSxFQUFFLENBQUMsVUFBVSxLQUFLLENBQUMsQ0FBQyxDQUFDO2dCQUM3RCxjQUFjLENBQ1osRUFBRSxDQUFDLFdBQVcsR0FBRyxLQUFLO29CQUNwQixJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxVQUFVLEdBQUcsRUFBRSxDQUFDLHFCQUFxQixFQUFFLENBQUMsS0FBSyxDQUFDLEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsV0FBVyxDQUFDLENBQzlGLENBQUM7WUFDSixDQUFDLENBQUM7WUFFRixZQUFZLEVBQUUsQ0FBQztZQUNmLE1BQUEsWUFBWSxDQUFDLE9BQU8sMENBQUUsZ0JBQWdCLENBQUMsUUFBUSxFQUFFLFlBQVksQ0FBQyxDQUFDO1lBQy9ELE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxRQUFRLEVBQUUsWUFBWSxDQUFDLENBQUM7WUFFaEQsT0FBTyxHQUFHLEVBQUU7O2dCQUNWLE1BQUEsWUFBWSxDQUFDLE9BQU8sMENBQUUsbUJBQW1CLENBQUMsUUFBUSxFQUFFLFlBQVksQ0FBQyxDQUFDO2dCQUNsRSxNQUFNLENBQUMsbUJBQW1CLENBQUMsUUFBUSxFQUFFLFlBQVksQ0FBQyxDQUFDO1lBQ3JELENBQUMsQ0FBQztRQUNKLENBQUMsRUFBRSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsWUFBWSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7UUFFOUMsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLFNBQTJCLEVBQUUsRUFBRTtZQUN6RCxNQUFNLFNBQVMsR0FBRyxZQUFZLENBQUMsT0FBTyxDQUFDO1lBQ3ZDLE1BQU0sSUFBSSxHQUFHLE9BQU8sQ0FBQyxPQUFPLENBQUM7WUFFN0IsSUFBSSxDQUFDLFNBQVMsSUFBSSxDQUFDLElBQUksRUFBRTtnQkFDdkIsT0FBTzthQUNSO1lBRUQsTUFBTSxFQUFFLEtBQUssRUFBRSxjQUFjLEVBQUUsQ0FBQyxFQUFFLFVBQVUsRUFBRSxHQUFHLFNBQVMsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1lBRW5GLE1BQU0sUUFBUSxHQUFrQixLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxNQUFNLENBQ2hFLENBQUMsQ0FBQyxFQUFvQixFQUFFLENBQUMsQ0FBQyxZQUFZLFdBQVcsQ0FDbEQsQ0FBQztZQUVGLDhEQUE4RDtZQUM5RCw4RUFBOEU7WUFDOUUsSUFBSSxTQUFTLEtBQUssT0FBTyxFQUFFO2dCQUN6QixNQUFNLElBQUksR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7b0JBQy9CLE1BQU0sRUFBRSxDQUFDLEVBQUUsS0FBSyxFQUFFLEdBQUcsQ0FBQyxDQUFDLHFCQUFxQixFQUFFLENBQUM7b0JBQy9DLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLEdBQUcsS0FBSyxHQUFHLFVBQVUsR0FBRyxjQUFjLENBQUMsR0FBRyxDQUFDLENBQUM7Z0JBQ2pFLENBQUMsQ0FBQyxDQUFDO2dCQUVILElBQUksSUFBSSxZQUFZLFdBQVcsRUFBRTtvQkFDL0IsTUFBTSxFQUFFLENBQUMsRUFBRSxLQUFLLEVBQUUsR0FBRyxJQUFJLENBQUMscUJBQXFCLEVBQUUsQ0FBQztvQkFDbEQsU0FBUyxDQUFDLFFBQVEsQ0FBQzt3QkFDakIsSUFBSSxFQUFFLFNBQVMsQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLEdBQUcsS0FBSyxHQUFHLFVBQVUsR0FBRyxjQUFjLENBQUM7d0JBQy9FLFFBQVEsRUFBRSxRQUFRO3FCQUNuQixDQUFDLENBQUM7aUJBQ0o7YUFDRjtpQkFBTTtnQkFDTCxNQUFNLElBQUksR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7b0JBQy9CLE1BQU0sRUFBRSxDQUFDLEVBQUUsS0FBSyxFQUFFLEdBQUcsQ0FBQyxDQUFDLHFCQUFxQixFQUFFLENBQUM7b0JBQy9DLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLEdBQUcsS0FBSyxHQUFHLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFDakQsQ0FBQyxDQUFDLENBQUM7Z0JBRUgsSUFBSSxJQUFJLFlBQVksV0FBVyxFQUFFO29CQUMvQixNQUFNLEVBQUUsQ0FBQyxFQUFFLEdBQUcsSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUM7b0JBQzNDLFNBQVMsQ0FBQyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsU0FBUyxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxVQUFVLENBQUMsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FBQztpQkFDbkc7YUFDRjtRQUNILENBQUMsQ0FBQztRQUVGLE1BQU0sYUFBYSxHQUFHLENBQUMsS0FBdUMsRUFBRSxFQUFFO1lBQ2hFLE1BQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxNQUFxQixDQUFDO1lBQzNDLE1BQU0sTUFBTSxHQUFHLE1BQU0sQ0FBQyxhQUErQixDQUFDO1lBQ3RELE1BQU0sS0FBSyxHQUFHLE1BQU0sQ0FBQyxVQUF5QixDQUFDO1lBQy9DLE1BQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQyxTQUF3QixDQUFDO1lBQzdDLE1BQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQyxrQkFBaUMsQ0FBQztZQUN0RCxNQUFNLElBQUksR0FBRyxNQUFNLENBQUMsc0JBQXFDLENBQUM7WUFFMUQsSUFBSSxLQUFLLENBQUMsR0FBRyxLQUFLLFlBQVksRUFBRTtnQkFDOUIsQ0FBQyxJQUFJLGFBQUosSUFBSSxjQUFKLElBQUksR0FBSSxLQUFLLENBQUMsQ0FBQyxLQUFLLEVBQUUsQ0FBQzthQUN6QjtpQkFBTSxJQUFJLEtBQUssQ0FBQyxHQUFHLEtBQUssV0FBVyxFQUFFO2dCQUNwQyxDQUFDLElBQUksYUFBSixJQUFJLGNBQUosSUFBSSxHQUFJLElBQUksQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFDO2FBQ3hCO1FBQ0gsQ0FBQyxDQUFDO1FBRUYsTUFBTSxjQUFjLEdBQUcsQ0FBQyxHQUFvQixFQUFFLEVBQUU7WUFDOUMsQ0FBQyxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxXQUFXLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUNqQyxDQUFDLENBQUM7UUFFRiwrQkFBK0I7UUFDL0IsS0FBSyxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUU7WUFDckMsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLEVBQUU7Z0JBQzNCLE1BQU0sSUFBSSxLQUFLLENBQUMsd0RBQXdELENBQUMsQ0FBQzthQUMzRTtRQUNILENBQUMsQ0FBQyxDQUFDO1FBRUgsT0FBTyxDQUNMLDZCQUFLLEdBQUcsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQUUsU0FBUyxDQUFDO1lBQ2pFLDZCQUFLLFNBQVMsRUFBRSxFQUFFLENBQUMsNkRBQTZELENBQUM7Z0JBQy9FLDZCQUFLLEdBQUcsRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxpREFBaUQsQ0FBQztvQkFDdEYsNkJBQ0UsR0FBRyxFQUFFLE9BQU8sRUFDWixJQUFJLEVBQUUsU0FBUyxnQkFDSCxNQUFNLEVBQ2xCLFNBQVMsRUFBRSxFQUFFLENBQUMsNERBQTRELENBQUMsSUFFMUUsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLENBQUMsR0FBNkMsRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUNyRixHQUFHLENBQUMsQ0FBQyxDQUFDLENBQ0osb0JBQUMsZ0JBQWdCLGtCQUNmLEdBQUcsRUFBRSxHQUFHLENBQUMsS0FBSyxDQUFDLEtBQUssSUFDZixHQUFHLENBQUMsS0FBVyxJQUNwQixLQUFLLEVBQUUsS0FBSyxFQUNaLFFBQVEsRUFBRSxHQUFHLENBQUMsS0FBSyxDQUFDLEtBQUssS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsS0FBSyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxLQUFLLFFBQVEsRUFDM0YsU0FBUyxFQUFFLGFBQWEsRUFDeEIsVUFBVSxFQUFFLGNBQWMsSUFDMUIsQ0FDSCxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQ2QsQ0FDRyxDQUNGO2dCQUVMLFNBQVMsSUFBSSxDQUNaLDZCQUFLLFNBQVMsRUFBRSxFQUFFLENBQUMsc0VBQXNFLENBQUM7b0JBRXhGLDZCQUNFLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxNQUFNLENBQUMsRUFDekMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxpREFBaUQsQ0FBQzt3QkFFaEUsb0JBQUMsVUFBVSxJQUFDLElBQUksRUFBRSxXQUFXLEdBQUksQ0FDN0IsQ0FDRixDQUNQO2dCQUVBLFVBQVUsSUFBSSxDQUNiLDZCQUNFLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxPQUFPLENBQUMsRUFDMUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyx1RUFBdUUsQ0FBQztvQkFFdEYsNkJBQ0UsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLGtCQUFrQixDQUFDLE9BQU8sQ0FBQyxFQUMxQyxTQUFTLEVBQUUsRUFBRSxDQUFDLGlEQUFpRCxDQUFDO3dCQUdoRSxvQkFBQyxVQUFVLElBQUMsSUFBSSxFQUFFLFlBQVksR0FBSSxDQUM5QixDQUNGLENBQ1AsQ0FDRztZQUNMLGNBQWMsQ0FBQyxRQUFRLEVBQUUsUUFBUSxFQUFFLEtBQUssQ0FBQyxDQUN0QyxDQUNQLENBQUM7SUFDSixDQUFDLENBQUM7SUFFRixJQUFJLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQztJQUMvQixJQUFJLENBQUMsR0FBRyxHQUFHLFlBQVksQ0FBQztJQUN4QixPQUFPLElBQUksQ0FBQztBQUNkLENBQUMsQ0FBQztBQUVGLEVBQUU7QUFDRiwwQ0FBMEM7QUFDMUMsRUFBRTtBQUNGLE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBRyxtQkFBbUIsQ0FBQyxHQUFHLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxDQUFDLFFBQVEsRUFBRSxRQUFRLEVBQUUsRUFBRSxDQUFDLENBQ3BGLG9CQUFDLFlBQVksUUFDVixRQUFRLENBQUMsSUFBSSxDQUNaLENBQUMsSUFBOEMsRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUEsSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLEtBQUssQ0FBQyxLQUFLLE1BQUssUUFBUSxJQUFJLEtBQUssS0FBSyxRQUFRLENBQ2hILENBQ1ksQ0FDaEIsQ0FBQyxDQUFDIn0=

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

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface TagLabelProps {
+    /**
+     * Tag label textual content.
+     */
+    'title': string | number;
+    /**
+     * If true, display dense version of the tag label.
+     */
+    'dense'?: boolean;
+    /**
+     * `data-testid` prop that will be added for containing element.
+     */
+    'data-testid'?: string;
+}
+export declare const TagLabel: React.FC<TagLabelProps>;

package/dist/src/components/TagLabel/TagLabel.js

@@ -0,0 +1,21 @@
+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 { tw } from '../../../src/utils/tailwind';
+export const TagLabel = (_a) => {
+    var { title, dense = false } = _a, rest = __rest(_a, ["title", "dense"]);
+    return (React.createElement("span", Object.assign({}, rest, { className: tw('rounded-full text-white bg-primary-70', {
+            'py-2 px-4 typography-caption-default': !dense,
+            'py-2 px-3 typography-caption-small': dense,
+        }) }), title));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnTGFiZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UYWdMYWJlbC9UYWdMYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBbUJ4QyxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQTRCLENBQUMsRUFBaUMsRUFBRSxFQUFFO1FBQXJDLEVBQUUsS0FBSyxFQUFFLEtBQUssR0FBRyxLQUFLLE9BQVcsRUFBTixJQUFJLGNBQS9CLGtCQUFpQyxDQUFGO0lBQU8sT0FBQSxDQUN0Riw4Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLEVBQUUsQ0FBQyx1Q0FBdUMsRUFBRTtZQUNyRCxzQ0FBc0MsRUFBRSxDQUFDLEtBQUs7WUFDOUMsb0NBQW9DLEVBQUUsS0FBSztTQUM1QyxDQUFDLEtBRUQsS0FBSyxDQUNELENBQ1IsQ0FBQTtDQUFBLENBQUMifQ==

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

@@ -0,0 +1,38 @@
+import React from 'react';
+import { ObjectBreakpointable } from '../../../types/tailwind';
+import twTheme from '../../../tailwind.theme.json';
+export declare type TailwindifyProps<ComponentPropsT> = {
+    className?: string;
+    style?: React.CSSProperties;
+} & ObjectBreakpointable<{
+    padding?: keyof typeof twTheme['padding'];
+    paddingX?: keyof typeof twTheme['padding'];
+    paddingY?: keyof typeof twTheme['padding'];
+    paddingTop?: keyof typeof twTheme['padding'];
+    paddingRight?: keyof typeof twTheme['padding'];
+    paddingBottom?: keyof typeof twTheme['padding'];
+    paddingLeft?: keyof typeof twTheme['padding'];
+    margin?: keyof typeof twTheme['margin'];
+    marginX?: keyof typeof twTheme['margin'];
+    marginY?: keyof typeof twTheme['margin'];
+    marginTop?: keyof typeof twTheme['margin'];
+    marginRight?: keyof typeof twTheme['margin'];
+    marginBottom?: keyof typeof twTheme['margin'];
+    marginLeft?: keyof typeof twTheme['margin'];
+    space?: keyof typeof twTheme['spacing'];
+    spaceX?: keyof typeof twTheme['spacing'];
+    spaceY?: keyof typeof twTheme['spacing'];
+    backgroundColor?: keyof typeof twTheme['backgroundColor'];
+    width?: keyof typeof twTheme['width'];
+    height?: keyof typeof twTheme['height'];
+    maxWidth?: keyof typeof twTheme['maxWidth'];
+    maxHeight?: keyof typeof twTheme['maxHeight'];
+    minWidth?: keyof typeof twTheme['minWidth'];
+    minHeight?: keyof typeof twTheme['minHeight'];
+}> & ComponentPropsT;
+declare type PropsWithStyleRequired = {
+    style?: React.CSSProperties;
+    [key: string]: any;
+};
+export declare function Tailwindify<ComponentPropsT extends PropsWithStyleRequired>(Component: (props: ComponentPropsT) => JSX.Element): (props: TailwindifyProps<ComponentPropsT>) => JSX.Element;
+export {};