@unicom-cloud/ui 0.8.55 → 0.8.57

package/chunk/DUxWiN2U.js

@@ -0,0 +1,1465 @@
+var Ie = Object.defineProperty;
+var Pe = (r, t, e) => t in r ? Ie(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var g = (r, t, e) => Pe(r, typeof t != "symbol" ? t + "" : t, e);
+import { jsx as d, jsxs as B } from "react/jsx-runtime";
+import { f as Fe, g as Z, I as ne, e as Te, b as qe, a as Oe, c as je, d as Le } from "./B45v5S9k.js";
+import De from "lodash/isPlainObject";
+import V, { forwardRef as me, useContext as re, createContext as Ue, useRef as se, useImperativeHandle as pe, Component as We, createRef as ze, useState as Be, useEffect as D } from "react";
+import be from "../hooks/useMergeProps.js";
+import { b as xe, P as Ce } from "./BP7xX86Q.js";
+import O from "lodash/isNumber";
+import F from "lodash/isUndefined";
+import { createPortal as Ve } from "react-dom";
+import ve from "../NotificationBase.js";
+import { y as j } from "./Do1aMgY3.js";
+import { render as ye } from "../utils/reactDOM.js";
+import Ge from "../locale/zh-CN.js";
+import Je from "../utils/omit.js";
+import Ke from "lodash/isString";
+function $(r, t) {
+  Qe(r) && (r = "100%");
+  const e = Xe(r);
+  return r = t === 360 ? r : Math.min(t, Math.max(0, parseFloat(r))), e && (r = parseInt(String(r * t), 10) / 100), Math.abs(r - t) < 1e-6 ? 1 : (t === 360 ? r = (r < 0 ? r % t + t : r % t) / parseFloat(String(t)) : r = r % t / parseFloat(String(t)), r);
+}
+function U(r) {
+  return Math.min(1, Math.max(0, r));
+}
+function Qe(r) {
+  return typeof r == "string" && r.indexOf(".") !== -1 && parseFloat(r) === 1;
+}
+function Xe(r) {
+  return typeof r == "string" && r.indexOf("%") !== -1;
+}
+function $e(r) {
+  return r = parseFloat(r), (isNaN(r) || r < 0 || r > 1) && (r = 1), r;
+}
+function W(r) {
+  return Number(r) <= 1 ? `${Number(r) * 100}%` : r;
+}
+function E(r) {
+  return r.length === 1 ? "0" + r : String(r);
+}
+function Ye(r, t, e) {
+  return {
+    r: $(r, 255) * 255,
+    g: $(t, 255) * 255,
+    b: $(e, 255) * 255
+  };
+}
+function ie(r, t, e) {
+  r = $(r, 255), t = $(t, 255), e = $(e, 255);
+  const s = Math.max(r, t, e), n = Math.min(r, t, e);
+  let i = 0, o = 0;
+  const a = (s + n) / 2;
+  if (s === n)
+    o = 0, i = 0;
+  else {
+    const f = s - n;
+    switch (o = a > 0.5 ? f / (2 - s - n) : f / (s + n), s) {
+      case r:
+        i = (t - e) / f + (t < e ? 6 : 0);
+        break;
+      case t:
+        i = (e - r) / f + 2;
+        break;
+      case e:
+        i = (r - t) / f + 4;
+        break;
+    }
+    i /= 6;
+  }
+  return { h: i, s: o, l: a };
+}
+function K(r, t, e) {
+  return e < 0 && (e += 1), e > 1 && (e -= 1), e < 1 / 6 ? r + (t - r) * (6 * e) : e < 1 / 2 ? t : e < 2 / 3 ? r + (t - r) * (2 / 3 - e) * 6 : r;
+}
+function Ze(r, t, e) {
+  let s, n, i;
+  if (r = $(r, 360), t = $(t, 100), e = $(e, 100), t === 0)
+    n = e, i = e, s = e;
+  else {
+    const o = e < 0.5 ? e * (1 + t) : e + t - e * t, a = 2 * e - o;
+    s = K(a, o, r + 1 / 3), n = K(a, o, r), i = K(a, o, r - 1 / 3);
+  }
+  return { r: s * 255, g: n * 255, b: i * 255 };
+}
+function _e(r, t, e) {
+  r = $(r, 255), t = $(t, 255), e = $(e, 255);
+  const s = Math.max(r, t, e), n = Math.min(r, t, e);
+  let i = 0;
+  const o = s, a = s - n, f = s === 0 ? 0 : a / s;
+  if (s === n)
+    i = 0;
+  else {
+    switch (s) {
+      case r:
+        i = (t - e) / a + (t < e ? 6 : 0);
+        break;
+      case t:
+        i = (e - r) / a + 2;
+        break;
+      case e:
+        i = (r - t) / a + 4;
+        break;
+    }
+    i /= 6;
+  }
+  return { h: i, s: f, v: o };
+}
+function et(r, t, e) {
+  r = $(r, 360) * 6, t = $(t, 100), e = $(e, 100);
+  const s = Math.floor(r), n = r - s, i = e * (1 - t), o = e * (1 - n * t), a = e * (1 - (1 - n) * t), f = s % 6, c = [e, o, i, i, a, e][f], l = [a, e, e, o, i, i][f], u = [i, i, a, e, e, o][f];
+  return { r: c * 255, g: l * 255, b: u * 255 };
+}
+function oe(r, t, e, s) {
+  const n = [
+    E(Math.round(r).toString(16)),
+    E(Math.round(t).toString(16)),
+    E(Math.round(e).toString(16))
+  ];
+  let i = n.join("");
+  return s && n[0].startsWith(n[0].charAt(1)) && n[1].startsWith(n[1].charAt(1)) && n[2].startsWith(n[2].charAt(1)) && (i = n[0].charAt(0) + n[1].charAt(0) + n[2].charAt(0)), i.toUpperCase();
+}
+function tt(r, t, e, s, n) {
+  const i = [
+    E(Math.round(r).toString(16)),
+    E(Math.round(t).toString(16)),
+    E(Math.round(e).toString(16)),
+    E(we(s))
+  ];
+  let o = i.join("");
+  return n && i[0].startsWith(i[0].charAt(1)) && i[1].startsWith(i[1].charAt(1)) && i[2].startsWith(i[2].charAt(1)) && i[3].startsWith(i[3].charAt(1)) && (o = i[0].charAt(0) + i[1].charAt(0) + i[2].charAt(0) + i[3].charAt(0)), o.toUpperCase();
+}
+function Ot(r, t, e, s) {
+  return [
+    E(we(s)),
+    E(Math.round(r).toString(16)),
+    E(Math.round(t).toString(16)),
+    E(Math.round(e).toString(16))
+  ].join("");
+}
+function we(r) {
+  return Math.round(parseFloat(r) * 255).toString(16);
+}
+function ae(r) {
+  return S(r) / 255;
+}
+function S(r) {
+  return parseInt(r, 16);
+}
+function rt(r) {
+  return {
+    r: r >> 16,
+    g: (r & 65280) >> 8,
+    b: r & 255
+  };
+}
+const _ = {
+  aliceblue: "#f0f8ff",
+  antiquewhite: "#faebd7",
+  aqua: "#00ffff",
+  aquamarine: "#7fffd4",
+  azure: "#f0ffff",
+  beige: "#f5f5dc",
+  bisque: "#ffe4c4",
+  black: "#000000",
+  blanchedalmond: "#ffebcd",
+  blue: "#0000ff",
+  blueviolet: "#8a2be2",
+  brown: "#a52a2a",
+  burlywood: "#deb887",
+  cadetblue: "#5f9ea0",
+  chartreuse: "#7fff00",
+  chocolate: "#d2691e",
+  coral: "#ff7f50",
+  cornflowerblue: "#6495ed",
+  cornsilk: "#fff8dc",
+  crimson: "#dc143c",
+  cyan: "#00ffff",
+  darkblue: "#00008b",
+  darkcyan: "#008b8b",
+  darkgoldenrod: "#b8860b",
+  darkgray: "#a9a9a9",
+  darkgreen: "#006400",
+  darkgrey: "#a9a9a9",
+  darkkhaki: "#bdb76b",
+  darkmagenta: "#8b008b",
+  darkolivegreen: "#556b2f",
+  darkorange: "#ff8c00",
+  darkorchid: "#9932cc",
+  darkred: "#8b0000",
+  darksalmon: "#e9967a",
+  darkseagreen: "#8fbc8f",
+  darkslateblue: "#483d8b",
+  darkslategray: "#2f4f4f",
+  darkslategrey: "#2f4f4f",
+  darkturquoise: "#00ced1",
+  darkviolet: "#9400d3",
+  deeppink: "#ff1493",
+  deepskyblue: "#00bfff",
+  dimgray: "#696969",
+  dimgrey: "#696969",
+  dodgerblue: "#1e90ff",
+  firebrick: "#b22222",
+  floralwhite: "#fffaf0",
+  forestgreen: "#228b22",
+  fuchsia: "#ff00ff",
+  gainsboro: "#dcdcdc",
+  ghostwhite: "#f8f8ff",
+  goldenrod: "#daa520",
+  gold: "#ffd700",
+  gray: "#808080",
+  green: "#008000",
+  greenyellow: "#adff2f",
+  grey: "#808080",
+  honeydew: "#f0fff0",
+  hotpink: "#ff69b4",
+  indianred: "#cd5c5c",
+  indigo: "#4b0082",
+  ivory: "#fffff0",
+  khaki: "#f0e68c",
+  lavenderblush: "#fff0f5",
+  lavender: "#e6e6fa",
+  lawngreen: "#7cfc00",
+  lemonchiffon: "#fffacd",
+  lightblue: "#add8e6",
+  lightcoral: "#f08080",
+  lightcyan: "#e0ffff",
+  lightgoldenrodyellow: "#fafad2",
+  lightgray: "#d3d3d3",
+  lightgreen: "#90ee90",
+  lightgrey: "#d3d3d3",
+  lightpink: "#ffb6c1",
+  lightsalmon: "#ffa07a",
+  lightseagreen: "#20b2aa",
+  lightskyblue: "#87cefa",
+  lightslategray: "#778899",
+  lightslategrey: "#778899",
+  lightsteelblue: "#b0c4de",
+  lightyellow: "#ffffe0",
+  lime: "#00ff00",
+  limegreen: "#32cd32",
+  linen: "#faf0e6",
+  magenta: "#ff00ff",
+  maroon: "#800000",
+  mediumaquamarine: "#66cdaa",
+  mediumblue: "#0000cd",
+  mediumorchid: "#ba55d3",
+  mediumpurple: "#9370db",
+  mediumseagreen: "#3cb371",
+  mediumslateblue: "#7b68ee",
+  mediumspringgreen: "#00fa9a",
+  mediumturquoise: "#48d1cc",
+  mediumvioletred: "#c71585",
+  midnightblue: "#191970",
+  mintcream: "#f5fffa",
+  mistyrose: "#ffe4e1",
+  moccasin: "#ffe4b5",
+  navajowhite: "#ffdead",
+  navy: "#000080",
+  oldlace: "#fdf5e6",
+  olive: "#808000",
+  olivedrab: "#6b8e23",
+  orange: "#ffa500",
+  orangered: "#ff4500",
+  orchid: "#da70d6",
+  palegoldenrod: "#eee8aa",
+  palegreen: "#98fb98",
+  paleturquoise: "#afeeee",
+  palevioletred: "#db7093",
+  papayawhip: "#ffefd5",
+  peachpuff: "#ffdab9",
+  peru: "#cd853f",
+  pink: "#ffc0cb",
+  plum: "#dda0dd",
+  powderblue: "#b0e0e6",
+  purple: "#800080",
+  rebeccapurple: "#663399",
+  red: "#ff0000",
+  rosybrown: "#bc8f8f",
+  royalblue: "#4169e1",
+  saddlebrown: "#8b4513",
+  salmon: "#fa8072",
+  sandybrown: "#f4a460",
+  seagreen: "#2e8b57",
+  seashell: "#fff5ee",
+  sienna: "#a0522d",
+  silver: "#c0c0c0",
+  skyblue: "#87ceeb",
+  slateblue: "#6a5acd",
+  slategray: "#708090",
+  slategrey: "#708090",
+  snow: "#fffafa",
+  springgreen: "#00ff7f",
+  steelblue: "#4682b4",
+  tan: "#d2b48c",
+  teal: "#008080",
+  thistle: "#d8bfd8",
+  tomato: "#ff6347",
+  turquoise: "#40e0d0",
+  violet: "#ee82ee",
+  wheat: "#f5deb3",
+  white: "#ffffff",
+  whitesmoke: "#f5f5f5",
+  yellow: "#ffff00",
+  yellowgreen: "#9acd32"
+};
+function st(r) {
+  let t = { r: 0, g: 0, b: 0 }, e = 1, s = null, n = null, i = null, o = !1, a = !1;
+  if (typeof r == "string" && (r = ot(r)), typeof r == "object") {
+    if (H(r.r) && H(r.g) && H(r.b)) {
+      t = Ye(r.r, r.g, r.b), o = !0;
+      let f = String(r.r);
+      a = f.substring(f.length - 1) === "%" ? "prgb" : "rgb";
+    } else H(r.h) && H(r.s) && H(r.v) ? (s = W(r.s), n = W(r.v), t = et(r.h, s, n), o = !0, a = "hsv") : H(r.h) && H(r.s) && H(r.l) && (s = W(r.s), i = W(r.l), t = Ze(r.h, s, i), o = !0, a = "hsl");
+    Object.prototype.hasOwnProperty.call(r, "a") && (e = r.a);
+  }
+  return e = $e(e), {
+    ok: o,
+    format: r.format || a,
+    r: Math.min(255, Math.max(t.r, 0)),
+    g: Math.min(255, Math.max(t.g, 0)),
+    b: Math.min(255, Math.max(t.b, 0)),
+    a: e
+  };
+}
+const nt = "[-\\+]?\\d+%?", it = "[-\\+]?\\d*\\.\\d+%?", P = `(?:${it})|(?:${nt})`, Q = `[\\s|\\(]+(${P})[,|\\s]+(${P})[,|\\s]+(${P})\\s*\\)?`, X = `[\\s|\\(]+(${P})[,|\\s]+(${P})[,|\\s]+(${P})[,|\\s]+(${P})\\s*\\)?`, A = {
+  CSS_UNIT: new RegExp(P),
+  rgb: new RegExp("rgb" + Q),
+  rgba: new RegExp("rgba" + X),
+  hsl: new RegExp("hsl" + Q),
+  hsla: new RegExp("hsla" + X),
+  hsv: new RegExp("hsv" + Q),
+  hsva: new RegExp("hsva" + X),
+  hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+  hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
+  hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+  hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
+};
+function ot(r) {
+  if (r = r.trim().toLowerCase(), r.length === 0)
+    return !1;
+  let t = !1;
+  if (_[r])
+    r = _[r], t = !0;
+  else if (r === "transparent")
+    return { r: 0, g: 0, b: 0, a: 0, format: "name" };
+  let e = A.rgb.exec(r);
+  return e ? { r: e[1], g: e[2], b: e[3] } : (e = A.rgba.exec(r), e ? { r: e[1], g: e[2], b: e[3], a: e[4] } : (e = A.hsl.exec(r), e ? { h: e[1], s: e[2], l: e[3] } : (e = A.hsla.exec(r), e ? { h: e[1], s: e[2], l: e[3], a: e[4] } : (e = A.hsv.exec(r), e ? { h: e[1], s: e[2], v: e[3] } : (e = A.hsva.exec(r), e ? { h: e[1], s: e[2], v: e[3], a: e[4] } : (e = A.hex8.exec(r), e ? {
+    r: S(e[1]),
+    g: S(e[2]),
+    b: S(e[3]),
+    a: ae(e[4]),
+    format: t ? "name" : "hex8"
+  } : (e = A.hex6.exec(r), e ? {
+    r: S(e[1]),
+    g: S(e[2]),
+    b: S(e[3]),
+    format: t ? "name" : "hex"
+  } : (e = A.hex4.exec(r), e ? {
+    r: S(e[1] + e[1]),
+    g: S(e[2] + e[2]),
+    b: S(e[3] + e[3]),
+    a: ae(e[4] + e[4]),
+    format: t ? "name" : "hex8"
+  } : (e = A.hex3.exec(r), e ? {
+    r: S(e[1] + e[1]),
+    g: S(e[2] + e[2]),
+    b: S(e[3] + e[3]),
+    format: t ? "name" : "hex"
+  } : !1)))))))));
+}
+function H(r) {
+  return !!A.CSS_UNIT.exec(String(r));
+}
+var at = Object.defineProperty, lt = (r, t, e) => t in r ? at(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, I = (r, t, e) => lt(r, typeof t != "symbol" ? t + "" : t, e);
+class C {
+  constructor(t = "", e = {}) {
+    if (I(this, "r"), I(this, "g"), I(this, "b"), I(this, "a"), I(this, "format"), I(this, "originalInput"), I(this, "isValid"), I(this, "gradientType"), I(this, "roundA"), t instanceof C)
+      return t;
+    typeof t == "number" && (t = rt(t)), this.originalInput = t;
+    const s = st(t);
+    this.originalInput = t, this.r = s.r, this.g = s.g, this.b = s.b, this.a = s.a, this.roundA = Math.round(100 * this.a) / 100, this.format = e.format ?? s.format, this.gradientType = e.gradientType, this.r < 1 && (this.r = Math.round(this.r)), this.g < 1 && (this.g = Math.round(this.g)), this.b < 1 && (this.b = Math.round(this.b)), this.isValid = s.ok;
+  }
+  get ok() {
+    return this.isValid;
+  }
+  isDark() {
+    return this.getBrightness() < 128;
+  }
+  isLight() {
+    return !this.isDark();
+  }
+  /**
+   * Returns the perceived brightness of the color, from 0-255.
+   */
+  getBrightness() {
+    const t = this.toRgb();
+    return (t.r * 299 + t.g * 587 + t.b * 114) / 1e3;
+  }
+  /**
+   * Returns the perceived luminance of a color, from 0-1.
+   */
+  getLuminance() {
+    const t = this.toRgb();
+    let e, s, n;
+    const i = t.r / 255, o = t.g / 255, a = t.b / 255;
+    return i <= 0.03928 ? e = i / 12.92 : e = Math.pow((i + 0.055) / 1.055, 2.4), o <= 0.03928 ? s = o / 12.92 : s = Math.pow((o + 0.055) / 1.055, 2.4), a <= 0.03928 ? n = a / 12.92 : n = Math.pow((a + 0.055) / 1.055, 2.4), 0.2126 * e + 0.7152 * s + 0.0722 * n;
+  }
+  /**
+   * Returns the alpha value of a color, from 0-1.
+   */
+  getAlpha() {
+    return this.a;
+  }
+  /**
+   * Sets the alpha value on the current color.
+   *
+   * @param alpha - The new alpha value. The accepted range is 0-1.
+   */
+  setAlpha(t) {
+    return this.a = $e(t), this.roundA = Math.round(100 * this.a) / 100, this;
+  }
+  /**
+   * Returns whether the color is monochrome.
+   */
+  isMonochrome() {
+    const { s: t } = this.toHsl();
+    return t === 0;
+  }
+  toHsv_() {
+    const t = _e(this.r, this.g, this.b);
+    return { h: t.h, s: t.s, v: t.v, a: this.a };
+  }
+  /**
+   * Returns the object as a HSVA object.
+   */
+  toHsv() {
+    const t = this.toHsv_();
+    return { ...t, h: t.h * 360 };
+  }
+  /**
+   * Returns the hsva values interpolated into a string with the following format:
+   * "hsva(xxx, xxx, xxx, xx)".
+   */
+  toHsvString() {
+    const t = this.toHsv_(), e = Math.round(t.h * 360), s = Math.round(t.s * 100), n = Math.round(t.v * 100);
+    return this.a === 1 ? `hsv(${e}, ${s}%, ${n}%)` : `hsva(${e}, ${s}%, ${n}%, ${this.roundA})`;
+  }
+  /**
+   * Returns the object as a HSLA object.
+   */
+  toHsl() {
+    const t = ie(this.r, this.g, this.b);
+    return { h: t.h * 360, s: t.s, l: t.l, a: this.a };
+  }
+  /**
+   * Returns the hsla values interpolated into a string with the following format:
+   * "hsla(xxx, xxx, xxx, xx)".
+   */
+  toHslString() {
+    const t = ie(this.r, this.g, this.b), e = Math.round(t.h * 360), s = Math.round(t.s * 100), n = Math.round(t.l * 100);
+    return this.a === 1 ? `hsl(${e}, ${s}%, ${n}%)` : `hsla(${e}, ${s}%, ${n}%, ${this.roundA})`;
+  }
+  /**
+   * Returns the hex value of the color.
+   * @param allow3Char will shorten hex value to 3 char if possible
+   */
+  toHex(t = !1) {
+    return oe(this.r, this.g, this.b, t);
+  }
+  /**
+   * Returns the hex value of the color -with a # prefixed.
+   * @param allow3Char will shorten hex value to 3 char if possible
+   */
+  toHexString(t = !1) {
+    return `#${this.toHex(t)}`;
+  }
+  /**
+   * Returns the hex 8 value of the color.
+   * @param allow4Char will shorten hex value to 4 char if possible
+   */
+  toHex8(t = !1) {
+    return tt(this.r, this.g, this.b, this.a, t);
+  }
+  /**
+   * Returns the hex 8 value of the color -with a # prefixed.
+   * @param allow4Char will shorten hex value to 4 char if possible
+   */
+  toHex8String(t = !1) {
+    return `#${this.toHex8(t)}`;
+  }
+  /**
+   * Returns the shorter hex value of the color depends on its alpha -with a # prefixed.
+   * @param allowShortChar will shorten hex value to 3 or 4 char if possible
+   */
+  toHexShortString(t = !1) {
+    return this.a === 1 ? this.toHexString(t) : this.toHex8String(t);
+  }
+  /**
+   * Returns the object as a RGBA object.
+   */
+  toRgb() {
+    return {
+      r: Math.round(this.r),
+      g: Math.round(this.g),
+      b: Math.round(this.b),
+      a: this.a
+    };
+  }
+  toRgbArray() {
+    const t = this.toRgb();
+    return [t.r, t.g, t.b];
+  }
+  toRgbArrayString() {
+    const t = this.toRgb();
+    return `${t.r},${t.g},${t.b}`;
+  }
+  /**
+   * Returns the RGBA values interpolated into a string with the following format:
+   * "RGBA(xxx, xxx, xxx, xx)".
+   */
+  toRgbString() {
+    const t = Math.round(this.r), e = Math.round(this.g), s = Math.round(this.b);
+    return this.a === 1 ? `rgb(${t}, ${e}, ${s})` : `rgba(${t}, ${e}, ${s}, ${this.roundA})`;
+  }
+  /**
+   * Returns the object as a RGBA object.
+   */
+  toPercentageRgb() {
+    const t = (e) => `${Math.round($(e, 255) * 100)}%`;
+    return {
+      r: t(this.r),
+      g: t(this.g),
+      b: t(this.b),
+      a: this.a
+    };
+  }
+  /**
+   * Returns the RGBA relative values interpolated into a string
+   */
+  toPercentageRgbString() {
+    const t = (e) => Math.round($(e, 255) * 100);
+    return this.a === 1 ? `rgb(${t(this.r)}%, ${t(this.g)}%, ${t(this.b)}%)` : `rgba(${t(this.r)}%, ${t(this.g)}%, ${t(this.b)}%, ${this.roundA})`;
+  }
+  /**
+   * The 'real' name of the color -if there is one.
+   */
+  toName() {
+    if (this.a === 0)
+      return "transparent";
+    if (this.a < 1)
+      return !1;
+    const t = `#${oe(this.r, this.g, this.b, !1)}`;
+    for (const [e, s] of Object.entries(_))
+      if (t === s)
+        return e;
+    return !1;
+  }
+  toString(t) {
+    const e = !!t;
+    t = t ?? this.format;
+    let s = !1;
+    const n = this.a < 1 && this.a >= 0;
+    return !e && n && (t.startsWith("hex") || t === "name") ? t === "name" && this.a === 0 ? this.toName() : this.toRgbString() : (t === "rgb" && (s = this.toRgbString()), t === "prgb" && (s = this.toPercentageRgbString()), (t === "hex" || t === "hex6") && (s = this.toHexString()), t === "hex3" && (s = this.toHexString(!0)), t === "hex4" && (s = this.toHex8String(!0)), t === "hex8" && (s = this.toHex8String()), t === "name" && (s = this.toName()), t === "hsl" && (s = this.toHslString()), t === "hsv" && (s = this.toHsvString()), s || this.toHexString());
+  }
+  toNumber() {
+    return (Math.round(this.r) << 16) + (Math.round(this.g) << 8) + Math.round(this.b);
+  }
+  clone() {
+    return new C(this.toString());
+  }
+  /**
+   * Lighten the color a given amount. Providing 100 will always return white.
+   * @param amount - valid between 1-100
+   */
+  lighten(t = 10) {
+    const e = this.toHsl();
+    return e.l += t / 100, e.l = U(e.l), new C(e);
+  }
+  /**
+   * Brighten the color a given amount, from 0 to 100.
+   * @param amount - valid between 1-100
+   */
+  brighten(t = 10) {
+    const e = this.toRgb();
+    return e.r = Math.max(
+      0,
+      Math.min(255, e.r - Math.round(255 * -(t / 100)))
+    ), e.g = Math.max(
+      0,
+      Math.min(255, e.g - Math.round(255 * -(t / 100)))
+    ), e.b = Math.max(
+      0,
+      Math.min(255, e.b - Math.round(255 * -(t / 100)))
+    ), new C(e);
+  }
+  /**
+   * Darken the color a given amount, from 0 to 100.
+   * Providing 100 will always return black.
+   * @param amount - valid between 1-100
+   */
+  darken(t = 10) {
+    const e = this.toHsl();
+    return e.l -= t / 100, e.l = U(e.l), new C(e);
+  }
+  /**
+   * Mix the color with pure white, from 0 to 100.
+   * Providing 0 will do nothing, providing 100 will always return white.
+   * @param amount - valid between 1-100
+   */
+  tint(t = 10) {
+    return this.mix("white", t);
+  }
+  /**
+   * Mix the color with pure black, from 0 to 100.
+   * Providing 0 will do nothing, providing 100 will always return black.
+   * @param amount - valid between 1-100
+   */
+  shade(t = 10) {
+    return this.mix("black", t);
+  }
+  /**
+   * Desaturate the color a given amount, from 0 to 100.
+   * Providing 100 will is the same as calling greyscale
+   * @param amount - valid between 1-100
+   */
+  desaturate(t = 10) {
+    const e = this.toHsl();
+    return e.s -= t / 100, e.s = U(e.s), new C(e);
+  }
+  /**
+   * Saturate the color a given amount, from 0 to 100.
+   * @param amount - valid between 1-100
+   */
+  saturate(t = 10) {
+    const e = this.toHsl();
+    return e.s += t / 100, e.s = U(e.s), new C(e);
+  }
+  /**
+   * Completely desaturates a color into greyscale.
+   * Same as calling `desaturate(100)`
+   */
+  greyscale() {
+    return this.desaturate(100);
+  }
+  /**
+   * Spin takes a positive or negative amount within [-360, 360] indicating the change of hue.
+   * Values outside of this range will be wrapped into this range.
+   */
+  spin(t) {
+    const e = this.toHsl(), s = (e.h + t) % 360;
+    return e.h = s < 0 ? 360 + s : s, new C(e);
+  }
+  /**
+   * Mix the current color a given amount with another color, from 0 to 100.
+   * 0 means no mixing (return current color).
+   */
+  mix(t, e = 50) {
+    const s = this.toRgb(), n = new C(t).toRgb(), i = e / 100, o = {
+      r: (n.r - s.r) * i + s.r,
+      g: (n.g - s.g) * i + s.g,
+      b: (n.b - s.b) * i + s.b,
+      a: (n.a - s.a) * i + s.a
+    };
+    return new C(o);
+  }
+  analogous(t = 6, e = 30) {
+    const s = this.toHsl(), n = 360 / e, i = [this];
+    for (s.h = (s.h - (n * t >> 1) + 720) % 360; --t; )
+      s.h = (s.h + n) % 360, i.push(new C(s));
+    return i;
+  }
+  /**
+   * taken from https://github.com/infusion/jQuery-xcolor/blob/master/jquery.xcolor.js
+   */
+  complement() {
+    const t = this.toHsl();
+    return t.h = (t.h + 180) % 360, new C(t);
+  }
+  monochromatic(t = 6) {
+    const e = this.toHsv(), { h: s } = e, { s: n } = e;
+    let { v: i } = e;
+    const o = [], a = 1 / t;
+    for (; t--; )
+      o.push(new C({ h: s, s: n, v: i })), i = (i + a) % 1;
+    return o;
+  }
+  splitcomplement() {
+    const t = this.toHsl(), { h: e } = t;
+    return [
+      this,
+      new C({ h: (e + 72) % 360, s: t.s, l: t.l }),
+      new C({ h: (e + 216) % 360, s: t.s, l: t.l })
+    ];
+  }
+  /**
+   * Compute how the color would appear on a background
+   */
+  onBackground(t) {
+    const e = this.toRgb(), s = new C(t).toRgb(), n = e.a + s.a * (1 - e.a);
+    return new C({
+      r: (e.r * e.a + s.r * s.a * (1 - e.a)) / n,
+      g: (e.g * e.a + s.g * s.a * (1 - e.a)) / n,
+      b: (e.b * e.a + s.b * s.a * (1 - e.a)) / n,
+      a: n
+    });
+  }
+  /**
+   * Alias for `polyad(3)`
+   */
+  triad() {
+    return this.polyad(3);
+  }
+  /**
+   * Alias for `polyad(4)`
+   */
+  tetrad() {
+    return this.polyad(4);
+  }
+  /**
+   * Get polyad colors, like (for 1, 2, 3, 4, 5, 6, 7, 8, etc...)
+   * monad, dyad, triad, tetrad, pentad, hexad, heptad, octad, etc...
+   */
+  polyad(t) {
+    const e = this.toHsl(), { h: s } = e, n = [this], i = 360 / t;
+    for (let o = 1; o < t; o++)
+      n.push(
+        new C({ h: (s + o * i) % 360, s: e.s, l: e.l })
+      );
+    return n;
+  }
+  /**
+   * compare color vs current color
+   */
+  equals(t) {
+    return this.toRgbString() === new C(t).toRgbString();
+  }
+}
+function ct(r, t) {
+  const {
+    getPrefixCls: e,
+    locale: s,
+    componentConfig: n
+  } = re(q), i = be(
+    r,
+    {},
+    n == null ? void 0 : n.Empty
+  ), { style: o, className: a, description: f, icon: c, imgSrc: l, ...u } = i, m = e("empty"), b = j(m, a), p = s.Empty.noData, h = typeof f == "string" ? f : "empty";
+  return /* @__PURE__ */ d("div", { ref: t, className: b, style: o, ...u, children: /* @__PURE__ */ B("div", { className: `${m}-wrapper`, children: [
+    /* @__PURE__ */ d("div", { className: `${m}-image`, children: l ? /* @__PURE__ */ d("img", { alt: h, src: l }) : c || /* @__PURE__ */ d(Fe, {}) }),
+    /* @__PURE__ */ d("div", { className: `${m}-description`, children: f || p })
+  ] }) });
+}
+const Me = me(ct);
+Me.displayName = "Empty";
+const ft = V.memo(Me);
+function ht(r) {
+  switch (r) {
+    default:
+      return /* @__PURE__ */ d(ft, {});
+  }
+}
+const ke = {
+  locale: Ge,
+  prefixCls: "pqb",
+  getPopupContainer: () => document.body,
+  size: "default",
+  renderEmpty: ht
+}, q = Ue({
+  getPrefixCls: (r, t) => `${t || "pqb"}-${r}`,
+  ...ke
+});
+function dt(r, t) {
+  const {
+    children: e,
+    className: s,
+    disabled: n,
+    prefix: i,
+    size: o = "default",
+    ...a
+  } = r, { getPrefixCls: f } = re(q), c = f("icon-hover"), l = se();
+  return pe(t, () => ({
+    getRootDOMNode: () => l.current
+  })), /* @__PURE__ */ d(
+    "span",
+    {
+      ref: l,
+      className: j(
+        c,
+        {
+          [`${i}-icon-hover`]: i,
+          [`${c}-size-${o}`]: o && o !== "default",
+          [`${c}-disabled`]: n
+        },
+        s
+      ),
+      onClick: r.onClick,
+      ...a,
+      children: e
+    }
+  );
+}
+const le = V.forwardRef(dt);
+class G extends We {
+  constructor(e) {
+    super(e);
+    g(this, "context");
+    g(this, "wrapper");
+    g(this, "timer");
+    g(this, "rootDOMRef");
+    g(this, "getRootDOMNode", () => this.rootDOMRef.current);
+    g(this, "startTimer", () => {
+      const { duration: e, onClose: s, id: n } = this.props;
+      e !== 0 && (this.timer = window.setTimeout(() => {
+        s == null || s(n), this.removeTimer();
+      }, e));
+    });
+    g(this, "removeTimer", () => {
+      this.timer && (window.clearTimeout(this.timer), this.timer = null);
+    });
+    g(this, "onClose", () => {
+      var e, s;
+      (s = (e = this.props).onClose) == null || s.call(e, this.props.id);
+    });
+    g(this, "renderIcon", () => {
+      const { showIcon: e, icon: s, type: n, prefixCls: i, iconPrefix: o } = this.props;
+      let a;
+      if (s)
+        a = s;
+      else if (e) {
+        switch (n) {
+          case "info":
+            a = /* @__PURE__ */ d(Le, {});
+            break;
+          case "success":
+            a = /* @__PURE__ */ d(je, {});
+            break;
+          case "error":
+            a = /* @__PURE__ */ d(Oe, {});
+            break;
+          case "warning":
+            a = /* @__PURE__ */ d(qe, {});
+            break;
+          case "loading":
+            a = /* @__PURE__ */ d(Te, {});
+            break;
+        }
+        a = /* @__PURE__ */ d(
+          Z.Provider,
+          {
+            value: o ? { prefixCls: o } : {},
+            children: a
+          }
+        );
+      }
+      return /* @__PURE__ */ d("span", { className: `${i}-icon`, children: a });
+    });
+    g(this, "onMouseEnter", () => {
+      this.removeTimer();
+    });
+    g(this, "onMouseLeave", () => {
+      this.removeTimer(), this.startTimer();
+    });
+    this.rootDOMRef = ze();
+  }
+  componentDidMount() {
+    this.startTimer();
+  }
+  componentDidUpdate(e) {
+    (e.duration !== this.props.duration || this.props.update) && (this.removeTimer(), this.startTimer());
+  }
+  componentWillUnmount() {
+    this.removeTimer();
+  }
+  render() {
+    const {
+      title: e,
+      content: s,
+      showIcon: n,
+      className: i,
+      style: o,
+      type: a,
+      btn: f,
+      icon: c,
+      prefixCls: l,
+      closable: u,
+      noticeType: m,
+      iconPrefix: b,
+      rtl: p,
+      closeIcon: h,
+      classPrefixCls: x
+    } = this.props, v = j(
+      l,
+      `${l}-${a}`,
+      {
+        [`${l}-closable`]: u,
+        [`${l}-rtl`]: p
+      },
+      i
+    );
+    let w = "closable" in this.props ? u : !0, y = n;
+    a === "normal" && !c && (y = !1);
+    const L = { ...this.context };
+    if (x && (L.prefixCls = x), m === "message")
+      return w = u, /* @__PURE__ */ d(J, { ...L, children: /* @__PURE__ */ d(
+        "div",
+        {
+          style: { textAlign: "center" },
+          onMouseEnter: this.onMouseEnter,
+          onMouseLeave: this.onMouseLeave,
+          ref: this.rootDOMRef,
+          children: /* @__PURE__ */ B("div", { className: v, style: o, role: "alert", children: [
+            y && this.renderIcon(),
+            /* @__PURE__ */ d("span", { className: `${l}-content`, children: s }),
+            w && (h !== void 0 ? /* @__PURE__ */ d(
+              "span",
+              {
+                onClick: this.onClose,
+                className: `${l}-close-btn`,
+                children: h
+              }
+            ) : /* @__PURE__ */ d(
+              le,
+              {
+                prefix: l,
+                className: `${l}-close-btn`,
+                onClick: this.onClose,
+                children: /* @__PURE__ */ d(ne, {})
+              }
+            ))
+          ] })
+        }
+      ) });
+    if (m === "notification")
+      return /* @__PURE__ */ d(J, { ...L, children: /* @__PURE__ */ d(
+        "div",
+        {
+          ref: this.rootDOMRef,
+          onMouseEnter: this.onMouseEnter,
+          onMouseLeave: this.onMouseLeave,
+          children: /* @__PURE__ */ B("div", { className: v, style: o, role: "alert", children: [
+            y && /* @__PURE__ */ d("div", { className: `${l}-left`, children: this.renderIcon() }),
+            /* @__PURE__ */ B("div", { className: `${l}-right`, children: [
+              e && /* @__PURE__ */ d("div", { className: `${l}-title`, children: e }),
+              /* @__PURE__ */ d("div", { className: `${l}-content`, children: s }),
+              f && /* @__PURE__ */ d("div", { className: `${l}-btn-wrapper`, children: f })
+            ] }),
+            w && (h !== void 0 ? /* @__PURE__ */ d(
+              "span",
+              {
+                onClick: this.onClose,
+                className: `${l}-close-btn`,
+                children: h
+              }
+            ) : /* @__PURE__ */ d(
+              le,
+              {
+                prefix: l,
+                className: `${l}-close-btn`,
+                onClick: this.onClose,
+                children: /* @__PURE__ */ d(
+                  Z.Provider,
+                  {
+                    value: b ? { prefixCls: b } : {},
+                    children: /* @__PURE__ */ d(ne, {})
+                  }
+                )
+              }
+            ))
+          ] })
+        }
+      ) });
+  }
+}
+g(G, "defaultProps", {
+  type: "info",
+  showIcon: !0,
+  noticeType: "message",
+  duration: 3e3
+}), g(G, "contextType", q);
+function Se(r, t) {
+  const e = re(q), [s, n] = Be([]);
+  function i(f) {
+    n((c) => [...c, f]);
+  }
+  function o(f) {
+    n(
+      (c) => c.filter((l) => f !== l)
+    );
+  }
+  function a() {
+    return e;
+  }
+  return pe(t, () => ({
+    addInstance: i,
+    removeInstance: o,
+    getContextConfig: a
+  })), V.Children.map(
+    s,
+    (f, c) => V.cloneElement(f, { key: c })
+  );
+}
+Se.displayName = "ContextHolderElement";
+const Re = me(Se);
+function ut(r = {}) {
+  const { maxCount: t, duration: e = 3e3, prefixCls: s } = r, n = se(), i = /* @__PURE__ */ d(Re, { ref: n }), o = {};
+  let a;
+  function f(l) {
+    let u, m;
+    if (n.current) {
+      const y = n.current.getContextConfig();
+      m = y.rtl, u = y.prefixCls;
+    }
+    const b = s || u, p = {
+      position: "top",
+      duration: e,
+      ...l
+    }, { position: h, transitionClassNames: x } = p;
+    let v;
+    if (o[h]) {
+      const y = o[h].state.notices;
+      y.length >= t ? (v = y[0].id, y.shift(), o[h].add({ ...p, id: v })) : v = o[h].add(p);
+    } else
+      a = /* @__PURE__ */ d(
+        M,
+        {
+          transitionClassNames: x,
+          ref: (y) => {
+            o[h] = y, o[h] && (v = o[h].add(p));
+          },
+          prefixCls: b,
+          rtl: m
+        }
+      ), n.current.addInstance(a);
+    return () => {
+      o[h] && o[h].remove(v);
+    };
+  }
+  const c = {};
+  return ["info", "success", "warning", "error", "normal"].forEach((l) => {
+    c[l] = (u) => {
+      const m = Ke(u) ? { content: u } : u;
+      return f({
+        ...m,
+        type: l
+      });
+    };
+  }), [c, i];
+}
+const gt = [
+  "info",
+  "success",
+  "error",
+  "warning",
+  "loading",
+  "normal"
+];
+let N = {}, Ne, ce, Ae, ee, fe, he;
+function Ee(r) {
+  const t = {
+    position: "top",
+    duration: Ae,
+    ...r
+  }, { position: e, transitionClassNames: s, transitionTimeout: n } = t;
+  let i;
+  const { instance: o, pending: a } = N[e] || {};
+  if (o || a) {
+    const c = () => {
+      const { instance: l } = N[e] || {}, u = l.state.notices, m = u.find((p) => p.id === r.id), b = {
+        ...t,
+        update: m
+      };
+      u.length >= Ne ? m ? l.add({
+        ...b,
+        id: m.id
+      }) : (u.shift(), l.add(b)) : i = l.add(b);
+    };
+    o ? c() : a != null && a.then && a.then(() => {
+      c(), N[e].pending = null;
+    });
+  } else {
+    const c = document.createElement("div");
+    (ee || document.body).appendChild(c), N[e] = {}, N[e].pending = new Promise((l) => {
+      ye(
+        /* @__PURE__ */ d(
+          M,
+          {
+            transitionClassNames: s,
+            transitionTimeout: n,
+            ref: (u) => {
+              N[e] || (N[e] = {}), N[e].instance = u, i = u.add(t), l(null);
+            }
+          }
+        ),
+        c
+      );
+    });
+  }
+  return () => {
+    var c, l;
+    (l = (c = N[e]) == null ? void 0 : c.instance) == null || l.remove(i);
+  };
+}
+class M extends ve {
+  constructor() {
+    super(...arguments);
+    g(this, "remove", (e) => {
+      const s = this.state.notices.find((n) => n.id === e);
+      s && this.update({
+        ...s,
+        style: { ...s.style, opacity: 0 }
+      }), setTimeout(() => {
+        super.remove(e);
+      }, 100);
+    });
+  }
+  render() {
+    const {
+      transitionClassNames: e,
+      transitionTimeout: s,
+      prefixCls: n,
+      rtl: i,
+      closable: o
+    } = this.props, { notices: a, position: f } = this.state, c = n || ce, l = F(i) ? fe : i, u = F(o) ? he : o, m = c ? `${c}-message` : "pqb-message", b = {
+      enter: O(s == null ? void 0 : s.enter) ? s == null ? void 0 : s.enter : 100,
+      exit: O(s == null ? void 0 : s.exit) ? s == null ? void 0 : s.exit : 300
+    }, p = j(
+      `${m}-wrapper`,
+      `${m}-wrapper-${f}`
+    );
+    return /* @__PURE__ */ d("div", { className: p, children: /* @__PURE__ */ d(xe, { component: null, children: a.map((h) => /* @__PURE__ */ d(
+      Ce,
+      {
+        timeout: b,
+        classNames: e || "fadeMessage",
+        onExit: (x) => {
+          x && (x.style.height = `${x.scrollHeight}px`);
+        },
+        onExiting: (x) => {
+          x && (x.style.height = 0);
+        },
+        onExited: (x) => {
+          var v;
+          x && (x.style.height = 0, (v = h.onClose) == null || v.call(h));
+        },
+        children: /* @__PURE__ */ d(
+          G,
+          {
+            ...h,
+            prefixCls: m,
+            classPrefixCls: c,
+            iconPrefix: c,
+            onClose: this.remove,
+            noticeType: "message",
+            rtl: l,
+            ...F(u) ? {} : { closable: u }
+          }
+        )
+      },
+      h.id
+    )) }) });
+  }
+}
+g(M, "useMessage"), g(M, "success"), g(M, "info"), g(M, "warning"), g(M, "error"), g(M, "loading"), g(M, "normal"), g(M, "config", (e = {}) => {
+  var s;
+  O(e.maxCount) && (Ne = e.maxCount), e.prefixCls && (ce = e.prefixCls), O(e.duration) && (Ae = e.duration), typeof e.rtl == "boolean" && (fe = e.rtl), typeof e.closable == "boolean" && (he = e.closable), ((s = e.getContainer) == null ? void 0 : s.call(e)) !== ee && (ee = e.getContainer(), Object.values(N).forEach(
+    ({ instance: n }) => n == null ? void 0 : n.clear()
+  ), N = {});
+}), g(M, "clear", () => {
+  Object.values(N).forEach(({ instance: e }) => {
+    e == null || e.clear();
+  });
+}), g(M, "addInstance", Ee);
+gt.forEach((r) => {
+  M[r] = (t) => Ee({
+    ...typeof t == "string" ? { content: t } : t,
+    type: r
+  });
+});
+M.useMessage = ut;
+let He = {};
+function mt(r) {
+  He = {
+    ...r
+  };
+}
+function jt() {
+  return He;
+}
+let te = {
+  simple: !0
+};
+const Lt = (r) => {
+  te = {
+    ...te,
+    ...r
+  };
+}, Dt = () => te, Ut = [], Wt = [];
+function pt(r = {}) {
+  const {
+    maxCount: t,
+    duration: e = 3e3,
+    prefixCls: s,
+    getContainer: n
+  } = r, i = se(), o = /* @__PURE__ */ d(Re, { ref: i }), a = {};
+  let f;
+  function c(u) {
+    let m, b;
+    if (i.current) {
+      const w = i.current.getContextConfig();
+      b = w.rtl, m = w.prefixCls;
+    }
+    const p = s || m;
+    let h = u.position;
+    F(u.position) && (h = b ? "topLeft" : "topRight");
+    const x = {
+      duration: e,
+      ...u
+    };
+    let v;
+    if (a[h]) {
+      const w = a[h].state.notices;
+      w.length >= t ? (v = w[0].id, w.shift(), a[h].add({ ...x, id: v })) : v = a[h].add(x);
+    } else
+      f = /* @__PURE__ */ d(
+        T,
+        {
+          ref: (w) => {
+            a[h] = w, a[h] && (v = a[h].add(x));
+          },
+          prefixCls: p,
+          rtl: b,
+          getContainer: n
+        }
+      ), i.current.addInstance(f);
+    return a[h];
+  }
+  const l = {};
+  return ["info", "success", "warning", "error", "normal"].forEach((u) => {
+    l[u] = (m) => c({
+      ...m,
+      type: u
+    });
+  }), [l, o];
+}
+const bt = ["info", "success", "error", "warning", "normal"];
+let k = {}, de, ue, ge, Y, z;
+const R = class R extends ve {
+  constructor() {
+    super(...arguments);
+    g(this, "remove", (e) => {
+      const s = this.state.notices.find((n) => n.id === e);
+      s && this.update({
+        ...s,
+        style: { ...s.style, opacity: 0 }
+      }), setTimeout(() => {
+        super.remove(e);
+      }, 200);
+    });
+  }
+  render() {
+    const { notices: e } = this.state, { prefixCls: s, rtl: n, getContainer: i } = this.props;
+    let o = this.state.position;
+    const a = F(n) ? z : n;
+    F(o) && (o = a ? "topLeft" : "topRight");
+    const f = s || ue, c = f ? `${f}-notification` : "pqb-notification";
+    let l;
+    o === "topLeft" || o === "bottomLeft" ? l = "slideNoticeLeft" : l = "slideNoticeRight";
+    const u = j(
+      `${c}-wrapper`,
+      `${c}-wrapper-${o}`,
+      { [`${c}-wrapper-rtl`]: z }
+    ), m = i == null ? void 0 : i(), b = /* @__PURE__ */ d("div", { className: u, children: /* @__PURE__ */ d(xe, { component: null, children: e.map((p) => /* @__PURE__ */ d(
+      Ce,
+      {
+        timeout: {
+          enter: 400,
+          exit: 300
+        },
+        classNames: l,
+        onExit: (h) => {
+          h && (h.style.height = `${h.scrollHeight}px`);
+        },
+        onExiting: (h) => {
+          h && (h.style.height = 0);
+        },
+        onExited: (h) => {
+          var x;
+          h && (h.style.height = 0, (x = p.onClose) == null || x.call(p));
+        },
+        children: /* @__PURE__ */ d(
+          G,
+          {
+            ...p,
+            onClose: this.remove,
+            prefixCls: c,
+            iconPrefix: f,
+            classPrefixCls: f,
+            noticeType: "notification",
+            rtl: a
+          }
+        )
+      },
+      p.id
+    )) }) });
+    return m ? Ve(b, m) : b;
+  }
+};
+g(R, "useNotification"), g(R, "success"), g(R, "info"), g(R, "warning"), g(R, "error"), g(R, "normal"), g(R, "config", (e = {}) => {
+  var s;
+  O(e.maxCount) && (de = e.maxCount), e.prefixCls && (ue = e.prefixCls), O(e.duration) && (ge = e.duration), typeof e.rtl == "boolean" && (z = e.rtl), e.getContainer && ((s = e.getContainer) == null ? void 0 : s.call(e)) !== Y && (Y = e.getContainer(), Object.values(k).forEach(
+    ({ instance: n }) => n == null ? void 0 : n.clear()
+  ), k = {});
+}), g(R, "clear", () => {
+  Object.values(k).forEach(({ instance: e }) => {
+    e == null || e.clear();
+  });
+}), g(R, "remove", (e) => {
+  Object.values(k).forEach(({ instance: s }) => {
+    s == null || s.remove(e);
+  });
+}), g(R, "addInstance", (e) => {
+  let s = e.position;
+  F(e.position) && (s = z ? "topLeft" : "topRight");
+  const n = {
+    duration: ge,
+    ...e
+  }, { instance: i, pending: o } = k[s] || {};
+  if (i || o) {
+    const f = () => {
+      const { instance: c } = k[s] || {}, l = c.state.notices, u = l.find((b) => b.id === e.id), m = {
+        ...n,
+        update: u
+      };
+      return l.length >= de ? u ? c.add({
+        ...m,
+        id: u.id
+      }) : (l.shift(), c.add(m)) : c.add({ ...m }), c;
+    };
+    return i ? f() : o != null && o.then && o.then(() => {
+      f(), k[s].pending = null;
+    }), i;
+  }
+  const a = document.createElement("div");
+  return (Y || document.body).appendChild(a), k[s] = {}, k[s].pending = new Promise((f) => {
+    ye(
+      /* @__PURE__ */ d(
+        R,
+        {
+          ref: (c) => (k[s] || (k[s] = {}), k[s].instance = c, c.add(n), f(null), c)
+        }
+      ),
+      a
+    );
+  }), k[s].instance;
+});
+let T = R;
+bt.forEach((r) => {
+  T[r] = (t) => T.addInstance({
+    ...t,
+    type: r
+  });
+});
+T.useNotification = pt;
+const xt = {
+  primaryColor: {
+    default: "--pqbblue-6",
+    hover: "--pqbblue-5",
+    active: "--pqbblue-7"
+  },
+  successColor: {
+    default: "--green-6",
+    hover: "--green-5",
+    active: "--green-7"
+  },
+  infoColor: {
+    default: "--pqbblue-6",
+    hover: "--pqbblue-5",
+    active: "--pqbblue-7"
+  },
+  warningColor: {
+    default: "--orangered-6",
+    hover: "--orangered-5",
+    active: "--orangered-7"
+  },
+  dangerColor: {
+    default: "--red-6",
+    hover: "--red-5",
+    active: "--red-7"
+  }
+}, Ct = ke, vt = {};
+function J(r) {
+  const t = be(
+    r,
+    Ct,
+    vt
+  ), {
+    theme: e,
+    themeType: s,
+    prefixCls: n,
+    children: i,
+    locale: o,
+    rtl: a,
+    effectGlobalNotice: f = !0,
+    effectGlobalModal: c = !0
+  } = t, l = window.document.body;
+  D(() => {
+    De(e) && Object.entries(xt).forEach(([p, h], x, v) => {
+      let w = e == null ? void 0 : e[p];
+      if (w) {
+        let y = new C(w);
+        l.style.setProperty(h.default, y.lighten(0).toRgbArrayString()), e != null && e[`${p}Hover`] || l.style.setProperty(h.hover, y.lighten(10).toRgbArrayString()), e != null && e[`${p}Active`] || l.style.setProperty(h.active, y.lighten(-10).toRgbArrayString());
+      }
+    });
+  }, [e]), D(() => {
+    s && (s === "dark" ? l.setAttribute("pqb-theme", "dark") : l.removeAttribute("pqb-theme"));
+  }, [s]), D(() => {
+    f && (M.config({ prefixCls: n, rtl: a }), T.config({ prefixCls: n, rtl: a }));
+  }, [n, a, f]);
+  function u(p, h) {
+    return `${h || n}-${p}`;
+  }
+  const m = {
+    ...Je(t, ["children"]),
+    getPrefixCls: u
+  };
+  D(() => {
+    c && mt({ locale: o, prefixCls: n, rtl: a });
+  }, [o, n, a, c]);
+  let b = i;
+  return n && n !== "pqb" && (b = /* @__PURE__ */ d(Z.Provider, { value: { prefixCls: n }, children: i })), /* @__PURE__ */ d(q.Provider, { value: m, children: b });
+}
+J.ConfigContext = q;
+J.displayName = "ConfigProvider";
+const zt = q.Consumer;
+export {
+  J as C,
+  ft as E,
+  et as H,
+  le as I,
+  S as M,
+  T as N,
+  Ze as S,
+  ie as T,
+  tt as W,
+  zt as a,
+  q as b,
+  xt as c,
+  we as d,
+  rt as e,
+  Ye as f,
+  M as g,
+  Ut as h,
+  jt as i,
+  ae as j,
+  Ot as k,
+  oe as l,
+  Dt as m,
+  C as n,
+  Re as o,
+  _e as p,
+  Wt as q,
+  G as r,
+  Lt as s
+};