@unicom-cloud/ui 0.8.107 → 0.8.108

package/cascader/base/node.js

@@ -1,5 +1,7 @@
 import n from "lodash/get";
 import { DefaultFieldNames as _ } from "../Cascader.js";
+import "../../components/common/utils/is.js";
+import { isArray as C } from "@unicom-cloud/utils/is";
 class u {
   value;
   label;
@@ -27,21 +29,21 @@ class u {
   config = {};
   // 保存暴露给外部的属性
   _data;
-  constructor(e, t, a) {
-    this.config = t || {}, this._initNode(e, a || null);
+  constructor(e, t, h) {
+    this.config = t || {}, this._initNode(e, h || null);
   }
   _initNode = (e, t = null) => {
-    const { showEmptyChildren: a, lazyload: l } = this.config, h = { ..._, ...this.config.fieldNames }, s = n(e, h.children) || e[h.children];
-    let r = Array.isArray(s) ? a ? !1 : s.length === 0 : !0;
-    l && (h.isLeaf in e ? r = !!n(e, h.isLeaf) || !!e[h.isLeaf] : r = !1);
-    const c = n(e, h.value) || e[h.value], f = n(e, h.label) || e[h.label], d = {
+    const { showEmptyChildren: h, lazyload: a } = this.config, l = { ..._, ...this.config.fieldNames }, s = n(e, l.children) || e[l.children];
+    let r = C(s) ? h ? !1 : s.length === 0 : !0;
+    a && (l.isLeaf in e ? r = !!n(e, l.isLeaf) || !!e[l.isLeaf] : r = !1);
+    const c = n(e, l.value) || e[l.value], f = n(e, l.label) || e[l.label], d = {
       ...e,
       value: c,
       label: f,
       isLeaf: r,
       loading: !1,
       loaded: !1,
-      disabled: t && t.disabled || n(e, h.disabled) || e[h.disabled],
+      disabled: t && t.disabled || n(e, l.disabled) || e[l.disabled],
       parent: t,
       pathValue: t ? [...t.pathValue, c] : [c],
       pathLabel: t ? [...t.pathLabel, f] : [f],
@@ -62,9 +64,9 @@ class u {
    * 那么只有当前节点的所有children加起来等于children.length，才是全选，否则和大于0，就是半选。
    */
   _isHalfChecked = () => {
-    const e = this.children.reduce((t, a) => {
-      const l = a._halfChecked ? 0.5 : a._checked ? 1 : 0;
-      return t + l;
+    const e = this.children.reduce((t, h) => {
+      const a = h._halfChecked ? 0.5 : h._checked ? 1 : 0;
+      return t + a;
     }, 0);
     return e !== this.children.length && e > 0;
   };
@@ -74,18 +76,18 @@ class u {
    * @param ignoreDisabled 是否忽略节点禁用设置选中状态，一般在初始化设置选中状态时传参为true
    */
   _setNodeChildrenChecked = (e, t) => {
-    !t && this.disabled || this.children && this.children.length && (this.children.forEach((a) => {
-      a.disabled ? t && a.setCheckedStateIgnoreDisabled(e) : a.setCheckedState(e);
+    !t && this.disabled || this.children && this.children.length && (this.children.forEach((h) => {
+      h.disabled ? t && h.setCheckedStateIgnoreDisabled(e) : h.setCheckedState(e);
     }), this.updateHalfState(e));
   };
   getSelfChildrenValue = () => {
-    const e = [], t = (a, l) => {
-      if (!l || !l.length) {
-        e.push(a);
+    const e = [], t = (h, a) => {
+      if (!a || !a.length) {
+        e.push(h);
         return;
       }
-      (l || []).forEach((h) => {
-        t(h.pathValue, h.children);
+      (a || []).forEach((l) => {
+        t(l.pathValue, l.children);
       });
     };
     return t(this.pathValue, this.children), e;
@@ -102,9 +104,9 @@ class u {
     const t = e ? this._checked : !this._checked && !this._halfChecked;
     if (!(this.disabled || t) && (this.setCheckedProperty(e), !this.config.changeOnSelect)) {
       this._setNodeChildrenChecked(e);
-      let a = this.parent;
-      for (; a && !a.disabled; )
-        a.updateHalfState(e), a = a.parent;
+      let h = this.parent;
+      for (; h && !h.disabled; )
+        h.updateHalfState(e), h = h.parent;
     }
   };
   // 忽略禁用设置选中状态

package/cascader/base/store.js

@@ -1,16 +1,16 @@
-import n from "lodash/isArray";
+import o from "lodash/isArray";
 import f from "lodash/isEqualWith";
 import l from "lodash/isFunction";
 import c from "lodash/isString";
-import { transformValuesToSet as d, valueInSet as o } from "../util.js";
+import { transformValuesToSet as d, valueInSet as h } from "../util.js";
 import u from "./node.js";
-class S {
+class C {
   nodes = [];
   flatNodes = [];
   config = {};
   constructor(e, t, s) {
     this.config = { ...s };
-    const r = Array.isArray(t) ? t : [];
+    const r = o(t) ? t : [];
     this.nodes = this._calcNodes(e, null), this._updateFlatNodes(), this.setNodeCheckedByValue(r);
   }
   // 初始化节点状态，附加状态信息字段： _checked,_halfChecked,parent,disabled
@@ -20,7 +20,7 @@ class S {
     const e = !this.config.changeOnSelect;
     this.flatNodes = [];
     const t = (s) => {
-      s && ((!e || s.isLeaf) && this.flatNodes.push(s), n(s.children) && s.children.forEach((r) => {
+      s && ((!e || s.isLeaf) && this.flatNodes.push(s), o(s.children) && s.children.forEach((r) => {
         t(r);
       }));
     };
@@ -38,8 +38,8 @@ class S {
     this.flatNodes.forEach((s) => {
       let r = !1;
       this.config.showParent ? s.pathValue.some(
-        (a, i, h) => o(t, h.slice(0, i + 1))
-      ) && (r = !0) : o(t, s.pathValue) && (r = !0), s.setCheckedStateIgnoreDisabled(r);
+        (i, a, n) => h(t, n.slice(0, a + 1))
+      ) && (r = !0) : h(t, s.pathValue) && (r = !0), s.setCheckedStateIgnoreDisabled(r);
     });
   };
   /**
@@ -67,8 +67,8 @@ class S {
   searchNodeByLabel = (e) => {
     if (!e)
       return this.flatNodes;
-    const { filterOption: t } = this.config, s = l(t) ? t : (r, a) => c(a.label) && a.label.indexOf(r) > -1;
-    return this.flatNodes.filter((r) => r.getPathNodes().some((i) => s(e, i._data)));
+    const { filterOption: t } = this.config, s = l(t) ? t : (r, i) => c(i.label) && i.label.indexOf(r) > -1;
+    return this.flatNodes.filter((r) => r.getPathNodes().some((a) => s(e, a._data)));
   };
   /** 获取所有节点 */
   getOptions = () => this.nodes;
@@ -86,5 +86,5 @@ class S {
   };
 }
 export {
-  S as default
+  C as default
 };

package/cascader/util.js

@@ -1,49 +1,51 @@
-import k from "./base/store.js";
-const a = "__pqb_cascader__", y = "parent", O = "child", j = {
+import "../components/common/utils/is.js";
+import C from "./base/store.js";
+import { isArray as V } from "@unicom-cloud/utils/is";
+const a = "__pqb_cascader__", N = "parent", v = "child", E = {
   cascader: "cascader",
   select: "select"
 };
-function C(e) {
+function w(e) {
   return {
     showEmptyChildren: e.showEmptyChildren,
     changeOnSelect: e.changeOnSelect,
     lazyload: !!e.loadMore,
     fieldNames: e.fieldNames,
     filterOption: e.filterOption,
-    showParent: e.mode === "multiple" && !e.changeOnSelect && e.checkedStrategy === y
+    showParent: e.mode === "multiple" && !e.changeOnSelect && e.checkedStrategy === N
   };
 }
-function A(e, t) {
-  const n = t ? Array.isArray(t[0]) ? t : [t] : [];
-  return new k(e.options || [], n, C(e));
+function P(e, t) {
+  const n = t ? V(t[0]) ? t : [t] : [];
+  return new C(e.options || [], n, w(e));
 }
-const V = (e) => (e || []).reduce((c, o) => (c.add([].concat(o).join(a)), c), /* @__PURE__ */ new Set()), i = (e, t) => {
+const g = (e) => (e || []).reduce((c, o) => (c.add([].concat(o).join(a)), c), /* @__PURE__ */ new Set()), i = (e, t) => {
   const n = t || [];
   return e.has(n.join(a));
-}, v = (e, t) => {
+}, b = (e, t) => {
   const n = t || [];
   return e.delete(n.join(a));
-}, E = (e, t, n) => {
+}, A = (e, t, n) => {
   let c = [];
   if (e === void 0 ? c = [] : t ? c = e : c = [e], n && n.config.showParent) {
-    const o = n.getCheckedNodes(), h = V(
+    const o = n.getCheckedNodes(), h = g(
       o.map((l) => l.pathValue)
     ), f = [], s = {};
     return c.map((l, S, r) => {
-      l.some((u, m, g) => {
-        const d = g.slice(0, m + 1), _ = i(h, d);
+      l.some((u, m, k) => {
+        const d = k.slice(0, m + 1), _ = i(h, d);
         return _ && !s[d.join(a)] && (f.push(d), s[d.join(a)] = 1), _;
       });
     }), f;
   }
   return c;
-}, N = (e) => {
-  const t = (n) => Array.isArray(n) ? n.every((c) => c._checked || c.disabled ? !0 : t(c.children)) : !1;
+}, y = (e) => {
+  const t = (n) => V(n) ? n.every((c) => c._checked || c.disabled ? !0 : t(c.children)) : !1;
   return e._halfChecked && t(e?.children);
-}, P = (e, t, n, c) => {
-  const o = c && N(n) ? !1 : c, h = t.getCheckedNodes().reduce((r, u) => (r.add(u.pathValue.join(a)), r), /* @__PURE__ */ new Set());
+}, H = (e, t, n, c) => {
+  const o = c && y(n) ? !1 : c, h = t.getCheckedNodes().reduce((r, u) => (r.add(u.pathValue.join(a)), r), /* @__PURE__ */ new Set());
   n.setCheckedState(o);
-  const s = t.getCheckedNodes().map((r) => r.pathValue), l = V(s), S = /* @__PURE__ */ new Set();
+  const s = t.getCheckedNodes().map((r) => r.pathValue), l = g(s), S = /* @__PURE__ */ new Set();
   return e.filter((r, u, m) => {
     if (!i(h, r) || i(l, r))
       return S.add(r.join(a)), !0;
@@ -52,15 +54,15 @@ const V = (e) => (e || []).reduce((c, o) => (c.add([].concat(o).join(a)), c), /*
   );
 };
 export {
-  j as PANEL_MODE,
-  O as SHOW_CHILD,
-  y as SHOW_PARENT,
+  E as PANEL_MODE,
+  v as SHOW_CHILD,
+  N as SHOW_PARENT,
   a as ValueSeparator,
-  E as formatValue,
-  C as getConfig,
-  P as getMultipleCheckValue,
-  A as getStore,
-  v as removeValueFromSet,
-  V as transformValuesToSet,
+  A as formatValue,
+  w as getConfig,
+  H as getMultipleCheckValue,
+  P as getStore,
+  b as removeValueFromSet,
+  g as transformValuesToSet,
   i as valueInSet
 };

package/color-picker/Mode.js

@@ -1,10 +1,11 @@
+import i from "lodash/isArray";
 import { ColorPickerMode as t } from "./interface.js";
-const i = (r) => Array.isArray(r) && r.length === 1 ? r[0] : r, g = (r) => i(r) === t.Single, A = (r) => i(r) === t.Gradient, o = (r) => Array.isArray(i(r)), s = (r) => o(r) ? t.Gradient : r, c = (r, n, e) => r && Array.isArray(r) ? t.Gradient : r && typeof r == "string" ? t.Single : n && Array.isArray(n) ? t.Gradient : n && typeof n == "string" ? t.Single : s(e);
+const e = (r) => i(r) && r.length === 1 ? r[0] : r, f = (r) => e(r) === t.Single, d = (r) => e(r) === t.Gradient, s = (r) => i(e(r)), g = (r) => s(r) ? t.Gradient : r, p = (r, n, o) => r && i(r) ? t.Gradient : r && typeof r == "string" ? t.Single : n && i(n) ? t.Gradient : n && typeof n == "string" ? t.Single : g(o);
 export {
-  s as getInitialActiveMode,
-  i as getMode,
-  c as getModeByValue,
-  A as isGradientMode,
-  o as isMultiMode,
-  g as isSingleMode
+  g as getInitialActiveMode,
+  e as getMode,
+  p as getModeByValue,
+  d as isGradientMode,
+  s as isMultiMode,
+  f as isSingleMode
 };

package/color-picker/hooks/useColorPicker.js

@@ -1,86 +1,87 @@
 import P from "@unicom-cloud/utils/tinycolor";
-import { useState as C, useRef as k, useMemo as G, useCallback as F, useEffect as M } from "react";
-import Z from "../../components/common/hooks/useIsFirstRender.js";
-import q from "../../components/common/hooks/useMergeValue.js";
-import { ColorPickerMode as y } from "../interface.js";
-import { getModeByValue as $, isGradientMode as H, isSingleMode as w } from "../Mode.js";
-import { mapValueToGradientColor as ee, getColorFromHsv as E, formatRgba as oe, formatHex as te, isEqualsColors as re, equalsHsv as ne, getRandomId as T } from "../utils.js";
-const ge = (s) => {
+import k from "lodash/isArray";
+import { useState as C, useRef as F, useMemo as G, useCallback as q, useEffect as M } from "react";
+import $ from "../../components/common/hooks/useIsFirstRender.js";
+import E from "../../components/common/hooks/useMergeValue.js";
+import { ColorPickerMode as H } from "../interface.js";
+import { getModeByValue as w, isGradientMode as R, isSingleMode as ee } from "../Mode.js";
+import { mapValueToGradientColor as oe, getColorFromHsv as T, formatRgba as te, formatHex as re, isEqualsColors as ne, equalsHsv as se, getRandomId as B } from "../utils.js";
+const ve = (s) => {
   const {
-    mode: B = y.Single,
-    defaultValue: j,
-    format: R,
-    onChange: z,
+    mode: j = H.Single,
+    defaultValue: z,
+    format: _,
+    onChange: D,
     disabledAlpha: h
-  } = s, D = Z(), [p, J] = q(!1, {
+  } = s, J = $(), [p, K] = E(!1, {
     defaultValue: s.defaultPopupVisible,
     value: s.popupVisible
-  }), [i, K] = C(
-    $(
+  }), [i, L] = C(
+    w(
       s.value,
-      j,
-      B
+      z,
+      j
     )
-  ), [r, L] = q(
-    i === y.Gradient ? void 0 : "",
+  ), [r, N] = E(
+    i === H.Gradient ? void 0 : "",
     s
-  ), [_, N] = C(
-    H(i) && Array.isArray(r) ? ee(r, h) : []
-  ), [O, Q] = C(_[0]?.id), v = k(_), b = k(O), o = v.current, A = b.current, m = (e) => {
-    N(e), v.current = typeof e == "function" ? e(v.current) : e;
-  }, x = (e) => {
-    Q(e), b.current = e;
+  ), [x, O] = C(
+    R(i) && k(r) ? oe(r, h) : []
+  ), [Q, U] = C(x[0]?.id), v = F(x), b = F(Q), o = v.current, V = b.current, m = (e) => {
+    O(e), v.current = typeof e == "function" ? e(v.current) : e;
+  }, S = (e) => {
+    U(e), b.current = e;
   }, c = G(() => {
     const e = o.findIndex(
-      (t) => t.id === A
+      (t) => t.id === V
     );
     return e !== -1 ? e : 0;
-  }, [o, A]), u = Array.isArray(r) ? new P(r[c].color).toHsv_() : new P(r).toHsv_(), [d, S] = C({
+  }, [o, V]), u = k(r) ? new P(r[c].color).toHsv_() : new P(r).toHsv_(), [d, y] = C({
     h: u.h,
     s: u.s,
     v: u.v
-  }), [n, V] = C(u.a), f = G(() => E(d), [d]), I = F(
-    (e, t, a, l) => R === "rgb" ? oe(e, t, a, l) : te(e, t, a, l),
-    [R]
+  }), [n, I] = C(u.a), f = G(() => T(d), [d]), A = q(
+    (e, t, a, l) => _ === "rgb" ? te(e, t, a, l) : re(e, t, a, l),
+    [_]
   ), g = G(() => {
-    if (w(i)) {
+    if (ee(i)) {
       const { r: e, g: t, b: a } = f.rgb;
-      return I(e, t, a, n);
+      return A(e, t, a, n);
     }
     return o.map((e) => {
       const { r: t, g: a, b: l } = e.color.rgb;
       return {
-        color: I(t, a, l, e.alpha),
+        color: A(t, a, l, e.alpha),
         percent: e.percent
       };
     });
-  }, [i, o, f.rgb, I, n]);
+  }, [i, o, f.rgb, A, n]);
   M(() => {
-    L(g), !D && !re(r, g) && z?.(g);
+    N(g), !J && !ne(r, g) && D?.(g);
   }, [g]);
-  const U = F(
+  const W = q(
     (e) => {
       if (e && r !== g) {
-        const { h: t, s: a, v: l, a: Y } = u;
-        S({ h: t, s: a, v: l }), V(Y);
+        const { h: t, s: a, v: l, a: Z } = u;
+        y({ h: t, s: a, v: l }), I(Z);
       }
-      e !== p && (s.onVisibleChange?.(e), "popupVisible" in s || J(e));
+      e !== p && (s.onVisibleChange?.(e), "popupVisible" in s || K(e));
     },
     [s.onVisibleChange, p, r]
-  ), W = (e) => {
-    S(e), h && n !== 100 && V(100);
-  }, X = (e) => {
-    V(e);
+  ), X = (e) => {
+    y(e), h && n !== 100 && I(100);
+  }, Y = (e) => {
+    I(e);
   };
   return M(() => {
-    if (!H(i) || !o.length || ne(o[c].color.hsv, d)) return;
+    if (!R(i) || !o.length || se(o[c].color.hsv, d)) return;
     const e = [...o];
     e[c] = {
       ...e[c],
-      color: E(d)
+      color: T(d)
     }, m(e);
   }, [d]), M(() => {
-    if (!H(i) || !o.length || o[c].alpha === n) return;
+    if (!R(i) || !o.length || o[c].alpha === n) return;
     const e = [...o];
     e[c] = {
       ...e[c],
@@ -91,34 +92,34 @@ const ge = (s) => {
     activeMode: i,
     gradientColors: o,
     gradientColorsRef: v,
-    activeColorId: A,
+    activeColorId: V,
     activeColorIdRef: b,
     popupVisible: p,
     color: f,
     alpha: n,
-    onHsvChange: W,
-    onAlphaChange: X,
-    onVisibleChange: U,
+    onHsvChange: X,
+    onAlphaChange: Y,
+    onVisibleChange: W,
     onActiveModeChange: (e) => {
-      e !== i && (e === y.Single ? x(o[0]?.id) : m([
+      e !== i && (e === H.Single ? S(o[0]?.id) : m([
         {
-          id: T(),
+          id: B(),
           color: f,
           alpha: n,
           percent: 0
         },
         {
-          id: T(),
+          id: B(),
           color: f,
           alpha: n,
           percent: 100
         }
-      ]), K(e));
+      ]), L(e));
     },
-    onActiveColorIdChange: x,
+    onActiveColorIdChange: S,
     onGradientColorsChange: m
   };
 };
 export {
-  ge as useColorPicker
+  ve as useColorPicker
 };

package/color-picker/index.js

@@ -1,32 +1,33 @@
 import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import G from "lodash/isFunction";
-import S from "lodash/isNil";
-import D, { useContext as q } from "react";
+import G from "lodash/isArray";
+import S from "lodash/isFunction";
+import D from "lodash/isNil";
+import q, { useContext as J } from "react";
 import "../config-provider/ConfigProvider.js";
-import J from "../copy/index.js";
-import K from "../components/common/hooks/useMergeProps.js";
-import L from "../trigger/index.js";
-import Q from "@unicom-cloud/utils/class-name";
-import { colors as U } from "./colors.js";
-import { ControlBar as kr } from "./ControlBar.js";
-import { useColorPicker as W } from "./hooks/useColorPicker.js";
-import { InputAlpha as yr } from "./InputAlpha.js";
-import { InputHex as Nr } from "./InputHex.js";
-import { InputRgb as br } from "./InputRgb.js";
-import { Palette as zr } from "./Palette.js";
-import { Panel as X } from "./Panel.js";
-import { getGradientString as Y, renderBackground as Z } from "./utils.js";
-import _ from "../config-provider/context.js";
+import K from "../copy/index.js";
+import L from "../components/common/hooks/useMergeProps.js";
+import Q from "../trigger/index.js";
+import U from "@unicom-cloud/utils/class-name";
+import { colors as W } from "./colors.js";
+import { ControlBar as Io } from "./ControlBar.js";
+import { useColorPicker as X } from "./hooks/useColorPicker.js";
+import { InputAlpha as bo } from "./InputAlpha.js";
+import { InputHex as $o } from "./InputHex.js";
+import { InputRgb as wo } from "./InputRgb.js";
+import { Palette as Ro } from "./Palette.js";
+import { Panel as Y } from "./Panel.js";
+import { getGradientString as Z, renderBackground as _ } from "./utils.js";
+import oo from "../config-provider/context.js";
 const c = {
   size: "default",
-  presetColors: U
+  presetColors: W
 };
-function rr(t, m) {
+function ro(t, m) {
   const {
     getPrefixCls: d,
     componentConfig: g,
     size: u
-  } = q(_), n = K(
+  } = J(oo), n = L(
     t,
     { ...c, size: u || c.size },
     g?.ColorPicker
@@ -43,10 +44,10 @@ function rr(t, m) {
     historyColors: y,
     presetColors: I,
     showHistory: N,
-    showPreset: A,
-    renderFooter: b
-  } = n, o = d?.("color-picker"), {
-    value: r,
+    showPreset: b,
+    renderFooter: A
+  } = n, r = d?.("color-picker"), {
+    value: o,
     activeMode: $,
     gradientColors: z,
     activeColorId: w,
@@ -60,14 +61,14 @@ function rr(t, m) {
     onActiveModeChange: V,
     onGradientColorsChange: j,
     onActiveColorIdChange: F
-  } = W(n);
+  } = X(n);
   return /* @__PURE__ */ e(
-    L,
+    Q,
     {
       popup: () => /* @__PURE__ */ e(
-        X,
+        Y,
         {
-          value: r,
+          value: o,
           mode: h,
           activeMode: $,
           gradientColors: z,
@@ -78,14 +79,14 @@ function rr(t, m) {
           historyColors: y,
           presetColors: I,
           showHistory: N,
-          showPreset: A,
+          showPreset: b,
           onHsvChange: M,
           onAlphaChange: O,
           onActiveModeChange: V,
           onGradientColorsChange: j,
           onActiveColorIdChange: F,
           disabledAlpha: x,
-          renderFooter: b
+          renderFooter: A
         }
       ),
       trigger: "click",
@@ -103,16 +104,16 @@ function rr(t, m) {
       ...P,
       onVisibleChange: T,
       children: (() => {
-        const a = G(t.triggerElement) ? t.triggerElement({ value: r }) : t.triggerElement;
-        if (!S(a))
+        const a = S(t.triggerElement) ? t.triggerElement({ value: o }) : t.triggerElement;
+        if (!D(a))
           return a;
-        const s = typeof r == "string" ? r : Y(r);
+        const s = typeof o == "string" ? o : Z(o);
         return /* @__PURE__ */ p(
           "div",
           {
-            className: Q(o, f, {
-              [`${o}-size-${l}`]: l,
-              [`${o}-disabled`]: i
+            className: U(r, f, {
+              [`${r}-size-${l}`]: l,
+              [`${r}-disabled`]: i
             }),
             style: C,
             ref: m,
@@ -120,20 +121,20 @@ function rr(t, m) {
               /* @__PURE__ */ e(
                 "div",
                 {
-                  className: `${o}-preview`,
-                  style: Array.isArray(r) ? {
-                    background: Z(r)
-                  } : { backgroundColor: r }
+                  className: `${r}-preview`,
+                  style: G(o) ? {
+                    background: _(o)
+                  } : { backgroundColor: o }
                 }
               ),
-              !!v && /* @__PURE__ */ p("div", { className: `${o}-value`, children: [
+              !!v && /* @__PURE__ */ p("div", { className: `${r}-value`, children: [
                 s,
-                !i && /* @__PURE__ */ e(J, { text: s, className: `${o}-copy` })
+                !i && /* @__PURE__ */ e(K, { text: s, className: `${r}-copy` })
               ] }),
               /* @__PURE__ */ e(
                 "input",
                 {
-                  className: `${o}-input`,
+                  className: `${r}-input`,
                   value: s,
                   disabled: i,
                   readOnly: !0
@@ -147,16 +148,16 @@ function rr(t, m) {
     }
   );
 }
-const or = D.forwardRef(
-  rr
+const eo = q.forwardRef(
+  ro
 );
-or.displayName = "ColorPicker";
+eo.displayName = "ColorPicker";
 export {
-  kr as ColorPickerControlBar,
-  yr as ColorPickerInputAlpha,
-  Nr as ColorPickerInputHex,
-  br as ColorPickerInputRgb,
-  zr as ColorPickerPalette,
-  X as ColorPickerPanel,
-  or as default
+  Io as ColorPickerControlBar,
+  bo as ColorPickerInputAlpha,
+  $o as ColorPickerInputHex,
+  wo as ColorPickerInputRgb,
+  Ro as ColorPickerPalette,
+  Y as ColorPickerPanel,
+  eo as default
 };