@unicom-cloud/ui 0.8.119 → 0.8.121

package/collapse/Item.js

@@ -1,76 +1,67 @@
-/* 2025-11-11 09:22:07 */
+/* 2025-11-14 10:03:09 */
 import { jsxs as u, jsx as s } from "react/jsx-runtime";
-import "@unicom-cloud/utils/dom-helpers/reflow";
-import "../dist/ui-common/utils/is.js";
-import "../dist/ui-common/transition-group/CSSTransition.js";
-import w, { useContext as y, useRef as $ } from "react";
-import "../dist/ui-common/utils/reactDOM.js";
-import "react-is";
-import "../dist/ui-common/transition-group/ReplaceTransition.js";
-import "../dist/ui-common/transition-group/SwitchTransition.js";
-import L from "../dist/ui-common/transition-group/Transition.js";
-import "../dist/ui-common/transition-group/TransitionGroup.js";
-import "../dist/ui-common/transition-group/TransitionGroupContext.js";
+import { Transition as w } from "@unicom-cloud/ui-common/transition-group";
+import L, { useContext as y, useRef as $ } from "react";
 import "../config-provider/ConfigProvider.js";
-import j from "../dist/ui-common/hooks/use-keyboard-event/index.js";
-import M from "../icon-hover/index.js";
-import a from "@unicom-cloud/utils/class-name";
-import { off as T, on as z } from "../dist/ui-common/utils/dom.js";
-import { CollapseContext as B } from "./Collapse.js";
-import K from "../config-provider/context.js";
+import T from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
+import j from "../icon-hover/index.js";
+import c from "@unicom-cloud/ui-common/utils/className";
+import { off as K, on as M } from "@unicom-cloud/ui-common/utils/dom";
+import { CollapseContext as z } from "./Collapse.js";
+import B from "../config-provider/context.js";
 function S(d, v) {
-  const { prefixCls: A, getPrefixCls: C } = y(K), n = y(B), E = j(), {
+  const { prefixCls: A, getPrefixCls: C } = y(B), n = y(z), E = T(), {
     children: H,
     name: l,
     header: I,
-    className: b,
-    style: N,
+    className: N,
+    style: b,
     contentStyle: O,
-    extra: p,
+    extra: x,
     disabled: r,
-    destroyOnHide: x,
+    destroyOnHide: p,
     expandIcon: R,
     showExpandIcon: k = !0,
     ...P
-  } = d, o = $(void 0), f = $(void 0), t = C?.("collapse-item"), c = n.activeKeys?.indexOf(l) > -1, h = k ? "expandIcon" in d ? R : n.expandIcon : null, m = (e, i) => {
+  } = d, o = $(void 0), f = $(void 0), t = C?.("collapse-item"), a = n.activeKeys?.indexOf(l) > -1, h = k ? "expandIcon" in d ? R : n.expandIcon : null, g = (e, i) => {
     if (r)
       return;
-    const { triggerRegion: g } = n;
-    (i === (g === "icon" ? 0 : g === "header" ? 1 : 2) || // When triggerRegion is set to header, clicking icon should trigger onChange as well
-    g === "header" && [0, 1].includes(i)) && n.onToggle?.(l, e);
+    const { triggerRegion: m } = n;
+    (i === (m === "icon" ? 0 : m === "header" ? 1 : 2) || // When triggerRegion is set to header, clicking icon should trigger onChange as well
+    m === "header" && [0, 1].includes(i)) && n.onToggle?.(l, e);
   };
   return /* @__PURE__ */ u(
     "div",
     {
       ref: v,
       ...P,
-      className: a(
+      className: c(
         t,
         {
-          [`${t}-active`]: c,
+          [`${t}-active`]: a,
           [`${t}-no-icon`]: !h,
           [`${t}-disabled`]: r
         },
-        b
+        N
       ),
-      style: N,
+      style: b,
       children: [
         /* @__PURE__ */ u(
           "div",
           {
             role: "button",
             "aria-disabled": r,
-            "aria-expanded": c,
+            "aria-expanded": a,
             "data-active-region": n.triggerRegion,
             tabIndex: r ? -1 : 0,
-            className: a(
+            className: c(
               `${t}-header`,
               `${t}-header-${n.expandIconPosition}`,
               {
                 [`${t}-header-disabled`]: r
               }
             ),
-            onClick: (e) => m(e, 2),
+            onClick: (e) => g(e, 2),
             ...E({
               onPressEnter: (e) => {
                 !r && n.onToggle(l, e);
@@ -78,20 +69,20 @@ function S(d, v) {
             }),
             children: [
               h && /* @__PURE__ */ s(
-                M,
+                j,
                 {
                   prefix: t,
                   disabled: r,
-                  className: a({
+                  className: c({
                     [`${t}-icon-hover-right`]: n.expandIconPosition === "right",
                     [`${t}-header-icon-right`]: n.expandIconPosition === "right"
                   }),
-                  onClick: (e) => m(e, 0),
+                  onClick: (e) => g(e, 0),
                   children: /* @__PURE__ */ s(
                     "span",
                     {
-                      className: a(`${t}-header-icon`, {
-                        [`${t}-header-icon-down`]: c
+                      className: c(`${t}-header-icon`, {
+                        [`${t}-header-icon-down`]: a
                       }),
                       children: h
                     }
@@ -102,33 +93,33 @@ function S(d, v) {
                 "div",
                 {
                   className: `${t}-header-title`,
-                  onClick: (e) => m(e, 1),
+                  onClick: (e) => g(e, 1),
                   children: I
                 }
               ),
-              p && /* @__PURE__ */ s(
+              x && /* @__PURE__ */ s(
                 "div",
                 {
                   className: `${t}-header-extra`,
                   onClick: (e) => {
                     e.stopPropagation();
                   },
-                  children: p
+                  children: x
                 }
               )
             ]
           }
         ),
         /* @__PURE__ */ s(
-          L,
+          w,
           {
             refElement: o,
-            in: c,
+            in: a,
             addEndListener: (e) => {
-              T(o.current, "transitionend", e), z(o.current, "transitionend", e);
+              K(o.current, "transitionend", e), M(o.current, "transitionend", e);
             },
-            mountOnEnter: "destroyOnHide" in d ? x : n.destroyOnHide || n.lazyload,
-            unmountOnExit: "destroyOnHide" in d ? x : n.destroyOnHide,
+            mountOnEnter: "destroyOnHide" in d ? p : n.destroyOnHide || n.lazyload,
+            unmountOnExit: "destroyOnHide" in d ? p : n.destroyOnHide,
             onEnter: () => {
               const e = o.current;
               e && (e.style.height = "0", e.style.display = "block");
@@ -158,8 +149,8 @@ function S(d, v) {
               {
                 ref: o,
                 role: "region",
-                className: a(`${t}-content`, {
-                  [`${t}-content-expanded`]: c
+                className: c(`${t}-content`, {
+                  [`${t}-content-expanded`]: a
                 }),
                 children: /* @__PURE__ */ s(
                   "div",
@@ -178,7 +169,7 @@ function S(d, v) {
     }
   );
 }
-const q = w.forwardRef(
+const q = L.forwardRef(
   S
 );
 q.displayName = "CollapseItem";

package/collapse/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-11 09:22:07 */
+/* 2025-11-14 10:03:09 */
 import e from "./Collapse.js";
 import { default as l } from "./Item.js";
 export {

package/color-picker/ControlBar.js

@@ -1,36 +1,36 @@
-/* 2025-11-11 09:22:07 */
+/* 2025-11-14 10:03:09 */
 import { jsx as a } from "react/jsx-runtime";
-import { useContext as v } from "react";
+import { useContext as k } from "react";
 import "../config-provider/ConfigProvider.js";
-import $ from "@unicom-cloud/utils/class-name";
-import { useControlBlock as b } from "./hooks/useControlBlock.js";
-import y from "../config-provider/context.js";
+import v from "@unicom-cloud/ui-common/utils/className";
+import { useControlBlock as $ } from "./hooks/useControlBlock.js";
+import b from "../config-provider/context.js";
 const D = ({
   className: c,
   style: f,
-  multiple: t = !1,
+  multiple: s = !1,
   value: o,
   onActive: d,
-  onAdd: i,
-  onChange: m,
+  onAdd: m,
+  onChange: i,
   renderHandlerStyle: p,
   renderHandlerCenterStyle: C
 }) => {
-  const { prefixCls: N, getPrefixCls: x } = v(y), s = x?.("color-picker"), { blockRef: h, handlerRef: u, onMouseDown: g } = b({
-    multiple: t,
-    value: t ? o.map((r) => ({
+  const { prefixCls: y, getPrefixCls: x } = k(b), t = x?.("color-picker"), { blockRef: h, handlerRef: u, onMouseDown: N } = $({
+    multiple: s,
+    value: s ? o.map((r) => ({
       value: [r.value / 100, 0],
       key: r.key
     })) : [o, 0],
-    onChange: (r) => m(r[0]),
-    onAdd: (r) => i(r[0]),
+    onChange: (r) => i(r[0]),
+    onAdd: (r) => m(r[0]),
     onActive: d
-  }), k = () => {
+  }), g = () => {
     const r = (n, e, l) => /* @__PURE__ */ a(
       "div",
       {
         ref: u,
-        className: `${s}-handler`,
+        className: `${t}-handler`,
         style: {
           left: `${n * 100}%`,
           ...p?.(e, l)
@@ -39,7 +39,7 @@ const D = ({
         children: /* @__PURE__ */ a(
           "div",
           {
-            className: `${s}-handler-center`,
+            className: `${t}-handler-center`,
             style: C?.(e, l),
             "data-key": e
           }
@@ -47,16 +47,16 @@ const D = ({
       },
       e
     );
-    return t ? o.map((n, e) => r(n.value, n.key, e)) : r(o);
+    return s ? o.map((n, e) => r(n.value, n.key, e)) : r(o);
   };
   return /* @__PURE__ */ a(
     "div",
     {
       ref: h,
       style: f,
-      className: $(`${s}-control-bar`, c),
-      onMouseDown: g,
-      children: k()
+      className: v(`${t}-control-bar`, c),
+      onMouseDown: N,
+      children: g()
     }
   );
 };

package/color-picker/InputAlpha.js

@@ -1,4 +1,4 @@
-/* 2025-11-11 09:22:07 */
+/* 2025-11-14 10:03:09 */
 import { jsx as n } from "react/jsx-runtime";
 import { useContext as m } from "react";
 import "../config-provider/ConfigProvider.js";

package/color-picker/InputHex.js

@@ -1,4 +1,4 @@
-/* 2025-11-11 09:22:07 */
+/* 2025-11-14 10:03:09 */
 import { jsxs as g, jsx as p } from "react/jsx-runtime";
 import f from "@unicom-cloud/utils/tinycolor";
 import { useContext as v, useState as I, useEffect as P } from "react";

package/color-picker/InputRgb.js

@@ -1,4 +1,4 @@
-/* 2025-11-11 09:22:07 */
+/* 2025-11-14 10:03:09 */
 import { jsxs as f, jsx as n } from "react/jsx-runtime";
 import x from "@unicom-cloud/utils/tinycolor";
 import { useContext as h } from "react";

package/color-picker/Mode.js

@@ -1,13 +1,12 @@
-/* 2025-11-11 09:22:07 */
-import "../dist/ui-common/utils/is.js";
+/* 2025-11-14 10:03:09 */
+import { isArray as i, isString as o } from "@unicom-cloud/ui-common/utils/is";
 import { ColorPickerMode as t } from "./interface.js";
-import { isArray as i, isString as o } from "@unicom-cloud/utils/is";
-const e = (r) => i(r) && r.length === 1 ? r[0] : r, u = (r) => e(r) === t.Single, G = (r) => e(r) === t.Gradient, g = (r) => i(e(r)), c = (r) => g(r) ? t.Gradient : r, S = (r, n, s) => r && i(r) ? t.Gradient : r && o(r) ? t.Single : n && i(n) ? t.Gradient : n && o(n) ? t.Single : c(s);
+const e = (r) => i(r) && r.length === 1 ? r[0] : r, f = (r) => e(r) === t.Single, u = (r) => e(r) === t.Gradient, g = (r) => i(e(r)), c = (r) => g(r) ? t.Gradient : r, G = (r, n, s) => r && i(r) ? t.Gradient : r && o(r) ? t.Single : n && i(n) ? t.Gradient : n && o(n) ? t.Single : c(s);
 export {
   c as getInitialActiveMode,
   e as getMode,
-  S as getModeByValue,
-  G as isGradientMode,
+  G as getModeByValue,
+  u as isGradientMode,
   g as isMultiMode,
-  u as isSingleMode
+  f as isSingleMode
 };

package/color-picker/Palette.js

@@ -1,4 +1,4 @@
-/* 2025-11-11 09:22:07 */
+/* 2025-11-14 10:03:09 */
 import { jsx as s } from "react/jsx-runtime";
 import u from "@unicom-cloud/utils/tinycolor";
 import { useContext as d, useMemo as h } from "react";

package/color-picker/Panel.js

@@ -1,4 +1,4 @@
-/* 2025-11-11 09:22:07 */
+/* 2025-11-14 10:03:09 */
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import d from "@unicom-cloud/utils/tinycolor";
 import { useContext as cr, useState as ar, useMemo as sr } from "react";
@@ -7,18 +7,17 @@ import C from "../radio/Radio.js";
 import "../radio/Group.js";
 import dr from "../select/Select.js";
 import E from "../tooltip/index.js";
-import mr from "@unicom-cloud/utils/class-name";
-import "../dist/ui-common/utils/is.js";
+import mr from "@unicom-cloud/ui-common/utils/className";
+import { isFunction as ur } from "@unicom-cloud/ui-common/utils/is";
 import { ControlBar as k } from "./ControlBar.js";
-import { InputHex as ur } from "./InputHex.js";
-import { InputRgb as pr } from "./InputRgb.js";
+import { InputHex as pr } from "./InputHex.js";
+import { InputRgb as gr } from "./InputRgb.js";
 import { ColorPickerMode as F } from "./interface.js";
 import { isMultiMode as H, isGradientMode as X } from "./Mode.js";
-import { Palette as gr } from "./Palette.js";
-import { renderBackground as br, sortGradientColors as _, getColorByGradients as fr } from "./utils.js";
-import vr from "../config-provider/context.js";
-import { isFunction as hr } from "@unicom-cloud/utils/is";
-const Hr = ({
+import { Palette as br } from "./Palette.js";
+import { renderBackground as fr, sortGradientColors as _, getColorByGradients as vr } from "./utils.js";
+import hr from "../config-provider/context.js";
+const Fr = ({
   value: D,
   mode: y,
   activeMode: h,
@@ -46,7 +45,7 @@ const Hr = ({
     prefixCls: $r,
     getPrefixCls: Q,
     locale: g
-  } = cr(vr), r = Q?.("color-picker"), [T, U] = ar("hex"), j = sr(() => {
+  } = cr(hr), r = Q?.("color-picker"), [T, U] = ar("hex"), j = sr(() => {
     const n = new Set(x ?? []);
     return Array.from(n);
   }, [x]), { h: z, s: V, v: W } = a.hsv, { r: b, g: f, b: v } = a.rgb, Y = (n) => {
@@ -81,7 +80,7 @@ const Hr = ({
     ));
   }, rr = () => {
     const n = (t) => {
-      const o = Math.round(t * 100), c = fr(m, o), N = _(m.concat(c));
+      const o = Math.round(t * 100), c = vr(m, o), N = _(m.concat(c));
       M(N), I(c.id), s(c.color.hsv), p(c.alpha);
     }, l = (t) => {
       const o = m.find((c) => c.id === t);
@@ -99,7 +98,7 @@ const Hr = ({
         onChange: A,
         onActive: l,
         style: {
-          background: br(D)
+          background: fr(D)
         },
         renderHandlerStyle: (t) => J === t ? {
           outline: "1px solid rgb(var(--pqb-primary-6))"
@@ -118,7 +117,7 @@ const Hr = ({
       }
     ) });
   }, er = () => T === "rgb" ? /* @__PURE__ */ e(
-    pr,
+    gr,
     {
       color: a,
       alpha: u,
@@ -127,7 +126,7 @@ const Hr = ({
       disabledAlpha: $
     }
   ) : /* @__PURE__ */ e(
-    ur,
+    pr,
     {
       color: a,
       alpha: u,
@@ -172,7 +171,7 @@ const Hr = ({
           H(y) && Z(),
           X(h) && rr(),
           /* @__PURE__ */ e(
-            gr,
+            br,
             {
               color: a,
               onChange: (n, l) => {
@@ -266,9 +265,9 @@ const Hr = ({
       ] })
     ] }),
     or(),
-    hr(G) ? G() : null
+    ur(G) ? G() : null
   ] });
 };
 export {
-  Hr as Panel
+  Fr as Panel
 };

package/color-picker/colors.js

@@ -1,4 +1,4 @@
-/* 2025-11-11 09:22:07 */
+/* 2025-11-14 10:03:09 */
 import t from "@unicom-cloud/utils/tinycolor";
 import * as e from "@unicom-cloud/utils/ui-color";
 new t("#eee");

package/color-picker/hooks/useColorPicker.js

@@ -1,99 +1,98 @@
-/* 2025-11-11 09:22:07 */
-import k from "@unicom-cloud/utils/tinycolor";
-import { useState as g, useRef as y, useMemo as G, useCallback as F, useEffect as H } from "react";
-import $ from "../../dist/ui-common/hooks/use-is-first-render/index.js";
-import q from "../../dist/ui-common/hooks/use-merge-value/index.js";
-import "../../dist/ui-common/utils/is.js";
-import { ColorPickerMode as M } from "../interface.js";
-import { getModeByValue as w, isGradientMode as R, isSingleMode as oo } from "../Mode.js";
-import { mapValueToGradientColor as eo, getColorFromHsv as E, formatRgba as to, formatHex as ro, isEqualsColors as no, equalsHsv as io, getRandomId as T } from "../utils.js";
-import { isArray as B, isFunction as so } from "@unicom-cloud/utils/is";
-const po = (i) => {
+/* 2025-11-14 10:03:09 */
+import P from "@unicom-cloud/utils/tinycolor";
+import { useState as C, useRef as k, useMemo as G, useCallback as y, useEffect as M } from "react";
+import $ from "@unicom-cloud/ui-common/hooks/use-is-first-render";
+import q from "@unicom-cloud/ui-common/hooks/use-merge-value";
+import { isArray as E, isFunction as w } from "@unicom-cloud/ui-common/utils/is";
+import { ColorPickerMode as H } from "../interface.js";
+import { getModeByValue as ee, isGradientMode as R, isSingleMode as oe } from "../Mode.js";
+import { mapValueToGradientColor as te, getColorFromHsv as T, formatRgba as re, formatHex as ne, isEqualsColors as se, equalsHsv as ie, getRandomId as B } from "../utils.js";
+const me = (s) => {
   const {
-    mode: j = M.Single,
+    mode: j = H.Single,
     defaultValue: z,
     format: _,
     onChange: D,
     disabledAlpha: h
-  } = i, J = $(), [p, K] = q(!1, {
-    defaultValue: i.defaultPopupVisible,
-    value: i.popupVisible
-  }), [s, L] = g(
-    w(
-      i.value,
+  } = s, J = $(), [p, K] = q(!1, {
+    defaultValue: s.defaultPopupVisible,
+    value: s.popupVisible
+  }), [i, L] = C(
+    ee(
+      s.value,
       z,
       j
     )
   ), [r, N] = q(
-    s === M.Gradient ? void 0 : "",
-    i
-  ), [x, O] = g(
-    R(s) && B(r) ? eo(r, h) : []
-  ), [Q, U] = g(x[0]?.id), m = y(x), b = y(Q), e = m.current, V = b.current, v = (o) => {
-    O(o), m.current = so(o) ? o(m.current) : o;
-  }, S = (o) => {
-    U(o), b.current = o;
+    i === H.Gradient ? void 0 : "",
+    s
+  ), [x, O] = C(
+    R(i) && E(r) ? te(r, h) : []
+  ), [Q, U] = C(x[0]?.id), v = k(x), b = k(Q), o = v.current, V = b.current, m = (e) => {
+    O(e), v.current = w(e) ? e(v.current) : e;
+  }, S = (e) => {
+    U(e), b.current = e;
   }, c = G(() => {
-    const o = e.findIndex(
+    const e = o.findIndex(
       (t) => t.id === V
     );
-    return o !== -1 ? o : 0;
-  }, [e, V]), u = B(r) ? new k(r[c].color).toHsv_() : new k(r).toHsv_(), [d, P] = g({
+    return e !== -1 ? e : 0;
+  }, [o, V]), u = E(r) ? new P(r[c].color).toHsv_() : new P(r).toHsv_(), [d, F] = C({
     h: u.h,
     s: u.s,
     v: u.v
-  }), [n, A] = g(u.a), f = G(() => E(d), [d]), I = F(
-    (o, t, a, l) => _ === "rgb" ? to(o, t, a, l) : ro(o, t, a, l),
+  }), [n, I] = C(u.a), f = G(() => T(d), [d]), A = y(
+    (e, t, a, l) => _ === "rgb" ? re(e, t, a, l) : ne(e, t, a, l),
     [_]
-  ), C = G(() => {
-    if (oo(s)) {
-      const { r: o, g: t, b: a } = f.rgb;
-      return I(o, t, a, n);
+  ), g = G(() => {
+    if (oe(i)) {
+      const { r: e, g: t, b: a } = f.rgb;
+      return A(e, t, a, n);
     }
-    return e.map((o) => {
-      const { r: t, g: a, b: l } = o.color.rgb;
+    return o.map((e) => {
+      const { r: t, g: a, b: l } = e.color.rgb;
       return {
-        color: I(t, a, l, o.alpha),
-        percent: o.percent
+        color: A(t, a, l, e.alpha),
+        percent: e.percent
       };
     });
-  }, [s, e, f.rgb, I, n]);
-  H(() => {
-    N(C), !J && !no(r, C) && D?.(C);
-  }, [C]);
-  const W = F(
-    (o) => {
-      if (o && r !== C) {
+  }, [i, o, f.rgb, A, n]);
+  M(() => {
+    N(g), !J && !se(r, g) && D?.(g);
+  }, [g]);
+  const W = y(
+    (e) => {
+      if (e && r !== g) {
         const { h: t, s: a, v: l, a: Z } = u;
-        P({ h: t, s: a, v: l }), A(Z);
+        F({ h: t, s: a, v: l }), I(Z);
       }
-      o !== p && (i.onVisibleChange?.(o), "popupVisible" in i || K(o));
+      e !== p && (s.onVisibleChange?.(e), "popupVisible" in s || K(e));
     },
-    [i.onVisibleChange, p, r]
-  ), X = (o) => {
-    P(o), h && n !== 100 && A(100);
-  }, Y = (o) => {
-    A(o);
+    [s.onVisibleChange, p, r]
+  ), X = (e) => {
+    F(e), h && n !== 100 && I(100);
+  }, Y = (e) => {
+    I(e);
   };
-  return H(() => {
-    if (!R(s) || !e.length || io(e[c].color.hsv, d)) return;
-    const o = [...e];
-    o[c] = {
-      ...o[c],
-      color: E(d)
-    }, v(o);
-  }, [d]), H(() => {
-    if (!R(s) || !e.length || e[c].alpha === n) return;
-    const o = [...e];
-    o[c] = {
-      ...o[c],
+  return M(() => {
+    if (!R(i) || !o.length || ie(o[c].color.hsv, d)) return;
+    const e = [...o];
+    e[c] = {
+      ...e[c],
+      color: T(d)
+    }, m(e);
+  }, [d]), M(() => {
+    if (!R(i) || !o.length || o[c].alpha === n) return;
+    const e = [...o];
+    e[c] = {
+      ...e[c],
       alpha: h ? 100 : n
-    }, v(o);
+    }, m(e);
   }, [n]), {
     value: r,
-    activeMode: s,
-    gradientColors: e,
-    gradientColorsRef: m,
+    activeMode: i,
+    gradientColors: o,
+    gradientColorsRef: v,
     activeColorId: V,
     activeColorIdRef: b,
     popupVisible: p,
@@ -102,26 +101,26 @@ const po = (i) => {
     onHsvChange: X,
     onAlphaChange: Y,
     onVisibleChange: W,
-    onActiveModeChange: (o) => {
-      o !== s && (o === M.Single ? S(e[0]?.id) : v([
+    onActiveModeChange: (e) => {
+      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
         }
-      ]), L(o));
+      ]), L(e));
     },
     onActiveColorIdChange: S,
-    onGradientColorsChange: v
+    onGradientColorsChange: m
   };
 };
 export {
-  po as useColorPicker
+  me as useColorPicker
 };