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

package/dropdown/lib/esm/AbstractDropdown.mjs

@@ -0,0 +1,253 @@
+import I from "@babel/runtime/helpers/esm/classCallCheck";
+import k from "@babel/runtime/helpers/esm/createClass";
+import u from "@babel/runtime/helpers/esm/assertThisInitialized";
+import x from "@babel/runtime/helpers/esm/inherits";
+import b from "@babel/runtime/helpers/esm/createSuper";
+import c from "@babel/runtime/helpers/esm/defineProperty";
+import f from "react";
+import { Component as y } from 'intergalactic/core';
+import R from 'intergalactic/utils/lib/uniqueID';
+import A from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import { localizedMessages as w } from "./translations/__intergalactic-dynamic-locales.mjs";
+import { isFocusInside as p, setFocus as m } from 'intergalactic/utils/lib/use/useFocusLock';
+import T from 'intergalactic/utils/lib/enhances/focusSourceEnhance';
+import { getAccessibleName as _ } from 'intergalactic/utils/lib/getAccessibleName';
+var F = [R(), A(w), T()], G = /* @__PURE__ */ f.createContext(0), V = /* @__PURE__ */ function(P) {
+  x(g, P);
+  var v = b(g);
+  function g() {
+    var t;
+    I(this, g);
+    for (var e = arguments.length, i = new Array(e), r = 0; r < e; r++)
+      i[r] = arguments[r];
+    return t = v.call.apply(v, [this].concat(i)), c(u(t), "role", void 0), c(u(t), "popperRef", /* @__PURE__ */ f.createRef()), c(u(t), "triggerRef", /* @__PURE__ */ f.createRef()), c(u(t), "menuRef", /* @__PURE__ */ f.createRef()), c(u(t), "itemProps", []), c(u(t), "itemRefs", []), c(u(t), "highlightedItemRef", /* @__PURE__ */ f.createRef()), c(u(t), "prevHighlightedIndex", null), c(u(t), "handleClickTrigger", function(s) {
+      var o = t.asProps, n = o.interaction, l = o.inlineActions;
+      if (n === "none" || l) return !1;
+      setTimeout(function() {
+        var a = t.asProps, h = a.visible, d = a.inlineActions;
+        (h || d) && t.afterOpenPopper();
+      }, 200);
+    }), c(u(t), "afterOpenPopper", function() {
+      var s, o = (s = t.asProps.highlightedIndex) !== null && s !== void 0 ? s : 0, n = t.itemRefs[o];
+      n == null || n.focus(), t.role === "menu" && t.handlers.highlightedIndex(o);
+    }), t;
+  }
+  return k(g, [{
+    key: "uncontrolledProps",
+    value: function() {
+      var e = this;
+      return {
+        selectedIndex: null,
+        highlightedIndex: [null, function(i) {
+          e.handlers.selectedIndex(i);
+        }],
+        visible: null
+      };
+    }
+  }, {
+    key: "childRole",
+    get: function() {
+      if (this.role === "listbox")
+        return "option";
+      var e = this.asProps, i = e.selectable, r = e.multiselect;
+      return r ? "menuitemcheckbox" : i ? "menuitemradio" : "menuitem";
+    }
+  }, {
+    key: "getTriggerProps",
+    value: function() {
+      var e = this.asProps, i = e.size, r = e.uid, s = e.disablePortal, o = e.visible, n = e.getI18nText;
+      return {
+        size: i,
+        id: "igc-".concat(r, "-trigger"),
+        focusHint: o && !s ? n("triggerHint") : void 0,
+        "aria-haspopup": "true",
+        "aria-expanded": o ? "true" : "false",
+        onClick: this.handleClickTrigger,
+        ref: this.triggerRef
+      };
+    }
+  }, {
+    key: "getListProps",
+    value: function() {
+      return this.getBasicListProps();
+    }
+  }, {
+    key: "getMenuProps",
+    value: function() {
+      return this.getBasicListProps();
+    }
+  }, {
+    key: "getPopperProps",
+    value: function() {
+      var e = this.asProps, i = e.uid, r = e.disablePortal, s = e.ignorePortalsStacking, o = e.interaction, n = e.highlightedIndex;
+      return {
+        ref: this.popperRef,
+        tabIndex: -1,
+        id: "igc-".concat(i, "-popper"),
+        disablePortal: r,
+        ignorePortalsStacking: s,
+        focusMaster: o === "click",
+        hideFocus: n !== null,
+        "use:autoFocus": !1
+      };
+    }
+  }, {
+    key: "getGroupProps",
+    value: function() {
+      var e = this.asProps.size;
+      return {
+        size: e
+      };
+    }
+  }, {
+    key: "getItemProps",
+    value: function(e, i) {
+      var r = this, s = this.asProps, o = s.size, n = s.uid, l = this.childRole;
+      return {
+        id: "igc-".concat(n, "-option-").concat(i),
+        size: o,
+        index: i,
+        onMouseEnter: function() {
+          r.handlers.selectedIndex(i);
+        },
+        role: l,
+        isMenuItemCheckbox: l === "menuitemcheckbox",
+        "aria-checked": l === "menuitemcheckbox" || l === "menuitemradio" ? !1 : void 0
+      };
+    }
+  }, {
+    key: "getItemHintProps",
+    value: function() {
+      var e = this.asProps.size;
+      return {
+        size: e
+      };
+    }
+  }, {
+    key: "getItemTitleProps",
+    value: function() {
+      var e = this.asProps.size;
+      return {
+        size: e
+      };
+    }
+  }, {
+    key: "scrollToNode",
+    value: function(e) {
+      var i = this, r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+      e && (this.highlightedItemRef.current = e), setTimeout(function() {
+        e != null && e.scrollIntoView && i.asProps.highlightedIndex !== i.prevHighlightedIndex && (i.prevHighlightedIndex = i.asProps.highlightedIndex, e.scrollIntoView({
+          block: "nearest",
+          inline: "nearest",
+          behavior: r ? "smooth" : "instant"
+        }));
+      }, 0);
+    }
+  }, {
+    key: "getHighlightedIndex",
+    value: function(e) {
+      var i, r = this.asProps, s = r.highlightedIndex, o = r.itemsCount, n = (o ?? this.itemProps.length) - 1, l = this.itemProps.findIndex(function(d) {
+        return d == null ? void 0 : d.selected;
+      });
+      if (n < 0) return -1;
+      var a;
+      s == null ? l !== -1 ? a = l : this.highlightedItemRef.current && this.prevHighlightedIndex !== null ? a = this.prevHighlightedIndex > n ? n : this.prevHighlightedIndex : a = e < 0 ? 0 : n : a = s > n ? n : s;
+      var h = a + e;
+      return h < 0 ? h = e + n + 1 : h > n && (h = h - n - 1), (i = this.itemProps[h]) !== null && i !== void 0 && i.disabled ? this.getHighlightedIndex(e < 0 ? e - 1 : e + 1) : this.itemProps[h] ? h : -1;
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function(e) {
+      var i = this.asProps, r = i.visible, s = i.focusSourceRef, o = r !== e.visible;
+      o && !r && e.visible !== void 0 && (this.handlers.highlightedIndex(null), this.prevHighlightedIndex = null, this.highlightedItemRef.current = null, this.popperRef.current && this.triggerRef.current && (document.activeElement === document.body || p(this.popperRef.current)) && s.current === "keyboard" && m(this.triggerRef.current));
+    }
+  }, {
+    key: "itemRef",
+    value: function(e, i, r) {
+      var s;
+      r != null && (s = r.getAttribute("role")) !== null && s !== void 0 && s.startsWith(this.childRole) && (this.itemRefs[i] = r, this.itemProps[i] = e);
+    }
+  }, {
+    key: "handlePreventCommonKeyDown",
+    value: function(e) {
+      if (e.target instanceof Element) {
+        var i = e.target.tagName;
+        if (e.key === " " && ["INPUT", "TEXTAREA"].includes(i) || e.key === "Enter" && i === "TEXTAREA") return !1;
+      }
+    }
+  }, {
+    key: "handlePreventPopperKeyDown",
+    value: function(e) {
+      if (e.target instanceof Element) {
+        var i = e.target.tagName;
+        if ((e.key === " " || e.key === "Enter") && (i === "BUTTON" || i === "A")) return !1;
+      }
+    }
+  }, {
+    key: "handleOpenKeyDown",
+    value: function(e) {
+      var i;
+      this.asProps.visible !== !0 && ["ArrowDown", "ArrowUp", "Enter", " "].includes(e.key) && !((i = e.currentTarget.getAttribute("role")) !== null && i !== void 0 && i.startsWith(this.childRole)) && (["ArrowDown", "ArrowUp"].includes(e.key) && this.handlers.visible(!0), this.handleClickTrigger(e));
+    }
+  }, {
+    key: "handleArrowKeyDown",
+    value: function(e) {
+      var i = e.shiftKey ? 5 : 1, r = this.asProps, s = r.highlightedIndex, o = r.inlineActions, n = null;
+      switch (e.key) {
+        case "ArrowDown": {
+          o || (n = i);
+          break;
+        }
+        case "ArrowUp": {
+          o || (n = -i);
+          break;
+        }
+        case "ArrowRight": {
+          o && (n = i);
+          break;
+        }
+        case "ArrowLeft": {
+          o && (n = -i);
+          break;
+        }
+        case " ":
+        case "Enter":
+          this.highlightedItemRef.current && s !== null && !this.itemProps[s].disabled && (e.stopPropagation(), e.preventDefault(), this.highlightedItemRef.current.click());
+          break;
+      }
+      if (n !== null) {
+        var l = this.getHighlightedIndex(n);
+        if (this.role === "listbox" && this.triggerRef.current && !p(this.triggerRef.current) && this.focusTrigger(), l !== -1 && (this.handlers.highlightedIndex(l, e), this.role === "menu")) {
+          var a;
+          (a = this.itemRefs[l]) === null || a === void 0 || a.focus();
+        }
+        e.preventDefault(), e.stopPropagation();
+      }
+    }
+  }, {
+    key: "focusTrigger",
+    value: function() {
+      var e = this.triggerRef.current;
+      e && (p(e) || m(e));
+    }
+  }, {
+    key: "getBasicListProps",
+    value: function() {
+      var e, i = this.asProps, r = i.size, s = i.uid, o = (e = this.triggerRef.current) === null || e === void 0 ? void 0 : e.id, n = o ? document.getElementById(o) : null;
+      return {
+        size: r,
+        index: this.asProps.highlightedIndex,
+        tabIndex: -1,
+        ref: this.menuRef,
+        id: "igc-".concat(s, "-list"),
+        role: this.role,
+        "aria-label": _(n)
+      };
+    }
+  }]), g;
+}(y);
+export {
+  V as AbstractDropdown,
+  F as enhance,
+  G as selectedIndexContext
+};

package/dropdown/lib/esm/Dropdown.mjs

@@ -0,0 +1,179 @@
+import h from "@babel/runtime/helpers/esm/objectSpread2";
+import C from "@babel/runtime/helpers/esm/extends";
+import z from "@babel/runtime/helpers/esm/typeof";
+import I from "@babel/runtime/helpers/esm/toConsumableArray";
+import M from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import G from "@babel/runtime/helpers/esm/slicedToArray";
+import E from "@babel/runtime/helpers/esm/classCallCheck";
+import R from "@babel/runtime/helpers/esm/createClass";
+import x from "@babel/runtime/helpers/esm/assertThisInitialized";
+import A from "@babel/runtime/helpers/esm/inherits";
+import H from "@babel/runtime/helpers/esm/createSuper";
+import l from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as N } from 'intergalactic/utils/lib/core/index';
+import $, { Component as L, sstyled as D, assignProps as S } from 'intergalactic/core';
+import p from "react";
+import b, { isInputTriggerTag as j } from 'intergalactic/popper';
+import P from 'intergalactic/utils/lib/capitalizeFirstLetter';
+import Z, { useUID as y } from 'intergalactic/utils/lib/uniqueID';
+import F from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import { localizedMessages as T } from "./translations/__intergalactic-dynamic-locales.mjs";
+import { hasFocusableIn as U } from 'intergalactic/utils/lib/use/useFocusLock';
+import { DropdownItem as W } from "./DropdownItem.mjs";
+import { Box as J, Flex as k } from 'intergalactic/flex-box';
+var K = ["Children", "forwardRef", "modifiers", "stretch"], X = (
+  /*__reshadow_css_start__*/
+  (N.insert(
+    /*__inner_css_start__*/
+    '.___SDropdownPopper_147hq_gg_{position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));color:var(--intergalactic-text-primary, #191b23)}.___SDropdownPopper_147hq_gg_ .___SDropdownItem_147hq_gg_{position:relative;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal;color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SDropdownPopper_147hq_gg_ .___SDropdownItem_147hq_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownPopper_147hq_gg_ .___SDropdownItem_147hq_gg_:focus{outline:0}.___SDropdownPopper_147hq_gg_ .___SDropdownItem_147hq_gg_.__isMenuItemCheckbox_147hq_gg_.__selected_147hq_gg_::after,.___SDropdownPopper_147hq_gg_ .___SDropdownItem_147hq_gg_.__isMenuItemCheckbox_147hq_gg_::before{content:"";position:absolute;border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);box-sizing:content-box}.___SDropdownPopper_147hq_gg_ .___SDropdownItem_147hq_gg_.__isMenuItemCheckbox_147hq_gg_::before{display:inline-block;background:var(--intergalactic-bg-primary-neutral, #ffffff);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out;border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SDropdownPopper_147hq_gg_ .___SDropdownItem_147hq_gg_.__isMenuItemCheckbox_147hq_gg_.__selected_147hq_gg_::after{background-repeat:no-repeat;background-position:center center;background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8);background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SDropdownPopper_147hq_gg_ .___SDropdownItem_147hq_gg_.__selected_147hq_gg_:not(.___SDropdownItem_147hq_gg_.__isMenuItemCheckbox_147hq_gg_){background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));box-shadow:2px 0 0 0 var(--intergalactic-control-primary-info, #008ff8) inset}@media (hover:hover){.___SDropdownPopper_147hq_gg_ .___SDropdownItem_147hq_gg_.__selected_147hq_gg_:not(.___SDropdownItem_147hq_gg_.__isMenuItemCheckbox_147hq_gg_):hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownPopper_147hq_gg_ .___SDropdownItem_147hq_gg_.__highlighted_147hq_gg_.__isMenuItemCheckbox_147hq_gg_:not(button),.___SDropdownPopper_147hq_gg_ .___SDropdownItem_147hq_gg_.__highlighted_147hq_gg_:not(.___SDropdownItem_147hq_gg_.__isMenuItemCheckbox_147hq_gg_):not(button){z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownPopper_147hq_gg_ .___SDropdownItem_147hq_gg_.__disabled_147hq_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownPopper_147hq_gg_ .___SDropdownItem_147hq_gg_._size_l_147hq_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);min-height:40px}.___SDropdownPopper_147hq_gg_ .___SDropdownItem_147hq_gg_._size_l_147hq_gg_.__isMenuItemCheckbox_147hq_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px)*2 + 16px + 2px)}.___SDropdownPopper_147hq_gg_ .___SDropdownItem_147hq_gg_._size_l_147hq_gg_.__isMenuItemCheckbox_147hq_gg_::after,.___SDropdownPopper_147hq_gg_ .___SDropdownItem_147hq_gg_._size_l_147hq_gg_.__isMenuItemCheckbox_147hq_gg_::before{width:20px;height:20px;top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);left:var(--intergalactic-spacing-3x, 12px)}.___SDropdownPopper_147hq_gg_ .___SDropdownItem_147hq_gg_._size_m_147hq_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);padding:calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-2x, 8px);min-height:32px}.___SDropdownPopper_147hq_gg_ .___SDropdownItem_147hq_gg_._size_m_147hq_gg_.__isMenuItemCheckbox_147hq_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px)*2 + 16px + 2px)}.___SDropdownPopper_147hq_gg_ .___SDropdownItem_147hq_gg_._size_m_147hq_gg_.__isMenuItemCheckbox_147hq_gg_::after,.___SDropdownPopper_147hq_gg_ .___SDropdownItem_147hq_gg_._size_m_147hq_gg_.__isMenuItemCheckbox_147hq_gg_::before{width:16px;height:16px;top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);left:var(--intergalactic-spacing-2x, 8px)}.___SDropdownPopper_147hq_gg_ .___SDropdownItem_147hq_gg_.__notInteractive_147hq_gg_{cursor:default}@media (hover:hover){.___SDropdownPopper_147hq_gg_ .___SDropdownItem_147hq_gg_.__notInteractive_147hq_gg_:hover{background:0 0}}.___SDropdownPopper_147hq_gg_ .___SDropdownItem_147hq_gg_._variant_hint_147hq_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownPopper_147hq_gg_ .___SDropdownItem_147hq_gg_._variant_hint_147hq_gg_:hover{background:0 0}}.___SDropdownPopper_147hq_gg_ .___SDropdownItem_147hq_gg_._variant_title_147hq_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownPopper_147hq_gg_ .___SDropdownItem_147hq_gg_._variant_title_147hq_gg_:hover{background:0 0}}.___SDropdownPopper_147hq_gg_ .___SDropdownItem_147hq_gg_.__visible_147hq_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownPopper_147hq_gg_ .___SDropdownItem_147hq_gg_.__nesting-trigger_147hq_gg_{justify-content:space-between}.___SDropdownPopper_147hq_gg_ .___SGroupTitle_147hq_gg_{font-weight:var(--intergalactic-bold, 700)}.___SDropdownPopper_147hq_gg_ .___SGroupHint_147hq_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}',
+    "147hq_gg_"
+  ), {
+    __SDropdownPopper: "___SDropdownPopper_147hq_gg_",
+    __SDropdownItem: "___SDropdownItem_147hq_gg_",
+    _isMenuItemCheckbox: "__isMenuItemCheckbox_147hq_gg_",
+    _selected: "__selected_147hq_gg_",
+    _highlighted: "__highlighted_147hq_gg_",
+    _disabled: "__disabled_147hq_gg_",
+    _size_l: "_size_l_147hq_gg_",
+    _size_m: "_size_m_147hq_gg_",
+    _notInteractive: "__notInteractive_147hq_gg_",
+    _variant_hint: "_variant_hint_147hq_gg_",
+    _variant_title: "_variant_title_147hq_gg_",
+    _visible: "__visible_147hq_gg_",
+    "_nesting-trigger": "__nesting-trigger_147hq_gg_",
+    __SGroupTitle: "___SGroupTitle_147hq_gg_",
+    __SGroupHint: "___SGroupHint_147hq_gg_"
+  })
+), B = ["INPUT", "TEXTAREA"], m = /* @__PURE__ */ function(g) {
+  A(_, g);
+  var d = H(_);
+  function _() {
+    var r;
+    E(this, _);
+    for (var e = arguments.length, n = new Array(e), o = 0; o < e; o++)
+      n[o] = arguments[o];
+    return r = d.call.apply(d, [this].concat(n)), l(x(r), "popperRef", /* @__PURE__ */ p.createRef()), l(x(r), "defaultModifiers", [{
+      name: "flip",
+      enabled: !1
+    }, {
+      name: "stretch",
+      phase: "beforeRead",
+      enabled: !0,
+      fn: function(a) {
+        var i = a.state, c = a.options, s = i.placement.split("-"), u = G(s, 1), f = u[0], q = ["left", "right"].indexOf(f) !== -1, w = q ? "height" : "width", v = i.elements.reference["offset".concat(P(w))];
+        c.stretch === "min" && (i.rects.popper.width = Math.max(i.rects.popper.width, v), i.elements.popper.style["min".concat(P(w))] = "".concat(v, "px")), c.stretch === "fixed" && (i.rects.popper.width = v, i.elements.popper.style[w] = "".concat(v, "px"));
+      }
+    }]), l(x(r), "handlerTriggerKeyDown", function(t) {
+      var a = r.asProps, i = a.visible, c = a.interaction, s = r.popperRef.current;
+      if (c === "click" && i && t.key === "Tab" && s && !U(s)) {
+        t.preventDefault();
+        return;
+      }
+      t.key === " " && B.includes(t.target.tagName) || t.key === "Enter" && t.target.tagName === "TEXTAREA" || ["Enter", " "].includes(t.key) && c !== "none" && (t.preventDefault(), r.handlers.visible(!0));
+    }), r;
+  }
+  return R(_, [{
+    key: "uncontrolledProps",
+    value: function() {
+      return {
+        visible: null
+      };
+    }
+  }, {
+    key: "getTriggerProps",
+    value: function() {
+      var e = this.asProps, n = e.uid, o = e.visible, t = e.disablePortal, a = e.getI18nText;
+      return {
+        id: "igc-".concat(n, "-trigger"),
+        "aria-controls": o ? "igc-".concat(n, "-popper") : void 0,
+        focusHint: o && !t ? a("triggerHint") : void 0,
+        "aria-expanded": o ? "true" : "false",
+        onKeyDown: this.handlerTriggerKeyDown,
+        "aria-haspopup": "dialog"
+      };
+    }
+  }, {
+    key: "getPopperProps",
+    value: function() {
+      var e = this.asProps, n = e.uid, o = e.disablePortal, t = e.ignorePortalsStacking, a = e.interaction;
+      return {
+        id: "igc-".concat(n, "-popper"),
+        tabIndex: 0,
+        role: "dialog",
+        disablePortal: o,
+        ignorePortalsStacking: t,
+        ref: this.popperRef,
+        focusMaster: a === "click",
+        autoFocus: "enforced"
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var e = this.asProps, n = e.Children, o = e.forwardRef, t = e.modifiers, a = t === void 0 ? [] : t, i = e.stretch, c = M(e, K);
+      return /* @__PURE__ */ p.createElement(b, C({
+        ref: o,
+        modifiers: [].concat(I(this.defaultModifiers), [{
+          name: "stretch",
+          options: z(i) === "object" ? i : {
+            stretch: i
+          }
+        }], I(a))
+      }, c), /* @__PURE__ */ p.createElement(n, null));
+    }
+  }]), _;
+}(L);
+l(m, "displayName", "Dropdown");
+l(m, "style", X);
+l(m, "defaultProps", {
+  // timeout: [100, 50],
+  placement: "bottom-start",
+  offset: [0, 4],
+  stretch: "min",
+  defaultVisible: !1,
+  i18n: T,
+  locale: "en",
+  interaction: "click"
+});
+l(m, "enhance", [Z(), F(T)]);
+function O(g) {
+  var d = arguments[0], _, r = g.styles, e = g.tag, n = j(e), o = b.Trigger;
+  return _ = D(r), /* @__PURE__ */ p.createElement(o, _.cn("SDropdownTrigger", h({}, S({
+    role: n ? "combobox" : "button"
+  }, d))));
+}
+function Q(g) {
+  var d = arguments[0], _, r = g.styles, e = b.Popper;
+  return _ = D(r), /* @__PURE__ */ p.createElement(e, _.cn("SDropdownPopper", h({}, S({}, d))));
+}
+function V(g) {
+  var d = arguments[0], _, r = g.styles, e = g.title, n = g.Children, o = g.subTitle, t = g.size, a = J, i = Y.Item, c = k, s = k, u = y("title_mi_group"), f = y("sub_title_mi_group"), q = {
+    "aria-labelledby": u,
+    "aria-describedby": o ? f : void 0
+  };
+  return _ = D(r), /* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement(i, _.cn("SDropdownItemContainer", {
+    notInteractive: !0,
+    "aria-hidden": "true",
+    tabindex: -1,
+    size: t
+  }), /* @__PURE__ */ p.createElement(c, _.cn("SGroupTitle", {
+    id: u
+  }), e), o && /* @__PURE__ */ p.createElement(s, _.cn("SGroupHint", {
+    id: f
+  }), o)), /* @__PURE__ */ p.createElement(a, _.cn("SGroup", h({}, S(h(h({
+    role: "group"
+  }, q), {}, {
+    __excludeProps: ["title"]
+  }), d))), /* @__PURE__ */ p.createElement(n, _.cn("Children", {}))));
+}
+var Y = $(m, {
+  Trigger: O,
+  Popper: Q,
+  Item: W,
+  Group: V
+}, {
+  parent: b
+});
+export {
+  Y as default
+};

package/dropdown/lib/esm/DropdownItem.mjs

@@ -0,0 +1,11 @@
+import m from "@babel/runtime/helpers/esm/objectSpread2";
+import { sstyled as n, assignProps as p } from 'intergalactic/core';
+import s from "react";
+import { Box as a } from 'intergalactic/flex-box';
+function l(o) {
+  var e = arguments[0], r, t = a;
+  return r = n(o.styles), /* @__PURE__ */ s.createElement(t, r.cn("SDropdownItem", m({}, p({}, e))));
+}
+export {
+  l as DropdownItem
+};

package/dropdown/lib/esm/index.mjs

@@ -0,0 +1,8 @@
+import { default as o } from "./Dropdown.mjs";
+import { AbstractDropdown as n, enhance as d, selectedIndexContext as x } from "./AbstractDropdown.mjs";
+export {
+  n as AbstractDropdown,
+  o as default,
+  d as enhance,
+  x as selectedIndexContext
+};

package/dropdown/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
+};

package/dropdown/lib/esm/translations/de.json.mjs

@@ -0,0 +1,7 @@
+const e = "Drücken Sie Tab, um zum Popover zu gehen", t = {
+  triggerHint: e
+};
+export {
+  t as default,
+  e as triggerHint
+};

package/dropdown/lib/esm/translations/en.json.mjs

@@ -0,0 +1,7 @@
+const t = "Press Tab to go to popover", o = {
+  triggerHint: t
+};
+export {
+  o as default,
+  t as triggerHint
+};

package/dropdown/lib/esm/translations/es.json.mjs

@@ -0,0 +1,7 @@
+const r = "Presiona Tab para ir a Popover", t = {
+  triggerHint: r
+};
+export {
+  t as default,
+  r as triggerHint
+};

package/dropdown/lib/esm/translations/fr.json.mjs

@@ -0,0 +1,7 @@
+const r = "Appuyez sur la touche Tab pour accéder au popover", t = {
+  triggerHint: r
+};
+export {
+  t as default,
+  r as triggerHint
+};

package/dropdown/lib/esm/translations/it.json.mjs

@@ -0,0 +1,7 @@
+const r = "Premi Tab per andare a Popover", t = {
+  triggerHint: r
+};
+export {
+  t as default,
+  r as triggerHint
+};

package/dropdown/lib/esm/translations/ja.json.mjs

@@ -0,0 +1,7 @@
+const t = "Tabキーを押してポップオーバーに移動", r = {
+  triggerHint: t
+};
+export {
+  r as default,
+  t as triggerHint
+};

package/dropdown/lib/esm/translations/ko.json.mjs

@@ -0,0 +1,7 @@
+const t = "팝업창으로 이동하려면 Tab 키를 누르세요", r = {
+  triggerHint: t
+};
+export {
+  r as default,
+  t as triggerHint
+};

package/dropdown/lib/esm/translations/nl.json.mjs

@@ -0,0 +1,7 @@
+const t = "Druk op Tab om naar de pop-over te gaan", r = {
+  triggerHint: t
+};
+export {
+  r as default,
+  t as triggerHint
+};

package/dropdown/lib/esm/translations/pl.json.mjs

@@ -0,0 +1,7 @@
+const t = "Naciśnij Tab, aby przejść do okienka popover", e = {
+  triggerHint: t
+};
+export {
+  e as default,
+  t as triggerHint
+};

package/dropdown/lib/esm/translations/pt.json.mjs

@@ -0,0 +1,7 @@
+const r = "Pressione Tab para acessar o pop-over", t = {
+  triggerHint: r
+};
+export {
+  t as default,
+  r as triggerHint
+};

package/dropdown/lib/esm/translations/sv.json.mjs

@@ -0,0 +1,7 @@
+const t = "Tryck på Tab för att gå till popover", r = {
+  triggerHint: t
+};
+export {
+  r as default,
+  t as triggerHint
+};

package/dropdown/lib/esm/translations/tr.json.mjs

@@ -0,0 +1,7 @@
+const t = "Popover'a gitmek için Tab tuşuna basın", i = {
+  triggerHint: t
+};
+export {
+  i as default,
+  t as triggerHint
+};

package/dropdown/lib/esm/translations/vi.json.mjs

@@ -0,0 +1,7 @@
+const t = "Nhấn Tab để chuyển đến cửa sổ bật lên", n = {
+  triggerHint: t
+};
+export {
+  n as default,
+  t as triggerHint
+};

package/dropdown/lib/esm/translations/zh.json.mjs

@@ -0,0 +1,7 @@
+const t = "按 T​​ab 转到弹出框", r = {
+  triggerHint: t
+};
+export {
+  r as default,
+  t as triggerHint
+};

package/dropdown/package.json

@@ -1 +1 @@
-{"name":"intergalactic/dropdown","description":"Semrush Dropdown Component","version":"4.42.4-prerelease.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/flex-box":"5.41.0-prerelease.1","@semcore/popper":"5.46.0-prerelease.1","@semcore/utils":"4.47.0-prerelease.1"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.1","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/dropdown"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/dropdown","description":"Semrush Dropdown Component","version":"4.43.0-prerelease.12","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 && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/flex-box":"5.41.0-prerelease.12","@semcore/popper":"5.46.0-prerelease.12","@semcore/utils":"4.48.0-prerelease.12"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.12","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/dropdown"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}