intergalactic 15.126.1 → 15.127.0-prerelease.2

package/color-picker/lib/esm/ColorPicker.mjs

@@ -1,63 +1,63 @@
-import C from "@babel/runtime/helpers/esm/objectSpread2";
+import v from "@babel/runtime/helpers/esm/objectSpread2";
 import y from "@babel/runtime/helpers/esm/classCallCheck";
 import P from "@babel/runtime/helpers/esm/createClass";
 import I from "@babel/runtime/helpers/esm/assertThisInitialized";
 import T from "@babel/runtime/helpers/esm/inherits";
-import w from "@babel/runtime/helpers/esm/createSuper";
-import s from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as E } from 'intergalactic/utils/lib/core/index';
-import k, { assignProps as u, sstyled as d, Component as F } from 'intergalactic/core';
+import k from "@babel/runtime/helpers/esm/createSuper";
+import d from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as w } from 'intergalactic/utils/lib/core/index';
+import C, { assignProps as u, sstyled as q, Component as E } from 'intergalactic/core';
 import i from "react";
-import f from 'intergalactic/dropdown';
-import { Box as v } from 'intergalactic/flex-box';
-import D from 'intergalactic/icon/ChevronDown/m';
-import L from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
-import B from "./PaletteManager.mjs";
+import m from 'intergalactic/dropdown';
+import { Box as f } from 'intergalactic/flex-box';
+import F from 'intergalactic/icon/ChevronDown/m';
+import D from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+import L from "./PaletteManager.mjs";
 import { localizedMessages as h } from "./translations/__intergalactic-dynamic-locales.mjs";
-import M from 'intergalactic/utils/lib/enhances/i18nEnhance';
-import { Item as j } from "./components/Item.mjs";
-import { Colors as z, ColorsCustom as R } from "./components/colors.mjs";
-import { InputColor as $ } from "./components/InputColor.mjs";
-var A = (
+import B from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import { Item as M } from "./components/Item.mjs";
+import { Colors as j, ColorsCustom as z } from "./components/colors.mjs";
+import { InputColor as R } from "./components/InputColor.mjs";
+var $ = (
   /*__reshadow_css_start__*/
-  (E.insert(
+  (w.insert(
     /*__inner_css_start__*/
-    '.___SColorPickerPopper_15mik_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_15mik_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_15mik_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_15mik_gg_::after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_15mik)}@media (hover:hover){.___SItemContainer_15mik_gg_:hover>.___SCloseIcon_15mik_gg_{opacity:1}}.___SItemContainer_15mik_gg_.__keyboardFocused_15mik_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_15mik_gg_.__selected_15mik_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_15mik_gg_.__displayLabel_15mik_gg_::after{background:var(--value_15mik);opacity:.15}.___SItemContainer_15mik_gg_:not(.__value_15mik_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_15mik_gg_,.___SColors_15mik_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_15mik_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_15mik_gg_,.___SPaletteManager_15mik_gg_,.___SPlusButton_15mik_gg_{display:flex;align-items:center}.___SPlusButton_15mik_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_15mik_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_15mik_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_15mik_gg_.__keyboardFocused_15mik_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_15mik_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_15mik);border:1px solid transparent}.___STriggerCircle_15mik_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_15mik_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_15mik_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_15mik_gg_{position:absolute}.___SLabel_15mik_gg_{z-index:1;color:var(--data-value_15mik);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_15mik_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_15mik)}.___SClearConfirm_15mik_gg_.__hidden_15mik_gg_,.___SConfirmColor_15mik_gg_.__hidden_15mik_gg_{display:none}',
-    "15mik_gg_"
+    '.___SColorPickerPopper_1qiqd_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1qiqd_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_1qiqd_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1qiqd_gg_::after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_1qiqd)}@media (hover:hover){.___SItemContainer_1qiqd_gg_:hover>.___SCloseIcon_1qiqd_gg_{opacity:1}}.___SItemContainer_1qiqd_gg_.__keyboardFocused_1qiqd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1qiqd_gg_.__selected_1qiqd_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1qiqd_gg_.__displayLabel_1qiqd_gg_::after{background:var(--value_1qiqd);opacity:.15}.___SItemContainer_1qiqd_gg_:not(.__value_1qiqd_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1qiqd_gg_,.___SColors_1qiqd_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1qiqd_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1qiqd_gg_,.___SPaletteManager_1qiqd_gg_,.___SPlusButton_1qiqd_gg_{display:flex;align-items:center}.___SPlusButton_1qiqd_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1qiqd_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1qiqd_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1qiqd_gg_.__keyboardFocused_1qiqd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1qiqd_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1qiqd);border:1px solid transparent}.___STriggerCircle_1qiqd_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1qiqd_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1qiqd_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_1qiqd_gg_{position:absolute}.___SLabel_1qiqd_gg_{z-index:1;color:var(--data-value_1qiqd);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1qiqd_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1qiqd)}.___SClearConfirm_1qiqd_gg_.__hidden_1qiqd_gg_,.___SConfirmColor_1qiqd_gg_.__hidden_1qiqd_gg_{display:none}',
+    "1qiqd_gg_"
   ), {
-    __SColorPickerPopper: "___SColorPickerPopper_15mik_gg_",
-    __SItemContainer: "___SItemContainer_15mik_gg_",
-    __SCloseIcon: "___SCloseIcon_15mik_gg_",
-    _keyboardFocused: "__keyboardFocused_15mik_gg_",
-    _selected: "__selected_15mik_gg_",
-    __SColorsContainer: "___SColorsContainer_15mik_gg_",
-    __SColors: "___SColors_15mik_gg_",
-    __SPaletteManager: "___SPaletteManager_15mik_gg_",
-    __SInputContainer: "___SInputContainer_15mik_gg_",
-    __SDefaultTrigger: "___SDefaultTrigger_15mik_gg_",
-    __STriggerCircle: "___STriggerCircle_15mik_gg_",
-    "--data-value": "--data-value_15mik",
-    __STriggerCircleLine: "___STriggerCircleLine_15mik_gg_",
-    __SLine: "___SLine_15mik_gg_",
-    __SLabel: "___SLabel_15mik_gg_",
-    __SItemColor: "___SItemColor_15mik_gg_",
-    __SConfirmColor: "___SConfirmColor_15mik_gg_",
-    _hidden: "__hidden_15mik_gg_",
-    __SClearConfirm: "___SClearConfirm_15mik_gg_",
-    "--value": "--value_15mik",
-    _displayLabel: "__displayLabel_15mik_gg_",
-    _value: "__value_15mik_gg_",
-    __SPlusButton: "___SPlusButton_15mik_gg_"
+    __SColorPickerPopper: "___SColorPickerPopper_1qiqd_gg_",
+    __SItemContainer: "___SItemContainer_1qiqd_gg_",
+    __SCloseIcon: "___SCloseIcon_1qiqd_gg_",
+    _keyboardFocused: "__keyboardFocused_1qiqd_gg_",
+    _selected: "__selected_1qiqd_gg_",
+    __SColorsContainer: "___SColorsContainer_1qiqd_gg_",
+    __SColors: "___SColors_1qiqd_gg_",
+    __SPaletteManager: "___SPaletteManager_1qiqd_gg_",
+    __SInputContainer: "___SInputContainer_1qiqd_gg_",
+    __SDefaultTrigger: "___SDefaultTrigger_1qiqd_gg_",
+    __STriggerCircle: "___STriggerCircle_1qiqd_gg_",
+    "--data-value": "--data-value_1qiqd",
+    __STriggerCircleLine: "___STriggerCircleLine_1qiqd_gg_",
+    __SLine: "___SLine_1qiqd_gg_",
+    __SLabel: "___SLabel_1qiqd_gg_",
+    __SItemColor: "___SItemColor_1qiqd_gg_",
+    __SConfirmColor: "___SConfirmColor_1qiqd_gg_",
+    _hidden: "__hidden_1qiqd_gg_",
+    __SClearConfirm: "___SClearConfirm_1qiqd_gg_",
+    "--value": "--value_1qiqd",
+    _displayLabel: "__displayLabel_1qiqd_gg_",
+    _value: "__value_1qiqd_gg_",
+    __SPlusButton: "___SPlusButton_1qiqd_gg_"
   })
-), H = [null, "#2BB3FF", "#8649E1", "#C695FF", "#F67CF2", "#FFA9FA", "#FF8786", "#FF8C43", "#FDC23C", "#66C030", "#9BD85D", "#C7EE96"], c = /* @__PURE__ */ function(a) {
+), A = [null, "#2BB3FF", "#8649E1", "#C695FF", "#F67CF2", "#FFA9FA", "#FF8786", "#FF8C43", "#FDC23C", "#66C030", "#9BD85D", "#C7EE96"], s = /* @__PURE__ */ function(a) {
   T(o, a);
-  var g = w(o);
+  var g = k(o);
   function o() {
     var r;
     y(this, o);
     for (var e = arguments.length, _ = new Array(e), t = 0; t < e; t++)
       _[t] = arguments[t];
-    return r = g.call.apply(g, [this].concat(_)), s(I(r), "bindHandlerItemClick", function(n) {
+    return r = g.call.apply(g, [this].concat(_)), d(I(r), "bindHandlerItemClick", function(n) {
       return function(l) {
         r.handlers.value(n, l), r.handlers.visible(!1, l), l.preventDefault();
       };
@@ -105,8 +105,8 @@ var A = (
       return {
         displayLabel: l,
         onClick: this.bindHandlerItemClick(e.value),
-        onKeyDown: function(m) {
-          (m.key === "Enter" || m.key === " ") && (m.preventDefault(), _.bindHandlerItemClick(e.value)(m));
+        onKeyDown: function(c) {
+          (c.key === "Enter" || c.key === " ") && (c.preventDefault(), _.bindHandlerItemClick(e.value)(c));
         },
         selected: b,
         getI18nText: S
@@ -124,20 +124,20 @@ var A = (
     key: "render",
     value: function() {
       var e = this.asProps, _, t = this.asProps, n = t.styles, l = t.Children;
-      return _ = d(n), /* @__PURE__ */ i.createElement(f, u({
+      return _ = q(n), /* @__PURE__ */ i.createElement(m, u({
         stretch: !1
       }, e), /* @__PURE__ */ i.createElement(l, _.cn("Children", {})));
     }
   }]), o;
-}(F);
-s(c, "displayName", "ColorPicker");
-s(c, "style", A);
-s(c, "enhance", [M(h)]);
-s(c, "defaultProps", function() {
+}(E);
+d(s, "displayName", "ColorPicker");
+d(s, "style", $);
+d(s, "enhance", [B(h)]);
+d(s, "defaultProps", function() {
   return {
     defaultVisible: !1,
     defaultValue: null,
-    colors: H,
+    colors: A,
     i18n: h,
     locale: "en",
     children: /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(p.Trigger, null), /* @__PURE__ */ i.createElement(p.Popper, null))
@@ -149,16 +149,16 @@ function x(a) {
       color: e
     }) : r("emptyColor");
   }, [e]);
-  return /* @__PURE__ */ i.createElement(f.Trigger, u({
-    tag: V,
+  return /* @__PURE__ */ i.createElement(m.Trigger, u({
+    tag: H,
     "aria-label": _,
     role: "combobox"
   }, g), /* @__PURE__ */ i.createElement(o, null));
 }
-x.enhance = [L()];
-var V = /* @__PURE__ */ i.forwardRef(function(a, g) {
-  var o = arguments[0], r, e = a.styles, _ = a.value, t = v, n = v, l = "svg";
-  return r = d(e), /* @__PURE__ */ i.createElement(t, r.cn("SDefaultTrigger", C({}, u({
+x.enhance = [D()];
+var H = /* @__PURE__ */ i.forwardRef(function(a, g) {
+  var o = arguments[0], r, e = a.styles, _ = a.value, t = f, n = f, l = "svg";
+  return r = q(e), /* @__PURE__ */ i.createElement(t, r.cn("SDefaultTrigger", v({}, u({
     tag: "button",
     ref: g
   }, o))), /* @__PURE__ */ i.createElement(n, r.cn("STriggerCircle", {
@@ -174,32 +174,32 @@ var V = /* @__PURE__ */ i.forwardRef(function(a, g) {
     height: "14",
     transform: "matrix(-0.707107 -0.707107 -0.707107 0.707107 10 1)",
     fill: "#E0E1E9"
-  })))), /* @__PURE__ */ i.createElement(D, r.cn("ChevronDownM", {
+  })))), /* @__PURE__ */ i.createElement(F, r.cn("ChevronDownM", {
     color: "gray-800"
   })));
 });
-function K(a) {
-  var g = arguments[0], o, r = a.styles, e = a.Children, _ = a.getI18nText, t = a.children, n = f.Popper;
-  return o = d(r), /* @__PURE__ */ i.createElement(n, o.cn("SColorPickerPopper", C({}, u({
+function V(a) {
+  var g = arguments[0], o, r = a.styles, e = a.Children, _ = a.getI18nText, t = a.children, n = m.Popper;
+  return o = q(r), /* @__PURE__ */ i.createElement(n, o.cn("SColorPickerPopper", v({}, u({
     "aria-label": _("palette")
   }, g))), t ? /* @__PURE__ */ i.createElement(e, o.cn("Children", {})) : /* @__PURE__ */ i.createElement(p.Colors, {
     getI18nText: a.getI18nText
   }));
 }
-var p = k(c, {
+var p = C(s, {
   Trigger: x,
-  Popper: K,
-  Item: j,
-  Colors: z
-}), se = k(B, {
+  Popper: V,
+  Item: M,
+  Colors: j
+}), de = C(L, {
   Item: p.Item,
-  Colors: R,
-  InputColor: $
+  Colors: z,
+  InputColor: R
 });
 export {
-  se as PaletteManager,
-  K as Popper,
+  de as PaletteManager,
+  V as Popper,
   x as Trigger,
   p as default,
-  H as defaultColors
+  A as defaultColors
 };

package/color-picker/lib/esm/PaletteManager.mjs

@@ -1,4 +1,4 @@
-import k from "@babel/runtime/helpers/esm/classCallCheck";
+import m from "@babel/runtime/helpers/esm/classCallCheck";
 import v from "@babel/runtime/helpers/esm/createClass";
 import l from "@babel/runtime/helpers/esm/assertThisInitialized";
 import h from "@babel/runtime/helpers/esm/inherits";
@@ -8,46 +8,46 @@ import { sstyled as x } from 'intergalactic/utils/lib/core/index';
 import i from "react";
 import { CORE_INSTANCE as S, sstyled as b, Component as y } from 'intergalactic/core';
 import I from 'intergalactic/divider';
-import { localizedMessages as m } from "./translations/__intergalactic-dynamic-locales.mjs";
+import { localizedMessages as p } from "./translations/__intergalactic-dynamic-locales.mjs";
 import P from 'intergalactic/utils/lib/enhances/i18nEnhance';
-import T from 'intergalactic/utils/lib/uniqueID';
-var w = (
+import k from 'intergalactic/utils/lib/uniqueID';
+var T = (
   /*__reshadow_css_start__*/
   (x.insert(
     /*__inner_css_start__*/
-    '.___SColorPickerPopper_15mik_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_15mik_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_15mik_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_15mik_gg_::after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_15mik)}@media (hover:hover){.___SItemContainer_15mik_gg_:hover>.___SCloseIcon_15mik_gg_{opacity:1}}.___SItemContainer_15mik_gg_.__keyboardFocused_15mik_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_15mik_gg_.__selected_15mik_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_15mik_gg_.__displayLabel_15mik_gg_::after{background:var(--value_15mik);opacity:.15}.___SItemContainer_15mik_gg_:not(.__value_15mik_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_15mik_gg_,.___SColors_15mik_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_15mik_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_15mik_gg_,.___SPaletteManager_15mik_gg_,.___SPlusButton_15mik_gg_{display:flex;align-items:center}.___SPlusButton_15mik_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_15mik_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_15mik_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_15mik_gg_.__keyboardFocused_15mik_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_15mik_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_15mik);border:1px solid transparent}.___STriggerCircle_15mik_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_15mik_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_15mik_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_15mik_gg_{position:absolute}.___SLabel_15mik_gg_{z-index:1;color:var(--data-value_15mik);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_15mik_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_15mik)}.___SClearConfirm_15mik_gg_.__hidden_15mik_gg_,.___SConfirmColor_15mik_gg_.__hidden_15mik_gg_{display:none}',
-    "15mik_gg_"
+    '.___SColorPickerPopper_1qiqd_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1qiqd_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_1qiqd_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1qiqd_gg_::after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_1qiqd)}@media (hover:hover){.___SItemContainer_1qiqd_gg_:hover>.___SCloseIcon_1qiqd_gg_{opacity:1}}.___SItemContainer_1qiqd_gg_.__keyboardFocused_1qiqd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1qiqd_gg_.__selected_1qiqd_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1qiqd_gg_.__displayLabel_1qiqd_gg_::after{background:var(--value_1qiqd);opacity:.15}.___SItemContainer_1qiqd_gg_:not(.__value_1qiqd_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1qiqd_gg_,.___SColors_1qiqd_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1qiqd_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1qiqd_gg_,.___SPaletteManager_1qiqd_gg_,.___SPlusButton_1qiqd_gg_{display:flex;align-items:center}.___SPlusButton_1qiqd_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1qiqd_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1qiqd_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1qiqd_gg_.__keyboardFocused_1qiqd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1qiqd_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1qiqd);border:1px solid transparent}.___STriggerCircle_1qiqd_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1qiqd_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1qiqd_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_1qiqd_gg_{position:absolute}.___SLabel_1qiqd_gg_{z-index:1;color:var(--data-value_1qiqd);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1qiqd_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1qiqd)}.___SClearConfirm_1qiqd_gg_.__hidden_1qiqd_gg_,.___SConfirmColor_1qiqd_gg_.__hidden_1qiqd_gg_{display:none}',
+    "1qiqd_gg_"
   ), {
-    __SColorPickerPopper: "___SColorPickerPopper_15mik_gg_",
-    __SItemContainer: "___SItemContainer_15mik_gg_",
-    __SCloseIcon: "___SCloseIcon_15mik_gg_",
-    _keyboardFocused: "__keyboardFocused_15mik_gg_",
-    _selected: "__selected_15mik_gg_",
-    __SColorsContainer: "___SColorsContainer_15mik_gg_",
-    __SColors: "___SColors_15mik_gg_",
-    __SPaletteManager: "___SPaletteManager_15mik_gg_",
-    __SInputContainer: "___SInputContainer_15mik_gg_",
-    __SDefaultTrigger: "___SDefaultTrigger_15mik_gg_",
-    __STriggerCircle: "___STriggerCircle_15mik_gg_",
-    "--data-value": "--data-value_15mik",
-    __STriggerCircleLine: "___STriggerCircleLine_15mik_gg_",
-    __SLine: "___SLine_15mik_gg_",
-    __SLabel: "___SLabel_15mik_gg_",
-    __SItemColor: "___SItemColor_15mik_gg_",
-    __SConfirmColor: "___SConfirmColor_15mik_gg_",
-    _hidden: "__hidden_15mik_gg_",
-    __SClearConfirm: "___SClearConfirm_15mik_gg_",
-    "--value": "--value_15mik",
-    _displayLabel: "__displayLabel_15mik_gg_",
-    _value: "__value_15mik_gg_",
-    __SPlusButton: "___SPlusButton_15mik_gg_"
+    __SColorPickerPopper: "___SColorPickerPopper_1qiqd_gg_",
+    __SItemContainer: "___SItemContainer_1qiqd_gg_",
+    __SCloseIcon: "___SCloseIcon_1qiqd_gg_",
+    _keyboardFocused: "__keyboardFocused_1qiqd_gg_",
+    _selected: "__selected_1qiqd_gg_",
+    __SColorsContainer: "___SColorsContainer_1qiqd_gg_",
+    __SColors: "___SColors_1qiqd_gg_",
+    __SPaletteManager: "___SPaletteManager_1qiqd_gg_",
+    __SInputContainer: "___SInputContainer_1qiqd_gg_",
+    __SDefaultTrigger: "___SDefaultTrigger_1qiqd_gg_",
+    __STriggerCircle: "___STriggerCircle_1qiqd_gg_",
+    "--data-value": "--data-value_1qiqd",
+    __STriggerCircleLine: "___STriggerCircleLine_1qiqd_gg_",
+    __SLine: "___SLine_1qiqd_gg_",
+    __SLabel: "___SLabel_1qiqd_gg_",
+    __SItemColor: "___SItemColor_1qiqd_gg_",
+    __SConfirmColor: "___SConfirmColor_1qiqd_gg_",
+    _hidden: "__hidden_1qiqd_gg_",
+    __SClearConfirm: "___SClearConfirm_1qiqd_gg_",
+    "--value": "--value_1qiqd",
+    _displayLabel: "__displayLabel_1qiqd_gg_",
+    _value: "__value_1qiqd_gg_",
+    __SPlusButton: "___SPlusButton_1qiqd_gg_"
   })
-), L = [P(m), T()], d = /* @__PURE__ */ function(p) {
-  h(g, p);
+), w = [P(p), k()], c = /* @__PURE__ */ function(q) {
+  h(g, q);
   var u = C(g);
   function g() {
     var e;
-    k(this, g);
+    m(this, g);
     for (var t = arguments.length, a = new Array(t), o = 0; o < t; o++)
       a[o] = arguments[o];
     return e = u.call.apply(u, [this].concat(a)), _(l(e), "refInput", /* @__PURE__ */ i.createRef()), _(l(e), "state", {
@@ -55,15 +55,15 @@ var w = (
     }), _(l(e), "bindHandlerItemRemove", function(r) {
       return function(n) {
         n.stopPropagation();
-        var s = e.asProps.colors, c = s === void 0 ? [] : s;
-        e.handlers.colors(c.filter(function(f) {
+        var d = e.asProps.colors, s = d === void 0 ? [] : d;
+        e.handlers.colors(s.filter(function(f) {
           return f !== r;
         }), n);
       };
     }), _(l(e), "bindHandlerItemAdd", function() {
       return function(r, n) {
-        var s = e.asProps.colors, c = s === void 0 ? [] : s;
-        c.includes(r) || e.handlers.colors(c.concat(r), n);
+        var d = e.asProps.colors, s = d === void 0 ? [] : d;
+        s.includes(r) || e.handlers.colors(s.concat(r), n);
       };
     }), _(l(e), "bindHandlerButtonClick", function() {
       return function() {
@@ -132,14 +132,14 @@ var w = (
     }
   }]), g;
 }(y);
-_(d, "displayName", "PaletteManager");
-_(d, "style", w);
-_(d, "enhance", L);
-_(d, "defaultProps", {
+_(c, "displayName", "PaletteManager");
+_(c, "style", T);
+_(c, "enhance", w);
+_(c, "defaultProps", {
   defaultColors: [],
-  i18n: m,
+  i18n: p,
   locale: "en"
 });
 export {
-  d as default
+  c as default
 };

package/color-picker/lib/esm/components/InputColor.mjs

@@ -1,93 +1,93 @@
-import F from "@babel/runtime/helpers/esm/objectSpread2";
-import T from "@babel/runtime/helpers/esm/classCallCheck";
-import L from "@babel/runtime/helpers/esm/createClass";
-import v from "@babel/runtime/helpers/esm/assertThisInitialized";
-import E from "@babel/runtime/helpers/esm/inherits";
-import M from "@babel/runtime/helpers/esm/createSuper";
-import d from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as B } from 'intergalactic/utils/lib/core/index';
-import D, { sstyled as j, assignProps as A, Component as V } from 'intergalactic/core';
+import P from "@babel/runtime/helpers/esm/objectSpread2";
+import F from "@babel/runtime/helpers/esm/classCallCheck";
+import T from "@babel/runtime/helpers/esm/createClass";
+import m from "@babel/runtime/helpers/esm/assertThisInitialized";
+import L from "@babel/runtime/helpers/esm/inherits";
+import E from "@babel/runtime/helpers/esm/createSuper";
+import c from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as M } from 'intergalactic/utils/lib/core/index';
+import B, { sstyled as D, assignProps as j, Component as A } from 'intergalactic/core';
 import i from "react";
 import { Box as S } from 'intergalactic/flex-box';
-import f from 'intergalactic/input';
-import z from 'intergalactic/icon/Check/m';
-import R from 'intergalactic/icon/Close/m';
-var H = (
+import v from 'intergalactic/input';
+import V from 'intergalactic/icon/Check/m';
+import z from 'intergalactic/icon/Close/m';
+var R = (
   /*__reshadow_css_start__*/
-  (B.insert(
+  (M.insert(
     /*__inner_css_start__*/
-    '.___SColorPickerPopper_15mik_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_15mik_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_15mik_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_15mik_gg_::after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_15mik)}@media (hover:hover){.___SItemContainer_15mik_gg_:hover>.___SCloseIcon_15mik_gg_{opacity:1}}.___SItemContainer_15mik_gg_.__keyboardFocused_15mik_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_15mik_gg_.__selected_15mik_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_15mik_gg_.__displayLabel_15mik_gg_::after{background:var(--value_15mik);opacity:.15}.___SItemContainer_15mik_gg_:not(.__value_15mik_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_15mik_gg_,.___SColors_15mik_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_15mik_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_15mik_gg_,.___SPaletteManager_15mik_gg_,.___SPlusButton_15mik_gg_{display:flex;align-items:center}.___SPlusButton_15mik_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_15mik_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_15mik_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_15mik_gg_.__keyboardFocused_15mik_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_15mik_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_15mik);border:1px solid transparent}.___STriggerCircle_15mik_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_15mik_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_15mik_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_15mik_gg_{position:absolute}.___SLabel_15mik_gg_{z-index:1;color:var(--data-value_15mik);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_15mik_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_15mik)}.___SClearConfirm_15mik_gg_.__hidden_15mik_gg_,.___SConfirmColor_15mik_gg_.__hidden_15mik_gg_{display:none}',
-    "15mik_gg_"
+    '.___SColorPickerPopper_1qiqd_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1qiqd_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_1qiqd_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1qiqd_gg_::after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_1qiqd)}@media (hover:hover){.___SItemContainer_1qiqd_gg_:hover>.___SCloseIcon_1qiqd_gg_{opacity:1}}.___SItemContainer_1qiqd_gg_.__keyboardFocused_1qiqd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1qiqd_gg_.__selected_1qiqd_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1qiqd_gg_.__displayLabel_1qiqd_gg_::after{background:var(--value_1qiqd);opacity:.15}.___SItemContainer_1qiqd_gg_:not(.__value_1qiqd_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1qiqd_gg_,.___SColors_1qiqd_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1qiqd_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1qiqd_gg_,.___SPaletteManager_1qiqd_gg_,.___SPlusButton_1qiqd_gg_{display:flex;align-items:center}.___SPlusButton_1qiqd_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1qiqd_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1qiqd_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1qiqd_gg_.__keyboardFocused_1qiqd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1qiqd_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1qiqd);border:1px solid transparent}.___STriggerCircle_1qiqd_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1qiqd_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1qiqd_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_1qiqd_gg_{position:absolute}.___SLabel_1qiqd_gg_{z-index:1;color:var(--data-value_1qiqd);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1qiqd_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1qiqd)}.___SClearConfirm_1qiqd_gg_.__hidden_1qiqd_gg_,.___SConfirmColor_1qiqd_gg_.__hidden_1qiqd_gg_{display:none}',
+    "1qiqd_gg_"
   ), {
-    __SColorPickerPopper: "___SColorPickerPopper_15mik_gg_",
-    __SItemContainer: "___SItemContainer_15mik_gg_",
-    __SCloseIcon: "___SCloseIcon_15mik_gg_",
-    _keyboardFocused: "__keyboardFocused_15mik_gg_",
-    _selected: "__selected_15mik_gg_",
-    __SColorsContainer: "___SColorsContainer_15mik_gg_",
-    __SColors: "___SColors_15mik_gg_",
-    __SPaletteManager: "___SPaletteManager_15mik_gg_",
-    __SInputContainer: "___SInputContainer_15mik_gg_",
-    __SDefaultTrigger: "___SDefaultTrigger_15mik_gg_",
-    __STriggerCircle: "___STriggerCircle_15mik_gg_",
-    "--data-value": "--data-value_15mik",
-    __STriggerCircleLine: "___STriggerCircleLine_15mik_gg_",
-    __SLine: "___SLine_15mik_gg_",
-    __SLabel: "___SLabel_15mik_gg_",
-    __SItemColor: "___SItemColor_15mik_gg_",
-    __SConfirmColor: "___SConfirmColor_15mik_gg_",
-    _hidden: "__hidden_15mik_gg_",
-    __SClearConfirm: "___SClearConfirm_15mik_gg_",
-    "--value": "--value_15mik",
-    _displayLabel: "__displayLabel_15mik_gg_",
-    _value: "__value_15mik_gg_",
-    __SPlusButton: "___SPlusButton_15mik_gg_"
+    __SColorPickerPopper: "___SColorPickerPopper_1qiqd_gg_",
+    __SItemContainer: "___SItemContainer_1qiqd_gg_",
+    __SCloseIcon: "___SCloseIcon_1qiqd_gg_",
+    _keyboardFocused: "__keyboardFocused_1qiqd_gg_",
+    _selected: "__selected_1qiqd_gg_",
+    __SColorsContainer: "___SColorsContainer_1qiqd_gg_",
+    __SColors: "___SColors_1qiqd_gg_",
+    __SPaletteManager: "___SPaletteManager_1qiqd_gg_",
+    __SInputContainer: "___SInputContainer_1qiqd_gg_",
+    __SDefaultTrigger: "___SDefaultTrigger_1qiqd_gg_",
+    __STriggerCircle: "___STriggerCircle_1qiqd_gg_",
+    "--data-value": "--data-value_1qiqd",
+    __STriggerCircleLine: "___STriggerCircleLine_1qiqd_gg_",
+    __SLine: "___SLine_1qiqd_gg_",
+    __SLabel: "___SLabel_1qiqd_gg_",
+    __SItemColor: "___SItemColor_1qiqd_gg_",
+    __SConfirmColor: "___SConfirmColor_1qiqd_gg_",
+    _hidden: "__hidden_1qiqd_gg_",
+    __SClearConfirm: "___SClearConfirm_1qiqd_gg_",
+    "--value": "--value_1qiqd",
+    _displayLabel: "__displayLabel_1qiqd_gg_",
+    _value: "__value_1qiqd_gg_",
+    __SPlusButton: "___SPlusButton_1qiqd_gg_"
   })
 );
-function K(o) {
+function H(o) {
   if (o[0] !== "#" && o.length === 7) return !1;
   var l = /^#([0-9a-f]{3,4}){1,2}$/i;
   return o[0] === "#" ? l.test(o) : l.test("#".concat(o));
 }
-function N(o, l) {
-  var g = this, e;
+function K(o, l) {
+  var d = this, e;
   return function() {
-    for (var c = arguments.length, r = new Array(c), _ = 0; _ < c; _++)
+    for (var g = arguments.length, r = new Array(g), _ = 0; _ < g; _++)
       r[_] = arguments[_];
     clearTimeout(e), e = setTimeout(function() {
-      o.apply(g, r);
+      o.apply(d, r);
     }, l);
   };
 }
-var C = /* @__PURE__ */ function(o) {
-  E(g, o);
-  var l = M(g);
-  function g() {
+var f = /* @__PURE__ */ function(o) {
+  L(d, o);
+  var l = E(d);
+  function d() {
     var e;
-    T(this, g);
-    for (var c = arguments.length, r = new Array(c), _ = 0; _ < c; _++)
+    F(this, d);
+    for (var g = arguments.length, r = new Array(g), _ = 0; _ < g; _++)
       r[_] = arguments[_];
-    return e = l.call.apply(l, [this].concat(r)), d(v(e), "handlerAdd", function(a) {
-      var p = e.asProps, t = p.value, k = p.state;
-      if (t.length !== 0 && k === "normal") {
+    return e = l.call.apply(l, [this].concat(r)), c(m(e), "handlerAdd", function(a) {
+      var q = e.asProps, t = q.value, C = q.state;
+      if (t.length !== 0 && C === "normal") {
         if (t[0] === "#") {
-          var m, s;
-          (m = e.asProps) === null || m === void 0 || (s = m.onAdd) === null || s === void 0 || s.call(m, t.toLowerCase(), a);
+          var s, u;
+          (s = e.asProps) === null || s === void 0 || (u = s.onAdd) === null || u === void 0 || u.call(s, t.toLowerCase(), a);
         } else {
-          var n, u;
-          (n = e.asProps) === null || n === void 0 || (u = n.onAdd) === null || u === void 0 || u.call(n, "#".concat(t.toLowerCase()), a);
+          var n, p;
+          (n = e.asProps) === null || n === void 0 || (p = n.onAdd) === null || p === void 0 || p.call(n, "#".concat(t.toLowerCase()), a);
         }
         e.handlers.value("", a);
       }
-    }), d(v(e), "handlerCancel", function(a) {
+    }), c(m(e), "handlerCancel", function(a) {
       e.handlers.value("", a);
-    }), d(v(e), "handlerChange", N(function(a) {
-      a.length !== 0 ? K(a) ? e.handlers.state("normal") : e.handlers.state("invalid") : e.handlers.state("normal");
-    }, 300)), d(v(e), "handlekeyDown", function(a) {
+    }), c(m(e), "handlerChange", K(function(a) {
+      a.length !== 0 ? H(a) ? e.handlers.state("normal") : e.handlers.state("invalid") : e.handlers.state("normal");
+    }, 300)), c(m(e), "handlekeyDown", function(a) {
       a.key === "Enter" && (a.preventDefault(), e.handlerAdd(a));
     }), e;
   }
-  return L(g, [{
+  return T(d, [{
     key: "uncontrolledProps",
     value: function() {
       return {
@@ -98,32 +98,32 @@ var C = /* @__PURE__ */ function(o) {
   }, {
     key: "render",
     value: function() {
-      var c = this.asProps, r, _ = this.asProps, a = _.styles, p = _.state, t = _.value, k = _.onFocus, m = _.onBlur, s = _.focus, n = _.getI18nText, u = S, h = f.Value, x = "div", b = "div", y = f.Addon, I = f.Addon, w = S, P = (t == null ? void 0 : t[0]) === "#" ? t : t ? "#".concat(t) : null;
-      return r = j(a), /* @__PURE__ */ i.createElement(u, r.cn("SPaletteManager", {}), /* @__PURE__ */ i.createElement(w, r.cn("SItemColor", {
-        "data-value": P
+      var g = this.asProps, r, _ = this.asProps, a = _.styles, q = _.state, t = _.value, C = _.onFocus, s = _.onBlur, u = _.focus, n = _.getI18nText, p = S, h = v.Value, x = "div", b = "div", y = v.Addon, I = v.Addon, w = S, k = (t == null ? void 0 : t[0]) === "#" ? t : t ? "#".concat(t) : null;
+      return r = D(a), /* @__PURE__ */ i.createElement(p, r.cn("SPaletteManager", {}), /* @__PURE__ */ i.createElement(w, r.cn("SItemColor", {
+        "data-value": k
       })), /* @__PURE__ */ i.createElement(b, r.cn("SInputContainer", {}), /* @__PURE__ */ i.createElement("span", r.cn("span", {
         "aria-hidden": "true"
-      }), "#"), /* @__PURE__ */ i.createElement(x, r.cn("SInput", {}), /* @__PURE__ */ i.createElement(f, r.cn("Input", {
+      }), "#"), /* @__PURE__ */ i.createElement(x, r.cn("SInput", {}), /* @__PURE__ */ i.createElement(v, r.cn("Input", {
         ml: 1,
         w: 135,
-        state: p,
+        state: q,
         onKeyDown: this.handlekeyDown
-      }), /* @__PURE__ */ i.createElement(h, r.cn("SInputValue", F({}, A({
+      }), /* @__PURE__ */ i.createElement(h, r.cn("SInputValue", P({}, j({
         placeholder: "FFFFFF",
         "aria-label": n("colorField"),
         onChange: this.handlerChange,
         maxLength: 7,
-        onFocus: k,
-        onBlur: m
-      }, c)))), /* @__PURE__ */ i.createElement(y, r.cn("SConfirmColor", {
+        onFocus: C,
+        onBlur: s
+      }, g)))), /* @__PURE__ */ i.createElement(y, r.cn("SConfirmColor", {
         "aria-hidden": "true",
         "aria-label": n("colorFieldConfirm"),
         role: "button",
         interactive: !0,
         onClick: this.handlerAdd,
         pr: "4px",
-        hidden: !s
-      }), /* @__PURE__ */ i.createElement(z, r.cn("CheckM", {
+        hidden: !u
+      }), /* @__PURE__ */ i.createElement(V, r.cn("CheckM", {
         color: "green-300"
       }))), /* @__PURE__ */ i.createElement(I, r.cn("SClearConfirm", {
         "aria-hidden": "true",
@@ -132,20 +132,20 @@ var C = /* @__PURE__ */ function(o) {
         interactive: !0,
         onClick: this.handlerCancel,
         pl: "4px",
-        hidden: !s
-      }), /* @__PURE__ */ i.createElement(R, r.cn("CloseM", {
+        hidden: !u
+      }), /* @__PURE__ */ i.createElement(z, r.cn("CloseM", {
         color: "gray-300"
       })))))));
     }
-  }]), g;
-}(V);
-d(C, "displayName", "InputColor");
-d(C, "style", H);
-d(C, "defaultProps", {
+  }]), d;
+}(A);
+c(f, "displayName", "InputColor");
+c(f, "style", R);
+c(f, "defaultProps", {
   defaultValue: "",
   defaultState: "normal"
 });
-var ae = D(C);
+var ae = B(f);
 export {
   ae as InputColor
 };

package/color-picker/package.json

@@ -1 +1 @@
-{"name":"intergalactic/color-picker","description":"Semrush ColorPicker Component","version":"2.43.1","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js,ts && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/button":"5.42.1","@semcore/divider":"4.40.1","@semcore/dropdown":"4.43.1","@semcore/flex-box":"5.41.1","@semcore/tooltip":"6.49.1","@semcore/icon":"4.60.1","@semcore/input":"4.42.1","@semcore/utils":"4.48.1","@semcore/popper":"5.46.1"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"devDependencies":{"@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/color-picker"}}
+{"name":"intergalactic/color-picker","description":"Semrush ColorPicker Component","version":"2.44.0-prerelease.2","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js,ts && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/button":"5.43.0-prerelease.2","@semcore/divider":"4.40.1","@semcore/dropdown":"4.43.1","@semcore/flex-box":"5.41.1","@semcore/tooltip":"6.49.1","@semcore/icon":"4.60.1","@semcore/input":"4.42.1","@semcore/utils":"4.48.1","@semcore/popper":"5.46.1"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"devDependencies":{"@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/color-picker"}}