@plumile/ui 0.1.55 → 0.1.57

package/lib/atomic/molecules/toast/ToastProvider.js

@@ -0,0 +1,113 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useEffect, useCallback, useContext, useMemo, useRef, useState, } from 'react';
+import { ToastViewport, } from './ToastViewport.js';
+import { INFO_TOAST_DURATION_MS } from './constants.js';
+const ToastContext = createContext(null);
+const pushWithKind = (api, kind) => {
+    return (title, message) => {
+        return api.push({ kind, title, message });
+    };
+};
+export const ToastProvider = ({ children, maxToasts = 4, }) => {
+    const [toasts, setToasts] = useState([]);
+    const counter = useRef(0);
+    const infoToastTimers = useRef(new Map());
+    const dismiss = useCallback((toastId) => {
+        const timer = infoToastTimers.current.get(toastId);
+        if (timer != null) {
+            clearTimeout(timer);
+            infoToastTimers.current.delete(toastId);
+        }
+        setToasts((prev) => {
+            return prev.filter((t) => {
+                return t.id !== toastId;
+            });
+        });
+    }, []);
+    const clear = useCallback(() => {
+        infoToastTimers.current.forEach((timer) => {
+            clearTimeout(timer);
+        });
+        infoToastTimers.current.clear();
+        setToasts([]);
+    }, []);
+    const push = useCallback((toast) => {
+        const id = toast.id ?? `toast-${counter.current++}`;
+        setToasts((prev) => {
+            const next = [...prev, { ...toast, kind: toast.kind ?? 'info', id }];
+            if (next.length > maxToasts) {
+                return next.slice(next.length - maxToasts);
+            }
+            return next;
+        });
+        return id;
+    }, [maxToasts]);
+    useEffect(() => {
+        const activeInfoToastIds = new Set();
+        toasts.forEach((toast) => {
+            if (toast.kind !== 'info') {
+                return;
+            }
+            activeInfoToastIds.add(toast.id);
+            if (infoToastTimers.current.has(toast.id)) {
+                return;
+            }
+            const timer = setTimeout(() => {
+                infoToastTimers.current.delete(toast.id);
+                setToasts((prev) => {
+                    return prev.filter((item) => {
+                        return item.id !== toast.id;
+                    });
+                });
+            }, INFO_TOAST_DURATION_MS);
+            infoToastTimers.current.set(toast.id, timer);
+        });
+        infoToastTimers.current.forEach((timer, toastId) => {
+            if (activeInfoToastIds.has(toastId)) {
+                return;
+            }
+            clearTimeout(timer);
+            infoToastTimers.current.delete(toastId);
+        });
+    }, [toasts]);
+    useEffect(() => {
+        const timers = infoToastTimers.current;
+        return () => {
+            timers.forEach((timer) => {
+                clearTimeout(timer);
+            });
+            timers.clear();
+        };
+    }, []);
+    const api = useMemo(() => {
+        const base = {
+            push,
+            dismiss,
+            clear,
+            info: () => {
+                return '';
+            },
+            warning: () => {
+                return '';
+            },
+            error: () => {
+                return '';
+            },
+        };
+        return {
+            ...base,
+            info: pushWithKind(base, 'info'),
+            warning: pushWithKind(base, 'warning'),
+            error: pushWithKind(base, 'error'),
+        };
+    }, [clear, dismiss, push]);
+    return (_jsxs(ToastContext.Provider, { value: api, children: [children, _jsx(ToastViewport, { toasts: toasts, onDismiss: dismiss })] }));
+};
+export const useToast = () => {
+    const value = useContext(ToastContext);
+    if (value == null) {
+        throw new Error('useToast must be used within a ToastProvider');
+    }
+    return value;
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9hc3RQcm92aWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9taWMvbW9sZWN1bGVzL3RvYXN0L1RvYXN0UHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0wsYUFBYSxFQUNiLFNBQVMsRUFDVCxXQUFXLEVBQ1gsVUFBVSxFQUNWLE9BQU8sRUFDUCxNQUFNLEVBQ04sUUFBUSxHQUdULE1BQU0sT0FBTyxDQUFDO0FBRWYsT0FBTyxFQUNMLGFBQWEsR0FHZCxNQUFNLG9CQUFvQixDQUFDO0FBQzVCLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBZ0J4RCxNQUFNLFlBQVksR0FBRyxhQUFhLENBQWtCLElBQUksQ0FBQyxDQUFDO0FBRTFELE1BQU0sWUFBWSxHQUFHLENBQUMsR0FBYSxFQUFFLElBQWUsRUFBRSxFQUFFO0lBQ3RELE9BQU8sQ0FBQyxLQUFnQixFQUFFLE9BQW1CLEVBQVUsRUFBRTtRQUN2RCxPQUFPLEdBQUcsQ0FBQyxJQUFJLENBQUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxDQUFDLENBQUM7SUFDNUMsQ0FBQyxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLENBQUMsRUFDNUIsUUFBUSxFQUNSLFNBQVMsR0FBRyxDQUFDLEdBQ00sRUFBZSxFQUFFO0lBQ3BDLE1BQU0sQ0FBQyxNQUFNLEVBQUUsU0FBUyxDQUFDLEdBQUcsUUFBUSxDQUFjLEVBQUUsQ0FBQyxDQUFDO0lBQ3RELE1BQU0sT0FBTyxHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUMxQixNQUFNLGVBQWUsR0FBRyxNQUFNLENBQzVCLElBQUksR0FBRyxFQUFFLENBQ1YsQ0FBQztJQUVGLE1BQU0sT0FBTyxHQUFHLFdBQVcsQ0FBQyxDQUFDLE9BQWUsRUFBRSxFQUFFO1FBQzlDLE1BQU0sS0FBSyxHQUFHLGVBQWUsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ25ELElBQUksS0FBSyxJQUFJLElBQUksRUFBRSxDQUFDO1lBQ2xCLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNwQixlQUFlLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUMxQyxDQUFDO1FBQ0QsU0FBUyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7WUFDakIsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7Z0JBQ3ZCLE9BQU8sQ0FBQyxDQUFDLEVBQUUsS0FBSyxPQUFPLENBQUM7WUFDMUIsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLE1BQU0sS0FBSyxHQUFHLFdBQVcsQ0FBQyxHQUFHLEVBQUU7UUFDN0IsZUFBZSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUN4QyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDdEIsQ0FBQyxDQUFDLENBQUM7UUFDSCxlQUFlLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ2hDLFNBQVMsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUNoQixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxNQUFNLElBQUksR0FBRyxXQUFXLENBQ3RCLENBQUMsS0FBOEMsRUFBVSxFQUFFO1FBQ3pELE1BQU0sRUFBRSxHQUFHLEtBQUssQ0FBQyxFQUFFLElBQUksU0FBUyxPQUFPLENBQUMsT0FBTyxFQUFFLEVBQUUsQ0FBQztRQUNwRCxTQUFTLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRTtZQUNqQixNQUFNLElBQUksR0FBRyxDQUFDLEdBQUcsSUFBSSxFQUFFLEVBQUUsR0FBRyxLQUFLLEVBQUUsSUFBSSxFQUFFLEtBQUssQ0FBQyxJQUFJLElBQUksTUFBTSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7WUFDckUsSUFBSSxJQUFJLENBQUMsTUFBTSxHQUFHLFNBQVMsRUFBRSxDQUFDO2dCQUM1QixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxTQUFTLENBQUMsQ0FBQztZQUM3QyxDQUFDO1lBQ0QsT0FBTyxJQUFJLENBQUM7UUFDZCxDQUFDLENBQUMsQ0FBQztRQUNILE9BQU8sRUFBRSxDQUFDO0lBQ1osQ0FBQyxFQUNELENBQUMsU0FBUyxDQUFDLENBQ1osQ0FBQztJQUVGLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixNQUFNLGtCQUFrQixHQUFHLElBQUksR0FBRyxFQUFVLENBQUM7UUFDN0MsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFO1lBQ3ZCLElBQUksS0FBSyxDQUFDLElBQUksS0FBSyxNQUFNLEVBQUUsQ0FBQztnQkFDMUIsT0FBTztZQUNULENBQUM7WUFDRCxrQkFBa0IsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1lBQ2pDLElBQUksZUFBZSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUM7Z0JBQzFDLE9BQU87WUFDVCxDQUFDO1lBQ0QsTUFBTSxLQUFLLEdBQUcsVUFBVSxDQUFDLEdBQUcsRUFBRTtnQkFDNUIsZUFBZSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO2dCQUN6QyxTQUFTLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRTtvQkFDakIsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7d0JBQzFCLE9BQU8sSUFBSSxDQUFDLEVBQUUsS0FBSyxLQUFLLENBQUMsRUFBRSxDQUFDO29CQUM5QixDQUFDLENBQUMsQ0FBQztnQkFDTCxDQUFDLENBQUMsQ0FBQztZQUNMLENBQUMsRUFBRSxzQkFBc0IsQ0FBQyxDQUFDO1lBQzNCLGVBQWUsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxFQUFFLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDL0MsQ0FBQyxDQUFDLENBQUM7UUFFSCxlQUFlLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLEtBQUssRUFBRSxPQUFPLEVBQUUsRUFBRTtZQUNqRCxJQUFJLGtCQUFrQixDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDO2dCQUNwQyxPQUFPO1lBQ1QsQ0FBQztZQUNELFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNwQixlQUFlLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUMxQyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUMsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUM7SUFFYixTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ2IsTUFBTSxNQUFNLEdBQUcsZUFBZSxDQUFDLE9BQU8sQ0FBQztRQUN2QyxPQUFPLEdBQUcsRUFBRTtZQUNWLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtnQkFDdkIsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ3RCLENBQUMsQ0FBQyxDQUFDO1lBQ0gsTUFBTSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ2pCLENBQUMsQ0FBQztJQUNKLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLE1BQU0sR0FBRyxHQUFHLE9BQU8sQ0FBVyxHQUFHLEVBQUU7UUFDakMsTUFBTSxJQUFJLEdBQWE7WUFDckIsSUFBSTtZQUNKLE9BQU87WUFDUCxLQUFLO1lBQ0wsSUFBSSxFQUFFLEdBQUcsRUFBRTtnQkFDVCxPQUFPLEVBQUUsQ0FBQztZQUNaLENBQUM7WUFDRCxPQUFPLEVBQUUsR0FBRyxFQUFFO2dCQUNaLE9BQU8sRUFBRSxDQUFDO1lBQ1osQ0FBQztZQUNELEtBQUssRUFBRSxHQUFHLEVBQUU7Z0JBQ1YsT0FBTyxFQUFFLENBQUM7WUFDWixDQUFDO1NBQ0YsQ0FBQztRQUNGLE9BQU87WUFDTCxHQUFHLElBQUk7WUFDUCxJQUFJLEVBQUUsWUFBWSxDQUFDLElBQUksRUFBRSxNQUFNLENBQUM7WUFDaEMsT0FBTyxFQUFFLFlBQVksQ0FBQyxJQUFJLEVBQUUsU0FBUyxDQUFDO1lBQ3RDLEtBQUssRUFBRSxZQUFZLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQztTQUNuQyxDQUFDO0lBQ0osQ0FBQyxFQUFFLENBQUMsS0FBSyxFQUFFLE9BQU8sRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBRTNCLE9BQU8sQ0FDTCxNQUFDLFlBQVksQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEdBQUcsYUFDOUIsUUFBUSxFQUNULEtBQUMsYUFBYSxJQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE9BQU8sR0FBSSxJQUMvQixDQUN6QixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQWEsRUFBRTtJQUNyQyxNQUFNLEtBQUssR0FBRyxVQUFVLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDdkMsSUFBSSxLQUFLLElBQUksSUFBSSxFQUFFLENBQUM7UUFDbEIsTUFBTSxJQUFJLEtBQUssQ0FBQyw4Q0FBOEMsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFDRCxPQUFPLEtBQUssQ0FBQztBQUNmLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGNyZWF0ZUNvbnRleHQsXG4gIHVzZUVmZmVjdCxcbiAgdXNlQ2FsbGJhY2ssXG4gIHVzZUNvbnRleHQsXG4gIHVzZU1lbW8sXG4gIHVzZVJlZixcbiAgdXNlU3RhdGUsXG4gIHR5cGUgSlNYLFxuICB0eXBlIFJlYWN0Tm9kZSxcbn0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge1xuICBUb2FzdFZpZXdwb3J0LFxuICB0eXBlIFRvYXN0SXRlbSxcbiAgdHlwZSBUb2FzdEtpbmQsXG59IGZyb20gJy4vVG9hc3RWaWV3cG9ydC5qcyc7XG5pbXBvcnQgeyBJTkZPX1RPQVNUX0RVUkFUSU9OX01TIH0gZnJvbSAnLi9jb25zdGFudHMuanMnO1xuXG5leHBvcnQgdHlwZSBUb2FzdEFwaSA9IHtcbiAgcHVzaDogKHRvYXN0OiBPbWl0PFRvYXN0SXRlbSwgJ2lkJz4gJiB7IGlkPzogc3RyaW5nIH0pID0+IHN0cmluZztcbiAgZGlzbWlzczogKHRvYXN0SWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgY2xlYXI6ICgpID0+IHZvaWQ7XG4gIGluZm86ICh0aXRsZTogUmVhY3ROb2RlLCBtZXNzYWdlPzogUmVhY3ROb2RlKSA9PiBzdHJpbmc7XG4gIHdhcm5pbmc6ICh0aXRsZTogUmVhY3ROb2RlLCBtZXNzYWdlPzogUmVhY3ROb2RlKSA9PiBzdHJpbmc7XG4gIGVycm9yOiAodGl0bGU6IFJlYWN0Tm9kZSwgbWVzc2FnZT86IFJlYWN0Tm9kZSkgPT4gc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgVG9hc3RQcm92aWRlclByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBtYXhUb2FzdHM/OiBudW1iZXI7XG59O1xuXG5jb25zdCBUb2FzdENvbnRleHQgPSBjcmVhdGVDb250ZXh0PFRvYXN0QXBpIHwgbnVsbD4obnVsbCk7XG5cbmNvbnN0IHB1c2hXaXRoS2luZCA9IChhcGk6IFRvYXN0QXBpLCBraW5kOiBUb2FzdEtpbmQpID0+IHtcbiAgcmV0dXJuICh0aXRsZTogUmVhY3ROb2RlLCBtZXNzYWdlPzogUmVhY3ROb2RlKTogc3RyaW5nID0+IHtcbiAgICByZXR1cm4gYXBpLnB1c2goeyBraW5kLCB0aXRsZSwgbWVzc2FnZSB9KTtcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBUb2FzdFByb3ZpZGVyID0gKHtcbiAgY2hpbGRyZW4sXG4gIG1heFRvYXN0cyA9IDQsXG59OiBUb2FzdFByb3ZpZGVyUHJvcHMpOiBKU1guRWxlbWVudCA9PiB7XG4gIGNvbnN0IFt0b2FzdHMsIHNldFRvYXN0c10gPSB1c2VTdGF0ZTxUb2FzdEl0ZW1bXT4oW10pO1xuICBjb25zdCBjb3VudGVyID0gdXNlUmVmKDApO1xuICBjb25zdCBpbmZvVG9hc3RUaW1lcnMgPSB1c2VSZWY8TWFwPHN0cmluZywgUmV0dXJuVHlwZTx0eXBlb2Ygc2V0VGltZW91dD4+PihcbiAgICBuZXcgTWFwKCksXG4gICk7XG5cbiAgY29uc3QgZGlzbWlzcyA9IHVzZUNhbGxiYWNrKCh0b2FzdElkOiBzdHJpbmcpID0+IHtcbiAgICBjb25zdCB0aW1lciA9IGluZm9Ub2FzdFRpbWVycy5jdXJyZW50LmdldCh0b2FzdElkKTtcbiAgICBpZiAodGltZXIgIT0gbnVsbCkge1xuICAgICAgY2xlYXJUaW1lb3V0KHRpbWVyKTtcbiAgICAgIGluZm9Ub2FzdFRpbWVycy5jdXJyZW50LmRlbGV0ZSh0b2FzdElkKTtcbiAgICB9XG4gICAgc2V0VG9hc3RzKChwcmV2KSA9PiB7XG4gICAgICByZXR1cm4gcHJldi5maWx0ZXIoKHQpID0+IHtcbiAgICAgICAgcmV0dXJuIHQuaWQgIT09IHRvYXN0SWQ7XG4gICAgICB9KTtcbiAgICB9KTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGNsZWFyID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGluZm9Ub2FzdFRpbWVycy5jdXJyZW50LmZvckVhY2goKHRpbWVyKSA9PiB7XG4gICAgICBjbGVhclRpbWVvdXQodGltZXIpO1xuICAgIH0pO1xuICAgIGluZm9Ub2FzdFRpbWVycy5jdXJyZW50LmNsZWFyKCk7XG4gICAgc2V0VG9hc3RzKFtdKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IHB1c2ggPSB1c2VDYWxsYmFjayhcbiAgICAodG9hc3Q6IE9taXQ8VG9hc3RJdGVtLCAnaWQnPiAmIHsgaWQ/OiBzdHJpbmcgfSk6IHN0cmluZyA9PiB7XG4gICAgICBjb25zdCBpZCA9IHRvYXN0LmlkID8/IGB0b2FzdC0ke2NvdW50ZXIuY3VycmVudCsrfWA7XG4gICAgICBzZXRUb2FzdHMoKHByZXYpID0+IHtcbiAgICAgICAgY29uc3QgbmV4dCA9IFsuLi5wcmV2LCB7IC4uLnRvYXN0LCBraW5kOiB0b2FzdC5raW5kID8/ICdpbmZvJywgaWQgfV07XG4gICAgICAgIGlmIChuZXh0Lmxlbmd0aCA+IG1heFRvYXN0cykge1xuICAgICAgICAgIHJldHVybiBuZXh0LnNsaWNlKG5leHQubGVuZ3RoIC0gbWF4VG9hc3RzKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gbmV4dDtcbiAgICAgIH0pO1xuICAgICAgcmV0dXJuIGlkO1xuICAgIH0sXG4gICAgW21heFRvYXN0c10sXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBhY3RpdmVJbmZvVG9hc3RJZHMgPSBuZXcgU2V0PHN0cmluZz4oKTtcbiAgICB0b2FzdHMuZm9yRWFjaCgodG9hc3QpID0+IHtcbiAgICAgIGlmICh0b2FzdC5raW5kICE9PSAnaW5mbycpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgYWN0aXZlSW5mb1RvYXN0SWRzLmFkZCh0b2FzdC5pZCk7XG4gICAgICBpZiAoaW5mb1RvYXN0VGltZXJzLmN1cnJlbnQuaGFzKHRvYXN0LmlkKSkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgICBjb25zdCB0aW1lciA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICBpbmZvVG9hc3RUaW1lcnMuY3VycmVudC5kZWxldGUodG9hc3QuaWQpO1xuICAgICAgICBzZXRUb2FzdHMoKHByZXYpID0+IHtcbiAgICAgICAgICByZXR1cm4gcHJldi5maWx0ZXIoKGl0ZW0pID0+IHtcbiAgICAgICAgICAgIHJldHVybiBpdGVtLmlkICE9PSB0b2FzdC5pZDtcbiAgICAgICAgICB9KTtcbiAgICAgICAgfSk7XG4gICAgICB9LCBJTkZPX1RPQVNUX0RVUkFUSU9OX01TKTtcbiAgICAgIGluZm9Ub2FzdFRpbWVycy5jdXJyZW50LnNldCh0b2FzdC5pZCwgdGltZXIpO1xuICAgIH0pO1xuXG4gICAgaW5mb1RvYXN0VGltZXJzLmN1cnJlbnQuZm9yRWFjaCgodGltZXIsIHRvYXN0SWQpID0+IHtcbiAgICAgIGlmIChhY3RpdmVJbmZvVG9hc3RJZHMuaGFzKHRvYXN0SWQpKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICAgIGNsZWFyVGltZW91dCh0aW1lcik7XG4gICAgICBpbmZvVG9hc3RUaW1lcnMuY3VycmVudC5kZWxldGUodG9hc3RJZCk7XG4gICAgfSk7XG4gIH0sIFt0b2FzdHNdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IHRpbWVycyA9IGluZm9Ub2FzdFRpbWVycy5jdXJyZW50O1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICB0aW1lcnMuZm9yRWFjaCgodGltZXIpID0+IHtcbiAgICAgICAgY2xlYXJUaW1lb3V0KHRpbWVyKTtcbiAgICAgIH0pO1xuICAgICAgdGltZXJzLmNsZWFyKCk7XG4gICAgfTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGFwaSA9IHVzZU1lbW88VG9hc3RBcGk+KCgpID0+IHtcbiAgICBjb25zdCBiYXNlOiBUb2FzdEFwaSA9IHtcbiAgICAgIHB1c2gsXG4gICAgICBkaXNtaXNzLFxuICAgICAgY2xlYXIsXG4gICAgICBpbmZvOiAoKSA9PiB7XG4gICAgICAgIHJldHVybiAnJztcbiAgICAgIH0sXG4gICAgICB3YXJuaW5nOiAoKSA9PiB7XG4gICAgICAgIHJldHVybiAnJztcbiAgICAgIH0sXG4gICAgICBlcnJvcjogKCkgPT4ge1xuICAgICAgICByZXR1cm4gJyc7XG4gICAgICB9LFxuICAgIH07XG4gICAgcmV0dXJuIHtcbiAgICAgIC4uLmJhc2UsXG4gICAgICBpbmZvOiBwdXNoV2l0aEtpbmQoYmFzZSwgJ2luZm8nKSxcbiAgICAgIHdhcm5pbmc6IHB1c2hXaXRoS2luZChiYXNlLCAnd2FybmluZycpLFxuICAgICAgZXJyb3I6IHB1c2hXaXRoS2luZChiYXNlLCAnZXJyb3InKSxcbiAgICB9O1xuICB9LCBbY2xlYXIsIGRpc21pc3MsIHB1c2hdKTtcblxuICByZXR1cm4gKFxuICAgIDxUb2FzdENvbnRleHQuUHJvdmlkZXIgdmFsdWU9e2FwaX0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICA8VG9hc3RWaWV3cG9ydCB0b2FzdHM9e3RvYXN0c30gb25EaXNtaXNzPXtkaXNtaXNzfSAvPlxuICAgIDwvVG9hc3RDb250ZXh0LlByb3ZpZGVyPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IHVzZVRvYXN0ID0gKCk6IFRvYXN0QXBpID0+IHtcbiAgY29uc3QgdmFsdWUgPSB1c2VDb250ZXh0KFRvYXN0Q29udGV4dCk7XG4gIGlmICh2YWx1ZSA9PSBudWxsKSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKCd1c2VUb2FzdCBtdXN0IGJlIHVzZWQgd2l0aGluIGEgVG9hc3RQcm92aWRlcicpO1xuICB9XG4gIHJldHVybiB2YWx1ZTtcbn07XG4iXX0=

package/lib/atomic/molecules/toast/ToastViewport.d.ts

@@ -0,0 +1,24 @@
+import { type JSX, type ReactNode } from 'react';
+import type { RecipeVariants } from '@vanilla-extract/recipes';
+import * as styles from './toast.css.js';
+export type ToastKind = NonNullable<NonNullable<RecipeVariants<typeof styles.kindRecipe>>['kind']>;
+export type ToastAction = {
+    id: string;
+    label: string;
+    onClick: () => void;
+};
+export type ToastItem = {
+    id: string;
+    kind?: ToastKind;
+    title: ReactNode;
+    message?: ReactNode;
+    actions?: readonly ToastAction[];
+};
+export type ToastViewportProps = {
+    toasts: readonly ToastItem[];
+    onDismiss: (toastId: string) => void;
+    dismissLabel?: string;
+    className?: string;
+};
+export declare const ToastViewport: ({ toasts, onDismiss, dismissLabel, className, }: ToastViewportProps) => JSX.Element | null;
+//# sourceMappingURL=ToastViewport.d.ts.map

package/lib/atomic/molecules/toast/ToastViewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastViewport.d.ts","sourceRoot":"","sources":["../../../../src/atomic/molecules/toast/ToastViewport.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAM/D,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAC;AAIzC,MAAM,MAAM,SAAS,GAAG,WAAW,CACjC,WAAW,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAC9D,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,WAAW,EAAE,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,SAAS,SAAS,EAAE,CAAC;IAC7B,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,iDAK3B,kBAAkB,KAAG,GAAG,CAAC,OAAO,GAAG,IA8ErC,CAAC"}

package/lib/atomic/molecules/toast/ToastViewport.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { ModalCloseSvg } from '../../../icons/ModalCloseSvg.js';
+import { Button } from '../../atoms/button/Button.js';
+import { useUiTranslation } from '../../../i18n/useUiTranslation.js';
+import * as styles from './toast.css.js';
+import { cx } from '../../../theme/tools.js';
+import { INFO_TOAST_DURATION_MS } from './constants.js';
+export const ToastViewport = ({ toasts, onDismiss, dismissLabel, className, }) => {
+    const { t } = useUiTranslation();
+    const resolvedDismissLabel = dismissLabel ?? t('toast.dismissAriaLabel');
+    const items = useMemo(() => {
+        return toasts.map((toast) => {
+            const kind = toast.kind ?? 'info';
+            const actions = toast.actions ?? [];
+            let messageNode = null;
+            if (toast.message != null) {
+                messageNode = _jsx("div", { className: styles.message, children: toast.message });
+            }
+            let actionsNode = null;
+            if (actions.length > 0) {
+                actionsNode = (_jsx("div", { className: styles.actions, children: actions.map((action) => {
+                        return (_jsx(Button, { type: "button", size: "small", variant: "secondary", onClick: action.onClick, children: action.label }, action.id));
+                    }) }));
+            }
+            let progressNode = null;
+            if (kind === 'info') {
+                progressNode = (_jsx("div", { className: styles.progressTrack, "aria-hidden": "true", children: _jsx("div", { className: styles.progressBar, style: { animationDuration: `${INFO_TOAST_DURATION_MS}ms` } }) }));
+            }
+            return (_jsxs("div", { className: cx(styles.toast, styles.kindRecipe({ kind })), children: [_jsxs("div", { className: styles.header, children: [_jsx("div", { className: styles.title, children: toast.title }), _jsx("button", { type: "button", className: styles.closeButton, "aria-label": resolvedDismissLabel, onClick: () => {
+                                    onDismiss(toast.id);
+                                }, children: _jsx(ModalCloseSvg, { width: 18, height: 18, "aria-hidden": "true" }) })] }), messageNode, actionsNode, progressNode] }, toast.id));
+        });
+    }, [onDismiss, resolvedDismissLabel, toasts]);
+    if (toasts.length === 0) {
+        return null;
+    }
+    return _jsx("div", { className: cx(styles.viewport, className), children: items });
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9hc3RWaWV3cG9ydC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9taWMvbW9sZWN1bGVzL3RvYXN0L1RvYXN0Vmlld3BvcnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQTRCLE9BQU8sRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUcxRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDaEUsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3RELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBRXJFLE9BQU8sS0FBSyxNQUFNLE1BQU0sZ0JBQWdCLENBQUM7QUFDekMsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzdDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBMkJ4RCxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsQ0FBQyxFQUM1QixNQUFNLEVBQ04sU0FBUyxFQUNULFlBQVksRUFDWixTQUFTLEdBQ1UsRUFBc0IsRUFBRTtJQUMzQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLEdBQUcsZ0JBQWdCLEVBQUUsQ0FBQztJQUNqQyxNQUFNLG9CQUFvQixHQUFHLFlBQVksSUFBSSxDQUFDLENBQUMsd0JBQXdCLENBQUMsQ0FBQztJQUV6RSxNQUFNLEtBQUssR0FBRyxPQUFPLENBQUMsR0FBRyxFQUFFO1FBQ3pCLE9BQU8sTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFO1lBQzFCLE1BQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxJQUFJLElBQUksTUFBTSxDQUFDO1lBQ2xDLE1BQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxPQUFPLElBQUksRUFBRSxDQUFDO1lBRXBDLElBQUksV0FBVyxHQUF1QixJQUFJLENBQUM7WUFDM0MsSUFBSSxLQUFLLENBQUMsT0FBTyxJQUFJLElBQUksRUFBRSxDQUFDO2dCQUMxQixXQUFXLEdBQUcsY0FBSyxTQUFTLEVBQUUsTUFBTSxDQUFDLE9BQU8sWUFBRyxLQUFLLENBQUMsT0FBTyxHQUFPLENBQUM7WUFDdEUsQ0FBQztZQUVELElBQUksV0FBVyxHQUF1QixJQUFJLENBQUM7WUFDM0MsSUFBSSxPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRSxDQUFDO2dCQUN2QixXQUFXLEdBQUcsQ0FDWixjQUFLLFNBQVMsRUFBRSxNQUFNLENBQUMsT0FBTyxZQUMzQixPQUFPLENBQUMsR0FBRyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUU7d0JBQ3RCLE9BQU8sQ0FDTCxLQUFDLE1BQU0sSUFFTCxJQUFJLEVBQUMsUUFBUSxFQUNiLElBQUksRUFBQyxPQUFPLEVBQ1osT0FBTyxFQUFDLFdBQVcsRUFDbkIsT0FBTyxFQUFFLE1BQU0sQ0FBQyxPQUFPLFlBRXRCLE1BQU0sQ0FBQyxLQUFLLElBTlIsTUFBTSxDQUFDLEVBQUUsQ0FPUCxDQUNWLENBQUM7b0JBQ0osQ0FBQyxDQUFDLEdBQ0UsQ0FDUCxDQUFDO1lBQ0osQ0FBQztZQUVELElBQUksWUFBWSxHQUF1QixJQUFJLENBQUM7WUFDNUMsSUFBSSxJQUFJLEtBQUssTUFBTSxFQUFFLENBQUM7Z0JBQ3BCLFlBQVksR0FBRyxDQUNiLGNBQUssU0FBUyxFQUFFLE1BQU0sQ0FBQyxhQUFhLGlCQUFjLE1BQU0sWUFDdEQsY0FDRSxTQUFTLEVBQUUsTUFBTSxDQUFDLFdBQVcsRUFDN0IsS0FBSyxFQUFFLEVBQUUsaUJBQWlCLEVBQUUsR0FBRyxzQkFBc0IsSUFBSSxFQUFFLEdBQzNELEdBQ0UsQ0FDUCxDQUFDO1lBQ0osQ0FBQztZQUVELE9BQU8sQ0FDTCxlQUVFLFNBQVMsRUFBRSxFQUFFLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsVUFBVSxDQUFDLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxhQUV4RCxlQUFLLFNBQVMsRUFBRSxNQUFNLENBQUMsTUFBTSxhQUMzQixjQUFLLFNBQVMsRUFBRSxNQUFNLENBQUMsS0FBSyxZQUFHLEtBQUssQ0FBQyxLQUFLLEdBQU8sRUFDakQsaUJBQ0UsSUFBSSxFQUFDLFFBQVEsRUFDYixTQUFTLEVBQUUsTUFBTSxDQUFDLFdBQVcsZ0JBQ2pCLG9CQUFvQixFQUNoQyxPQUFPLEVBQUUsR0FBRyxFQUFFO29DQUNaLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7Z0NBQ3RCLENBQUMsWUFFRCxLQUFDLGFBQWEsSUFBQyxLQUFLLEVBQUUsRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFFLGlCQUFjLE1BQU0sR0FBRyxHQUNwRCxJQUNMLEVBQ0wsV0FBVyxFQUNYLFdBQVcsRUFDWCxZQUFZLEtBbEJSLEtBQUssQ0FBQyxFQUFFLENBbUJULENBQ1AsQ0FBQztRQUNKLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQyxFQUFFLENBQUMsU0FBUyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUM7SUFFOUMsSUFBSSxNQUFNLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRSxDQUFDO1FBQ3hCLE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQUVELE9BQU8sY0FBSyxTQUFTLEVBQUUsRUFBRSxDQUFDLE1BQU0sQ0FBQyxRQUFRLEVBQUUsU0FBUyxDQUFDLFlBQUcsS0FBSyxHQUFPLENBQUM7QUFDdkUsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBKU1gsIHR5cGUgUmVhY3ROb2RlLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHR5cGUgeyBSZWNpcGVWYXJpYW50cyB9IGZyb20gJ0B2YW5pbGxhLWV4dHJhY3QvcmVjaXBlcyc7XG5cbmltcG9ydCB7IE1vZGFsQ2xvc2VTdmcgfSBmcm9tICcuLi8uLi8uLi9pY29ucy9Nb2RhbENsb3NlU3ZnLmpzJztcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uLy4uL2F0b21zL2J1dHRvbi9CdXR0b24uanMnO1xuaW1wb3J0IHsgdXNlVWlUcmFuc2xhdGlvbiB9IGZyb20gJy4uLy4uLy4uL2kxOG4vdXNlVWlUcmFuc2xhdGlvbi5qcyc7XG5cbmltcG9ydCAqIGFzIHN0eWxlcyBmcm9tICcuL3RvYXN0LmNzcy5qcyc7XG5pbXBvcnQgeyBjeCB9IGZyb20gJy4uLy4uLy4uL3RoZW1lL3Rvb2xzLmpzJztcbmltcG9ydCB7IElORk9fVE9BU1RfRFVSQVRJT05fTVMgfSBmcm9tICcuL2NvbnN0YW50cy5qcyc7XG5cbmV4cG9ydCB0eXBlIFRvYXN0S2luZCA9IE5vbk51bGxhYmxlPFxuICBOb25OdWxsYWJsZTxSZWNpcGVWYXJpYW50czx0eXBlb2Ygc3R5bGVzLmtpbmRSZWNpcGU+Plsna2luZCddXG4+O1xuXG5leHBvcnQgdHlwZSBUb2FzdEFjdGlvbiA9IHtcbiAgaWQ6IHN0cmluZztcbiAgbGFiZWw6IHN0cmluZztcbiAgb25DbGljazogKCkgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCB0eXBlIFRvYXN0SXRlbSA9IHtcbiAgaWQ6IHN0cmluZztcbiAga2luZD86IFRvYXN0S2luZDtcbiAgdGl0bGU6IFJlYWN0Tm9kZTtcbiAgbWVzc2FnZT86IFJlYWN0Tm9kZTtcbiAgYWN0aW9ucz86IHJlYWRvbmx5IFRvYXN0QWN0aW9uW107XG59O1xuXG5leHBvcnQgdHlwZSBUb2FzdFZpZXdwb3J0UHJvcHMgPSB7XG4gIHRvYXN0czogcmVhZG9ubHkgVG9hc3RJdGVtW107XG4gIG9uRGlzbWlzczogKHRvYXN0SWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgZGlzbWlzc0xhYmVsPzogc3RyaW5nO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgY29uc3QgVG9hc3RWaWV3cG9ydCA9ICh7XG4gIHRvYXN0cyxcbiAgb25EaXNtaXNzLFxuICBkaXNtaXNzTGFiZWwsXG4gIGNsYXNzTmFtZSxcbn06IFRvYXN0Vmlld3BvcnRQcm9wcyk6IEpTWC5FbGVtZW50IHwgbnVsbCA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVWlUcmFuc2xhdGlvbigpO1xuICBjb25zdCByZXNvbHZlZERpc21pc3NMYWJlbCA9IGRpc21pc3NMYWJlbCA/PyB0KCd0b2FzdC5kaXNtaXNzQXJpYUxhYmVsJyk7XG5cbiAgY29uc3QgaXRlbXMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICByZXR1cm4gdG9hc3RzLm1hcCgodG9hc3QpID0+IHtcbiAgICAgIGNvbnN0IGtpbmQgPSB0b2FzdC5raW5kID8/ICdpbmZvJztcbiAgICAgIGNvbnN0IGFjdGlvbnMgPSB0b2FzdC5hY3Rpb25zID8/IFtdO1xuXG4gICAgICBsZXQgbWVzc2FnZU5vZGU6IEpTWC5FbGVtZW50IHwgbnVsbCA9IG51bGw7XG4gICAgICBpZiAodG9hc3QubWVzc2FnZSAhPSBudWxsKSB7XG4gICAgICAgIG1lc3NhZ2VOb2RlID0gPGRpdiBjbGFzc05hbWU9e3N0eWxlcy5tZXNzYWdlfT57dG9hc3QubWVzc2FnZX08L2Rpdj47XG4gICAgICB9XG5cbiAgICAgIGxldCBhY3Rpb25zTm9kZTogSlNYLkVsZW1lbnQgfCBudWxsID0gbnVsbDtcbiAgICAgIGlmIChhY3Rpb25zLmxlbmd0aCA+IDApIHtcbiAgICAgICAgYWN0aW9uc05vZGUgPSAoXG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9e3N0eWxlcy5hY3Rpb25zfT5cbiAgICAgICAgICAgIHthY3Rpb25zLm1hcCgoYWN0aW9uKSA9PiB7XG4gICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAga2V5PXthY3Rpb24uaWR9XG4gICAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICAgICAgICB2YXJpYW50PVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2FjdGlvbi5vbkNsaWNrfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHthY3Rpb24ubGFiZWx9XG4gICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKTtcbiAgICAgIH1cblxuICAgICAgbGV0IHByb2dyZXNzTm9kZTogSlNYLkVsZW1lbnQgfCBudWxsID0gbnVsbDtcbiAgICAgIGlmIChraW5kID09PSAnaW5mbycpIHtcbiAgICAgICAgcHJvZ3Jlc3NOb2RlID0gKFxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtzdHlsZXMucHJvZ3Jlc3NUcmFja30gYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17c3R5bGVzLnByb2dyZXNzQmFyfVxuICAgICAgICAgICAgICBzdHlsZT17eyBhbmltYXRpb25EdXJhdGlvbjogYCR7SU5GT19UT0FTVF9EVVJBVElPTl9NU31tc2AgfX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICk7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBrZXk9e3RvYXN0LmlkfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y3goc3R5bGVzLnRvYXN0LCBzdHlsZXMua2luZFJlY2lwZSh7IGtpbmQgfSkpfVxuICAgICAgICA+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9e3N0eWxlcy5oZWFkZXJ9PlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e3N0eWxlcy50aXRsZX0+e3RvYXN0LnRpdGxlfTwvZGl2PlxuICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgY2xhc3NOYW1lPXtzdHlsZXMuY2xvc2VCdXR0b259XG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9e3Jlc29sdmVkRGlzbWlzc0xhYmVsfVxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgb25EaXNtaXNzKHRvYXN0LmlkKTtcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPE1vZGFsQ2xvc2VTdmcgd2lkdGg9ezE4fSBoZWlnaHQ9ezE4fSBhcmlhLWhpZGRlbj1cInRydWVcIiAvPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAge21lc3NhZ2VOb2RlfVxuICAgICAgICAgIHthY3Rpb25zTm9kZX1cbiAgICAgICAgICB7cHJvZ3Jlc3NOb2RlfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICk7XG4gICAgfSk7XG4gIH0sIFtvbkRpc21pc3MsIHJlc29sdmVkRGlzbWlzc0xhYmVsLCB0b2FzdHNdKTtcblxuICBpZiAodG9hc3RzLmxlbmd0aCA9PT0gMCkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgcmV0dXJuIDxkaXYgY2xhc3NOYW1lPXtjeChzdHlsZXMudmlld3BvcnQsIGNsYXNzTmFtZSl9PntpdGVtc308L2Rpdj47XG59O1xuIl19

package/lib/atomic/molecules/toast/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const INFO_TOAST_DURATION_MS = 15000;
+//# sourceMappingURL=constants.d.ts.map

package/lib/atomic/molecules/toast/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/atomic/molecules/toast/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,QAAS,CAAC"}

package/lib/atomic/molecules/toast/constants.js

@@ -0,0 +1,2 @@
+export const INFO_TOAST_DURATION_MS = 15_000;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21pYy9tb2xlY3VsZXMvdG9hc3QvY29uc3RhbnRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLHNCQUFzQixHQUFHLE1BQU0sQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjb25zdCBJTkZPX1RPQVNUX0RVUkFUSU9OX01TID0gMTVfMDAwO1xuIl19

package/lib/atomic/molecules/toast/toast.css.d.ts

@@ -0,0 +1,25 @@
+import { type RecipeVariants } from '@vanilla-extract/recipes';
+export declare const viewport: string;
+export declare const toast: string;
+export declare const kindRecipe: import("@vanilla-extract/recipes").RuntimeFn<{
+    kind: {
+        info: {
+            borderColor: `var(--${string})`;
+        };
+        warning: {
+            borderColor: `var(--${string})`;
+        };
+        error: {
+            borderColor: `var(--${string})`;
+        };
+    };
+}>;
+export type KindVariants = RecipeVariants<typeof kindRecipe>;
+export declare const header: string;
+export declare const title: string;
+export declare const message: string;
+export declare const actions: string;
+export declare const closeButton: string;
+export declare const progressTrack: string;
+export declare const progressBar: string;
+//# sourceMappingURL=toast.css.d.ts.map

package/lib/atomic/molecules/toast/toast.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.css.d.ts","sourceRoot":"","sources":["../../../../src/atomic/molecules/toast/toast.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAKvE,eAAO,MAAM,QAAQ,QAQnB,CAAC;AAOH,eAAO,MAAM,KAAK,QAkBhB,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;;;EAWrB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAE7D,eAAO,MAAM,MAAM,QAKjB,CAAC;AAEH,eAAO,MAAM,KAAK,QAEhB,CAAC;AAEH,eAAO,MAAM,OAAO,QAElB,CAAC;AAEH,eAAO,MAAM,OAAO,QAKlB,CAAC;AAEH,eAAO,MAAM,WAAW,QAatB,CAAC;AAEH,eAAO,MAAM,aAAa,QAUxB,CAAC;AAOH,eAAO,MAAM,WAAW,QAStB,CAAC"}

package/lib/atomic/molecules/toast/toast.css.js

@@ -0,0 +1,106 @@
+import { keyframes, style } from '@vanilla-extract/css';
+import { recipe } from '@vanilla-extract/recipes';
+import { sprinkles } from '../../../theme/sprinkles.css.js';
+import { vars } from '../../../theme/themeContract.js';
+export const viewport = sprinkles({
+    position: 'fixed',
+    right: 4,
+    bottom: 4,
+    zIndex: 'modal',
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 2,
+});
+const slideIn = keyframes({
+    from: { transform: 'translateY(10px)', opacity: 0 },
+    to: { transform: 'translateY(0)', opacity: 1 },
+});
+export const toast = style([
+    sprinkles({
+        backgroundColor: 'white',
+        borderColor: 'border',
+        borderStyle: 'solid',
+        borderWidth: 'default',
+        display: 'flex',
+        flexDirection: 'column',
+        gap: 1,
+        paddingX: 4,
+        paddingY: 3,
+        borderRadius: 'lg',
+        boxShadow: 'lg',
+    }),
+    {
+        width: 'min(28rem, calc(100vw - 2rem))',
+        animation: `${slideIn} 140ms ease-out`,
+    },
+]);
+export const kindRecipe = recipe({
+    variants: {
+        kind: {
+            info: { borderColor: vars.colors['blue-200'] },
+            warning: { borderColor: vars.colors['amber-200'] },
+            error: { borderColor: vars.colors['red-200'] },
+        },
+    },
+    defaultVariants: {
+        kind: 'info',
+    },
+});
+export const header = sprinkles({
+    display: 'flex',
+    alignItems: 'flex-start',
+    justifyContent: 'space-between',
+    gap: 2,
+});
+export const title = sprinkles({
+    fontWeight: 'semibold',
+});
+export const message = sprinkles({
+    fontSize: 'sm',
+});
+export const actions = sprinkles({
+    display: 'inline-flex',
+    alignItems: 'center',
+    gap: 2,
+    marginTop: 1,
+});
+export const closeButton = style([
+    sprinkles({
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: 8,
+        height: 8,
+        borderRadius: 'md',
+        borderStyle: 'none',
+        borderWidth: 0,
+        backgroundColor: 'transparent',
+        cursor: 'pointer',
+    }),
+]);
+export const progressTrack = style([
+    sprinkles({
+        marginTop: 1,
+        borderRadius: 'full',
+    }),
+    {
+        height: 4,
+        backgroundColor: vars.colors['blue-50'],
+        overflow: 'hidden',
+    },
+]);
+const progressFill = keyframes({
+    from: { width: '0%' },
+    to: { width: '100%' },
+});
+export const progressBar = style([
+    {
+        height: '100%',
+        width: '0%',
+        backgroundColor: vars.colors['blue-400'],
+        animationName: progressFill,
+        animationTimingFunction: 'linear',
+        animationFillMode: 'forwards',
+    },
+]);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuY3NzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21pYy9tb2xlY3VsZXMvdG9hc3QvdG9hc3QuY3NzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDeEQsT0FBTyxFQUFFLE1BQU0sRUFBdUIsTUFBTSwwQkFBMEIsQ0FBQztBQUV2RSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDNUQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRXZELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxTQUFTLENBQUM7SUFDaEMsUUFBUSxFQUFFLE9BQU87SUFDakIsS0FBSyxFQUFFLENBQUM7SUFDUixNQUFNLEVBQUUsQ0FBQztJQUNULE1BQU0sRUFBRSxPQUFPO0lBQ2YsT0FBTyxFQUFFLE1BQU07SUFDZixhQUFhLEVBQUUsUUFBUTtJQUN2QixHQUFHLEVBQUUsQ0FBQztDQUNQLENBQUMsQ0FBQztBQUVILE1BQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQztJQUN4QixJQUFJLEVBQUUsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRTtJQUNuRCxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUU7Q0FDL0MsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQztJQUN6QixTQUFTLENBQUM7UUFDUixlQUFlLEVBQUUsT0FBTztRQUN4QixXQUFXLEVBQUUsUUFBUTtRQUNyQixXQUFXLEVBQUUsT0FBTztRQUNwQixXQUFXLEVBQUUsU0FBUztRQUN0QixPQUFPLEVBQUUsTUFBTTtRQUNmLGFBQWEsRUFBRSxRQUFRO1FBQ3ZCLEdBQUcsRUFBRSxDQUFDO1FBQ04sUUFB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WyJpbXBvcnQgeyBrZXlmcmFtZXMsIHN0eWxlIH0gZnJvbSAnQHZhbmlsbGEtZXh0cmFjdC9jc3MnO1xuaW1wb3J0IHsgcmVjaXBlLCB0eXBlIFJlY2lwZVZhcmlhbnRzIH0gZnJvbSAnQHZhbmlsbGEtZXh0cmFjdC9yZWNpcGVzJztcblxuaW1wb3J0IHsgc3ByaW5rbGVzIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWUvc3ByaW5rbGVzLmNzcy5qcyc7XG5pbXBvcnQgeyB2YXJzIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWUvdGhlbWVDb250cmFjdC5qcyc7XG5cbmV4cG9ydCBjb25zdCB2aWV3cG9ydCA9IHNwcmlua2xlcyh7XG4gIHBvc2l0aW9uOiAnZml4ZWQnLFxuICByaWdodDogNCxcbiAgYm90dG9tOiA0LFxuICB6SW5kZXg6ICdtb2RhbCcsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gIGdhcDogMixcbn0pO1xuXG5jb25zdCBzbGlkZUluID0ga2V5ZnJhbWVzKHtcbiAgZnJvbTogeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGVZKDEwcHgpJywgb3BhY2l0eTogMCB9LFxuICB0bzogeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGVZKDApJywgb3BhY2l0eTogMSB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCB0b2FzdCA9IHN0eWxlKFtcbiAgc3ByaW5rbGVzKHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6ICd3aGl0ZScsXG4gICAgYm9yZGVyQ29sb3I6ICdib3JkZXInLFxuICAgIGJvcmRlclN0eWxlOiAnc29saWQnLFxuICAgIGJvcmRlcldpZHRoOiAnZGVmYXVsdCcsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGZsZXhEaXJlY3Rpb246ICdjb2x1bW4nLFxuICAgIGdhcDogMSxcbiAgICBwYWRkaW5nWDogNCxcbiAgICBwYWRkaW5nWTogMyxcbiAgICBib3JkZXJSYWRpdXM6ICdsZycsXG4gICAgYm94U2hhZG93OiAnbGcnLFxuICB9KSxcbiAge1xuICAgIHdpZHRoOiAnbWluKDI4cmVtLCBjYWxjKDEwMHZ3IC0gMnJlbSkpJyxcbiAgICBhbmltYXRpb246IGAke3NsaWRlSW59IDE0MG1zIGVhc2Utb3V0YCxcbiAgfSxcbl0pO1xuXG5leHBvcnQgY29uc3Qga2luZFJlY2lwZSA9IHJlY2lwZSh7XG4gIHZhcmlhbnRzOiB7XG4gICAga2luZDoge1xuICAgICAgaW5mbzogeyBib3JkZXJDb2xvcjogdmFycy5jb2xvcnNbJ2JsdWUtMjAwJ10gfSxcbiAgICAgIHdhcm5pbmc6IHsgYm9yZGVyQ29sb3I6IHZhcnMuY29sb3JzWydhbWJlci0yMDAnXSB9LFxuICAgICAgZXJyb3I6IHsgYm9yZGVyQ29sb3I6IHZhcnMuY29sb3JzWydyZWQtMjAwJ10gfSxcbiAgICB9LFxuICB9LFxuICBkZWZhdWx0VmFyaWFudHM6IHtcbiAgICBraW5kOiAnaW5mbycsXG4gIH0sXG59KTtcblxuZXhwb3J0IHR5cGUgS2luZFZhcmlhbnRzID0gUmVjaXBlVmFyaWFudHM8dHlwZW9mIGtpbmRSZWNpcGU+O1xuXG5leHBvcnQgY29uc3QgaGVhZGVyID0gc3ByaW5rbGVzKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBhbGlnbkl0ZW1zOiAnZmxleC1zdGFydCcsXG4gIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXG4gIGdhcDogMixcbn0pO1xuXG5leHBvcnQgY29uc3QgdGl0bGUgPSBzcHJpbmtsZXMoe1xuICBmb250V2VpZ2h0OiAnc2VtaWJvbGQnLFxufSk7XG5cbmV4cG9ydCBjb25zdCBtZXNzYWdlID0gc3ByaW5rbGVzKHtcbiAgZm9udFNpemU6ICdzbScsXG59KTtcblxuZXhwb3J0IGNvbnN0IGFjdGlvbnMgPSBzcHJpbmtsZXMoe1xuICBkaXNwbGF5OiAnaW5saW5lLWZsZXgnLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgZ2FwOiAyLFxuICBtYXJnaW5Ub3A6IDEsXG59KTtcblxuZXhwb3J0IGNvbnN0IGNsb3NlQnV0dG9uID0gc3R5bGUoW1xuICBzcHJpbmtsZXMoe1xuICAgIGRpc3BsYXk6ICdpbmxpbmUtZmxleCcsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgIHdpZHRoOiA4LFxuICAgIGhlaWdodDogOCxcbiAgICBib3JkZXJSYWRpdXM6ICdtZCcsXG4gICAgYm9yZGVyU3R5bGU6ICdub25lJyxcbiAgICBib3JkZXJXaWR0aDogMCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6ICd0cmFuc3BhcmVudCcsXG4gICAgY3Vyc29yOiAncG9pbnRlcicsXG4gIH0pLFxuXSk7XG5cbmV4cG9ydCBjb25zdCBwcm9ncmVzc1RyYWNrID0gc3R5bGUoW1xuICBzcHJpbmtsZXMoe1xuICAgIG1hcmdpblRvcDogMSxcbiAgICBib3JkZXJSYWRpdXM6ICdmdWxsJyxcbiAgfSksXG4gIHtcbiAgICBoZWlnaHQ6IDQsXG4gICAgYmFja2dyb3VuZENvbG9yOiB2YXJzLmNvbG9yc1snYmx1ZS01MCddLFxuICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgfSxcbl0pO1xuXG5jb25zdCBwcm9ncmVzc0ZpbGwgPSBrZXlmcmFtZXMoe1xuICBmcm9tOiB7IHdpZHRoOiAnMCUnIH0sXG4gIHRvOiB7IHdpZHRoOiAnMTAwJScgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgcHJvZ3Jlc3NCYXIgPSBzdHlsZShbXG4gIHtcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICB3aWR0aDogJzAlJyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHZhcnMuY29sb3JzWydibHVlLTQwMCddLFxuICAgIGFuaW1hdGlvbk5hbWU6IHByb2dyZXNzRmlsbCxcbiAgICBhbmltYXRpb25UaW1pbmdGdW5jdGlvbjogJ2xpbmVhcicsXG4gICAgYW5pbWF0aW9uRmlsbE1vZGU6ICdmb3J3YXJkcycsXG4gIH0sXG5dKTtcbiJdfQ==

package/lib/components/data-table/DataTable.css.d.ts

@@ -0,0 +1,61 @@
+import { type StyleRule } from '@vanilla-extract/css';
+export declare const container: import("@vanilla-extract/recipes").RuntimeFn<{
+    kind: {
+        default: string;
+        brandTable: string;
+    };
+}>;
+export declare const header: import("@vanilla-extract/recipes").RuntimeFn<{
+    kind: {
+        default: string;
+        brandTable: string;
+    };
+}>;
+export declare const headerRow: string;
+export declare const tableCellPaddingVar: `var(--${string})`;
+export declare const tableCellFontSizeVar: `var(--${string})`;
+export declare const tableEmptyRowPaddingVar: `var(--${string})`;
+export declare const headerCell: import("@vanilla-extract/recipes").RuntimeFn<{
+    kind: {
+        default: string;
+        brandTable: string;
+    };
+}>;
+export declare const body: import("@vanilla-extract/recipes").RuntimeFn<{
+    kind: {
+        default: {};
+        brandTable: string;
+    };
+}>;
+export declare const row: import("@vanilla-extract/recipes").RuntimeFn<{
+    kind: {
+        default: string;
+        brandTable: string;
+    };
+}>;
+export declare const rowEven: import("@vanilla-extract/recipes").RuntimeFn<{
+    kind: {
+        default: string;
+        brandTable: string;
+    };
+}>;
+export declare const rowOdd: import("@vanilla-extract/recipes").RuntimeFn<{
+    kind: {
+        default: string;
+        brandTable: string;
+    };
+}>;
+export declare const cell: import("@vanilla-extract/recipes").RuntimeFn<{
+    kind: {
+        default: string;
+        brandTable: string;
+    };
+}>;
+export declare const primaryCell: string;
+export declare const primaryHeaderCell: string;
+export declare const emptyRow: string;
+export declare const emptyCell: string;
+export declare const hideBelowRecipe: import("@vanilla-extract/recipes").RuntimeFn<{
+    minVisibleAt: Record<"sm" | "md" | "lg" | "xl" | "xxl", StyleRule>;
+}>;
+//# sourceMappingURL=DataTable.css.d.ts.map

package/lib/components/data-table/DataTable.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.css.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/DataTable.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,sBAAsB,CAAC;AAW9B,eAAO,MAAM,SAAS;;;;;EA6BpB,CAAC;AAEH,eAAO,MAAM,MAAM;;;;;EAsBjB,CAAC;AAEH,eAAO,MAAM,SAAS,QAIpB,CAAC;AAEH,eAAO,MAAM,mBAAmB,oBAAc,CAAC;AAC/C,eAAO,MAAM,oBAAoB,oBAAc,CAAC;AAChD,eAAO,MAAM,uBAAuB,oBAAc,CAAC;AAEnD,eAAO,MAAM,UAAU;;;;;EA8CrB,CAAC;AAEH,eAAO,MAAM,IAAI;;;;;EAgBf,CAAC;AAEH,eAAO,MAAM,GAAG;;;;;EAmDd,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;EAclB,CAAC;AAEH,eAAO,MAAM,MAAM;;;;;EAcjB,CAAC;AAEH,eAAO,MAAM,IAAI;;;;;EAyCf,CAAC;AAEH,eAAO,MAAM,WAAW,QAGtB,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAE5B,CAAC;AAEH,eAAO,MAAM,QAAQ,QAKnB,CAAC;AAEH,eAAO,MAAM,SAAS,QAIpB,CAAC;AAuBH,eAAO,MAAM,eAAe;;EAI1B,CAAC"}