@unicom-cloud/ui 0.8.66 → 0.8.68

package/chunk/-zpSUpGE.js

@@ -1,1501 +0,0 @@
-var Ft = Object.defineProperty;
-var Tt = (r, e, t) => e in r ? Ft(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
-var g = (r, e, t) => Tt(r, typeof e != "symbol" ? e + "" : e, t);
-import G, { forwardRef as bt, useContext as nt, 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 _ from "@unicom-cloud/icons/context";
-import Dt from "lodash/isPlainObject";
-import { useMergeProps as Ct } from "../hooks/useMergeProps.js";
-import { _ as yt, P as vt } from "./CLBavO5c.js";
-import O from "lodash/isNumber";
-import F from "lodash/isUndefined";
-import Ut from "@unicom-cloud/icons/IconUiCheckCircleFill";
-import it from "@unicom-cloud/icons/IconUiClose";
-import Wt from "@unicom-cloud/icons/IconUiCloseCircleFill";
-import zt from "@unicom-cloud/icons/IconUiExclamationCircleFill";
-import Bt from "@unicom-cloud/icons/IconUiInfoCircleFill";
-import Vt from "@unicom-cloud/icons/IconUiLoading";
-import Gt from "@unicom-cloud/icons/IconUiEmpty";
-import { y as j } from "./BAWsPQBM.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 = (r, e, t) => e in r ? Yt(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, I = (r, e, t) => Zt(r, typeof e != "symbol" ? e + "" : e, t);
-function w(r, e) {
-  _t(r) && (r = "100%");
-  const t = te(r);
-  return r = e === 360 ? r : Math.min(e, Math.max(0, parseFloat(r))), t && (r = parseInt(String(r * e), 10) / 100), Math.abs(r - e) < 1e-6 ? 1 : (e === 360 ? r = (r < 0 ? r % e + e : r % e) / parseFloat(String(e)) : r = r % e / parseFloat(String(e)), r);
-}
-function U(r) {
-  return Math.min(1, Math.max(0, r));
-}
-function _t(r) {
-  return typeof r == "string" && r.indexOf(".") !== -1 && parseFloat(r) === 1;
-}
-function te(r) {
-  return typeof r == "string" && r.indexOf("%") !== -1;
-}
-function Mt(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 P(r) {
-  return r.length === 1 ? "0" + r : String(r);
-}
-function ee(r, e, t) {
-  return {
-    r: w(r, 255) * 255,
-    g: w(e, 255) * 255,
-    b: w(t, 255) * 255
-  };
-}
-function ot(r, e, t) {
-  r = w(r, 255), e = w(e, 255), t = w(t, 255);
-  const n = Math.max(r, e, t), s = Math.min(r, e, t);
-  let i = 0, o = 0;
-  const a = (n + s) / 2;
-  if (n === s)
-    o = 0, i = 0;
-  else {
-    const f = n - s;
-    switch (o = a > 0.5 ? f / (2 - n - s) : f / (n + s), n) {
-      case r:
-        i = (e - t) / f + (e < t ? 6 : 0);
-        break;
-      case e:
-        i = (t - r) / f + 2;
-        break;
-      case t:
-        i = (r - e) / f + 4;
-        break;
-    }
-    i /= 6;
-  }
-  return { h: i, s: o, l: a };
-}
-function Q(r, e, t) {
-  return t < 0 && (t += 1), t > 1 && (t -= 1), t < 1 / 6 ? r + (e - r) * (6 * t) : t < 1 / 2 ? e : t < 2 / 3 ? r + (e - r) * (2 / 3 - t) * 6 : r;
-}
-function re(r, e, t) {
-  let n, s, i;
-  if (r = w(r, 360), e = w(e, 100), t = w(t, 100), e === 0)
-    s = t, i = t, n = t;
-  else {
-    const o = t < 0.5 ? t * (1 + e) : t + e - t * e, a = 2 * t - o;
-    n = Q(a, o, r + 1 / 3), s = Q(a, o, r), i = Q(a, o, r - 1 / 3);
-  }
-  return { r: n * 255, g: s * 255, b: i * 255 };
-}
-function X(r, e, t) {
-  r = w(r, 255), e = w(e, 255), t = w(t, 255);
-  const n = Math.max(r, e, t), s = Math.min(r, e, t);
-  let i = 0;
-  const o = n, a = n - s, f = n === 0 ? 0 : a / n;
-  if (n === s)
-    i = 0;
-  else {
-    switch (n) {
-      case r:
-        i = (e - t) / a + (e < t ? 6 : 0);
-        break;
-      case e:
-        i = (t - r) / a + 2;
-        break;
-      case t:
-        i = (r - e) / a + 4;
-        break;
-    }
-    i /= 6;
-  }
-  return { h: i, s: f, v: o };
-}
-function ne(r, e, t) {
-  r = w(r, 360) * 6, e = w(e, 100), t = w(t, 100);
-  const n = Math.floor(r), s = r - n, i = t * (1 - e), o = t * (1 - s * e), a = t * (1 - (1 - s) * e), f = n % 6, l = [t, o, i, i, a, t][f], c = [a, t, t, o, i, i][f], u = [i, i, a, t, t, o][f];
-  return { r: l * 255, g: c * 255, b: u * 255 };
-}
-function at(r, e, t, n) {
-  const s = [
-    P(Math.round(r).toString(16)),
-    P(Math.round(e).toString(16)),
-    P(Math.round(t).toString(16))
-  ];
-  return n && 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(r, e, t, n, s) {
-  const i = [
-    P(Math.round(r).toString(16)),
-    P(Math.round(e).toString(16)),
-    P(Math.round(t).toString(16)),
-    P(kt(n))
-  ];
-  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 Ge(r, e, t, n) {
-  return [
-    P(kt(n)),
-    P(Math.round(r).toString(16)),
-    P(Math.round(e).toString(16)),
-    P(Math.round(t).toString(16))
-  ].join("");
-}
-function ie(r, e, t, n) {
-  const s = r / 100, i = e / 100, o = t / 100, a = n / 100, f = 255 * (1 - s) * (1 - a), l = 255 * (1 - i) * (1 - a), c = 255 * (1 - o) * (1 - a);
-  return { r: f, g: l, b: c };
-}
-function ct(r, e, t) {
-  let n = 1 - r / 255, s = 1 - e / 255, i = 1 - t / 255, o = Math.min(n, s, i);
-  return o === 1 ? (n = 0, s = 0, i = 0) : (n = (n - o) / (1 - o) * 100, s = (s - o) / (1 - o) * 100, i = (i - o) / (1 - o) * 100), o *= 100, {
-    c: Math.round(n),
-    m: Math.round(s),
-    y: Math.round(i),
-    k: Math.round(o)
-  };
-}
-function kt(r) {
-  return Math.round(parseFloat(r) * 255).toString(16);
-}
-function lt(r) {
-  return R(r) / 255;
-}
-function R(r) {
-  return parseInt(r, 16);
-}
-function oe(r) {
-  return {
-    r: r >> 16,
-    g: (r & 65280) >> 8,
-    b: r & 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(r) {
-  let e = { r: 0, g: 0, b: 0 }, t = 1, n = null, s = null, i = null, o = !1, a = !1;
-  return typeof r == "string" && (r = he(r)), typeof r == "object" && (k(r.r) && k(r.g) && k(r.b) ? (e = ee(r.r, r.g, r.b), o = !0, a = String(r.r).slice(-1) === "%" ? "prgb" : "rgb") : k(r.h) && k(r.s) && k(r.v) ? (n = W(r.s), s = W(r.v), e = ne(r.h, n, s), o = !0, a = "hsv") : k(r.h) && k(r.s) && k(r.l) ? (n = W(r.s), i = W(r.l), e = re(r.h, n, i), o = !0, a = "hsl") : k(r.c) && k(r.m) && k(r.y) && k(r.k) && (e = ie(r.c, r.m, r.y, r.k), o = !0, a = "cmyk"), Object.prototype.hasOwnProperty.call(r, "a") && (t = r.a)), t = Mt(t), {
-    ok: o,
-    format: r.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(r) {
-  if (r = r.trim().toLowerCase(), r.length === 0)
-    return !1;
-  let e = !1;
-  if (tt[r])
-    r = tt[r], e = !0;
-  else if (r === "transparent")
-    return { r: 0, g: 0, b: 0, a: 0, format: "name" };
-  let t = E.rgb.exec(r);
-  return t ? { r: t[1], g: t[2], b: t[3] } : (t = E.rgba.exec(r), t ? { r: t[1], g: t[2], b: t[3], a: t[4] } : (t = E.hsl.exec(r), t ? { h: t[1], s: t[2], l: t[3] } : (t = E.hsla.exec(r), t ? { h: t[1], s: t[2], l: t[3], a: t[4] } : (t = E.hsv.exec(r), t ? { h: t[1], s: t[2], v: t[3] } : (t = E.hsva.exec(r), t ? { h: t[1], s: t[2], v: t[3], a: t[4] } : (t = E.cmyk.exec(r), t ? {
-    c: t[1],
-    m: t[2],
-    y: t[3],
-    k: t[4]
-  } : (t = E.hex8.exec(r), 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(r), t ? {
-    r: R(t[1]),
-    g: R(t[2]),
-    b: R(t[3]),
-    format: e ? "name" : "hex"
-  } : (t = E.hex4.exec(r), 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(r), 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(r) {
-  return typeof r == "number" ? !Number.isNaN(r) : E.CSS_UNIT.test(r);
-}
-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 n = ae(e);
-    this.originalInput = e, this.r = n.r, this.g = n.g, this.b = n.b, this.a = n.a, this.roundA = Math.round(100 * this.a) / 100, this.format = t.format ?? n.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 = n.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, n, 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 ? n = o / 12.92 : n = 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 * n + 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), n = Math.round(e.s * 100), s = Math.round(e.v * 100);
-    return this.a === 1 ? `hsv(${t}, ${n}%, ${s}%)` : `hsva(${t}, ${n}%, ${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), n = Math.round(e.s * 100), s = Math.round(e.l * 100);
-    return this.a === 1 ? `hsl(${t}, ${n}%, ${s}%)` : `hsla(${t}, ${n}%, ${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), n = Math.round(this.b);
-    return this.a === 1 ? `rgb(${e}, ${t}, ${n})` : `rgba(${e}, ${t}, ${n}, ${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: n, k: s } = ct(this.r, this.g, this.b);
-    return `cmyk(${e}, ${t}, ${n}, ${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, n] of Object.entries(tt))
-      if (e === n)
-        return t;
-    return !1;
-  }
-  toString(e) {
-    const t = !!e;
-    e = e ?? this.format;
-    let n = !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" && (n = this.toRgbString()), e === "prgb" && (n = this.toPercentageRgbString()), (e === "hex" || e === "hex6") && (n = this.toHexString()), e === "hex3" && (n = this.toHexString(!0)), e === "hex4" && (n = this.toHex8String(!0)), e === "hex8" && (n = this.toHex8String()), e === "name" && (n = this.toName()), e === "hsl" && (n = this.toHslString()), e === "hsv" && (n = this.toHsvString()), e === "cmyk" && (n = this.toCmykString()), n || 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(), n = (t.h + e) % 360;
-    return t.h = n < 0 ? 360 + n : n, 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 n = this.toRgb(), s = new C(e).toRgb(), i = t / 100, o = {
-      r: (s.r - n.r) * i + n.r,
-      g: (s.g - n.g) * i + n.g,
-      b: (s.b - n.b) * i + n.b,
-      a: (s.a - n.a) * i + n.a
-    };
-    return new C(o);
-  }
-  analogous(e = 6, t = 30) {
-    const n = this.toHsl(), s = 360 / t, i = [this];
-    for (n.h = (n.h - (s * e >> 1) + 720) % 360; --e; )
-      n.h = (n.h + s) % 360, i.push(new C(n));
-    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: n } = t, { s } = t;
-    let { v: i } = t;
-    const o = [], a = 1 / e;
-    for (; e--; )
-      o.push(new C({ h: n, 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(), n = new C(e).toRgb(), s = t.a + n.a * (1 - t.a);
-    return new C({
-      r: (t.r * t.a + n.r * n.a * (1 - t.a)) / s,
-      g: (t.g * t.a + n.g * n.a * (1 - t.a)) / s,
-      b: (t.b * t.a + n.b * n.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: n } = t, s = [this], i = 360 / e;
-    for (let o = 1; o < e; o++)
-      s.push(
-        new C({ h: (n + 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(r, e) {
-  const {
-    getPrefixCls: t,
-    locale: n,
-    componentConfig: s
-  } = nt(q), i = Ct(
-    r,
-    {},
-    s == null ? void 0 : s.Empty
-  ), { style: o, className: a, description: f, icon: l, imgSrc: c, ...u } = i, m = t("empty"), b = j(m, a), p = n.Empty.noData, h = typeof f == "string" ? f : "empty";
-  return /* @__PURE__ */ d("div", { ref: e, className: b, style: o, ...u, children: /* @__PURE__ */ V("div", { className: `${m}-wrapper`, children: [
-    /* @__PURE__ */ d("div", { className: `${m}-image`, children: c ? /* @__PURE__ */ d("img", { alt: h, src: c }) : l || /* @__PURE__ */ d(Gt, {}) }),
-    /* @__PURE__ */ d("div", { className: `${m}-description`, children: f || p })
-  ] }) });
-}
-const St = bt(fe);
-St.displayName = "Empty";
-const de = G.memo(St);
-function ue(r) {
-  switch (r) {
-    default:
-      return /* @__PURE__ */ d(de, {});
-  }
-}
-const Rt = {
-  locale: Jt,
-  prefixCls: "pqb",
-  getPopupContainer: () => document.body,
-  size: "default",
-  renderEmpty: ue
-}, q = qt({
-  getPrefixCls: (r, e) => `${e || "pqb"}-${r}`,
-  ...Rt
-});
-function ge(r, e) {
-  const {
-    children: t,
-    className: n,
-    disabled: s,
-    prefix: i,
-    size: o = "default",
-    ...a
-  } = r, { getPrefixCls: f } = nt(q), l = f("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
-        },
-        n
-      ),
-      onClick: r.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: n, id: s } = this.props;
-      t !== 0 && (this.timer = window.setTimeout(() => {
-        n == null || n(s), this.removeTimer();
-      }, t));
-    });
-    g(this, "removeTimer", () => {
-      this.timer && (window.clearTimeout(this.timer), this.timer = null);
-    });
-    g(this, "onClose", () => {
-      var t, n;
-      (n = (t = this.props).onClose) == null || n.call(t, this.props.id);
-    });
-    g(this, "renderIcon", () => {
-      const { showIcon: t, icon: n, type: s, prefixCls: i, iconPrefix: o } = this.props;
-      let a;
-      if (n)
-        a = n;
-      else if (t) {
-        switch (s) {
-          case "info":
-            a = /* @__PURE__ */ d(Bt, {});
-            break;
-          case "success":
-            a = /* @__PURE__ */ d(Ut, {});
-            break;
-          case "error":
-            a = /* @__PURE__ */ d(Wt, {});
-            break;
-          case "warning":
-            a = /* @__PURE__ */ d(zt, {});
-            break;
-          case "loading":
-            a = /* @__PURE__ */ d(Vt, {});
-            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: n,
-      showIcon: s,
-      className: i,
-      style: o,
-      type: a,
-      btn: f,
-      icon: l,
-      prefixCls: c,
-      closable: u,
-      noticeType: m,
-      iconPrefix: b,
-      rtl: p,
-      closeIcon: h,
-      classPrefixCls: x
-    } = this.props, y = j(
-      c,
-      `${c}-${a}`,
-      {
-        [`${c}-closable`]: u,
-        [`${c}-rtl`]: p
-      },
-      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: n }),
-            $ && (h !== void 0 ? /* @__PURE__ */ d(
-              "span",
-              {
-                onClick: this.onClose,
-                className: `${c}-close-btn`,
-                children: h
-              }
-            ) : /* @__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: n }),
-              f && /* @__PURE__ */ d("div", { className: `${c}-btn-wrapper`, children: f })
-            ] }),
-            $ && (h !== void 0 ? /* @__PURE__ */ d(
-              "span",
-              {
-                onClick: this.onClose,
-                className: `${c}-close-btn`,
-                children: h
-              }
-            ) : /* @__PURE__ */ d(
-              ht,
-              {
-                prefix: c,
-                className: `${c}-close-btn`,
-                onClick: this.onClose,
-                children: /* @__PURE__ */ d(
-                  _.Provider,
-                  {
-                    value: b ? { prefixCls: b } : {},
-                    children: /* @__PURE__ */ d(it, {})
-                  }
-                )
-              }
-            ))
-          ] })
-        }
-      ) });
-  }
-}
-g(J, "defaultProps", {
-  type: "info",
-  showIcon: !0,
-  noticeType: "message",
-  duration: 3e3
-}), g(J, "contextType", q);
-function me(r = {}) {
-  const { maxCount: e, duration: t = 3e3, prefixCls: n } = r, s = st(), i = /* @__PURE__ */ d(Ht, { ref: s }), o = {};
-  let a;
-  function f(c) {
-    let u, m;
-    if (s.current) {
-      const v = s.current.getContextConfig();
-      m = v.rtl, u = v.prefixCls;
-    }
-    const b = n || u, p = {
-      position: "top",
-      duration: t,
-      ...c
-    }, { position: h, transitionClassNames: x } = p;
-    let y;
-    if (o[h]) {
-      const v = o[h].state.notices;
-      v.length >= e ? (y = v[0].id, v.shift(), o[h].add({ ...p, id: y })) : y = o[h].add(p);
-    } else
-      a = /* @__PURE__ */ d(
-        M,
-        {
-          transitionClassNames: x,
-          ref: (v) => {
-            o[h] = v, o[h] && (y = o[h].add(p));
-          },
-          prefixCls: b,
-          rtl: m
-        }
-      ), s.current.addInstance(a);
-    return () => {
-      o[h] && o[h].remove(y);
-    };
-  }
-  const l = {};
-  return ["info", "success", "warning", "error", "normal"].forEach((c) => {
-    l[c] = (u) => {
-      const m = Kt(u) ? { content: u } : u;
-      return f({
-        ...m,
-        type: c
-      });
-    };
-  }), [l, i];
-}
-const pe = [
-  "info",
-  "success",
-  "error",
-  "warning",
-  "loading",
-  "normal"
-];
-let A = {}, Nt, ft, Et, et, dt, ut;
-function At(r) {
-  const e = {
-    position: "top",
-    duration: Et,
-    ...r
-  }, { position: t, transitionClassNames: n, 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((p) => p.id === r.id), b = {
-        ...e,
-        update: m
-      };
-      u.length >= Nt ? m ? c.add({
-        ...b,
-        id: m.id
-      }) : (u.shift(), c.add(b)) : i = c.add(b);
-    };
-    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: n,
-            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 n = this.state.notices.find((s) => s.id === t);
-      n && this.update({
-        ...n,
-        style: { ...n.style, opacity: 0 }
-      }), setTimeout(() => {
-        super.remove(t);
-      }, 100);
-    });
-  }
-  render() {
-    const {
-      transitionClassNames: t,
-      transitionTimeout: n,
-      prefixCls: s,
-      rtl: i,
-      closable: o
-    } = this.props, { notices: a, position: f } = this.state, l = s || ft, c = F(i) ? dt : i, u = F(o) ? ut : o, m = l ? `${l}-message` : "pqb-message", b = {
-      enter: O(n == null ? void 0 : n.enter) ? n == null ? void 0 : n.enter : 100,
-      exit: O(n == null ? void 0 : n.exit) ? n == null ? void 0 : n.exit : 300
-    }, p = j(
-      `${m}-wrapper`,
-      `${m}-wrapper-${f}`
-    );
-    return /* @__PURE__ */ d("div", { className: p, children: /* @__PURE__ */ d(yt, { component: null, children: a.map((h) => /* @__PURE__ */ d(
-      vt,
-      {
-        timeout: b,
-        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 = h.onClose) == null || y.call(h));
-        },
-        children: /* @__PURE__ */ d(
-          J,
-          {
-            ...h,
-            prefixCls: m,
-            classPrefixCls: l,
-            iconPrefix: l,
-            onClose: this.remove,
-            noticeType: "message",
-            rtl: c,
-            ...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", (t = {}) => {
-  var n;
-  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), ((n = t.getContainer) == null ? void 0 : n.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);
-pe.forEach((r) => {
-  M[r] = (e) => At({
-    ...typeof e == "string" ? { content: e } : e,
-    type: r
-  });
-});
-M.useMessage = me;
-let Pt = {};
-function be(r) {
-  Pt = {
-    ...r
-  };
-}
-function Je() {
-  return Pt;
-}
-let rt = {
-  simple: !0
-};
-const Ke = (r) => {
-  rt = {
-    ...rt,
-    ...r
-  };
-}, Qe = () => rt, Xe = [], Ye = [];
-function xe(r = {}) {
-  const {
-    maxCount: e,
-    duration: t = 3e3,
-    prefixCls: n,
-    getContainer: s
-  } = r, i = st(), o = /* @__PURE__ */ d(Ht, { ref: i }), a = {};
-  let f;
-  function l(u) {
-    let m, b;
-    if (i.current) {
-      const $ = i.current.getContextConfig();
-      b = $.rtl, m = $.prefixCls;
-    }
-    const p = n || m;
-    let h = u.position;
-    F(u.position) && (h = b ? "topLeft" : "topRight");
-    const x = {
-      duration: t,
-      ...u
-    };
-    let y;
-    if (a[h]) {
-      const $ = a[h].state.notices;
-      $.length >= e ? (y = $[0].id, $.shift(), a[h].add({ ...x, id: y })) : y = a[h].add(x);
-    } else
-      f = /* @__PURE__ */ d(
-        T,
-        {
-          ref: ($) => {
-            a[h] = $, a[h] && (y = a[h].add(x));
-          },
-          prefixCls: p,
-          rtl: b,
-          getContainer: s
-        }
-      ), i.current.addInstance(f);
-    return a[h];
-  }
-  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, pt, Z, B;
-const N = class N extends wt {
-  constructor() {
-    super(...arguments);
-    g(this, "remove", (t) => {
-      const n = this.state.notices.find((s) => s.id === t);
-      n && this.update({
-        ...n,
-        style: { ...n.style, opacity: 0 }
-      }), setTimeout(() => {
-        super.remove(t);
-      }, 200);
-    });
-  }
-  render() {
-    const { notices: t } = this.state, { prefixCls: n, rtl: s, getContainer: i } = this.props;
-    let o = this.state.position;
-    const a = F(s) ? B : s;
-    F(o) && (o = a ? "topLeft" : "topRight");
-    const f = n || mt, l = f ? `${f}-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(), b = /* @__PURE__ */ d("div", { className: u, children: /* @__PURE__ */ d(yt, { component: null, children: t.map((p) => /* @__PURE__ */ d(
-      vt,
-      {
-        timeout: {
-          enter: 400,
-          exit: 300
-        },
-        classNames: c,
-        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(
-          J,
-          {
-            ...p,
-            onClose: this.remove,
-            prefixCls: l,
-            iconPrefix: f,
-            classPrefixCls: f,
-            noticeType: "notification",
-            rtl: a
-          }
-        )
-      },
-      p.id
-    )) }) });
-    return m ? Qt(b, m) : b;
-  }
-};
-g(N, "useNotification"), g(N, "success"), g(N, "info"), g(N, "warning"), g(N, "error"), g(N, "normal"), g(N, "config", (t = {}) => {
-  var n;
-  O(t.maxCount) && (gt = t.maxCount), t.prefixCls && (mt = t.prefixCls), O(t.duration) && (pt = t.duration), typeof t.rtl == "boolean" && (B = t.rtl), t.getContainer && ((n = t.getContainer) == null ? void 0 : n.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: n }) => {
-    n == null || n.remove(t);
-  });
-}), g(N, "addInstance", (t) => {
-  let n = t.position;
-  F(t.position) && (n = B ? "topLeft" : "topRight");
-  const s = {
-    duration: pt,
-    ...t
-  }, { instance: i, pending: o } = S[n] || {};
-  if (i || o) {
-    const f = () => {
-      const { instance: l } = S[n] || {}, c = l.state.notices, u = c.find((b) => b.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 ? f() : o != null && o.then && o.then(() => {
-      f(), S[n].pending = null;
-    }), i;
-  }
-  const a = document.createElement("div");
-  return (Z || document.body).appendChild(a), S[n] = {}, S[n].pending = new Promise((f) => {
-    $t(
-      /* @__PURE__ */ d(
-        N,
-        {
-          ref: (l) => (S[n] || (S[n] = {}), S[n].instance = l, l.add(s), f(null), l)
-        }
-      ),
-      a
-    );
-  }), S[n].instance;
-});
-let T = N;
-Ce.forEach((r) => {
-  T[r] = (e) => T.addInstance({
-    ...e,
-    type: r
-  });
-});
-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(r) {
-  const e = Ct(
-    r,
-    ve,
-    we
-  ), {
-    theme: t,
-    themeMode: n,
-    prefixCls: s,
-    children: i,
-    locale: o,
-    rtl: a,
-    effectGlobalNotice: f = !0,
-    effectGlobalModal: l = !0
-  } = e, c = window.document.body;
-  D(() => {
-    t && Dt(t) && Object.entries(ye).forEach(([p, h], x, y) => {
-      const $ = t[p];
-      if (!$) return;
-      const v = new C($);
-      c.style.setProperty(h.default, v.lighten(0).toRgbArrayString()), t[`${p}Hover`] || c.style.setProperty(h.hover, v.lighten(10).toRgbArrayString()), t[`${p}Active`] || c.style.setProperty(h.active, v.lighten(-10).toRgbArrayString());
-    });
-  }, [t]), D(() => {
-    const p = ["pqb-theme"];
-    return n ? p.forEach((h) => {
-      c.setAttribute(h, n);
-    }) : p.forEach((h) => {
-      c.removeAttribute(h);
-    }), () => {
-    };
-  }, [n]), D(() => {
-    f && (M.config({ prefixCls: s, rtl: a }), T.config({ prefixCls: s, rtl: a }));
-  }, [s, a, f]);
-  function u(p, h) {
-    return `${h || s}-${p}`;
-  }
-  const m = {
-    ...Xt(e, ["children"]),
-    getPrefixCls: u
-  };
-  D(() => {
-    l && be({ locale: o, prefixCls: s, rtl: a });
-  }, [o, s, a, l]);
-  let b = i;
-  return s && s !== "pqb" && (b = /* @__PURE__ */ d(_.Provider, { value: { prefixCls: s }, children: i })), /* @__PURE__ */ d(q.Provider, { value: m, children: b });
-}
-K.ConfigContext = q;
-K.displayName = "ConfigProvider";
-const Ze = q.Consumer;
-function It(r, e) {
-  const t = nt(q), [n, s] = Lt([]);
-  function i(f) {
-    s((l) => [...l, f]);
-  }
-  function o(f) {
-    s(
-      (l) => l.filter((c) => f !== c)
-    );
-  }
-  function a() {
-    return t;
-  }
-  return xt(e, () => ({
-    addInstance: i,
-    removeInstance: o,
-    getContextConfig: a
-  })), G.Children.map(
-    n,
-    (f, l) => G.cloneElement(f, { key: l })
-  );
-}
-It.displayName = "ContextHolderElement";
-const Ht = bt(It);
-export {
-  ot as $,
-  Ht as C,
-  de as E,
-  lt as F,
-  ne as G,
-  at as H,
-  ht as I,
-  Ge as J,
-  M,
-  kt as N,
-  ee as O,
-  se as T,
-  oe as U,
-  re as W,
-  K as a,
-  Ze as b,
-  ye as c,
-  q as d,
-  R as e,
-  C as f,
-  T as g,
-  xe as h,
-  Xe as i,
-  Je as j,
-  Qe as k,
-  Ye as l,
-  J as m,
-  Ke as s,
-  me as u,
-  X as y
-};