@unicom-cloud/ui 0.8.65 → 0.8.67

package/chunk/BJQ5UNa-.js

@@ -0,0 +1,1585 @@
+import et, { forwardRef as nt, useContext as G, createContext as se, useRef as j, useImperativeHandle as rt, useEffect as E, useState as Ft } from "react";
+import { jsx as f, jsxs as tt, Fragment as Nt } from "react/jsx-runtime";
+import ut from "@unicom-cloud/icons/context";
+import ce from "lodash/isPlainObject";
+import { c as xt } from "./B5gK1Idp.js";
+import { _ as qt, N as Ut } from "./DC1iHEiy.js";
+import V from "lodash/isNumber";
+import B from "lodash/isUndefined";
+import { createRoot as jt } from "react-dom/client";
+import le from "@unicom-cloud/icons/IconUiCheckCircleFill";
+import St from "@unicom-cloud/icons/IconUiClose";
+import fe from "@unicom-cloud/icons/IconUiCloseCircleFill";
+import he from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import ue from "@unicom-cloud/icons/IconUiInfoCircleFill";
+import de from "@unicom-cloud/icons/IconUiLoading";
+import ge from "@unicom-cloud/icons/IconUiEmpty";
+import { m as K } from "./JPPo5nY_.js";
+import me from "../locale/zh-CN.js";
+import "lodash/isEqualWith";
+import "./CkNSv2U7.js";
+import "./CSC_V_25.js";
+import "lodash/merge";
+import "../utils/dom.js";
+import "./HrAP__Hi.js";
+import { createPortal as be } from "react-dom";
+import "./Ce1j9KTi.js";
+import "lodash/debounce";
+import xe from "lodash/isString";
+import { c as pe } from "./BdUcgWdu.js";
+var ye = Object.defineProperty, Ce = (t, n, e) => n in t ? ye(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e, P = (t, n, e) => Ce(t, typeof n != "symbol" ? n + "" : n, e);
+function w(t, n) {
+  ve(t) && (t = "100%");
+  const e = $e(t);
+  return t = n === 360 ? t : Math.min(n, Math.max(0, parseFloat(t))), e && (t = parseInt(String(t * n), 10) / 100), Math.abs(t - n) < 1e-6 ? 1 : (n === 360 ? t = (t < 0 ? t % n + n : t % n) / parseFloat(String(n)) : t = t % n / parseFloat(String(n)), t);
+}
+function Y(t) {
+  return Math.min(1, Math.max(0, t));
+}
+function ve(t) {
+  return typeof t == "string" && t.indexOf(".") !== -1 && parseFloat(t) === 1;
+}
+function $e(t) {
+  return typeof t == "string" && t.indexOf("%") !== -1;
+}
+function Ot(t) {
+  return t = parseFloat(t), (isNaN(t) || t < 0 || t > 1) && (t = 1), t;
+}
+function Z(t) {
+  return Number(t) <= 1 ? `${Number(t) * 100}%` : t;
+}
+function I(t) {
+  return t.length === 1 ? "0" + t : String(t);
+}
+function we(t, n, e) {
+  return {
+    r: w(t, 255) * 255,
+    g: w(n, 255) * 255,
+    b: w(e, 255) * 255
+  };
+}
+function Rt(t, n, e) {
+  t = w(t, 255), n = w(n, 255), e = w(e, 255);
+  const r = Math.max(t, n, e), o = Math.min(t, n, e);
+  let i = 0, a = 0;
+  const s = (r + o) / 2;
+  if (r === o)
+    a = 0, i = 0;
+  else {
+    const c = r - o;
+    switch (a = s > 0.5 ? c / (2 - r - o) : c / (r + o), r) {
+      case t:
+        i = (n - e) / c + (n < e ? 6 : 0);
+        break;
+      case n:
+        i = (e - t) / c + 2;
+        break;
+      case e:
+        i = (t - n) / c + 4;
+        break;
+    }
+    i /= 6;
+  }
+  return { h: i, s: a, l: s };
+}
+function ct(t, n, e) {
+  return e < 0 && (e += 1), e > 1 && (e -= 1), e < 1 / 6 ? t + (n - t) * (6 * e) : e < 1 / 2 ? n : e < 2 / 3 ? t + (n - t) * (2 / 3 - e) * 6 : t;
+}
+function ke(t, n, e) {
+  let r, o, i;
+  if (t = w(t, 360), n = w(n, 100), e = w(e, 100), n === 0)
+    o = e, i = e, r = e;
+  else {
+    const a = e < 0.5 ? e * (1 + n) : e + n - e * n, s = 2 * e - a;
+    r = ct(s, a, t + 1 / 3), o = ct(s, a, t), i = ct(s, a, t - 1 / 3);
+  }
+  return { r: r * 255, g: o * 255, b: i * 255 };
+}
+function lt(t, n, e) {
+  t = w(t, 255), n = w(n, 255), e = w(e, 255);
+  const r = Math.max(t, n, e), o = Math.min(t, n, e);
+  let i = 0;
+  const a = r, s = r - o, c = r === 0 ? 0 : s / r;
+  if (r === o)
+    i = 0;
+  else {
+    switch (r) {
+      case t:
+        i = (n - e) / s + (n < e ? 6 : 0);
+        break;
+      case n:
+        i = (e - t) / s + 2;
+        break;
+      case e:
+        i = (t - n) / s + 4;
+        break;
+    }
+    i /= 6;
+  }
+  return { h: i, s: c, v: a };
+}
+function Me(t, n, e) {
+  t = w(t, 360) * 6, n = w(n, 100), e = w(e, 100);
+  const r = Math.floor(t), o = t - r, i = e * (1 - n), a = e * (1 - o * n), s = e * (1 - (1 - o) * n), c = r % 6, h = [e, a, i, i, s, e][c], d = [s, e, e, a, i, i][c], u = [i, i, s, e, e, a][c];
+  return { r: h * 255, g: d * 255, b: u * 255 };
+}
+function Et(t, n, e, r) {
+  const o = [
+    I(Math.round(t).toString(16)),
+    I(Math.round(n).toString(16)),
+    I(Math.round(e).toString(16))
+  ];
+  return r && o[0].startsWith(o[0].charAt(1)) && o[1].startsWith(o[1].charAt(1)) && o[2].startsWith(o[2].charAt(1)) ? o[0].charAt(0) + o[1].charAt(0) + o[2].charAt(0) : o.join("");
+}
+function Ne(t, n, e, r, o) {
+  const i = [
+    I(Math.round(t).toString(16)),
+    I(Math.round(n).toString(16)),
+    I(Math.round(e).toString(16)),
+    I(Dt(r))
+  ];
+  return o && 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 Rn(t, n, e, r) {
+  return [
+    I(Dt(r)),
+    I(Math.round(t).toString(16)),
+    I(Math.round(n).toString(16)),
+    I(Math.round(e).toString(16))
+  ].join("");
+}
+function Se(t, n, e, r) {
+  const o = t / 100, i = n / 100, a = e / 100, s = r / 100, c = 255 * (1 - o) * (1 - s), h = 255 * (1 - i) * (1 - s), d = 255 * (1 - a) * (1 - s);
+  return { r: c, g: h, b: d };
+}
+function It(t, n, e) {
+  let r = 1 - t / 255, o = 1 - n / 255, i = 1 - e / 255, a = Math.min(r, o, i);
+  return a === 1 ? (r = 0, o = 0, i = 0) : (r = (r - a) / (1 - a) * 100, o = (o - a) / (1 - a) * 100, i = (i - a) / (1 - a) * 100), a *= 100, {
+    c: Math.round(r),
+    m: Math.round(o),
+    y: Math.round(i),
+    k: Math.round(a)
+  };
+}
+function Dt(t) {
+  return Math.round(parseFloat(t) * 255).toString(16);
+}
+function At(t) {
+  return N(t) / 255;
+}
+function N(t) {
+  return parseInt(t, 16);
+}
+function Re(t) {
+  return {
+    r: t >> 16,
+    g: (t & 65280) >> 8,
+    b: t & 255
+  };
+}
+const dt = {
+  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 Ee(t) {
+  let n = { r: 0, g: 0, b: 0 }, e = 1, r = null, o = null, i = null, a = !1, s = !1;
+  return typeof t == "string" && (t = He(t)), typeof t == "object" && (M(t.r) && M(t.g) && M(t.b) ? (n = we(t.r, t.g, t.b), a = !0, s = String(t.r).slice(-1) === "%" ? "prgb" : "rgb") : M(t.h) && M(t.s) && M(t.v) ? (r = Z(t.s), o = Z(t.v), n = Me(t.h, r, o), a = !0, s = "hsv") : M(t.h) && M(t.s) && M(t.l) ? (r = Z(t.s), i = Z(t.l), n = ke(t.h, r, i), a = !0, s = "hsl") : M(t.c) && M(t.m) && M(t.y) && M(t.k) && (n = Se(t.c, t.m, t.y, t.k), a = !0, s = "cmyk"), Object.prototype.hasOwnProperty.call(t, "a") && (e = t.a)), e = Ot(e), {
+    ok: a,
+    format: t.format || s,
+    r: Math.min(255, Math.max(n.r, 0)),
+    g: Math.min(255, Math.max(n.g, 0)),
+    b: Math.min(255, Math.max(n.b, 0)),
+    a: e
+  };
+}
+const Ie = "[-\\+]?\\d+%?", Ae = "[-\\+]?\\d*\\.\\d+%?", q = "(?:" + Ae + ")|(?:" + Ie + ")", ft = "[\\s|\\(]+(" + q + ")[,|\\s]+(" + q + ")[,|\\s]+(" + q + ")\\s*\\)?", _ = (
+  // eslint-disable-next-line prettier/prettier
+  "[\\s|\\(]+(" + q + ")[,|\\s]+(" + q + ")[,|\\s]+(" + q + ")[,|\\s]+(" + q + ")\\s*\\)?"
+), R = {
+  CSS_UNIT: new RegExp(q),
+  rgb: new RegExp("rgb" + ft),
+  rgba: new RegExp("rgba" + _),
+  hsl: new RegExp("hsl" + ft),
+  hsla: new RegExp("hsla" + _),
+  hsv: new RegExp("hsv" + ft),
+  hsva: new RegExp("hsva" + _),
+  cmyk: new RegExp("cmyk" + _),
+  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(t) {
+  if (t = t.trim().toLowerCase(), t.length === 0)
+    return !1;
+  let n = !1;
+  if (dt[t])
+    t = dt[t], n = !0;
+  else if (t === "transparent")
+    return { r: 0, g: 0, b: 0, a: 0, format: "name" };
+  let e = R.rgb.exec(t);
+  return e ? { r: e[1], g: e[2], b: e[3] } : (e = R.rgba.exec(t), e ? { r: e[1], g: e[2], b: e[3], a: e[4] } : (e = R.hsl.exec(t), e ? { h: e[1], s: e[2], l: e[3] } : (e = R.hsla.exec(t), e ? { h: e[1], s: e[2], l: e[3], a: e[4] } : (e = R.hsv.exec(t), e ? { h: e[1], s: e[2], v: e[3] } : (e = R.hsva.exec(t), e ? { h: e[1], s: e[2], v: e[3], a: e[4] } : (e = R.cmyk.exec(t), e ? {
+    c: e[1],
+    m: e[2],
+    y: e[3],
+    k: e[4]
+  } : (e = R.hex8.exec(t), e ? {
+    r: N(e[1]),
+    g: N(e[2]),
+    b: N(e[3]),
+    a: At(e[4]),
+    format: n ? "name" : "hex8"
+  } : (e = R.hex6.exec(t), e ? {
+    r: N(e[1]),
+    g: N(e[2]),
+    b: N(e[3]),
+    format: n ? "name" : "hex"
+  } : (e = R.hex4.exec(t), e ? {
+    r: N(e[1] + e[1]),
+    g: N(e[2] + e[2]),
+    b: N(e[3] + e[3]),
+    a: At(e[4] + e[4]),
+    format: n ? "name" : "hex8"
+  } : (e = R.hex3.exec(t), e ? {
+    r: N(e[1] + e[1]),
+    g: N(e[2] + e[2]),
+    b: N(e[3] + e[3]),
+    format: n ? "name" : "hex"
+  } : !1))))))))));
+}
+function M(t) {
+  return typeof t == "number" ? !Number.isNaN(t) : R.CSS_UNIT.test(t);
+}
+class C {
+  constructor(n = "", e = {}) {
+    if (P(this, "r"), P(this, "g"), P(this, "b"), P(this, "a"), P(this, "format"), P(this, "originalInput"), P(this, "isValid"), P(this, "gradientType"), P(this, "roundA"), n instanceof C)
+      return n;
+    typeof n == "number" && (n = Re(n)), this.originalInput = n;
+    const r = Ee(n);
+    this.originalInput = n, 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 = e.format ?? r.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 = 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 n = this.toRgb();
+    return (n.r * 299 + n.g * 587 + n.b * 114) / 1e3;
+  }
+  /**
+   * Returns the perceived luminance of a color, from 0-1.
+   */
+  getLuminance() {
+    const n = this.toRgb();
+    let e, r, o;
+    const i = n.r / 255, a = n.g / 255, s = n.b / 255;
+    return i <= 0.03928 ? e = i / 12.92 : e = Math.pow((i + 0.055) / 1.055, 2.4), a <= 0.03928 ? r = a / 12.92 : r = Math.pow((a + 0.055) / 1.055, 2.4), s <= 0.03928 ? o = s / 12.92 : o = Math.pow((s + 0.055) / 1.055, 2.4), 0.2126 * e + 0.7152 * r + 0.0722 * o;
+  }
+  /**
+   * 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(n) {
+    return this.a = Ot(n), this.roundA = Math.round(100 * this.a) / 100, this;
+  }
+  /**
+   * Returns whether the color is monochrome.
+   */
+  isMonochrome() {
+    const { s: n } = this.toHsl();
+    return n === 0;
+  }
+  /**
+   * Returns the object as a HSVA object.
+   */
+  toHsv() {
+    const n = lt(this.r, this.g, this.b);
+    return { h: n.h * 360, s: n.s, v: n.v, a: this.a };
+  }
+  toHsv_() {
+    const n = lt(this.r, this.g, this.b);
+    return { h: n.h, s: n.s, v: n.v, a: this.a };
+  }
+  /**
+   * Returns the hsva values interpolated into a string with the following format:
+   * "hsva(xxx, xxx, xxx, xx)".
+   */
+  toHsvString() {
+    const n = lt(this.r, this.g, this.b), e = Math.round(n.h * 360), r = Math.round(n.s * 100), o = Math.round(n.v * 100);
+    return this.a === 1 ? `hsv(${e}, ${r}%, ${o}%)` : `hsva(${e}, ${r}%, ${o}%, ${this.roundA})`;
+  }
+  /**
+   * Returns the object as a HSLA object.
+   */
+  toHsl() {
+    const n = Rt(this.r, this.g, this.b);
+    return { h: n.h * 360, s: n.s, l: n.l, a: this.a };
+  }
+  /**
+   * Returns the hsla values interpolated into a string with the following format:
+   * "hsla(xxx, xxx, xxx, xx)".
+   */
+  toHslString() {
+    const n = Rt(this.r, this.g, this.b), e = Math.round(n.h * 360), r = Math.round(n.s * 100), o = Math.round(n.l * 100);
+    return this.a === 1 ? `hsl(${e}, ${r}%, ${o}%)` : `hsla(${e}, ${r}%, ${o}%, ${this.roundA})`;
+  }
+  /**
+   * Returns the hex value of the color.
+   * @param allow3Char will shorten hex value to 3 char if possible
+   */
+  toHex(n = !1) {
+    return Et(this.r, this.g, this.b, n);
+  }
+  /**
+   * Returns the hex value of the color -with a # prefixed.
+   * @param allow3Char will shorten hex value to 3 char if possible
+   */
+  toHexString(n = !1) {
+    return `#${this.toHex(n)}`;
+  }
+  /**
+   * Returns the hex 8 value of the color.
+   * @param allow4Char will shorten hex value to 4 char if possible
+   */
+  toHex8(n = !1) {
+    return Ne(this.r, this.g, this.b, this.a, n);
+  }
+  /**
+   * Returns the hex 8 value of the color -with a # prefixed.
+   * @param allow4Char will shorten hex value to 4 char if possible
+   */
+  toHex8String(n = !1) {
+    return `#${this.toHex8(n)}`;
+  }
+  /**
+   * 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(n = !1) {
+    return this.a === 1 ? this.toHexString(n) : this.toHex8String(n);
+  }
+  /**
+   * 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 n = this.toRgb();
+    return [n.r, n.g, n.b];
+  }
+  toRgbArrayString() {
+    const n = this.toRgb();
+    return `${n.r},${n.g},${n.b}`;
+  }
+  /**
+   * Returns the RGBA values interpolated into a string with the following format:
+   * "RGBA(xxx, xxx, xxx, xx)".
+   */
+  toRgbString() {
+    const n = Math.round(this.r), e = Math.round(this.g), r = Math.round(this.b);
+    return this.a === 1 ? `rgb(${n}, ${e}, ${r})` : `rgba(${n}, ${e}, ${r}, ${this.roundA})`;
+  }
+  /**
+   * Returns the object as a RGBA object.
+   */
+  toPercentageRgb() {
+    const n = (e) => `${Math.round(w(e, 255) * 100)}%`;
+    return {
+      r: n(this.r),
+      g: n(this.g),
+      b: n(this.b),
+      a: this.a
+    };
+  }
+  /**
+   * Returns the RGBA relative values interpolated into a string
+   */
+  toPercentageRgbString() {
+    const n = (e) => Math.round(w(e, 255) * 100);
+    return this.a === 1 ? `rgb(${n(this.r)}%, ${n(this.g)}%, ${n(this.b)}%)` : `rgba(${n(this.r)}%, ${n(this.g)}%, ${n(this.b)}%, ${this.roundA})`;
+  }
+  toCmyk() {
+    return {
+      ...It(this.r, this.g, this.b)
+    };
+  }
+  toCmykString() {
+    const { c: n, m: e, y: r, k: o } = It(this.r, this.g, this.b);
+    return `cmyk(${n}, ${e}, ${r}, ${o})`;
+  }
+  /**
+   * The 'real' name of the color -if there is one.
+   */
+  toName() {
+    if (this.a === 0)
+      return "transparent";
+    if (this.a < 1)
+      return !1;
+    const n = `#${Et(this.r, this.g, this.b, !1)}`;
+    for (const [e, r] of Object.entries(dt))
+      if (n === r)
+        return e;
+    return !1;
+  }
+  toString(n) {
+    const e = !!n;
+    n = n ?? this.format;
+    let r = !1;
+    const o = this.a < 1 && this.a >= 0;
+    return !e && o && (n.startsWith("hex") || n === "name") ? n === "name" && this.a === 0 ? this.toName() : this.toRgbString() : (n === "rgb" && (r = this.toRgbString()), n === "prgb" && (r = this.toPercentageRgbString()), (n === "hex" || n === "hex6") && (r = this.toHexString()), n === "hex3" && (r = this.toHexString(!0)), n === "hex4" && (r = this.toHex8String(!0)), n === "hex8" && (r = this.toHex8String()), n === "name" && (r = this.toName()), n === "hsl" && (r = this.toHslString()), n === "hsv" && (r = this.toHsvString()), n === "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(n = 10) {
+    const e = this.toHsl();
+    return e.l += n / 100, e.l = Y(e.l), new C(e);
+  }
+  /**
+   * Brighten the color a given amount, from 0 to 100.
+   * @param amount - valid between 1-100
+   */
+  brighten(n = 10) {
+    const e = this.toRgb();
+    return e.r = Math.max(
+      0,
+      Math.min(255, e.r - Math.round(255 * -(n / 100)))
+    ), e.g = Math.max(
+      0,
+      Math.min(255, e.g - Math.round(255 * -(n / 100)))
+    ), e.b = Math.max(
+      0,
+      Math.min(255, e.b - Math.round(255 * -(n / 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(n = 10) {
+    const e = this.toHsl();
+    return e.l -= n / 100, e.l = Y(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(n = 10) {
+    return this.mix("white", n);
+  }
+  /**
+   * 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(n = 10) {
+    return this.mix("black", n);
+  }
+  /**
+   * 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(n = 10) {
+    const e = this.toHsl();
+    return e.s -= n / 100, e.s = Y(e.s), new C(e);
+  }
+  /**
+   * Saturate the color a given amount, from 0 to 100.
+   * @param amount - valid between 1-100
+   */
+  saturate(n = 10) {
+    const e = this.toHsl();
+    return e.s += n / 100, e.s = Y(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(n) {
+    const e = this.toHsl(), r = (e.h + n) % 360;
+    return e.h = r < 0 ? 360 + r : r, 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(n, e = 50) {
+    const r = this.toRgb(), o = new C(n).toRgb(), i = e / 100, a = {
+      r: (o.r - r.r) * i + r.r,
+      g: (o.g - r.g) * i + r.g,
+      b: (o.b - r.b) * i + r.b,
+      a: (o.a - r.a) * i + r.a
+    };
+    return new C(a);
+  }
+  analogous(n = 6, e = 30) {
+    const r = this.toHsl(), o = 360 / e, i = [this];
+    for (r.h = (r.h - (o * n >> 1) + 720) % 360; --n; )
+      r.h = (r.h + o) % 360, i.push(new C(r));
+    return i;
+  }
+  /**
+   * taken from https://github.com/infusion/jQuery-xcolor/blob/master/jquery.xcolor.js
+   */
+  complement() {
+    const n = this.toHsl();
+    return n.h = (n.h + 180) % 360, new C(n);
+  }
+  monochromatic(n = 6) {
+    const e = this.toHsv(), { h: r } = e, { s: o } = e;
+    let { v: i } = e;
+    const a = [], s = 1 / n;
+    for (; n--; )
+      a.push(new C({ h: r, s: o, v: i })), i = (i + s) % 1;
+    return a;
+  }
+  splitcomplement() {
+    const n = this.toHsl(), { h: e } = n;
+    return [
+      this,
+      new C({ h: (e + 72) % 360, s: n.s, l: n.l }),
+      new C({ h: (e + 216) % 360, s: n.s, l: n.l })
+    ];
+  }
+  /**
+   * Compute how the color would appear on a background
+   */
+  onBackground(n) {
+    const e = this.toRgb(), r = new C(n).toRgb(), o = e.a + r.a * (1 - e.a);
+    return new C({
+      r: (e.r * e.a + r.r * r.a * (1 - e.a)) / o,
+      g: (e.g * e.a + r.g * r.a * (1 - e.a)) / o,
+      b: (e.b * e.a + r.b * r.a * (1 - e.a)) / o,
+      a: o
+    });
+  }
+  /**
+   * 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(n) {
+    const e = this.toHsl(), { h: r } = e, o = [this], i = 360 / n;
+    for (let a = 1; a < n; a++)
+      o.push(
+        new C({ h: (r + a * i) % 360, s: e.s, l: e.l })
+      );
+    return o;
+  }
+  /**
+   * compare color vs current color
+   */
+  equals(n) {
+    const e = new C(n);
+    return this.format === "cmyk" || e.format === "cmyk" ? this.toCmykString() === e.toCmykString() : this.toRgbString() === e.toRgbString();
+  }
+}
+function Pe(t, n) {
+  const {
+    getPrefixCls: e,
+    locale: r,
+    componentConfig: o
+  } = G(U), i = xt(
+    t,
+    {},
+    o == null ? void 0 : o.Empty
+  ), { style: a, className: s, description: c, icon: h, imgSrc: d, ...u } = i, g = e("empty"), x = K(g, s), b = r.Empty.noData, l = typeof c == "string" ? c : "empty";
+  return /* @__PURE__ */ f("div", { ref: n, className: x, style: a, ...u, children: /* @__PURE__ */ tt("div", { className: `${g}-wrapper`, children: [
+    /* @__PURE__ */ f("div", { className: `${g}-image`, children: d ? /* @__PURE__ */ f("img", { alt: l, src: d }) : h || /* @__PURE__ */ f(ge, {}) }),
+    /* @__PURE__ */ f("div", { className: `${g}-description`, children: c || b })
+  ] }) });
+}
+const Tt = nt(Pe);
+Tt.displayName = "Empty";
+const Fe = et.memo(Tt);
+function qe(t) {
+  return /* @__PURE__ */ f(Fe, {});
+}
+const Lt = {
+  locale: me,
+  prefixCls: "pqb",
+  getPopupContainer: () => document.body,
+  size: "default",
+  renderEmpty: qe
+}, U = se({
+  getPrefixCls: (t, n) => `${n || "pqb"}-${t}`,
+  ...Lt
+});
+function Ue(t, n) {
+  const {
+    children: e,
+    className: r,
+    disabled: o,
+    prefix: i,
+    size: a = "default",
+    ...s
+  } = t, { getPrefixCls: c } = G(U), h = c("icon-hover"), d = j();
+  return rt(n, () => ({
+    getRootDOMNode: () => d.current
+  })), /* @__PURE__ */ f(
+    "span",
+    {
+      ref: d,
+      className: K(
+        h,
+        {
+          [`${i}-icon-hover`]: i,
+          [`${h}-size-${a}`]: a && a !== "default",
+          [`${h}-disabled`]: o
+        },
+        r
+      ),
+      onClick: t.onClick,
+      ...s,
+      children: e
+    }
+  );
+}
+const Ht = et.forwardRef(Ue), je = {
+  type: "info",
+  showIcon: !0,
+  noticeType: "message",
+  duration: 3e3
+};
+function Oe(t, n) {
+  const {
+    getPrefixCls: e,
+    componentConfig: r,
+    rtl: o
+  } = G(U), i = xt(
+    t,
+    je,
+    r == null ? void 0 : r.Notice
+  ), a = G(U), s = e("notice");
+  j();
+  const c = j(), h = j(), d = j(), {
+    title: u,
+    content: g,
+    showIcon: x,
+    className: b,
+    style: l,
+    type: m,
+    btn: p,
+    icon: v,
+    prefixCls: y,
+    closable: k,
+    noticeType: D,
+    iconPrefix: vt,
+    rtl: ne = o,
+    closeIcon: Q,
+    classPrefixCls: $t
+  } = i, re = K(
+    y,
+    `${y}-${m}`,
+    {
+      [`${y}-closable`]: k,
+      [`${y}-rtl`]: ne
+    },
+    b
+  );
+  let ot = "closable" in i ? k : !0, it = x;
+  m === "normal" && !v && (it = !1);
+  const wt = { ...a };
+  $t && (wt.prefixCls = $t);
+  function oe() {
+    return h.current;
+  }
+  function at() {
+    const { duration: S, onClose: L, id: st } = i;
+    S !== 0 && (c.current = window.setTimeout(() => {
+      L == null || L(st), z();
+    }, S));
+  }
+  function z() {
+    c.current && (window.clearTimeout(c.current), c.current = null);
+  }
+  function X() {
+    var S;
+    (S = i.onClose) == null || S.call(i, i.id);
+  }
+  function kt() {
+    const { showIcon: S, icon: L, type: st, iconPrefix: Mt } = i;
+    let H;
+    if (L)
+      H = L;
+    else if (S) {
+      switch (st) {
+        case "info":
+          H = /* @__PURE__ */ f(ue, {});
+          break;
+        case "success":
+          H = /* @__PURE__ */ f(le, {});
+          break;
+        case "error":
+          H = /* @__PURE__ */ f(fe, {});
+          break;
+        case "warning":
+          H = /* @__PURE__ */ f(he, {});
+          break;
+        case "loading":
+          H = /* @__PURE__ */ f(de, {});
+          break;
+      }
+      H = /* @__PURE__ */ f(
+        ut.Provider,
+        {
+          value: Mt ? { prefixCls: Mt } : {},
+          children: H
+        }
+      );
+    }
+    return /* @__PURE__ */ f("span", { className: `${y}-icon`, children: H });
+  }
+  function ie() {
+    z();
+  }
+  function ae() {
+    z(), at();
+  }
+  rt(n, () => ({
+    getRootDOMNode: oe
+  }), []), E(() => {
+    const S = d.current;
+    return (S && (S == null ? void 0 : S.duration) !== i.duration || i.update) && (z(), at()), d.current = i, () => {
+    };
+  }, [i.duration, i.update]), E(() => (at(), () => {
+    z();
+  }), []);
+  let T;
+  return D === "message" && (ot = k, T = /* @__PURE__ */ tt(Nt, { children: [
+    it && kt(),
+    /* @__PURE__ */ f("span", { className: `${y}-content`, children: g }),
+    ot && (Q !== void 0 ? /* @__PURE__ */ f("span", { onClick: X, className: `${y}-close-btn`, children: Q }) : /* @__PURE__ */ f(
+      Ht,
+      {
+        prefix: y,
+        className: `${y}-close-btn`,
+        onClick: X,
+        children: /* @__PURE__ */ f(St, {})
+      }
+    ))
+  ] })), D === "notification" && (T = /* @__PURE__ */ tt(Nt, { children: [
+    it && /* @__PURE__ */ f("div", { className: `${y}-left`, children: kt() }),
+    /* @__PURE__ */ tt("div", { className: `${y}-right`, children: [
+      u && /* @__PURE__ */ f("div", { className: `${y}-title`, children: u }),
+      /* @__PURE__ */ f("div", { className: `${y}-content`, children: g }),
+      p && /* @__PURE__ */ f("div", { className: `${y}-btn-wrapper`, children: p })
+    ] }),
+    ot && (Q !== void 0 ? /* @__PURE__ */ f("span", { onClick: X, className: `${y}-close-btn`, children: Q }) : /* @__PURE__ */ f(
+      Ht,
+      {
+        prefix: y,
+        className: `${y}-close-btn`,
+        onClick: X,
+        children: /* @__PURE__ */ f(
+          ut.Provider,
+          {
+            value: vt ? { prefixCls: vt } : {},
+            children: /* @__PURE__ */ f(St, {})
+          }
+        )
+      }
+    ))
+  ] })), T && (T = /* @__PURE__ */ f(Ct, { ...wt, children: /* @__PURE__ */ f(
+    "div",
+    {
+      ref: h,
+      className: `${s}-${D}`,
+      onMouseEnter: ie,
+      onMouseLeave: ae,
+      children: /* @__PURE__ */ f("div", { className: re, style: l, role: "alert", children: T })
+    }
+  ) })), T;
+}
+const Wt = nt(Oe);
+function De(t = {}) {
+  const {
+    maxCount: n,
+    duration: e = 3e3,
+    prefixCls: r,
+    getContainer: o
+  } = t, i = j(), a = /* @__PURE__ */ f(ee, { ref: i }), s = {};
+  let c;
+  function h(u) {
+    let g, x;
+    if (i.current) {
+      const v = i.current.getContextConfig();
+      x = v.rtl, g = v.prefixCls;
+    }
+    const b = r || g, l = yt(u.position, x), m = {
+      duration: e,
+      ...u
+    }, p = s[l];
+    if (p) {
+      if (p.notices.length >= n) {
+        const v = p.notices[0];
+        m.id = v.id, p.shift();
+      }
+      p.add({ ...m });
+    } else
+      c = /* @__PURE__ */ f(
+        A,
+        {
+          ...m,
+          prefixCls: b,
+          rtl: x,
+          getContainer: o,
+          callback: (v) => {
+            s[l] = v;
+          }
+        }
+      ), i.current.addInstance(c);
+    return s[l];
+  }
+  const d = {};
+  return pt.forEach((u) => {
+    d[u] = (g) => h({
+      ...g,
+      type: u
+    });
+  }), [d, a];
+}
+const Te = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Pt = { randomUUID: Te };
+let ht;
+const Le = new Uint8Array(16);
+function We() {
+  if (!ht) {
+    if (typeof crypto > "u" || !crypto.getRandomValues)
+      throw new Error(
+        "crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported"
+      );
+    ht = crypto.getRandomValues.bind(crypto);
+  }
+  return ht(Le);
+}
+const $ = [];
+for (let t = 0; t < 256; ++t)
+  $.push((t + 256).toString(16).slice(1));
+function Ve(t, n = 0) {
+  return ($[t[n + 0]] + $[t[n + 1]] + $[t[n + 2]] + $[t[n + 3]] + "-" + $[t[n + 4]] + $[t[n + 5]] + "-" + $[t[n + 6]] + $[t[n + 7]] + "-" + $[t[n + 8]] + $[t[n + 9]] + "-" + $[t[n + 10]] + $[t[n + 11]] + $[t[n + 12]] + $[t[n + 13]] + $[t[n + 14]] + $[t[n + 15]]).toLowerCase();
+}
+function ze(t, n, e) {
+  var r;
+  if (Pt.randomUUID && !n && !t)
+    return Pt.randomUUID();
+  t = t || {};
+  const o = t.random ?? ((r = t.rng) == null ? void 0 : r.call(t)) ?? We();
+  if (o.length < 16)
+    throw new Error("Random bytes length must be >= 16");
+  if (o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, n) {
+    if (e = e || 0, e < 0 || e + 16 > n.length)
+      throw new RangeError(
+        `UUID byte range ${e}:${e + 15} is out of buffer bounds`
+      );
+    for (let i = 0; i < 16; ++i)
+      n[e + i] = o[i];
+    return n;
+  }
+  return Ve(o);
+}
+function Vt(t) {
+  function n(e, r) {
+    const [o, i] = Ft(
+      (e == null ? void 0 : e.notices) ?? []
+    );
+    function a(u) {
+      const g = (u == null ? void 0 : u.id) ?? `pqb_notice_id_${ze()}`;
+      return u.id && o.findIndex((x) => x.id === u.id) !== -1 ? s(u) : i((x) => [].concat(x, {
+        ...u,
+        id: g
+      })), g;
+    }
+    function s(u) {
+      i((g) => g.map((x) => u.id === x.id ? (delete x.update, u) : x));
+    }
+    function c() {
+      i((u) => {
+        const g = [].concat(u);
+        return g.shift(), g;
+      });
+    }
+    function h(u) {
+      i((g) => g.filter((x) => x.id !== u));
+    }
+    function d() {
+      i((u) => []);
+    }
+    return rt(r, () => ({ notices: o, add: a, update: s, shift: c, remove: h, clear: d }), [o, a, s, c, h, d]), E(() => () => {
+    }, [o]), /* @__PURE__ */ f(
+      t,
+      {
+        ...e,
+        notices: o,
+        add: a,
+        update: s,
+        shift: c,
+        remove: h,
+        clear: d
+      }
+    );
+  }
+  return nt(n);
+}
+const pt = [
+  "info",
+  "success",
+  "error",
+  "warning",
+  "loading",
+  "normal"
+];
+let O = {}, zt, Bt, Gt, gt, J;
+function yt(t, n) {
+  return B(t) && (t = n || J ? "topLeft" : "topRight"), t;
+}
+function Be(t) {
+  const { prefixCls: n, rtl: e, getContainer: r, notices: o } = t, i = B(e) ? J : e, a = yt(t.position, i), s = n || Bt, c = s ? `${s}-notification` : "pqb-notification";
+  let h;
+  a === "topLeft" || a === "bottomLeft" ? h = "slideNoticeLeft" : h = "slideNoticeRight";
+  const d = K(
+    `${c}-wrapper`,
+    `${c}-wrapper-${a}`,
+    { [`${c}-wrapper-rtl`]: J }
+  ), u = r == null ? void 0 : r();
+  function g(b) {
+    const l = o.find((m) => m.id === b);
+    l && t.update({
+      ...l,
+      style: { ...l.style, opacity: 0 }
+    }), setTimeout(() => {
+      t.remove(b);
+    }, 200);
+  }
+  E(() => (t.add(t), () => {
+    t.clear();
+  }), []), E(() => {
+    var l;
+    const b = {
+      ...t,
+      add: t.add,
+      update: t.update,
+      clear: t.clear,
+      remove: g
+    };
+    return (l = t.callback) == null || l.call(t, b), () => {
+      var m;
+      (m = t.callback) == null || m.call(t, null);
+    };
+  }, [t, t.notices]);
+  const x = /* @__PURE__ */ f("div", { className: d, children: /* @__PURE__ */ f(qt, { component: null, children: o.map((b) => /* @__PURE__ */ f(
+    Ut,
+    {
+      timeout: {
+        enter: 400,
+        exit: 300
+      },
+      classNames: h,
+      onExit: (l) => {
+        l && (l.style.height = `${l.scrollHeight}px`);
+      },
+      onExiting: (l) => {
+        l && (l.style.height = 0);
+      },
+      onExited: (l) => {
+        var m;
+        l && (l.style.height = 0, (m = b.onClose) == null || m.call(b));
+      },
+      children: /* @__PURE__ */ f(
+        Wt,
+        {
+          ...b,
+          onClose: g,
+          prefixCls: c,
+          iconPrefix: s,
+          classPrefixCls: s,
+          noticeType: "notification",
+          rtl: i
+        }
+      )
+    },
+    b.id
+  )) }) });
+  return u ? be(x, u) : x;
+}
+const A = Vt(Be);
+A.useNotification = De;
+A.config = (t = {}) => {
+  var n;
+  V(t.maxCount) && (zt = t.maxCount), t.prefixCls && (Bt = t.prefixCls), V(t.duration) && (Gt = t.duration), typeof t.rtl == "boolean" && (J = t.rtl), t.getContainer && ((n = t.getContainer) == null ? void 0 : n.call(t)) !== gt && (gt = t.getContainer(), Object.values(O).forEach(
+    (e) => {
+      var r;
+      return (r = e == null ? void 0 : e.clear) == null ? void 0 : r.call(e);
+    }
+  ), O = {});
+};
+A.clear = () => {
+  Object.values(O).forEach((t) => {
+    t == null || t.clear();
+  });
+};
+A.remove = (t) => {
+  Object.values(O).forEach((n) => {
+    n == null || n.remove(t);
+  });
+};
+A.addInstance = (t) => {
+  const n = yt(t.position, J), e = O[n], r = {
+    duration: Gt,
+    ...t
+  };
+  if (e) {
+    const a = e.notices.find(
+      (c) => c.id === t.id
+    ), s = {
+      ...r,
+      update: a
+    };
+    return e.notices.length >= zt && (a ? s.id = a.id : e.shift()), e.add({ ...s }), e;
+  }
+  const o = document.createElement("div");
+  return (gt || document.body).appendChild(o), jt(o).render(
+    /* @__PURE__ */ f(
+      A,
+      {
+        ...r,
+        callback: (a) => {
+          O[n] = a;
+        },
+        ref: (a) => () => {
+        }
+      }
+    )
+  ), O[n];
+};
+pt.forEach((t) => {
+  A[t] = (n) => A.addInstance({
+    ...n,
+    type: t
+  });
+});
+function Ge(t = {}) {
+  const { maxCount: n, duration: e = 3e3, prefixCls: r } = t, o = j(), i = /* @__PURE__ */ f(ee, { ref: o }), a = {};
+  let s;
+  function c(d) {
+    let u, g;
+    if (o.current) {
+      const k = o.current.getContextConfig();
+      g = k.rtl, u = k.prefixCls;
+    }
+    const x = r || u, b = {
+      position: "top",
+      duration: e,
+      ...d
+    }, { position: l, transitionClassNames: m } = b;
+    let p;
+    const v = a[l];
+    return v ? v.notices.length >= n ? (p = v.notices[0].id, v.shift(), v.add({ ...b, id: p })) : p = v.add(b) : (s = /* @__PURE__ */ f(
+      F,
+      {
+        ...b,
+        transitionClassNames: m,
+        prefixCls: x,
+        rtl: g,
+        callback: (k) => {
+          a[l] = k;
+        }
+      }
+    ), o.current.addInstance(s)), () => {
+      var k, D;
+      (D = (k = a[l]) == null ? void 0 : k.remove) == null || D.call(k, p);
+    };
+  }
+  const h = {};
+  return Jt.forEach((d) => {
+    h[d] = (u) => {
+      const g = xe(u) ? { content: u } : u;
+      return c({
+        ...g,
+        type: d
+      });
+    };
+  }), [h, i];
+}
+const Jt = [...pt];
+let W = {}, Kt, Qt, Xt, mt, Yt, Zt;
+function Je(t) {
+  const {
+    transitionClassNames: n,
+    transitionTimeout: e,
+    prefixCls: r,
+    rtl: o,
+    closable: i,
+    notices: a,
+    position: s
+  } = t;
+  function c(l) {
+    const m = t.notices.find((p) => p.id === l);
+    m && t.update({
+      ...m,
+      style: { ...m.style, opacity: 0 }
+    }), setTimeout(() => {
+      t.remove(l);
+    }, 100);
+  }
+  E(() => (t.add(t), () => {
+    t.clear();
+  }), []), E(() => {
+    var m;
+    const l = {
+      ...t,
+      add: t.add,
+      update: t.update,
+      clear: t.clear,
+      remove: c
+    };
+    return (m = t.callback) == null || m.call(t, l), () => {
+      var p;
+      (p = t.callback) == null || p.call(t, null);
+    };
+  }, [t, t.notices]);
+  const h = r || Qt, d = B(o) ? Yt : o, u = B(i) ? Zt : i, g = h ? `${h}-message` : "pqb-message", x = {
+    enter: V(e == null ? void 0 : e.enter) ? e == null ? void 0 : e.enter : 100,
+    exit: V(e == null ? void 0 : e.exit) ? e == null ? void 0 : e.exit : 300
+  }, b = K(
+    `${g}-wrapper`,
+    `${g}-wrapper-${s}`
+  );
+  return /* @__PURE__ */ f("div", { className: b, children: /* @__PURE__ */ f(qt, { component: null, children: a.map((l) => /* @__PURE__ */ f(
+    Ut,
+    {
+      timeout: x,
+      classNames: n || "fadeMessage",
+      onExit: (m) => {
+        m && (m.style.height = `${m.scrollHeight}px`);
+      },
+      onExiting: (m) => {
+        m && (m.style.height = 0);
+      },
+      onExited: (m) => {
+        var p;
+        m && (m.style.height = 0, (p = l.onClose) == null || p.call(l));
+      },
+      children: /* @__PURE__ */ f(
+        Wt,
+        {
+          ...l,
+          prefixCls: g,
+          classPrefixCls: h,
+          iconPrefix: h,
+          onClose: c,
+          noticeType: "message",
+          rtl: d,
+          ...B(u) ? {} : { closable: u }
+        }
+      )
+    },
+    l.id
+  )) }) });
+}
+const F = Vt(Je);
+F.config = (t = {}) => {
+  var n;
+  V(t.maxCount) && (Kt = t.maxCount), t.prefixCls && (Qt = t.prefixCls), V(t.duration) && (Xt = t.duration), typeof t.rtl == "boolean" && (Yt = t.rtl), typeof t.closable == "boolean" && (Zt = t.closable), ((n = t.getContainer) == null ? void 0 : n.call(t)) !== mt && (mt = t.getContainer(), Object.values(W).forEach((e) => e == null ? void 0 : e.clear()), W = {});
+};
+F.clear = () => {
+  Object.values(W).forEach((t) => {
+    t == null || t.clear();
+  });
+};
+F.addInstance = (t) => {
+  const n = {
+    position: "top",
+    duration: Xt,
+    ...t
+  }, { position: e, transitionClassNames: r, transitionTimeout: o } = n;
+  let i;
+  const a = W[e];
+  if (a) {
+    const c = a.notices.find(
+      (d) => d.id === t.id
+    ), h = {
+      ...n,
+      update: c
+    };
+    a.notices.length >= Kt ? c ? a.add({
+      ...h,
+      id: c.id
+    }) : (a.shift(), a.add(h)) : i = a.add(h);
+  } else {
+    const c = document.createElement("div");
+    (mt || document.body).appendChild(c), jt(c).render(
+      /* @__PURE__ */ f(
+        F,
+        {
+          transitionClassNames: r,
+          transitionTimeout: o,
+          ...n,
+          callback: (d) => {
+            W[e] = d;
+          }
+        }
+      )
+    );
+  }
+  return () => {
+    var c;
+    (c = W[e]) == null || c.remove(i);
+  };
+};
+Jt.forEach((t) => {
+  F[t] = (n) => {
+    const e = typeof n == "string" ? { content: n } : n;
+    return F.addInstance({
+      ...e,
+      type: t
+    });
+  };
+});
+F.useMessage = Ge;
+let _t = {};
+function Ke(t) {
+  _t = {
+    ...t
+  };
+}
+function En() {
+  return _t;
+}
+let bt = {
+  simple: !0
+};
+const In = (t) => {
+  bt = {
+    ...bt,
+    ...t
+  };
+}, An = () => bt, Hn = [], Qe = {
+  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"
+  }
+}, Xe = Lt, Ye = {};
+function Ct(t) {
+  const n = xt(
+    t,
+    Xe,
+    Ye
+  ), {
+    theme: e,
+    themeMode: r,
+    prefixCls: o,
+    children: i,
+    locale: a,
+    rtl: s,
+    effectGlobalNotice: c = !0,
+    effectGlobalModal: h = !0
+  } = n, d = window.document.body;
+  E(() => {
+    e && ce(e) && Object.entries(Qe).forEach(([b, l], m, p) => {
+      const v = e[b];
+      if (!v) return;
+      const y = new C(v);
+      d.style.setProperty(l.default, y.lighten(0).toRgbArrayString()), e[`${b}Hover`] || d.style.setProperty(l.hover, y.lighten(10).toRgbArrayString()), e[`${b}Active`] || d.style.setProperty(l.active, y.lighten(-10).toRgbArrayString());
+    });
+  }, [e]), E(() => {
+    const b = ["pqb-theme"];
+    return r ? b.forEach((l) => {
+      d.setAttribute(l, r);
+    }) : b.forEach((l) => {
+      d.removeAttribute(l);
+    }), () => {
+    };
+  }, [r]), E(() => {
+    c && (F.config({ prefixCls: o, rtl: s }), A.config({ prefixCls: o, rtl: s }));
+  }, [o, s, c]);
+  function u(b, l) {
+    return `${l || o}-${b}`;
+  }
+  const g = {
+    ...pe(n, ["children"]),
+    getPrefixCls: u
+  };
+  E(() => {
+    h && Ke({ locale: a, prefixCls: o, rtl: s });
+  }, [a, o, s, h]);
+  let x = i;
+  return o && o !== "pqb" && (x = /* @__PURE__ */ f(ut.Provider, { value: { prefixCls: o }, children: i })), /* @__PURE__ */ f(U.Provider, { value: g, children: x });
+}
+Ct.ConfigContext = U;
+Ct.displayName = "ConfigProvider";
+const Pn = U.Consumer;
+function te(t, n) {
+  const e = G(U), [r, o] = Ft([]);
+  function i(c) {
+    o((h) => [...h, c]);
+  }
+  function a(c) {
+    o(
+      (h) => h.filter((d) => c !== d)
+    );
+  }
+  function s() {
+    return e;
+  }
+  return rt(n, () => ({
+    addInstance: i,
+    removeInstance: a,
+    getContextConfig: s
+  })), et.Children.map(
+    r,
+    (c, h) => et.cloneElement(c, { key: h })
+  );
+}
+te.displayName = "ContextHolderElement";
+const ee = nt(te);
+export {
+  Rt as $,
+  Pn as C,
+  Fe as E,
+  At as F,
+  Ne as G,
+  Et as H,
+  Ht as I,
+  Rn as J,
+  F as M,
+  Dt as N,
+  we as O,
+  ke as T,
+  Re as U,
+  Me as W,
+  U as a,
+  Ct as b,
+  N as c,
+  A as d,
+  De as e,
+  C as f,
+  ee as g,
+  Qe as h,
+  Hn as i,
+  En as j,
+  An as k,
+  ze as l,
+  Wt as m,
+  pt as n,
+  yt as o,
+  Jt as p,
+  In as s,
+  Ge as u,
+  lt as y
+};