@spark-ui/components 13.1.4 → 13.2.0

package/dist/snackbar/index.mjs

@@ -1,43 +1,14 @@
-import {
-  IconButton
-} from "../chunk-DCXWGQVZ.mjs";
-import {
-  Icon
-} from "../chunk-UMUMFMFB.mjs";
-import {
-  Button
-} from "../chunk-2YM6GKWW.mjs";
-import "../chunk-GAK4SC2F.mjs";
-import "../chunk-KEGAAGJW.mjs";
-import "../chunk-6QCEPQ3U.mjs";
-
-// src/snackbar/Snackbar.tsx
-import {
-  ToastQueue,
-  useToastQueue
-} from "@react-stately/toast";
-import { useEffect as useEffect2, useRef as useRef4 } from "react";
-import { createPortal } from "react-dom";
-
-// src/snackbar/SnackbarRegion.tsx
-import { useToastRegion } from "@react-aria/toast";
-import { cloneElement as cloneElement2, useRef as useRef3 } from "react";
-
-// src/snackbar/SnackbarItem.tsx
-import { useToast } from "@react-aria/toast";
-import {
-  Children,
-  cloneElement,
-  isValidElement,
-  useCallback,
-  useRef as useRef2
-} from "react";
-
-// src/snackbar/SnackbarItem.styles.ts
-import { cva } from "class-variance-authority";
-
-// src/snackbar/snackbarVariants.ts
-var filledVariants = [
+import { jsx as g, jsxs as et } from "react/jsx-runtime";
+import { useToastQueue as nt, ToastQueue as it } from "@react-stately/toast";
+import { createContext as at, useContext as ot, useState as st, useRef as w, useEffect as z, useCallback as S, Children as rt, isValidElement as ct, cloneElement as D, useSyncExternalStore as lt } from "react";
+import { createPortal as dt } from "react-dom";
+import { useToast as mt, useToastRegion as ut } from "@react-aria/toast";
+import { cva as B, cx as V } from "class-variance-authority";
+import { B as pt } from "../Button-C3C0aixy.mjs";
+import { Close as gt } from "@spark-ui/icons/Close";
+import { I as F } from "../Icon-Ck-dhfLd.mjs";
+import { I as bt } from "../IconButton-C62-axzv.mjs";
+const ft = [
   {
     design: "filled",
     intent: "success",
@@ -88,8 +59,7 @@ var filledVariants = [
     intent: "inverse",
     class: ["bg-surface-inverse text-on-surface-inverse"]
   }
-];
-var tintedVariants = [
+], xt = [
   {
     design: "tinted",
     intent: "success",
@@ -140,10 +110,7 @@ var tintedVariants = [
     intent: "inverse",
     class: ["bg-surface-inverse text-on-surface-inverse"]
   }
-];
-
-// src/snackbar/SnackbarItem.styles.ts
-var snackbarItemVariant = cva(
+], yt = B(
   [
     "rounded-md shadow-sm",
     "max-w-[600px]",
@@ -217,14 +184,13 @@ var snackbarItemVariant = cva(
         inverse: ""
       }
     },
-    compoundVariants: [...filledVariants, ...tintedVariants],
+    compoundVariants: [...ft, ...xt],
     defaultVariants: {
       design: "filled",
       intent: "neutral"
     }
   }
-);
-var snackbarItemVariantContent = cva(
+), wt = B(
   [
     "inline-grid items-center",
     "col-start-1 row-start-1",
@@ -250,338 +216,221 @@ var snackbarItemVariantContent = cva(
       }
     },
     defaultVariants: {
-      actionOnNewline: false
+      actionOnNewline: !1
     }
   }
-);
-
-// src/snackbar/SnackbarItemAction.tsx
-import { cx } from "class-variance-authority";
-
-// src/snackbar/SnackbarItemContext.tsx
-import { createContext, useContext } from "react";
-var SnackbarItemContext = createContext({});
-var useSnackbarItemContext = () => useContext(SnackbarItemContext);
-
-// src/snackbar/SnackbarItemAction.tsx
-import { jsx } from "react/jsx-runtime";
-var SnackbarItemAction = ({
-  design: designProp = "filled",
-  intent: intentProp = "neutral",
-  onClick,
-  children,
-  className,
-  ref,
-  ...rest
+), Q = at({}), O = () => ot(Q), h = ({
+  design: t = "filled",
+  intent: e = "neutral",
+  onClick: n,
+  children: r,
+  className: c,
+  ref: d,
+  ...m
 }) => {
-  const { toast, state } = useSnackbarItemContext();
-  const intent = intentProp ?? toast.content.intent;
-  const design = designProp ?? toast.content.design;
-  return /* @__PURE__ */ jsx(
-    Button,
+  const { toast: i, state: o } = O(), a = e ?? i.content.intent, b = t ?? i.content.design;
+  return /* @__PURE__ */ g(
+    pt,
     {
       "data-spark-component": "snackbar-item-action",
-      ref,
+      ref: d,
       size: "md",
       shape: "rounded",
-      ...intent === "inverse" ? {
+      ...a === "inverse" ? {
         design: "ghost",
         intent: "surface"
       } : {
-        design,
-        intent: intent === "error" ? "danger" : intent
+        design: b,
+        intent: a === "error" ? "danger" : a
       },
-      onClick: (e) => {
-        onClick?.(e);
-        state.close(toast.key);
+      onClick: (x) => {
+        n?.(x), o.close(i.key);
       },
-      style: { gridArea: "action", ...rest.style },
-      className: cx("ml-md justify-self-end", className),
-      ...rest,
-      children
+      style: { gridArea: "action", ...m.style },
+      className: V("ml-md justify-self-end", c),
+      ...m,
+      children: r
     }
   );
 };
-SnackbarItemAction.displayName = "Snackbar.ItemAction";
-
-// src/snackbar/SnackbarItemClose.tsx
-import { Close } from "@spark-ui/icons/Close";
-import { cx as cx2 } from "class-variance-authority";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var SnackbarItemClose = ({
-  design: designProp = "filled",
-  intent: intentProp = "neutral",
-  "aria-label": ariaLabel,
-  onClick,
-  className,
-  ref,
-  ...rest
+h.displayName = "Snackbar.ItemAction";
+const I = ({
+  design: t = "filled",
+  intent: e = "neutral",
+  "aria-label": n,
+  onClick: r,
+  className: c,
+  ref: d,
+  ...m
 }) => {
-  const { toast, state } = useSnackbarItemContext();
-  const intent = intentProp ?? toast.content.intent;
-  const design = designProp ?? toast.content.design;
-  return /* @__PURE__ */ jsx2(
-    IconButton,
+  const { toast: i, state: o } = O(), a = e ?? i.content.intent, b = t ?? i.content.design;
+  return /* @__PURE__ */ g(
+    bt,
     {
       "data-spark-component": "snackbar-item-close",
-      ref,
+      ref: d,
       size: "md",
       shape: "rounded",
-      ...intent === "inverse" ? {
+      ...a === "inverse" ? {
         design: "ghost",
         intent: "surface"
       } : {
-        design,
-        intent: intent === "error" ? "danger" : intent
+        design: b,
+        intent: a === "error" ? "danger" : a
       },
-      "aria-label": ariaLabel,
-      onClick: (e) => {
-        onClick?.(e);
-        state.close(toast.key);
+      "aria-label": n,
+      onClick: (x) => {
+        r?.(x), o.close(i.key);
       },
-      style: { gridArea: "close", ...rest.style },
-      className: cx2("ml-md justify-self-end", className),
-      ...rest,
-      children: /* @__PURE__ */ jsx2(Icon, { size: "sm", children: /* @__PURE__ */ jsx2(Close, {}) })
+      style: { gridArea: "close", ...m.style },
+      className: V("ml-md justify-self-end", c),
+      ...m,
+      children: /* @__PURE__ */ g(F, { size: "sm", children: /* @__PURE__ */ g(gt, {}) })
     }
   );
 };
-SnackbarItemClose.displayName = "Snackbar.ItemClose";
-
-// src/snackbar/SnackbarItemIcon.tsx
-import { cx as cx3 } from "class-variance-authority";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var SnackbarItemIcon = ({
-  children,
-  className,
-  ...rest
-}) => /* @__PURE__ */ jsx3(
-  Icon,
+I.displayName = "Snackbar.ItemClose";
+const N = ({
+  children: t,
+  className: e,
+  ...n
+}) => /* @__PURE__ */ g(
+  F,
   {
     size: "md",
-    className: cx3("mx-md", className),
-    style: { gridArea: "icon", ...rest.style },
-    ...rest,
-    children
+    className: V("mx-md", e),
+    style: { gridArea: "icon", ...n.style },
+    ...n,
+    children: t
   }
 );
-SnackbarItemIcon.displayName = "Snackbar.ItemIcon";
-
-// src/snackbar/useSwipe.ts
-import { useEffect, useRef, useState } from "react";
-var SWIPE_THRESHOLD = 75;
-var useSwipe = ({
-  swipeRef,
-  onSwipeStart,
-  onSwipeMove,
-  onSwipeCancel,
-  onSwipeEnd,
-  threshold = 10
+N.displayName = "Snackbar.ItemIcon";
+const Y = 75, St = ({
+  swipeRef: t,
+  onSwipeStart: e,
+  onSwipeMove: n,
+  onSwipeCancel: r,
+  onSwipeEnd: c,
+  threshold: d = 10
 }) => {
-  const [state, setState] = useState();
-  const direction = useRef(null);
-  const origin = useRef(null);
-  const delta = useRef(null);
-  const handleSwipeStart = (evt) => {
-    origin.current = { x: evt.clientX, y: evt.clientY };
-    document.addEventListener("selectstart", (e) => e.preventDefault());
-  };
-  const handleSwipeMove = (evt) => {
-    if (!origin.current) return;
-    const deltaX = Math.abs(evt.clientX - origin.current.x);
-    const deltaY = Math.abs(evt.clientY - origin.current.y);
-    let moveState;
-    if (deltaX > deltaY && deltaX > threshold) {
-      direction.current = evt.clientX > origin.current.x ? "right" : "left";
-    } else if (deltaY > threshold) {
-      direction.current = evt.clientY > origin.current.y ? "down" : "up";
-    }
-    if (!direction.current) return;
-    if (!delta.current) {
-      moveState = "start";
-      delta.current = { x: deltaX, y: deltaY };
-      onSwipeStart?.({ state: moveState, direction: direction.current });
-    } else {
-      moveState = "move";
-      delta.current = { x: deltaX, y: deltaY };
-      swipeRef.current.style.setProperty(
-        "--swipe-position-x",
-        `${deltaX > deltaY ? evt.clientX - origin.current.x : 0}px`
-      );
-      swipeRef.current.style.setProperty(
-        "--swipe-position-y",
-        `${!(deltaX > deltaY) ? evt.clientY - origin.current.y : 0}px`
-      );
-      onSwipeMove?.({ state: moveState, direction: direction.current });
+  const [m, i] = st(), o = w(null), a = w(null), b = w(null), x = (s) => {
+    a.current = { x: s.clientX, y: s.clientY }, document.addEventListener("selectstart", (u) => u.preventDefault());
+  }, y = (s) => {
+    if (!a.current) return;
+    const u = Math.abs(s.clientX - a.current.x), f = Math.abs(s.clientY - a.current.y);
+    let l;
+    u > f && u > d ? o.current = s.clientX > a.current.x ? "right" : "left" : f > d && (o.current = s.clientY > a.current.y ? "down" : "up"), o.current && (b.current ? (l = "move", b.current = { x: u, y: f }, t.current.style.setProperty(
+      "--swipe-position-x",
+      `${u > f ? s.clientX - a.current.x : 0}px`
+    ), t.current.style.setProperty(
+      "--swipe-position-y",
+      `${u > f ? 0 : s.clientY - a.current.y}px`
+    ), n?.({ state: l, direction: o.current })) : (l = "start", b.current = { x: u, y: f }, e?.({ state: l, direction: o.current })), i(l));
+  }, p = () => {
+    const s = b.current;
+    if (a.current = null, b.current = null, s) {
+      const { x: u, y: f } = s;
+      let l;
+      u > f ? u > Y ? (l = "end", c?.({ state: l, direction: o.current })) : (l = "cancel", r?.({ state: l, direction: o.current })) : f > Y ? (l = "end", c?.({ state: l, direction: o.current })) : (l = "cancel", r?.({ state: l, direction: o.current })), i(l), document.removeEventListener("selectstart", (v) => v.preventDefault());
     }
-    setState(moveState);
   };
-  const handleSwipeEnd = () => {
-    const proxyDelta = delta.current;
-    origin.current = null;
-    delta.current = null;
-    if (proxyDelta) {
-      const { x: deltaX, y: deltaY } = proxyDelta;
-      let endState;
-      if (deltaX > deltaY) {
-        if (deltaX > SWIPE_THRESHOLD) {
-          endState = "end";
-          onSwipeEnd?.({ state: endState, direction: direction.current });
-        } else {
-          endState = "cancel";
-          onSwipeCancel?.({ state: endState, direction: direction.current });
-        }
-      } else {
-        if (deltaY > SWIPE_THRESHOLD) {
-          endState = "end";
-          onSwipeEnd?.({ state: endState, direction: direction.current });
-        } else {
-          endState = "cancel";
-          onSwipeCancel?.({ state: endState, direction: direction.current });
-        }
-      }
-      setState(endState);
-      document.removeEventListener("selectstart", (e) => e.preventDefault());
-    }
-  };
-  useEffect(() => {
-    if (!swipeRef.current) return;
-    const swipeElement = swipeRef.current;
-    swipeElement.addEventListener("pointerdown", handleSwipeStart);
-    document.addEventListener("pointermove", handleSwipeMove);
-    document.addEventListener("pointerup", handleSwipeEnd);
-    return () => {
-      swipeElement.removeEventListener("pointerdown", handleSwipeStart);
-      document.removeEventListener("pointermove", handleSwipeMove);
-      document.removeEventListener("pointerup", handleSwipeEnd);
+  return z(() => {
+    if (!t.current) return;
+    const s = t.current;
+    return s.addEventListener("pointerdown", x), document.addEventListener("pointermove", y), document.addEventListener("pointerup", p), () => {
+      s.removeEventListener("pointerdown", x), document.removeEventListener("pointermove", y), document.removeEventListener("pointerup", p);
     };
-  }, []);
-  return {
-    state,
-    direction: direction.current
+  }, []), {
+    state: m,
+    direction: o.current
   };
-};
-
-// src/snackbar/SnackbarItem.tsx
-import { jsx as jsx4, jsxs } from "react/jsx-runtime";
-var SnackbarItem = ({
-  "aria-label": ariaLabel,
-  "aria-labelledby": ariaLabelledby,
-  "aria-describedby": ariaDescribedby,
-  "aria-details": ariaDetails,
-  design: designProp,
-  intent: intentProp,
-  actionOnNewline: actionOnNewlineProp,
-  className,
-  children,
-  ref: forwardedRef,
-  ...rest
+}, A = ({
+  "aria-label": t,
+  "aria-labelledby": e,
+  "aria-describedby": n,
+  "aria-details": r,
+  design: c,
+  intent: d,
+  actionOnNewline: m,
+  className: i,
+  children: o,
+  ref: a,
+  ...b
 }) => {
-  const innerRef = useRef2(null);
-  const ref = typeof forwardedRef !== "function" ? forwardedRef || innerRef : innerRef;
-  const { toast, state } = useSnackbarItemContext();
-  const { state: swipeState, direction: swipeDirection } = useSwipe({
-    swipeRef: ref,
-    onSwipeStart: state.pauseAll,
-    onSwipeCancel: state.resumeAll,
-    onSwipeEnd: ({ direction }) => {
-      ;
-      ["left", "right"].includes(`${direction}`) && state.close(toast.key);
+  const x = w(null), y = typeof a != "function" && a || x, { toast: p, state: s } = O(), { state: u, direction: f } = St({
+    swipeRef: y,
+    onSwipeStart: s.pauseAll,
+    onSwipeCancel: s.resumeAll,
+    onSwipeEnd: ({ direction: P }) => {
+      ["left", "right"].includes(`${P}`) && s.close(p.key);
     }
-  });
-  const { message, icon, isClosable, onAction, actionLabel } = toast.content;
-  const intent = intentProp ?? toast.content.intent;
-  const design = designProp ?? toast.content.design;
-  const actionOnNewline = actionOnNewlineProp ?? toast.content.actionOnNewline;
-  const ariaProps = {
-    ariaLabel,
-    ariaLabelledby,
-    ariaDescribedby,
-    ariaDetails
-  };
-  const { toastProps, titleProps, closeButtonProps, contentProps } = useToast(
-    { toast, ...ariaProps },
-    state,
-    ref
-  );
-  const findElement = useCallback(
-    (elementDisplayName) => {
-      const childrenArray = Children.toArray(children);
-      const match = childrenArray.filter(isValidElement).find(
-        (child) => !!child.type.displayName?.includes(
-          elementDisplayName
-        )
-      );
-      return match;
-    },
-    [children]
-  );
-  const iconFromChildren = findElement("Snackbar.ItemIcon");
-  const actionBtnFromChildren = findElement("Snackbar.ItemAction");
-  const closeBtnFromChildren = findElement("Snackbar.ItemClose");
-  return /* @__PURE__ */ jsx4(
+  }), { message: l, icon: v, isClosable: G, onAction: T, actionLabel: X } = p.content, C = d ?? p.content.intent, _ = c ?? p.content.design, M = m ?? p.content.actionOnNewline, $ = {
+    ariaLabel: t,
+    ariaLabelledby: e,
+    ariaDescribedby: n,
+    ariaDetails: r
+  }, { toastProps: q, titleProps: H, closeButtonProps: K, contentProps: U } = mt(
+    { toast: p, ...$ },
+    s,
+    y
+  ), E = S(
+    (P) => rt.toArray(o).filter(ct).find(
+      (tt) => !!tt.type.displayName?.includes(
+        P
+      )
+    ),
+    [o]
+  ), W = E("Snackbar.ItemIcon"), J = E("Snackbar.ItemAction"), Z = E("Snackbar.ItemClose");
+  return /* @__PURE__ */ g(
     "div",
     {
       "data-spark-component": "snackbar-item",
-      className: snackbarItemVariant({ design, intent, className }),
-      "data-animation": toast.animation,
-      ...!(swipeState === "cancel" && toast.animation === "exiting") && {
-        "data-swipe": swipeState,
-        "data-swipe-direction": swipeDirection
+      className: yt({ design: _, intent: C, className: i }),
+      "data-animation": p.animation,
+      ...!(u === "cancel" && p.animation === "exiting") && {
+        "data-swipe": u,
+        "data-swipe-direction": f
       },
-      ...toast.animation === "exiting" && {
+      ...p.animation === "exiting" && {
         // Remove snackbar when the exiting animation completes
-        onAnimationEnd: () => state.remove(toast.key)
+        onAnimationEnd: () => s.remove(p.key)
       },
-      ref,
-      ...toastProps,
-      ...rest,
-      children: /* @__PURE__ */ jsxs("div", { className: snackbarItemVariantContent({ actionOnNewline }), ...contentProps, children: [
-        renderSubComponent(iconFromChildren, icon ? SnackbarItemIcon : null, {
-          children: icon
+      ref: y,
+      ...q,
+      ...b,
+      children: /* @__PURE__ */ et("div", { className: wt({ actionOnNewline: M }), ...U, children: [
+        L(W, v ? N : null, {
+          children: v
         }),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ g(
           "p",
           {
             className: "px-md py-lg text-body-2 row-span-3",
             style: { gridArea: "message" },
-            ...titleProps,
-            children: message
+            ...H,
+            children: l
           }
         ),
-        renderSubComponent(
-          actionBtnFromChildren,
-          actionLabel && onAction ? SnackbarItemAction : null,
-          { intent, design, onClick: onAction, children: actionLabel }
+        L(
+          J,
+          X && T ? h : null,
+          { intent: C, design: _, onClick: T, children: X }
         ),
-        renderSubComponent(closeBtnFromChildren, isClosable ? SnackbarItemClose : null, {
-          intent,
-          design,
+        L(Z, G ? I : null, {
+          intent: C,
+          design: _,
           /**
            * React Spectrum typing of aria-label is inaccurate, and aria-label value should never be undefined.
            * See https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/i18n/src/useLocalizedStringFormatter.ts#L40
            */
-          "aria-label": closeButtonProps["aria-label"]
+          "aria-label": K["aria-label"]
         })
       ] })
     }
   );
 };
-SnackbarItem.displayName = "Snackbar.Item";
-var renderSubComponent = (childItem, defaultItem, props) => {
-  if (childItem) {
-    return cloneElement(childItem, { ...props, ...childItem.props });
-  } else if (defaultItem) {
-    const Item = defaultItem;
-    return /* @__PURE__ */ jsx4(Item, { ...props });
-  } else {
-    return null;
-  }
-};
-
-// src/snackbar/SnackbarRegion.styles.ts
-import { cva as cva2 } from "class-variance-authority";
-var snackbarRegionVariant = cva2(
+A.displayName = "Snackbar.Item";
+const L = (t, e, n) => t ? D(t, { ...n, ...t.props }) : e ? /* @__PURE__ */ g(e, { ...n }) : null, vt = B(
   [
     "fixed inset-x-lg z-toast group",
     "outline-hidden pointer-events-none",
@@ -606,132 +455,91 @@ var snackbarRegionVariant = cva2(
       position: "bottom"
     }
   }
-);
-
-// src/snackbar/SnackbarRegion.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-var SnackbarRegion = ({
-  children = /* @__PURE__ */ jsx5(SnackbarItem, {}),
-  state,
-  position = "bottom",
-  className,
-  ref: forwardedRef,
-  ...rest
+), kt = ({
+  children: t = /* @__PURE__ */ g(A, {}),
+  state: e,
+  position: n = "bottom",
+  className: r,
+  ref: c,
+  ...d
 }) => {
-  const innerRef = useRef3(null);
-  const ref = forwardedRef && typeof forwardedRef !== "function" ? forwardedRef : innerRef;
-  const { regionProps } = useToastRegion(rest, state, ref);
-  return /* @__PURE__ */ jsx5(
+  const m = w(null), i = c && typeof c != "function" ? c : m, { regionProps: o } = ut(d, e, i);
+  return /* @__PURE__ */ g(
     "div",
     {
-      ...regionProps,
-      ref,
-      "data-position": position,
-      className: snackbarRegionVariant({ position, className }),
-      children: state.visibleToasts.map((toast) => /* @__PURE__ */ jsx5(SnackbarItemContext.Provider, { value: { toast, state }, children: cloneElement2(children, { key: toast.key }) }, toast.key))
+      ...o,
+      ref: i,
+      "data-position": n,
+      className: vt({ position: n, className: r }),
+      children: e.visibleToasts.map((a) => /* @__PURE__ */ g(Q.Provider, { value: { toast: a, state: e }, children: D(t, { key: a.key }) }, a.key))
     }
   );
-};
-
-// src/snackbar/useSnackbarGlobalStore.ts
-import { useCallback as useCallback2, useSyncExternalStore } from "react";
-var useSnackbarGlobalStore = ({
-  providers,
-  subscriptions
+}, ht = ({
+  providers: t,
+  subscriptions: e
 }) => {
-  const subscribe = useCallback2(
-    (listener) => {
-      subscriptions.add(listener);
-      return () => subscriptions.delete(listener);
-    },
-    [subscriptions]
-  );
-  const getLastSnackbarProvider = useCallback2(() => [...providers].reverse()[0], [providers]);
-  const addProvider = useCallback2(
-    (provider2) => {
-      providers.add(provider2);
-      for (const subscribeFn of subscriptions) {
-        subscribeFn();
-      }
+  const n = S(
+    (i) => (e.add(i), () => e.delete(i)),
+    [e]
+  ), r = S(() => [...t].reverse()[0], [t]), c = S(
+    (i) => {
+      t.add(i);
+      for (const o of e)
+        o();
     },
-    [providers, subscriptions]
-  );
-  const deleteProvider = useCallback2(
-    (provider2) => {
-      providers.delete(provider2);
-      for (const subscribeFn of subscriptions) {
-        subscribeFn();
-      }
+    [t, e]
+  ), d = S(
+    (i) => {
+      t.delete(i);
+      for (const o of e)
+        o();
     },
-    [providers, subscriptions]
+    [t, e]
   );
-  const provider = useSyncExternalStore(subscribe, getLastSnackbarProvider, getLastSnackbarProvider);
   return {
-    provider,
-    addProvider,
-    deleteProvider
+    provider: lt(n, r, r),
+    addProvider: c,
+    deleteProvider: d
   };
 };
-
-// src/snackbar/Snackbar.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
-var GLOBAL_SNACKBAR_QUEUE = null;
-var getGlobalSnackBarQueue = () => {
-  if (!GLOBAL_SNACKBAR_QUEUE) {
-    GLOBAL_SNACKBAR_QUEUE = new ToastQueue({
-      maxVisibleToasts: 1,
-      hasExitAnimation: true
-    });
-  }
-  return GLOBAL_SNACKBAR_QUEUE;
-};
-var clearSnackbarQueue = () => {
-  GLOBAL_SNACKBAR_QUEUE = null;
-};
-var GLOBAL_SNACKBAR_STORE = {
+let k = null;
+const j = () => (k || (k = new it({
+  maxVisibleToasts: 1,
+  hasExitAnimation: !0
+})), k), Yt = () => {
+  k = null;
+}, It = {
   providers: /* @__PURE__ */ new Set(),
   subscriptions: /* @__PURE__ */ new Set()
+}, R = ({ ref: t, ...e }) => {
+  const n = w(null), r = nt(j()), { provider: c, addProvider: d, deleteProvider: m } = ht(It);
+  return z(() => (d(n), () => {
+    for (const i of j().visibleToasts)
+      i.animation = void 0;
+    m(n);
+  }), []), n === c && r.visibleToasts.length > 0 ? dt(/* @__PURE__ */ g(kt, { ref: t, state: r, ...e }), document.body) : null;
 };
-var Snackbar = ({ ref: forwardedRef, ...props }) => {
-  const ref = useRef4(null);
-  const state = useToastQueue(getGlobalSnackBarQueue());
-  const { provider, addProvider, deleteProvider } = useSnackbarGlobalStore(GLOBAL_SNACKBAR_STORE);
-  useEffect2(() => {
-    addProvider(ref);
-    return () => {
-      for (const toast of getGlobalSnackBarQueue().visibleToasts) {
-        toast.animation = void 0;
-      }
-      deleteProvider(ref);
-    };
-  }, []);
-  return ref === provider && state.visibleToasts.length > 0 ? createPortal(/* @__PURE__ */ jsx6(SnackbarRegion, { ref: forwardedRef, state, ...props }), document.body) : null;
-};
-Snackbar.displayName = "Snackbar";
-var addSnackbar = ({ onClose, timeout = 5e3, priority, ...content }) => {
-  const queue = getGlobalSnackBarQueue();
-  queue.add(content, {
-    onClose,
-    timeout: timeout && !content.onAction ? Math.max(timeout, 5e3) : void 0,
-    priority
+R.displayName = "Snackbar";
+const zt = ({ onClose: t, timeout: e = 5e3, priority: n, ...r }) => {
+  j().add(r, {
+    onClose: t,
+    timeout: e && !r.onAction ? Math.max(e, 5e3) : void 0,
+    priority: n
   });
-};
-
-// src/snackbar/index.ts
-var Snackbar2 = Object.assign(Snackbar, {
-  Item: SnackbarItem,
-  ItemAction: SnackbarItemAction,
-  ItemClose: SnackbarItemClose,
-  ItemIcon: SnackbarItemIcon
+}, Nt = Object.assign(R, {
+  Item: A,
+  ItemAction: h,
+  ItemClose: I,
+  ItemIcon: N
 });
-Snackbar2.displayName = "Snackbar";
-SnackbarItem.displayName = "Snackbar.Item";
-SnackbarItemAction.displayName = "Snackbar.ItemAction";
-SnackbarItemClose.displayName = "Snackbar.ItemClose";
-SnackbarItemIcon.displayName = "Snackbar.ItemIcon";
+Nt.displayName = "Snackbar";
+A.displayName = "Snackbar.Item";
+h.displayName = "Snackbar.ItemAction";
+I.displayName = "Snackbar.ItemClose";
+N.displayName = "Snackbar.ItemIcon";
 export {
-  Snackbar2 as Snackbar,
-  addSnackbar,
-  clearSnackbarQueue
+  Nt as Snackbar,
+  zt as addSnackbar,
+  Yt as clearSnackbarQueue
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map