@unicom-cloud/ui 0.8.57 → 0.8.58

package/chunk/Bdh4XVuf.js

@@ -0,0 +1,1487 @@
+var Ft = Object.defineProperty;
+var Tt = (n, e, t) => e in n ? Ft(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var g = (n, e, t) => Tt(n, typeof e != "symbol" ? e + "" : e, t);
+import G, { forwardRef as pt, useContext as rt, createContext as qt, useRef as st, useImperativeHandle as xt, Component as Ot, createRef as jt, useEffect as D, useState as Lt } from "react";
+import { jsx as d, jsxs as V } from "react/jsx-runtime";
+import { f as Dt, g as _, I as it, e as Ut, b as Wt, a as zt, c as Bt, d as Vt } from "./BHn4xgbv.js";
+import Gt from "lodash/isPlainObject";
+import { useMergeProps as Ct } from "../hooks/useMergeProps.js";
+import { _ as yt, P as vt } from "./BPZ-6HKJ.js";
+import O from "lodash/isNumber";
+import F from "lodash/isUndefined";
+import { y as j } from "./BzPkh4Zv.js";
+import Jt from "../locale/zh-CN.js";
+import wt from "../NotificationBase.js";
+import { render as $t } from "../utils/reactDOM.js";
+import Kt from "lodash/isString";
+import { createPortal as Qt } from "react-dom";
+import Xt from "../utils/omit.js";
+var Yt = Object.defineProperty, Zt = (n, e, t) => e in n ? Yt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, I = (n, e, t) => Zt(n, typeof e != "symbol" ? e + "" : e, t);
+function w(n, e) {
+  _t(n) && (n = "100%");
+  const t = te(n);
+  return n = e === 360 ? n : Math.min(e, Math.max(0, parseFloat(n))), t && (n = parseInt(String(n * e), 10) / 100), Math.abs(n - e) < 1e-6 ? 1 : (e === 360 ? n = (n < 0 ? n % e + e : n % e) / parseFloat(String(e)) : n = n % e / parseFloat(String(e)), n);
+}
+function U(n) {
+  return Math.min(1, Math.max(0, n));
+}
+function _t(n) {
+  return typeof n == "string" && n.indexOf(".") !== -1 && parseFloat(n) === 1;
+}
+function te(n) {
+  return typeof n == "string" && n.indexOf("%") !== -1;
+}
+function Mt(n) {
+  return n = parseFloat(n), (isNaN(n) || n < 0 || n > 1) && (n = 1), n;
+}
+function W(n) {
+  return Number(n) <= 1 ? `${Number(n) * 100}%` : n;
+}
+function P(n) {
+  return n.length === 1 ? "0" + n : String(n);
+}
+function ee(n, e, t) {
+  return {
+    r: w(n, 255) * 255,
+    g: w(e, 255) * 255,
+    b: w(t, 255) * 255
+  };
+}
+function ot(n, e, t) {
+  n = w(n, 255), e = w(e, 255), t = w(t, 255);
+  const r = Math.max(n, e, t), s = Math.min(n, e, t);
+  let i = 0, o = 0;
+  const a = (r + s) / 2;
+  if (r === s)
+    o = 0, i = 0;
+  else {
+    const h = r - s;
+    switch (o = a > 0.5 ? h / (2 - r - s) : h / (r + s), r) {
+      case n:
+        i = (e - t) / h + (e < t ? 6 : 0);
+        break;
+      case e:
+        i = (t - n) / h + 2;
+        break;
+      case t:
+        i = (n - e) / h + 4;
+        break;
+    }
+    i /= 6;
+  }
+  return { h: i, s: o, l: a };
+}
+function Q(n, e, t) {
+  return t < 0 && (t += 1), t > 1 && (t -= 1), t < 1 / 6 ? n + (e - n) * (6 * t) : t < 1 / 2 ? e : t < 2 / 3 ? n + (e - n) * (2 / 3 - t) * 6 : n;
+}
+function ne(n, e, t) {
+  let r, s, i;
+  if (n = w(n, 360), e = w(e, 100), t = w(t, 100), e === 0)
+    s = t, i = t, r = t;
+  else {
+    const o = t < 0.5 ? t * (1 + e) : t + e - t * e, a = 2 * t - o;
+    r = Q(a, o, n + 1 / 3), s = Q(a, o, n), i = Q(a, o, n - 1 / 3);
+  }
+  return { r: r * 255, g: s * 255, b: i * 255 };
+}
+function X(n, e, t) {
+  n = w(n, 255), e = w(e, 255), t = w(t, 255);
+  const r = Math.max(n, e, t), s = Math.min(n, e, t);
+  let i = 0;
+  const o = r, a = r - s, h = r === 0 ? 0 : a / r;
+  if (r === s)
+    i = 0;
+  else {
+    switch (r) {
+      case n:
+        i = (e - t) / a + (e < t ? 6 : 0);
+        break;
+      case e:
+        i = (t - n) / a + 2;
+        break;
+      case t:
+        i = (n - e) / a + 4;
+        break;
+    }
+    i /= 6;
+  }
+  return { h: i, s: h, v: o };
+}
+function re(n, e, t) {
+  n = w(n, 360) * 6, e = w(e, 100), t = w(t, 100);
+  const r = Math.floor(n), s = n - r, i = t * (1 - e), o = t * (1 - s * e), a = t * (1 - (1 - s) * e), h = r % 6, l = [t, o, i, i, a, t][h], c = [a, t, t, o, i, i][h], u = [i, i, a, t, t, o][h];
+  return { r: l * 255, g: c * 255, b: u * 255 };
+}
+function at(n, e, t, r) {
+  const s = [
+    P(Math.round(n).toString(16)),
+    P(Math.round(e).toString(16)),
+    P(Math.round(t).toString(16))
+  ];
+  return r && s[0].startsWith(s[0].charAt(1)) && s[1].startsWith(s[1].charAt(1)) && s[2].startsWith(s[2].charAt(1)) ? s[0].charAt(0) + s[1].charAt(0) + s[2].charAt(0) : s.join("");
+}
+function se(n, e, t, r, s) {
+  const i = [
+    P(Math.round(n).toString(16)),
+    P(Math.round(e).toString(16)),
+    P(Math.round(t).toString(16)),
+    P(kt(r))
+  ];
+  return s && 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)) ? i[0].charAt(0) + i[1].charAt(0) + i[2].charAt(0) + i[3].charAt(0) : i.join("");
+}
+function Le(n, e, t, r) {
+  return [
+    P(kt(r)),
+    P(Math.round(n).toString(16)),
+    P(Math.round(e).toString(16)),
+    P(Math.round(t).toString(16))
+  ].join("");
+}
+function ie(n, e, t, r) {
+  const s = n / 100, i = e / 100, o = t / 100, a = r / 100, h = 255 * (1 - s) * (1 - a), l = 255 * (1 - i) * (1 - a), c = 255 * (1 - o) * (1 - a);
+  return { r: h, g: l, b: c };
+}
+function ct(n, e, t) {
+  let r = 1 - n / 255, s = 1 - e / 255, i = 1 - t / 255, o = Math.min(r, s, i);
+  return o === 1 ? (r = 0, s = 0, i = 0) : (r = (r - o) / (1 - o) * 100, s = (s - o) / (1 - o) * 100, i = (i - o) / (1 - o) * 100), o *= 100, {
+    c: Math.round(r),
+    m: Math.round(s),
+    y: Math.round(i),
+    k: Math.round(o)
+  };
+}
+function kt(n) {
+  return Math.round(parseFloat(n) * 255).toString(16);
+}
+function lt(n) {
+  return R(n) / 255;
+}
+function R(n) {
+  return parseInt(n, 16);
+}
+function oe(n) {
+  return {
+    r: n >> 16,
+    g: (n & 65280) >> 8,
+    b: n & 255
+  };
+}
+const tt = {
+  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 ae(n) {
+  let e = { r: 0, g: 0, b: 0 }, t = 1, r = null, s = null, i = null, o = !1, a = !1;
+  return typeof n == "string" && (n = he(n)), typeof n == "object" && (k(n.r) && k(n.g) && k(n.b) ? (e = ee(n.r, n.g, n.b), o = !0, a = String(n.r).substr(-1) === "%" ? "prgb" : "rgb") : k(n.h) && k(n.s) && k(n.v) ? (r = W(n.s), s = W(n.v), e = re(n.h, r, s), o = !0, a = "hsv") : k(n.h) && k(n.s) && k(n.l) ? (r = W(n.s), i = W(n.l), e = ne(n.h, r, i), o = !0, a = "hsl") : k(n.c) && k(n.m) && k(n.y) && k(n.k) && (e = ie(n.c, n.m, n.y, n.k), o = !0, a = "cmyk"), Object.prototype.hasOwnProperty.call(n, "a") && (t = n.a)), t = Mt(t), {
+    ok: o,
+    format: n.format || a,
+    r: Math.min(255, Math.max(e.r, 0)),
+    g: Math.min(255, Math.max(e.g, 0)),
+    b: Math.min(255, Math.max(e.b, 0)),
+    a: t
+  };
+}
+const ce = "[-\\+]?\\d+%?", le = "[-\\+]?\\d*\\.\\d+%?", H = "(?:" + le + ")|(?:" + ce + ")", Y = "[\\s|\\(]+(" + H + ")[,|\\s]+(" + H + ")[,|\\s]+(" + H + ")\\s*\\)?", z = (
+  // eslint-disable-next-line prettier/prettier
+  "[\\s|\\(]+(" + H + ")[,|\\s]+(" + H + ")[,|\\s]+(" + H + ")[,|\\s]+(" + H + ")\\s*\\)?"
+), E = {
+  CSS_UNIT: new RegExp(H),
+  rgb: new RegExp("rgb" + Y),
+  rgba: new RegExp("rgba" + z),
+  hsl: new RegExp("hsl" + Y),
+  hsla: new RegExp("hsla" + z),
+  hsv: new RegExp("hsv" + Y),
+  hsva: new RegExp("hsva" + z),
+  cmyk: new RegExp("cmyk" + z),
+  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 he(n) {
+  if (n = n.trim().toLowerCase(), n.length === 0)
+    return !1;
+  let e = !1;
+  if (tt[n])
+    n = tt[n], e = !0;
+  else if (n === "transparent")
+    return { r: 0, g: 0, b: 0, a: 0, format: "name" };
+  let t = E.rgb.exec(n);
+  return t ? { r: t[1], g: t[2], b: t[3] } : (t = E.rgba.exec(n), t ? { r: t[1], g: t[2], b: t[3], a: t[4] } : (t = E.hsl.exec(n), t ? { h: t[1], s: t[2], l: t[3] } : (t = E.hsla.exec(n), t ? { h: t[1], s: t[2], l: t[3], a: t[4] } : (t = E.hsv.exec(n), t ? { h: t[1], s: t[2], v: t[3] } : (t = E.hsva.exec(n), t ? { h: t[1], s: t[2], v: t[3], a: t[4] } : (t = E.cmyk.exec(n), t ? {
+    c: t[1],
+    m: t[2],
+    y: t[3],
+    k: t[4]
+  } : (t = E.hex8.exec(n), t ? {
+    r: R(t[1]),
+    g: R(t[2]),
+    b: R(t[3]),
+    a: lt(t[4]),
+    format: e ? "name" : "hex8"
+  } : (t = E.hex6.exec(n), t ? {
+    r: R(t[1]),
+    g: R(t[2]),
+    b: R(t[3]),
+    format: e ? "name" : "hex"
+  } : (t = E.hex4.exec(n), t ? {
+    r: R(t[1] + t[1]),
+    g: R(t[2] + t[2]),
+    b: R(t[3] + t[3]),
+    a: lt(t[4] + t[4]),
+    format: e ? "name" : "hex8"
+  } : (t = E.hex3.exec(n), t ? {
+    r: R(t[1] + t[1]),
+    g: R(t[2] + t[2]),
+    b: R(t[3] + t[3]),
+    format: e ? "name" : "hex"
+  } : !1))))))))));
+}
+function k(n) {
+  return typeof n == "number" ? !Number.isNaN(n) : E.CSS_UNIT.test(n);
+}
+class C {
+  constructor(e = "", t = {}) {
+    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"), e instanceof C)
+      return e;
+    typeof e == "number" && (e = oe(e)), this.originalInput = e;
+    const r = ae(e);
+    this.originalInput = e, this.r = r.r, this.g = r.g, this.b = r.b, this.a = r.a, this.roundA = Math.round(100 * this.a) / 100, this.format = t.format ?? r.format, this.gradientType = t.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 = r.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 e = this.toRgb();
+    return (e.r * 299 + e.g * 587 + e.b * 114) / 1e3;
+  }
+  /**
+   * Returns the perceived luminance of a color, from 0-1.
+   */
+  getLuminance() {
+    const e = this.toRgb();
+    let t, r, s;
+    const i = e.r / 255, o = e.g / 255, a = e.b / 255;
+    return i <= 0.03928 ? t = i / 12.92 : t = Math.pow((i + 0.055) / 1.055, 2.4), o <= 0.03928 ? r = o / 12.92 : r = Math.pow((o + 0.055) / 1.055, 2.4), a <= 0.03928 ? s = a / 12.92 : s = Math.pow((a + 0.055) / 1.055, 2.4), 0.2126 * t + 0.7152 * r + 0.0722 * s;
+  }
+  /**
+   * 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(e) {
+    return this.a = Mt(e), this.roundA = Math.round(100 * this.a) / 100, this;
+  }
+  /**
+   * Returns whether the color is monochrome.
+   */
+  isMonochrome() {
+    const { s: e } = this.toHsl();
+    return e === 0;
+  }
+  /**
+   * Returns the object as a HSVA object.
+   */
+  toHsv() {
+    const e = X(this.r, this.g, this.b);
+    return { h: e.h * 360, s: e.s, v: e.v, a: this.a };
+  }
+  toHsv_() {
+    const e = X(this.r, this.g, this.b);
+    return { h: e.h, s: e.s, v: e.v, a: this.a };
+  }
+  /**
+   * Returns the hsva values interpolated into a string with the following format:
+   * "hsva(xxx, xxx, xxx, xx)".
+   */
+  toHsvString() {
+    const e = X(this.r, this.g, this.b), t = Math.round(e.h * 360), r = Math.round(e.s * 100), s = Math.round(e.v * 100);
+    return this.a === 1 ? `hsv(${t}, ${r}%, ${s}%)` : `hsva(${t}, ${r}%, ${s}%, ${this.roundA})`;
+  }
+  /**
+   * Returns the object as a HSLA object.
+   */
+  toHsl() {
+    const e = ot(this.r, this.g, this.b);
+    return { h: e.h * 360, s: e.s, l: e.l, a: this.a };
+  }
+  /**
+   * Returns the hsla values interpolated into a string with the following format:
+   * "hsla(xxx, xxx, xxx, xx)".
+   */
+  toHslString() {
+    const e = ot(this.r, this.g, this.b), t = Math.round(e.h * 360), r = Math.round(e.s * 100), s = Math.round(e.l * 100);
+    return this.a === 1 ? `hsl(${t}, ${r}%, ${s}%)` : `hsla(${t}, ${r}%, ${s}%, ${this.roundA})`;
+  }
+  /**
+   * Returns the hex value of the color.
+   * @param allow3Char will shorten hex value to 3 char if possible
+   */
+  toHex(e = !1) {
+    return at(this.r, this.g, this.b, e);
+  }
+  /**
+   * Returns the hex value of the color -with a # prefixed.
+   * @param allow3Char will shorten hex value to 3 char if possible
+   */
+  toHexString(e = !1) {
+    return `#${this.toHex(e)}`;
+  }
+  /**
+   * Returns the hex 8 value of the color.
+   * @param allow4Char will shorten hex value to 4 char if possible
+   */
+  toHex8(e = !1) {
+    return se(this.r, this.g, this.b, this.a, e);
+  }
+  /**
+   * Returns the hex 8 value of the color -with a # prefixed.
+   * @param allow4Char will shorten hex value to 4 char if possible
+   */
+  toHex8String(e = !1) {
+    return `#${this.toHex8(e)}`;
+  }
+  /**
+   * 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(e = !1) {
+    return this.a === 1 ? this.toHexString(e) : this.toHex8String(e);
+  }
+  /**
+   * 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 e = this.toRgb();
+    return [e.r, e.g, e.b];
+  }
+  toRgbArrayString() {
+    const e = this.toRgb();
+    return `${e.r},${e.g},${e.b}`;
+  }
+  /**
+   * Returns the RGBA values interpolated into a string with the following format:
+   * "RGBA(xxx, xxx, xxx, xx)".
+   */
+  toRgbString() {
+    const e = Math.round(this.r), t = Math.round(this.g), r = Math.round(this.b);
+    return this.a === 1 ? `rgb(${e}, ${t}, ${r})` : `rgba(${e}, ${t}, ${r}, ${this.roundA})`;
+  }
+  /**
+   * Returns the object as a RGBA object.
+   */
+  toPercentageRgb() {
+    const e = (t) => `${Math.round(w(t, 255) * 100)}%`;
+    return {
+      r: e(this.r),
+      g: e(this.g),
+      b: e(this.b),
+      a: this.a
+    };
+  }
+  /**
+   * Returns the RGBA relative values interpolated into a string
+   */
+  toPercentageRgbString() {
+    const e = (t) => Math.round(w(t, 255) * 100);
+    return this.a === 1 ? `rgb(${e(this.r)}%, ${e(this.g)}%, ${e(this.b)}%)` : `rgba(${e(this.r)}%, ${e(this.g)}%, ${e(this.b)}%, ${this.roundA})`;
+  }
+  toCmyk() {
+    return {
+      ...ct(this.r, this.g, this.b)
+    };
+  }
+  toCmykString() {
+    const { c: e, m: t, y: r, k: s } = ct(this.r, this.g, this.b);
+    return `cmyk(${e}, ${t}, ${r}, ${s})`;
+  }
+  /**
+   * The 'real' name of the color -if there is one.
+   */
+  toName() {
+    if (this.a === 0)
+      return "transparent";
+    if (this.a < 1)
+      return !1;
+    const e = `#${at(this.r, this.g, this.b, !1)}`;
+    for (const [t, r] of Object.entries(tt))
+      if (e === r)
+        return t;
+    return !1;
+  }
+  toString(e) {
+    const t = !!e;
+    e = e ?? this.format;
+    let r = !1;
+    const s = this.a < 1 && this.a >= 0;
+    return !t && s && (e.startsWith("hex") || e === "name") ? e === "name" && this.a === 0 ? this.toName() : this.toRgbString() : (e === "rgb" && (r = this.toRgbString()), e === "prgb" && (r = this.toPercentageRgbString()), (e === "hex" || e === "hex6") && (r = this.toHexString()), e === "hex3" && (r = this.toHexString(!0)), e === "hex4" && (r = this.toHex8String(!0)), e === "hex8" && (r = this.toHex8String()), e === "name" && (r = this.toName()), e === "hsl" && (r = this.toHslString()), e === "hsv" && (r = this.toHsvString()), e === "cmyk" && (r = this.toCmykString()), r || 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(e = 10) {
+    const t = this.toHsl();
+    return t.l += e / 100, t.l = U(t.l), new C(t);
+  }
+  /**
+   * Brighten the color a given amount, from 0 to 100.
+   * @param amount - valid between 1-100
+   */
+  brighten(e = 10) {
+    const t = this.toRgb();
+    return t.r = Math.max(
+      0,
+      Math.min(255, t.r - Math.round(255 * -(e / 100)))
+    ), t.g = Math.max(
+      0,
+      Math.min(255, t.g - Math.round(255 * -(e / 100)))
+    ), t.b = Math.max(
+      0,
+      Math.min(255, t.b - Math.round(255 * -(e / 100)))
+    ), new C(t);
+  }
+  /**
+   * Darken the color a given amount, from 0 to 100.
+   * Providing 100 will always return black.
+   * @param amount - valid between 1-100
+   */
+  darken(e = 10) {
+    const t = this.toHsl();
+    return t.l -= e / 100, t.l = U(t.l), new C(t);
+  }
+  /**
+   * 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(e = 10) {
+    return this.mix("white", e);
+  }
+  /**
+   * 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(e = 10) {
+    return this.mix("black", e);
+  }
+  /**
+   * 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(e = 10) {
+    const t = this.toHsl();
+    return t.s -= e / 100, t.s = U(t.s), new C(t);
+  }
+  /**
+   * Saturate the color a given amount, from 0 to 100.
+   * @param amount - valid between 1-100
+   */
+  saturate(e = 10) {
+    const t = this.toHsl();
+    return t.s += e / 100, t.s = U(t.s), new C(t);
+  }
+  /**
+   * 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(e) {
+    const t = this.toHsl(), r = (t.h + e) % 360;
+    return t.h = r < 0 ? 360 + r : r, new C(t);
+  }
+  /**
+   * Mix the current color a given amount with another color, from 0 to 100.
+   * 0 means no mixing (return current color).
+   */
+  mix(e, t = 50) {
+    const r = this.toRgb(), s = new C(e).toRgb(), i = t / 100, o = {
+      r: (s.r - r.r) * i + r.r,
+      g: (s.g - r.g) * i + r.g,
+      b: (s.b - r.b) * i + r.b,
+      a: (s.a - r.a) * i + r.a
+    };
+    return new C(o);
+  }
+  analogous(e = 6, t = 30) {
+    const r = this.toHsl(), s = 360 / t, i = [this];
+    for (r.h = (r.h - (s * e >> 1) + 720) % 360; --e; )
+      r.h = (r.h + s) % 360, i.push(new C(r));
+    return i;
+  }
+  /**
+   * taken from https://github.com/infusion/jQuery-xcolor/blob/master/jquery.xcolor.js
+   */
+  complement() {
+    const e = this.toHsl();
+    return e.h = (e.h + 180) % 360, new C(e);
+  }
+  monochromatic(e = 6) {
+    const t = this.toHsv(), { h: r } = t, { s } = t;
+    let { v: i } = t;
+    const o = [], a = 1 / e;
+    for (; e--; )
+      o.push(new C({ h: r, s, v: i })), i = (i + a) % 1;
+    return o;
+  }
+  splitcomplement() {
+    const e = this.toHsl(), { h: t } = e;
+    return [
+      this,
+      new C({ h: (t + 72) % 360, s: e.s, l: e.l }),
+      new C({ h: (t + 216) % 360, s: e.s, l: e.l })
+    ];
+  }
+  /**
+   * Compute how the color would appear on a background
+   */
+  onBackground(e) {
+    const t = this.toRgb(), r = new C(e).toRgb(), s = t.a + r.a * (1 - t.a);
+    return new C({
+      r: (t.r * t.a + r.r * r.a * (1 - t.a)) / s,
+      g: (t.g * t.a + r.g * r.a * (1 - t.a)) / s,
+      b: (t.b * t.a + r.b * r.a * (1 - t.a)) / s,
+      a: s
+    });
+  }
+  /**
+   * 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(e) {
+    const t = this.toHsl(), { h: r } = t, s = [this], i = 360 / e;
+    for (let o = 1; o < e; o++)
+      s.push(
+        new C({ h: (r + o * i) % 360, s: t.s, l: t.l })
+      );
+    return s;
+  }
+  /**
+   * compare color vs current color
+   */
+  equals(e) {
+    const t = new C(e);
+    return this.format === "cmyk" || t.format === "cmyk" ? this.toCmykString() === t.toCmykString() : this.toRgbString() === t.toRgbString();
+  }
+}
+function fe(n, e) {
+  const {
+    getPrefixCls: t,
+    locale: r,
+    componentConfig: s
+  } = rt(q), i = Ct(
+    n,
+    {},
+    s == null ? void 0 : s.Empty
+  ), { style: o, className: a, description: h, icon: l, imgSrc: c, ...u } = i, m = t("empty"), p = j(m, a), b = r.Empty.noData, f = typeof h == "string" ? h : "empty";
+  return /* @__PURE__ */ d("div", { ref: e, className: p, style: o, ...u, children: /* @__PURE__ */ V("div", { className: `${m}-wrapper`, children: [
+    /* @__PURE__ */ d("div", { className: `${m}-image`, children: c ? /* @__PURE__ */ d("img", { alt: f, src: c }) : l || /* @__PURE__ */ d(Dt, {}) }),
+    /* @__PURE__ */ d("div", { className: `${m}-description`, children: h || b })
+  ] }) });
+}
+const St = pt(fe);
+St.displayName = "Empty";
+const de = G.memo(St);
+function ue(n) {
+  switch (n) {
+    default:
+      return /* @__PURE__ */ d(de, {});
+  }
+}
+const Rt = {
+  locale: Jt,
+  prefixCls: "pqb",
+  getPopupContainer: () => document.body,
+  size: "default",
+  renderEmpty: ue
+}, q = qt({
+  getPrefixCls: (n, e) => `${e || "pqb"}-${n}`,
+  ...Rt
+});
+function ge(n, e) {
+  const {
+    children: t,
+    className: r,
+    disabled: s,
+    prefix: i,
+    size: o = "default",
+    ...a
+  } = n, { getPrefixCls: h } = rt(q), l = h("icon-hover"), c = st();
+  return xt(e, () => ({
+    getRootDOMNode: () => c.current
+  })), /* @__PURE__ */ d(
+    "span",
+    {
+      ref: c,
+      className: j(
+        l,
+        {
+          [`${i}-icon-hover`]: i,
+          [`${l}-size-${o}`]: o && o !== "default",
+          [`${l}-disabled`]: s
+        },
+        r
+      ),
+      onClick: n.onClick,
+      ...a,
+      children: t
+    }
+  );
+}
+const ht = G.forwardRef(ge);
+class J extends Ot {
+  constructor(t) {
+    super(t);
+    g(this, "context");
+    g(this, "wrapper");
+    g(this, "timer");
+    g(this, "rootDOMRef");
+    g(this, "getRootDOMNode", () => this.rootDOMRef.current);
+    g(this, "startTimer", () => {
+      const { duration: t, onClose: r, id: s } = this.props;
+      t !== 0 && (this.timer = window.setTimeout(() => {
+        r == null || r(s), this.removeTimer();
+      }, t));
+    });
+    g(this, "removeTimer", () => {
+      this.timer && (window.clearTimeout(this.timer), this.timer = null);
+    });
+    g(this, "onClose", () => {
+      var t, r;
+      (r = (t = this.props).onClose) == null || r.call(t, this.props.id);
+    });
+    g(this, "renderIcon", () => {
+      const { showIcon: t, icon: r, type: s, prefixCls: i, iconPrefix: o } = this.props;
+      let a;
+      if (r)
+        a = r;
+      else if (t) {
+        switch (s) {
+          case "info":
+            a = /* @__PURE__ */ d(Vt, {});
+            break;
+          case "success":
+            a = /* @__PURE__ */ d(Bt, {});
+            break;
+          case "error":
+            a = /* @__PURE__ */ d(zt, {});
+            break;
+          case "warning":
+            a = /* @__PURE__ */ d(Wt, {});
+            break;
+          case "loading":
+            a = /* @__PURE__ */ d(Ut, {});
+            break;
+        }
+        a = /* @__PURE__ */ d(
+          _.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 = jt();
+  }
+  componentDidMount() {
+    this.startTimer();
+  }
+  componentDidUpdate(t) {
+    (t.duration !== this.props.duration || this.props.update) && (this.removeTimer(), this.startTimer());
+  }
+  componentWillUnmount() {
+    this.removeTimer();
+  }
+  render() {
+    const {
+      title: t,
+      content: r,
+      showIcon: s,
+      className: i,
+      style: o,
+      type: a,
+      btn: h,
+      icon: l,
+      prefixCls: c,
+      closable: u,
+      noticeType: m,
+      iconPrefix: p,
+      rtl: b,
+      closeIcon: f,
+      classPrefixCls: x
+    } = this.props, y = j(
+      c,
+      `${c}-${a}`,
+      {
+        [`${c}-closable`]: u,
+        [`${c}-rtl`]: b
+      },
+      i
+    );
+    let $ = "closable" in this.props ? u : !0, v = s;
+    a === "normal" && !l && (v = !1);
+    const L = { ...this.context };
+    if (x && (L.prefixCls = x), m === "message")
+      return $ = u, /* @__PURE__ */ d(K, { ...L, children: /* @__PURE__ */ d(
+        "div",
+        {
+          style: { textAlign: "center" },
+          onMouseEnter: this.onMouseEnter,
+          onMouseLeave: this.onMouseLeave,
+          ref: this.rootDOMRef,
+          children: /* @__PURE__ */ V("div", { className: y, style: o, role: "alert", children: [
+            v && this.renderIcon(),
+            /* @__PURE__ */ d("span", { className: `${c}-content`, children: r }),
+            $ && (f !== void 0 ? /* @__PURE__ */ d(
+              "span",
+              {
+                onClick: this.onClose,
+                className: `${c}-close-btn`,
+                children: f
+              }
+            ) : /* @__PURE__ */ d(
+              ht,
+              {
+                prefix: c,
+                className: `${c}-close-btn`,
+                onClick: this.onClose,
+                children: /* @__PURE__ */ d(it, {})
+              }
+            ))
+          ] })
+        }
+      ) });
+    if (m === "notification")
+      return /* @__PURE__ */ d(K, { ...L, children: /* @__PURE__ */ d(
+        "div",
+        {
+          ref: this.rootDOMRef,
+          onMouseEnter: this.onMouseEnter,
+          onMouseLeave: this.onMouseLeave,
+          children: /* @__PURE__ */ V("div", { className: y, style: o, role: "alert", children: [
+            v && /* @__PURE__ */ d("div", { className: `${c}-left`, children: this.renderIcon() }),
+            /* @__PURE__ */ V("div", { className: `${c}-right`, children: [
+              t && /* @__PURE__ */ d("div", { className: `${c}-title`, children: t }),
+              /* @__PURE__ */ d("div", { className: `${c}-content`, children: r }),
+              h && /* @__PURE__ */ d("div", { className: `${c}-btn-wrapper`, children: h })
+            ] }),
+            $ && (f !== void 0 ? /* @__PURE__ */ d(
+              "span",
+              {
+                onClick: this.onClose,
+                className: `${c}-close-btn`,
+                children: f
+              }
+            ) : /* @__PURE__ */ d(
+              ht,
+              {
+                prefix: c,
+                className: `${c}-close-btn`,
+                onClick: this.onClose,
+                children: /* @__PURE__ */ d(
+                  _.Provider,
+                  {
+                    value: p ? { prefixCls: p } : {},
+                    children: /* @__PURE__ */ d(it, {})
+                  }
+                )
+              }
+            ))
+          ] })
+        }
+      ) });
+  }
+}
+g(J, "defaultProps", {
+  type: "info",
+  showIcon: !0,
+  noticeType: "message",
+  duration: 3e3
+}), g(J, "contextType", q);
+function me(n = {}) {
+  const { maxCount: e, duration: t = 3e3, prefixCls: r } = n, s = st(), i = /* @__PURE__ */ d(Ht, { ref: s }), o = {};
+  let a;
+  function h(c) {
+    let u, m;
+    if (s.current) {
+      const v = s.current.getContextConfig();
+      m = v.rtl, u = v.prefixCls;
+    }
+    const p = r || u, b = {
+      position: "top",
+      duration: t,
+      ...c
+    }, { position: f, transitionClassNames: x } = b;
+    let y;
+    if (o[f]) {
+      const v = o[f].state.notices;
+      v.length >= e ? (y = v[0].id, v.shift(), o[f].add({ ...b, id: y })) : y = o[f].add(b);
+    } else
+      a = /* @__PURE__ */ d(
+        M,
+        {
+          transitionClassNames: x,
+          ref: (v) => {
+            o[f] = v, o[f] && (y = o[f].add(b));
+          },
+          prefixCls: p,
+          rtl: m
+        }
+      ), s.current.addInstance(a);
+    return () => {
+      o[f] && o[f].remove(y);
+    };
+  }
+  const l = {};
+  return ["info", "success", "warning", "error", "normal"].forEach((c) => {
+    l[c] = (u) => {
+      const m = Kt(u) ? { content: u } : u;
+      return h({
+        ...m,
+        type: c
+      });
+    };
+  }), [l, i];
+}
+const be = [
+  "info",
+  "success",
+  "error",
+  "warning",
+  "loading",
+  "normal"
+];
+let A = {}, Nt, ft, Et, et, dt, ut;
+function At(n) {
+  const e = {
+    position: "top",
+    duration: Et,
+    ...n
+  }, { position: t, transitionClassNames: r, transitionTimeout: s } = e;
+  let i;
+  const { instance: o, pending: a } = A[t] || {};
+  if (o || a) {
+    const l = () => {
+      const { instance: c } = A[t] || {}, u = c.state.notices, m = u.find((b) => b.id === n.id), p = {
+        ...e,
+        update: m
+      };
+      u.length >= Nt ? m ? c.add({
+        ...p,
+        id: m.id
+      }) : (u.shift(), c.add(p)) : i = c.add(p);
+    };
+    o ? l() : a != null && a.then && a.then(() => {
+      l(), A[t].pending = null;
+    });
+  } else {
+    const l = document.createElement("div");
+    (et || document.body).appendChild(l), A[t] = {}, A[t].pending = new Promise((c) => {
+      $t(
+        /* @__PURE__ */ d(
+          M,
+          {
+            transitionClassNames: r,
+            transitionTimeout: s,
+            ref: (u) => {
+              A[t] || (A[t] = {}), A[t].instance = u, i = u.add(e), c(null);
+            }
+          }
+        ),
+        l
+      );
+    });
+  }
+  return () => {
+    var l, c;
+    (c = (l = A[t]) == null ? void 0 : l.instance) == null || c.remove(i);
+  };
+}
+class M extends wt {
+  constructor() {
+    super(...arguments);
+    g(this, "remove", (t) => {
+      const r = this.state.notices.find((s) => s.id === t);
+      r && this.update({
+        ...r,
+        style: { ...r.style, opacity: 0 }
+      }), setTimeout(() => {
+        super.remove(t);
+      }, 100);
+    });
+  }
+  render() {
+    const {
+      transitionClassNames: t,
+      transitionTimeout: r,
+      prefixCls: s,
+      rtl: i,
+      closable: o
+    } = this.props, { notices: a, position: h } = this.state, l = s || ft, c = F(i) ? dt : i, u = F(o) ? ut : o, m = l ? `${l}-message` : "pqb-message", p = {
+      enter: O(r == null ? void 0 : r.enter) ? r == null ? void 0 : r.enter : 100,
+      exit: O(r == null ? void 0 : r.exit) ? r == null ? void 0 : r.exit : 300
+    }, b = j(
+      `${m}-wrapper`,
+      `${m}-wrapper-${h}`
+    );
+    return /* @__PURE__ */ d("div", { className: b, children: /* @__PURE__ */ d(yt, { component: null, children: a.map((f) => /* @__PURE__ */ d(
+      vt,
+      {
+        timeout: p,
+        classNames: t || "fadeMessage",
+        onExit: (x) => {
+          x && (x.style.height = `${x.scrollHeight}px`);
+        },
+        onExiting: (x) => {
+          x && (x.style.height = 0);
+        },
+        onExited: (x) => {
+          var y;
+          x && (x.style.height = 0, (y = f.onClose) == null || y.call(f));
+        },
+        children: /* @__PURE__ */ d(
+          J,
+          {
+            ...f,
+            prefixCls: m,
+            classPrefixCls: l,
+            iconPrefix: l,
+            onClose: this.remove,
+            noticeType: "message",
+            rtl: c,
+            ...F(u) ? {} : { closable: u }
+          }
+        )
+      },
+      f.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", (t = {}) => {
+  var r;
+  O(t.maxCount) && (Nt = t.maxCount), t.prefixCls && (ft = t.prefixCls), O(t.duration) && (Et = t.duration), typeof t.rtl == "boolean" && (dt = t.rtl), typeof t.closable == "boolean" && (ut = t.closable), ((r = t.getContainer) == null ? void 0 : r.call(t)) !== et && (et = t.getContainer(), Object.values(A).forEach(
+    ({ instance: s }) => s == null ? void 0 : s.clear()
+  ), A = {});
+}), g(M, "clear", () => {
+  Object.values(A).forEach(({ instance: t }) => {
+    t == null || t.clear();
+  });
+}), g(M, "addInstance", At);
+be.forEach((n) => {
+  M[n] = (e) => At({
+    ...typeof e == "string" ? { content: e } : e,
+    type: n
+  });
+});
+M.useMessage = me;
+let Pt = {};
+function pe(n) {
+  Pt = {
+    ...n
+  };
+}
+function De() {
+  return Pt;
+}
+let nt = {
+  simple: !0
+};
+const Ue = (n) => {
+  nt = {
+    ...nt,
+    ...n
+  };
+}, We = () => nt, ze = [], Be = [];
+function xe(n = {}) {
+  const {
+    maxCount: e,
+    duration: t = 3e3,
+    prefixCls: r,
+    getContainer: s
+  } = n, i = st(), o = /* @__PURE__ */ d(Ht, { ref: i }), a = {};
+  let h;
+  function l(u) {
+    let m, p;
+    if (i.current) {
+      const $ = i.current.getContextConfig();
+      p = $.rtl, m = $.prefixCls;
+    }
+    const b = r || m;
+    let f = u.position;
+    F(u.position) && (f = p ? "topLeft" : "topRight");
+    const x = {
+      duration: t,
+      ...u
+    };
+    let y;
+    if (a[f]) {
+      const $ = a[f].state.notices;
+      $.length >= e ? (y = $[0].id, $.shift(), a[f].add({ ...x, id: y })) : y = a[f].add(x);
+    } else
+      h = /* @__PURE__ */ d(
+        T,
+        {
+          ref: ($) => {
+            a[f] = $, a[f] && (y = a[f].add(x));
+          },
+          prefixCls: b,
+          rtl: p,
+          getContainer: s
+        }
+      ), i.current.addInstance(h);
+    return a[f];
+  }
+  const c = {};
+  return ["info", "success", "warning", "error", "normal"].forEach((u) => {
+    c[u] = (m) => l({
+      ...m,
+      type: u
+    });
+  }), [c, o];
+}
+const Ce = ["info", "success", "error", "warning", "normal"];
+let S = {}, gt, mt, bt, Z, B;
+const N = class N extends wt {
+  constructor() {
+    super(...arguments);
+    g(this, "remove", (t) => {
+      const r = this.state.notices.find((s) => s.id === t);
+      r && this.update({
+        ...r,
+        style: { ...r.style, opacity: 0 }
+      }), setTimeout(() => {
+        super.remove(t);
+      }, 200);
+    });
+  }
+  render() {
+    const { notices: t } = this.state, { prefixCls: r, rtl: s, getContainer: i } = this.props;
+    let o = this.state.position;
+    const a = F(s) ? B : s;
+    F(o) && (o = a ? "topLeft" : "topRight");
+    const h = r || mt, l = h ? `${h}-notification` : "pqb-notification";
+    let c;
+    o === "topLeft" || o === "bottomLeft" ? c = "slideNoticeLeft" : c = "slideNoticeRight";
+    const u = j(
+      `${l}-wrapper`,
+      `${l}-wrapper-${o}`,
+      { [`${l}-wrapper-rtl`]: B }
+    ), m = i == null ? void 0 : i(), p = /* @__PURE__ */ d("div", { className: u, children: /* @__PURE__ */ d(yt, { component: null, children: t.map((b) => /* @__PURE__ */ d(
+      vt,
+      {
+        timeout: {
+          enter: 400,
+          exit: 300
+        },
+        classNames: c,
+        onExit: (f) => {
+          f && (f.style.height = `${f.scrollHeight}px`);
+        },
+        onExiting: (f) => {
+          f && (f.style.height = 0);
+        },
+        onExited: (f) => {
+          var x;
+          f && (f.style.height = 0, (x = b.onClose) == null || x.call(b));
+        },
+        children: /* @__PURE__ */ d(
+          J,
+          {
+            ...b,
+            onClose: this.remove,
+            prefixCls: l,
+            iconPrefix: h,
+            classPrefixCls: h,
+            noticeType: "notification",
+            rtl: a
+          }
+        )
+      },
+      b.id
+    )) }) });
+    return m ? Qt(p, m) : p;
+  }
+};
+g(N, "useNotification"), g(N, "success"), g(N, "info"), g(N, "warning"), g(N, "error"), g(N, "normal"), g(N, "config", (t = {}) => {
+  var r;
+  O(t.maxCount) && (gt = t.maxCount), t.prefixCls && (mt = t.prefixCls), O(t.duration) && (bt = t.duration), typeof t.rtl == "boolean" && (B = t.rtl), t.getContainer && ((r = t.getContainer) == null ? void 0 : r.call(t)) !== Z && (Z = t.getContainer(), Object.values(S).forEach(
+    ({ instance: s }) => s == null ? void 0 : s.clear()
+  ), S = {});
+}), g(N, "clear", () => {
+  Object.values(S).forEach(({ instance: t }) => {
+    t == null || t.clear();
+  });
+}), g(N, "remove", (t) => {
+  Object.values(S).forEach(({ instance: r }) => {
+    r == null || r.remove(t);
+  });
+}), g(N, "addInstance", (t) => {
+  let r = t.position;
+  F(t.position) && (r = B ? "topLeft" : "topRight");
+  const s = {
+    duration: bt,
+    ...t
+  }, { instance: i, pending: o } = S[r] || {};
+  if (i || o) {
+    const h = () => {
+      const { instance: l } = S[r] || {}, c = l.state.notices, u = c.find((p) => p.id === t.id), m = {
+        ...s,
+        update: u
+      };
+      return c.length >= gt ? u ? l.add({
+        ...m,
+        id: u.id
+      }) : (c.shift(), l.add(m)) : l.add({ ...m }), l;
+    };
+    return i ? h() : o != null && o.then && o.then(() => {
+      h(), S[r].pending = null;
+    }), i;
+  }
+  const a = document.createElement("div");
+  return (Z || document.body).appendChild(a), S[r] = {}, S[r].pending = new Promise((h) => {
+    $t(
+      /* @__PURE__ */ d(
+        N,
+        {
+          ref: (l) => (S[r] || (S[r] = {}), S[r].instance = l, l.add(s), h(null), l)
+        }
+      ),
+      a
+    );
+  }), S[r].instance;
+});
+let T = N;
+Ce.forEach((n) => {
+  T[n] = (e) => T.addInstance({
+    ...e,
+    type: n
+  });
+});
+T.useNotification = xe;
+const ye = {
+  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"
+  }
+}, ve = Rt, we = {};
+function K(n) {
+  const e = Ct(
+    n,
+    ve,
+    we
+  ), {
+    theme: t,
+    themeType: r,
+    prefixCls: s,
+    children: i,
+    locale: o,
+    rtl: a,
+    effectGlobalNotice: h = !0,
+    effectGlobalModal: l = !0
+  } = e, c = window.document.body;
+  D(() => {
+    Gt(t) && Object.entries(ye).forEach(([b, f], x, y) => {
+      let $ = t == null ? void 0 : t[b];
+      if ($) {
+        let v = new C($);
+        c.style.setProperty(f.default, v.lighten(0).toRgbArrayString()), t != null && t[`${b}Hover`] || c.style.setProperty(f.hover, v.lighten(10).toRgbArrayString()), t != null && t[`${b}Active`] || c.style.setProperty(f.active, v.lighten(-10).toRgbArrayString());
+      }
+    });
+  }, [t]), D(() => {
+    r && (r === "dark" ? c.setAttribute("pqb-theme", "dark") : c.removeAttribute("pqb-theme"));
+  }, [r]), D(() => {
+    h && (M.config({ prefixCls: s, rtl: a }), T.config({ prefixCls: s, rtl: a }));
+  }, [s, a, h]);
+  function u(b, f) {
+    return `${f || s}-${b}`;
+  }
+  const m = {
+    ...Xt(e, ["children"]),
+    getPrefixCls: u
+  };
+  D(() => {
+    l && pe({ locale: o, prefixCls: s, rtl: a });
+  }, [o, s, a, l]);
+  let p = i;
+  return s && s !== "pqb" && (p = /* @__PURE__ */ d(_.Provider, { value: { prefixCls: s }, children: i })), /* @__PURE__ */ d(q.Provider, { value: m, children: p });
+}
+K.ConfigContext = q;
+K.displayName = "ConfigProvider";
+const Ve = q.Consumer;
+function It(n, e) {
+  const t = rt(q), [r, s] = Lt([]);
+  function i(h) {
+    s((l) => [...l, h]);
+  }
+  function o(h) {
+    s(
+      (l) => l.filter((c) => h !== c)
+    );
+  }
+  function a() {
+    return t;
+  }
+  return xt(e, () => ({
+    addInstance: i,
+    removeInstance: o,
+    getContextConfig: a
+  })), G.Children.map(
+    r,
+    (h, l) => G.cloneElement(h, { key: l })
+  );
+}
+It.displayName = "ContextHolderElement";
+const Ht = pt(It);
+export {
+  ot as $,
+  Ht as C,
+  de as E,
+  lt as F,
+  re as G,
+  at as H,
+  ht as I,
+  Le as J,
+  M,
+  kt as N,
+  ee as O,
+  se as T,
+  oe as U,
+  ne as W,
+  K as a,
+  Ve as b,
+  ye as c,
+  q as d,
+  R as e,
+  C as f,
+  T as g,
+  ze as h,
+  De as i,
+  We as j,
+  Be as k,
+  J as l,
+  Ue as s,
+  X as y
+};