@hanwenbo/x-taro-ui 0.0.1

package/es/components/sonner/sonner.js

@@ -0,0 +1,731 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children"],
+  _excluded2 = ["title", "description", "tone", "duration", "action", "cancel", "items", "emptyText", "onClose", "onActionClick"];
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Text, View } from '@tarojs/components';
+import { designSystemSpacing, getFormControlTokens, useTheme, withOpacity } from "../../theme";
+import { classNames } from "../../utils";
+import { useConfig } from "../configProvider";
+import { Icon } from "../icon";
+import "./style.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var MOBILE_ROOT_REM_SCALE = 14 / 16;
+var SONNER_TRANSITION_DURATION_MS = 300;
+var toneIconMap = {
+  success: 'CircleCheck',
+  error: 'CircleX',
+  warning: 'TriangleAlert',
+  info: 'Info',
+  loading: 'LoaderCircle'
+};
+function renderNode(node, style) {
+  if (typeof node === 'string' || typeof node === 'number') {
+    return /*#__PURE__*/_jsx(Text, {
+      style: style,
+      children: node
+    });
+  }
+  return node;
+}
+function normalizeType(type, tone) {
+  var _ref;
+  var fallback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'default';
+  return (_ref = type !== null && type !== void 0 ? type : tone) !== null && _ref !== void 0 ? _ref : fallback;
+}
+function getToneColor(type, colors) {
+  if (type === 'success') return colors.success;
+  if (type === 'error') return colors.destructive;
+  if (type === 'warning') return colors.warning;
+  if (type === 'info' || type === 'loading') return colors.primary;
+  return colors.foreground;
+}
+function getPositionStyle(position, offset) {
+  switch (position) {
+    case 'top-left':
+      return {
+        top: offset,
+        left: offset
+      };
+    case 'top-center':
+      return {
+        top: offset,
+        left: '50%',
+        transform: 'translateX(-50%)'
+      };
+    case 'top-right':
+      return {
+        top: offset,
+        right: offset
+      };
+    case 'bottom-left':
+      return {
+        bottom: offset,
+        left: offset
+      };
+    case 'bottom-center':
+      return {
+        bottom: offset,
+        left: '50%',
+        transform: 'translateX(-50%)'
+      };
+    case 'bottom-right':
+    default:
+      return {
+        bottom: offset,
+        right: offset
+      };
+  }
+}
+function getPresentation(type, richColors, colors) {
+  var toneColor = getToneColor(type, colors);
+  var isSemantic = type !== 'default';
+  var surfaceWeight = richColors ? 14 : 8;
+  var borderWeight = richColors ? 36 : 24;
+  var tokenSuffix = type === 'default' ? 'default' : type;
+  return {
+    toneColor: "var(--x-sonner-icon-".concat(tokenSuffix, ", ").concat(toneColor, ")"),
+    foregroundColor: "var(--x-sonner-toast-foreground-".concat(tokenSuffix, ", ").concat(type === 'default' ? colors['popover-foreground'] : colors.foreground, ")"),
+    backgroundColor: richColors && isSemantic ? withOpacity(toneColor, surfaceWeight / 100) : "var(--x-sonner-toast-surface-".concat(tokenSuffix, ", ").concat(colors.popover, ")"),
+    borderColor: richColors && isSemantic ? withOpacity(toneColor, borderWeight / 100) : "var(--x-sonner-toast-border-".concat(tokenSuffix, ", ").concat(colors.border, ")")
+  };
+}
+export var SonnerItem = function SonnerItem(_ref2) {
+  var _toast$duration, _toast$richColors, _icons, _toast$closeButton, _icons$close;
+  var toast = _ref2.toast,
+    onDismiss = _ref2.onDismiss,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 'middle' : _ref2$size,
+    _ref2$variant = _ref2.variant,
+    variant = _ref2$variant === void 0 ? 'default' : _ref2$variant,
+    _ref2$closeButton = _ref2.closeButton,
+    closeButton = _ref2$closeButton === void 0 ? true : _ref2$closeButton,
+    _ref2$pauseOnHover = _ref2.pauseOnHover,
+    pauseOnHover = _ref2$pauseOnHover === void 0 ? true : _ref2$pauseOnHover,
+    _ref2$richColors = _ref2.richColors,
+    richColors = _ref2$richColors === void 0 ? false : _ref2$richColors,
+    icons = _ref2.icons;
+  var config = useConfig();
+  var _useTheme = useTheme(),
+    theme = _useTheme.theme;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isExiting = _useState2[0],
+    setIsExiting = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isPaused = _useState4[0],
+    setIsPaused = _useState4[1];
+  var dismissingRef = useRef(false);
+  var exitTimerRef = useRef();
+  var autoDismissTimerRef = useRef();
+  var autoDismissStartedAtRef = useRef(0);
+  var remainingDurationRef = useRef(0);
+  var type = normalizeType(toast.type, toast.tone, variant);
+  var duration = (_toast$duration = toast.duration) !== null && _toast$duration !== void 0 ? _toast$duration : 5000;
+  var controlTokens = getFormControlTokens(size);
+  var presentation = getPresentation(type, (_toast$richColors = toast.richColors) !== null && _toast$richColors !== void 0 ? _toast$richColors : richColors, theme.colors);
+  var classNamesOverride = toast.classNames;
+  var itemGap = controlTokens.gap * MOBILE_ROOT_REM_SCALE;
+  var itemInlinePadding = controlTokens.inlinePadding * MOBILE_ROOT_REM_SCALE;
+  var closeIconSize = controlTokens.iconSize * MOBILE_ROOT_REM_SCALE;
+  var semanticIconSize = 20 * MOBILE_ROOT_REM_SCALE;
+  var compactPadding = designSystemSpacing['1'] * MOBILE_ROOT_REM_SCALE;
+  var actionInlinePadding = designSystemSpacing['2.5'] * MOBILE_ROOT_REM_SCALE;
+  var clearAutoDismissTimer = useCallback(function () {
+    if (autoDismissTimerRef.current === undefined) return;
+    clearTimeout(autoDismissTimerRef.current);
+    autoDismissTimerRef.current = undefined;
+  }, []);
+  var handleDismiss = useCallback(function () {
+    if (dismissingRef.current) return;
+    dismissingRef.current = true;
+    clearAutoDismissTimer();
+    setIsExiting(true);
+    exitTimerRef.current = setTimeout(function () {
+      var _toast$onDismiss;
+      onDismiss(toast.id);
+      (_toast$onDismiss = toast.onDismiss) === null || _toast$onDismiss === void 0 || _toast$onDismiss.call(toast);
+    }, SONNER_TRANSITION_DURATION_MS);
+  }, [clearAutoDismissTimer, onDismiss, toast]);
+  var scheduleAutoDismiss = useCallback(function (delay) {
+    clearAutoDismissTimer();
+    remainingDurationRef.current = delay;
+    autoDismissStartedAtRef.current = Date.now();
+    autoDismissTimerRef.current = setTimeout(handleDismiss, delay);
+  }, [clearAutoDismissTimer, handleDismiss]);
+  useEffect(function () {
+    if (duration === Infinity || duration <= 0 || type === 'loading') return undefined;
+    remainingDurationRef.current = duration;
+    setIsPaused(false);
+    scheduleAutoDismiss(duration);
+    return clearAutoDismissTimer;
+  }, [clearAutoDismissTimer, duration, scheduleAutoDismiss, type]);
+  useEffect(function () {
+    return function () {
+      if (exitTimerRef.current) clearTimeout(exitTimerRef.current);
+      clearAutoDismissTimer();
+    };
+  }, [clearAutoDismissTimer]);
+  var handlePause = useCallback(function () {
+    if (!pauseOnHover || isExiting || !autoDismissTimerRef.current) return;
+    var elapsed = Math.max(0, Date.now() - autoDismissStartedAtRef.current);
+    remainingDurationRef.current = Math.max(0, remainingDurationRef.current - elapsed);
+    clearAutoDismissTimer();
+    setIsPaused(true);
+  }, [clearAutoDismissTimer, isExiting, pauseOnHover]);
+  var handleResume = useCallback(function () {
+    if (!pauseOnHover || isExiting || !isPaused) return;
+    setIsPaused(false);
+    if (remainingDurationRef.current <= 0) {
+      handleDismiss();
+      return;
+    }
+    scheduleAutoDismiss(remainingDurationRef.current);
+  }, [handleDismiss, isExiting, isPaused, pauseOnHover, scheduleAutoDismiss]);
+  var icon = type === 'default' ? null : (_icons = icons === null || icons === void 0 ? void 0 : icons[type]) !== null && _icons !== void 0 ? _icons : /*#__PURE__*/_jsx(Icon, {
+    name: toneIconMap[type],
+    size: semanticIconSize,
+    color: presentation.toneColor,
+    className: type === 'loading' ? 'x-sonner__loading-icon' : undefined,
+    block: true
+  });
+  var actionStyle = {
+    padding: "".concat(compactPadding, "px ").concat(actionInlinePadding, "px"),
+    borderRadius: 'var(--x-sonner-action-radius)',
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    boxSizing: 'border-box',
+    fontSize: 14,
+    lineHeight: '20px'
+  };
+  var handleAction = function handleAction(action) {
+    var _action$onClick;
+    action === null || action === void 0 || (_action$onClick = action.onClick) === null || _action$onClick === void 0 || _action$onClick.call(action);
+    handleDismiss();
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    role: "status",
+    "aria-live": "polite",
+    "data-slot": "sonner-item",
+    "data-type": type,
+    "data-size": size,
+    "data-exiting": isExiting ? 'true' : 'false',
+    "data-paused": isPaused ? 'true' : 'false',
+    className: classNames("".concat(config.prefixCls, "-sonner__item"), "".concat(config.prefixCls, "-sonner__item--").concat(type), 'x-sonner__animated-item', isExiting && 'x-sonner__animated-item--exiting', classNamesOverride === null || classNamesOverride === void 0 ? void 0 : classNamesOverride.toast, classNamesOverride === null || classNamesOverride === void 0 ? void 0 : classNamesOverride[type]),
+    style: {
+      position: 'relative',
+      boxSizing: 'border-box',
+      display: 'flex',
+      flexDirection: 'row',
+      alignItems: 'flex-start',
+      width: '100%',
+      minWidth: 0,
+      minHeight: controlTokens.minHeight,
+      gap: itemGap,
+      paddingTop: 0,
+      paddingBottom: 0,
+      paddingLeft: itemInlinePadding,
+      paddingRight: itemInlinePadding,
+      overflow: 'hidden',
+      borderRadius: 'var(--x-sonner-radius)',
+      borderWidth: 1,
+      borderStyle: 'solid',
+      borderColor: presentation.borderColor,
+      backgroundColor: presentation.backgroundColor,
+      boxShadow: 'var(--x-sonner-shadow)',
+      fontSize: controlTokens.textSize,
+      lineHeight: '22px',
+      color: presentation.foregroundColor,
+      pointerEvents: 'auto'
+    },
+    onMouseEnter: pauseOnHover ? handlePause : undefined,
+    onMouseLeave: pauseOnHover ? handleResume : undefined,
+    children: [icon ? /*#__PURE__*/_jsx(View, {
+      "data-slot": "sonner-icon",
+      className: classNames("".concat(config.prefixCls, "-sonner__icon"), classNamesOverride === null || classNamesOverride === void 0 ? void 0 : classNamesOverride.icon),
+      style: {
+        display: 'flex',
+        width: semanticIconSize,
+        height: semanticIconSize,
+        marginTop: 1.75,
+        flexShrink: 0
+      },
+      children: icon
+    }) : null, /*#__PURE__*/_jsxs(View, {
+      "data-slot": "sonner-content",
+      className: classNames("".concat(config.prefixCls, "-sonner__content"), classNamesOverride === null || classNamesOverride === void 0 ? void 0 : classNamesOverride.content),
+      style: {
+        flex: 1,
+        minWidth: 0,
+        paddingTop: 3.5,
+        paddingBottom: 3.5
+      },
+      children: [toast.title !== undefined && toast.title !== null ? /*#__PURE__*/_jsx(View, {
+        "data-slot": "sonner-title",
+        className: classNames("".concat(config.prefixCls, "-sonner__title"), classNamesOverride === null || classNamesOverride === void 0 ? void 0 : classNamesOverride.title),
+        style: {
+          fontSize: controlTokens.textSize,
+          lineHeight: '20px'
+        },
+        children: renderNode(toast.title, {
+          fontSize: controlTokens.textSize,
+          fontWeight: 500,
+          lineHeight: '20px',
+          color: "var(--x-sonner-title, ".concat(theme.colors.foreground, ")")
+        })
+      }) : null, toast.description !== undefined && toast.description !== null ? /*#__PURE__*/_jsx(View, {
+        "data-slot": "sonner-description",
+        className: classNames("".concat(config.prefixCls, "-sonner__description"), classNamesOverride === null || classNamesOverride === void 0 ? void 0 : classNamesOverride.description),
+        style: {
+          marginTop: toast.title !== undefined && toast.title !== null ? 1.75 : 0,
+          fontSize: size === 'mini' ? 10 : size === 'small' ? 12 : size === 'large' ? 16 : 14,
+          lineHeight: '20px'
+        },
+        children: renderNode(toast.description, {
+          fontSize: size === 'mini' ? 10 : size === 'small' ? 12 : size === 'large' ? 16 : 14,
+          lineHeight: '20px',
+          color: "var(--x-sonner-description, ".concat(theme.colors['muted-foreground'], ")")
+        })
+      }) : null, toast.action || toast.cancel ? /*#__PURE__*/_jsxs(View, {
+        "data-slot": "sonner-actions",
+        style: {
+          display: 'flex',
+          flexDirection: 'row',
+          flexWrap: 'wrap',
+          gap: 7,
+          marginTop: 7
+        },
+        children: [toast.action ? /*#__PURE__*/_jsx(View, {
+          role: "button",
+          ariaLabel: String(toast.action.label),
+          "data-slot": "sonner-action",
+          className: classNames("".concat(config.prefixCls, "-sonner__action"), classNamesOverride === null || classNamesOverride === void 0 ? void 0 : classNamesOverride.actionButton),
+          style: _objectSpread(_objectSpread({}, actionStyle), {}, {
+            borderWidth: 1,
+            borderStyle: 'solid',
+            borderColor: 'var(--x-sonner-action-border, transparent)',
+            backgroundColor: "var(--x-sonner-action-surface, ".concat(theme.colors.primary, ")"),
+            color: "var(--x-sonner-action-foreground, ".concat(theme.colors['primary-foreground'], ")")
+          }),
+          hoverClass: "x-sonner__action--active",
+          onClick: function onClick() {
+            return handleAction(toast.action);
+          },
+          children: renderNode(toast.action.label, {
+            fontSize: 14,
+            fontWeight: 500,
+            lineHeight: '20px',
+            color: "var(--x-sonner-action-foreground, ".concat(theme.colors['primary-foreground'], ")")
+          })
+        }) : null, toast.cancel ? /*#__PURE__*/_jsx(View, {
+          role: "button",
+          ariaLabel: String(toast.cancel.label),
+          "data-slot": "sonner-cancel",
+          className: classNames("".concat(config.prefixCls, "-sonner__cancel"), classNamesOverride === null || classNamesOverride === void 0 ? void 0 : classNamesOverride.cancelButton),
+          style: _objectSpread(_objectSpread({}, actionStyle), {}, {
+            borderRadius: 'var(--x-sonner-cancel-radius)',
+            borderWidth: 1,
+            borderStyle: 'solid',
+            borderColor: "var(--x-sonner-cancel-border, ".concat(theme.colors.border, ")"),
+            backgroundColor: "var(--x-sonner-cancel-surface, ".concat(theme.colors.background, ")"),
+            color: "var(--x-sonner-cancel-foreground, ".concat(theme.colors.foreground, ")")
+          }),
+          hoverClass: "x-sonner__cancel--active",
+          onClick: function onClick() {
+            return handleAction(toast.cancel);
+          },
+          children: renderNode(toast.cancel.label, {
+            fontSize: 14,
+            fontWeight: 500,
+            lineHeight: '20px',
+            color: "var(--x-sonner-cancel-foreground, ".concat(theme.colors.foreground, ")")
+          })
+        }) : null]
+      }) : null]
+    }), ((_toast$closeButton = toast.closeButton) !== null && _toast$closeButton !== void 0 ? _toast$closeButton : closeButton) ? /*#__PURE__*/_jsx(View, {
+      role: "button",
+      ariaLabel: "\u5173\u95ED\u901A\u77E5",
+      "data-slot": "sonner-close",
+      className: classNames("".concat(config.prefixCls, "-sonner__close"), classNamesOverride === null || classNamesOverride === void 0 ? void 0 : classNamesOverride.closeButton),
+      style: {
+        padding: compactPadding,
+        borderRadius: compactPadding,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        flexShrink: 0,
+        backgroundColor: 'transparent',
+        color: "var(--x-sonner-close-foreground, ".concat(theme.colors['muted-foreground'], ")"),
+        opacity: 0.6
+      },
+      hoverClass: "x-sonner__close--active",
+      onClick: handleDismiss,
+      children: (_icons$close = icons === null || icons === void 0 ? void 0 : icons.close) !== null && _icons$close !== void 0 ? _icons$close : /*#__PURE__*/_jsx(Icon, {
+        name: "X",
+        size: closeIconSize,
+        color: "var(--x-sonner-close-foreground, ".concat(theme.colors['muted-foreground'], ")"),
+        block: true
+      })
+    }) : null, duration !== Infinity && duration > 0 && type !== 'loading' ? /*#__PURE__*/_jsx(View, {
+      "data-slot": "sonner-progress",
+      className: "x-sonner__progress",
+      style: {
+        position: 'absolute',
+        left: 0,
+        bottom: 0,
+        height: 2,
+        backgroundColor: presentation.toneColor,
+        opacity: 0.3,
+        animationDuration: "".concat(duration, "ms"),
+        animationPlayState: isPaused ? 'paused' : 'running'
+      }
+    }) : null]
+  });
+};
+SonnerItem.displayName = 'SonnerItem';
+export var SonnerContainer = function SonnerContainer(_ref3) {
+  var toasts = _ref3.toasts,
+    onDismiss = _ref3.onDismiss,
+    _ref3$position = _ref3.position,
+    position = _ref3$position === void 0 ? 'bottom-right' : _ref3$position,
+    _ref3$gap = _ref3.gap,
+    gap = _ref3$gap === void 0 ? 8 : _ref3$gap,
+    _ref3$limit = _ref3.limit,
+    limit = _ref3$limit === void 0 ? 5 : _ref3$limit,
+    visibleToasts = _ref3.visibleToasts,
+    _ref3$size = _ref3.size,
+    size = _ref3$size === void 0 ? 'middle' : _ref3$size,
+    _ref3$variant = _ref3.variant,
+    variant = _ref3$variant === void 0 ? 'default' : _ref3$variant,
+    _ref3$closeButton = _ref3.closeButton,
+    closeButton = _ref3$closeButton === void 0 ? true : _ref3$closeButton,
+    _ref3$pauseOnHover = _ref3.pauseOnHover,
+    pauseOnHover = _ref3$pauseOnHover === void 0 ? true : _ref3$pauseOnHover,
+    toastOptions = _ref3.toastOptions,
+    duration = _ref3.duration,
+    _ref3$offset = _ref3.offset,
+    offset = _ref3$offset === void 0 ? 16 : _ref3$offset,
+    _ref3$theme = _ref3.theme,
+    theme = _ref3$theme === void 0 ? 'system' : _ref3$theme,
+    _ref3$richColors = _ref3.richColors,
+    richColors = _ref3$richColors === void 0 ? false : _ref3$richColors,
+    icons = _ref3.icons,
+    className = _ref3.className,
+    containerClassName = _ref3.containerClassName,
+    style = _ref3.style,
+    containerStyle = _ref3.containerStyle;
+  var config = useConfig();
+  var maxVisibleToasts = Math.max(0, visibleToasts !== null && visibleToasts !== void 0 ? visibleToasts : limit);
+  var activeToasts = toasts.slice(0, maxVisibleToasts);
+  var isBottomPosition = position.startsWith('bottom');
+  return /*#__PURE__*/_jsx(View, {
+    "data-slot": "sonner-container",
+    "data-position": position,
+    "data-rich-colors": richColors ? 'true' : 'false',
+    "data-theme": theme,
+    className: classNames("".concat(config.prefixCls, "-sonner"), "".concat(config.prefixCls, "-sonner--").concat(position), className, containerClassName),
+    style: _objectSpread(_objectSpread(_objectSpread({
+      position: 'fixed',
+      zIndex: 9999,
+      display: 'flex',
+      flexDirection: isBottomPosition ? 'column-reverse' : 'column',
+      width: 360,
+      maxWidth: '90vw',
+      gap: gap,
+      pointerEvents: 'none'
+    }, getPositionStyle(position, offset)), style), containerStyle),
+    children: activeToasts.map(function (currentToast) {
+      var _toastOptions$classNa, _currentToast$classNa, _toastOptions$classNa2, _currentToast$classNa2, _toastOptions$classNa3, _currentToast$classNa3, _toastOptions$classNa4, _currentToast$classNa4, _toastOptions$classNa5, _currentToast$classNa5, _toastOptions$classNa6, _currentToast$classNa6, _toastOptions$classNa7, _currentToast$classNa7, _toastOptions$classNa8, _currentToast$classNa8, _toastOptions$classNa9, _currentToast$classNa9, _toastOptions$classNa10, _currentToast$classNa10, _toastOptions$classNa11, _currentToast$classNa11, _toastOptions$classNa12, _currentToast$classNa12, _toastOptions$classNa13, _currentToast$classNa13, _toastOptions$classNa14, _currentToast$classNa14, _ref4, _currentToast$duratio, _mergedToast$closeBut, _mergedToast$richColo;
+      var mergedClassNames = _objectSpread(_objectSpread(_objectSpread({}, toastOptions === null || toastOptions === void 0 ? void 0 : toastOptions.classNames), currentToast.classNames), {}, {
+        toast: classNames(toastOptions === null || toastOptions === void 0 || (_toastOptions$classNa = toastOptions.classNames) === null || _toastOptions$classNa === void 0 ? void 0 : _toastOptions$classNa.toast, (_currentToast$classNa = currentToast.classNames) === null || _currentToast$classNa === void 0 ? void 0 : _currentToast$classNa.toast),
+        title: classNames(toastOptions === null || toastOptions === void 0 || (_toastOptions$classNa2 = toastOptions.classNames) === null || _toastOptions$classNa2 === void 0 ? void 0 : _toastOptions$classNa2.title, (_currentToast$classNa2 = currentToast.classNames) === null || _currentToast$classNa2 === void 0 ? void 0 : _currentToast$classNa2.title),
+        description: classNames(toastOptions === null || toastOptions === void 0 || (_toastOptions$classNa3 = toastOptions.classNames) === null || _toastOptions$classNa3 === void 0 ? void 0 : _toastOptions$classNa3.description, (_currentToast$classNa3 = currentToast.classNames) === null || _currentToast$classNa3 === void 0 ? void 0 : _currentToast$classNa3.description),
+        content: classNames(toastOptions === null || toastOptions === void 0 || (_toastOptions$classNa4 = toastOptions.classNames) === null || _toastOptions$classNa4 === void 0 ? void 0 : _toastOptions$classNa4.content, (_currentToast$classNa4 = currentToast.classNames) === null || _currentToast$classNa4 === void 0 ? void 0 : _currentToast$classNa4.content),
+        icon: classNames(toastOptions === null || toastOptions === void 0 || (_toastOptions$classNa5 = toastOptions.classNames) === null || _toastOptions$classNa5 === void 0 ? void 0 : _toastOptions$classNa5.icon, (_currentToast$classNa5 = currentToast.classNames) === null || _currentToast$classNa5 === void 0 ? void 0 : _currentToast$classNa5.icon),
+        actionButton: classNames(toastOptions === null || toastOptions === void 0 || (_toastOptions$classNa6 = toastOptions.classNames) === null || _toastOptions$classNa6 === void 0 ? void 0 : _toastOptions$classNa6.actionButton, (_currentToast$classNa6 = currentToast.classNames) === null || _currentToast$classNa6 === void 0 ? void 0 : _currentToast$classNa6.actionButton),
+        cancelButton: classNames(toastOptions === null || toastOptions === void 0 || (_toastOptions$classNa7 = toastOptions.classNames) === null || _toastOptions$classNa7 === void 0 ? void 0 : _toastOptions$classNa7.cancelButton, (_currentToast$classNa7 = currentToast.classNames) === null || _currentToast$classNa7 === void 0 ? void 0 : _currentToast$classNa7.cancelButton),
+        closeButton: classNames(toastOptions === null || toastOptions === void 0 || (_toastOptions$classNa8 = toastOptions.classNames) === null || _toastOptions$classNa8 === void 0 ? void 0 : _toastOptions$classNa8.closeButton, (_currentToast$classNa8 = currentToast.classNames) === null || _currentToast$classNa8 === void 0 ? void 0 : _currentToast$classNa8.closeButton),
+        default: classNames(toastOptions === null || toastOptions === void 0 || (_toastOptions$classNa9 = toastOptions.classNames) === null || _toastOptions$classNa9 === void 0 ? void 0 : _toastOptions$classNa9.default, (_currentToast$classNa9 = currentToast.classNames) === null || _currentToast$classNa9 === void 0 ? void 0 : _currentToast$classNa9.default),
+        success: classNames(toastOptions === null || toastOptions === void 0 || (_toastOptions$classNa10 = toastOptions.classNames) === null || _toastOptions$classNa10 === void 0 ? void 0 : _toastOptions$classNa10.success, (_currentToast$classNa10 = currentToast.classNames) === null || _currentToast$classNa10 === void 0 ? void 0 : _currentToast$classNa10.success),
+        error: classNames(toastOptions === null || toastOptions === void 0 || (_toastOptions$classNa11 = toastOptions.classNames) === null || _toastOptions$classNa11 === void 0 ? void 0 : _toastOptions$classNa11.error, (_currentToast$classNa11 = currentToast.classNames) === null || _currentToast$classNa11 === void 0 ? void 0 : _currentToast$classNa11.error),
+        warning: classNames(toastOptions === null || toastOptions === void 0 || (_toastOptions$classNa12 = toastOptions.classNames) === null || _toastOptions$classNa12 === void 0 ? void 0 : _toastOptions$classNa12.warning, (_currentToast$classNa12 = currentToast.classNames) === null || _currentToast$classNa12 === void 0 ? void 0 : _currentToast$classNa12.warning),
+        info: classNames(toastOptions === null || toastOptions === void 0 || (_toastOptions$classNa13 = toastOptions.classNames) === null || _toastOptions$classNa13 === void 0 ? void 0 : _toastOptions$classNa13.info, (_currentToast$classNa13 = currentToast.classNames) === null || _currentToast$classNa13 === void 0 ? void 0 : _currentToast$classNa13.info),
+        loading: classNames(toastOptions === null || toastOptions === void 0 || (_toastOptions$classNa14 = toastOptions.classNames) === null || _toastOptions$classNa14 === void 0 ? void 0 : _toastOptions$classNa14.loading, (_currentToast$classNa14 = currentToast.classNames) === null || _currentToast$classNa14 === void 0 ? void 0 : _currentToast$classNa14.loading)
+      });
+      var mergedToast = _objectSpread(_objectSpread(_objectSpread({}, toastOptions), currentToast), {}, {
+        id: currentToast.id,
+        duration: (_ref4 = (_currentToast$duratio = currentToast.duration) !== null && _currentToast$duratio !== void 0 ? _currentToast$duratio : duration) !== null && _ref4 !== void 0 ? _ref4 : toastOptions === null || toastOptions === void 0 ? void 0 : toastOptions.duration,
+        classNames: mergedClassNames
+      });
+      return /*#__PURE__*/_jsx(SonnerItem, {
+        toast: mergedToast,
+        onDismiss: onDismiss,
+        size: size,
+        variant: variant,
+        closeButton: (_mergedToast$closeBut = mergedToast.closeButton) !== null && _mergedToast$closeBut !== void 0 ? _mergedToast$closeBut : closeButton,
+        pauseOnHover: pauseOnHover,
+        richColors: (_mergedToast$richColo = mergedToast.richColors) !== null && _mergedToast$richColo !== void 0 ? _mergedToast$richColo : richColors,
+        icons: icons
+      }, currentToast.id);
+    })
+  });
+};
+SonnerContainer.displayName = 'SonnerContainer';
+var nextToastId = 0;
+export var useSonner = function useSonner() {
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    toasts = _useState6[0],
+    setToasts = _useState6[1];
+  var addToast = useCallback(function (options) {
+    var _options$id;
+    var id = String((_options$id = options.id) !== null && _options$id !== void 0 ? _options$id : "sonner-".concat(++nextToastId));
+    var newToast = _objectSpread(_objectSpread({}, options), {}, {
+      id: id
+    });
+    setToasts(function (previous) {
+      return [newToast].concat(_toConsumableArray(previous.filter(function (item) {
+        return item.id !== id;
+      })));
+    });
+    return id;
+  }, []);
+  var dismissToast = useCallback(function (id) {
+    setToasts(function (previous) {
+      return previous.filter(function (item) {
+        return item.id !== id;
+      });
+    });
+  }, []);
+  var dismissAll = useCallback(function () {
+    return setToasts([]);
+  }, []);
+  return {
+    toasts: toasts,
+    addToast: addToast,
+    dismissToast: dismissToast,
+    dismissAll: dismissAll
+  };
+};
+var sonnerControllers = [];
+function registerSonnerController(controller) {
+  sonnerControllers.push(controller);
+  return function () {
+    var index = sonnerControllers.lastIndexOf(controller);
+    if (index >= 0) sonnerControllers.splice(index, 1);
+  };
+}
+function activeSonnerController() {
+  return sonnerControllers[sonnerControllers.length - 1];
+}
+export var sonner = {
+  toast: function toast(options) {
+    var _activeSonnerControll, _activeSonnerControll2;
+    return (_activeSonnerControll = (_activeSonnerControll2 = activeSonnerController()) === null || _activeSonnerControll2 === void 0 ? void 0 : _activeSonnerControll2.addToast(options)) !== null && _activeSonnerControll !== void 0 ? _activeSonnerControll : '';
+  },
+  success: function success(title, description, options) {
+    var _activeSonnerControll3, _activeSonnerControll4;
+    return (_activeSonnerControll3 = (_activeSonnerControll4 = activeSonnerController()) === null || _activeSonnerControll4 === void 0 ? void 0 : _activeSonnerControll4.addToast(_objectSpread({
+      title: title,
+      description: description,
+      type: 'success'
+    }, options))) !== null && _activeSonnerControll3 !== void 0 ? _activeSonnerControll3 : '';
+  },
+  error: function error(title, description, options) {
+    var _activeSonnerControll5, _activeSonnerControll6;
+    return (_activeSonnerControll5 = (_activeSonnerControll6 = activeSonnerController()) === null || _activeSonnerControll6 === void 0 ? void 0 : _activeSonnerControll6.addToast(_objectSpread({
+      title: title,
+      description: description,
+      type: 'error'
+    }, options))) !== null && _activeSonnerControll5 !== void 0 ? _activeSonnerControll5 : '';
+  },
+  warning: function warning(title, description, options) {
+    var _activeSonnerControll7, _activeSonnerControll8;
+    return (_activeSonnerControll7 = (_activeSonnerControll8 = activeSonnerController()) === null || _activeSonnerControll8 === void 0 ? void 0 : _activeSonnerControll8.addToast(_objectSpread({
+      title: title,
+      description: description,
+      type: 'warning'
+    }, options))) !== null && _activeSonnerControll7 !== void 0 ? _activeSonnerControll7 : '';
+  },
+  info: function info(title, description, options) {
+    var _activeSonnerControll9, _activeSonnerControll10;
+    return (_activeSonnerControll9 = (_activeSonnerControll10 = activeSonnerController()) === null || _activeSonnerControll10 === void 0 ? void 0 : _activeSonnerControll10.addToast(_objectSpread({
+      title: title,
+      description: description,
+      type: 'info'
+    }, options))) !== null && _activeSonnerControll9 !== void 0 ? _activeSonnerControll9 : '';
+  },
+  loading: function loading(title, description, options) {
+    var _activeSonnerControll11, _activeSonnerControll12;
+    return (_activeSonnerControll11 = (_activeSonnerControll12 = activeSonnerController()) === null || _activeSonnerControll12 === void 0 ? void 0 : _activeSonnerControll12.addToast(_objectSpread({
+      title: title,
+      description: description,
+      type: 'loading',
+      duration: Infinity
+    }, options))) !== null && _activeSonnerControll11 !== void 0 ? _activeSonnerControll11 : '';
+  },
+  dismiss: function dismiss(id) {
+    var _activeSonnerControll13, _activeSonnerControll14;
+    if (id) (_activeSonnerControll13 = activeSonnerController()) === null || _activeSonnerControll13 === void 0 || _activeSonnerControll13.dismissToast(id);else (_activeSonnerControll14 = activeSonnerController()) === null || _activeSonnerControll14 === void 0 || _activeSonnerControll14.dismissAll();
+  }
+};
+export var sonnerToast = Object.assign(function (options) {
+  return sonner.toast(options);
+}, {
+  success: sonner.success,
+  error: sonner.error,
+  warning: sonner.warning,
+  info: sonner.info,
+  loading: sonner.loading,
+  dismiss: sonner.dismiss
+});
+export var SonnerProvider = function SonnerProvider(_ref5) {
+  var children = _ref5.children,
+    props = _objectWithoutProperties(_ref5, _excluded);
+  var _useSonner = useSonner(),
+    toasts = _useSonner.toasts,
+    addToast = _useSonner.addToast,
+    dismissToast = _useSonner.dismissToast,
+    dismissAll = _useSonner.dismissAll;
+  var controller = useMemo(function () {
+    return {
+      addToast: addToast,
+      dismissToast: dismissToast,
+      dismissAll: dismissAll
+    };
+  }, [addToast, dismissAll, dismissToast]);
+  useEffect(function () {
+    return registerSonnerController(controller);
+  }, [controller]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [children, /*#__PURE__*/_jsx(SonnerContainer, _objectSpread({
+      toasts: toasts,
+      onDismiss: dismissToast
+    }, props))]
+  });
+};
+SonnerProvider.displayName = 'SonnerProvider';
+export var Toaster = SonnerProvider;
+function legacyAction(action, itemKey, onActionClick) {
+  if (!action) return undefined;
+  return _objectSpread(_objectSpread({}, action), {}, {
+    onClick: function onClick() {
+      var _action$onClick2, _action$key;
+      (_action$onClick2 = action.onClick) === null || _action$onClick2 === void 0 || _action$onClick2.call(action);
+      onActionClick === null || onActionClick === void 0 || onActionClick((_action$key = action.key) !== null && _action$key !== void 0 ? _action$key : '', itemKey);
+    }
+  });
+}
+function toLegacyToast(item, fallbackType, fallbackDuration, onActionClick) {
+  var _item$duration, _item$duration2;
+  var type = normalizeType(item.type, item.tone, fallbackType);
+  return {
+    id: item.key,
+    title: item.title,
+    description: item.description,
+    type: type,
+    duration: type === 'loading' ? (_item$duration = item.duration) !== null && _item$duration !== void 0 ? _item$duration : Infinity : (_item$duration2 = item.duration) !== null && _item$duration2 !== void 0 ? _item$duration2 : fallbackDuration,
+    closeButton: item.closable,
+    action: legacyAction(item.action, item.key, onActionClick),
+    cancel: legacyAction(item.cancel, item.key, onActionClick)
+  };
+}
+
+/**
+ * Declarative compatibility component. New application code should prefer
+ * SonnerProvider/Toaster with the `sonner` static helper.
+ */
+export var Sonner = function Sonner(_ref6) {
+  var title = _ref6.title,
+    description = _ref6.description,
+    _ref6$tone = _ref6.tone,
+    tone = _ref6$tone === void 0 ? 'default' : _ref6$tone,
+    _ref6$duration = _ref6.duration,
+    duration = _ref6$duration === void 0 ? 5000 : _ref6$duration,
+    action = _ref6.action,
+    cancel = _ref6.cancel,
+    items = _ref6.items,
+    _ref6$emptyText = _ref6.emptyText,
+    emptyText = _ref6$emptyText === void 0 ? '暂无提醒' : _ref6$emptyText,
+    onClose = _ref6.onClose,
+    onActionClick = _ref6.onActionClick,
+    containerProps = _objectWithoutProperties(_ref6, _excluded2);
+  var config = useConfig();
+  var _useTheme2 = useTheme(),
+    theme = _useTheme2.theme;
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    hiddenKeys = _useState8[0],
+    setHiddenKeys = _useState8[1];
+  var resolvedItems = useMemo(function () {
+    if (items !== null && items !== void 0 && items.length) return items;
+    if (title === undefined && description === undefined) return [];
+    return [{
+      key: 'sonner',
+      title: title,
+      description: description,
+      tone: tone,
+      duration: duration,
+      action: action,
+      cancel: cancel
+    }];
+  }, [action, cancel, description, duration, items, title, tone]);
+  useEffect(function () {
+    var currentKeys = new Set(resolvedItems.map(function (item) {
+      return item.key;
+    }));
+    setHiddenKeys(function (previous) {
+      return previous.filter(function (key) {
+        return currentKeys.has(key);
+      });
+    });
+  }, [resolvedItems]);
+  var visibleItems = resolvedItems.filter(function (item) {
+    return !hiddenKeys.includes(item.key);
+  }).map(function (item) {
+    return toLegacyToast(item, tone, duration, onActionClick);
+  });
+  var handleDismiss = useCallback(function (key) {
+    setHiddenKeys(function (previous) {
+      return previous.includes(key) ? previous : [].concat(_toConsumableArray(previous), [key]);
+    });
+    onClose === null || onClose === void 0 || onClose(key);
+  }, [onClose]);
+  if (resolvedItems.length === 0) {
+    return /*#__PURE__*/_jsx(View, {
+      "data-slot": "sonner-empty",
+      className: classNames("".concat(config.prefixCls, "-sonner"), containerProps.className),
+      style: containerProps.style,
+      children: renderNode(emptyText, {
+        color: theme.colors['muted-foreground'],
+        fontSize: 14
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(SonnerContainer, _objectSpread({
+    toasts: visibleItems,
+    onDismiss: handleDismiss
+  }, containerProps));
+};
+Sonner.displayName = 'Sonner';
+export default Sonner;