@dreamtree-org/twreact-ui 1.3.0 → 1.3.2

package/dist/esm/components/feedback/Drawer.js

@@ -0,0 +1,171 @@
+'use client';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import React, { useRef, useId } from 'react';
+import { createPortal } from 'react-dom';
+import { X } from 'lucide-react';
+import { cn } from '../../utils/cn.js';
+import { setRefs } from '../../utils/position.js';
+import { useFocusTrap } from '../../hooks/useFocusTrap.js';
+import { useScrollLock } from '../../hooks/useScrollLock.js';
+
+var _excluded = ["isOpen", "onClose", "title", "description", "children", "placement", "size", "dismissible", "showCloseButton", "footer", "initialFocusRef", "className"],
+  _excluded2 = ["className"],
+  _excluded3 = ["className"],
+  _excluded4 = ["className"];
+var PLACEMENT_CLASSES = {
+  right: "inset-y-0 right-0 h-full w-full border-l",
+  left: "inset-y-0 left-0 h-full w-full border-r",
+  top: "inset-x-0 top-0 w-full border-b",
+  bottom: "inset-x-0 bottom-0 w-full border-t"
+};
+var SIDE_SIZES = {
+  sm: "max-w-xs",
+  md: "max-w-md",
+  lg: "max-w-2xl",
+  xl: "max-w-4xl",
+  full: "max-w-full"
+};
+var EDGE_SIZES = {
+  sm: "max-h-[30vh]",
+  md: "max-h-[50vh]",
+  lg: "max-h-[75vh]",
+  xl: "max-h-[90vh]",
+  full: "h-full"
+};
+var CloseButton = function CloseButton(_ref) {
+  var onClose = _ref.onClose,
+    className = _ref.className;
+  return jsx("button", {
+    type: "button",
+    onClick: onClose,
+    "aria-label": "Close drawer",
+    className: cn("rounded-md p-1 text-gray-500 hover:bg-gray-100 hover:text-gray-700 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2", "dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200 dark:focus:ring-offset-gray-900", className),
+    children: jsx(X, {
+      className: "h-5 w-5",
+      "aria-hidden": "true"
+    })
+  });
+};
+var Drawer = /*#__PURE__*/React.forwardRef(function (_ref2, _ref3) {
+  var isOpen = _ref2.isOpen,
+    onClose = _ref2.onClose,
+    title = _ref2.title,
+    description = _ref2.description,
+    children = _ref2.children,
+    _ref2$placement = _ref2.placement,
+    placement = _ref2$placement === void 0 ? "right" : _ref2$placement,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? "md" : _ref2$size,
+    _ref2$dismissible = _ref2.dismissible,
+    dismissible = _ref2$dismissible === void 0 ? true : _ref2$dismissible,
+    _ref2$showCloseButton = _ref2.showCloseButton,
+    showCloseButton = _ref2$showCloseButton === void 0 ? true : _ref2$showCloseButton,
+    footer = _ref2.footer,
+    initialFocusRef = _ref2.initialFocusRef,
+    className = _ref2.className,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  var panelRef = useRef(null);
+  var titleId = "drawer-title-".concat(useId());
+  var descriptionId = "drawer-description-".concat(useId());
+  var side = PLACEMENT_CLASSES[placement] ? placement : "right";
+  var isEdge = side === "top" || side === "bottom";
+  // Without title/description/footer the children are the panel content, so
+  // Drawer.Header / Drawer.Body / Drawer.Footer compose without double padding.
+  var composed = !title && !description && !footer;
+  useScrollLock(isOpen);
+  useFocusTrap(panelRef, {
+    active: isOpen,
+    initialFocusRef: initialFocusRef,
+    onEscape: function onEscape() {
+      if (dismissible) onClose === null || onClose === void 0 || onClose();
+    }
+  });
+  if (!isOpen || typeof document === "undefined") return null;
+  return /*#__PURE__*/createPortal(jsxs("div", {
+    className: "fixed inset-0 z-50",
+    children: [jsx("div", {
+      "aria-hidden": "true",
+      "data-testid": "drawer-backdrop",
+      className: "absolute inset-0 bg-black/50 animate-fade-in motion-reduce:animate-none",
+      onClick: function onClick() {
+        return dismissible && (onClose === null || onClose === void 0 ? void 0 : onClose());
+      }
+    }), jsx("div", _objectSpread2(_objectSpread2({
+      ref: function ref(node) {
+        return setRefs(node, panelRef, _ref3);
+      },
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": title ? titleId : undefined,
+      "aria-describedby": description ? descriptionId : undefined,
+      tabIndex: -1,
+      "data-placement": side,
+      className: cn("absolute flex flex-col border-gray-200 bg-white text-gray-900 shadow-xl focus:outline-none", "dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100", "animate-fade-in motion-reduce:animate-none", PLACEMENT_CLASSES[side], (isEdge ? EDGE_SIZES : SIDE_SIZES)[size] || (isEdge ? EDGE_SIZES.md : SIDE_SIZES.md), className)
+    }, props), {}, {
+      children: composed ? jsxs(Fragment, {
+        children: [showCloseButton && jsx(CloseButton, {
+          onClose: onClose,
+          className: "absolute right-3 top-3"
+        }), children]
+      }) : jsxs(Fragment, {
+        children: [jsxs("div", {
+          className: "flex items-start justify-between gap-4 border-b border-gray-200 px-6 py-4 dark:border-gray-700",
+          children: [jsxs("div", {
+            className: "min-w-0",
+            children: [title && jsx("h2", {
+              id: titleId,
+              className: "text-lg font-semibold",
+              children: title
+            }), description && jsx("p", {
+              id: descriptionId,
+              className: "mt-1 text-sm text-gray-500 dark:text-gray-400",
+              children: description
+            })]
+          }), showCloseButton && jsx(CloseButton, {
+            onClose: onClose
+          })]
+        }), jsx("div", {
+          className: "min-h-0 flex-1 overflow-y-auto px-6 py-4",
+          children: children
+        }), footer && jsx("div", {
+          className: "flex items-center justify-end gap-3 border-t border-gray-200 px-6 py-4 dark:border-gray-700",
+          children: footer
+        })]
+      })
+    }))]
+  }), document.body);
+});
+Drawer.displayName = "Drawer";
+var DrawerHeader = /*#__PURE__*/React.forwardRef(function (_ref4, ref) {
+  var className = _ref4.className,
+    props = _objectWithoutProperties(_ref4, _excluded2);
+  return jsx("div", _objectSpread2({
+    ref: ref,
+    className: cn("border-b border-gray-200 px-6 py-4 dark:border-gray-700", className)
+  }, props));
+});
+var DrawerBody = /*#__PURE__*/React.forwardRef(function (_ref5, ref) {
+  var className = _ref5.className,
+    props = _objectWithoutProperties(_ref5, _excluded3);
+  return jsx("div", _objectSpread2({
+    ref: ref,
+    className: cn("min-h-0 flex-1 overflow-y-auto px-6 py-4", className)
+  }, props));
+});
+var DrawerFooter = /*#__PURE__*/React.forwardRef(function (_ref6, ref) {
+  var className = _ref6.className,
+    props = _objectWithoutProperties(_ref6, _excluded4);
+  return jsx("div", _objectSpread2({
+    ref: ref,
+    className: cn("flex items-center justify-end gap-3 border-t border-gray-200 px-6 py-4 dark:border-gray-700", className)
+  }, props));
+});
+DrawerHeader.displayName = "Drawer.Header";
+DrawerBody.displayName = "Drawer.Body";
+DrawerFooter.displayName = "Drawer.Footer";
+Drawer.Header = DrawerHeader;
+Drawer.Body = DrawerBody;
+Drawer.Footer = DrawerFooter;
+
+export { Drawer as default };

package/dist/esm/components/feedback/Toast.js

@@ -0,0 +1,362 @@
+'use client';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray, typeof as _typeof } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { forwardRef, useState, useRef, useCallback, useEffect, useContext, createContext, useMemo } from 'react';
+import { createPortal } from 'react-dom';
+import { cn } from '../../utils/cn.js';
+import { Bell, Info, AlertTriangle, XCircle, CheckCircle2, X } from 'lucide-react';
+
+var _excluded = ["id", "title", "message", "description", "type", "duration", "onClose", "position", "statusIcon", "actions", "color", "footerNote", "showFooterNote", "portal", "className"];
+var STATUS_CONFIG = {
+  success: {
+    icon: CheckCircle2,
+    iconClass: 'text-emerald-500 dark:text-emerald-400',
+    progressClass: 'bg-emerald-500 dark:bg-emerald-400'
+  },
+  error: {
+    icon: XCircle,
+    iconClass: 'text-rose-500 dark:text-rose-400',
+    progressClass: 'bg-rose-500 dark:bg-rose-400'
+  },
+  warning: {
+    icon: AlertTriangle,
+    iconClass: 'text-amber-500 dark:text-amber-400',
+    progressClass: 'bg-amber-500 dark:bg-amber-400'
+  },
+  info: {
+    icon: Info,
+    iconClass: 'text-sky-500 dark:text-sky-400',
+    progressClass: 'bg-sky-500 dark:bg-sky-400'
+  },
+  "default": {
+    icon: Bell,
+    iconClass: 'text-primary-500 dark:text-primary-400',
+    progressClass: 'bg-primary-500 dark:bg-primary-400'
+  }
+};
+var POSITION_CLASSES = {
+  'top-right': 'top-4 right-4 items-end',
+  'top-left': 'top-4 left-4 items-start',
+  'bottom-right': 'bottom-4 right-4 items-end',
+  'bottom-left': 'bottom-4 left-4 items-start',
+  'top-center': 'top-4 left-1/2 transform -translate-x-1/2 items-center',
+  'bottom-center': 'bottom-4 left-1/2 transform -translate-x-1/2 items-center'
+};
+var STANDALONE_POSITION_CLASSES = {
+  'top-right': 'top-4 right-4',
+  'top-left': 'top-4 left-4',
+  'bottom-right': 'bottom-4 right-4',
+  'bottom-left': 'bottom-4 left-4',
+  'top-center': 'top-4 left-1/2 transform -translate-x-1/2',
+  'bottom-center': 'bottom-4 left-1/2 transform -translate-x-1/2'
+};
+var Toast = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var id = _ref.id,
+    title = _ref.title,
+    message = _ref.message,
+    description = _ref.description,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'info' : _ref$type,
+    _ref$duration = _ref.duration,
+    duration = _ref$duration === void 0 ? 5000 : _ref$duration,
+    onClose = _ref.onClose,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? 'top-right' : _ref$position,
+    statusIcon = _ref.statusIcon,
+    _ref$actions = _ref.actions,
+    actions = _ref$actions === void 0 ? [] : _ref$actions,
+    color = _ref.color,
+    footerNote = _ref.footerNote,
+    _ref$showFooterNote = _ref.showFooterNote,
+    showFooterNote = _ref$showFooterNote === void 0 ? false : _ref$showFooterNote,
+    _ref$portal = _ref.portal,
+    portal = _ref$portal === void 0 ? true : _ref$portal,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    isVisible = _useState2[0],
+    setIsVisible = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isLeaving = _useState4[0],
+    setIsLeaving = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isPaused = _useState6[0],
+    setIsPaused = _useState6[1];
+  var progressBarRef = useRef(null);
+  var timerTextRef = useRef(null);
+  var startTimeRef = useRef(null);
+  var remainingRef = useRef(duration);
+  var timerRef = useRef(null);
+  var animFrameRef = useRef(null);
+  var handleClose = useCallback(function () {
+    if (isLeaving) return;
+    setIsLeaving(true);
+    setTimeout(function () {
+      setIsVisible(false);
+      onClose === null || onClose === void 0 || onClose(id);
+    }, 300);
+  }, [id, onClose, isLeaving]);
+  var handleStopTimer = useCallback(function (e) {
+    e === null || e === void 0 || e.stopPropagation();
+    setIsPaused(true);
+    if (timerRef.current) clearTimeout(timerRef.current);
+    if (animFrameRef.current) cancelAnimationFrame(animFrameRef.current);
+  }, []);
+  // Direct DOM-based progress updates to prevent 60 FPS React re-renders and glitches
+  useEffect(function () {
+    if (duration <= 0) return;
+    if (isPaused) {
+      if (timerRef.current) clearTimeout(timerRef.current);
+      if (animFrameRef.current) cancelAnimationFrame(animFrameRef.current);
+      return;
+    }
+    startTimeRef.current = Date.now();
+    timerRef.current = setTimeout(function () {
+      handleClose();
+    }, remainingRef.current);
+    var _updateProgress = function updateProgress() {
+      var elapsed = startTimeRef.current ? Date.now() - startTimeRef.current : 0;
+      var currentRemaining = Math.max(0, remainingRef.current - elapsed);
+      var pct = currentRemaining / duration * 100;
+      if (progressBarRef.current) {
+        progressBarRef.current.style.width = "".concat(pct, "%");
+      }
+      if (timerTextRef.current) {
+        var secs = Math.ceil(currentRemaining / 1000);
+        timerTextRef.current.textContent = "This message will close in ".concat(secs, " seconds. ");
+      }
+      if (currentRemaining > 0 && !isPaused) {
+        animFrameRef.current = requestAnimationFrame(_updateProgress);
+      }
+    };
+    animFrameRef.current = requestAnimationFrame(_updateProgress);
+    return function () {
+      if (timerRef.current) clearTimeout(timerRef.current);
+      if (animFrameRef.current) cancelAnimationFrame(animFrameRef.current);
+      if (!isPaused && startTimeRef.current) {
+        var elapsed = Date.now() - startTimeRef.current;
+        remainingRef.current = Math.max(0, remainingRef.current - elapsed);
+      }
+    };
+  }, [duration, isPaused, handleClose]);
+  if (!isVisible) return null;
+  var statusStyle = STATUS_CONFIG[type] || STATUS_CONFIG.info || STATUS_CONFIG["default"];
+  var StatusIconComponent = statusStyle.icon;
+  var bodyText = description || message;
+  var toastContent = jsxs("div", _objectSpread2(_objectSpread2({
+    ref: ref,
+    onMouseEnter: function onMouseEnter() {
+      return setIsPaused(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsPaused(false);
+    },
+    className: cn('relative overflow-hidden rounded-xl border border-slate-200/90 bg-white/95 shadow-xl backdrop-blur-md transition-all duration-300', 'dark:border-slate-800/80 dark:bg-[#18181b] dark:text-slate-100 dark:shadow-2xl', 'max-w-md w-full', isLeaving ? 'opacity-0 scale-95 translate-y-1' : 'animate-slide-up opacity-100 scale-100', portal ? ['fixed z-50', STANDALONE_POSITION_CLASSES[position] || STANDALONE_POSITION_CLASSES['top-right']] : '', className)
+  }, props), {}, {
+    children: [jsx("div", {
+      className: "p-4",
+      children: jsxs("div", {
+        className: "flex items-start gap-3 justify-between",
+        children: [jsx("span", {
+          className: "flex-shrink-0 mt-0.5",
+          children: statusIcon ? statusIcon : jsx(StatusIconComponent, {
+            className: cn('h-5 w-5', statusStyle.iconClass)
+          })
+        }), jsxs("div", {
+          className: "flex-1 min-w-0 pr-2",
+          children: [title && jsx("h4", {
+            className: "text-sm font-semibold text-slate-900 dark:text-slate-100 leading-snug",
+            children: title
+          }), bodyText && jsx("p", {
+            className: "mt-1 text-xs text-slate-600 dark:text-slate-400 leading-relaxed whitespace-pre-line",
+            children: bodyText
+          }), actions && actions.length > 0 && jsx("div", {
+            className: "mt-3 flex items-center gap-2 flex-wrap",
+            children: actions.map(function (actItem, idx) {
+              return jsx("button", {
+                type: "button",
+                onClick: function onClick(e) {
+                  var _actItem$onClick;
+                  (_actItem$onClick = actItem.onClick) === null || _actItem$onClick === void 0 || _actItem$onClick.call(actItem, e);
+                  if (actItem.dismiss !== false) {
+                    handleClose();
+                  }
+                },
+                className: cn('px-3 py-1.5 text-xs font-medium rounded-lg transition-colors border shadow-xs', actItem.variant === 'primary' ? 'bg-primary-600 hover:bg-primary-700 text-white border-primary-600' : 'bg-slate-100 dark:bg-zinc-800/80 text-slate-700 dark:text-zinc-200 border-slate-200 dark:border-zinc-700 hover:bg-slate-200 dark:hover:bg-zinc-700', actItem.className),
+                children: actItem.label
+              }, actItem.id || actItem.label || "act-".concat(idx));
+            })
+          })]
+        }), jsx("button", {
+          type: "button",
+          "aria-label": "Close notification",
+          className: "flex-shrink-0 rounded-lg p-1 text-slate-400 hover:text-slate-600 dark:hover:text-slate-200 hover:bg-slate-100 dark:hover:bg-zinc-800/70 transition-colors outline-none focus:ring-2 focus:ring-primary-500",
+          onClick: handleClose,
+          children: jsx(X, {
+            className: "h-4 w-4"
+          })
+        })]
+      })
+    }), (showFooterNote || footerNote) && duration > 0 && jsx("div", {
+      className: "px-4 py-2 bg-slate-50 dark:bg-zinc-950/40 border-t border-slate-100 dark:border-zinc-800/50 text-[11px] text-slate-500 dark:text-zinc-400 flex items-center justify-between",
+      children: jsx("span", {
+        children: footerNote ? footerNote : jsxs(Fragment, {
+          children: [jsxs("span", {
+            ref: timerTextRef,
+            children: ["This message will close in ", Math.ceil(duration / 1000), " seconds.", ' ']
+          }), jsx("button", {
+            type: "button",
+            onClick: handleStopTimer,
+            className: "font-medium text-slate-700 dark:text-zinc-200 hover:underline inline",
+            children: "Click to stop."
+          })]
+        })
+      })
+    }), duration > 0 && jsx("div", {
+      className: "absolute bottom-0 left-0 right-0 h-0.5 bg-slate-100 dark:bg-zinc-800/80 overflow-hidden rounded-b-xl",
+      children: jsx("div", {
+        ref: progressBarRef,
+        className: cn('h-full transition-all ease-linear', color ? '' : statusStyle.progressClass),
+        style: {
+          width: '100%',
+          backgroundColor: color || undefined
+        }
+      })
+    })]
+  }));
+  if (portal) {
+    return /*#__PURE__*/createPortal(toastContent, document.body);
+  }
+  return toastContent;
+});
+Toast.displayName = 'Toast';
+// Shared queue for <ToastProvider>. `null` outside a provider, where useToast
+// falls back to its own component-local queue (the pre-provider behavior).
+var ToastContext = /*#__PURE__*/createContext(null);
+var ToastStack = function ToastStack(_ref2) {
+  var _ref2$toasts = _ref2.toasts,
+    toasts = _ref2$toasts === void 0 ? [] : _ref2$toasts,
+    _ref2$position = _ref2.position,
+    position = _ref2$position === void 0 ? 'top-right' : _ref2$position,
+    onRemove = _ref2.onRemove,
+    _ref2$className = _ref2.className,
+    className = _ref2$className === void 0 ? '' : _ref2$className;
+  if (!toasts || toasts.length === 0) {
+    return null;
+  }
+  var posClass = POSITION_CLASSES[position] || POSITION_CLASSES['top-right'];
+  return /*#__PURE__*/createPortal(jsx("div", {
+    className: cn('fixed z-50 flex flex-col gap-3 max-h-[calc(100vh-2rem)] overflow-y-auto overflow-x-hidden p-2 pointer-events-none', '[scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden', posClass, className),
+    children: toasts.map(function (t) {
+      return jsx("div", {
+        className: "pointer-events-auto w-full max-w-md",
+        children: jsx(Toast, _objectSpread2(_objectSpread2({}, t), {}, {
+          portal: false,
+          position: position,
+          onClose: onRemove
+        }))
+      }, t.id);
+    })
+  }), document.body);
+};
+// Toast Container Component for vertical stacking & scrollable overflow without visible scrollbars
+var ToastContainer = function ToastContainer(props) {
+  var shared = useContext(ToastContext);
+  // Under a <ToastProvider> the provider already renders the shared queue, so a
+  // legacy `<ToastContainer toasts={useToast().toasts} />` would render every
+  // toast twice. Skip it when it is handed the provider's own queue.
+  if (shared && props.toasts === shared.toasts) return null;
+  return jsx(ToastStack, _objectSpread2({}, props));
+};
+var useToastQueue = function useToastQueue() {
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    toasts = _useState8[0],
+    setToasts = _useState8[1];
+  var addToast = useCallback(function (toastOptions) {
+    var id = toastOptions.id || "".concat(Date.now(), "-").concat(Math.random().toString(36).slice(2, 7));
+    var newToast = _objectSpread2(_objectSpread2({}, toastOptions), {}, {
+      id: id
+    });
+    setToasts(function (prev) {
+      return [].concat(_toConsumableArray(prev), [newToast]);
+    });
+    return id;
+  }, []);
+  var removeToast = useCallback(function (id) {
+    setToasts(function (prev) {
+      return prev.filter(function (t) {
+        return t.id !== id;
+      });
+    });
+  }, []);
+  var clearToasts = useCallback(function () {
+    setToasts([]);
+  }, []);
+  // Build the callable `toast` together with its typed shorthands in one
+  // memo, so the stable function is never mutated after creation.
+  var toast = useMemo(function () {
+    var withType = function withType(type) {
+      return function (title, message, options) {
+        return addToast(_objectSpread2({
+          title: title,
+          message: message,
+          type: type
+        }, _typeof(options) === 'object' ? options : {}));
+      };
+    };
+    return Object.assign(function (options) {
+      return addToast(typeof options === 'string' ? {
+        message: options
+      } : options);
+    }, {
+      success: withType('success'),
+      error: withType('error'),
+      warning: withType('warning'),
+      info: withType('info'),
+      "default": withType('default')
+    });
+  }, [addToast]);
+  return useMemo(function () {
+    return {
+      toast: toast,
+      toasts: toasts,
+      removeToast: removeToast,
+      clearToasts: clearToasts,
+      addToast: addToast
+    };
+  }, [toast, toasts, removeToast, clearToasts, addToast]);
+};
+// App-level provider: every useToast() below it shares ONE queue, rendered by
+// the provider's own container — no per-screen <ToastContainer> needed.
+var ToastProvider = function ToastProvider(_ref3) {
+  var children = _ref3.children,
+    _ref3$position = _ref3.position,
+    position = _ref3$position === void 0 ? 'top-right' : _ref3$position,
+    _ref3$className = _ref3.className,
+    className = _ref3$className === void 0 ? '' : _ref3$className;
+  var queue = useToastQueue();
+  return jsxs(ToastContext.Provider, {
+    value: queue,
+    children: [children, jsx(ToastStack, {
+      toasts: queue.toasts,
+      position: position,
+      onRemove: queue.removeToast,
+      className: className
+    })]
+  });
+};
+ToastProvider.displayName = 'ToastProvider';
+// Toast Hook. Inside a <ToastProvider> it returns the shared queue; outside one
+// it keeps a component-local queue (render it with <ToastContainer>).
+var useToast = function useToast() {
+  var shared = useContext(ToastContext);
+  var local = useToastQueue();
+  return shared !== null && shared !== void 0 ? shared : local;
+};
+
+export { Toast, ToastContainer, ToastProvider, Toast as default, useToast };