intergalactic 15.109.0 → 15.110.0

package/dot/lib/cjs/Dot.js

@@ -25,17 +25,17 @@ var _getOriginChildren = _interopRequireDefault(require("intergalactic/utils/lib
 var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
 var _ThemeProvider = require("intergalactic/utils/lib/ThemeProvider");
 /*__reshadow-styles__:"./style/dot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDot_1vbfr_gg_{display:inline-flex;align-items:center;justify-content:center;font-size:var(--intergalactic-fs-50, 10px);line-height:normal;background-color:var(--intergalactic-icon-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff);box-sizing:border-box;z-index:1;border-radius:100%;vertical-align:middle;isolation:isolate}.___SDot_1vbfr_gg_._size_xl_1vbfr_gg_{height:16px;min-width:16px;padding:3px 4px;border-radius:var(--intergalactic-counter-rounded, 12px)}.___SDot_1vbfr_gg_._size_l_1vbfr_gg_{height:12px;min-width:12px;border-radius:100%}.___SDot_1vbfr_gg_._size_m_1vbfr_gg_{height:6px;min-width:6px;border-radius:100%}.___SDot_1vbfr_gg_.__up_1vbfr_gg_{position:absolute;top:0;right:0;margin-top:-3px;margin-right:-3px}.___SA11yAlert_1vbfr_gg_{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}" /*__inner_css_end__*/, "1vbfr_gg_") /*__reshadow_css_end__*/, {
-  "__SDot": "___SDot_1vbfr_gg_",
-  "_size_xl": "_size_xl_1vbfr_gg_",
-  "_size_l": "_size_l_1vbfr_gg_",
-  "_size_m": "_size_m_1vbfr_gg_",
-  "_up": "__up_1vbfr_gg_",
-  "__SA11yAlert": "___SA11yAlert_1vbfr_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDot_csfsv_gg_{display:inline-flex;align-items:center;justify-content:center;font-size:var(--intergalactic-fs-50, 10px);line-height:normal;background-color:var(--intergalactic-icon-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff);box-sizing:border-box;z-index:1;border-radius:100%;vertical-align:middle;isolation:isolate}.___SDot_csfsv_gg_._size_xl_csfsv_gg_{height:16px;min-width:16px;padding:3px 4px;border-radius:var(--intergalactic-counter-rounded, 12px)}.___SDot_csfsv_gg_._size_l_csfsv_gg_{height:12px;min-width:12px;border-radius:100%}.___SDot_csfsv_gg_._size_m_csfsv_gg_{height:6px;min-width:6px;border-radius:100%}.___SDot_csfsv_gg_.__up_csfsv_gg_{position:absolute;top:0;right:0;margin-top:-3px;margin-right:-3px}.___SA11yAlert_csfsv_gg_{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}" /*__inner_css_end__*/, "csfsv_gg_") /*__reshadow_css_end__*/, {
+  "__SDot": "___SDot_csfsv_gg_",
+  "_size_xl": "_size_xl_csfsv_gg_",
+  "_size_l": "_size_l_csfsv_gg_",
+  "_size_m": "_size_m_csfsv_gg_",
+  "_up": "__up_csfsv_gg_",
+  "__SA11yAlert": "___SA11yAlert_csfsv_gg_"
 });
-var styleDot = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_fefzr{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes exit_fefzr{0%{transform:scale(1)}to{transform:scale(0)}}" /*__inner_css_end__*/, "fefzr_gg_") /*__reshadow_css_end__*/, {
-  "@enter": "enter_fefzr",
-  "@exit": "exit_fefzr"
+var styleDot = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_15rom{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes exit_15rom{0%{transform:scale(1)}to{transform:scale(0)}}" /*__inner_css_end__*/, "15rom_gg_") /*__reshadow_css_end__*/, {
+  "@enter": "enter_15rom",
+  "@exit": "exit_15rom"
 });
 var Dot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(Dot, _Component);

package/dot/lib/es6/Dot.js

@@ -18,17 +18,17 @@ import getOriginChildren from 'intergalactic/utils/lib/getOriginChildren';
 import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
 import { contextThemeEnhance } from 'intergalactic/utils/lib/ThemeProvider';
 /*__reshadow-styles__:"./style/dot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDot_1vbfr_gg_{display:inline-flex;align-items:center;justify-content:center;font-size:var(--intergalactic-fs-50, 10px);line-height:normal;background-color:var(--intergalactic-icon-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff);box-sizing:border-box;z-index:1;border-radius:100%;vertical-align:middle;isolation:isolate}.___SDot_1vbfr_gg_._size_xl_1vbfr_gg_{height:16px;min-width:16px;padding:3px 4px;border-radius:var(--intergalactic-counter-rounded, 12px)}.___SDot_1vbfr_gg_._size_l_1vbfr_gg_{height:12px;min-width:12px;border-radius:100%}.___SDot_1vbfr_gg_._size_m_1vbfr_gg_{height:6px;min-width:6px;border-radius:100%}.___SDot_1vbfr_gg_.__up_1vbfr_gg_{position:absolute;top:0;right:0;margin-top:-3px;margin-right:-3px}.___SA11yAlert_1vbfr_gg_{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}" /*__inner_css_end__*/, "1vbfr_gg_") /*__reshadow_css_end__*/, {
-  "__SDot": "___SDot_1vbfr_gg_",
-  "_size_xl": "_size_xl_1vbfr_gg_",
-  "_size_l": "_size_l_1vbfr_gg_",
-  "_size_m": "_size_m_1vbfr_gg_",
-  "_up": "__up_1vbfr_gg_",
-  "__SA11yAlert": "___SA11yAlert_1vbfr_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDot_csfsv_gg_{display:inline-flex;align-items:center;justify-content:center;font-size:var(--intergalactic-fs-50, 10px);line-height:normal;background-color:var(--intergalactic-icon-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff);box-sizing:border-box;z-index:1;border-radius:100%;vertical-align:middle;isolation:isolate}.___SDot_csfsv_gg_._size_xl_csfsv_gg_{height:16px;min-width:16px;padding:3px 4px;border-radius:var(--intergalactic-counter-rounded, 12px)}.___SDot_csfsv_gg_._size_l_csfsv_gg_{height:12px;min-width:12px;border-radius:100%}.___SDot_csfsv_gg_._size_m_csfsv_gg_{height:6px;min-width:6px;border-radius:100%}.___SDot_csfsv_gg_.__up_csfsv_gg_{position:absolute;top:0;right:0;margin-top:-3px;margin-right:-3px}.___SA11yAlert_csfsv_gg_{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}" /*__inner_css_end__*/, "csfsv_gg_") /*__reshadow_css_end__*/, {
+  "__SDot": "___SDot_csfsv_gg_",
+  "_size_xl": "_size_xl_csfsv_gg_",
+  "_size_l": "_size_l_csfsv_gg_",
+  "_size_m": "_size_m_csfsv_gg_",
+  "_up": "__up_csfsv_gg_",
+  "__SA11yAlert": "___SA11yAlert_csfsv_gg_"
 });
-var styleDot = ( /*__reshadow_css_start__*/sstyled.insert( /*__inner_css_start__*/"@keyframes enter_fefzr{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes exit_fefzr{0%{transform:scale(1)}to{transform:scale(0)}}" /*__inner_css_end__*/, "fefzr_gg_") /*__reshadow_css_end__*/, {
-  "@enter": "enter_fefzr",
-  "@exit": "exit_fefzr"
+var styleDot = ( /*__reshadow_css_start__*/sstyled.insert( /*__inner_css_start__*/"@keyframes enter_15rom{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes exit_15rom{0%{transform:scale(1)}to{transform:scale(0)}}" /*__inner_css_end__*/, "15rom_gg_") /*__reshadow_css_end__*/, {
+  "@enter": "enter_15rom",
+  "@exit": "exit_15rom"
 });
 var Dot = /*#__PURE__*/function (_Component) {
   _inherits(Dot, _Component);

package/dot/package.json

@@ -1 +1 @@
-{"name":"intergalactic/dot","description":"Semrush Dot Component","version":"5.32.1","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/animation":"2.33.1","@semcore/flex-box":"5.33.1","@semcore/portal":"3.33.1","@semcore/utils":"4.36.2"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/dot"},"devDependencies":{"@semcore/button":"*","@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"}}
+{"name":"intergalactic/dot","description":"Semrush Dot Component","version":"5.33.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/animation":"2.34.0","@semcore/flex-box":"5.34.0","@semcore/portal":"3.34.0","@semcore/utils":"4.38.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/dot"},"devDependencies":{"@semcore/button":"*","@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"}}

package/drag-and-drop/lib/cjs/DragAndDrop.js

@@ -23,22 +23,22 @@ var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhan
 var _useEnhancedEffect = _interopRequireDefault(require("intergalactic/utils/lib/use/useEnhancedEffect"));
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 /*__reshadow-styles__:"./style/drag-and-drop.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDraggable_w8kw2_gg_.__draggable_w8kw2_gg_{position:relative;cursor:grab;-moz-user-select:none;-webkit-user-select:none;user-select:none}.___SDraggable_w8kw2_gg_.__draggable_w8kw2_gg_::before{content:\"\";position:absolute;display:none;pointer-events:none;background-image:radial-gradient(circle at center,var(--intergalactic-icon-primary-neutral, #6c6e79) 1px,transparent 0);background-size:6px 6px;background-position:2px 2px;background-repeat:repeat repeat}@media (hover:hover){.___SDraggable_w8kw2_gg_.__draggable_w8kw2_gg_:hover::before{display:block}}.___SDraggable_w8kw2_gg_.__draggable_w8kw2_gg_.__hideHoverEffect_w8kw2_gg_::before{display:none}.___SDraggable_w8kw2_gg_._placement_right_w8kw2_gg_::before{right:0}.___SDraggable_w8kw2_gg_._placement_bottom_w8kw2_gg_::before{bottom:0}.___SDraggable_w8kw2_gg_._placement_left_w8kw2_gg_::before{left:0}.___SDraggable_w8kw2_gg_._placement_top_w8kw2_gg_::before{top:0;left:0;width:100%;height:16px}.___SDraggable_w8kw2_gg_._placement_bottom_w8kw2_gg_::before{left:0;width:100%;height:16px}.___SDraggable_w8kw2_gg_._placement_left_w8kw2_gg_::before,.___SDraggable_w8kw2_gg_._placement_right_w8kw2_gg_::before{top:0;width:16px;height:100%}.___SDropZone_w8kw2_gg_{position:relative}.___SDraggable_w8kw2_gg_.__dropPreview_w8kw2_gg_,.___SDropZone_w8kw2_gg_.__dropPreview_w8kw2_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SDraggable_w8kw2_gg_.__dark_w8kw2_gg_.__dropPreview_w8kw2_gg_,.___SDropZone_w8kw2_gg_.__dark_w8kw2_gg_.__dropPreview_w8kw2_gg_{background-color:var(--intergalactic-bg-primary-invert-active, #484a54)}.___SDraggable_w8kw2_gg_:focus{outline:0}.___SDraggable_w8kw2_gg_.__keyboardFocused_w8kw2_gg_:focus{box-shadow:none}.___SDraggable_w8kw2_gg_.__keyboardFocused_w8kw2_gg_:focus:after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none}.___SDraggable_w8kw2_gg_.__keyboardDragging_w8kw2_gg_{scale:1.1;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);box-shadow:var(--intergalactic-box-shadow-dnd, 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 12px 40px 0px rgba(25, 27, 35, 0.16))!important}.___SDraggable_w8kw2_gg_.__keyboardDragging_w8kw2_gg_.__hideHoverEffect_w8kw2_gg_::before,.___SDraggable_w8kw2_gg_.__keyboardDragging_w8kw2_gg_::before{display:block}.___SDraggable_w8kw2_gg_.__keyboardDragging_w8kw2_gg_.__reversedScaling_w8kw2_gg_{scale:.95}.___SDraggable_w8kw2_gg_.__animatedScaling_w8kw2_gg_{transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SA11yHint_w8kw2_gg_{position:absolute;margin-top:-1px;height:1px;width:1px;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.___SDraggable_w8kw2_gg_{transition:none}}" /*__inner_css_end__*/, "w8kw2_gg_") /*__reshadow_css_end__*/, {
-  "__SDraggable": "___SDraggable_w8kw2_gg_",
-  "_placement_top": "_placement_top_w8kw2_gg_",
-  "_placement_right": "_placement_right_w8kw2_gg_",
-  "_placement_left": "_placement_left_w8kw2_gg_",
-  "_placement_bottom": "_placement_bottom_w8kw2_gg_",
-  "__SDropZone": "___SDropZone_w8kw2_gg_",
-  "_dropPreview": "__dropPreview_w8kw2_gg_",
-  "_dark": "__dark_w8kw2_gg_",
-  "_keyboardFocused": "__keyboardFocused_w8kw2_gg_",
-  "_keyboardDragging": "__keyboardDragging_w8kw2_gg_",
-  "_reversedScaling": "__reversedScaling_w8kw2_gg_",
-  "_animatedScaling": "__animatedScaling_w8kw2_gg_",
-  "__SA11yHint": "___SA11yHint_w8kw2_gg_",
-  "_draggable": "__draggable_w8kw2_gg_",
-  "_hideHoverEffect": "__hideHoverEffect_w8kw2_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDraggable_6aozh_gg_.__draggable_6aozh_gg_{position:relative;cursor:grab;-moz-user-select:none;-webkit-user-select:none;user-select:none}.___SDraggable_6aozh_gg_.__draggable_6aozh_gg_::before{content:\"\";position:absolute;display:none;pointer-events:none;background-image:radial-gradient(circle at center,var(--intergalactic-icon-primary-neutral, #6c6e79) 1px,transparent 0);background-size:6px 6px;background-position:2px 2px;background-repeat:repeat repeat}@media (hover:hover){.___SDraggable_6aozh_gg_.__draggable_6aozh_gg_:hover::before{display:block}}.___SDraggable_6aozh_gg_.__draggable_6aozh_gg_.__hideHoverEffect_6aozh_gg_::before{display:none}.___SDraggable_6aozh_gg_._placement_right_6aozh_gg_::before{right:0}.___SDraggable_6aozh_gg_._placement_bottom_6aozh_gg_::before{bottom:0}.___SDraggable_6aozh_gg_._placement_left_6aozh_gg_::before{left:0}.___SDraggable_6aozh_gg_._placement_top_6aozh_gg_::before{top:0;left:0;width:100%;height:16px}.___SDraggable_6aozh_gg_._placement_bottom_6aozh_gg_::before{left:0;width:100%;height:16px}.___SDraggable_6aozh_gg_._placement_left_6aozh_gg_::before,.___SDraggable_6aozh_gg_._placement_right_6aozh_gg_::before{top:0;width:16px;height:100%}.___SDropZone_6aozh_gg_{position:relative}.___SDraggable_6aozh_gg_.__dropPreview_6aozh_gg_,.___SDropZone_6aozh_gg_.__dropPreview_6aozh_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SDraggable_6aozh_gg_.__dark_6aozh_gg_.__dropPreview_6aozh_gg_,.___SDropZone_6aozh_gg_.__dark_6aozh_gg_.__dropPreview_6aozh_gg_{background-color:var(--intergalactic-bg-primary-invert-active, #484a54)}.___SDraggable_6aozh_gg_:focus{outline:0}.___SDraggable_6aozh_gg_.__keyboardFocused_6aozh_gg_:focus{box-shadow:none}.___SDraggable_6aozh_gg_.__keyboardFocused_6aozh_gg_:focus:after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none}.___SDraggable_6aozh_gg_.__keyboardDragging_6aozh_gg_{scale:1.1;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);box-shadow:var(--intergalactic-box-shadow-dnd, 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 12px 40px 0px rgba(25, 27, 35, 0.16))!important}.___SDraggable_6aozh_gg_.__keyboardDragging_6aozh_gg_.__hideHoverEffect_6aozh_gg_::before,.___SDraggable_6aozh_gg_.__keyboardDragging_6aozh_gg_::before{display:block}.___SDraggable_6aozh_gg_.__keyboardDragging_6aozh_gg_.__reversedScaling_6aozh_gg_{scale:.95}.___SDraggable_6aozh_gg_.__animatedScaling_6aozh_gg_{transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SA11yHint_6aozh_gg_{position:absolute;margin-top:-1px;height:1px;width:1px;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.___SDraggable_6aozh_gg_{transition:none}}" /*__inner_css_end__*/, "6aozh_gg_") /*__reshadow_css_end__*/, {
+  "__SDraggable": "___SDraggable_6aozh_gg_",
+  "_placement_top": "_placement_top_6aozh_gg_",
+  "_placement_right": "_placement_right_6aozh_gg_",
+  "_placement_left": "_placement_left_6aozh_gg_",
+  "_placement_bottom": "_placement_bottom_6aozh_gg_",
+  "__SDropZone": "___SDropZone_6aozh_gg_",
+  "_dropPreview": "__dropPreview_6aozh_gg_",
+  "_dark": "__dark_6aozh_gg_",
+  "_keyboardFocused": "__keyboardFocused_6aozh_gg_",
+  "_keyboardDragging": "__keyboardDragging_6aozh_gg_",
+  "_reversedScaling": "__reversedScaling_6aozh_gg_",
+  "_animatedScaling": "__animatedScaling_6aozh_gg_",
+  "__SA11yHint": "___SA11yHint_6aozh_gg_",
+  "_draggable": "__draggable_6aozh_gg_",
+  "_hideHoverEffect": "__hideHoverEffect_6aozh_gg_"
 });
 var noop = function noop() {
   /* do nothing */

package/drag-and-drop/lib/es6/DragAndDrop.js

@@ -17,22 +17,22 @@ import { localizedMessages } from './translations/__intergalactic-dynamic-locale
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import useEnhancedEffect from 'intergalactic/utils/lib/use/useEnhancedEffect';
 /*__reshadow-styles__:"./style/drag-and-drop.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDraggable_w8kw2_gg_.__draggable_w8kw2_gg_{position:relative;cursor:grab;-moz-user-select:none;-webkit-user-select:none;user-select:none}.___SDraggable_w8kw2_gg_.__draggable_w8kw2_gg_::before{content:\"\";position:absolute;display:none;pointer-events:none;background-image:radial-gradient(circle at center,var(--intergalactic-icon-primary-neutral, #6c6e79) 1px,transparent 0);background-size:6px 6px;background-position:2px 2px;background-repeat:repeat repeat}@media (hover:hover){.___SDraggable_w8kw2_gg_.__draggable_w8kw2_gg_:hover::before{display:block}}.___SDraggable_w8kw2_gg_.__draggable_w8kw2_gg_.__hideHoverEffect_w8kw2_gg_::before{display:none}.___SDraggable_w8kw2_gg_._placement_right_w8kw2_gg_::before{right:0}.___SDraggable_w8kw2_gg_._placement_bottom_w8kw2_gg_::before{bottom:0}.___SDraggable_w8kw2_gg_._placement_left_w8kw2_gg_::before{left:0}.___SDraggable_w8kw2_gg_._placement_top_w8kw2_gg_::before{top:0;left:0;width:100%;height:16px}.___SDraggable_w8kw2_gg_._placement_bottom_w8kw2_gg_::before{left:0;width:100%;height:16px}.___SDraggable_w8kw2_gg_._placement_left_w8kw2_gg_::before,.___SDraggable_w8kw2_gg_._placement_right_w8kw2_gg_::before{top:0;width:16px;height:100%}.___SDropZone_w8kw2_gg_{position:relative}.___SDraggable_w8kw2_gg_.__dropPreview_w8kw2_gg_,.___SDropZone_w8kw2_gg_.__dropPreview_w8kw2_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SDraggable_w8kw2_gg_.__dark_w8kw2_gg_.__dropPreview_w8kw2_gg_,.___SDropZone_w8kw2_gg_.__dark_w8kw2_gg_.__dropPreview_w8kw2_gg_{background-color:var(--intergalactic-bg-primary-invert-active, #484a54)}.___SDraggable_w8kw2_gg_:focus{outline:0}.___SDraggable_w8kw2_gg_.__keyboardFocused_w8kw2_gg_:focus{box-shadow:none}.___SDraggable_w8kw2_gg_.__keyboardFocused_w8kw2_gg_:focus:after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none}.___SDraggable_w8kw2_gg_.__keyboardDragging_w8kw2_gg_{scale:1.1;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);box-shadow:var(--intergalactic-box-shadow-dnd, 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 12px 40px 0px rgba(25, 27, 35, 0.16))!important}.___SDraggable_w8kw2_gg_.__keyboardDragging_w8kw2_gg_.__hideHoverEffect_w8kw2_gg_::before,.___SDraggable_w8kw2_gg_.__keyboardDragging_w8kw2_gg_::before{display:block}.___SDraggable_w8kw2_gg_.__keyboardDragging_w8kw2_gg_.__reversedScaling_w8kw2_gg_{scale:.95}.___SDraggable_w8kw2_gg_.__animatedScaling_w8kw2_gg_{transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SA11yHint_w8kw2_gg_{position:absolute;margin-top:-1px;height:1px;width:1px;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.___SDraggable_w8kw2_gg_{transition:none}}" /*__inner_css_end__*/, "w8kw2_gg_") /*__reshadow_css_end__*/, {
-  "__SDraggable": "___SDraggable_w8kw2_gg_",
-  "_placement_top": "_placement_top_w8kw2_gg_",
-  "_placement_right": "_placement_right_w8kw2_gg_",
-  "_placement_left": "_placement_left_w8kw2_gg_",
-  "_placement_bottom": "_placement_bottom_w8kw2_gg_",
-  "__SDropZone": "___SDropZone_w8kw2_gg_",
-  "_dropPreview": "__dropPreview_w8kw2_gg_",
-  "_dark": "__dark_w8kw2_gg_",
-  "_keyboardFocused": "__keyboardFocused_w8kw2_gg_",
-  "_keyboardDragging": "__keyboardDragging_w8kw2_gg_",
-  "_reversedScaling": "__reversedScaling_w8kw2_gg_",
-  "_animatedScaling": "__animatedScaling_w8kw2_gg_",
-  "__SA11yHint": "___SA11yHint_w8kw2_gg_",
-  "_draggable": "__draggable_w8kw2_gg_",
-  "_hideHoverEffect": "__hideHoverEffect_w8kw2_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDraggable_6aozh_gg_.__draggable_6aozh_gg_{position:relative;cursor:grab;-moz-user-select:none;-webkit-user-select:none;user-select:none}.___SDraggable_6aozh_gg_.__draggable_6aozh_gg_::before{content:\"\";position:absolute;display:none;pointer-events:none;background-image:radial-gradient(circle at center,var(--intergalactic-icon-primary-neutral, #6c6e79) 1px,transparent 0);background-size:6px 6px;background-position:2px 2px;background-repeat:repeat repeat}@media (hover:hover){.___SDraggable_6aozh_gg_.__draggable_6aozh_gg_:hover::before{display:block}}.___SDraggable_6aozh_gg_.__draggable_6aozh_gg_.__hideHoverEffect_6aozh_gg_::before{display:none}.___SDraggable_6aozh_gg_._placement_right_6aozh_gg_::before{right:0}.___SDraggable_6aozh_gg_._placement_bottom_6aozh_gg_::before{bottom:0}.___SDraggable_6aozh_gg_._placement_left_6aozh_gg_::before{left:0}.___SDraggable_6aozh_gg_._placement_top_6aozh_gg_::before{top:0;left:0;width:100%;height:16px}.___SDraggable_6aozh_gg_._placement_bottom_6aozh_gg_::before{left:0;width:100%;height:16px}.___SDraggable_6aozh_gg_._placement_left_6aozh_gg_::before,.___SDraggable_6aozh_gg_._placement_right_6aozh_gg_::before{top:0;width:16px;height:100%}.___SDropZone_6aozh_gg_{position:relative}.___SDraggable_6aozh_gg_.__dropPreview_6aozh_gg_,.___SDropZone_6aozh_gg_.__dropPreview_6aozh_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SDraggable_6aozh_gg_.__dark_6aozh_gg_.__dropPreview_6aozh_gg_,.___SDropZone_6aozh_gg_.__dark_6aozh_gg_.__dropPreview_6aozh_gg_{background-color:var(--intergalactic-bg-primary-invert-active, #484a54)}.___SDraggable_6aozh_gg_:focus{outline:0}.___SDraggable_6aozh_gg_.__keyboardFocused_6aozh_gg_:focus{box-shadow:none}.___SDraggable_6aozh_gg_.__keyboardFocused_6aozh_gg_:focus:after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none}.___SDraggable_6aozh_gg_.__keyboardDragging_6aozh_gg_{scale:1.1;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);box-shadow:var(--intergalactic-box-shadow-dnd, 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 12px 40px 0px rgba(25, 27, 35, 0.16))!important}.___SDraggable_6aozh_gg_.__keyboardDragging_6aozh_gg_.__hideHoverEffect_6aozh_gg_::before,.___SDraggable_6aozh_gg_.__keyboardDragging_6aozh_gg_::before{display:block}.___SDraggable_6aozh_gg_.__keyboardDragging_6aozh_gg_.__reversedScaling_6aozh_gg_{scale:.95}.___SDraggable_6aozh_gg_.__animatedScaling_6aozh_gg_{transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SA11yHint_6aozh_gg_{position:absolute;margin-top:-1px;height:1px;width:1px;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.___SDraggable_6aozh_gg_{transition:none}}" /*__inner_css_end__*/, "6aozh_gg_") /*__reshadow_css_end__*/, {
+  "__SDraggable": "___SDraggable_6aozh_gg_",
+  "_placement_top": "_placement_top_6aozh_gg_",
+  "_placement_right": "_placement_right_6aozh_gg_",
+  "_placement_left": "_placement_left_6aozh_gg_",
+  "_placement_bottom": "_placement_bottom_6aozh_gg_",
+  "__SDropZone": "___SDropZone_6aozh_gg_",
+  "_dropPreview": "__dropPreview_6aozh_gg_",
+  "_dark": "__dark_6aozh_gg_",
+  "_keyboardFocused": "__keyboardFocused_6aozh_gg_",
+  "_keyboardDragging": "__keyboardDragging_6aozh_gg_",
+  "_reversedScaling": "__reversedScaling_6aozh_gg_",
+  "_animatedScaling": "__animatedScaling_6aozh_gg_",
+  "__SA11yHint": "___SA11yHint_6aozh_gg_",
+  "_draggable": "__draggable_6aozh_gg_",
+  "_hideHoverEffect": "__hideHoverEffect_6aozh_gg_"
 });
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 var noop = function noop() {

package/drag-and-drop/package.json

@@ -1 +1 @@
-{"name":"intergalactic/drag-and-drop","description":"Semrush DragAndDrop Component","version":"3.42.1","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/card":"5.41.1","@semcore/flex-box":"5.33.1","@semcore/grid":"5.32.1","@semcore/utils":"4.36.2"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/drag-and-drop"},"devDependencies":{"@semcore/badge":"*","@semcore/icon":"*","@semcore/testing-utils":"1.0.0","@semcore/tab-panel":"*","@types/react":"18.0.21"}}
+{"name":"intergalactic/drag-and-drop","description":"Semrush DragAndDrop Component","version":"3.42.2","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/card":"5.41.2","@semcore/flex-box":"5.34.0","@semcore/grid":"5.33.0","@semcore/utils":"4.38.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/drag-and-drop"},"devDependencies":{"@semcore/badge":"*","@semcore/icon":"*","@semcore/testing-utils":"1.0.0","@semcore/tab-panel":"*","@types/react":"18.0.21"}}

package/dropdown/index.d.ts

@@ -1,4 +1,5 @@
-import { Intergalactic, UnknownProperties } from 'intergalactic/core';
+import React from 'react';
+import { Intergalactic, UnknownProperties, PropGetterFn } from 'intergalactic/core';
 import Popper, {
   PopperContext,
   PopperProps,
@@ -6,6 +7,7 @@ import Popper, {
   PopperTriggerProps,
   PopperPopperProps,
 } from 'intergalactic/popper';
+import { Box, BoxProps } from 'intergalactic/flex-box';
 
 /** @deprecated */
 export interface IDropdownProps extends DropdownProps, UnknownProperties {}
@@ -23,7 +25,9 @@ export type DropdownProps = PopperProps & {
 
 /** @deprecated */
 export interface IDropdownContext extends DropdownContext, UnknownProperties {}
-export type DropdownContext = PopperContext & {};
+export type DropdownContext = PopperContext & {
+  getGroupProps: PropGetterFn;
+};
 
 /** @deprecated */
 export interface IDropdownHandlers extends DropdownHandlers, UnknownProperties {}
@@ -50,6 +54,13 @@ export type DropdownPopperProps = PopperPopperProps &
     role?: 'dialog';
   };
 
+export type DropdownGroupProps = BoxProps & {
+  /** Title for group of dropdown menu items */
+  title: React.ReactNode;
+  /** Subtitle for group of dropdown menu items */
+  subTitle?: string;
+};
+
 declare const Dropdown: Intergalactic.Component<
   'div',
   DropdownProps,
@@ -63,6 +74,8 @@ declare const Dropdown: Intergalactic.Component<
     PopperContext,
     [handlers: PopperHandlers]
   >;
+  Item: Intergalactic.Component<typeof Box>;
+  Group: Intergalactic.Component<'div', DropdownGroupProps>;
 };
 
 export default Dropdown;

package/dropdown/lib/cjs/AbstractDropdown.js

@@ -0,0 +1,365 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectedIndexContext = exports.enhance = exports.AbstractDropdown = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _core = require("intergalactic/core");
+var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
+var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
+var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
+var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
+var _focusSourceEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/focusSourceEnhance"));
+var _getAccessibleName = require("intergalactic/utils/lib/getAccessibleName");
+var enhance = {
+  uid: (0, _uniqueID["default"])(),
+  getI18nText: (0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages),
+  focusSourceRef: (0, _focusSourceEnhance["default"])()
+};
+exports.enhance = enhance;
+var selectedIndexContext = /*#__PURE__*/_react["default"].createContext(0);
+exports.selectedIndexContext = selectedIndexContext;
+var AbstractDropdown = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(AbstractDropdown, _Component);
+  var _super = (0, _createSuper2["default"])(AbstractDropdown);
+  function AbstractDropdown() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, AbstractDropdown);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "role", void 0);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "popperRef", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "triggerRef", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "menuRef", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "itemProps", []);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "itemRefs", []);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "highlightedItemRef", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "prevHighlightedIndex", null);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClickTrigger", function (e) {
+      var interaction = _this.asProps.interaction;
+      if (interaction === 'none') return false;
+      e.preventDefault();
+      _this.handlers.visible(true);
+      if (_this.role === 'menu') {
+        setTimeout(function () {
+          var highlightedIndex = _this.asProps.highlightedIndex;
+          var element = _this.itemRefs[highlightedIndex !== null && highlightedIndex !== void 0 ? highlightedIndex : 0];
+          element === null || element === void 0 ? void 0 : element.focus();
+        }, 0);
+      }
+    });
+    return _this;
+  }
+  (0, _createClass2["default"])(AbstractDropdown, [{
+    key: "uncontrolledProps",
+    value: function uncontrolledProps() {
+      var _this2 = this;
+      return {
+        selectedIndex: null,
+        highlightedIndex: [null, function (index) {
+          _this2.handlers.selectedIndex(index);
+        }],
+        visible: null
+      };
+    }
+  }, {
+    key: "childRole",
+    get: function get() {
+      if (this.role === 'listbox') {
+        return 'option';
+      }
+      return 'menuitem';
+    }
+  }, {
+    key: "getTriggerProps",
+    value: function getTriggerProps() {
+      var _this$asProps = this.asProps,
+        size = _this$asProps.size,
+        uid = _this$asProps.uid,
+        disablePortal = _this$asProps.disablePortal,
+        visible = _this$asProps.visible,
+        getI18nText = _this$asProps.getI18nText;
+      return {
+        size: size,
+        id: "igc-".concat(uid, "-trigger"),
+        focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,
+        'aria-haspopup': 'true',
+        'aria-expanded': visible ? 'true' : 'false',
+        onClick: this.handleClickTrigger,
+        ref: this.triggerRef
+      };
+    }
+  }, {
+    key: "getListProps",
+    value: function getListProps() {
+      var _this$triggerRef$curr;
+      var _this$asProps2 = this.asProps,
+        size = _this$asProps2.size,
+        uid = _this$asProps2.uid;
+      var triggerId = (_this$triggerRef$curr = this.triggerRef.current) === null || _this$triggerRef$curr === void 0 ? void 0 : _this$triggerRef$curr.id;
+      var triggerElement = triggerId ? document.getElementById(triggerId) : null;
+      return {
+        size: size,
+        index: this.asProps.highlightedIndex,
+        tabIndex: -1,
+        ref: this.menuRef,
+        id: "igc-".concat(uid, "-list"),
+        role: this.role,
+        'aria-label': (0, _getAccessibleName.getAccessibleName)(triggerElement)
+      };
+    }
+  }, {
+    key: "getMenuProps",
+    value: function getMenuProps() {
+      return this.getListProps();
+    }
+  }, {
+    key: "getPopperProps",
+    value: function getPopperProps() {
+      var _this$asProps3 = this.asProps,
+        uid = _this$asProps3.uid,
+        disablePortal = _this$asProps3.disablePortal,
+        ignorePortalsStacking = _this$asProps3.ignorePortalsStacking,
+        interaction = _this$asProps3.interaction,
+        highlightedIndex = _this$asProps3.highlightedIndex;
+      return {
+        ref: this.popperRef,
+        tabIndex: -1,
+        id: "igc-".concat(uid, "-popper"),
+        disablePortal: disablePortal,
+        ignorePortalsStacking: ignorePortalsStacking,
+        focusMaster: interaction === 'click',
+        hideFocus: highlightedIndex !== null,
+        'use:autoFocus': false
+      };
+    }
+  }, {
+    key: "getGroupProps",
+    value: function getGroupProps() {
+      var size = this.asProps.size;
+      return {
+        size: size
+      };
+    }
+  }, {
+    key: "getItemProps",
+    value: function getItemProps(_, index) {
+      var _this3 = this;
+      var _this$asProps4 = this.asProps,
+        size = _this$asProps4.size,
+        uid = _this$asProps4.uid;
+      return {
+        id: "igc-".concat(uid, "-option-").concat(index),
+        size: size,
+        index: index,
+        onMouseEnter: function onMouseEnter() {
+          return _this3.handlers.selectedIndex(index);
+        },
+        role: this.childRole
+      };
+    }
+  }, {
+    key: "getItemHintProps",
+    value: function getItemHintProps() {
+      var size = this.asProps.size;
+      return {
+        size: size
+      };
+    }
+  }, {
+    key: "getItemTitleProps",
+    value: function getItemTitleProps() {
+      var size = this.asProps.size;
+      return {
+        size: size
+      };
+    }
+  }, {
+    key: "scrollToNode",
+    value: function scrollToNode(node) {
+      var _this4 = this;
+      if (node) {
+        // @ts-ignore
+        this.highlightedItemRef.current = node;
+      }
+      setTimeout(function () {
+        if (node !== null && node !== void 0 && node.scrollIntoView) {
+          if (_this4.asProps.highlightedIndex !== _this4.prevHighlightedIndex) {
+            _this4.prevHighlightedIndex = _this4.asProps.highlightedIndex;
+            node.scrollIntoView({
+              block: 'nearest',
+              inline: 'nearest'
+            });
+          }
+        }
+      }, 0);
+    }
+  }, {
+    key: "getHighlightedIndex",
+    value: function getHighlightedIndex(amount) {
+      var _this$itemProps$newIn;
+      var highlightedIndex = this.asProps.highlightedIndex;
+      var itemsLastIndex = this.itemProps.length - 1;
+      var selectedIndex = this.itemProps.findIndex(function (item) {
+        return item.selected;
+      });
+      if (itemsLastIndex < 0) return 0;
+      var innerHighlightedIndex;
+      if (highlightedIndex == null) {
+        if (selectedIndex !== -1) {
+          innerHighlightedIndex = selectedIndex;
+        } else if (this.highlightedItemRef.current && this.prevHighlightedIndex !== null) {
+          innerHighlightedIndex = this.prevHighlightedIndex;
+        } else {
+          innerHighlightedIndex = amount < 0 ? 0 : itemsLastIndex;
+        }
+      } else {
+        innerHighlightedIndex = highlightedIndex;
+      }
+      var newIndex = innerHighlightedIndex + amount;
+      if (newIndex < 0) {
+        newIndex = amount + itemsLastIndex + 1;
+      } else if (newIndex > itemsLastIndex) {
+        newIndex = newIndex - itemsLastIndex - 1;
+      }
+      if ((_this$itemProps$newIn = this.itemProps[newIndex]) !== null && _this$itemProps$newIn !== void 0 && _this$itemProps$newIn.disabled) {
+        return this.getHighlightedIndex(amount < 0 ? amount - 1 : amount + 1);
+      } else if (!this.itemProps[newIndex]) {
+        return 0;
+      } else {
+        return newIndex;
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var _this$asProps5 = this.asProps,
+        visible = _this$asProps5.visible,
+        focusSourceRef = _this$asProps5.focusSourceRef;
+      var visibilityChanged = visible !== prevProps.visible;
+      if (visibilityChanged && prevProps.visible !== undefined) {
+        if (!visible) {
+          this.handlers.highlightedIndex(null);
+          // @ts-ignore
+          this.highlightedItemRef.current = null;
+          if (this.popperRef.current && this.triggerRef.current && (document.activeElement === document.body || (0, _useFocusLock.isFocusInside)(this.popperRef.current)) && focusSourceRef.current === 'keyboard') {
+            (0, _useFocusLock.setFocus)(this.triggerRef.current);
+          }
+        }
+      }
+    }
+  }, {
+    key: "itemRef",
+    value: function itemRef(props, index, node) {
+      if ((node === null || node === void 0 ? void 0 : node.getAttribute('role')) === this.childRole) {
+        this.itemRefs[index] = node;
+        this.itemProps[index] = props;
+      }
+    }
+  }, {
+    key: "handlePreventCommonKeyDown",
+    value: function handlePreventCommonKeyDown(e) {
+      if (e.target instanceof Element) {
+        var targetTagName = e.target.tagName;
+        if (e.key === ' ' && ['INPUT', 'TEXTAREA'].includes(targetTagName)) return false;
+        if (e.key === 'Enter' && targetTagName === 'TEXTAREA') return false;
+      }
+    }
+  }, {
+    key: "handlePreventPopperKeyDown",
+    value: function handlePreventPopperKeyDown(e) {
+      if (e.target instanceof Element) {
+        var targetTagName = e.target.tagName;
+        if ((e.key === ' ' || e.key === 'Enter') && (targetTagName === 'BUTTON' || targetTagName === 'A')) return false;
+      }
+    }
+  }, {
+    key: "handleOpenKeyDown",
+    value: function handleOpenKeyDown(e) {
+      if (this.asProps.visible !== true && ['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(e.key) && e.currentTarget.getAttribute('role') !== this.childRole) {
+        this.handleClickTrigger(e);
+      }
+    }
+  }, {
+    key: "handleArrowKeyDown",
+    value: function handleArrowKeyDown(e) {
+      var amountCount = e.shiftKey ? 5 : 1;
+      var _this$asProps6 = this.asProps,
+        highlightedIndex = _this$asProps6.highlightedIndex,
+        inlineActions = _this$asProps6.inlineActions;
+      var amount = null;
+      switch (e.key) {
+        case 'ArrowDown':
+          {
+            if (!inlineActions) {
+              amount = amountCount;
+            }
+            break;
+          }
+        case 'ArrowUp':
+          {
+            if (!inlineActions) {
+              amount = -amountCount;
+            }
+            break;
+          }
+        case 'ArrowRight':
+          {
+            if (inlineActions) {
+              amount = amountCount;
+            }
+            break;
+          }
+        case 'ArrowLeft':
+          {
+            if (inlineActions) {
+              amount = -amountCount;
+            }
+            break;
+          }
+        case ' ':
+        case 'Enter':
+          if (this.highlightedItemRef.current && highlightedIndex !== null) {
+            e.stopPropagation();
+            e.preventDefault();
+            this.highlightedItemRef.current.click();
+          }
+          break;
+      }
+      if (amount !== null) {
+        var newHighlightedIndex = this.getHighlightedIndex(amount);
+        if (newHighlightedIndex !== undefined && this.role === 'menu') {
+          var _this$itemRefs$newHig;
+          (_this$itemRefs$newHig = this.itemRefs[newHighlightedIndex]) === null || _this$itemRefs$newHig === void 0 ? void 0 : _this$itemRefs$newHig.focus();
+        }
+        if (this.role === 'listbox' && this.triggerRef.current && !(0, _useFocusLock.isFocusInside)(this.triggerRef.current)) {
+          this.focusTrigger();
+        }
+        this.handlers.highlightedIndex(newHighlightedIndex, e);
+        e.preventDefault();
+        e.stopPropagation();
+      }
+    }
+  }, {
+    key: "focusTrigger",
+    value: function focusTrigger() {
+      var trigger = this.triggerRef.current;
+      if (!trigger) return;
+      if ((0, _useFocusLock.isFocusInside)(trigger)) return;
+      (0, _useFocusLock.setFocus)(trigger);
+    }
+  }]);
+  return AbstractDropdown;
+}(_core.Component);
+exports.AbstractDropdown = AbstractDropdown;
+//# sourceMappingURL=AbstractDropdown.js.map