@aivenio/aquarium 1.1.0 → 1.2.1

package/dist/src/components/Template/Template.js

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

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

@@ -7,6 +7,7 @@ export * from './Box/Box';
 export * from './Breadcrumbs/Breadcrumbs';
 export * from './Button/Button';
 export * from './Card/Card';
+export * from './Carousel/Carousel';
 export * from './Checkbox/Checkbox';
 export * from './CheckboxGroup/CheckboxGroup';
 export * from './Chip/Chip';
@@ -14,6 +15,7 @@ export * from './ChoiceChip/ChoiceChip';
 export * from './Combobox/Combobox';
 export * from './Context/Context';
 export * from './ControlLabel/ControlLabel';
+export * from './DataList/DataList';
 export * from './DataTable/DataTable';
 export * from './Dialog/Dialog';
 export * from './Divider/Divider';
@@ -57,7 +59,10 @@ export * from './Textarea/Textarea';
 export * from './Timeline/Timeline';
 export * from './Tooltip/Tooltip';
 export * from './Typography/Typography';
-export * from '../common/Table/Table.utils';
+export * from '../utils/table/types';
+export * from '../utils/table/useTableSelect';
+export * from '../utils/table/useScrollTarget';
+export * from '../utils/table/useTableSort';
 export * from './Pagination/usePagination';
 export declare const SelectItem: import("react").ForwardRefExoticComponent<{
     key: string;

package/dist/src/components/index.js

@@ -8,6 +8,7 @@ export * from './Box/Box';
 export * from './Breadcrumbs/Breadcrumbs';
 export * from './Button/Button';
 export * from './Card/Card';
+export * from './Carousel/Carousel';
 export * from './Checkbox/Checkbox';
 export * from './CheckboxGroup/CheckboxGroup';
 export * from './Chip/Chip';
@@ -15,6 +16,7 @@ export * from './ChoiceChip/ChoiceChip';
 export * from './Combobox/Combobox';
 export * from './Context/Context';
 export * from './ControlLabel/ControlLabel';
+export * from './DataList/DataList';
 export * from './DataTable/DataTable';
 export * from './Dialog/Dialog';
 export * from './Divider/Divider';
@@ -59,7 +61,10 @@ export * from './Timeline/Timeline';
 export * from './Tooltip/Tooltip';
 export * from './Typography/Typography';
 // Exported atoms and utility functions
-export * from '../common/Table/Table.utils';
+export * from '../utils/table/types';
+export * from '../utils/table/useTableSelect';
+export * from '../utils/table/useScrollTarget';
+export * from '../utils/table/useTableSort';
 export * from './Pagination/usePagination';
 export const SelectItem = Select.Item;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFakQsc0RBQXNEO0FBQ3RELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsV0FBVyxDQUFDO0FBQzFCLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUM3RCxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMseUJBQXlCLENBQUM7QUFFeEMsdUNBQXVDO0FBQ3ZDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyw0QkFBNEIsQ0FBQztBQUUzQyxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFakQsc0RBQXNEO0FBQ3RELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsV0FBVyxDQUFDO0FBQzFCLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDN0QsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHlCQUF5QixDQUFDO0FBRXhDLHVDQUF1QztBQUN2QyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsNEJBQTRCLENBQUM7QUFFM0MsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMifQ==

package/dist/src/utils/Blueprint.d.ts

@@ -1,2 +1,7 @@
 import React from 'react';
-export declare const Blueprint: React.FC;
+declare type BlueprintProps = {
+    width?: React.CSSProperties['width'];
+    height?: React.CSSProperties['height'];
+};
+export declare const Blueprint: React.FC<BlueprintProps>;
+export {};

package/dist/src/utils/Blueprint.js

@@ -1,5 +1,5 @@
 import React, { useState, useLayoutEffect } from 'react';
-export const Blueprint = () => {
+export const Blueprint = (props) => {
     const [width, setWidth] = useState();
     const [height, setHeight] = useState();
     const ref = React.useRef(null);
@@ -15,6 +15,8 @@ export const Blueprint = () => {
     }, []);
     return (React.createElement("div", { ref: ref, style: {
             color: 'white',
+            width: props.width,
+            height: props.height,
             padding: 16,
             textAlign: 'center',
             backgroundColor: 'rgb(3, 153, 227)',
@@ -26,4 +28,4 @@ export const Blueprint = () => {
         " x ",
         height));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmx1ZXByaW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3V0aWxzL0JsdWVwcmludC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsZUFBZSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBRXpELE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBYSxHQUFHLEVBQUU7SUFDdEMsTUFBTSxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsR0FBRyxRQUFRLEVBQXNCLENBQUM7SUFDekQsTUFBTSxDQUFDLE1BQU0sRUFBRSxTQUFTLENBQUMsR0FBRyxRQUFRLEVBQXNCLENBQUM7SUFDM0QsTUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFFL0MsZUFBZSxDQUFDLEdBQUcsRUFBRTtRQUNuQixNQUFNLFVBQVUsR0FBRyxHQUFHLEVBQUU7O1lBQ3RCLFNBQVMsQ0FBQyxNQUFBLEdBQUcsQ0FBQyxPQUFPLDBDQUFFLFlBQVksQ0FBQyxDQUFDO1lBQ3JDLFFBQVEsQ0FBQyxNQUFBLEdBQUcsQ0FBQyxPQUFPLDBDQUFFLFdBQVcsQ0FBQyxDQUFDO1FBQ3JDLENBQUMsQ0FBQztRQUNGLFVBQVUsRUFBRSxDQUFDO1FBQ2IsTUFBTSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsRUFBRSxVQUFVLENBQUMsQ0FBQztRQUM5QyxPQUFPLEdBQUcsRUFBRSxDQUFDLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxRQUFRLEVBQUUsVUFBVSxDQUFDLENBQUM7SUFDaEUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRVAsT0FBTyxDQUNMLDZCQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsS0FBSyxFQUFFO1lBQ0wsS0FBSyxFQUFFLE9BQU87WUFDZCxPQUFPLEVBQUUsRUFBRTtZQUNYLFNBQVMsRUFBRSxRQUFRO1lBQ25CLGVBQWUsRUFBRSxrQkFBa0I7WUFDbkMsZUFBZSxFQUNiLGlRQUFpUTtZQUNuUSxjQUFjLEVBQUUsZ0RBQWdEO1lBQ2hFLGtCQUFrQixFQUFFLDRDQUE0QztTQUNqRTtRQUVBLEtBQUs7O1FBQUssTUFBTSxDQUNiLENBQ1AsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmx1ZXByaW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3V0aWxzL0JsdWVwcmludC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsZUFBZSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBT3pELE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBNkIsQ0FBQyxLQUFLLEVBQUUsRUFBRTtJQUMzRCxNQUFNLENBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxHQUFHLFFBQVEsRUFBc0IsQ0FBQztJQUN6RCxNQUFNLENBQUMsTUFBTSxFQUFFLFNBQVMsQ0FBQyxHQUFHLFFBQVEsRUFBc0IsQ0FBQztJQUMzRCxNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUUvQyxlQUFlLENBQUMsR0FBRyxFQUFFO1FBQ25CLE1BQU0sVUFBVSxHQUFHLEdBQUcsRUFBRTs7WUFDdEIsU0FBUyxDQUFDLE1BQUEsR0FBRyxDQUFDLE9BQU8sMENBQUUsWUFBWSxDQUFDLENBQUM7WUFDckMsUUFBUSxDQUFDLE1BQUEsR0FBRyxDQUFDLE9BQU8sMENBQUUsV0FBVyxDQUFDLENBQUM7UUFDckMsQ0FBQyxDQUFDO1FBQ0YsVUFBVSxFQUFFLENBQUM7UUFDYixNQUFNLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxFQUFFLFVBQVUsQ0FBQyxDQUFDO1FBQzlDLE9BQU8sR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLG1CQUFtQixDQUFDLFFBQVEsRUFBRSxVQUFVLENBQUMsQ0FBQztJQUNoRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxPQUFPLENBQ0wsNkJBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixLQUFLLEVBQUU7WUFDTCxLQUFLLEVBQUUsT0FBTztZQUNkLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSztZQUNsQixNQUFNLEVBQUUsS0FBSyxDQUFDLE1BQU07WUFDcEIsT0FBTyxFQUFFLEVBQUU7WUFDWCxTQUFTLEVBQUUsUUFBUTtZQUNuQixlQUFlLEVBQUUsa0JBQWtCO1lBQ25DLGVBQWUsRUFDYixpUUFBaVE7WUFDblEsY0FBYyxFQUFFLGdEQUFnRDtZQUNoRSxrQkFBa0IsRUFBRSw0Q0FBNEM7U0FDakU7UUFFQSxLQUFLOztRQUFLLE1BQU0sQ0FDYixDQUNQLENBQUM7QUFDSixDQUFDLENBQUMifQ==

package/dist/src/utils/table/types.d.ts

@@ -0,0 +1,129 @@
+import React, { AriaAttributes } from 'react';
+import { ChipStatus } from '../../../src/components/Chip/Chip';
+import { ActionType } from '../../../types/ActionType';
+import { RequireAtLeastOne } from '../../../types/utils';
+import { Weight } from '../../../src/components/Template/Template';
+export declare type TextAlign = 'left' | 'center' | 'right';
+export declare type SortDirection = AriaAttributes['aria-sort'];
+export declare type Column = {
+    /**
+     * Type of the column.
+     */
+    type: 'text' | 'number' | 'action' | 'custom' | 'status' | 'item';
+    /**
+     * Display name for the column.
+     */
+    headerName: string;
+};
+declare type Formatter<R, K extends keyof R, V = R[K]> = (value: V, row: R, index: number, rows: R[]) => string;
+export declare type FieldColumn<T, K extends keyof T = keyof T> = K extends keyof T ? {
+    /**
+     * Name of the property field that this column represents in the data rows.
+     */
+    field: K;
+    /**
+     * When true, user will be able to sort data rows by clicking this column header.
+     */
+    sortable?: boolean;
+    /**
+     * Formatter function. Use for example for formatting dates or capitalizing words.
+     * Sorting will still be based on the unformatted value.
+     */
+    formatter?: Formatter<T, K>;
+} : never;
+export declare type TextColumn<R> = FieldColumn<R> & {
+    /**
+     * Type of the column.
+     */
+    type: 'text';
+};
+export declare type NumberColumn<R> = FieldColumn<R> & {
+    /**
+     * Type of the column.
+     */
+    type: 'number';
+};
+export declare type ActionColumn<R> = {
+    /**
+     * Type of the column.
+     */
+    type: 'action';
+    /**
+     * Callback function that resolves to Button props.
+     */
+    action: (row: R, index: number, rows: R[]) => ActionType;
+};
+export declare type CustomColumn<R> = {
+    /**
+     * Type of the column.
+     */
+    type: 'custom';
+    /**
+     * Unsafe render method. Consider consulting the designer instead of using this.
+     * Using render callback will also disallow sorting on that column.
+     */
+    UNSAFE_render: (row: R, index: number, rows: R[]) => React.ReactNode;
+};
+export declare type TableItem = RequireAtLeastOne<{
+    title: React.ReactNode;
+    caption?: React.ReactNode;
+    image?: string;
+    imageAlt?: string;
+    imageSize?: number;
+}, 'caption' | 'image'>;
+declare type ItemColumn<T> = Column & {
+    /**
+     * Type of the column.
+     */
+    type: 'item';
+    /**
+     * Callback function that resolves to TableItem props
+     */
+    item: (row: T, index: number, rows: T[]) => TableItem;
+};
+declare type StatusColumn<R> = {
+    /**
+     * Type of the column.
+     */
+    type: 'status';
+    /**
+     * Callback function that resolves to StatusChip props
+     */
+    status: (row: R, index: number, rows: R[]) => {
+        status: ChipStatus;
+        text: string | number;
+    };
+};
+declare type ListColumn = Column & {
+    /**
+     * Width of the column. Number for pixels and string for percentages
+     */
+    width?: number | Weight;
+};
+declare type TableColumn = Column & {
+    /**
+     * Width of the column. Number for pixels and string for percentages
+     */
+    width?: number | `${number}%`;
+};
+export declare type DataListColumn<R extends DataTableRow> = DataColumn<R, ListColumn>;
+export declare type DataTableColumn<R extends DataTableRow> = DataColumn<R, TableColumn>;
+declare type DataColumn<R extends DataTableRow, C extends Column> = C & (TextColumn<R> | CustomColumn<R> | StatusColumn<R> | NumberColumn<R> | ActionColumn<R> | ItemColumn<R>);
+export declare type DataTableRow = Record<string, any> & {
+    /**
+     * Assigned ID for each data row.
+     * Used as a key. Use something unqiue derived from the data, not index.
+     */
+    id: string | number;
+};
+export declare type Sort<R extends DataTableRow> = {
+    key: keyof R;
+    direction: SortDirection;
+};
+export declare const toSortDirection: (direction: SortDirection | undefined) => 'asc' | 'desc' | false;
+declare type CellProps = {
+    key: string;
+    align: TextAlign;
+};
+export declare const cellProps: <C extends Column>(column: C) => CellProps;
+export {};

package/dist/src/utils/table/types.js

@@ -0,0 +1,6 @@
+export const toSortDirection = (direction) => direction === 'ascending' ? 'asc' : direction === 'descending' ? 'desc' : false;
+export const cellProps = (column) => ({
+    key: column.headerName,
+    align: column.type === 'number' || column.type === 'action' ? 'right' : 'left',
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdXRpbHMvdGFibGUvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNklBLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxDQUFDLFNBQW9DLEVBQTBCLEVBQUUsQ0FDOUYsU0FBUyxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLEtBQUssWUFBWSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztBQU9sRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsQ0FBbUIsTUFBUyxFQUFhLEVBQUUsQ0FBQyxDQUFDO0lBQ3BFLEdBQUcsRUFBRSxNQUFNLENBQUMsVUFBVTtJQUN0QixLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksS0FBSyxRQUFRLElBQUksTUFBTSxDQUFDLElBQUksS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsTUFBTTtDQUMvRSxDQUFDLENBQUMifQ==

package/dist/src/utils/table/useScrollTarget.d.ts

@@ -0,0 +1,2 @@
+import React, { RefObject } from 'react';
+export declare const useScrollTarget: <T extends HTMLElement>(callback?: () => void) => React.RefObject<T>;

package/dist/src/utils/table/useScrollTarget.js

@@ -0,0 +1,16 @@
+import React from 'react';
+export const useScrollTarget = (callback) => {
+    const targetRef = React.useRef(null);
+    React.useLayoutEffect(() => {
+        const observer = new IntersectionObserver((entries) => entries[0].isIntersecting && callback && callback(), {
+            root: null,
+            rootMargin: `0px 0px 200px 0px`,
+        });
+        if (targetRef.current) {
+            observer.observe(targetRef.current);
+        }
+        return () => observer.disconnect();
+    }, []);
+    return targetRef;
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlU2Nyb2xsVGFyZ2V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3V0aWxzL3RhYmxlL3VzZVNjcm9sbFRhcmdldC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQW9CLE1BQU0sT0FBTyxDQUFDO0FBRXpDLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxDQUF3QixRQUFxQixFQUFnQixFQUFFO0lBQzVGLE1BQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUksSUFBSSxDQUFDLENBQUM7SUFFeEMsS0FBSyxDQUFDLGVBQWUsQ0FBQyxHQUFHLEVBQUU7UUFDekIsTUFBTSxRQUFRLEdBQUcsSUFBSSxvQkFBb0IsQ0FBQyxDQUFDLE9BQU8sRUFBRSxFQUFFLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLGNBQWMsSUFBSSxRQUFRLElBQUksUUFBUSxFQUFFLEVBQUU7WUFDMUcsSUFBSSxFQUFFLElBQUk7WUFDVixVQUFVLEVBQUUsbUJBQW1CO1NBQ2hDLENBQUMsQ0FBQztRQUNILElBQUksU0FBUyxDQUFDLE9BQU8sRUFBRTtZQUNyQixRQUFRLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsQ0FBQztTQUNyQztRQUNELE9BQU8sR0FBRyxFQUFFLENBQUMsUUFBUSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3JDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLE9BQU8sU0FBUyxDQUFDO0FBQ25CLENBQUMsQ0FBQyJ9

package/dist/src/{common/Table/Table.utils.d.ts → utils/table/useTableSelect.d.ts}

@@ -1,5 +1,3 @@
-import React, { RefObject, AriaAttributes } from 'react';
-export declare type SortDirection = AriaAttributes['aria-sort'];
 declare type AnyObject = {
     [key: string]: any;
 };
@@ -15,5 +13,4 @@ declare type TableSelectControls = {
     selectOnlyOne: (dot: AnyObject) => void;
 };
 export declare const useTableSelect: (data: AnyObject[], { key }: TableSelectOptions) => TableSelectControls;
-export declare const useScrollTarget: <T extends HTMLElement>(callback?: () => void) => React.RefObject<T>;
 export {};

package/dist/src/utils/table/useTableSelect.js

@@ -0,0 +1,27 @@
+import React from 'react';
+export const useTableSelect = (data, { key }) => {
+    const [selected, setSelected] = React.useState([]);
+    const allSelected = selected.length === data.length;
+    const isSelected = (dot) => selected.includes(dot[key]);
+    const selectAll = () => setSelected(data.map((dot) => dot[key]));
+    const selectOnlyOne = (dot) => setSelected([dot[key]]);
+    const unselectAll = () => setSelected([]);
+    const toggle = (dot) => {
+        if (isSelected(dot)) {
+            setSelected((current) => current.filter((selectedDot) => selectedDot !== dot[key]));
+        }
+        else {
+            setSelected((current) => [...current, dot[key]]);
+        }
+    };
+    const toggleAll = () => (allSelected ? unselectAll() : selectAll());
+    return {
+        selected,
+        allSelected,
+        toggle,
+        toggleAll,
+        isSelected,
+        selectOnlyOne,
+    };
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGFibGVTZWxlY3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdXRpbHMvdGFibGUvdXNlVGFibGVTZWxlY3QudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBaUIxQixNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsQ0FBQyxJQUFpQixFQUFFLEVBQUUsR0FBRyxFQUFzQixFQUF1QixFQUFFO0lBQ3BHLE1BQU0sQ0FBQyxRQUFRLEVBQUUsV0FBVyxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBVyxFQUFFLENBQUMsQ0FBQztJQUM3RCxNQUFNLFdBQVcsR0FBRyxRQUFRLENBQUMsTUFBTSxLQUFLLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDcEQsTUFBTSxVQUFVLEdBQUcsQ0FBQyxHQUFjLEVBQVcsRUFBRSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7SUFDNUUsTUFBTSxTQUFTLEdBQUcsR0FBRyxFQUFFLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDakUsTUFBTSxhQUFhLEdBQUcsQ0FBQyxHQUFjLEVBQUUsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDbEUsTUFBTSxXQUFXLEdBQUcsR0FBRyxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQzFDLE1BQU0sTUFBTSxHQUFHLENBQUMsR0FBYyxFQUFFLEVBQUU7UUFDaEMsSUFBSSxVQUFVLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDbkIsV0FBVyxDQUFDLENBQUMsT0FBTyxFQUFFLEVBQUUsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUMsV0FBVyxFQUFFLEVBQUUsQ0FBQyxXQUFXLEtBQUssR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUNyRjthQUFNO1lBQ0wsV0FBVyxDQUFDLENBQUMsT0FBTyxFQUFFLEVBQUUsQ0FBQyxDQUFDLEdBQUcsT0FBTyxFQUFFLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7U0FDbEQ7SUFDSCxDQUFDLENBQUM7SUFDRixNQUFNLFNBQVMsR0FBRyxHQUFHLEVBQUUsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFBRSxDQUFDLENBQUM7SUFFcEUsT0FBTztRQUNMLFFBQVE7UUFDUixXQUFXO1FBQ1gsTUFBTTtRQUNOLFNBQVM7UUFDVCxVQUFVO1FBQ1YsYUFBYTtLQUNkLENBQUM7QUFDSixDQUFDLENBQUMifQ==

package/dist/src/utils/table/useTableSort.d.ts

@@ -0,0 +1,2 @@
+import { DataTableRow, Sort } from '../../../src/utils/table/types';
+export declare const useTableSort: <T extends DataTableRow>() => [Sort<T> | undefined, (field: keyof T) => void];

package/dist/src/utils/table/useTableSort.js

@@ -0,0 +1,19 @@
+import React from 'react';
+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];
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGFibGVTb3J0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3V0aWxzL3RhYmxlL3VzZVRhYmxlU29ydC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRzFCLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxHQUE0RSxFQUFFO0lBQ3hHLE1BQU0sQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBVyxDQUFDO0lBQ2xELE1BQU0sZUFBZSxHQUFHLENBQUMsS0FBYyxFQUFFLEVBQUU7UUFDekMsSUFBSSxDQUFBLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxHQUFHLE1BQUssS0FBSyxFQUFFO1lBQ3ZCLElBQUksSUFBSSxDQUFDLFNBQVMsS0FBSyxXQUFXLEVBQUU7Z0JBQ2xDLE9BQU8sQ0FBQyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxDQUFDLENBQUM7YUFDbEQ7aUJBQU07Z0JBQ0wsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDO2FBQ3BCO1NBQ0Y7YUFBTTtZQUNMLE9BQU8sQ0FBQyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxDQUFDLENBQUM7U0FDakQ7SUFDSCxDQUFDLENBQUM7SUFFRixPQUFPLENBQUMsSUFBSSxFQUFFLGVBQWUsQ0FBQyxDQUFDO0FBQ2pDLENBQUMsQ0FBQyJ9

package/dist/styles.css

@@ -715,9 +715,6 @@ input[type='number'].no-arrows {
 .mt-4 {
   margin-top: 12px !important;
 }
-.ml-4 {
-  margin-left: 12px !important;
-}
 .mb-5 {
   margin-bottom: 16px !important;
 }
@@ -766,6 +763,9 @@ input[type='number'].no-arrows {
 .table {
   display: table !important;
 }
+.\!table {
+  display: table !important;
+}
 .grid {
   display: grid !important;
 }
@@ -838,6 +838,9 @@ input[type='number'].no-arrows {
 .min-h-full {
   min-height: 100% !important;
 }
+.min-h-\[50px\] {
+  min-height: 50px !important;
+}
 .w-full {
   width: 100% !important;
 }
@@ -958,6 +961,15 @@ input[type='number'].no-arrows {
 .resize {
   resize: both !important;
 }
+.snap-x {
+  scroll-snap-type: x var(--tw-scroll-snap-strictness) !important;
+}
+.snap-mandatory {
+  --tw-scroll-snap-strictness: mandatory !important;
+}
+.snap-start {
+  scroll-snap-align: start !important;
+}
 .appearance-none {
   -webkit-appearance: none !important;
      -moz-appearance: none !important;
@@ -966,6 +978,9 @@ input[type='number'].no-arrows {
 .auto-cols-fr {
   grid-auto-columns: minmax(0, 1fr) !important;
 }
+.grid-flow-col {
+  grid-auto-flow: column !important;
+}
 .grid-cols-\[auto_1fr_auto\] {
   grid-template-columns: auto 1fr auto !important;
 }
@@ -990,6 +1005,9 @@ input[type='number'].no-arrows {
 .flex-row {
   flex-direction: row !important;
 }
+.flex-row-reverse {
+  flex-direction: row-reverse !important;
+}
 .flex-col {
   flex-direction: column !important;
 }
@@ -1002,6 +1020,12 @@ input[type='number'].no-arrows {
 .items-center {
   align-items: center !important;
 }
+.items-stretch {
+  align-items: stretch !important;
+}
+.justify-start {
+  justify-content: flex-start !important;
+}
 .justify-end {
   justify-content: flex-end !important;
 }
@@ -1072,6 +1096,12 @@ input[type='number'].no-arrows {
 .overflow-x-hidden {
   overflow-x: hidden !important;
 }
+.overflow-x-scroll {
+  overflow-x: scroll !important;
+}
+.scroll-smooth {
+  scroll-behavior: smooth !important;
+}
 .whitespace-nowrap {
   white-space: nowrap !important;
 }
@@ -1277,12 +1307,12 @@ input[type='number'].no-arrows {
 .p-5 {
   padding: 16px !important;
 }
-.p-3 {
-  padding: 8px !important;
-}
 .p-6 {
   padding: 24px !important;
 }
+.p-3 {
+  padding: 8px !important;
+}
 .p-2 {
   padding: 4px !important;
 }
@@ -2013,6 +2043,18 @@ input[type='number'].no-arrows {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0) !important;
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)) !important;
 }
+.focus-visible\:ring-1.focus-visible {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0) !important;
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)) !important;
+}
+.focus-visible\:ring-1:focus-visible {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0) !important;
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)) !important;
+}
 .focus-visible\:ring-inset.focus-visible {
   --tw-ring-inset: inset !important;
 }
@@ -2035,6 +2077,14 @@ input[type='number'].no-arrows {
   --tw-ring-opacity: 1 !important;
   --tw-ring-color: rgb(120 120 133 / var(--tw-ring-opacity)) !important;
 }
+.focus-visible\:ring-info-70.focus-visible {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgb(3 153 227 / var(--tw-ring-opacity)) !important;
+}
+.focus-visible\:ring-info-70:focus-visible {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgb(3 153 227 / var(--tw-ring-opacity)) !important;
+}
 .active\:bg-primary-90:active {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(198 4 67 / var(--tw-bg-opacity)) !important;
@@ -2118,9 +2168,16 @@ input[type='number'].no-arrows {
   --tw-ring-opacity: 1 !important;
   --tw-ring-color: rgb(210 210 214 / var(--tw-ring-opacity)) !important;
 }
+.group:last-child .group-last\:border-b-0 {
+  border-bottom-width: 0px !important;
+}
 .group:hover .group-hover\:visible {
   visibility: visible !important;
 }
+.group:hover .group-hover\:bg-grey-0 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(247 247 250 / var(--tw-bg-opacity)) !important;
+}
 .group:hover .group-hover\:bg-grey-30 {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(180 180 187 / var(--tw-bg-opacity)) !important;

package/dist/styles_timescaledb.css

@@ -715,9 +715,6 @@ input[type='number'].no-arrows {
 .mt-4 {
   margin-top: 12px !important;
 }
-.ml-4 {
-  margin-left: 12px !important;
-}
 .mb-5 {
   margin-bottom: 16px !important;
 }
@@ -766,6 +763,9 @@ input[type='number'].no-arrows {
 .table {
   display: table !important;
 }
+.\!table {
+  display: table !important;
+}
 .grid {
   display: grid !important;
 }
@@ -838,6 +838,9 @@ input[type='number'].no-arrows {
 .min-h-full {
   min-height: 100% !important;
 }
+.min-h-\[50px\] {
+  min-height: 50px !important;
+}
 .w-full {
   width: 100% !important;
 }
@@ -958,6 +961,15 @@ input[type='number'].no-arrows {
 .resize {
   resize: both !important;
 }
+.snap-x {
+  scroll-snap-type: x var(--tw-scroll-snap-strictness) !important;
+}
+.snap-mandatory {
+  --tw-scroll-snap-strictness: mandatory !important;
+}
+.snap-start {
+  scroll-snap-align: start !important;
+}
 .appearance-none {
   -webkit-appearance: none !important;
      -moz-appearance: none !important;
@@ -966,6 +978,9 @@ input[type='number'].no-arrows {
 .auto-cols-fr {
   grid-auto-columns: minmax(0, 1fr) !important;
 }
+.grid-flow-col {
+  grid-auto-flow: column !important;
+}
 .grid-cols-\[auto_1fr_auto\] {
   grid-template-columns: auto 1fr auto !important;
 }
@@ -990,6 +1005,9 @@ input[type='number'].no-arrows {
 .flex-row {
   flex-direction: row !important;
 }
+.flex-row-reverse {
+  flex-direction: row-reverse !important;
+}
 .flex-col {
   flex-direction: column !important;
 }
@@ -1002,6 +1020,12 @@ input[type='number'].no-arrows {
 .items-center {
   align-items: center !important;
 }
+.items-stretch {
+  align-items: stretch !important;
+}
+.justify-start {
+  justify-content: flex-start !important;
+}
 .justify-end {
   justify-content: flex-end !important;
 }
@@ -1072,6 +1096,12 @@ input[type='number'].no-arrows {
 .overflow-x-hidden {
   overflow-x: hidden !important;
 }
+.overflow-x-scroll {
+  overflow-x: scroll !important;
+}
+.scroll-smooth {
+  scroll-behavior: smooth !important;
+}
 .whitespace-nowrap {
   white-space: nowrap !important;
 }
@@ -1277,12 +1307,12 @@ input[type='number'].no-arrows {
 .p-5 {
   padding: 16px !important;
 }
-.p-3 {
-  padding: 8px !important;
-}
 .p-6 {
   padding: 24px !important;
 }
+.p-3 {
+  padding: 8px !important;
+}
 .p-2 {
   padding: 4px !important;
 }
@@ -2013,6 +2043,18 @@ input[type='number'].no-arrows {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0) !important;
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)) !important;
 }
+.focus-visible\:ring-1.focus-visible {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0) !important;
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)) !important;
+}
+.focus-visible\:ring-1:focus-visible {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0) !important;
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)) !important;
+}
 .focus-visible\:ring-inset.focus-visible {
   --tw-ring-inset: inset !important;
 }
@@ -2035,6 +2077,14 @@ input[type='number'].no-arrows {
   --tw-ring-opacity: 1 !important;
   --tw-ring-color: rgb(120 120 133 / var(--tw-ring-opacity)) !important;
 }
+.focus-visible\:ring-info-70.focus-visible {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgb(3 153 227 / var(--tw-ring-opacity)) !important;
+}
+.focus-visible\:ring-info-70:focus-visible {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgb(3 153 227 / var(--tw-ring-opacity)) !important;
+}
 .active\:bg-primary-90:active {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(1 116 186 / var(--tw-bg-opacity)) !important;
@@ -2118,9 +2168,16 @@ input[type='number'].no-arrows {
   --tw-ring-opacity: 1 !important;
   --tw-ring-color: rgb(210 210 214 / var(--tw-ring-opacity)) !important;
 }
+.group:last-child .group-last\:border-b-0 {
+  border-bottom-width: 0px !important;
+}
 .group:hover .group-hover\:visible {
   visibility: visible !important;
 }
+.group:hover .group-hover\:bg-grey-0 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(247 247 250 / var(--tw-bg-opacity)) !important;
+}
 .group:hover .group-hover\:bg-grey-30 {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(180 180 187 / var(--tw-bg-opacity)) !important;