intergalactic 15.126.0-prerelease.9 → 15.126.1-prerelease.0

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

@@ -0,0 +1,205 @@
+import C 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 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 { 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 = (
+  /*__reshadow_css_start__*/
+  (E.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: "___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_"
+  })
+), H = [null, "#2BB3FF", "#8649E1", "#C695FF", "#F67CF2", "#FFA9FA", "#FF8786", "#FF8C43", "#FDC23C", "#66C030", "#9BD85D", "#C7EE96"], c = /* @__PURE__ */ function(a) {
+  T(o, a);
+  var g = w(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 function(l) {
+        r.handlers.value(n, l), r.handlers.visible(!1, l), l.preventDefault();
+      };
+    }), r;
+  }
+  return P(o, [{
+    key: "uncontrolledProps",
+    value: function() {
+      return {
+        value: null,
+        visible: !1
+      };
+    }
+  }, {
+    key: "getTriggerProps",
+    value: function() {
+      var e = this.asProps, _ = e.value, t = e.visible, n = e.getI18nText;
+      return {
+        value: _,
+        popperVisible: t,
+        getI18nText: n
+      };
+    }
+  }, {
+    key: "getColorsProps",
+    value: function() {
+      var e = this.asProps, _ = e.colors, t = e.getI18nText;
+      return {
+        colors: _,
+        getI18nText: t
+      };
+    }
+  }, {
+    key: "getInputColorProps",
+    value: function() {
+      var e = this.asProps.getI18nText;
+      return {
+        getI18nText: e
+      };
+    }
+  }, {
+    key: "getItemProps",
+    value: function(e) {
+      var _ = this, t = this.asProps, n = t.value, l = t.displayLabel, S = t.getI18nText, b = n === e.value;
+      return {
+        displayLabel: l,
+        onClick: this.bindHandlerItemClick(e.value),
+        onKeyDown: function(m) {
+          (m.key === "Enter" || m.key === " ") && (m.preventDefault(), _.bindHandlerItemClick(e.value)(m));
+        },
+        selected: b,
+        getI18nText: S
+      };
+    }
+  }, {
+    key: "getPopperProps",
+    value: function() {
+      var e = this.asProps.getI18nText;
+      return {
+        getI18nText: e
+      };
+    }
+  }, {
+    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({
+        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() {
+  return {
+    defaultVisible: !1,
+    defaultValue: null,
+    colors: H,
+    i18n: h,
+    locale: "en",
+    children: /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(p.Trigger, null), /* @__PURE__ */ i.createElement(p.Popper, null))
+  };
+});
+function x(a) {
+  var g = arguments[0], o = a.Children, r = a.getI18nText, e = a.value, _ = i.useMemo(function() {
+    return e ? r("currentColor", {
+      color: e
+    }) : r("emptyColor");
+  }, [e]);
+  return /* @__PURE__ */ i.createElement(f.Trigger, u({
+    tag: V,
+    "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({
+    tag: "button",
+    ref: g
+  }, o))), /* @__PURE__ */ i.createElement(n, r.cn("STriggerCircle", {
+    "data-value": _
+  }), !_ && /* @__PURE__ */ i.createElement(l, r.cn("STriggerCircleLine", {
+    width: "10",
+    height: "10",
+    viewBox: "0 0 10 10",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }), /* @__PURE__ */ i.createElement("rect", r.cn("rect", {
+    width: "1",
+    height: "14",
+    transform: "matrix(-0.707107 -0.707107 -0.707107 0.707107 10 1)",
+    fill: "#E0E1E9"
+  })))), /* @__PURE__ */ i.createElement(D, 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({
+    "aria-label": _("palette")
+  }, g))), t ? /* @__PURE__ */ i.createElement(e, o.cn("Children", {})) : /* @__PURE__ */ i.createElement(p.Colors, {
+    getI18nText: a.getI18nText
+  }));
+}
+var p = k(c, {
+  Trigger: x,
+  Popper: K,
+  Item: j,
+  Colors: z
+}), se = k(B, {
+  Item: p.Item,
+  Colors: R,
+  InputColor: $
+});
+export {
+  se as PaletteManager,
+  K as Popper,
+  x as Trigger,
+  p as default,
+  H as defaultColors
+};

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

@@ -0,0 +1,145 @@
+import k 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 _ from "@babel/runtime/helpers/esm/defineProperty";
+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 P from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import T from 'intergalactic/utils/lib/uniqueID';
+var w = (
+  /*__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: "___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_"
+  })
+), L = [P(m), T()], d = /* @__PURE__ */ function(p) {
+  h(g, p);
+  var u = C(g);
+  function g() {
+    var e;
+    k(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", {
+      focus: !1
+    }), _(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) {
+          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);
+      };
+    }), _(l(e), "bindHandlerButtonClick", function() {
+      return function() {
+        var r;
+        (r = e.refInput.current) === null || r === void 0 || r.focus(), e.onFocus();
+      };
+    }), _(l(e), "onFocus", function() {
+      return e.setState({
+        focus: !0
+      });
+    }), _(l(e), "onBlur", function() {
+      return e.setState({
+        focus: !1
+      });
+    }), e;
+  }
+  return v(g, [{
+    key: "uncontrolledProps",
+    value: function() {
+      return {
+        colors: []
+      };
+    }
+  }, {
+    key: "getColorsProps",
+    value: function() {
+      var t = this.asProps.colors;
+      return {
+        colors: t,
+        editable: !0,
+        onPlusButtonClick: this.bindHandlerButtonClick(),
+        getI18nText: this.asProps.getI18nText
+      };
+    }
+  }, {
+    key: "getItemProps",
+    value: function(t) {
+      var a = t.value, o = this.asProps.uid;
+      return {
+        uid: o,
+        editable: !0,
+        onRemove: this.bindHandlerItemRemove(a),
+        getI18nText: this.asProps.getI18nText
+      };
+    }
+  }, {
+    key: "getInputColorProps",
+    value: function() {
+      return {
+        ref: this.refInput,
+        onAdd: this.bindHandlerItemAdd(),
+        focus: this.state.focus,
+        onFocus: this.onFocus,
+        onBlur: this.onBlur,
+        getI18nText: this.asProps.getI18nText
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var t, a = this.asProps, o = a.styles, r = a.Children, n = this[S];
+      return t = b(o), /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(I, t.cn("Divider", {
+        mt: 3,
+        mb: 3
+      })), r.origin ? /* @__PURE__ */ i.createElement(r, t.cn("Children", {})) : /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(n.Colors, null), /* @__PURE__ */ i.createElement(n.InputColor, null)));
+    }
+  }]), g;
+}(y);
+_(d, "displayName", "PaletteManager");
+_(d, "style", w);
+_(d, "enhance", L);
+_(d, "defaultProps", {
+  defaultColors: [],
+  i18n: m,
+  locale: "en"
+});
+export {
+  d as default
+};

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

@@ -0,0 +1,151 @@
+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 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 = (
+  /*__reshadow_css_start__*/
+  (B.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: "___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_"
+  })
+);
+function K(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;
+  return function() {
+    for (var c = arguments.length, r = new Array(c), _ = 0; _ < c; _++)
+      r[_] = arguments[_];
+    clearTimeout(e), e = setTimeout(function() {
+      o.apply(g, r);
+    }, l);
+  };
+}
+var C = /* @__PURE__ */ function(o) {
+  E(g, o);
+  var l = M(g);
+  function g() {
+    var e;
+    T(this, g);
+    for (var c = arguments.length, r = new Array(c), _ = 0; _ < c; _++)
+      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") {
+        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);
+        } 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);
+        }
+        e.handlers.value("", a);
+      }
+    }), d(v(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) {
+      a.key === "Enter" && (a.preventDefault(), e.handlerAdd(a));
+    }), e;
+  }
+  return L(g, [{
+    key: "uncontrolledProps",
+    value: function() {
+      return {
+        value: "",
+        state: null
+      };
+    }
+  }, {
+    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
+      })), /* @__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", {
+        ml: 1,
+        w: 135,
+        state: p,
+        onKeyDown: this.handlekeyDown
+      }), /* @__PURE__ */ i.createElement(h, r.cn("SInputValue", F({}, A({
+        placeholder: "FFFFFF",
+        "aria-label": n("colorField"),
+        onChange: this.handlerChange,
+        maxLength: 7,
+        onFocus: k,
+        onBlur: m
+      }, c)))), /* @__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", {
+        color: "green-300"
+      }))), /* @__PURE__ */ i.createElement(I, r.cn("SClearConfirm", {
+        "aria-hidden": "true",
+        "aria-label": n("colorFieldClear"),
+        role: "button",
+        interactive: !0,
+        onClick: this.handlerCancel,
+        pl: "4px",
+        hidden: !s
+      }), /* @__PURE__ */ i.createElement(R, r.cn("CloseM", {
+        color: "gray-300"
+      })))))));
+    }
+  }]), g;
+}(V);
+d(C, "displayName", "InputColor");
+d(C, "style", H);
+d(C, "defaultProps", {
+  defaultValue: "",
+  defaultState: "normal"
+});
+var ae = D(C);
+export {
+  ae as InputColor
+};

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

@@ -0,0 +1,57 @@
+import g from "@babel/runtime/helpers/esm/objectSpread2";
+import { sstyled as w, assignProps as x } from 'intergalactic/core';
+import e from "react";
+import { ScreenReaderOnly as L, Box as m } from 'intergalactic/flex-box';
+import I from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+import _ from 'intergalactic/icon/Close/m';
+import { Hint as M } from 'intergalactic/tooltip';
+var k = {
+  trigger: [["onMouseEnter", "onKeyboardFocus", "onTouchStart", "onFocus"], ["onMouseLeave", "onBlur"]],
+  popper: [["onMouseEnter", "onFocusCapture", "onTouchStart"], ["onMouseLeave", "onBlur"]]
+};
+function B(u) {
+  var v = arguments[0], r, t = u, p = t.Children, h = t.styles, n = t.value, a = t.displayLabel, l = t.editable, i = t.selected, o = t.onRemove, c = t.getI18nText, b = t.uid, f = M, y = m, C = m, E = "svg", d = "delete_".concat(n, "_").concat(b), S = e.useCallback(function(s) {
+    s.key === "Backspace" && (o == null || o(s));
+  }, []);
+  return r = w(h), /* @__PURE__ */ e.createElement(f, r.cn("SItemContainer", g({}, x({
+    interaction: k,
+    selected: i,
+    value: n,
+    displayLabel: a,
+    role: "option",
+    "aria-selected": i,
+    title: n ?? c("clearColor"),
+    "aria-describedby": l ? d : void 0,
+    onKeyDown: S,
+    __excludeProps: ["title"],
+    timeout: [250, 50]
+  }, v))), !n && /* @__PURE__ */ e.createElement(E, r.cn("SLine", {
+    width: "17",
+    height: "17",
+    viewBox: "0 0 17 17",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }), /* @__PURE__ */ e.createElement("rect", r.cn("rect", {
+    width: "1",
+    height: "22",
+    transform: "matrix(-0.707107 -0.707107 -0.707107 0.707107 16.4854 0.928925)",
+    fill: "#e0e1e9"
+  }))), a && /* @__PURE__ */ e.createElement(y, r.cn("SLabel", {
+    "data-value": n || "#6C6E79"
+  }), "A"), /* @__PURE__ */ e.createElement(p, r.cn("Children", {})), l && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(C, r.cn("SCloseIcon", {
+    tabIndex: -1,
+    "aria-hidden": !0,
+    onClick: o
+  }), /* @__PURE__ */ e.createElement(_, r.cn("CloseM", {
+    color: "icon-primary-neutral",
+    w: 10,
+    h: 10
+  }))), /* @__PURE__ */ e.createElement(L, r.cn("ScreenReaderOnly", {
+    "aria-hidden": !0,
+    id: d
+  }), c("deleteColorDescriber"))));
+}
+B.enhance = [I()];
+export {
+  B as Item
+};

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

@@ -0,0 +1,42 @@
+import u from "@babel/runtime/helpers/esm/objectSpread2";
+import { sstyled as C, assignProps as d } from 'intergalactic/core';
+import t from "react";
+import { Box as v, Flex as h } from 'intergalactic/flex-box';
+import x from 'intergalactic/icon/MathPlus/m';
+import E, { PaletteManager as P } from "../ColorPicker.mjs";
+function M(e) {
+  var i = arguments[0], r, l = e.Children, s = e.styles, o = e.colors, c = e.getI18nText, n = v;
+  return r = C(s), /* @__PURE__ */ t.createElement(n, r.cn("SColors", u({}, d({
+    role: "listbox",
+    "aria-orientation": "horizontal",
+    "aria-label": c("presetColors")
+  }, i))), l.origin ? /* @__PURE__ */ t.createElement(l, r.cn("Children", {})) : o == null ? void 0 : o.map(function(a) {
+    return /* @__PURE__ */ t.createElement(E.Item, {
+      value: a,
+      key: a
+    });
+  }));
+}
+function _(e) {
+  var i = arguments[0], r, l = e.Children, s = e.styles, o = e.colors, c = e.onPlusButtonClick, n = e.getI18nText, a = v, f = h, g = "div";
+  return r = C(s), /* @__PURE__ */ t.createElement(f, r.cn("SColorsContainer", {}), /* @__PURE__ */ t.createElement(a, r.cn("SColors", u({}, d({
+    role: "listbox",
+    "aria-orientation": "horizontal",
+    "aria-label": n("customColors")
+  }, i))), l.origin ? /* @__PURE__ */ t.createElement(l, r.cn("Children", {})) : o == null ? void 0 : o.map(function(m) {
+    return /* @__PURE__ */ t.createElement(P.Item, {
+      value: m,
+      key: m
+    });
+  })), /* @__PURE__ */ t.createElement(g, r.cn("SPlusButton", {
+    onClick: c,
+    role: "button",
+    "aria-label": n("addColor")
+  }), /* @__PURE__ */ t.createElement(x, r.cn("MathPlusM", {
+    color: "icon-primary-neutral"
+  }))));
+}
+export {
+  M as Colors,
+  _ as ColorsCustom
+};

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

@@ -0,0 +1,8 @@
+import { PaletteManager as a, Popper as o, Trigger as t, default as l, defaultColors as f } from "./ColorPicker.mjs";
+export {
+  a as PaletteManager,
+  o as Popper,
+  t as Trigger,
+  l as default,
+  f as defaultColors
+};

package/color-picker/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -0,0 +1,33 @@
+import r from "./de.json.mjs";
+import o from "./en.json.mjs";
+import m from "./es.json.mjs";
+import t from "./fr.json.mjs";
+import i from "./it.json.mjs";
+import p from "./ja.json.mjs";
+import f from "./ko.json.mjs";
+import e from "./nl.json.mjs";
+import s from "./pt.json.mjs";
+import a from "./tr.json.mjs";
+import l from "./vi.json.mjs";
+import v from "./zh.json.mjs";
+import d from "./pl.json.mjs";
+import n from "./sv.json.mjs";
+var B = {
+  de: r,
+  en: o,
+  es: m,
+  fr: t,
+  it: i,
+  ja: p,
+  ko: f,
+  nl: e,
+  pt: s,
+  tr: a,
+  vi: l,
+  zh: v,
+  pl: d,
+  sv: n
+};
+export {
+  B as localizedMessages
+};