@apple-pie/slice 0.1.60 → 0.2.0

package/dist/esm/chunks/VideoController-DQoDDY1a.mjs

@@ -0,0 +1,201 @@
+'use client';
+import { a as __rest } from "./tslib.es6-CpnJrDBv.mjs";
+
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+
+import { AnimatePresence, usePresence, useAnimationControls, useDragControls, useMotionValue, motion } from "motion/react";
+
+import { useRef, useEffect, useMemo, useState } from "react";
+
+import { useTheme } from "../hooks/useTheme.mjs";
+
+import { u as useVideo, g as getVideo, v as videoActions } from "./videoStore-Cd-Lewfy.mjs";
+
+import { corners } from "../theme/corners.mjs";
+
+import { a as classNames, s as setStyle } from "./misc-DI5GSqkt.mjs";
+
+import { r as resolveColorProps } from "./resolveColorProps-CwAU25V-.mjs";
+
+import { g as getWaterTransition } from "./getWaterTransition-CrDSFJdk.mjs";
+
+import { u as usePrefersReducedMotion } from "./usePrefersReducedMotion-BWAwMMLE.mjs";
+
+import { I as Icon } from "./Icon-43T0fkr6.mjs";
+
+import { I as IconButton } from "./IconButton-oqYTUJit.mjs";
+
+import { u as useModalHost } from "./useModalHost-DiYFB7Mq.mjs";
+
+import { O as Overlay } from "./Overlay-C_FMcUyg.mjs";
+
+import { g as getVideoControls } from "./getVideoControls-aoqr4T3P.mjs";
+
+var css_container = "VideoController-module_container__wNiGy", css_box = "VideoController-module_box__a0PRD", css_wrapper = "VideoController-module_wrapper__RhpUo", css_video = "VideoController-module_video__9bS2L", css_loading = "VideoController-module_loading__Pahob", css_dragHandle = "VideoController-module_dragHandle__TZE49";
+
+const defaultVariants = {
+    initial: {
+        opacity: 0
+    },
+    animate: {
+        opacity: 1
+    },
+    exit: {
+        opacity: 0
+    }
+}, descriptorKeys = new WeakMap;
+
+let nextDescriptorKey = 0;
+
+function descriptorKey(video) {
+    let key = descriptorKeys.get(video);
+    return void 0 === key && (key = ++nextDescriptorKey, descriptorKeys.set(video, key)), 
+    key;
+}
+
+function VideoLayer({descriptor: descriptor, options: options, opener: opener}) {
+    var _a, _b;
+    const {dragConstraintsRef: dragConstraintsRef, transition: transition, variants: variants = defaultVariants, initial: initial = "initial", animate: animate = "animate", exit: exit = "exit", draggable: draggable = !0, padding: padding = "var(--spacing-xxl)", borderRadius: borderRadius, quit: quit = "inside", customControls: customControls, showProgressIndicator: showProgressIndicator = !0, dialogName: dialogName = "Video player", dragIcon: dragIcon = "basic.menu", onQuit: onQuit} = options, [present, safeToRemove] = usePresence(), reduced = usePrefersReducedMotion(), animation = useAnimationControls(), dragControls = useDragControls(), x = useMotionValue(0), y = useMotionValue(0), host = useRef(null), panel = useRef(null), {current: current} = useTheme(), timing = useMemo(() => getWaterTransition(current.motion, transition), [ current.motion, transition ]), [ready, setReady] = useState(!1), VideoComponent = descriptor.component, _c = null !== (_a = descriptor.props) && void 0 !== _a ? _a : {}, {onCanPlay: onCanPlay, onError: onError, onQuit: descriptorQuit} = _c, videoProps = __rest(_c, [ "onCanPlay", "onError", "onQuit" ]), handleHide = () => {
+        present && getVideo() === descriptor && (videoActions.clear(), null == descriptorQuit || descriptorQuit(), 
+        null == onQuit || onQuit());
+    };
+    useModalHost(host, handleHide, opener, present), useEffect(() => {
+        var _a, _b, _c;
+        if (animation.stop(), !present) for (const video of Array.from(null !== (_b = null === (_a = host.current) || void 0 === _a ? void 0 : _a.querySelectorAll("video")) && void 0 !== _b ? _b : [])) video.pause();
+        if (reduced) return animation.set({
+            opacity: 1,
+            scale: 1,
+            rotate: 0
+        }), void (present || null == safeToRemove || safeToRemove());
+        let active = !0;
+        const name = present ? animate : exit, target = variants[name], definition = "function" == typeof target ? name : Object.assign(Object.assign({}, target), {
+            transition: null !== (_c = null == target ? void 0 : target.transition) && void 0 !== _c ? _c : timing
+        });
+        return animation.start(definition).then(() => {
+            active && !present && (null == safeToRemove || safeToRemove());
+        }), () => {
+            active = !1, animation.stop();
+        };
+    }, [ reduced, present, animation, animate, exit, timing, safeToRemove, variants ]), 
+    useEffect(() => {
+        var _a;
+        present && ready && document.activeElement === document.body && (null === (_a = panel.current) || void 0 === _a || _a.focus());
+    }, [ ready, present ]);
+    const configuredControls = null != customControls ? customControls : videoProps.customControls, mergedControls = void 0 !== configuredControls || !videoProps.controls || "simple" === videoProps.controls ? Object.assign(Object.assign({}, getVideoControls(configuredControls)), {
+        quit: "inside" === quit && ready
+    }) : void 0, fallbackClose = !ready || "outside" === quit || "inside" === quit && !(null == mergedControls ? void 0 : mergedControls.progress), radius = null !== (_b = null != borderRadius ? borderRadius : videoProps.borderRadius) && void 0 !== _b ? _b : corners["corner-m"], style = {
+        "--overlay-padding": setStyle(padding, "var(--spacing-xxl)"),
+        "--video-border-radius": setStyle(radius)
+    };
+    return reduced && !present ? null : jsx("div", {
+        ref: host,
+        className: css_container,
+        style: style,
+        inert: !present,
+        "aria-hidden": !present || void 0,
+        onLoadStartCapture: () => setReady(!1),
+        onWaitingCapture: () => setReady(!1),
+        children: jsx("div", {
+            className: css_box,
+            children: jsxs(motion.div, {
+                ref: panel,
+                className: css_wrapper,
+                role: "dialog",
+                "aria-modal": "true",
+                "aria-label": dialogName.trim() || "Video player",
+                tabIndex: -1,
+                variants: reduced ? void 0 : variants,
+                initial: !reduced && initial,
+                animate: animation,
+                transition: timing,
+                style: {
+                    x: x,
+                    y: y
+                },
+                drag: present && ready && draggable,
+                dragListener: !1,
+                dragControls: dragControls,
+                dragConstraints: null != dragConstraintsRef ? dragConstraintsRef : host,
+                dragElastic: 0,
+                dragMomentum: !1,
+                children: [ ready && draggable && jsx("button", {
+                    type: "button",
+                    className: css_dragHandle,
+                    "aria-label": "Move video",
+                    onPointerDown: event => {
+                        present && dragControls.start(event);
+                    },
+                    onKeyDown: event => {
+                        var _a, _b;
+                        const delta = {
+                            ArrowLeft: [ -10, 0 ],
+                            ArrowRight: [ 10, 0 ],
+                            ArrowUp: [ 0, -10 ],
+                            ArrowDown: [ 0, 10 ]
+                        }[event.key], bounds = null === (_a = (null != dragConstraintsRef ? dragConstraintsRef : host).current) || void 0 === _a ? void 0 : _a.getBoundingClientRect(), rect = null === (_b = panel.current) || void 0 === _b ? void 0 : _b.getBoundingClientRect();
+                        delta && bounds && rect && (event.preventDefault(), x.set(x.get() + Math.min(bounds.right - rect.right, Math.max(bounds.left - rect.left, delta[0]))), 
+                        y.set(y.get() + Math.min(bounds.bottom - rect.bottom, Math.max(bounds.top - rect.top, delta[1]))));
+                    },
+                    children: jsx(Icon, {
+                        name: dragIcon,
+                        size: 24
+                    })
+                }), jsx("div", {
+                    className: classNames(css_video, ready ? "" : css_loading),
+                    children: jsx(VideoComponent, Object.assign({}, videoProps, {
+                        showProgressIndicator: showProgressIndicator,
+                        borderRadius: radius,
+                        onCanPlay: () => {
+                            setReady(!0), null == onCanPlay || onCanPlay();
+                        },
+                        onError: error => {
+                            setReady(!1), null == onError || onError(error);
+                        },
+                        customControls: ready ? mergedControls : {},
+                        onQuit: handleHide
+                    }))
+                }), fallbackClose && ready && jsx(IconButton, {
+                    actionName: "Close video",
+                    icon: "basic.cross",
+                    buttonSize: "l",
+                    onClick: handleHide,
+                    backgroundColor: "rgba(255,255,255,0.05)",
+                    backgroundColorHover: "rgba(255,255,255,0.25)",
+                    iconColor: "var(--core-text-light)",
+                    iconColorHover: "var(--core-text-light)"
+                }) ]
+            })
+        })
+    });
+}
+
+function VideoController(rawProps) {
+    var _a, _b;
+    const props = resolveColorProps(rawProps), video = useVideo(), opener = useRef(null);
+    return useEffect(() => {
+        const rememberOpener = event => {
+            !getVideo() && event.target instanceof Element && (opener.current = event.target.closest("button, a[href], [tabindex]"));
+        };
+        return document.addEventListener("pointerdown", rememberOpener, !0), () => document.removeEventListener("pointerdown", rememberOpener, !0);
+    }, []), jsxs(Fragment, {
+        children: [ jsx(Overlay, {
+            show: !!video,
+            opacity: null !== (_a = props.overlayOpacity) && void 0 !== _a ? _a : .7,
+            backgroundColor: null !== (_b = props.overlayColor) && void 0 !== _b ? _b : "rgb(0,0,0)",
+            onClick: () => {
+                var _a, _b, _c;
+                getVideo() === video && video && (videoActions.clear(), null === (_b = null === (_a = video.props) || void 0 === _a ? void 0 : _a.onQuit) || void 0 === _b || _b.call(_a), 
+                null === (_c = props.onQuit) || void 0 === _c || _c.call(props));
+            }
+        }), jsx(AnimatePresence, {
+            initial: !1,
+            children: video && jsx(VideoLayer, {
+                descriptor: video,
+                options: props,
+                opener: opener
+            }, descriptorKey(video))
+        }) ]
+    });
+}
+
+export { VideoController as V };

package/dist/esm/chunks/{WSConnection-DNh3_RKt.mjs → WSConnection-ByCYrNOq.mjs}

@@ -1,4 +1,4 @@
-import { _ as __awaiter } from "./tslib.es6-DiR-r3pp.mjs";
+import { _ as __awaiter } from "./tslib.es6-CpnJrDBv.mjs";
 
 /**
  * Manage a WebSocket connection with optional unified events, retries, and keep-alive pings.

package/dist/esm/chunks/{WebRTCConnection-B9ztLs_6.mjs → WebRTCConnection-DTjS3UUU.mjs}

@@ -1,4 +1,4 @@
-import { _ as __awaiter } from "./tslib.es6-DiR-r3pp.mjs";
+import { _ as __awaiter } from "./tslib.es6-CpnJrDBv.mjs";
 
 class WebRTCConnection {
     /**

package/dist/esm/chunks/_types-B6NStINb.mjs

@@ -0,0 +1,296 @@
+'use client';
+import { a as __rest } from "./tslib.es6-CpnJrDBv.mjs";
+
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+
+import { AnimatePresence, usePresence, useAnimationControls, motion } from "motion/react";
+
+import React, { useState, useRef, useCallback, useEffect, useMemo } from "react";
+
+import { useTheme } from "../hooks/useTheme.mjs";
+
+import { m as mergedPresenceMotionValues, a as classNames, s as setStyle } from "./misc-DI5GSqkt.mjs";
+
+import { corners } from "../theme/corners.mjs";
+
+import { g as getWaterTransition } from "./getWaterTransition-CrDSFJdk.mjs";
+
+import { u as usePrefersReducedMotion } from "./usePrefersReducedMotion-BWAwMMLE.mjs";
+
+import { I as Icon } from "./Icon-43T0fkr6.mjs";
+
+import { P as ProgressIndicator } from "./ProgressIndicator-CR3pA1Me.mjs";
+
+var css = {
+    wrapper: "Toast-module_wrapper__1uj9O flexBox-module_rowBetween__5FEvi",
+    close: "Toast-module_close__i10-s flexBox-module_row__z24tF",
+    message: "Toast-module_message__3dP0P flexBox-module_rowStart__4tcxS",
+    progress: "Toast-module_progress__SWsbA flexBox-module_row__z24tF",
+    xs: "Toast-module_xs__ptQ-h type-module_body-xs-regular__ZAFft",
+    s: "Toast-module_s__kc5Ef type-module_body-s-regular__vRHSP",
+    m: "Toast-module_m__JtmLz type-module_body-m-regular__LuQBA",
+    l: "Toast-module_l__-W0PD type-module_body-l-regular__lOYbg",
+    xl: "Toast-module_xl__j5Zhr type-module_body-xl-regular__pF2kC",
+    announcement: "Toast-module_announcement__0UlXg",
+    action: "Toast-module_action__-b4jg"
+};
+
+const lifetime = value => "infinite" === value ? Number.POSITIVE_INFINITY : "number" == typeof value && Number.isFinite(value) && value >= 0 ? value : 5e3;
+
+/** Own notification identity, visibility timing, and remaining-time pause/resume independently of animation. */
+function useToastLifecycle({message: message, notificationId: notificationId, showDelay: showDelay = 0, duration: duration = 5e3, onShow: onShow, onHide: onHide}) {
+    const [notification, setNotification] = useState(), active = useRef(void 0), callbacks = useRef({
+        onShow: onShow,
+        onHide: onHide
+    });
+    callbacks.current = {
+        onShow: onShow,
+        onHide: onHide
+    };
+    const durationRef = useRef(duration);
+    durationRef.current = duration;
+    const sequence = useRef(0), showTimer = useRef(void 0), hideTimer = useRef(void 0), remaining = useRef(0), started = useRef(void 0), hovered = useRef(!1), focused = useRef(!1), pendingShow = useRef(!1), lastInput = useRef(void 0), exits = useRef(new Map), lastShown = useRef(void 0), stopTimer = useCallback(() => {
+        clearTimeout(hideTimer.current), hideTimer.current = void 0, void 0 !== started.current && (remaining.current = Math.max(0, remaining.current - (Date.now() - started.current))), 
+        started.current = void 0;
+    }, []), dismiss = useCallback(reason => {
+        stopTimer();
+        const current = active.current;
+        current && (active.current = void 0, exits.current.set(current.token, {
+            info: Object.assign(Object.assign({}, current.info), {
+                reason: reason
+            }),
+            callback: current.onHide
+        }), setNotification(void 0));
+    }, [ stopTimer ]), startTimer = useCallback(() => {
+        stopTimer(), !active.current || hovered.current || focused.current || remaining.current === Number.POSITIVE_INFINITY || (started.current = Date.now(), 
+        hideTimer.current = setTimeout(() => dismiss("timeout"), remaining.current));
+    }, [ dismiss, stopTimer ]), interaction = useCallback((kind, value) => {
+        "hover" === kind ? hovered.current = value : focused.current = value, hovered.current || focused.current ? stopTimer() : startTimer();
+    }, [ startTimer, stopTimer ]);
+    useEffect(() => {
+        const changed = !lastInput.current || lastInput.current.message !== message || lastInput.current.notificationId !== notificationId;
+        var value;
+        if ((lastInput.current = {
+            message: message,
+            notificationId: notificationId
+        }, changed || pendingShow.current) && (clearTimeout(showTimer.current), changed && (pendingShow.current = !1, 
+        dismiss(message ? "replaced" : "cleared"), hovered.current = !1, focused.current = !1), 
+        message)) return pendingShow.current = !0, showTimer.current = setTimeout(() => {
+            pendingShow.current = !1;
+            const current = Object.assign({
+                token: ++sequence.current,
+                info: {
+                    notificationId: notificationId,
+                    message: message
+                }
+            }, callbacks.current);
+            active.current = current, remaining.current = lifetime(durationRef.current), setNotification(current), 
+            startTimer();
+        }, (value = showDelay, Number.isFinite(value) ? Math.max(0, value) : 0)), () => clearTimeout(showTimer.current);
+    }, [ message, notificationId, showDelay, dismiss, startTimer ]), useEffect(() => {
+        stopTimer(), remaining.current = lifetime(duration), active.current && startTimer();
+    }, [ duration, startTimer, stopTimer ]), useEffect(() => {
+        var _a;
+        notification && lastShown.current !== notification.token && (lastShown.current = notification.token, 
+        null === (_a = notification.onShow) || void 0 === _a || _a.call(notification, notification.info));
+    }, [ notification ]), useEffect(() => () => {
+        clearTimeout(showTimer.current), clearTimeout(hideTimer.current);
+    }, []);
+    const finishExits = useCallback(() => {
+        const pending = Array.from(exits.current.values());
+        exits.current.clear();
+        for (const {info: info, callback: callback} of pending) null == callback || callback(info);
+    }, []);
+    return {
+        notification: notification,
+        dismiss: dismiss,
+        interaction: interaction,
+        finishExits: finishExits
+    };
+}
+
+const staticState = {
+    opacity: 1,
+    x: 0,
+    y: 0,
+    scale: 1,
+    scaleX: 1,
+    scaleY: 1,
+    rotate: 0,
+    rotateX: 0,
+    rotateY: 0
+};
+
+function ToastSurface(_a) {
+    var {children: children, reduced: reduced, variants: variants, transition: transition, forwardedRef: forwardedRef} = _a, attributes = __rest(_a, [ "children", "reduced", "variants", "transition", "forwardedRef" ]);
+    const [present, safeToRemove] = usePresence(), controls = useAnimationControls();
+    return useEffect(() => {
+        reduced ? (controls.stop(), controls.set(staticState), present || null == safeToRemove || safeToRemove()) : present && variants.animate && controls.start("animate");
+    }, [ reduced, present, controls, variants, safeToRemove ]), jsx(motion.div, Object.assign({}, attributes, {
+        ref: forwardedRef,
+        inert: !present,
+        "aria-hidden": !present || void 0,
+        initial: !reduced && "initial",
+        animate: controls,
+        exit: "exit",
+        variants: variants,
+        transition: transition,
+        onAnimationComplete: definition => {
+            "exit" === definition && (null == safeToRemove || safeToRemove());
+        },
+        children: children
+    }));
+}
+
+const ToastBase = React.forwardRef(function(props, forwardedRef) {
+    var _a;
+    const {notificationId: notificationId, data: data, onClick: onClick, message: message = null, textSize: textSize = "m", border: border = !0, padding: padding, borderRadius: borderRadius = corners["corner-m"], container: container = "window", showDelay: showDelay = 0, duration: duration = 5e3, position: position = "bottom", offset: offset = 24, close: close = !0, closeLabel: closeLabel = "Dismiss notification", progress: progress = !1, type: type = "info", urgency: urgency = "polite", motionValues: motionValues, transition: transition, onShow: onShow, onHide: onHide, className: className, style: style, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onFocus: onFocus, onBlur: onBlur} = props, attributes = __rest(props, [ "notificationId", "data", "onClick", "message", "textSize", "border", "padding", "borderRadius", "container", "showDelay", "duration", "position", "offset", "close", "closeLabel", "progress", "type", "urgency", "motionValues", "transition", "onShow", "onHide", "className", "style", "onMouseEnter", "onMouseLeave", "onFocus", "onBlur" ]), {notification: notification, dismiss: dismiss, interaction: interaction, finishExits: finishExits} = useToastLifecycle({
+        notificationId: notificationId,
+        message: message,
+        showDelay: showDelay,
+        duration: duration,
+        onShow: onShow,
+        onHide: onHide
+    }), theme = useTheme().current, reduced = usePrefersReducedMotion(), root = useRef(null), previousFocus = useRef(null);
+    useEffect(() => {
+        notification && (previousFocus.current = document.activeElement instanceof HTMLElement ? document.activeElement : null);
+    }, [ notification ]);
+    const rootToken = useRef(void 0), colorScheme = useMemo(() => "success" === type ? {
+        border: "var(--array-land-label)",
+        bg: "var(--array-land)",
+        text: "var(--array-land-label)"
+    } : "warning" === type ? {
+        border: "var(--array-orange-label)",
+        bg: "var(--array-orange)",
+        text: "var(--array-orange-label)"
+    } : "error" === type ? {
+        border: "var(--feedback-warning)",
+        bg: "var(--array-magenta)",
+        text: "var(--feedback-warning)"
+    } : {
+        border: "var(--core-outline-primary)",
+        bg: "var(--core-surface-secondary)",
+        text: "var(--core-text-primary)"
+    }, [ type ]), variants = useMemo(() => {
+        if (reduced) return {
+            initial: staticState,
+            animate: staticState,
+            exit: staticState
+        };
+        const movement = "bottom" === position ? 8 : -8;
+        return mergedPresenceMotionValues({
+            initial: {
+                opacity: 0,
+                y: movement
+            },
+            animate: {
+                opacity: 1,
+                y: 0
+            },
+            exit: {
+                opacity: 0,
+                y: movement
+            }
+        }, motionValues);
+    }, [ reduced, position, motionValues ]), resolvedTransition = useMemo(() => reduced ? {
+        type: "tween",
+        duration: 0,
+        delay: 0
+    } : getWaterTransition(theme.motion, transition), [ reduced, theme.motion, transition ]), cssVars = {
+        "--toast-padding": setStyle(padding, close ? "var(--spacing-s) calc(var(--spacing-m) - var(--spacing-xs)) var(--spacing-s) var(--spacing-m)" : "var(--spacing-s) var(--spacing-m)"),
+        "--toast-background": colorScheme.bg,
+        "--toast-color": colorScheme.text,
+        "--toast-border": border ? `1px solid ${colorScheme.border}` : "0px solid transparent",
+        "--toast-border-radius": setStyle(borderRadius),
+        "--toast-position": "window" === container ? "fixed" : "absolute",
+        "--toast-offset": setStyle(offset)
+    };
+    return jsxs(Fragment, {
+        children: [ jsx("div", {
+            className: css.announcement,
+            role: "assertive" === urgency ? "alert" : "status",
+            "aria-live": urgency,
+            "aria-atomic": "true",
+            children: null !== (_a = null == notification ? void 0 : notification.info.message) && void 0 !== _a ? _a : ""
+        }), jsx(AnimatePresence, {
+            initial: !1,
+            onExitComplete: finishExits,
+            children: notification && jsxs(ToastSurface, Object.assign({}, attributes, {
+                forwardedRef: element => {
+                    (element || rootToken.current === (null == notification ? void 0 : notification.token)) && (root.current = element, 
+                    rootToken.current = null == notification ? void 0 : notification.token, "function" == typeof forwardedRef ? forwardedRef(element) : forwardedRef && (forwardedRef.current = element));
+                },
+                reduced: reduced,
+                variants: variants,
+                transition: resolvedTransition,
+                className: classNames(css.wrapper, css[textSize], null != className ? className : ""),
+                style: Object.assign(Object.assign(Object.assign({}, style), cssVars), {
+                    [position]: offset
+                }),
+                onClick: onClick ? event => onClick(event, data) : void 0,
+                onMouseEnter: event => {
+                    null == onMouseEnter || onMouseEnter(event), interaction("hover", !0);
+                },
+                onMouseLeave: event => {
+                    null == onMouseLeave || onMouseLeave(event), interaction("hover", !1);
+                },
+                onFocus: event => {
+                    null == onFocus || onFocus(event), interaction("focus", !0);
+                },
+                onBlur: event => {
+                    null == onBlur || onBlur(event), event.currentTarget.contains(event.relatedTarget) || interaction("focus", !1);
+                },
+                children: [ onClick && jsx("button", {
+                    type: "button",
+                    className: css.action,
+                    "aria-label": notification.info.message
+                }), jsxs("div", {
+                    "aria-hidden": "true",
+                    className: css.message,
+                    children: [ progress && jsx("div", {
+                        className: css.progress,
+                        children: reduced ? jsx(Icon, {
+                            name: "arrows.refresh-cw",
+                            size: 20,
+                            strokeColor: colorScheme.text
+                        }) : jsx(ProgressIndicator, {
+                            decorative: !0,
+                            show: !0,
+                            inline: !0,
+                            color: colorScheme.text
+                        })
+                    }), notification.info.message ]
+                }), close && jsx("button", {
+                    type: "button",
+                    className: css.close,
+                    "aria-label": closeLabel.trim() || "Dismiss notification",
+                    onClick: event => {
+                        var _a, _b;
+                        event.stopPropagation(), (null === (_a = root.current) || void 0 === _a ? void 0 : _a.contains(document.activeElement)) && (null === (_b = previousFocus.current) || void 0 === _b ? void 0 : _b.isConnected) && previousFocus.current.focus({
+                            preventScroll: !0
+                        }), dismiss("dismiss");
+                    },
+                    children: jsx(Icon, {
+                        name: "basic.cross",
+                        size: 20,
+                        strokeColor: colorScheme.text,
+                        pointer: !1
+                    })
+                }) ]
+            }), notification.token)
+        }) ]
+    });
+});
+
+ToastBase.displayName = "Toast";
+
+const Toast = React.memo(ToastBase);
+
+var ToastType;
+
+!function(ToastType) {
+    ToastType.Success = "success", ToastType.Error = "error", ToastType.Warning = "warning", 
+    ToastType.Info = "info";
+}(ToastType || (ToastType = {}));
+
+export { Toast as T, ToastType as a };