intergalactic 15.128.0 → 15.129.0-prerelease.0

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

@@ -1,4 +1,4 @@
-import v from "@babel/runtime/helpers/esm/objectSpread2";
+import C from "@babel/runtime/helpers/esm/objectSpread2";
 import P from "@babel/runtime/helpers/esm/classCallCheck";
 import I from "@babel/runtime/helpers/esm/createClass";
 import T from "@babel/runtime/helpers/esm/assertThisInitialized";
@@ -6,14 +6,14 @@ import k 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 C, { assignProps as u, sstyled as d, Component as F } from 'intergalactic/core';
+import h, { assignProps as u, sstyled as d, Component as F } from 'intergalactic/core';
 import a from "react";
-import y from 'intergalactic/dropdown';
-import { Box as f } from 'intergalactic/flex-box';
+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 { localizedMessages as h } from "./translations/__intergalactic-dynamic-locales.mjs";
+import { localizedMessages as x } 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";
@@ -22,48 +22,48 @@ var A = (
   /*__reshadow_css_start__*/
   (E.insert(
     /*__inner_css_start__*/
-    '.___SColorPickerPopper_19m9y_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_19m9y_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_19m9y_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_19m9y_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_19m9y)}@media (hover:hover){.___SItemContainer_19m9y_gg_:hover>.___SCloseIcon_19m9y_gg_{opacity:1}}.___SItemContainer_19m9y_gg_.__keyboardFocused_19m9y_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_19m9y_gg_.__selected_19m9y_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_19m9y_gg_.__displayLabel_19m9y_gg_::after{background:var(--value_19m9y);opacity:.15}.___SItemContainer_19m9y_gg_:not(.__value_19m9y_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_19m9y_gg_,.___SColors_19m9y_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_19m9y_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_19m9y_gg_,.___SPaletteManager_19m9y_gg_,.___SPlusButton_19m9y_gg_{display:flex;align-items:center}.___SPlusButton_19m9y_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_19m9y_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_19m9y_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_19m9y_gg_.__keyboardFocused_19m9y_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_19m9y_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_19m9y);border:1px solid transparent}.___STriggerCircle_19m9y_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_19m9y_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_19m9y_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_19m9y_gg_{position:absolute}.___SLabel_19m9y_gg_{z-index:1;color:var(--data-value_19m9y);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_19m9y_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_19m9y)}.___SClearConfirm_19m9y_gg_.__hidden_19m9y_gg_,.___SConfirmColor_19m9y_gg_.__hidden_19m9y_gg_{display:none}',
-    "19m9y_gg_"
+    '.___SColorPickerPopper_15lm4_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_15lm4_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_15lm4_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_15lm4_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_15lm4)}@media (hover:hover){.___SItemContainer_15lm4_gg_:hover>.___SCloseIcon_15lm4_gg_{opacity:1}}.___SItemContainer_15lm4_gg_.__keyboardFocused_15lm4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_15lm4_gg_.__selected_15lm4_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_15lm4_gg_.__displayLabel_15lm4_gg_::after{background:var(--value_15lm4);opacity:.15}.___SItemContainer_15lm4_gg_:not(.__value_15lm4_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_15lm4_gg_,.___SColors_15lm4_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_15lm4_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_15lm4_gg_,.___SPaletteManager_15lm4_gg_,.___SPlusButton_15lm4_gg_{display:flex;align-items:center}.___SPlusButton_15lm4_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_15lm4_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_15lm4_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_15lm4_gg_.__keyboardFocused_15lm4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_15lm4_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_15lm4);border:1px solid transparent}.___STriggerCircle_15lm4_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_15lm4_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_15lm4_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_15lm4_gg_{position:absolute}.___SLabel_15lm4_gg_{z-index:1;color:var(--data-value_15lm4);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_15lm4_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_15lm4)}.___SClearConfirm_15lm4_gg_.__hidden_15lm4_gg_,.___SConfirmColor_15lm4_gg_.__hidden_15lm4_gg_{display:none}',
+    "15lm4_gg_"
   ), {
-    __SColorPickerPopper: "___SColorPickerPopper_19m9y_gg_",
-    __SItemContainer: "___SItemContainer_19m9y_gg_",
-    __SCloseIcon: "___SCloseIcon_19m9y_gg_",
-    _keyboardFocused: "__keyboardFocused_19m9y_gg_",
-    _selected: "__selected_19m9y_gg_",
-    __SColorsContainer: "___SColorsContainer_19m9y_gg_",
-    __SColors: "___SColors_19m9y_gg_",
-    __SPaletteManager: "___SPaletteManager_19m9y_gg_",
-    __SInputContainer: "___SInputContainer_19m9y_gg_",
-    __SDefaultTrigger: "___SDefaultTrigger_19m9y_gg_",
-    __STriggerCircle: "___STriggerCircle_19m9y_gg_",
-    "--data-value": "--data-value_19m9y",
-    __STriggerCircleLine: "___STriggerCircleLine_19m9y_gg_",
-    __SLine: "___SLine_19m9y_gg_",
-    __SLabel: "___SLabel_19m9y_gg_",
-    __SItemColor: "___SItemColor_19m9y_gg_",
-    __SConfirmColor: "___SConfirmColor_19m9y_gg_",
-    _hidden: "__hidden_19m9y_gg_",
-    __SClearConfirm: "___SClearConfirm_19m9y_gg_",
-    "--value": "--value_19m9y",
-    _displayLabel: "__displayLabel_19m9y_gg_",
-    _value: "__value_19m9y_gg_",
-    __SPlusButton: "___SPlusButton_19m9y_gg_"
+    __SColorPickerPopper: "___SColorPickerPopper_15lm4_gg_",
+    __SItemContainer: "___SItemContainer_15lm4_gg_",
+    __SCloseIcon: "___SCloseIcon_15lm4_gg_",
+    _keyboardFocused: "__keyboardFocused_15lm4_gg_",
+    _selected: "__selected_15lm4_gg_",
+    __SColorsContainer: "___SColorsContainer_15lm4_gg_",
+    __SColors: "___SColors_15lm4_gg_",
+    __SPaletteManager: "___SPaletteManager_15lm4_gg_",
+    __SInputContainer: "___SInputContainer_15lm4_gg_",
+    __SDefaultTrigger: "___SDefaultTrigger_15lm4_gg_",
+    __STriggerCircle: "___STriggerCircle_15lm4_gg_",
+    "--data-value": "--data-value_15lm4",
+    __STriggerCircleLine: "___STriggerCircleLine_15lm4_gg_",
+    __SLine: "___SLine_15lm4_gg_",
+    __SLabel: "___SLabel_15lm4_gg_",
+    __SItemColor: "___SItemColor_15lm4_gg_",
+    __SConfirmColor: "___SConfirmColor_15lm4_gg_",
+    _hidden: "__hidden_15lm4_gg_",
+    __SClearConfirm: "___SClearConfirm_15lm4_gg_",
+    "--value": "--value_15lm4",
+    _displayLabel: "__displayLabel_15lm4_gg_",
+    _value: "__value_15lm4_gg_",
+    __SPlusButton: "___SPlusButton_15lm4_gg_"
   })
-), H = [null, "#2BB3FF", "#8649E1", "#C695FF", "#F67CF2", "#FFA9FA", "#FF8786", "#FF8C43", "#FDC23C", "#66C030", "#9BD85D", "#C7EE96"], c = /* @__PURE__ */ function(o) {
-  k(n, o);
-  var g = w(n);
-  function n() {
+), H = [null, "#2BB3FF", "#8649E1", "#C695FF", "#F67CF2", "#FFA9FA", "#FF8786", "#FF8C43", "#FDC23C", "#66C030", "#9BD85D", "#C7EE96"], c = /* @__PURE__ */ function(l) {
+  k(o, l);
+  var g = w(o);
+  function o() {
     var r;
-    P(this, n);
+    P(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(T(r), "bindHandlerItemClick", function(i) {
-      return function(l) {
-        r.handlers.value(i, l), r.handlers.visible(!1, l), l.preventDefault();
+    return r = g.call.apply(g, [this].concat(_)), s(T(r), "bindHandlerItemClick", function(n) {
+      return function(i) {
+        r.handlers.value(n, i), r.handlers.visible(!1, i), i.preventDefault();
       };
     }), r;
   }
-  return I(n, [{
+  return I(o, [{
     key: "uncontrolledProps",
     value: function() {
       return {
@@ -74,11 +74,11 @@ var A = (
   }, {
     key: "getTriggerProps",
     value: function() {
-      var e = this.asProps, _ = e.value, t = e.visible, i = e.getI18nText;
+      var e = this.asProps, _ = e.value, t = e.visible, n = e.getI18nText;
       return {
         value: _,
         popperVisible: t,
-        getI18nText: i
+        getI18nText: n
       };
     }
   }, {
@@ -101,15 +101,15 @@ var A = (
   }, {
     key: "getItemProps",
     value: function(e) {
-      var _ = this, t = this.asProps, i = t.value, l = t.displayLabel, S = t.getI18nText, b = i === e.value;
+      var _ = this, t = this.asProps, n = t.value, i = t.displayLabel, b = t.getI18nText, y = n === e.value;
       return {
-        displayLabel: l,
+        displayLabel: i,
         onClick: this.bindHandlerItemClick(e.value),
         onKeyDown: function(m) {
           (m.key === "Enter" || m.key === " ") && (m.preventDefault(), _.bindHandlerItemClick(e.value)(m));
         },
-        selected: b,
-        getI18nText: S
+        selected: y,
+        getI18nText: b
       };
     }
   }, {
@@ -123,47 +123,47 @@ var A = (
   }, {
     key: "render",
     value: function() {
-      var e = this.asProps, _, t = this.asProps, i = t.styles, l = t.Children;
-      return _ = d(i), /* @__PURE__ */ a.createElement(y, u({
+      var e = this.asProps, _, t = this.asProps, n = t.styles, i = t.Children;
+      return _ = d(n), /* @__PURE__ */ a.createElement(f, u({
         stretch: !1
-      }, e), /* @__PURE__ */ a.createElement(l, _.cn("Children", {})));
+      }, e), /* @__PURE__ */ a.createElement(i, _.cn("Children", {})));
     }
-  }]), n;
+  }]), o;
 }(F);
 s(c, "displayName", "ColorPicker");
 s(c, "style", A);
-s(c, "enhance", [M(h)]);
+s(c, "enhance", [M(x)]);
 s(c, "defaultProps", function() {
   return {
     defaultVisible: !1,
     defaultValue: null,
     colors: H,
-    i18n: h,
+    i18n: x,
     locale: "en",
     children: /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(p.Trigger, null), /* @__PURE__ */ a.createElement(p.Popper, null))
   };
 });
-function x(o) {
-  var g = arguments[0], n = o.Children, r = o.getI18nText, e = o.value, _ = a.useMemo(function() {
+function S(l) {
+  var g = arguments[0], o = l.Children, r = l.getI18nText, e = l.value, _ = a.useMemo(function() {
     return e ? r("currentColor", {
       color: e
     }) : r("emptyColor");
   }, [e]);
-  return /* @__PURE__ */ a.createElement(y.Trigger, u({
+  return /* @__PURE__ */ a.createElement(f.Trigger, u({
     tag: V,
     "aria-label": _,
     role: "combobox"
-  }, g), /* @__PURE__ */ a.createElement(n, null));
+  }, g), /* @__PURE__ */ a.createElement(o, null));
 }
-x.enhance = [L()];
-var V = /* @__PURE__ */ a.forwardRef(function(o, g) {
-  var n = arguments[0], r, e = o.styles, _ = o.value, t = f, i = f, l = "svg";
-  return r = d(e), /* @__PURE__ */ a.createElement(t, r.cn("SDefaultTrigger", v({}, u({
+S.enhance = [L()];
+var V = /* @__PURE__ */ a.forwardRef(function(l, g) {
+  var o = arguments[0], r, e = l.styles, _ = l.value, t = v, n = v, i = "svg";
+  return r = d(e), /* @__PURE__ */ a.createElement(t, r.cn("SDefaultTrigger", C({}, u({
     tag: "button",
     ref: g
-  }, n))), /* @__PURE__ */ a.createElement(i, r.cn("STriggerCircle", {
+  }, o))), /* @__PURE__ */ a.createElement(n, r.cn("STriggerCircle", {
     "data-value": _
-  }), !_ && /* @__PURE__ */ a.createElement(l, r.cn("STriggerCircleLine", {
+  }), !_ && /* @__PURE__ */ a.createElement(i, r.cn("STriggerCircleLine", {
     width: "10",
     height: "10",
     viewBox: "0 0 10 10",
@@ -178,20 +178,20 @@ var V = /* @__PURE__ */ a.forwardRef(function(o, g) {
     color: "gray-800"
   })));
 });
-function K(o) {
-  var g = arguments[0], n, r = o.styles, e = o.Children, _ = o.getI18nText, t = o.children, i = y.Popper;
-  return n = d(r), /* @__PURE__ */ a.createElement(i, n.cn("SColorPickerPopper", v({}, u({
+function K(l) {
+  var g = arguments[0], o, r = l.styles, e = l.Children, _ = l.getI18nText, t = l.children, n = f.Popper;
+  return o = d(r), /* @__PURE__ */ a.createElement(n, o.cn("SColorPickerPopper", C({}, u({
     "aria-label": _("palette")
-  }, g))), t ? /* @__PURE__ */ a.createElement(e, n.cn("Children", {})) : /* @__PURE__ */ a.createElement(p.Colors, {
-    getI18nText: o.getI18nText
+  }, g))), t ? /* @__PURE__ */ a.createElement(e, o.cn("Children", {})) : /* @__PURE__ */ a.createElement(p.Colors, {
+    getI18nText: l.getI18nText
   }));
 }
-var p = C(c, {
-  Trigger: x,
+var p = h(c, {
+  Trigger: S,
   Popper: K,
   Item: j,
   Colors: z
-}), se = C(B, {
+}), se = h(B, {
   Item: p.Item,
   Colors: R,
   InputColor: $
@@ -199,7 +199,7 @@ var p = C(c, {
 export {
   se as PaletteManager,
   K as Popper,
-  x as Trigger,
+  S as Trigger,
   p as default,
   H as defaultColors
 };

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

@@ -1,86 +1,86 @@
-import f 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";
-import C from "@babel/runtime/helpers/esm/createSuper";
+import v from "@babel/runtime/helpers/esm/classCallCheck";
+import h from "@babel/runtime/helpers/esm/createClass";
+import i from "@babel/runtime/helpers/esm/assertThisInitialized";
+import C from "@babel/runtime/helpers/esm/inherits";
+import x from "@babel/runtime/helpers/esm/createSuper";
 import _ from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as x } from 'intergalactic/utils/lib/core/index';
+import { sstyled as S } from 'intergalactic/utils/lib/core/index';
 import o from "react";
-import { CORE_INSTANCE as S, sstyled as b, Component as I } from 'intergalactic/core';
+import { CORE_INSTANCE as b, sstyled as y, Component as I } from 'intergalactic/core';
 import P from 'intergalactic/divider';
 import { localizedMessages as m } from "./translations/__intergalactic-dynamic-locales.mjs";
 import k from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import T from 'intergalactic/utils/lib/uniqueID';
 var w = (
   /*__reshadow_css_start__*/
-  (x.insert(
+  (S.insert(
     /*__inner_css_start__*/
-    '.___SColorPickerPopper_19m9y_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_19m9y_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_19m9y_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_19m9y_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_19m9y)}@media (hover:hover){.___SItemContainer_19m9y_gg_:hover>.___SCloseIcon_19m9y_gg_{opacity:1}}.___SItemContainer_19m9y_gg_.__keyboardFocused_19m9y_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_19m9y_gg_.__selected_19m9y_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_19m9y_gg_.__displayLabel_19m9y_gg_::after{background:var(--value_19m9y);opacity:.15}.___SItemContainer_19m9y_gg_:not(.__value_19m9y_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_19m9y_gg_,.___SColors_19m9y_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_19m9y_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_19m9y_gg_,.___SPaletteManager_19m9y_gg_,.___SPlusButton_19m9y_gg_{display:flex;align-items:center}.___SPlusButton_19m9y_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_19m9y_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_19m9y_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_19m9y_gg_.__keyboardFocused_19m9y_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_19m9y_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_19m9y);border:1px solid transparent}.___STriggerCircle_19m9y_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_19m9y_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_19m9y_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_19m9y_gg_{position:absolute}.___SLabel_19m9y_gg_{z-index:1;color:var(--data-value_19m9y);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_19m9y_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_19m9y)}.___SClearConfirm_19m9y_gg_.__hidden_19m9y_gg_,.___SConfirmColor_19m9y_gg_.__hidden_19m9y_gg_{display:none}',
-    "19m9y_gg_"
+    '.___SColorPickerPopper_15lm4_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_15lm4_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_15lm4_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_15lm4_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_15lm4)}@media (hover:hover){.___SItemContainer_15lm4_gg_:hover>.___SCloseIcon_15lm4_gg_{opacity:1}}.___SItemContainer_15lm4_gg_.__keyboardFocused_15lm4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_15lm4_gg_.__selected_15lm4_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_15lm4_gg_.__displayLabel_15lm4_gg_::after{background:var(--value_15lm4);opacity:.15}.___SItemContainer_15lm4_gg_:not(.__value_15lm4_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_15lm4_gg_,.___SColors_15lm4_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_15lm4_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_15lm4_gg_,.___SPaletteManager_15lm4_gg_,.___SPlusButton_15lm4_gg_{display:flex;align-items:center}.___SPlusButton_15lm4_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_15lm4_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_15lm4_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_15lm4_gg_.__keyboardFocused_15lm4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_15lm4_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_15lm4);border:1px solid transparent}.___STriggerCircle_15lm4_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_15lm4_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_15lm4_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_15lm4_gg_{position:absolute}.___SLabel_15lm4_gg_{z-index:1;color:var(--data-value_15lm4);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_15lm4_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_15lm4)}.___SClearConfirm_15lm4_gg_.__hidden_15lm4_gg_,.___SConfirmColor_15lm4_gg_.__hidden_15lm4_gg_{display:none}',
+    "15lm4_gg_"
   ), {
-    __SColorPickerPopper: "___SColorPickerPopper_19m9y_gg_",
-    __SItemContainer: "___SItemContainer_19m9y_gg_",
-    __SCloseIcon: "___SCloseIcon_19m9y_gg_",
-    _keyboardFocused: "__keyboardFocused_19m9y_gg_",
-    _selected: "__selected_19m9y_gg_",
-    __SColorsContainer: "___SColorsContainer_19m9y_gg_",
-    __SColors: "___SColors_19m9y_gg_",
-    __SPaletteManager: "___SPaletteManager_19m9y_gg_",
-    __SInputContainer: "___SInputContainer_19m9y_gg_",
-    __SDefaultTrigger: "___SDefaultTrigger_19m9y_gg_",
-    __STriggerCircle: "___STriggerCircle_19m9y_gg_",
-    "--data-value": "--data-value_19m9y",
-    __STriggerCircleLine: "___STriggerCircleLine_19m9y_gg_",
-    __SLine: "___SLine_19m9y_gg_",
-    __SLabel: "___SLabel_19m9y_gg_",
-    __SItemColor: "___SItemColor_19m9y_gg_",
-    __SConfirmColor: "___SConfirmColor_19m9y_gg_",
-    _hidden: "__hidden_19m9y_gg_",
-    __SClearConfirm: "___SClearConfirm_19m9y_gg_",
-    "--value": "--value_19m9y",
-    _displayLabel: "__displayLabel_19m9y_gg_",
-    _value: "__value_19m9y_gg_",
-    __SPlusButton: "___SPlusButton_19m9y_gg_"
+    __SColorPickerPopper: "___SColorPickerPopper_15lm4_gg_",
+    __SItemContainer: "___SItemContainer_15lm4_gg_",
+    __SCloseIcon: "___SCloseIcon_15lm4_gg_",
+    _keyboardFocused: "__keyboardFocused_15lm4_gg_",
+    _selected: "__selected_15lm4_gg_",
+    __SColorsContainer: "___SColorsContainer_15lm4_gg_",
+    __SColors: "___SColors_15lm4_gg_",
+    __SPaletteManager: "___SPaletteManager_15lm4_gg_",
+    __SInputContainer: "___SInputContainer_15lm4_gg_",
+    __SDefaultTrigger: "___SDefaultTrigger_15lm4_gg_",
+    __STriggerCircle: "___STriggerCircle_15lm4_gg_",
+    "--data-value": "--data-value_15lm4",
+    __STriggerCircleLine: "___STriggerCircleLine_15lm4_gg_",
+    __SLine: "___SLine_15lm4_gg_",
+    __SLabel: "___SLabel_15lm4_gg_",
+    __SItemColor: "___SItemColor_15lm4_gg_",
+    __SConfirmColor: "___SConfirmColor_15lm4_gg_",
+    _hidden: "__hidden_15lm4_gg_",
+    __SClearConfirm: "___SClearConfirm_15lm4_gg_",
+    "--value": "--value_15lm4",
+    _displayLabel: "__displayLabel_15lm4_gg_",
+    _value: "__value_15lm4_gg_",
+    __SPlusButton: "___SPlusButton_15lm4_gg_"
   })
 ), L = [k(m), T()], d = /* @__PURE__ */ function(p) {
-  h(g, p);
-  var u = C(g);
+  C(g, p);
+  var u = x(g);
   function g() {
     var e;
-    f(this, g);
+    v(this, g);
     for (var t = arguments.length, n = new Array(t), a = 0; a < t; a++)
       n[a] = arguments[a];
-    return e = u.call.apply(u, [this].concat(n)), _(l(e), "refInput", /* @__PURE__ */ o.createRef()), _(l(e), "state", {
+    return e = u.call.apply(u, [this].concat(n)), _(i(e), "refInput", /* @__PURE__ */ o.createRef()), _(i(e), "state", {
       focus: !1
-    }), _(l(e), "bindHandlerItemRemove", function(r) {
-      return function(i) {
-        i.stopPropagation();
+    }), _(i(e), "bindHandlerItemRemove", function(r) {
+      return function(l) {
+        l.stopPropagation();
         var s = e.asProps.colors, c = s === void 0 ? [] : s;
-        e.handlers.colors(c.filter(function(y) {
-          return y !== r;
-        }), i);
+        e.handlers.colors(c.filter(function(f) {
+          return f !== r;
+        }), l);
       };
-    }), _(l(e), "bindHandlerItemAdd", function() {
-      return function(r, i) {
+    }), _(i(e), "bindHandlerItemAdd", function() {
+      return function(r, l) {
         var s = e.asProps.colors, c = s === void 0 ? [] : s;
-        c.includes(r) || e.handlers.colors(c.concat(r), i);
+        c.includes(r) || e.handlers.colors(c.concat(r), l);
       };
-    }), _(l(e), "bindHandlerButtonClick", function() {
+    }), _(i(e), "bindHandlerButtonClick", function() {
       return function() {
         var r;
         (r = e.refInput.current) === null || r === void 0 || r.focus(), e.onFocus();
       };
-    }), _(l(e), "onFocus", function() {
+    }), _(i(e), "onFocus", function() {
       return e.setState({
         focus: !0
       });
-    }), _(l(e), "onBlur", function() {
+    }), _(i(e), "onBlur", function() {
       return e.setState({
         focus: !1
       });
     }), e;
   }
-  return v(g, [{
+  return h(g, [{
     key: "uncontrolledProps",
     value: function() {
       return {
@@ -124,11 +124,11 @@ var w = (
   }, {
     key: "render",
     value: function() {
-      var t, n = this.asProps, a = n.styles, r = n.Children, i = this[S];
-      return t = b(a), /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(P, t.cn("Divider", {
+      var t, n = this.asProps, a = n.styles, r = n.Children, l = this[b];
+      return t = y(a), /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(P, t.cn("Divider", {
         mt: 3,
         mb: 3
-      })), r.origin ? /* @__PURE__ */ o.createElement(r, t.cn("Children", {})) : /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(i.Colors, null), /* @__PURE__ */ o.createElement(i.InputColor, null)));
+      })), r.origin ? /* @__PURE__ */ o.createElement(r, t.cn("Children", {})) : /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(l.Colors, null), /* @__PURE__ */ o.createElement(l.InputColor, null)));
     }
   }]), g;
 }(I);