@infonomic/uikit 1.0.0

package/dist/components/notifications/alert.js

@@ -0,0 +1,103 @@
+'use client'
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import classnames from "classnames";
+import { Button } from "../button/button.js";
+import { CloseIcon } from "../../icons/close-icon.js";
+import { DangerIcon } from "../../icons/danger-icon.js";
+import { InfoIcon } from "../../icons/info-icon.js";
+import { SuccessIcon } from "../../icons/success-icon.js";
+import { WarningIcon } from "../../icons/warning-icon.js";
+import alert_module from "./alert.module.js";
+const alertIcons = {
+    primary: WarningIcon,
+    secondary: InfoIcon,
+    success: SuccessIcon,
+    info: InfoIcon,
+    warning: WarningIcon,
+    danger: DangerIcon
+};
+const alert_Alert = function({ ref, intent = 'success', icon = true, close = true, title, className, children, ...rest }) {
+    const [show, setShow] = useState(true);
+    const [fade, setFade] = useState(false);
+    const Icon = alertIcons[intent];
+    const handleOnClose = ()=>{
+        setFade(true);
+        setTimeout(()=>setShow(false), 400);
+    };
+    useEffect(()=>{}, [
+        show
+    ]);
+    if (false === show) return null;
+    return /*#__PURE__*/ jsx("div", {
+        ref: ref,
+        className: classnames(alert_module.alert, alert_module[intent], className, {
+            [alert_module.fade]: fade
+        }),
+        ...rest,
+        children: null != title ? /*#__PURE__*/ jsx(Fragment, {
+            children: /*#__PURE__*/ jsxs("div", {
+                className: alert_module["alert-with-title"],
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: classnames(alert_module.header),
+                        children: [
+                            icon && /*#__PURE__*/ jsx(Icon, {
+                                useSprite: true,
+                                className: alert_module.icon
+                            }),
+                            /*#__PURE__*/ jsx("div", {
+                                className: classnames(alert_module.title),
+                                children: /*#__PURE__*/ jsx("span", {
+                                    children: title
+                                })
+                            }),
+                            true === close && /*#__PURE__*/ jsx(Button, {
+                                intent: intent,
+                                variant: "filled",
+                                "aria-label": "Close",
+                                className: classnames(alert_module.close),
+                                type: "button",
+                                onClick: handleOnClose,
+                                ...rest,
+                                children: /*#__PURE__*/ jsx(CloseIcon, {
+                                    height: "12px",
+                                    width: "12px"
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        className: classnames(alert_module.content),
+                        children: children
+                    })
+                ]
+            })
+        }) : /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                icon && /*#__PURE__*/ jsx(Icon, {
+                    useSprite: true,
+                    className: alert_module.icon
+                }),
+                /*#__PURE__*/ jsx("div", {
+                    className: alert_module.content,
+                    children: children
+                }),
+                true === close && /*#__PURE__*/ jsx(Button, {
+                    intent: intent,
+                    variant: "filled",
+                    "aria-label": "Close",
+                    className: alert_module.close,
+                    type: "button",
+                    onClick: handleOnClose,
+                    ...rest,
+                    children: /*#__PURE__*/ jsx(CloseIcon, {
+                        height: "12px",
+                        width: "12px"
+                    })
+                })
+            ]
+        })
+    });
+};
+export { alert_Alert as Alert };

package/dist/components/notifications/alert.module.js

@@ -0,0 +1,20 @@
+import "./alert_module.css";
+const alert_module = {
+    alert: "alert-dXimWG",
+    "alert-with-title": "alert-with-title-SylcSu",
+    alertWithTitle: "alert-with-title-SylcSu",
+    icon: "icon-RcHAGq",
+    close: "close-BUVZO7",
+    fade: "fade-VGuhOJ",
+    header: "header-y_AKgG",
+    title: "title-M6aCqW",
+    content: "content-oyoXMS",
+    primary: "primary-Y1uhvt",
+    secondary: "secondary-A_6wDq",
+    noeffect: "noeffect-4mzRDQ",
+    success: "success-FCgDMo",
+    info: "info-KZnWBW",
+    warning: "warning-UtouDH",
+    danger: "danger-QFtDqI"
+};
+export { alert_module as default };

package/dist/components/notifications/alert_module.css

@@ -0,0 +1,114 @@
+@layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-typography;
+
+@layer infonomic-components {
+  .alert-dXimWG {
+    align-items: start;
+    gap: var(--gap-2);
+    border-radius: var(--border-radius-md);
+    border: 1px solid var(--alert-border);
+    background-color: var(--alert-background);
+    width: 100%;
+    margin-bottom: 1rem;
+    padding: 16px;
+    font-family: inherit;
+    font-weight: normal;
+    transition: all .3s ease-in-out;
+    display: flex;
+  }
+
+  .alert-with-title-SylcSu {
+    flex-direction: column;
+    width: 100%;
+    display: flex;
+  }
+
+  .icon-RcHAGq {
+    justify-content: center;
+    align-items: center;
+    display: flex;
+  }
+
+  .close-BUVZO7 {
+    border-radius: 100%;
+    justify-content: center;
+    align-items: center;
+    width: 24px;
+    min-width: 24px;
+    height: 24px;
+    min-height: 24px;
+    margin-top: -2px;
+    margin-left: auto;
+    padding: 0;
+    display: flex;
+  }
+
+  .close-BUVZO7 svg {
+    fill: #fff;
+  }
+
+  .fade-VGuhOJ {
+    opacity: 0;
+    transition: opacity .4s ease-in-out;
+  }
+
+  .header-y_AKgG {
+    width: 100%;
+    margin-bottom: var(--spacing-2);
+    align-items: start;
+    gap: var(--gap-2);
+    display: flex;
+  }
+
+  .title-M6aCqW {
+    padding-top: 1px;
+    font-size: 1.2rem;
+    font-weight: bold;
+    line-height: 1;
+    display: flex;
+  }
+
+  .content-oyoXMS {
+    font-size: var(--font-size-sm);
+    padding-top: 1px;
+  }
+
+  .content-oyoXMS:first-child {
+    margin-top: 0;
+  }
+
+  .primary-Y1uhvt {
+    --alert-border: var(--primary-300);
+    --alert-background: oklch(from var(--primary-500) l c h / .1);
+  }
+
+  .secondary-A_6wDq {
+    --alert-border: var(--secondary-300);
+    --alert-background: oklch(from var(--secondary-500) l c h / .1);
+  }
+
+  .noeffect-4mzRDQ {
+    --alert-border: var(--gray-300);
+    --alert-background: oklch(from var(--gray-500) l c h / .1);
+  }
+
+  .success-FCgDMo {
+    --alert-border: var(--green-300);
+    --alert-background: oklch(from var(--green-500) l c h / .1);
+  }
+
+  .info-KZnWBW {
+    --alert-border: var(--blue-300);
+    --alert-background: oklch(from var(--blue-500) l c h / .1);
+  }
+
+  .warning-UtouDH {
+    --alert-border: var(--yellow-300);
+    --alert-background: oklch(from var(--yellow-500) l c h / .1);
+  }
+
+  .danger-QFtDqI {
+    --alert-border: var(--red-300);
+    --alert-background: oklch(from var(--red-500) l c h / .1);
+  }
+}
+

package/dist/components/notifications/index.js

@@ -0,0 +1,2 @@
+export * from "./alert.js";
+export * from "./toast.js";

package/dist/components/notifications/toast.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Toast as ToastPrimitive } from 'radix-ui';
+import type { IconType, Intent, OnOpenChange, Position } from './@types/toast.js';
+export interface ToastProps extends React.InputHTMLAttributes<HTMLLIElement> {
+    intent?: Intent;
+    position?: Position;
+    title: string;
+    message: string;
+    icon?: boolean;
+    iconType?: IconType;
+    close?: boolean;
+    open: boolean;
+    onOpenChange: OnOpenChange;
+    className?: string;
+}
+export declare const ToastProvider: React.FC<ToastPrimitive.ToastProviderProps>;
+export declare const ToastViewport: React.ForwardRefExoticComponent<ToastPrimitive.ToastViewportProps & React.RefAttributes<HTMLOListElement>>;
+export declare const Toast: ({ ref, intent, position, title, message, icon, iconType, close, open, onOpenChange, className, }: ToastProps & {
+    ref?: React.RefObject<HTMLLIElement>;
+}) => React.JSX.Element;
+//# sourceMappingURL=toast.d.ts.map

package/dist/components/notifications/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/components/notifications/toast.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,UAAU,CAAA;AAalD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AASjF,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,aAAa,CAAC;IAC1E,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,YAAY,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,aAAa,6CAA0B,CAAA;AACpD,eAAO,MAAM,aAAa,4GAA0B,CAAA;AAIpD,eAAO,MAAM,KAAK,GAAkB,kGAYjC,UAAU,GAAG;IACd,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,CAAA;CACrC,sBAqEA,CAAA"}

package/dist/components/notifications/toast.js

@@ -0,0 +1,82 @@
+'use client'
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useFocusTrap, useMergedRef } from "@mantine/hooks";
+import classnames from "classnames";
+import react from "react";
+import { Toast as external_radix_ui_Toast } from "radix-ui";
+import { DangerIcon } from "../../icons/danger-icon.js";
+import { InfoIcon } from "../../icons/info-icon.js";
+import { SuccessIcon } from "../../icons/success-icon.js";
+import { WarningIcon } from "../../icons/warning-icon.js";
+import { Button } from "../button/button.js";
+import toast_module from "./toast.module.js";
+import { CloseIcon } from "../../icons/close-icon.js";
+const toastIcons = {
+    success: SuccessIcon,
+    info: InfoIcon,
+    warning: WarningIcon,
+    danger: DangerIcon
+};
+const ToastProvider = external_radix_ui_Toast.Provider;
+const ToastViewport = external_radix_ui_Toast.Viewport;
+const toast_Toast = function({ ref, intent = 'success', position = 'bottom-right', title, message, icon = true, iconType = 'success', close = true, open, onOpenChange, className }) {
+    const eventDateRef = react.useRef(new Date());
+    react.useRef(0);
+    const focusTrapRef = useFocusTrap();
+    const mergedRef = useMergedRef(ref, focusTrapRef);
+    const Icon = toastIcons[iconType];
+    const handleOnClose = ()=>{
+        if (null != onOpenChange) onOpenChange(false);
+    };
+    return /*#__PURE__*/ jsxs(external_radix_ui_Toast.Root, {
+        ref: mergedRef,
+        className: classnames(toast_module.root, toast_module[position]),
+        open: open,
+        onOpenChange: onOpenChange,
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: toast_module.header,
+                children: [
+                    /*#__PURE__*/ jsx("time", {
+                        dateTime: eventDateRef.current.toISOString(),
+                        className: "text-sm",
+                        children: new Intl.DateTimeFormat('default', {
+                            hour12: true,
+                            hour: 'numeric',
+                            minute: 'numeric'
+                        }).format(eventDateRef.current)
+                    }),
+                    true === close && /*#__PURE__*/ jsx(external_radix_ui_Toast.Close, {
+                        "aria-label": "Close",
+                        asChild: true,
+                        children: /*#__PURE__*/ jsx(Button, {
+                            intent: intent,
+                            tabIndex: 0,
+                            variant: "filled",
+                            "aria-label": "Close",
+                            className: toast_module.close,
+                            type: "button",
+                            onClick: handleOnClose,
+                            children: /*#__PURE__*/ jsx(CloseIcon, {
+                                height: "12px",
+                                width: "12px"
+                            })
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs(external_radix_ui_Toast.Title, {
+                className: toast_module.title,
+                children: [
+                    null != icon && /*#__PURE__*/ jsx(Icon, {}),
+                    title
+                ]
+            }),
+            /*#__PURE__*/ jsx(external_radix_ui_Toast.Description, {
+                className: toast_module.description,
+                children: message
+            })
+        ]
+    });
+};
+export { toast_Toast as Toast, ToastProvider, ToastViewport };

package/dist/components/notifications/toast.module.js

@@ -0,0 +1,24 @@
+import "./toast_module.css";
+const toast_module = {
+    root: "root-dWN7jD",
+    slideInFromBottom: "slideInFromBottom-O94u9U",
+    hide: "hide-vlOoW0",
+    "top-right": "top-right-OsKbVb",
+    topRight: "top-right-OsKbVb",
+    "bottom-right": "bottom-right-Nzuhur",
+    bottomRight: "bottom-right-Nzuhur",
+    swipeOutToRight: "swipeOutToRight-FWaeVx",
+    "top-left": "top-left-dy_IMc",
+    topLeft: "top-left-dy_IMc",
+    "bottom-left": "bottom-left-_RdEZn",
+    bottomLeft: "bottom-left-_RdEZn",
+    swipeOutToLeft: "swipeOutToLeft-OI9y6O",
+    header: "header-ItoxDs",
+    close: "close-HwTMjn",
+    title: "title-qfQE8M",
+    description: "description-nQWtgX",
+    action: "action-PunqB2",
+    slideInFromRight: "slideInFromRight-G4Hu_M",
+    slideInFromLeft: "slideInFromLeft-m703fy"
+};
+export { toast_module as default };

package/dist/components/notifications/toast_module.css

@@ -0,0 +1,207 @@
+@layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-typography;
+
+@layer infonomic-components {
+  .root-dWN7jD {
+    gap: var(--gap-1);
+    background: var(--gray-25);
+    border-width: var(--border-width-thin);
+    border-color: var(--border-color);
+    border-style: var(--border-style-solid);
+    border-radius: var(--border-radius-md);
+    box-shadow: var(--shadow-sm);
+    flex-direction: column;
+    padding-top: 12px;
+    padding-bottom: 16px;
+    display: flex;
+    position: absolute;
+  }
+
+  .root-dWN7jD:is(.dark *) {
+    background: var(--canvas-800);
+  }
+
+  .root-dWN7jD[data-state="open"] {
+    animation: .15s cubic-bezier(.16, 1, .3, 1) slideInFromBottom-O94u9U;
+  }
+
+  .root-dWN7jD[data-state="closed"] {
+    animation: .1s ease-in hide-vlOoW0;
+  }
+
+  .root-dWN7jD[data-swipe="move"] {
+    transform: translateX(var(--radix-toast-swipe-move-x));
+  }
+
+  .root-dWN7jD[data-swipe="cancel"] {
+    transition: transform .2s ease-out;
+    transform: translateX(0);
+  }
+
+  .root-dWN7jD.top-right-OsKbVb[data-swipe="end"], .root-dWN7jD.bottom-right-Nzuhur[data-swipe="end"] {
+    animation: .1s ease-out swipeOutToRight-FWaeVx;
+  }
+
+  .root-dWN7jD.top-left-dy_IMc[data-swipe="end"], .root-dWN7jD.bottom-left-_RdEZn[data-swipe="end"] {
+    animation: .1s ease-out swipeOutToLeft-OI9y6O;
+  }
+
+  .header-ItoxDs {
+    align-items: start;
+    gap: var(--gap-2);
+    justify-content: space-between;
+    padding: 0 16px 0 12px;
+    display: flex;
+  }
+
+  .close-HwTMjn {
+    border-radius: 100%;
+    justify-content: center;
+    align-items: center;
+    width: 24px;
+    min-width: 24px;
+    height: 24px;
+    min-height: 24px;
+    margin-top: -2px;
+    margin-left: auto;
+    padding: 0;
+    display: flex;
+  }
+
+  .close-HwTMjn svg {
+    fill: #fff;
+  }
+
+  .title-qfQE8M {
+    align-items: start;
+    gap: var(--gap-2);
+    margin-bottom: 5px;
+    padding: 0 12px 0 8px;
+    font-size: 15px;
+    font-weight: 500;
+    display: flex;
+  }
+
+  .description-nQWtgX {
+    font-size: var(--font-size-sm);
+    margin: 0;
+    padding: 0 8px 0 12px;
+    line-height: 1.3;
+  }
+
+  .action-PunqB2 {
+    justify-content: end;
+    padding: 0 12px;
+    display: flex;
+  }
+
+  .top-left-dy_IMc, .top-right-OsKbVb {
+    top: 88px;
+    left: 16px;
+    right: 16px;
+  }
+
+  .bottom-left-_RdEZn, .bottom-right-Nzuhur {
+    bottom: 16px;
+    left: 16px;
+    right: 16px;
+  }
+
+  @media (min-width: 768px) {
+    .root-dWN7jD.top-right-OsKbVb[data-state="open"], .root-dWN7jD.bottom-right-Nzuhur[data-state="open"] {
+      animation: .15s cubic-bezier(.16, 1, .3, 1) slideInFromRight-G4Hu_M;
+    }
+
+    .root-dWN7jD.top-left-dy_IMc[data-state="open"], .root-dWN7jD.bottom-left-_RdEZn[data-state="open"] {
+      animation: .15s cubic-bezier(.16, 1, .3, 1) slideInFromLeft-m703fy;
+    }
+
+    .bottom-right-Nzuhur {
+      width: 100%;
+      max-width: 390px;
+      bottom: 16px;
+      left: auto;
+      right: 16px;
+    }
+
+    .bottom-left-_RdEZn {
+      width: 100%;
+      max-width: 390px;
+      bottom: 16px;
+      left: 16px;
+      right: auto;
+    }
+
+    .top-left-dy_IMc {
+      width: 100%;
+      max-width: 390px;
+      inset: 88px auto auto 16px;
+    }
+
+    .top-right-OsKbVb {
+      width: 100%;
+      max-width: 390px;
+      inset: 88px 16px auto auto;
+    }
+  }
+
+  @keyframes slideInFromRight-G4Hu_M {
+    from {
+      transform: translateX(calc(100% + var(--viewport-padding)));
+    }
+
+    to {
+      transform: translateX(0);
+    }
+  }
+
+  @keyframes slideInFromLeft-m703fy {
+    from {
+      transform: translateX(calc(-100% - var(--viewport-padding)));
+    }
+
+    to {
+      transform: translateX(0);
+    }
+  }
+
+  @keyframes slideInFromBottom-O94u9U {
+    from {
+      transform: translateY(calc(100% + var(--viewport-padding)));
+    }
+
+    to {
+      transform: translateY(0);
+    }
+  }
+
+  @keyframes swipeOutToRight-FWaeVx {
+    from {
+      transform: translateX(var(--radix-toast-swipe-end-x));
+    }
+
+    to {
+      transform: translateX(calc(100% + var(--viewport-padding)));
+    }
+  }
+
+  @keyframes swipeOutToLeft-OI9y6O {
+    from {
+      transform: translateX(var(--radix-toast-swipe-end-x));
+    }
+
+    to {
+      transform: translateX(calc(-100% - var(--viewport-padding)));
+    }
+  }
+
+  @keyframes hide-vlOoW0 {
+    from {
+      opacity: 1;
+    }
+
+    to {
+      opacity: 0;
+    }
+  }
+}
+

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

@@ -0,0 +1,2 @@
+export * from './overlay';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/overlay/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/overlay/index.ts"],"names":[],"mappings":"AACA,cAAc,WAAW,CAAA"}

package/dist/components/overlay/index.js

@@ -0,0 +1 @@
+export * from "./overlay.js";

package/dist/components/overlay/overlay.d.ts

@@ -0,0 +1,9 @@
+import type React from 'react';
+type OverlayIntrinsicProps = React.JSX.IntrinsicElements['div'];
+export interface OverlayProps extends OverlayIntrinsicProps {
+    isUnmounting?: boolean;
+    className?: string;
+}
+export declare function Overlay(props: OverlayProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=overlay.d.ts.map

package/dist/components/overlay/overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/components/overlay/overlay.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,KAAK,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;AAC/D,MAAM,WAAW,YAAa,SAAQ,qBAAqB;IACzD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA8BD,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiB9D"}

package/dist/components/overlay/overlay.js

@@ -0,0 +1,47 @@
+'use client'
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import classnames from "classnames";
+import overlay_module from "./overlay.module.js";
+const BodyLock = ()=>{
+    useEffect(()=>{
+        const mediaMatch = window.matchMedia('(min-width: 960px)');
+        let appBar;
+        if (mediaMatch.matches) {
+            document.body.style.cssText = 'overflow: hidden; padding-right: 9px;';
+            document.body.style.overflow = 'hidden';
+            appBar = document.getElementById('app-bar');
+            if (null != appBar) appBar.style.cssText = 'padding-right: 9px';
+        } else {
+            document.body.style.cssText = 'overflow: hidden;';
+            document.body.style.overflow = 'hidden';
+        }
+        return ()=>{
+            document.body.style.cssText = `
+        overflow: visible;
+        overflow: overlay;
+      `;
+            if (mediaMatch.matches) {
+                if (null != appBar) appBar.style.cssText = 'padding-right: 18px';
+            }
+        };
+    }, []);
+    return null;
+};
+function Overlay(props) {
+    const { isUnmounting, className, ...rest } = props;
+    const classes = classnames(overlay_module.overlay, 'animate-fade-in', {
+        'animate-fade-out': isUnmounting
+    });
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(BodyLock, {}),
+            /*#__PURE__*/ jsx("div", {
+                role: "presentation",
+                className: classnames(classes, className),
+                ...rest
+            })
+        ]
+    });
+}
+export { Overlay };

package/dist/components/overlay/overlay.module.js

@@ -0,0 +1,13 @@
+import "./overlay_module.css";
+const overlay_module = {
+    overlay: "overlay-hax8h5",
+    "animate-fade-in": "animate-fade-in-oC0Zd7",
+    animateFadeIn: "animate-fade-in-oC0Zd7",
+    "fade-in": "fade-in-ODU8WG",
+    fadeIn: "fade-in-ODU8WG",
+    "animate-fade-out": "animate-fade-out-kWVP8l",
+    animateFadeOut: "animate-fade-out-kWVP8l",
+    "fade-out": "fade-out-i2NoTL",
+    fadeOut: "fade-out-i2NoTL"
+};
+export { overlay_module as default };