@aivenio/aquarium 1.18.0-rc3 → 1.19.0

package/dist/src/molecules/Toast/Toast.js

@@ -0,0 +1,105 @@
+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, { createContext, useContext, useEffect, useReducer } from 'react';
+import groupBy from 'lodash/groupBy';
+import { Button } from '../../../src/molecules/Button/Button';
+import { Spacing } from '../../../src/molecules/Spacing/Spacing';
+import { Transition } from '../../../src/molecules/Transition/Transition';
+import { Toast } from '../../../src/atoms/Toast/Toast';
+import { cross } from '../../../src/icons';
+import { Timer } from './Timer';
+import { ActionTypes, } from './types';
+const ToastContext = createContext(null);
+const useToastContext = () => {
+    const context = useContext(ToastContext);
+    if (context === null) {
+        throw new Error('ToastContext was used outside of provider.');
+    }
+    return context;
+};
+export const useToast = () => {
+    const [_, dispatch] = useToastContext();
+    return (toast) => {
+        dispatch({ type: ActionTypes.Toast, toast });
+    };
+};
+const toToast = (_a) => {
+    var { id, variant, position, duration } = _a, toast = __rest(_a, ["id", "variant", "position", "duration"]);
+    return (Object.assign(Object.assign({}, toast), { id: id || crypto.randomUUID(), variant: variant || 'default', position: position || 'top', duration: duration || (variant === 'danger' ? Infinity : 5000) }));
+};
+const reducer = (state, action) => {
+    switch (action.type) {
+        case ActionTypes.Toast:
+            return Object.assign(Object.assign({}, state), { toasts: [...state.toasts, toToast(action.toast)] });
+        case ActionTypes.Dismiss:
+            return Object.assign(Object.assign({}, state), { toasts: state.toasts.filter((toast) => toast.id !== action.toastId) });
+        default:
+            throw new Error('Unsupported action type.');
+    }
+};
+export const ToastProvider = ({ children }) => {
+    const [state, dispatch] = useReducer(reducer, { toasts: [] });
+    return (React.createElement(ToastContext.Provider, { value: [state, dispatch] },
+        children,
+        React.createElement(ToastConsumer, null)));
+};
+const isCentered = (position) => position === 'top' || position === 'bottom';
+const PADDING = 20;
+const ToastComponent = ({ toast, onDismiss }) => {
+    const { id, message, variant, duration } = toast;
+    useEffect(() => {
+        let timer;
+        if (duration !== Infinity) {
+            timer = setTimeout(() => {
+                onDismiss(id);
+            }, duration);
+        }
+        return () => {
+            if (timer) {
+                clearTimeout(timer);
+            }
+        };
+    }, [duration]);
+    const content = (React.createElement(Toast, { variant: variant },
+        message,
+        React.createElement(Toast.Dismiss, { variant: variant },
+            React.createElement(Button.Icon, { icon: cross, "aria-label": "dismiss", onClick: () => onDismiss(id), dense: true }))));
+    return duration === Infinity ? content : React.createElement(Timer, { duration: duration }, content);
+};
+const ToastConsumer = () => {
+    const [state, dispatch] = useToastContext();
+    const toastsByPosition = groupBy(state.toasts, 'position');
+    const positions = Object.keys(toastsByPosition);
+    const onDismiss = (toastId) => {
+        dispatch({ type: ActionTypes.Dismiss, toastId });
+    };
+    return (React.createElement("div", null, positions.map((position) => {
+        var _a;
+        return (React.createElement(Spacing, { gap: "3", key: position, style: {
+                alignItems: position.includes('left')
+                    ? 'flex-start'
+                    : position.includes('right')
+                        ? 'flex-end'
+                        : undefined,
+                position: 'fixed',
+                maxWidth: '45%',
+                bottom: position.includes('bottom') ? PADDING : undefined,
+                top: position.includes('top') ? PADDING : undefined,
+                right: position.includes('right') ? PADDING : undefined,
+                left: isCentered(position) ? '50%' : position.includes('left') ? PADDING : undefined,
+                transform: isCentered(position) ? 'translateX(-50%)' : undefined,
+                zIndex: 9000,
+            } },
+            React.createElement(Transition, null, (_a = toastsByPosition[position]) === null || _a === void 0 ? void 0 : _a.map((toast) => (React.createElement(ToastComponent, { key: toast.id, toast: toast, onDismiss: onDismiss }))))));
+    })));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9hc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1RvYXN0L1RvYXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQWlCLGFBQWEsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUMvRixPQUFPLE9BQU8sTUFBTSxnQkFBZ0IsQ0FBQztBQUVyQyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFOUMsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUVsQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sU0FBUyxDQUFDO0FBQ2hDLE9BQU8sRUFPTCxXQUFXLEdBQ1osTUFBTSxTQUFTLENBQUM7QUFFakIsTUFBTSxZQUFZLEdBQUcsYUFBYSxDQUFvQyxJQUFJLENBQUMsQ0FBQztBQUU1RSxNQUFNLGVBQWUsR0FBRyxHQUFHLEVBQUU7SUFDM0IsTUFBTSxPQUFPLEdBQUcsVUFBVSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQ3pDLElBQUksT0FBTyxLQUFLLElBQUksRUFBRTtRQUNwQixNQUFNLElBQUksS0FBSyxDQUFDLDRDQUE0QyxDQUFDLENBQUM7S0FDL0Q7SUFDRCxPQUFPLE9BQU8sQ0FBQztBQUNqQixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsR0FBRyxFQUFFO0lBQzNCLE1BQU0sQ0FBQyxDQUFDLEVBQUUsUUFBUSxDQUFDLEdBQUcsZUFBZSxFQUFFLENBQUM7SUFDeEMsT0FBTyxDQUFDLEtB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

package/dist/src/molecules/Toast/Toast.spec.js

@@ -0,0 +1,42 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { Button, ToastProvider, useToast } from '../../../src/system';
+describe('<Toast />', () => {
+    let user;
+    beforeEach(() => {
+        user = userEvent.setup();
+        render(React.createElement(ToastProvider, null,
+            React.createElement(Component, null)));
+    });
+    const Component = () => {
+        const toast = useToast();
+        const onClick = () => {
+            toast({ message: 'Hello World', id: 'uuid-' + Math.random });
+        };
+        return React.createElement(Button, { onClick: onClick }, "Toast");
+    };
+    it('dispatched toasts are rendered', () => __awaiter(void 0, void 0, void 0, function* () {
+        const button = screen.getByRole('button', { name: 'Toast' });
+        yield user.click(button);
+        yield screen.findByText('Hello World');
+    }));
+    it('multiple toasts are rendered', () => __awaiter(void 0, void 0, void 0, function* () {
+        const button = screen.getByRole('button', { name: 'Toast' });
+        yield user.click(button);
+        yield user.click(button);
+        yield user.click(button);
+        const toasts = yield screen.findAllByText('Hello World');
+        expect(toasts.length).toBe(3);
+    }));
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9hc3Quc3BlYy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVG9hc3QvVG9hc3Quc3BlYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDeEQsT0FBTyxTQUFTLE1BQU0sNkJBQTZCLENBQUM7QUFFcEQsT0FBTyxFQUFFLE1BQU0sRUFBRSxhQUFhLEVBQUUsUUFBUSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBRTdELFFBQVEsQ0FBQyxXQUFXLEVBQUUsR0FBRyxFQUFFO0lBQ3pCLElBQUksSUFBd0MsQ0FBQztJQUU3QyxVQUFVLENBQUMsR0FBRyxFQUFFO1FBQ2QsSUFBSSxHQUFHLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUN6QixNQUFNLENBQ0osb0JBQUMsYUFBYTtZQUNaLG9CQUFDLFNBQVMsT0FBRyxDQUNDLENBQ2pCLENBQUM7SUFDSixDQUFDLENBQUMsQ0FBQztJQUVILE1BQU0sU0FBUyxHQUFHLEdBQUcsRUFBRTtRQUNyQixNQUFNLEtBQUssR0FBRyxRQUFRLEVBQUUsQ0FBQztRQUN6QixNQUFNLE9BQU8sR0FBRyxHQUFHLEVBQUU7WUFDbkIsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxFQUFFLEVBQUUsT0FBTyxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDO1FBQy9ELENBQUMsQ0FBQztRQUNGLE9BQU8sb0JBQUMsTUFBTSxJQUFDLE9BQU8sRUFBRSxPQUFPLFlBQWdCLENBQUM7SUFDbEQsQ0FBQyxDQUFDO0lBRUYsRUFBRSxDQUFDLGdDQUFnQyxFQUFFLEdBQVMsRUFBRTtRQUM5QyxNQUFNLE1BQU0sR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDLFFBQVEsRUFBRSxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQyxDQUFDO1FBQzdELE1BQU0sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN6QixNQUFNLE1BQU0sQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDekMsQ0FBQyxDQUFBLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyw4QkFBOEIsRUFBRSxHQUFTLEVBQUU7UUFDNUMsTUFBTSxNQUFNLEdBQUcsTUFBTSxDQUFDLFNBQVMsQ0FBQyxRQUFRLEVBQUUsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQztRQUM3RCxNQUFNLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDekIsTUFBTSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3pCLE1BQU0sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN6QixNQUFNLE1BQU0sR0FBRyxNQUFNLE1BQU0sQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDekQsTUFBTSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDaEMsQ0FBQyxDQUFBLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQyxDQUFDIn0=

package/dist/src/molecules/Toast/types.d.ts

@@ -0,0 +1,35 @@
+import { type PartialBy } from '../../../types/utils';
+export declare type Position = 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right' | 'top' | 'bottom';
+export declare type ToastId = ReturnType<typeof crypto.randomUUID> | string;
+export declare type Variant = 'danger' | 'default';
+export declare type Toast = {
+    /**
+     * The duration to show the toast in milliseconds. Set to {@link Infinity} to
+     * make the toast persistent. Persistent toast can only be hidden by user
+     * input. type "danger" is persistent by default.
+     */
+    duration: number;
+    position: Position;
+    message: string;
+    variant: Variant;
+    /**
+     * Either ID provided by the dispatcher or if not provided it will be generated.
+     * This will be used to dismiss and control the toast you have dispatched.
+     */
+    id: ToastId;
+};
+export declare type DispatchableToast = PartialBy<Toast, 'id' | 'duration' | 'position' | 'variant'>;
+export declare type State = {
+    toasts: Toast[];
+};
+export declare enum ActionTypes {
+    Toast = 0,
+    Dismiss = 1
+}
+export declare type Actions = {
+    type: ActionTypes.Toast;
+    toast: DispatchableToast;
+} | {
+    type: ActionTypes.Dismiss;
+    toastId: ToastId;
+};

package/dist/src/molecules/Toast/types.js

@@ -0,0 +1,6 @@
+export var ActionTypes;
+(function (ActionTypes) {
+    ActionTypes[ActionTypes["Toast"] = 0] = "Toast";
+    ActionTypes[ActionTypes["Dismiss"] = 1] = "Dismiss";
+})(ActionTypes || (ActionTypes = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1RvYXN0L3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCQSxNQUFNLENBQU4sSUFBWSxXQUdYO0FBSEQsV0FBWSxXQUFXO0lBQ3JCLCtDQUFLLENBQUE7SUFDTCxtREFBTyxDQUFBO0FBQ1QsQ0FBQyxFQUhXLFdBQVcsS0FBWCxXQUFXLFFBR3RCIn0=

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

@@ -14,7 +14,7 @@ import { useFocusWithin } from '@react-aria/interactions';
 import { OverlayContainer, useOverlayPosition } from '@react-aria/overlays';
 import { useTooltip, useTooltipTrigger } from '@react-aria/tooltip';
 import { mergeProps } from '@react-aria/utils';
-import { tw } from '../../../src/utils/tailwind';
+import { classNames, tw } from '../../../src/utils/tailwind';
 import { useTooltipTriggerState } from './useTooltipTriggerState';
 export const Tooltip = (_a) => {
     var { inline = true, delay = 200 } = _a, props = __rest(_a, ["inline", "delay"]);
@@ -81,7 +81,7 @@ const TooltipWrapper = React.forwardRef((_a, forwardedRef) => {
     const { tooltipProps } = useTooltip(props, state);
     const arrowStyle = getArrowStyle(ref.current, placement, (_b = arrowProps.style) !== null && _b !== void 0 ? _b : {});
     return (React.createElement(OverlayContainer, null,
-        React.createElement("div", Object.assign({ ref: ref, className: tw('p-3 rounded-sm typography-caption max-w-[320px] bg-grey-90 text-white') }, mergeProps(props, tooltipProps)),
+        React.createElement("div", Object.assign({ ref: ref, className: classNames(tw('p-3 rounded-sm typography-caption max-w-[320px] bg-grey-90 text-white')) }, mergeProps(props, tooltipProps)),
             props.children,
             React.createElement(Arrow, Object.assign({}, arrowProps, { style: arrowStyle })))));
 });
@@ -121,4 +121,4 @@ const getArrowStyle = (element, position, { left, top }) => {
 const Arrow = (props) => {
     return React.createElement("div", Object.assign({ className: tw('absolute w-3 h-3 bg-grey-90 rotate-45') }, props));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9vbHRpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVG9vbHRpcC9Ub29sdGlwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBOEIsTUFBTSxPQUFPLENBQUM7QUFDbkQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzFELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzVFLE9BQU8sRUFBRSxVQUFVLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFNL0MsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXhDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBdURsRSxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQTJCLENBQUMsRUFBd0MsRUFBRSxFQUFFO1FBQTVDLEVBQUUsTUFBTSxHQUFHLElBQUksRUFBRSxLQUFLLEdBQUcsR0FBRyxPQUFZLEVBQVAsS0FBSyxjQUF0QyxtQkFBd0MsQ0FBRjtJQUNwRixNQUFNLEVBQUUsU0FBUyxFQUFFLFVBQVUsR0FBRyxLQUFLLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsVUFBVSxHQUFHLElBQUksRUFBRSxHQUFHLEtBQUssQ0FBQztJQUVsRyxNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUN0RCxNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUN0RCxNQUFNLEtBQUssR0FBRyxzQkFBc0IsaUJBQUcsVUFBVSxFQUFFLEtBQUssSUFBSyxLQUFLLEVBQUcsQ0FBQztJQUN0RSxNQUFNLEVB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9vbHRpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVG9vbHRpcC9Ub29sdGlwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBOEIsTUFBTSxPQUFPLENBQUM7QUFDbkQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzFELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzVFLE9BQU8sRUFBRSxVQUFVLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFNL0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQXVEbEUsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUEyQixDQUFDLEVBQXdDLEVBQUUsRUFBRTtRQUE1QyxFQUFFLE1BQU0sR0FBRyxJQUFJLEVBQUUsS0FBSyxHQUFHLEdBQUcsT0FBWSxFQUFQLEtBQUssY0FBdEMsbUJBQXdDLENBQUY7SUFDcEYsTUFBTSxFQUFFLFNBQVMsRUFBRSxVQUFVLEdBQUcsS0FBSyxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLFVBQVUsR0FBRyxJQUFJLEVBQUUsR0FBRyxLQUFLLENBQUM7SUFFbEcsTUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFDdEQsTUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFDdEQsTUFBTSxLQUFLLEdBQUcsc0JBQXNCLGlCQUFHLFVBQVUsRUFBRSxLQUFLLElBQUssS0FBSyxFQUFHLENBQUM7SUFD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

package/dist/src/molecules/Transition/Transition.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { type Item } from 'react-stately';
+declare type Item = {
+    key: number | string;
+    children: React.ReactNode;
+};
+declare type TransitionProps = {
+    children: Array<React.ReactElement<Item>> | React.ReactElement<Item>;
+};
+export declare const Transition: ({ children }: TransitionProps) => React.JSX.Element;
+export {};

package/dist/src/molecules/Transition/Transition.js

@@ -0,0 +1,27 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React, { useMemo } from 'react';
+import { animated, useTransition } from '@react-spring/web';
+export const Transition = ({ children }) => {
+    const refMap = useMemo(() => new WeakMap(), []);
+    const transitions = useTransition(children, {
+        from: { opacity: 0, height: 0 },
+        enter: (item) => (next) => __awaiter(void 0, void 0, void 0, function* () {
+            var _a;
+            yield next({ opacity: 1, height: (_a = refMap.get(item)) === null || _a === void 0 ? void 0 : _a.offsetHeight });
+        }),
+        leave: [{ opacity: 0 }, { height: 0 }],
+        keys: (item) => item.key || '',
+        config: { tension: 125, friction: 20, precision: 0.1 },
+    });
+    return (React.createElement(React.Fragment, null, transitions((style, item) => (React.createElement(animated.div, { style: style },
+        React.createElement("div", { ref: (ref) => ref && refMap.set(item, ref) }, item))))));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHJhbnNpdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVHJhbnNpdGlvbi9UcmFuc2l0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUV2QyxPQUFPLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBVzVELE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxDQUFDLEVBQUUsUUFBUSxFQUFtQixFQUFFLEVBQUU7SUFDMUQsTUFBTSxNQUFNLEdBQUcsT0FBTyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksT0FBTyxFQUFzQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ3BGLE1BQU0sV0FBVyxHQUFHLGFBQWEsQ0FBQyxRQUFRLEVBQUU7UUFDMUMsSUFBSSxFQUFFLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQUUsQ0FBQyxFQUFFO1FBQy9CLEtBQUssRUFBRSxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBTyxJQUFJLEVBQUUsRUFBRTs7WUFDOUIsTUFBTSxJQUFJLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRSxNQUFBLE1BQU0sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLDBDQUFFLFlBQVksRUFBRSxDQUFDLENBQUM7UUFDckUsQ0FBQyxDQUFBO1FBQ0QsS0FBSyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUUsQ0FBQyxFQUFFLENBQUM7UUFDdEMsSUFBSSxFQUFFLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsR0FBRyxJQUFJLEVBQUU7UUFDOUIsTUFBTSxFQUFFLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUU7S0FDdkQsQ0FBQyxDQUFDO0lBRUgsT0FBTyxDQUNMLDBDQUNHLFdBQVcsQ0FBQyxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQzVCLG9CQUFDLFFBQVEsQ0FBQyxHQUFHLElBQUMsS0FBSyxFQUFFLEtBQUs7UUFDeEIsNkJBQUssR0FBRyxFQUFFLENBQUMsR0FBbUIsRUFBRSxFQUFFLENBQUMsR0FBRyxJQUFJLE1BQU0sQ0FBQyxHQUFHLENBQUMsSUFBSSxFQUFFLEdBQUcsQ0FBQyxJQUFHLElBQUksQ0FBTyxDQUNoRSxDQUNoQixDQUFDLENBQ0QsQ0FDSixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=

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

@@ -39,7 +39,6 @@ export * from './MultiInput/MultiInput';
 export * from './MultiSelect/MultiSelect';
 export * from './NativeSelect/NativeSelect';
 export * from './Navigation/Navigation';
-export * from './Notification/Notification';
 export * from './PageHeader/PageHeader';
 export * from './Pagination/Pagination';
 export * from './Popover/Popover';
@@ -64,6 +63,7 @@ export * from './Tailwindify/Tailwindify';
 export * from './Template/Template';
 export * from './Textarea/Textarea';
 export * from './Timeline/Timeline';
+export * from './Toast/Toast';
 export * from './Tooltip/Tooltip';
 export * from './Typography/Typography';
 export * from '../utils/table/types';

package/dist/src/molecules/index.js

@@ -40,7 +40,6 @@ export * from './MultiInput/MultiInput';
 export * from './MultiSelect/MultiSelect';
 export * from './NativeSelect/NativeSelect';
 export * from './Navigation/Navigation';
-export * from './Notification/Notification';
 export * from './PageHeader/PageHeader';
 export * from './Pagination/Pagination';
 export * from './Popover/Popover';
@@ -65,6 +64,7 @@ export * from './Tailwindify/Tailwindify';
 export * from './Template/Template';
 export * from './Textarea/Textarea';
 export * from './Timeline/Timeline';
+export * from './Toast/Toast';
 export * from './Tooltip/Tooltip';
 export * from './Typography/Typography';
 // Exported atoms and utility functions
@@ -74,4 +74,4 @@ export * from '../utils/table/useTableSelect';
 export * from '../utils/table/useTableSort';
 export * from './Pagination/usePagination';
 export const SelectItem = Select.Item;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbW9sZWN1bGVzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUVoRCxzREFBc0Q7QUFDdEQsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxXQUFXLENBQUM7QUFDMUIsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUM3RCxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMseUJBQXlCLENBQUM7QUFFeEMsdUNBQXVDO0FBQ3ZDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyw0QkFBNEIsQ0FBQztBQUUzQyxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbW9sZWN1bGVzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUVoRCxzREFBc0Q7QUFDdEQsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxXQUFXLENBQUM7QUFDMUIsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDN0QsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHlCQUF5QixDQUFDO0FBRXhDLHVDQUF1QztBQUN2QyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsNEJBQTRCLENBQUM7QUFFM0MsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMifQ==

package/dist/src/test/config.d.ts

@@ -0,0 +1,5 @@
+import type initStoryshots from '@storybook/addon-storyshots';
+export declare const storyKindRegex: RegExp;
+declare type Serializers = NonNullable<Parameters<typeof initStoryshots>[0]>['snapshotSerializers'];
+export declare const snapshotSerializers: Serializers;
+export {};

package/dist/src/test/config.js

@@ -0,0 +1,8 @@
+export const storyKindRegex = /^((?!.*?Colors|Elevations|Spacing|Typography|Releases).)*$/;
+export const snapshotSerializers = [
+    {
+        print: (value, serialize) => serialize(value.container.firstChild),
+        test: (value) => value && Object.prototype.hasOwnProperty.call(value, 'container'),
+    },
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3Rlc3QvY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyw0REFBNEQsQ0FBQztBQUkzRixNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBZ0I7SUFDOUM7UUFDRSxLQUFLLEVBQUUsQ0FBQyxLQUFLLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxTQUFTLENBQUUsS0FBc0IsQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDO1FBQ3BGLElBQUksRUFBRSxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsS0FBSyxJQUFJLE1BQU0sQ0FBQyxTQUFTLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsV0FBVyxDQUFDO0tBQ25GO0NBQ0YsQ0FBQyJ9

package/dist/src/utils/form/Label/Label.d.ts

@@ -72,6 +72,10 @@ export declare type LabelControlProps = Omit<LabelProps, 'variant'> & Omit<Helpe
      * @deprecated
      */
     reserveSpaceForError?: boolean;
+    /**
+     * Optional className for the component.
+     */
+    className?: string;
 };
 export declare const LabelControl: React.FC<LabelControlProps> & {
     Skeleton: React.FC;

package/dist/src/utils/form/Label/Label.js

@@ -17,7 +17,7 @@ import { HelperText } from '../../../../src/utils/form/HelperText/HelperText';
 import { tw } from '../../../../src/utils/tailwind';
 import questionMark from '../../../../src/icons/questionMark';
 const LabelText = ({ variant = 'default', labelText, required, helpTooltip, helpTooltipPlacement, }) => {
-    return (React.createElement("span", { className: tw('inline-block mb-2 typography-small-strong', {
+    return (React.createElement("span", { className: tw('inline-flex items-center mb-2 typography-small-strong', {
             'text-grey-60': variant === 'default',
             'text-error-50': variant === 'error',
             'text-grey-40': variant === 'disabled',
@@ -45,7 +45,7 @@ export const LabelControl = (_a) => {
     // LabelControlProps
     fieldset = false, children, 
     // LabelProps
-    valid, disabled } = _a, rest = __rest(_a, ["messageId", "error", "helperText", "length", "maxLength", "reserveSpaceForError", "fieldset", "children", "valid", "disabled"]);
+    valid, disabled, className } = _a, rest = __rest(_a, ["messageId", "error", "helperText", "length", "maxLength", "reserveSpaceForError", "fieldset", "children", "valid", "disabled", "className"]);
     // For backwards compatibility we'll support two ways to provide error
     // message; using either `helperText` or `error` props.
     //
@@ -56,7 +56,7 @@ export const LabelControl = (_a) => {
     // - error !== undefined AND valid != false => 'default'
     const legacyError = error !== undefined && valid === false;
     const variant = !valid || legacyError ? 'error' : disabled ? 'disabled' : 'default';
-    return (React.createElement(FormControl, null,
+    return (React.createElement(FormControl, { className: className },
         !fieldset && (React.createElement(Label, Object.assign({}, rest, { variant: variant }), children)),
         fieldset && (React.createElement("fieldset", { id: rest.id },
             React.createElement("legend", { className: tw('w-full mb-2') },
@@ -86,4 +86,4 @@ export const getLabelControlProps = (_a) => {
         'data-testid': dataTestId,
     });
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGFiZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdXRpbHMvZm9ybS9MYWJlbC9MYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFHMUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE9BQU8sRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUNyRSxPQUFPLEVBQXdCLFVBQVUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLFlBQVksTUFBTSx3QkFBd0IsQ0FBQztBQXVEbEQsTUFBTSxTQUFTLEdBQXlCLENBQUMsRUFDdkMsT0FBTyxHQUFHLFNBQVMsRUFDbkIsU0FBUyxFQUNULFFBQVEsRUFDUixXQUFXLEVBQ1gsb0JBQW9CLEdBQ3JCLEVBQUUsRUFBRTtJQUNILE9BQU8sQ0FDTCw4QkFDRSxTQUFTLEVBQUUsRUFBRSxDQUFDLDJDQUEyQyxFQUFFO1lBQ3pELGNBQWMsRUFBRSxPQUFPLEtBQUssU0FBUztZQUNyQyxlQUFlLEVBQUUsT0FBTyxLQUFLLE9BQU87WUFDcEMsY0FBYyxFQUFFLE9BQU8sS0FBSyxVQUFVO1NBQ3ZDLENBQUM7UUFFRCxTQUFTO1FBQ1QsUUFBUSxJQUFJLDhCQUFNLFNBQVMsRUFBRSxFQUFFLENBQUMsZUFBZSxDQUFDLFFBQVU7UUFDMUQsV0FBVyxJQUFJLENBQ2Qsb0JBQUMsT0FBTyxJQUFDLE9BQU8sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLG9CQUFvQjtZQUM1RCw4QkFBTSxRQUFRLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsb0RBQW9ELENBQUM7Z0JB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGFiZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdXRpbHMvZm9ybS9MYWJlbC9MYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFHMUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE9BQU8sRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUNyRSxPQUFPLEVBQXdCLFVBQVUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLFlBQVksTUFBTSx3QkFBd0IsQ0FBQztBQXVEbEQsTUFBTSxTQUFTLEdBQXlCLENBQUMsRUFDdkMsT0FBTyxHQUFHLFNBQVMsRUFDbkIsU0FBUyxFQUNULFFBQVEsRUFDUixXQUFXLEVBQ1gsb0JBQW9CLEdBQ3JCLEVBQUUsRUFBRTtJQUNILE9BQU8sQ0FDTCw4QkFDRSxTQUFTLEVBQUUsRUFBRSxDQUFDLHVEQUF1RCxFQUFFO1lBQ3JFLGNBQWMsRUFBRSxPQUFPLEtBQUssU0FBUztZQUNyQyxlQUFlLEVBQUUsT0FBTyxLQUFLLE9BQU87WUFDcEMsY0FBYyxFQUFFLE9BQU8sS0FBSyxVQUFVO1NBQ3ZDLENBQUM7UUFFRCxTQUFTO1FBQ1QsUUFBUSxJQUFJLDhCQUFNLFNBQVMsRUFBRSxFQUFFLENBQUMsZUFBZSxDQUFDLFFBQVU7UUFDMUQsV0FBVyxJQUFJLENBQ2Qsb0JBQUMsT0FBTyxJQUFDLE9BQU8sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLG9CQUFvQjtZQUM1RCw4QkFBTSxRQUFRLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsb0RBQW9ELENBQUM7Z0JB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

package/dist/styles.css

@@ -1212,6 +1212,9 @@ input[type='number'].no-arrows {
 .grid-cols-\[16px_1fr\] {
   grid-template-columns: 16px 1fr;
 }
+.grid-cols-\[1fr_auto\] {
+  grid-template-columns: 1fr auto;
+}
 .grid-cols-\[auto_1fr\] {
   grid-template-columns: auto 1fr;
 }
@@ -1298,6 +1301,11 @@ input[type='number'].no-arrows {
   -moz-column-gap: 12px;
        column-gap: 12px;
 }
+.gap-x-6 {
+  grid-column-gap: 24px;
+  -moz-column-gap: 24px;
+       column-gap: 24px;
+}
 .self-start {
   align-self: flex-start;
 }
@@ -1497,6 +1505,10 @@ input[type='number'].no-arrows {
   --tw-bg-opacity: 1;
   background-color: rgb(180 180 187 / var(--tw-bg-opacity));
 }
+.bg-grey-80 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(58 58 68 / var(--tw-bg-opacity));
+}
 .bg-current {
   background-color: currentColor;
 }
@@ -2573,6 +2585,17 @@ input[type='number'].no-arrows {
 .peer:checked~.peer-checked\:\[\&\>path\]\:stroke-grey-30>path {
   stroke: #b4b4bb;
 }
+.\[\&\>button\]\:p-0>button {
+  padding: 0;
+}
+.\[\&\>button\]\:text-grey-50>button {
+  --tw-text-opacity: 1;
+  color: rgb(120 120 133 / var(--tw-text-opacity));
+}
+.\[\&\>button\]\:text-error-20>button {
+  --tw-text-opacity: 1;
+  color: rgb(255 173 179 / var(--tw-text-opacity));
+}
 .\[\&\>\*\:not\(\:first-child\)\]\:-ml-3>*:not(:first-child) {
   margin-left: -8px;
 }

package/dist/styles_timescaledb.css

@@ -1211,6 +1211,9 @@ input[type='number'].no-arrows {
 .grid-cols-\[16px_1fr\] {
   grid-template-columns: 16px 1fr;
 }
+.grid-cols-\[1fr_auto\] {
+  grid-template-columns: 1fr auto;
+}
 .grid-cols-\[auto_1fr\] {
   grid-template-columns: auto 1fr;
 }
@@ -1297,6 +1300,11 @@ input[type='number'].no-arrows {
   -moz-column-gap: 12px;
        column-gap: 12px;
 }
+.gap-x-6 {
+  grid-column-gap: 24px;
+  -moz-column-gap: 24px;
+       column-gap: 24px;
+}
 .self-start {
   align-self: flex-start;
 }
@@ -1496,6 +1504,10 @@ input[type='number'].no-arrows {
   --tw-bg-opacity: 1;
   background-color: rgb(180 180 187 / var(--tw-bg-opacity));
 }
+.bg-grey-80 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(58 58 68 / var(--tw-bg-opacity));
+}
 .bg-current {
   background-color: currentColor;
 }
@@ -2572,6 +2584,17 @@ input[type='number'].no-arrows {
 .peer:checked~.peer-checked\:\[\&\>path\]\:stroke-grey-30>path {
   stroke: #b4b4bb;
 }
+.\[\&\>button\]\:p-0>button {
+  padding: 0;
+}
+.\[\&\>button\]\:text-grey-50>button {
+  --tw-text-opacity: 1;
+  color: rgb(120 120 133 / var(--tw-text-opacity));
+}
+.\[\&\>button\]\:text-error-20>button {
+  --tw-text-opacity: 1;
+  color: rgb(255 173 179 / var(--tw-text-opacity));
+}
 .\[\&\>\*\:not\(\:first-child\)\]\:-ml-3>*:not(:first-child) {
   margin-left: -8px;
 }