@aivenio/aquarium 0.0.1

package/dist/src/components/DataTable/DataTable.js

@@ -0,0 +1,54 @@
+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 } from '../../../src/components/Table/Table';
+import { StatusChip } from '../../../src/components/Chip/Chip';
+import { SecondaryButton } from '../../../src/components/Button/Button';
+import { renameProperty } from '../../../src/utils/object';
+import orderBy from 'lodash/orderBy';
+const toSortDirection = (direction) => direction === 'ascending' ? 'asc' : direction === 'descending' ? 'desc' : false;
+const isFieldColumn = (column) => Boolean(column.field);
+const isNumberColumn = (column) => column.type === 'number';
+const isStatusColumn = (column) => column.type === 'status';
+const isActionColumn = (column) => column.type === 'action';
+export const useTableSort = () => {
+    const [sort, setSort] = React.useState();
+    const handleSortClick = (field) => {
+        if ((sort === null || sort === void 0 ? void 0 : sort.key) === field) {
+            if (sort.direction === 'ascending') {
+                setSort({ key: field, direction: 'descending' });
+            }
+            else {
+                setSort(undefined);
+            }
+        }
+        else {
+            setSort({ key: field, direction: 'ascending' });
+        }
+    };
+    return [sort, handleSortClick];
+};
+export const DataTable = (_a) => {
+    var { columns, rows, noWrap = false, layout = 'auto' } = _a, rest = __rest(_a, ["columns", "rows", "noWrap", "layout"]);
+    const [sort, updateSort] = useTableSort();
+    return (React.createElement(Table, Object.assign({}, rest, { className: tw({
+            'whitespace-nowrap': noWrap,
+            'table-auto': layout === 'auto',
+            'table-fixed': layout === 'fixed',
+        }) }),
+        React.createElement(Table.Head, null, columns.map((column) => isFieldColumn(column) && column.sortable ? (React.createElement(Table.SortCell, { key: column.headerName, direction: sort && sort.key === column.field ? sort.direction : 'none', onClick: () => updateSort(column.field), align: isNumberColumn(column) ? 'right' : 'left', style: { width: column.width } }, column.headerName)) : (React.createElement(Table.Cell, { align: isNumberColumn(column) ? 'right' : 'left', key: column.headerName, style: { width: column.width } }, column.headerName)))),
+        React.createElement(Table.Body, null, orderBy(rows, [sort === null || sort === void 0 ? void 0 : sort.key], [toSortDirection(sort === null || sort === void 0 ? void 0 : sort.direction)]).map((row) => (React.createElement(Table.Row, { key: row.id }, columns.map((column, index) => isFieldColumn(column) ? (React.createElement(Table.Cell, { key: column.field, align: isNumberColumn(column) ? 'right' : 'left' }, row[column.field])) : isStatusColumn(column) ? (React.createElement(Table.Cell, { key: column.headerName },
+            React.createElement(StatusChip, Object.assign({ dense: true }, column.status(row, index, rows))))) : isActionColumn(column) ? (React.createElement(Table.Cell, { align: "right", key: column.headerName },
+            React.createElement(SecondaryButton, Object.assign({ dense: true }, renameProperty('text', 'children', column.action(row, index, rows)))))) : (React.createElement(Table.Cell, { key: column.headerName }, column.UNSAFE_render(row, index, rows))))))))));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YVRhYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRGF0YVRhYmxlL0RhdGFUYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3hDLE9BQU8sRUFBRSxLQUFLLEVBQWMsTUFBTSw0QkFBNEIsQ0FBQztBQUUvRCxPQUFPLEVBQWMsVUFBVSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRS9ELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNsRCxPQUFPLE9BQU8sTUFBTSxnQkFBZ0IsQ0FBQztBQW1IckMsTUFBTSxlQUFlLEdBQUcsQ0FBQyxTQUFvQyxFQUFFLEVBQUUsQ0FDL0QsU0FBUyxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLEtBQUssWUFBWSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztBQUVsRixNQUFNLGFBQWEsR0FBRyxDQUF5QixNQUEwQixFQUE0QixFQUFFLENBQ3JHLE9BQU8sQ0FBRSxNQUF5QixDQUFDLEtBQUssQ0FBQyxDQUFDO0FBRTVDLE1BQU0sY0FBYyxHQUFHLENBQXlCLE1BQTBCLEVBQTZCLEVBQUUsQ0FDdEcsTUFBMEIsQ0FBQyxJQUFJLEtBQUssUUFBUSxDQUFDO0FBRWhELE1BQU0sY0FBYyxHQUFHLENBQXlCLE1BQTBCLEVBQTZCLEVBQUUsQ0FDdEcsTUFBMEIsQ0FBQyxJQUFJLEtBQUssUUFBUSxDQUFDO0FBRWhELE1BQU0sY0FBYyxHQUFHLENBQXlCLE1BQTBCLEVBQTZCLEVBQUUsQ0FDdEcsTUFBMEIsQ0FBQyxJQUFJLEtBQUssUUFBUSxDQUFDO0FBRWhELE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxHQUE0RSxFQUFFO0lBQ3hHLE1BQU0sQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBVyxDQUFDO0lBQ2xELE1BQU0sZUFBZSxHQUFHLENBQUMsS0FBYyxFQUFFLEVBQUU7UUFDekMsSUFBSSxDQUFBLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxHQUFHLE1BQUssS0FBSyxFQUFFO1lBQ3ZCLElBQUksSUFBSSxDQUFDLFNBQVMsS0FBSyxXQUFXLEVBQUU7Z0JBQ2xDLE9BQU8sQ0FBQyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxDQUFDLENBQUM7YUFDbEQ7aUJBQU07Z0JBQ0wsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDO2FBQ3BCO1NBQ0Y7YUFBTTtZQUNMLE9BQU8sQ0FBQyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxDQUFDLENBQUM7U0FDakQ7SUFDSCxDQUFDLENBQUM7SUFFRixPQUFPLENBQUMsSUFBSSxFQUFFLGVBQWUsQ0FBQyxDQUFDO0FBQ2pDLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxDQUF5QixFQU05QixFQUFlLEVBQUU7UUFOYSxFQUNoRCxPQUFPLEVBQ1AsSUFBSSxFQUNKLE1BQU0sR0FBRyxLQUFLLEVBQ2QsTUFBTSxHQUFHLE1BQU0sT0FFRyxFQURmLElBQUksY0FMeUMsdUNBTWpELENBRFE7SUFFUCxNQUFNLENBQUMsSUFBSSxFQUFFLFVBQVUsQ0FBQyxHQUFHLFlBQVksRUFBSyxDQUFDO0lBQzdDLE9BQU8sQ0FDTCxvQkFBQyxLQUFLLG9CQUNBLElBQUksSUFDUixTQUFTLEVBQUUsRUFBRSxDQUFDO1lBQ1osbUJBQW1CLEVBQUUsTUFBTTtZQUMzQixZQUFZLEVBQUUsTUFBTSxLQUFLLE1BQU07WUFDL0IsYUFBYSxFQUFFLE1BQU0sS0FBSyxPQUFPO1NBQ2xDLENBQUM7UUFFRixvQkFBQyxLQUFLLENBQUMsSUFBSSxRQUNSLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUN0QixhQUFhLENBQUMsTUFBTSxDQUFDLElBQUksTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDekMsb0JBQUMsS0FBSyxDQUFDLFFBQVEsSUFDYixHQUFHLEVBQUUsTUFBTSxDQUFDLFVBQVUsRUFDdEIsU0FBUyxFQUFFLElBQUksSUFBSSxJQUFJLENBQUMsR0FBRyxLQUFLLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLE1BQU0sRUFDdEUsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLFVBQVUsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEVBQ3ZDLEtBQUssRUFBRSxjQUFjLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsTUFBTSxFQUNoRCxLQUFLLEVBQUUsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFBRSxJQUU3QixNQUFNLENBQUMsVUFBVSxDQUNILENBQ2xCLENBQUMsQ0FBQyxDQUFDLENBQ0Ysb0JBQUMsS0FBSyxDQUFDLElBQUksSUFDVCxLQUFLLEVBQUUsY0FBYyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLE1BQU0sRUFDaEQsR0FBRyxFQUFFLE1BQU0sQ0FBQyxVQUFVLEVBQ3RCLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxFQUFFLElBRTdCLE1BQU0sQ0FBQyxVQUFVLENBQ1AsQ0FDZCxDQUNGLENBQ1U7UUFDYixvQkFBQyxLQUFLLENBQUMsSUFBSSxRQUNQLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQyxJQUFJLGFBQUosSUFBSSx1QkFBSixJQUFJLENBQUUsR0FBRyxDQUFDLEVBQUUsQ0FBQyxlQUFlLENBQUMsSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLFNBQVMsQ0FBQyxDQUFDLENBQVMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQ3BGLG9CQUFDLEtBQUssQ0FBQyxHQUFHLElBQUMsR0FBRyxFQUFFLEdBQUcsQ0FBQyxFQUFFLElBQ25CLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FDN0IsYUFBYSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUN0QixvQkFBQyxLQUFLLENBQUMsSUFBSSxJQUFDLEdBQUcsRUFBRSxNQUFNLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxjQUFjLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsTUFBTSxJQUM1RSxHQUFHLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUNQLENBQ2QsQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUMzQixvQkFBQyxLQUFLLENBQUMsSUFBSSxJQUFDLEdBQUcsRUFBRSxNQUFNLENBQUMsVUFBVTtZQUNoQyxvQkFBQyxVQUFVLGtCQUFDLEtBQUssVUFBSyxNQUFNLENBQUMsTUFBTSxDQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLEVBQUksQ0FDOUMsQ0FDZCxDQUFDLENBQUMsQ0FBQyxjQUFjLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQzNCLG9CQUFDLEtBQUssQ0FBQyxJQUFJLElBQUMsS0FBSyxFQUFDLE9BQU8sRUFBQyxHQUFHLEVBQUUsTUFBTSxDQUFDLFVBQVU7WUFDOUMsb0JBQUMsZUFBZSxrQkFBQyxLQUFLLFVBQUssY0FBYyxDQUFDLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxDQUFDLE1BQU0sQ0FBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFDLEVBQUksQ0FDdkYsQ0FDZCxDQUFDLENBQUMsQ0FBQyxDQUNGLG9CQUFDLEtBQUssQ0FBQyxJQUFJLElBQUMsR0FBRyxFQUFFLE1BQU0sQ0FBQyxVQUFVLElBQUcsTUFBTSxDQUFDLGFBQWEsQ0FBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFjLENBQzFGLENBQ0YsQ0FDUyxDQUNiLENBQUMsQ0FDUyxDQUNQLENBQ1QsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { ActionType, AsyncActionType } from '../../../types/ActionType';
+import { Modal } from '../../../src/common/Modal/Modal';
+import { DialogType } from '../../../src/common/Dialog/Dialog';
+export declare type DialogProps = {
+    /** Title of the dialog. Use 'Confirmation', 'Warning' or 'Danger'. */
+    title: string;
+    /** Type of the dialog. Will determine title and icon color. */
+    type: DialogType;
+    /** State of the dialog */
+    open: React.ComponentProps<typeof Modal>['open'];
+    /** Dialog body text or content. */
+    children: React.ComponentProps<typeof Modal.Body>['children'];
+    /** Primary action. Maximum of one is allowed. */
+    primaryAction: AsyncActionType;
+    /** Secondary actions. Maximum of one is allowed. */
+    secondaryAction?: ActionType;
+};
+export declare const Dialog: React.FC<DialogProps>;

package/dist/src/components/Dialog/Dialog.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import omit from 'lodash/omit';
+import { GhostButton, SecondaryButton } from '../../../src/components/Button/Button';
+import { Icon } from '../../../src/components/Icon/Icon';
+import { Modal } from '../../../src/common/Modal/Modal';
+import { DIALOG_ICONS_AND_COLORS } from '../../../src/common/Dialog/Dialog';
+export const Dialog = ({ title, type = 'confirmation', open, children, primaryAction, secondaryAction, }) => (React.createElement(Modal, { open: open },
+    React.createElement(Modal.BackDrop, null),
+    React.createElement(Modal.Dialog, { size: "sm" },
+        React.createElement(Modal.Header, null,
+            React.createElement(Icon, { icon: DIALOG_ICONS_AND_COLORS[type].icon, color: DIALOG_ICONS_AND_COLORS[type].color, fontSize: 20 }),
+            React.createElement(Modal.Title, { variant: "body-large", color: DIALOG_ICONS_AND_COLORS[type].color }, title)),
+        React.createElement(Modal.Body, null, children),
+        React.createElement(Modal.Footer, null,
+            React.createElement(Modal.Actions, null,
+                secondaryAction && (React.createElement(GhostButton, Object.assign({ key: secondaryAction.text }, omit(secondaryAction, 'text')), secondaryAction.text)),
+                React.createElement(SecondaryButton, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text))))));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGlhbG9nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUMvQixPQUFPLEVBQUUsV0FBVyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzVFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUVoRCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDL0MsT0FBTyxFQUFjLHVCQUF1QixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFzQi9FLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBMEIsQ0FBQyxFQUM1QyxLQUFLLEVBQ0wsSUFBSSxHQUFHLGNBQWMsRUFDckIsSUFBSSxFQUNKLFFBQVEsRUFDUixhQUFhLEVBQ2IsZUFBZSxHQUNoQixFQUFFLEVBQUUsQ0FBQyxDQUNKLG9CQUFDLEtBQUssSUFBQyxJQUFJLEVBQUUsSUFBSTtJQUNmLG9CQUFDLEtBQUssQ0FBQyxRQUFRLE9BQUc7SUFDbEIsb0JBQUMsS0FBSyxDQUFDLE1BQU0sSUFBQyxJQUFJLEVBQUMsSUFBSTtRQUNyQixvQkFBQyxLQUFLLENBQUMsTUFBTTtZQUNYLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsdUJBQXVCLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsQ0FBQyxLQUFLLEVBQUUsUUFBUSxFQUFFLEVBQUUsR0FBSTtZQUM1RyxvQkFBQyxLQUFLLENBQUMsS0FBSyxJQUFDLE9BQU8sRUFBQyxZQUFZLEVBQUMsS0FBSyxFQUFFLHVCQUF1QixDQUFDLElBQUksQ0FBQyxDQUFDLEtBQUssSUFDekUsS0FBSyxDQUNNLENBQ0Q7UUFDZixvQkFBQyxLQUFLLENBQUMsSUFBSSxRQUFFLFFBQVEsQ0FBYztRQUNuQyxvQkFBQyxLQUFLLENBQUMsTUFBTTtZQUNYLG9CQUFDLEtBQUssQ0FBQyxPQUFPO2dCQUNYLGVBQWUsSUFBSSxDQUNsQixvQkFBQyxXQUFXLGtCQUFDLEdBQUcsRUFBRSxlQUFlLENBQUMsSUFBSSxJQUFNLElBQUksQ0FBQyxlQUFlLEVBQUUsTUFBTSxDQUFDLEdBQ3RFLGVBQWUsQ0FBQyxJQUFJLENBQ1QsQ0FDZjtnQkFDRCxvQkFBQyxlQUFlLGtCQUFDLEdBQUcsRUFBRSxhQUFhLENBQUMsSUFBSSxJQUFNLElBQUksQ0FBQyxhQUFhLEVBQUUsTUFBTSxDQUFDLEdBQ3RFLGFBQWEsQ0FBQyxJQUFJLENBQ0gsQ0FDSixDQUNILENBQ0YsQ0FDVCxDQUNULENBQUMifQ==

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

@@ -0,0 +1,27 @@
+import React from 'react';
+export declare type Direction = 'horizontal' | 'vertical';
+export declare type DividerSize = 1 | 2 | 4 | 8 | 16 | 24;
+export declare type DividerProps = {
+    /**
+     * The direction in which the Divider is aligned.
+     *
+     * A horizontal Divider is a horizontal line.
+     */
+    direction?: Direction;
+    /**
+     * The Divider size.
+     *
+     * Currently this represents the number of pixels a Divider is thick.
+     *
+     * This may change in the future to a more generic format.
+     */
+    size?: DividerSize;
+};
+/**
+ * A Divider can be used to visually seperate contents.
+ *
+ * There are two kinds of dividers: horizontal ones and vertical ones.
+ *
+ * Horizontal Dividers always cover the __full width__ while vertical ones always cover the __full height__.
+ */
+export declare const Divider: React.FC<DividerProps>;

package/dist/src/components/Divider/Divider.js

@@ -0,0 +1,47 @@
+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';
+const sizeClasses = {
+    horizontal: {
+        1: 'h-1px',
+        2: 'h-1',
+        4: 'h-2',
+        8: 'h-3',
+        16: 'h-5',
+        24: 'h-6',
+    },
+    vertical: {
+        1: 'w-1px',
+        2: 'w-1',
+        4: 'w-2',
+        8: 'w-3',
+        16: 'w-5',
+        24: 'w-6',
+    },
+};
+/**
+ * A Divider can be used to visually seperate contents.
+ *
+ * There are two kinds of dividers: horizontal ones and vertical ones.
+ *
+ * Horizontal Dividers always cover the __full width__ while vertical ones always cover the __full height__.
+ */
+export const Divider = (_a) => {
+    var { direction = 'horizontal', size = 1 } = _a, props = __rest(_a, ["direction", "size"]);
+    const sizeClass = sizeClasses[direction][size];
+    return (React.createElement("div", Object.assign({}, props, { className: tw(`bg-grey-5 ${sizeClass}`, {
+            'block w-full': direction === 'horizontal',
+            'inline-block h-full': direction === 'vertical',
+        }) })));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGl2aWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RpdmlkZXIvRGl2aWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBOEJ4QyxNQUFNLFdBQVcsR0FBZ0I7SUFDL0IsVUFBVSxFQUFFO1FBQ1YsQ0FBQyxFQUFFLE9BQU87UUFDVixDQUFDLEVBQUUsS0FBSztRQUNSLENBQUMsRUFBRSxLQUFLO1FBQ1IsQ0FBQyxFQUFFLEtBQUs7UUFDUixFQUFFLEVBQUUsS0FBSztRQUNULEVBQUUsRUFBRSxLQUFLO0tBQ1Y7SUFDRCxRQUFRLEVBQUU7UUFDUixDQUFDLEVBQUUsT0FBTztRQUNWLENBQUMsRUFBRSxLQUFLO1FBQ1IsQ0FBQyxFQUFFLEtBQUs7UUFDUixDQUFDLEVBQUUsS0FBSztRQUNSLEVBQUUsRUFBRSxLQUFLO1FBQ1QsRUFBRSxFQUFFLEtBQUs7S0FDVjtDQUNGLENBQUM7QUFFRjs7Ozs7O0dBTUc7QUFDSCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQTJCLENBQUMsRUFBZ0QsRUFBRSxFQUFFO1FBQXBELEVBQUUsU0FBUyxHQUFHLFlBQVksRUFBRSxJQUFJLEdBQUcsQ0FBQyxPQUFZLEVBQVAsS0FBSyxjQUE5QyxxQkFBZ0QsQ0FBRjtJQUM1RixNQUFNLFNBQVMsR0FBRyxXQUFXLENBQUMsU0FBUyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDL0MsT0FBTyxDQUNMLDZDQUNNLEtBQUssSUFDVCxTQUFTLEVBQUUsRUFBRSxDQUFDLGFBQWEsU0FBUyxFQUFXLEVBQUU7WUFDL0MsY0FBYyxFQUFFLFNBQVMsS0FBSyxZQUFZO1lBQzFDLHFCQUFxQixFQUFFLFNBQVMsS0FBSyxVQUFVO1NBQ2hELENBQUMsSUFDRixDQUNILENBQUM7QUFDSixDQUFDLENBQUMifQ==

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

@@ -0,0 +1,28 @@
+import React from 'react';
+import { TooltipProps } from '../../../src/components/Tooltip/Tooltip';
+import { PopoverPlacement } from '../../../src/components/Popover/Popover';
+declare type DropdownProps = {
+    children: React.ReactElement;
+    content: React.ReactElement<DropdownMenuProps>;
+    placement?: PopoverPlacement;
+};
+declare type DropdownMenuProps = {
+    title?: string;
+    children: Array<React.ReactElement<DropdownItemProps>>;
+    triggerId: string;
+    contentId: string;
+    setClose?: () => void;
+};
+declare type DropdownItemProps = React.ButtonHTMLAttributes<HTMLLIElement> & {
+    disabled?: boolean;
+    tooltip?: TooltipProps['content'];
+    tooltipPlacement?: TooltipProps['placement'];
+    color?: 'default' | 'danger';
+    onSelect?: () => void;
+    setClose?: () => void;
+};
+export declare const Dropdown: React.FC<DropdownProps> & {
+    Menu: React.FC<DropdownMenuProps>;
+    Item: React.FC<DropdownItemProps>;
+};
+export {};

package/dist/src/components/Dropdown/Dropdown.js

@@ -0,0 +1,87 @@
+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 { Tooltip } from '../../../src/components/Tooltip/Tooltip';
+import { Popover } from '../../../src/components/Popover/Popover';
+import { usePopoverContext } from '../../../src/components/Popover/PopoverContext';
+export const Dropdown = ({ children, content, placement = 'bottom-left' }) => {
+    return (React.createElement(Popover, { type: "menu", placement: placement, autoFocus: true },
+        React.createElement(Popover.Trigger, null, children),
+        React.createElement(Popover.Panel, null, content)));
+};
+/**
+ * @deprecated Please use <DropdownMenu> component instead.
+ */
+const DropdownMenu = ({ title, children, contentId, triggerId, setClose = () => undefined, }) => {
+    const menuRef = React.useRef(null);
+    React.useEffect(() => {
+        const id = setTimeout(() => { var _a, _b, _c; return (_c = (_b = (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.children) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.focus(); });
+        return () => clearTimeout(id);
+    }, [menuRef.current]);
+    return (React.createElement("div", { style: { minWidth: '250px' }, className: tw('py-3 bg-white') },
+        !!title && (React.createElement("div", { className: tw('px-4 py-4 text-left text-grey-100 typography-body-default-medium font-semibold') }, title)),
+        React.createElement("ol", { role: 'menu', ref: menuRef, id: contentId, "aria-labelledby": triggerId }, React.Children.map(children, (child) => {
+            return React.cloneElement(child, { setClose });
+        }))));
+};
+const DropdownItem = (_a) => {
+    var { children, disabled = false, tooltip, tooltipPlacement, color = 'default', onSelect, setClose = () => undefined } = _a, props = __rest(_a, ["children", "disabled", "tooltip", "tooltipPlacement", "color", "onSelect", "setClose"]);
+    const { state } = usePopoverContext();
+    const handleSelect = () => {
+        onSelect === null || onSelect === void 0 ? void 0 : onSelect();
+        state.close();
+        setClose();
+    };
+    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 === 'ArrowUp') {
+            prev ? prev.focus() : last.focus();
+        }
+        else if (event.key === 'ArrowDown') {
+            next ? next.focus() : first.focus();
+        }
+        else if (event.key === 'Tab') {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+        else if (event.key === 'Home' || event.key === 'PageUp') {
+            first.focus();
+        }
+        else if (event.key === 'End' || event.key === 'PageDown') {
+            last.focus();
+        }
+        else if (event.key === 'Enter') {
+            !disabled && handleSelect();
+        }
+    };
+    const handleClick = (e) => {
+        e.stopPropagation();
+        if (!disabled) {
+            handleSelect();
+        }
+    };
+    const itemContent = React.createElement("div", { className: tw('py-3 px-4') }, children);
+    return (React.createElement("li", Object.assign({ role: 'menuitem', tabIndex: -1, onClick: handleClick, onKeyDown: handleKeyDown }, props, { className: tw('typography-body-small flex items-center focus:ring-0', {
+            'text-grey-70 cursor-pointer hover:bg-grey-0': !disabled,
+            'text-grey-10 cursor-not-allowed': disabled,
+            'text-primary-70 hover:text-primary-80': color === 'danger' && !disabled,
+        }) }), tooltip ? (React.createElement(Tooltip, { content: tooltip, placement: tooltipPlacement, inline: false }, itemContent)) : (itemContent)));
+};
+Dropdown.Menu = DropdownMenu;
+Dropdown.Item = DropdownItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3hDLE9BQU8sRUFBRSxPQUFPLEVBQWdCLE1BQU0sZ0NBQWdDLENBQUM7QUFDdkUsT0FBTyxFQUFFLE9BQU8sRUFBb0IsTUFBTSxnQ0FBZ0MsQ0FBQztBQUMzRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQXdCMUUsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUdqQixDQUFDLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxTQUFTLEdBQUcsYUFBYSxFQUFFLEVBQUUsRUFBRTtJQUN2RCxPQUFPLENBQ0wsb0JBQUMsT0FBTyxJQUFDLElBQUksRUFBQyxNQUFNLEVBQUMsU0FBUyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsSUFBSTtRQUN4RCxvQkFBQyxPQUFPLENBQUMsT0FBTyxRQUFFLFFBQVEsQ0FBbUI7UUFDN0Msb0JBQUMsT0FBTyxDQUFDLEtBQUssUUFBRSxPQUFPLENBQWlCLENBQ2hDLENBQ1gsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGOztHQUVHO0FBQ0gsTUFBTSxZQUFZLEdBQWdDLENBQUMsRUFDakQsS0FBSyxFQUNMLFFBQVEsRUFDUixTQUFTLEVBQ1QsU0FBUyxFQUNULFFBQVEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxTQUFTLEdBQzNCLEVBQUUsRUFBRTtJQUNILE1BQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQW1CLElBQUksQ0FBQyxDQUFDO0lBQ3JELEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ25CLE1BQU0sRUFBRSxHQUFHLFVBQVUsQ0FB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

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

@@ -0,0 +1,103 @@
+import React from 'react';
+import { ItemProps, Selection, SelectionMode } from '@react-types/shared';
+import type { PopoverPlacement } from '../../../src/components/Popover/Popover';
+import type { Icon } from '../../../types/IconProps';
+declare type DropdownMenuTriggerProps = {
+    children: React.ReactElement;
+};
+declare type DropdownMenuTriggerComponent = React.ReactElement<DropdownMenuTriggerProps>;
+export declare type DropdownMenuItemProps = Pick<ItemProps<unknown>, 'textValue' | 'aria-label'> & {
+    /**
+     * Unique key for menu item. This value is used in `onAction()` callback.
+     */
+    key: React.Key;
+    /**
+     * If true, menu item is marked disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Menu item type.
+     * @default 'default'
+     */
+    kind?: 'default' | 'action';
+    /**
+     * Optional description for menu item.
+     */
+    description?: React.ReactNode;
+    /**
+     * Optional icon for menu item.
+     */
+    icon?: Icon;
+    /**
+     * Menu item content.
+     */
+    children: React.ReactNode;
+};
+declare type DropdownMenuItemComponent = React.ReactElement<DropdownMenuItemProps>;
+export declare type DropdownMenuSectionProps = {
+    title?: string;
+    children: DropdownMenuItemComponent | DropdownMenuItemComponent[];
+};
+declare type DropdownMenuSectionComponent = React.ReactElement<DropdownMenuSectionProps>;
+declare type DropdownMenuChildComponent = DropdownMenuItemComponent | DropdownMenuSectionComponent;
+declare type DropdownMenuItemsProps = {
+    children: DropdownMenuChildComponent | DropdownMenuChildComponent[];
+};
+declare type DropdownMenuItemsComponent = React.ReactElement<DropdownMenuItemsProps>;
+declare type DropdownMenuChildren = [DropdownMenuTriggerComponent, DropdownMenuItemsComponent];
+export declare type DropdownMenuProps = {
+    /**
+     * Callback function that will be called when an item is selected.
+     */
+    onAction?: (action: string | number) => void;
+    /**
+     * Selection mode for menu items.
+     * @default 'none'
+     */
+    selectionMode?: SelectionMode;
+    /**
+     * Collection of currently selected items.
+     * @default []
+     */
+    selection?: Iterable<React.Key>;
+    /**
+     * Handler that is called when menu item selections are updated.
+     */
+    onSelectionChange?: (keys: Selection) => void;
+    /**
+     * Whether the menu is open by default (controlled).
+     */
+    isOpen?: boolean;
+    /**
+     * Whether the menu is open by default (uncontrolled).
+     */
+    defaultOpen?: boolean;
+    /**
+     * Handler that is called when the menu's open state changes.
+     */
+    onOpenChange?: (isOpen: boolean) => void;
+    /**
+     * Dropdown menu placement.
+     * @default 'bottom-left'
+     */
+    placement?: PopoverPlacement;
+    /**
+     * Min width for menu.
+     */
+    minWidth?: number;
+    /**
+     * Max width for menu.
+     */
+    maxWidth?: number;
+    /**
+     * Dropdown menu items.
+     */
+    children: DropdownMenuChildren;
+};
+export declare const DropdownMenu: React.FC<DropdownMenuProps> & {
+    Trigger: React.FC<DropdownMenuTriggerProps>;
+    Items: React.FC<DropdownMenuItemsProps>;
+    Item: React.FC<DropdownMenuItemProps>;
+    Section: React.FC<DropdownMenuSectionProps>;
+};
+export {};

package/dist/src/components/DropdownMenu/DropdownMenu.js

@@ -0,0 +1,131 @@
+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 { Item, Section } from '@react-stately/collections';
+import { useTreeState } from '@react-stately/tree';
+import { useMenuTriggerState } from '@react-stately/menu';
+import { useOverlayPosition } from '@react-aria/overlays';
+import { useMenuTrigger, useMenu, useMenuItem, useMenuSection } from '@react-aria/menu';
+import { useSeparator } from '@react-aria/separator';
+import { usePress, PressResponder } from '@react-aria/interactions';
+import { mergeProps } from '@react-aria/utils';
+import { PopoverWrapper } from '../../../src/components/Popover/PopoverWrapper';
+import { DropdownMenu as Base } from '../../../src/common/DropdownMenu/DropdownMenu';
+import { isComponentType } from '../../../types/utils';
+export const DropdownMenu = (_a) => {
+    var { onAction, selectionMode, selection, onSelectionChange, placement = 'bottom-left', children, minWidth, maxWidth } = _a, props = __rest(_a, ["onAction", "selectionMode", "selection", "onSelectionChange", "placement", "children", "minWidth", "maxWidth"]);
+    const triggerRef = React.useRef(null);
+    const overlayRef = React.useRef(null);
+    const [trigger, items] = extractTriggerAndItems(children);
+    const state = useMenuTriggerState(props);
+    const { menuTriggerProps, menuProps } = useMenuTrigger({}, state, triggerRef);
+    const { overlayProps } = useOverlayPosition({
+        targetRef: triggerRef,
+        overlayRef,
+        placement: placement.replace('-', ' '),
+        shouldFlip: true,
+        isOpen: state.isOpen,
+    });
+    return (React.createElement("div", null,
+        React.createElement(PressResponder, Object.assign({ ref: triggerRef, onPress: () => state.toggle() }, menuTriggerProps),
+            React.createElement(TriggerWrapper, null, trigger.props.children)),
+        React.createElement(PopoverWrapper, Object.assign({ ref: overlayRef, isDismissable: true, autoFocus: true, containFocus: true, isOpen: state.isOpen, onClose: state.close }, overlayProps),
+            React.createElement(MenuWrapper, Object.assign({ onAction: onAction, selectionMode: selectionMode, selection: selection, onSelectionChange: onSelectionChange, minWidth: minWidth, maxWidth: maxWidth }, menuProps), items.props.children))));
+};
+const MenuTrigger = () => null;
+const MenuItems = () => null;
+DropdownMenu.Trigger = MenuTrigger;
+DropdownMenu.Items = MenuItems;
+DropdownMenu.Item = Item;
+DropdownMenu.Section = Section;
+const TriggerWrapper = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    const ref = React.useRef(null);
+    const { pressProps } = usePress(Object.assign(Object.assign({}, props), { ref }));
+    // Find the actual child component from the trigger
+    const trigger = React.Children.only(children);
+    // Make sure that we found the actual trigger element
+    if (!trigger || !React.isValidElement(trigger)) {
+        throw new Error('<DropdownMenu.Trigger> must have valid child');
+    }
+    return React.cloneElement(trigger, Object.assign({ ref }, mergeProps(pressProps, props)));
+};
+const isSectionNode = (item) => item.type === 'section';
+const isItemNode = (item) => item.type === 'item';
+const MenuWrapper = (_a) => {
+    var { selection: selectedKeys, minWidth, maxWidth } = _a, props = __rest(_a, ["selection", "minWidth", "maxWidth"]);
+    const ref = React.useRef(null);
+    const disabledKeys = getDisabledItemKeys(props.children);
+    const state = useTreeState(Object.assign({ disabledKeys,
+        selectedKeys }, props));
+    const { menuProps } = useMenu(props, state, ref);
+    return (React.createElement(Base, Object.assign({ ref: ref }, menuProps, { minWidth: minWidth !== undefined ? `${minWidth}px` : undefined, maxWidth: maxWidth !== undefined ? `${maxWidth}px` : undefined }), Array.from(state.collection).map((item) => {
+        // For some reason the inverse of this typeguard is not working hence the specfic check.
+        if (isSectionNode(item)) {
+            return React.createElement(SectionWrapper, { key: item.key, section: item, state: state });
+        }
+        else if (isItemNode(item)) {
+            return React.createElement(ItemWrapper, { key: item.key, item: item, state: state });
+        }
+    })));
+};
+const ItemWrapper = ({ item, state }) => {
+    const ref = React.useRef(null);
+    const { menuItemProps, descriptionProps, isSelected, isFocused, isDisabled } = useMenuItem({ key: item.key }, state, ref);
+    const { icon, description, kind = 'default' } = item.props; // Typed as any in "Node" type for some reason.
+    return (React.createElement(Base.Item, Object.assign({ ref: ref }, menuItemProps, { kind: kind, selected: isSelected, highlighted: isFocused, disabled: isDisabled, icon: icon }),
+        item.rendered,
+        description && (React.createElement(Base.Description, Object.assign({ disabled: isDisabled }, descriptionProps), description))));
+};
+const SectionWrapper = ({ section, state }) => {
+    const { itemProps, headingProps, groupProps } = useMenuSection({
+        'heading': section.rendered,
+        'aria-label': section['aria-label'],
+    });
+    const { separatorProps } = useSeparator({
+        elementType: 'li',
+    });
+    return (React.createElement(React.Fragment, null,
+        section.key !== state.collection.getFirstKey() && React.createElement(Base.Separator, Object.assign({}, separatorProps)),
+        React.createElement(Base.Group, Object.assign({ title: section.rendered, titleProps: headingProps }, itemProps),
+            React.createElement("ul", Object.assign({}, groupProps), Array.from(section.childNodes).map((node) => (React.createElement(ItemWrapper, { key: node.key, item: node, state: state })))))));
+};
+/**
+ * Separate trigger and menu items elements from children.
+ */
+const extractTriggerAndItems = (children) => {
+    const [trigger, items] = React.Children.toArray(children);
+    if (!isComponentType(trigger, MenuTrigger) || !isComponentType(items, MenuItems)) {
+        throw new Error('<DropdownMenu> must have <DropdownMenu.Trigger> and <DropdownMenu.Items> defined');
+    }
+    return [trigger, items];
+};
+/**
+ * Collect keys from all child elements that have `disabled={true}` prop set.
+ */
+const getDisabledItemKeys = (children) => {
+    const keys = React.Children.map(children, (child) => {
+        var _a, _b;
+        if (!child || typeof child === 'function') {
+            return null;
+        }
+        if (isComponentType(child, Item) && child.props.disabled) {
+            return (_b = (_a = child.key) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : null;
+        }
+        if (isComponentType(child, Section)) {
+            return getDisabledItemKeys(child.props.children);
+        }
+        return null;
+    });
+    return keys.flat().filter((key) => key !== null);
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRHJvcGRvd25NZW51L0Ryb3Bkb3duTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsWUFBWSxFQUFhLE1BQU0scUJBQXFCLENBQUM7QUFDOUQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFXMUQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3hGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsUUFBUSxFQUFFLGNBQWMsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDdkUsT0FBTyxFQUFFLFlBQVksSUFBSSxJQUFJLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUM1RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBMkg5QyxNQUFNLENBQUMsTUFBTSxZQUFZLEdBS3JCLENBQUMsRUFVSixFQUFFLEVBQUU7UUFWQSxFQUNILFFBQVEsRUFDUixhQUFhLEVBQ2IsU0FBUyxFQUNULGlCQUFpQixFQUNqQixTQUFTLEdBQUcsYUFBYSxFQUN6QixRQUFRLEVBQ1IsUUFBUSxFQUNSLFFBQVEsT0FFVCxFQURJLEtBQUssY0FUTCxnSEFV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

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

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare type PropsOf<C extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<unknown>> = JSX.LibraryManagedAttributes<C, React.ComponentPropsWithoutRef<C>>;
+declare type ExtendableProps<ExtendedProps = unknown, OverrideProps = unknown> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
+declare type InheritableElementProps<C extends React.ElementType, Props = unknown> = ExtendableProps<PropsOf<C>, Props>;
+declare type PolymorphicComponentProps<C extends React.ElementType, Props = unknown> = InheritableElementProps<C, Props & {
+    component?: C;
+}>;
+export declare type ElementProps<C extends React.ElementType = 'div'> = PolymorphicComponentProps<C>;
+export declare const Element: <C extends React.ElementType<any>>({ component, ...rest }: ElementProps<C>) => JSX.Element;
+export {};

package/dist/src/components/Element/Element.js

@@ -0,0 +1,18 @@
+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';
+export const Element = (_a) => {
+    var { component } = _a, rest = __rest(_a, ["component"]);
+    const Component = component || 'div';
+    return React.createElement(Component, rest);
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRWxlbWVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0VsZW1lbnQvRWxlbWVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFlMUIsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLENBQThCLEVBQXVDLEVBQWUsRUFBRTtRQUF4RCxFQUFFLFNBQVMsT0FBNEIsRUFBdkIsSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQ3ZFLE1BQU0sU0FBUyxHQUFHLFNBQVMsSUFBSSxLQUFLLENBQUM7SUFDckMsT0FBTyxLQUFLLENBQUMsYUFBYSxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsQ0FBQztBQUM5QyxDQUFDLENBQUMifQ==