intergalactic 15.126.0-prerelease.1 → 15.126.0-prerelease.12

package/color-picker/lib/es6/ColorPicker.js

@@ -21,30 +21,30 @@ import { Item, Colors, ColorsCustom, InputColor } from './components';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 /*__reshadow-styles__:"./style/color-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1u7cx_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1u7cx_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_1u7cx_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1u7cx_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_1u7cx)}@media (hover:hover){.___SItemContainer_1u7cx_gg_:hover>.___SCloseIcon_1u7cx_gg_{opacity:1}}.___SItemContainer_1u7cx_gg_.__keyboardFocused_1u7cx_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1u7cx_gg_.__selected_1u7cx_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1u7cx_gg_.__displayLabel_1u7cx_gg_::after{background:var(--value_1u7cx);opacity:.15}.___SItemContainer_1u7cx_gg_:not(.__value_1u7cx_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1u7cx_gg_,.___SColors_1u7cx_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1u7cx_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1u7cx_gg_,.___SPaletteManager_1u7cx_gg_,.___SPlusButton_1u7cx_gg_{display:flex;align-items:center}.___SPlusButton_1u7cx_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1u7cx_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1u7cx_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1u7cx_gg_.__keyboardFocused_1u7cx_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1u7cx_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1u7cx);border:1px solid transparent}.___STriggerCircle_1u7cx_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1u7cx_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1u7cx_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_1u7cx_gg_{position:absolute}.___SLabel_1u7cx_gg_{z-index:1;color:var(--data-value_1u7cx);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1u7cx_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1u7cx)}.___SClearConfirm_1u7cx_gg_.__hidden_1u7cx_gg_,.___SConfirmColor_1u7cx_gg_.__hidden_1u7cx_gg_{display:none}" /*__inner_css_end__*/, "1u7cx_gg_") /*__reshadow_css_end__*/, {
-  "__SColorPickerPopper": "___SColorPickerPopper_1u7cx_gg_",
-  "__SItemContainer": "___SItemContainer_1u7cx_gg_",
-  "__SCloseIcon": "___SCloseIcon_1u7cx_gg_",
-  "_keyboardFocused": "__keyboardFocused_1u7cx_gg_",
-  "_selected": "__selected_1u7cx_gg_",
-  "__SColorsContainer": "___SColorsContainer_1u7cx_gg_",
-  "__SColors": "___SColors_1u7cx_gg_",
-  "__SPaletteManager": "___SPaletteManager_1u7cx_gg_",
-  "__SInputContainer": "___SInputContainer_1u7cx_gg_",
-  "__SDefaultTrigger": "___SDefaultTrigger_1u7cx_gg_",
-  "__STriggerCircle": "___STriggerCircle_1u7cx_gg_",
-  "--data-value": "--data-value_1u7cx",
-  "__STriggerCircleLine": "___STriggerCircleLine_1u7cx_gg_",
-  "__SLine": "___SLine_1u7cx_gg_",
-  "__SLabel": "___SLabel_1u7cx_gg_",
-  "__SItemColor": "___SItemColor_1u7cx_gg_",
-  "__SConfirmColor": "___SConfirmColor_1u7cx_gg_",
-  "_hidden": "__hidden_1u7cx_gg_",
-  "__SClearConfirm": "___SClearConfirm_1u7cx_gg_",
-  "--value": "--value_1u7cx",
-  "_displayLabel": "__displayLabel_1u7cx_gg_",
-  "_value": "__value_1u7cx_gg_",
-  "__SPlusButton": "___SPlusButton_1u7cx_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1a01r_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1a01r_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_1a01r_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1a01r_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_1a01r)}@media (hover:hover){.___SItemContainer_1a01r_gg_:hover>.___SCloseIcon_1a01r_gg_{opacity:1}}.___SItemContainer_1a01r_gg_.__keyboardFocused_1a01r_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1a01r_gg_.__selected_1a01r_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1a01r_gg_.__displayLabel_1a01r_gg_::after{background:var(--value_1a01r);opacity:.15}.___SItemContainer_1a01r_gg_:not(.__value_1a01r_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1a01r_gg_,.___SColors_1a01r_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1a01r_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1a01r_gg_,.___SPaletteManager_1a01r_gg_,.___SPlusButton_1a01r_gg_{display:flex;align-items:center}.___SPlusButton_1a01r_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1a01r_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1a01r_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1a01r_gg_.__keyboardFocused_1a01r_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1a01r_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1a01r);border:1px solid transparent}.___STriggerCircle_1a01r_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1a01r_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1a01r_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_1a01r_gg_{position:absolute}.___SLabel_1a01r_gg_{z-index:1;color:var(--data-value_1a01r);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1a01r_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1a01r)}.___SClearConfirm_1a01r_gg_.__hidden_1a01r_gg_,.___SConfirmColor_1a01r_gg_.__hidden_1a01r_gg_{display:none}" /*__inner_css_end__*/, "1a01r_gg_") /*__reshadow_css_end__*/, {
+  "__SColorPickerPopper": "___SColorPickerPopper_1a01r_gg_",
+  "__SItemContainer": "___SItemContainer_1a01r_gg_",
+  "__SCloseIcon": "___SCloseIcon_1a01r_gg_",
+  "_keyboardFocused": "__keyboardFocused_1a01r_gg_",
+  "_selected": "__selected_1a01r_gg_",
+  "__SColorsContainer": "___SColorsContainer_1a01r_gg_",
+  "__SColors": "___SColors_1a01r_gg_",
+  "__SPaletteManager": "___SPaletteManager_1a01r_gg_",
+  "__SInputContainer": "___SInputContainer_1a01r_gg_",
+  "__SDefaultTrigger": "___SDefaultTrigger_1a01r_gg_",
+  "__STriggerCircle": "___STriggerCircle_1a01r_gg_",
+  "--data-value": "--data-value_1a01r",
+  "__STriggerCircleLine": "___STriggerCircleLine_1a01r_gg_",
+  "__SLine": "___SLine_1a01r_gg_",
+  "__SLabel": "___SLabel_1a01r_gg_",
+  "__SItemColor": "___SItemColor_1a01r_gg_",
+  "__SConfirmColor": "___SConfirmColor_1a01r_gg_",
+  "_hidden": "__hidden_1a01r_gg_",
+  "__SClearConfirm": "___SClearConfirm_1a01r_gg_",
+  "--value": "--value_1a01r",
+  "_displayLabel": "__displayLabel_1a01r_gg_",
+  "_value": "__value_1a01r_gg_",
+  "__SPlusButton": "___SPlusButton_1a01r_gg_"
 });
 var defaultColors = [null, '#2BB3FF', '#8649E1', '#C695FF', '#F67CF2', '#FFA9FA', '#FF8786', '#FF8C43', '#FDC23C', '#66C030', '#9BD85D', '#C7EE96'];
 var ColorPickerRoot = /*#__PURE__*/function (_Component) {

package/color-picker/lib/es6/PaletteManager.js

@@ -11,30 +11,30 @@ import Divider from 'intergalactic/divider';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 /*__reshadow-styles__:"./style/color-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1u7cx_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1u7cx_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_1u7cx_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1u7cx_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_1u7cx)}@media (hover:hover){.___SItemContainer_1u7cx_gg_:hover>.___SCloseIcon_1u7cx_gg_{opacity:1}}.___SItemContainer_1u7cx_gg_.__keyboardFocused_1u7cx_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1u7cx_gg_.__selected_1u7cx_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1u7cx_gg_.__displayLabel_1u7cx_gg_::after{background:var(--value_1u7cx);opacity:.15}.___SItemContainer_1u7cx_gg_:not(.__value_1u7cx_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1u7cx_gg_,.___SColors_1u7cx_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1u7cx_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1u7cx_gg_,.___SPaletteManager_1u7cx_gg_,.___SPlusButton_1u7cx_gg_{display:flex;align-items:center}.___SPlusButton_1u7cx_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1u7cx_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1u7cx_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1u7cx_gg_.__keyboardFocused_1u7cx_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1u7cx_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1u7cx);border:1px solid transparent}.___STriggerCircle_1u7cx_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1u7cx_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1u7cx_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_1u7cx_gg_{position:absolute}.___SLabel_1u7cx_gg_{z-index:1;color:var(--data-value_1u7cx);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1u7cx_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1u7cx)}.___SClearConfirm_1u7cx_gg_.__hidden_1u7cx_gg_,.___SConfirmColor_1u7cx_gg_.__hidden_1u7cx_gg_{display:none}" /*__inner_css_end__*/, "1u7cx_gg_") /*__reshadow_css_end__*/, {
-  "__SColorPickerPopper": "___SColorPickerPopper_1u7cx_gg_",
-  "__SItemContainer": "___SItemContainer_1u7cx_gg_",
-  "__SCloseIcon": "___SCloseIcon_1u7cx_gg_",
-  "_keyboardFocused": "__keyboardFocused_1u7cx_gg_",
-  "_selected": "__selected_1u7cx_gg_",
-  "__SColorsContainer": "___SColorsContainer_1u7cx_gg_",
-  "__SColors": "___SColors_1u7cx_gg_",
-  "__SPaletteManager": "___SPaletteManager_1u7cx_gg_",
-  "__SInputContainer": "___SInputContainer_1u7cx_gg_",
-  "__SDefaultTrigger": "___SDefaultTrigger_1u7cx_gg_",
-  "__STriggerCircle": "___STriggerCircle_1u7cx_gg_",
-  "--data-value": "--data-value_1u7cx",
-  "__STriggerCircleLine": "___STriggerCircleLine_1u7cx_gg_",
-  "__SLine": "___SLine_1u7cx_gg_",
-  "__SLabel": "___SLabel_1u7cx_gg_",
-  "__SItemColor": "___SItemColor_1u7cx_gg_",
-  "__SConfirmColor": "___SConfirmColor_1u7cx_gg_",
-  "_hidden": "__hidden_1u7cx_gg_",
-  "__SClearConfirm": "___SClearConfirm_1u7cx_gg_",
-  "--value": "--value_1u7cx",
-  "_displayLabel": "__displayLabel_1u7cx_gg_",
-  "_value": "__value_1u7cx_gg_",
-  "__SPlusButton": "___SPlusButton_1u7cx_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1a01r_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1a01r_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_1a01r_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1a01r_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_1a01r)}@media (hover:hover){.___SItemContainer_1a01r_gg_:hover>.___SCloseIcon_1a01r_gg_{opacity:1}}.___SItemContainer_1a01r_gg_.__keyboardFocused_1a01r_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1a01r_gg_.__selected_1a01r_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1a01r_gg_.__displayLabel_1a01r_gg_::after{background:var(--value_1a01r);opacity:.15}.___SItemContainer_1a01r_gg_:not(.__value_1a01r_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1a01r_gg_,.___SColors_1a01r_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1a01r_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1a01r_gg_,.___SPaletteManager_1a01r_gg_,.___SPlusButton_1a01r_gg_{display:flex;align-items:center}.___SPlusButton_1a01r_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1a01r_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1a01r_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1a01r_gg_.__keyboardFocused_1a01r_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1a01r_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1a01r);border:1px solid transparent}.___STriggerCircle_1a01r_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1a01r_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1a01r_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_1a01r_gg_{position:absolute}.___SLabel_1a01r_gg_{z-index:1;color:var(--data-value_1a01r);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1a01r_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1a01r)}.___SClearConfirm_1a01r_gg_.__hidden_1a01r_gg_,.___SConfirmColor_1a01r_gg_.__hidden_1a01r_gg_{display:none}" /*__inner_css_end__*/, "1a01r_gg_") /*__reshadow_css_end__*/, {
+  "__SColorPickerPopper": "___SColorPickerPopper_1a01r_gg_",
+  "__SItemContainer": "___SItemContainer_1a01r_gg_",
+  "__SCloseIcon": "___SCloseIcon_1a01r_gg_",
+  "_keyboardFocused": "__keyboardFocused_1a01r_gg_",
+  "_selected": "__selected_1a01r_gg_",
+  "__SColorsContainer": "___SColorsContainer_1a01r_gg_",
+  "__SColors": "___SColors_1a01r_gg_",
+  "__SPaletteManager": "___SPaletteManager_1a01r_gg_",
+  "__SInputContainer": "___SInputContainer_1a01r_gg_",
+  "__SDefaultTrigger": "___SDefaultTrigger_1a01r_gg_",
+  "__STriggerCircle": "___STriggerCircle_1a01r_gg_",
+  "--data-value": "--data-value_1a01r",
+  "__STriggerCircleLine": "___STriggerCircleLine_1a01r_gg_",
+  "__SLine": "___SLine_1a01r_gg_",
+  "__SLabel": "___SLabel_1a01r_gg_",
+  "__SItemColor": "___SItemColor_1a01r_gg_",
+  "__SConfirmColor": "___SConfirmColor_1a01r_gg_",
+  "_hidden": "__hidden_1a01r_gg_",
+  "__SClearConfirm": "___SClearConfirm_1a01r_gg_",
+  "--value": "--value_1a01r",
+  "_displayLabel": "__displayLabel_1a01r_gg_",
+  "_value": "__value_1a01r_gg_",
+  "__SPlusButton": "___SPlusButton_1a01r_gg_"
 });
 import uniqueIdEnhance from 'intergalactic/utils/lib/uniqueID';
 var enhance = [i18nEnhance(localizedMessages), uniqueIdEnhance()];

package/color-picker/lib/es6/components/InputColor.js

@@ -14,30 +14,30 @@ import Input from 'intergalactic/input';
 import CheckM from 'intergalactic/icon/Check/m';
 import CloseM from 'intergalactic/icon/Close/m';
 /*__reshadow-styles__:"../style/color-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1u7cx_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1u7cx_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_1u7cx_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1u7cx_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_1u7cx)}@media (hover:hover){.___SItemContainer_1u7cx_gg_:hover>.___SCloseIcon_1u7cx_gg_{opacity:1}}.___SItemContainer_1u7cx_gg_.__keyboardFocused_1u7cx_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1u7cx_gg_.__selected_1u7cx_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1u7cx_gg_.__displayLabel_1u7cx_gg_::after{background:var(--value_1u7cx);opacity:.15}.___SItemContainer_1u7cx_gg_:not(.__value_1u7cx_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1u7cx_gg_,.___SColors_1u7cx_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1u7cx_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1u7cx_gg_,.___SPaletteManager_1u7cx_gg_,.___SPlusButton_1u7cx_gg_{display:flex;align-items:center}.___SPlusButton_1u7cx_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1u7cx_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1u7cx_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1u7cx_gg_.__keyboardFocused_1u7cx_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1u7cx_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1u7cx);border:1px solid transparent}.___STriggerCircle_1u7cx_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1u7cx_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1u7cx_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_1u7cx_gg_{position:absolute}.___SLabel_1u7cx_gg_{z-index:1;color:var(--data-value_1u7cx);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1u7cx_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1u7cx)}.___SClearConfirm_1u7cx_gg_.__hidden_1u7cx_gg_,.___SConfirmColor_1u7cx_gg_.__hidden_1u7cx_gg_{display:none}" /*__inner_css_end__*/, "1u7cx_gg_") /*__reshadow_css_end__*/, {
-  "__SColorPickerPopper": "___SColorPickerPopper_1u7cx_gg_",
-  "__SItemContainer": "___SItemContainer_1u7cx_gg_",
-  "__SCloseIcon": "___SCloseIcon_1u7cx_gg_",
-  "_keyboardFocused": "__keyboardFocused_1u7cx_gg_",
-  "_selected": "__selected_1u7cx_gg_",
-  "__SColorsContainer": "___SColorsContainer_1u7cx_gg_",
-  "__SColors": "___SColors_1u7cx_gg_",
-  "__SPaletteManager": "___SPaletteManager_1u7cx_gg_",
-  "__SInputContainer": "___SInputContainer_1u7cx_gg_",
-  "__SDefaultTrigger": "___SDefaultTrigger_1u7cx_gg_",
-  "__STriggerCircle": "___STriggerCircle_1u7cx_gg_",
-  "--data-value": "--data-value_1u7cx",
-  "__STriggerCircleLine": "___STriggerCircleLine_1u7cx_gg_",
-  "__SLine": "___SLine_1u7cx_gg_",
-  "__SLabel": "___SLabel_1u7cx_gg_",
-  "__SItemColor": "___SItemColor_1u7cx_gg_",
-  "__SConfirmColor": "___SConfirmColor_1u7cx_gg_",
-  "_hidden": "__hidden_1u7cx_gg_",
-  "__SClearConfirm": "___SClearConfirm_1u7cx_gg_",
-  "--value": "--value_1u7cx",
-  "_displayLabel": "__displayLabel_1u7cx_gg_",
-  "_value": "__value_1u7cx_gg_",
-  "__SPlusButton": "___SPlusButton_1u7cx_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1a01r_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1a01r_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_1a01r_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1a01r_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_1a01r)}@media (hover:hover){.___SItemContainer_1a01r_gg_:hover>.___SCloseIcon_1a01r_gg_{opacity:1}}.___SItemContainer_1a01r_gg_.__keyboardFocused_1a01r_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1a01r_gg_.__selected_1a01r_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1a01r_gg_.__displayLabel_1a01r_gg_::after{background:var(--value_1a01r);opacity:.15}.___SItemContainer_1a01r_gg_:not(.__value_1a01r_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1a01r_gg_,.___SColors_1a01r_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1a01r_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1a01r_gg_,.___SPaletteManager_1a01r_gg_,.___SPlusButton_1a01r_gg_{display:flex;align-items:center}.___SPlusButton_1a01r_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1a01r_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1a01r_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1a01r_gg_.__keyboardFocused_1a01r_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1a01r_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1a01r);border:1px solid transparent}.___STriggerCircle_1a01r_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1a01r_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1a01r_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_1a01r_gg_{position:absolute}.___SLabel_1a01r_gg_{z-index:1;color:var(--data-value_1a01r);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1a01r_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1a01r)}.___SClearConfirm_1a01r_gg_.__hidden_1a01r_gg_,.___SConfirmColor_1a01r_gg_.__hidden_1a01r_gg_{display:none}" /*__inner_css_end__*/, "1a01r_gg_") /*__reshadow_css_end__*/, {
+  "__SColorPickerPopper": "___SColorPickerPopper_1a01r_gg_",
+  "__SItemContainer": "___SItemContainer_1a01r_gg_",
+  "__SCloseIcon": "___SCloseIcon_1a01r_gg_",
+  "_keyboardFocused": "__keyboardFocused_1a01r_gg_",
+  "_selected": "__selected_1a01r_gg_",
+  "__SColorsContainer": "___SColorsContainer_1a01r_gg_",
+  "__SColors": "___SColors_1a01r_gg_",
+  "__SPaletteManager": "___SPaletteManager_1a01r_gg_",
+  "__SInputContainer": "___SInputContainer_1a01r_gg_",
+  "__SDefaultTrigger": "___SDefaultTrigger_1a01r_gg_",
+  "__STriggerCircle": "___STriggerCircle_1a01r_gg_",
+  "--data-value": "--data-value_1a01r",
+  "__STriggerCircleLine": "___STriggerCircleLine_1a01r_gg_",
+  "__SLine": "___SLine_1a01r_gg_",
+  "__SLabel": "___SLabel_1a01r_gg_",
+  "__SItemColor": "___SItemColor_1a01r_gg_",
+  "__SConfirmColor": "___SConfirmColor_1a01r_gg_",
+  "_hidden": "__hidden_1a01r_gg_",
+  "__SClearConfirm": "___SClearConfirm_1a01r_gg_",
+  "--value": "--value_1a01r",
+  "_displayLabel": "__displayLabel_1a01r_gg_",
+  "_value": "__value_1a01r_gg_",
+  "__SPlusButton": "___SPlusButton_1a01r_gg_"
 });
 function isValidHex(hex) {
   if (hex[0] !== '#' && hex.length === 7) return false;

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

@@ -0,0 +1,205 @@
+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";
+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 h, { assignProps as d, sstyled as m, Component as F } from 'intergalactic/core';
+import _ 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 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";
+import { InputColor as $ } from "./components/InputColor.mjs";
+var A = (
+  /*__reshadow_css_start__*/
+  (E.insert(
+    /*__inner_css_start__*/
+    '.___SColorPickerPopper_1a01r_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1a01r_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_1a01r_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1a01r_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_1a01r)}@media (hover:hover){.___SItemContainer_1a01r_gg_:hover>.___SCloseIcon_1a01r_gg_{opacity:1}}.___SItemContainer_1a01r_gg_.__keyboardFocused_1a01r_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1a01r_gg_.__selected_1a01r_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1a01r_gg_.__displayLabel_1a01r_gg_::after{background:var(--value_1a01r);opacity:.15}.___SItemContainer_1a01r_gg_:not(.__value_1a01r_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1a01r_gg_,.___SColors_1a01r_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1a01r_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1a01r_gg_,.___SPaletteManager_1a01r_gg_,.___SPlusButton_1a01r_gg_{display:flex;align-items:center}.___SPlusButton_1a01r_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1a01r_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1a01r_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1a01r_gg_.__keyboardFocused_1a01r_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1a01r_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1a01r);border:1px solid transparent}.___STriggerCircle_1a01r_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1a01r_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1a01r_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_1a01r_gg_{position:absolute}.___SLabel_1a01r_gg_{z-index:1;color:var(--data-value_1a01r);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1a01r_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1a01r)}.___SClearConfirm_1a01r_gg_.__hidden_1a01r_gg_,.___SConfirmColor_1a01r_gg_.__hidden_1a01r_gg_{display:none}',
+    "1a01r_gg_"
+  ), {
+    __SColorPickerPopper: "___SColorPickerPopper_1a01r_gg_",
+    __SItemContainer: "___SItemContainer_1a01r_gg_",
+    __SCloseIcon: "___SCloseIcon_1a01r_gg_",
+    _keyboardFocused: "__keyboardFocused_1a01r_gg_",
+    _selected: "__selected_1a01r_gg_",
+    __SColorsContainer: "___SColorsContainer_1a01r_gg_",
+    __SColors: "___SColors_1a01r_gg_",
+    __SPaletteManager: "___SPaletteManager_1a01r_gg_",
+    __SInputContainer: "___SInputContainer_1a01r_gg_",
+    __SDefaultTrigger: "___SDefaultTrigger_1a01r_gg_",
+    __STriggerCircle: "___STriggerCircle_1a01r_gg_",
+    "--data-value": "--data-value_1a01r",
+    __STriggerCircleLine: "___STriggerCircleLine_1a01r_gg_",
+    __SLine: "___SLine_1a01r_gg_",
+    __SLabel: "___SLabel_1a01r_gg_",
+    __SItemColor: "___SItemColor_1a01r_gg_",
+    __SConfirmColor: "___SConfirmColor_1a01r_gg_",
+    _hidden: "__hidden_1a01r_gg_",
+    __SClearConfirm: "___SClearConfirm_1a01r_gg_",
+    "--value": "--value_1a01r",
+    _displayLabel: "__displayLabel_1a01r_gg_",
+    _value: "__value_1a01r_gg_",
+    __SPlusButton: "___SPlusButton_1a01r_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() {
+    var r;
+    P(this, n);
+    for (var e = arguments.length, t = new Array(e), a = 0; a < e; a++)
+      t[a] = arguments[a];
+    return r = g.call.apply(g, [this].concat(t)), s(T(r), "bindHandlerItemClick", function(i) {
+      return function(l) {
+        r.handlers.value(i, l), r.handlers.visible(!1, l), l.preventDefault();
+      };
+    }), r;
+  }
+  return I(n, [{
+    key: "uncontrolledProps",
+    value: function() {
+      return {
+        value: null,
+        visible: !1
+      };
+    }
+  }, {
+    key: "getTriggerProps",
+    value: function() {
+      var e = this.asProps, t = e.value, a = e.visible, i = e.getI18nText;
+      return {
+        value: t,
+        popperVisible: a,
+        getI18nText: i
+      };
+    }
+  }, {
+    key: "getColorsProps",
+    value: function() {
+      var e = this.asProps, t = e.colors, a = e.getI18nText;
+      return {
+        colors: t,
+        getI18nText: a
+      };
+    }
+  }, {
+    key: "getInputColorProps",
+    value: function() {
+      var e = this.asProps.getI18nText;
+      return {
+        getI18nText: e
+      };
+    }
+  }, {
+    key: "getItemProps",
+    value: function(e) {
+      var t = this, a = this.asProps, i = a.value, l = a.displayLabel, b = a.getI18nText, y = i === e.value;
+      return {
+        displayLabel: l,
+        onClick: this.bindHandlerItemClick(e.value),
+        onKeyDown: function(p) {
+          (p.key === "Enter" || p.key === " ") && (p.preventDefault(), t.bindHandlerItemClick(e.value)(p));
+        },
+        selected: y,
+        getI18nText: b
+      };
+    }
+  }, {
+    key: "getPopperProps",
+    value: function() {
+      var e = this.asProps.getI18nText;
+      return {
+        getI18nText: e
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var e = this.asProps, t, a = this.asProps, i = a.styles, l = a.Children;
+      return t = m(i), /* @__PURE__ */ _.createElement(f, d({
+        stretch: !1
+      }, e), /* @__PURE__ */ _.createElement(l, t.cn("Children", {})));
+    }
+  }]), n;
+}(F);
+s(c, "displayName", "ColorPicker");
+s(c, "style", A);
+s(c, "enhance", [M(x)]);
+s(c, "defaultProps", function() {
+  return {
+    defaultVisible: !1,
+    defaultValue: null,
+    colors: H,
+    i18n: x,
+    locale: "en",
+    children: /* @__PURE__ */ _.createElement(_.Fragment, null, /* @__PURE__ */ _.createElement(u.Trigger, null), /* @__PURE__ */ _.createElement(u.Popper, null))
+  };
+});
+function S(o) {
+  var g = arguments[0], n = o.Children, r = o.getI18nText, e = o.value, t = _.useMemo(function() {
+    return e ? r("currentColor", {
+      color: e
+    }) : r("emptyColor");
+  }, [e]);
+  return /* @__PURE__ */ _.createElement(f.Trigger, d({
+    tag: V,
+    "aria-label": t,
+    role: "combobox"
+  }, g), /* @__PURE__ */ _.createElement(n, null));
+}
+S.enhance = [L()];
+var V = /* @__PURE__ */ _.forwardRef(function(o, g) {
+  var n = arguments[0], r, e = o.styles, t = o.value, a = v, i = v, l = "svg";
+  return r = m(e), /* @__PURE__ */ _.createElement(a, r.cn("SDefaultTrigger", C({}, d({
+    tag: "button",
+    ref: g
+  }, n))), /* @__PURE__ */ _.createElement(i, r.cn("STriggerCircle", {
+    "data-value": t
+  }), !t && /* @__PURE__ */ _.createElement(l, r.cn("STriggerCircleLine", {
+    width: "10",
+    height: "10",
+    viewBox: "0 0 10 10",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }), /* @__PURE__ */ _.createElement("rect", r.cn("rect", {
+    width: "1",
+    height: "14",
+    transform: "matrix(-0.707107 -0.707107 -0.707107 0.707107 10 1)",
+    fill: "#E0E1E9"
+  })))), /* @__PURE__ */ _.createElement(D, r.cn("ChevronDownM", {
+    color: "gray-800"
+  })));
+});
+function K(o) {
+  var g = arguments[0], n, r = o.styles, e = o.Children, t = o.getI18nText, a = o.children, i = f.Popper;
+  return n = m(r), /* @__PURE__ */ _.createElement(i, n.cn("SColorPickerPopper", C({}, d({
+    "aria-label": t("palette")
+  }, g))), a ? /* @__PURE__ */ _.createElement(e, n.cn("Children", {})) : /* @__PURE__ */ _.createElement(u.Colors, {
+    getI18nText: o.getI18nText
+  }));
+}
+var u = h(c, {
+  Trigger: S,
+  Popper: K,
+  Item: j,
+  Colors: z
+}), se = h(B, {
+  Item: u.Item,
+  Colors: R,
+  InputColor: $
+});
+export {
+  se as PaletteManager,
+  K as Popper,
+  S as Trigger,
+  u as default,
+  H as defaultColors
+};

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

@@ -0,0 +1,145 @@
+import v from "@babel/runtime/helpers/esm/classCallCheck";
+import h from "@babel/runtime/helpers/esm/createClass";
+import l 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 S } from 'intergalactic/utils/lib/core/index';
+import t from "react";
+import { CORE_INSTANCE as b, sstyled as y, Component as I } from 'intergalactic/core';
+import P from 'intergalactic/divider';
+import { localizedMessages as p } 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__*/
+  (S.insert(
+    /*__inner_css_start__*/
+    '.___SColorPickerPopper_1a01r_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1a01r_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_1a01r_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1a01r_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_1a01r)}@media (hover:hover){.___SItemContainer_1a01r_gg_:hover>.___SCloseIcon_1a01r_gg_{opacity:1}}.___SItemContainer_1a01r_gg_.__keyboardFocused_1a01r_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1a01r_gg_.__selected_1a01r_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1a01r_gg_.__displayLabel_1a01r_gg_::after{background:var(--value_1a01r);opacity:.15}.___SItemContainer_1a01r_gg_:not(.__value_1a01r_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1a01r_gg_,.___SColors_1a01r_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1a01r_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1a01r_gg_,.___SPaletteManager_1a01r_gg_,.___SPlusButton_1a01r_gg_{display:flex;align-items:center}.___SPlusButton_1a01r_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1a01r_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1a01r_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1a01r_gg_.__keyboardFocused_1a01r_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1a01r_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1a01r);border:1px solid transparent}.___STriggerCircle_1a01r_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1a01r_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1a01r_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_1a01r_gg_{position:absolute}.___SLabel_1a01r_gg_{z-index:1;color:var(--data-value_1a01r);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1a01r_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1a01r)}.___SClearConfirm_1a01r_gg_.__hidden_1a01r_gg_,.___SConfirmColor_1a01r_gg_.__hidden_1a01r_gg_{display:none}',
+    "1a01r_gg_"
+  ), {
+    __SColorPickerPopper: "___SColorPickerPopper_1a01r_gg_",
+    __SItemContainer: "___SItemContainer_1a01r_gg_",
+    __SCloseIcon: "___SCloseIcon_1a01r_gg_",
+    _keyboardFocused: "__keyboardFocused_1a01r_gg_",
+    _selected: "__selected_1a01r_gg_",
+    __SColorsContainer: "___SColorsContainer_1a01r_gg_",
+    __SColors: "___SColors_1a01r_gg_",
+    __SPaletteManager: "___SPaletteManager_1a01r_gg_",
+    __SInputContainer: "___SInputContainer_1a01r_gg_",
+    __SDefaultTrigger: "___SDefaultTrigger_1a01r_gg_",
+    __STriggerCircle: "___STriggerCircle_1a01r_gg_",
+    "--data-value": "--data-value_1a01r",
+    __STriggerCircleLine: "___STriggerCircleLine_1a01r_gg_",
+    __SLine: "___SLine_1a01r_gg_",
+    __SLabel: "___SLabel_1a01r_gg_",
+    __SItemColor: "___SItemColor_1a01r_gg_",
+    __SConfirmColor: "___SConfirmColor_1a01r_gg_",
+    _hidden: "__hidden_1a01r_gg_",
+    __SClearConfirm: "___SClearConfirm_1a01r_gg_",
+    "--value": "--value_1a01r",
+    _displayLabel: "__displayLabel_1a01r_gg_",
+    _value: "__value_1a01r_gg_",
+    __SPlusButton: "___SPlusButton_1a01r_gg_"
+  })
+), L = [k(p), T()], d = /* @__PURE__ */ function(f) {
+  C(g, f);
+  var u = x(g);
+  function g() {
+    var r;
+    v(this, g);
+    for (var a = arguments.length, n = new Array(a), o = 0; o < a; o++)
+      n[o] = arguments[o];
+    return r = u.call.apply(u, [this].concat(n)), _(l(r), "refInput", /* @__PURE__ */ t.createRef()), _(l(r), "state", {
+      focus: !1
+    }), _(l(r), "bindHandlerItemRemove", function(e) {
+      return function(i) {
+        i.stopPropagation();
+        var s = r.asProps.colors, c = s === void 0 ? [] : s;
+        r.handlers.colors(c.filter(function(m) {
+          return m !== e;
+        }), i);
+      };
+    }), _(l(r), "bindHandlerItemAdd", function() {
+      return function(e, i) {
+        var s = r.asProps.colors, c = s === void 0 ? [] : s;
+        c.includes(e) || r.handlers.colors(c.concat(e), i);
+      };
+    }), _(l(r), "bindHandlerButtonClick", function() {
+      return function() {
+        var e;
+        (e = r.refInput.current) === null || e === void 0 || e.focus(), r.onFocus();
+      };
+    }), _(l(r), "onFocus", function() {
+      return r.setState({
+        focus: !0
+      });
+    }), _(l(r), "onBlur", function() {
+      return r.setState({
+        focus: !1
+      });
+    }), r;
+  }
+  return h(g, [{
+    key: "uncontrolledProps",
+    value: function() {
+      return {
+        colors: []
+      };
+    }
+  }, {
+    key: "getColorsProps",
+    value: function() {
+      var a = this.asProps.colors;
+      return {
+        colors: a,
+        editable: !0,
+        onPlusButtonClick: this.bindHandlerButtonClick(),
+        getI18nText: this.asProps.getI18nText
+      };
+    }
+  }, {
+    key: "getItemProps",
+    value: function(a) {
+      var n = a.value, o = this.asProps.uid;
+      return {
+        uid: o,
+        editable: !0,
+        onRemove: this.bindHandlerItemRemove(n),
+        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 a, n = this.asProps, o = n.styles, e = n.Children, i = this[b];
+      return a = y(o), /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(P, a.cn("Divider", {
+        mt: 3,
+        mb: 3
+      })), e.origin ? /* @__PURE__ */ t.createElement(e, a.cn("Children", {})) : /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(i.Colors, null), /* @__PURE__ */ t.createElement(i.InputColor, null)));
+    }
+  }]), g;
+}(I);
+_(d, "displayName", "PaletteManager");
+_(d, "style", w);
+_(d, "enhance", L);
+_(d, "defaultProps", {
+  defaultColors: [],
+  i18n: p,
+  locale: "en"
+});
+export {
+  d as default
+};