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

package/drag-and-drop/lib/esm/translations/ja.json.mjs

@@ -0,0 +1,25 @@
+const e = "{control}を押すと、要素を選択してドラッグ＆ドロップできます", t = "{itemText}が選択されました。現在の位置：{itemPosition}/{itemsCount}。位置を変更するには矢印キーを使用し、新しい位置を適用するにはスペースバーを使用し、取り消すにはEscapeキーを使用します。", o = "新しい位置：{itemPosition}/{itemsCount}", i = "{itemPosition}番目の位置が適用されました", n = "{itemText}が選択されました。現在の位置：{zoneName}の{itemPosition}/{itemsCount}", s = "{itemText} を入手し、ドロップ位置は{zoneName} の{itemsCount} の{itemPosition} です", d = "{itemText} を入手し、{zoneName} にドロップします", b = "{itemText} を入手しました。最終位置は{zoneName} の{itemsCount} の{itemPosition} です", m = "{itemText} が {zoneName} にドロップしました", r = "ドラッグ＆ドロップが取り消されました", a = {
+  describe: e,
+  grabbed: t,
+  grabbing: o,
+  dropped: i,
+  grabbedWithZone: n,
+  grabbingFullWithZone: s,
+  grabbingJustWithZone: d,
+  droppedFullWithZone: b,
+  droppedJustWithZone: m,
+  discarded: r
+};
+export {
+  a as default,
+  e as describe,
+  r as discarded,
+  i as dropped,
+  b as droppedFullWithZone,
+  m as droppedJustWithZone,
+  t as grabbed,
+  n as grabbedWithZone,
+  o as grabbing,
+  s as grabbingFullWithZone,
+  d as grabbingJustWithZone
+};

package/drag-and-drop/lib/esm/translations/ko.json.mjs

@@ -0,0 +1,25 @@
+const t = "{control} 키를 눌러 드래그 앤 드롭할 항목을 선택하세요", e = "{itemText} 항목이 선택되었습니다. 현재 포지션은 {itemsCount}개 중 {itemPosition}번째입니다. 화살표를 사용하여 포지션을 변경하고, 스페이스 키로 새 포지션을 적용하고, Esc 키로 취소하세요.", o = "새로운 포지션: {itemsCount}개 중 {itemPosition}번째", i = "{itemPosition} 포지션이 적용되었습니다", n = "{itemText} 항목이 선택되었습니다. 현재 포지션은 {zoneName}에서 {itemsCount}개 중 {itemPosition}번째입니다.", s = "확보한 {itemText} 링크의 순위가 하락하여 {zoneName}에서 {itemsCount}개 중 {itemPosition}위입니다.", d = "확보한 {itemText} 링크의 순위가 {zoneName}에서 하락했습니다.", b = "{itemText} 링크가 손실되었으며 최종 순위는 {zoneName}에서 {itemsCount}개 중 {itemPosition}위입니다.", m = "{itemText} 링크가 {zoneName}에서 손실되었습니다.", r = "드래그 앤 드롭이 취소되었습니다", a = {
+  describe: t,
+  grabbed: e,
+  grabbing: o,
+  dropped: i,
+  grabbedWithZone: n,
+  grabbingFullWithZone: s,
+  grabbingJustWithZone: d,
+  droppedFullWithZone: b,
+  droppedJustWithZone: m,
+  discarded: r
+};
+export {
+  a as default,
+  t as describe,
+  r as discarded,
+  i as dropped,
+  b as droppedFullWithZone,
+  m as droppedJustWithZone,
+  e as grabbed,
+  n as grabbedWithZone,
+  o as grabbing,
+  s as grabbingFullWithZone,
+  d as grabbingJustWithZone
+};

package/drag-and-drop/lib/esm/translations/nl.json.mjs

@@ -0,0 +1,25 @@
+const e = "Druk op {control} om het element vast te pakken en te slepen", t = "{itemText} vastgepakt. Huidige positie: {itemPosition} van {itemsCount}. Gebruik de pijltjes om de positie te veranderen, spatie om de nieuwe positie toe te passen of escape om te annuleren.", i = "Nieuwe positie: {itemPosition} van {itemsCount}", n = "Positie {itemPosition} toegepast", o = "{itemText} vastgepakt, huidige positie: {itemPosition} van {itemsCount} in {zoneName}", s = "{itemText} is vastgepakt, nieuwe positie is {itemPosition} van {itemsCount} in {zoneName}", a = "{itemText} is vastgepakt, nieuwe positie in {zoneName}", p = "{itemText} losgelaten, eindpositie is {itemPosition} van {itemsCount} in {zoneName}", d = "{itemText} heeft nieuwe positie in {zoneName}", r = "Slepen geannuleerd", m = {
+  describe: e,
+  grabbed: t,
+  grabbing: i,
+  dropped: n,
+  grabbedWithZone: o,
+  grabbingFullWithZone: s,
+  grabbingJustWithZone: a,
+  droppedFullWithZone: p,
+  droppedJustWithZone: d,
+  discarded: r
+};
+export {
+  m as default,
+  e as describe,
+  r as discarded,
+  n as dropped,
+  p as droppedFullWithZone,
+  d as droppedJustWithZone,
+  t as grabbed,
+  o as grabbedWithZone,
+  i as grabbing,
+  s as grabbingFullWithZone,
+  a as grabbingJustWithZone
+};

package/drag-and-drop/lib/esm/translations/pl.json.mjs

@@ -0,0 +1,25 @@
+const e = "Naciśnij {control}, aby chwycić element do przeciągnięcia i upuszczenia", t = "Chwycono element {itemText}. Bieżąca pozycja: {itemPosition} z {itemsCount}. Użyj strzałek, aby zmienić pozycję, klawisza spacji, aby zastosować nową pozycję, lub klawisza Escape, aby anulować.", o = "Nowa pozycja: {itemPosition} z {itemsCount}", i = "Zastosowano pozycję {itemPosition}", n = "Chwycono element {itemText}, bieżąca pozycja: {itemPosition} z {itemsCount} w strefie {zoneName}", a = "Chwytanie elementu {itemText}, pozycja upuszczenia to {itemPosition} z {itemsCount} w strefie {zoneName}", s = "Chwytanie elementu {itemText}, upuszczenie w strefie {zoneName}", c = "Upuszczono element {itemText}, ostateczna pozycja to {itemPosition} z {itemsCount} w strefie {zoneName}", z = "Upuszczono element {itemText} w strefie {zoneName}", p = "Anulowano przeciąganie i upuszczanie", m = {
+  describe: e,
+  grabbed: t,
+  grabbing: o,
+  dropped: i,
+  grabbedWithZone: n,
+  grabbingFullWithZone: a,
+  grabbingJustWithZone: s,
+  droppedFullWithZone: c,
+  droppedJustWithZone: z,
+  discarded: p
+};
+export {
+  m as default,
+  e as describe,
+  p as discarded,
+  i as dropped,
+  c as droppedFullWithZone,
+  z as droppedJustWithZone,
+  t as grabbed,
+  n as grabbedWithZone,
+  o as grabbing,
+  a as grabbingFullWithZone,
+  s as grabbingJustWithZone
+};

package/drag-and-drop/lib/esm/translations/pt.json.mjs

@@ -0,0 +1,25 @@
+const o = "Pressione {control} para capturar o elemento para arrastar e soltar", e = "{itemText} capturado. Posição atual: {itemPosition} de {itemsCount}. Use as setas para alterar a posição, Espaço para aplicar a nova posição e Escape para cancelar.", t = "Nova posição: {itemPosition} de {itemsCount}", a = "Posição {itemPosition} aplicada", i = "{itemText} capturado, posição atual: {itemPosition} de {itemsCount} em {zoneName}", s = "Capturando {itemText}, a posição para soltar é {itemPosition} de {itemsCount} em {zoneName}", n = "Capturando {itemText}, soltar em {zoneName}", r = "{itemText} solto, a posição final é {itemPosition} de {itemsCount} em {zoneName}", d = "{itemText} solto em {zoneName}", p = "Arrastar e soltar cancelado", m = {
+  describe: o,
+  grabbed: e,
+  grabbing: t,
+  dropped: a,
+  grabbedWithZone: i,
+  grabbingFullWithZone: s,
+  grabbingJustWithZone: n,
+  droppedFullWithZone: r,
+  droppedJustWithZone: d,
+  discarded: p
+};
+export {
+  m as default,
+  o as describe,
+  p as discarded,
+  a as dropped,
+  r as droppedFullWithZone,
+  d as droppedJustWithZone,
+  e as grabbed,
+  i as grabbedWithZone,
+  t as grabbing,
+  s as grabbingFullWithZone,
+  n as grabbingJustWithZone
+};

package/drag-and-drop/lib/esm/translations/sv.json.mjs

@@ -0,0 +1,25 @@
+const t = "Tryck på {control} för att greppa elementet och dra och släppa det", e = "{itemText} har valts. Nuvarande position: {itemPosition} av {itemsCount}. Använd pilarna för att ändra positionen, mellanslag för att tillämpa den nya positionen, Escape för att avbryta.", i = "Ny position: {itemPosition} av {itemsCount}", o = "Positionen {itemPosition} tillämpades", n = "{itemText} valdes, nuvarande position: {itemPosition} av {itemsCount} i {zoneName}", s = "Väljer {itemText}, släppt position är {itemPosition} av {itemsCount} i {zoneName}", a = "Väljer {itemText}, släpp i {zoneName}", r = "{itemText} släpptes, slutgiltig position är {itemPosition} av {itemsCount} i {zoneName}", p = "{itemText} släpptes i {zoneName}", d = "Dra och släpp avbröts", l = {
+  describe: t,
+  grabbed: e,
+  grabbing: i,
+  dropped: o,
+  grabbedWithZone: n,
+  grabbingFullWithZone: s,
+  grabbingJustWithZone: a,
+  droppedFullWithZone: r,
+  droppedJustWithZone: p,
+  discarded: d
+};
+export {
+  l as default,
+  t as describe,
+  d as discarded,
+  o as dropped,
+  r as droppedFullWithZone,
+  p as droppedJustWithZone,
+  e as grabbed,
+  n as grabbedWithZone,
+  i as grabbing,
+  s as grabbingFullWithZone,
+  a as grabbingJustWithZone
+};

package/drag-and-drop/lib/esm/translations/tr.json.mjs

@@ -0,0 +1,25 @@
+const e = "Sürükleyip bırakmak üzere öğeyi yakalamak için {control} tuşuna basın", i = "{itemText} Yakalandı. Geçerli konum: {itemPosition} out of {itemsCount}. Pozisyonu değiştirmek için okları, yeni pozisyonu uygulamak için Space tuşunu, iptal etmek için Escape tuşunu kullanın.", n = "Yeni pozisyon: {itemPosition} {itemsCount} dışında", t = "Pozisyon {itemPosition} uygulandı", o = "{itemText} yakalandı, geçerli konum: {itemPosition} {itemsCount} dışında {zoneName} içinde", a = "{itemText} alınıyor, bırakma konumu {zoneName} içinde {itemPosition}/{itemsCount}", d = "{itemText} alınıyor, {zoneName} içine bırakın", r = "{itemText} bırakıldı, son konum {zoneName} içinde {itemPosition}/{itemsCount}", s = "{itemText} {zoneName} içine bırakıldı", u = "Sürükle ve bırak iptal edildi", m = {
+  describe: e,
+  grabbed: i,
+  grabbing: n,
+  dropped: t,
+  grabbedWithZone: o,
+  grabbingFullWithZone: a,
+  grabbingJustWithZone: d,
+  droppedFullWithZone: r,
+  droppedJustWithZone: s,
+  discarded: u
+};
+export {
+  m as default,
+  e as describe,
+  u as discarded,
+  t as dropped,
+  r as droppedFullWithZone,
+  s as droppedJustWithZone,
+  i as grabbed,
+  o as grabbedWithZone,
+  n as grabbing,
+  a as grabbingFullWithZone,
+  d as grabbingJustWithZone
+};

package/drag-and-drop/lib/esm/translations/vi.json.mjs

@@ -0,0 +1,25 @@
+const t = "Nhấn {control} để chọn thành phần để kéo và thả", n = "{itemText} đã được chọn. Vị trí hiện tại: {itemPosition} trên tổng số {itemsCount}. Sử dụng các nút mũi tên để thay đổi vị trí, nút Space để áp dụng vị trí mới, nút Escape để hủy.", e = "Vị trí mới: {itemPosition} trên tổng số {itemsCount}", i = "Vị trí {itemPosition} đã được áp dụng", o = "{itemText} đã được chọn, vị trí hiện tại: {itemPosition} trên tổng số {itemsCount} trong {zoneName}", r = "Chọn {itemText}, vị trí thả là {itemPosition} thuộc {itemsCount} trong {zoneName}", s = "Chọn {itemText}, thả vào {zoneName}", h = "Đã thả {itemText}, vị trí cuối cùng là {itemPosition} thuộc {itemsCount} trong {zoneName}", c = "Đã thả {itemText} vào {zoneName}", d = "Đã hủy kéo và thả", g = {
+  describe: t,
+  grabbed: n,
+  grabbing: e,
+  dropped: i,
+  grabbedWithZone: o,
+  grabbingFullWithZone: r,
+  grabbingJustWithZone: s,
+  droppedFullWithZone: h,
+  droppedJustWithZone: c,
+  discarded: d
+};
+export {
+  g as default,
+  t as describe,
+  d as discarded,
+  i as dropped,
+  h as droppedFullWithZone,
+  c as droppedJustWithZone,
+  n as grabbed,
+  o as grabbedWithZone,
+  e as grabbing,
+  r as grabbingFullWithZone,
+  s as grabbingJustWithZone
+};

package/drag-and-drop/lib/esm/translations/zh.json.mjs

@@ -0,0 +1,25 @@
+const t = "按 {control} 可抓取元素进行拖放", e = "{itemText} 已抓取。当前位置：{itemPosition}（共 {itemsCount}）。使用箭头更改位置，使用空格键应用新位置，使用 Esc 键取消。", o = "新位置：{itemPosition}（共 {itemsCount}）", i = "位置 {itemPosition} 已应用", n = "{itemText} 已抓取，当前位置：{itemPosition} / {itemsCount}，在 {zoneName}", s = "正在抓取 {itemText}，掉落位置是 {itemPosition} / {itemsCount}，在 {zoneName}", d = "正在抓取 {itemText}，掉落于 {zoneName}", b = "“{itemText}”已抓取，最终位置是 {itemPosition} / {itemsCount}，在 {zoneName}", m = "{itemText} 掉落于 {zoneName}", r = "拖放已取消", a = {
+  describe: t,
+  grabbed: e,
+  grabbing: o,
+  dropped: i,
+  grabbedWithZone: n,
+  grabbingFullWithZone: s,
+  grabbingJustWithZone: d,
+  droppedFullWithZone: b,
+  droppedJustWithZone: m,
+  discarded: r
+};
+export {
+  a as default,
+  t as describe,
+  r as discarded,
+  i as dropped,
+  b as droppedFullWithZone,
+  m as droppedJustWithZone,
+  e as grabbed,
+  n as grabbedWithZone,
+  o as grabbing,
+  s as grabbingFullWithZone,
+  d as grabbingJustWithZone
+};

package/drag-and-drop/package.json

@@ -1 +1 @@
-{"name":"intergalactic/drag-and-drop","description":"Semrush DragAndDrop Component","version":"3.47.0-prerelease.9","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.46.0-prerelease.9","@semcore/flex-box":"5.41.0-prerelease.9","@semcore/grid":"5.40.0-prerelease.9","@semcore/utils":"4.47.1-prerelease.9"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.9","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.47.1-prerelease.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 && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/card":"5.46.1-prerelease.0","@semcore/flex-box":"5.41.1-prerelease.0","@semcore/grid":"5.40.1-prerelease.0","@semcore/utils":"4.48.1-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.39.1-prerelease.0","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/lib/cjs/Dropdown.js

@@ -31,22 +31,22 @@ var _DropdownItem = require("./DropdownItem");
 var _flexBox = require("intergalactic/flex-box");
 var _excluded = ["Children", "forwardRef", "modifiers", "stretch"];
 /*__reshadow-styles__:"./style/dropdown.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDropdownPopper_2e3pw_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_2e3pw_gg_ .___SDropdownItem_2e3pw_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_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_:focus{outline:0}.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_.__isMenuItemCheckbox_2e3pw_gg_.__selected_2e3pw_gg_::after,.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_.__isMenuItemCheckbox_2e3pw_gg_::before{content:\"\";position:absolute;border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);box-sizing:content-box}.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_.__isMenuItemCheckbox_2e3pw_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_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_.__isMenuItemCheckbox_2e3pw_gg_.__selected_2e3pw_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_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_.__selected_2e3pw_gg_:not(.___SDropdownItem_2e3pw_gg_.__isMenuItemCheckbox_2e3pw_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_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_.__selected_2e3pw_gg_:not(.___SDropdownItem_2e3pw_gg_.__isMenuItemCheckbox_2e3pw_gg_):hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_.__highlighted_2e3pw_gg_.__isMenuItemCheckbox_2e3pw_gg_:not(button),.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_.__highlighted_2e3pw_gg_:not(.___SDropdownItem_2e3pw_gg_.__isMenuItemCheckbox_2e3pw_gg_):not(button){z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_.__disabled_2e3pw_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_._size_l_2e3pw_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_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_._size_l_2e3pw_gg_.__isMenuItemCheckbox_2e3pw_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px)*2 + 16px + 2px)}.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_._size_l_2e3pw_gg_.__isMenuItemCheckbox_2e3pw_gg_::after,.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_._size_l_2e3pw_gg_.__isMenuItemCheckbox_2e3pw_gg_::before{width:20px;height:20px;top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);left:var(--intergalactic-spacing-3x, 12px)}.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_._size_m_2e3pw_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_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_._size_m_2e3pw_gg_.__isMenuItemCheckbox_2e3pw_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px)*2 + 16px + 2px)}.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_._size_m_2e3pw_gg_.__isMenuItemCheckbox_2e3pw_gg_::after,.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_._size_m_2e3pw_gg_.__isMenuItemCheckbox_2e3pw_gg_::before{width:16px;height:16px;top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);left:var(--intergalactic-spacing-2x, 8px)}.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_.__notInteractive_2e3pw_gg_{cursor:default}@media (hover:hover){.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_.__notInteractive_2e3pw_gg_:hover{background:0 0}}.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_._variant_hint_2e3pw_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_._variant_hint_2e3pw_gg_:hover{background:0 0}}.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_._variant_title_2e3pw_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_._variant_title_2e3pw_gg_:hover{background:0 0}}.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_.__visible_2e3pw_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_.__nesting-trigger_2e3pw_gg_{justify-content:space-between}.___SDropdownPopper_2e3pw_gg_ .___SGroupTitle_2e3pw_gg_{font-weight:var(--intergalactic-bold, 700)}.___SDropdownPopper_2e3pw_gg_ .___SGroupHint_2e3pw_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "2e3pw_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownPopper": "___SDropdownPopper_2e3pw_gg_",
-  "__SDropdownItem": "___SDropdownItem_2e3pw_gg_",
-  "_isMenuItemCheckbox": "__isMenuItemCheckbox_2e3pw_gg_",
-  "_selected": "__selected_2e3pw_gg_",
-  "_highlighted": "__highlighted_2e3pw_gg_",
-  "_disabled": "__disabled_2e3pw_gg_",
-  "_size_l": "_size_l_2e3pw_gg_",
-  "_size_m": "_size_m_2e3pw_gg_",
-  "_notInteractive": "__notInteractive_2e3pw_gg_",
-  "_variant_hint": "_variant_hint_2e3pw_gg_",
-  "_variant_title": "_variant_title_2e3pw_gg_",
-  "_visible": "__visible_2e3pw_gg_",
-  "_nesting-trigger": "__nesting-trigger_2e3pw_gg_",
-  "__SGroupTitle": "___SGroupTitle_2e3pw_gg_",
-  "__SGroupHint": "___SGroupHint_2e3pw_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDropdownPopper_dho4t_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_dho4t_gg_ .___SDropdownItem_dho4t_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_dho4t_gg_ .___SDropdownItem_dho4t_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_:focus{outline:0}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_.__selected_dho4t_gg_::after,.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_::before{content:\"\";position:absolute;border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);box-sizing:content-box}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__isMenuItemCheckbox_dho4t_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_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_.__selected_dho4t_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_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__selected_dho4t_gg_:not(.___SDropdownItem_dho4t_gg_.__isMenuItemCheckbox_dho4t_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_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__selected_dho4t_gg_:not(.___SDropdownItem_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_):hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__highlighted_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_:not(button),.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__highlighted_dho4t_gg_:not(.___SDropdownItem_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_):not(button){z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__disabled_dho4t_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._size_l_dho4t_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_dho4t_gg_ .___SDropdownItem_dho4t_gg_._size_l_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px)*2 + 16px + 2px)}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._size_l_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_::after,.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._size_l_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_::before{width:20px;height:20px;top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);left:var(--intergalactic-spacing-3x, 12px)}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._size_m_dho4t_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_dho4t_gg_ .___SDropdownItem_dho4t_gg_._size_m_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px)*2 + 16px + 2px)}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._size_m_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_::after,.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._size_m_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_::before{width:16px;height:16px;top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);left:var(--intergalactic-spacing-2x, 8px)}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__notInteractive_dho4t_gg_{cursor:default}@media (hover:hover){.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__notInteractive_dho4t_gg_:hover{background:0 0}}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._variant_hint_dho4t_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._variant_hint_dho4t_gg_:hover{background:0 0}}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._variant_title_dho4t_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._variant_title_dho4t_gg_:hover{background:0 0}}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__visible_dho4t_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__nesting-trigger_dho4t_gg_{justify-content:space-between}.___SDropdownPopper_dho4t_gg_ .___SGroupTitle_dho4t_gg_{font-weight:var(--intergalactic-bold, 700)}.___SDropdownPopper_dho4t_gg_ .___SGroupHint_dho4t_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "dho4t_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownPopper": "___SDropdownPopper_dho4t_gg_",
+  "__SDropdownItem": "___SDropdownItem_dho4t_gg_",
+  "_isMenuItemCheckbox": "__isMenuItemCheckbox_dho4t_gg_",
+  "_selected": "__selected_dho4t_gg_",
+  "_highlighted": "__highlighted_dho4t_gg_",
+  "_disabled": "__disabled_dho4t_gg_",
+  "_size_l": "_size_l_dho4t_gg_",
+  "_size_m": "_size_m_dho4t_gg_",
+  "_notInteractive": "__notInteractive_dho4t_gg_",
+  "_variant_hint": "_variant_hint_dho4t_gg_",
+  "_variant_title": "_variant_title_dho4t_gg_",
+  "_visible": "__visible_dho4t_gg_",
+  "_nesting-trigger": "__nesting-trigger_dho4t_gg_",
+  "__SGroupTitle": "___SGroupTitle_dho4t_gg_",
+  "__SGroupHint": "___SGroupHint_dho4t_gg_"
 });
 var INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];
 var DropdownRoot = /*#__PURE__*/function (_Component) {

package/dropdown/lib/es6/Dropdown.js

@@ -23,22 +23,22 @@ import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 /*__reshadow-styles__:"./style/dropdown.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownPopper_2e3pw_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_2e3pw_gg_ .___SDropdownItem_2e3pw_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_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_:focus{outline:0}.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_.__isMenuItemCheckbox_2e3pw_gg_.__selected_2e3pw_gg_::after,.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_.__isMenuItemCheckbox_2e3pw_gg_::before{content:\"\";position:absolute;border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);box-sizing:content-box}.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_.__isMenuItemCheckbox_2e3pw_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_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_.__isMenuItemCheckbox_2e3pw_gg_.__selected_2e3pw_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_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_.__selected_2e3pw_gg_:not(.___SDropdownItem_2e3pw_gg_.__isMenuItemCheckbox_2e3pw_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_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_.__selected_2e3pw_gg_:not(.___SDropdownItem_2e3pw_gg_.__isMenuItemCheckbox_2e3pw_gg_):hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_.__highlighted_2e3pw_gg_.__isMenuItemCheckbox_2e3pw_gg_:not(button),.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_.__highlighted_2e3pw_gg_:not(.___SDropdownItem_2e3pw_gg_.__isMenuItemCheckbox_2e3pw_gg_):not(button){z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_.__disabled_2e3pw_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_._size_l_2e3pw_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_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_._size_l_2e3pw_gg_.__isMenuItemCheckbox_2e3pw_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px)*2 + 16px + 2px)}.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_._size_l_2e3pw_gg_.__isMenuItemCheckbox_2e3pw_gg_::after,.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_._size_l_2e3pw_gg_.__isMenuItemCheckbox_2e3pw_gg_::before{width:20px;height:20px;top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);left:var(--intergalactic-spacing-3x, 12px)}.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_._size_m_2e3pw_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_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_._size_m_2e3pw_gg_.__isMenuItemCheckbox_2e3pw_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px)*2 + 16px + 2px)}.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_._size_m_2e3pw_gg_.__isMenuItemCheckbox_2e3pw_gg_::after,.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_._size_m_2e3pw_gg_.__isMenuItemCheckbox_2e3pw_gg_::before{width:16px;height:16px;top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);left:var(--intergalactic-spacing-2x, 8px)}.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_.__notInteractive_2e3pw_gg_{cursor:default}@media (hover:hover){.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_.__notInteractive_2e3pw_gg_:hover{background:0 0}}.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_._variant_hint_2e3pw_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_._variant_hint_2e3pw_gg_:hover{background:0 0}}.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_._variant_title_2e3pw_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_._variant_title_2e3pw_gg_:hover{background:0 0}}.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_.__visible_2e3pw_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownPopper_2e3pw_gg_ .___SDropdownItem_2e3pw_gg_.__nesting-trigger_2e3pw_gg_{justify-content:space-between}.___SDropdownPopper_2e3pw_gg_ .___SGroupTitle_2e3pw_gg_{font-weight:var(--intergalactic-bold, 700)}.___SDropdownPopper_2e3pw_gg_ .___SGroupHint_2e3pw_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "2e3pw_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownPopper": "___SDropdownPopper_2e3pw_gg_",
-  "__SDropdownItem": "___SDropdownItem_2e3pw_gg_",
-  "_isMenuItemCheckbox": "__isMenuItemCheckbox_2e3pw_gg_",
-  "_selected": "__selected_2e3pw_gg_",
-  "_highlighted": "__highlighted_2e3pw_gg_",
-  "_disabled": "__disabled_2e3pw_gg_",
-  "_size_l": "_size_l_2e3pw_gg_",
-  "_size_m": "_size_m_2e3pw_gg_",
-  "_notInteractive": "__notInteractive_2e3pw_gg_",
-  "_variant_hint": "_variant_hint_2e3pw_gg_",
-  "_variant_title": "_variant_title_2e3pw_gg_",
-  "_visible": "__visible_2e3pw_gg_",
-  "_nesting-trigger": "__nesting-trigger_2e3pw_gg_",
-  "__SGroupTitle": "___SGroupTitle_2e3pw_gg_",
-  "__SGroupHint": "___SGroupHint_2e3pw_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownPopper_dho4t_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_dho4t_gg_ .___SDropdownItem_dho4t_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_dho4t_gg_ .___SDropdownItem_dho4t_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_:focus{outline:0}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_.__selected_dho4t_gg_::after,.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_::before{content:\"\";position:absolute;border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);box-sizing:content-box}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__isMenuItemCheckbox_dho4t_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_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_.__selected_dho4t_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_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__selected_dho4t_gg_:not(.___SDropdownItem_dho4t_gg_.__isMenuItemCheckbox_dho4t_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_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__selected_dho4t_gg_:not(.___SDropdownItem_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_):hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__highlighted_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_:not(button),.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__highlighted_dho4t_gg_:not(.___SDropdownItem_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_):not(button){z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__disabled_dho4t_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._size_l_dho4t_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_dho4t_gg_ .___SDropdownItem_dho4t_gg_._size_l_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px)*2 + 16px + 2px)}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._size_l_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_::after,.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._size_l_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_::before{width:20px;height:20px;top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);left:var(--intergalactic-spacing-3x, 12px)}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._size_m_dho4t_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_dho4t_gg_ .___SDropdownItem_dho4t_gg_._size_m_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px)*2 + 16px + 2px)}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._size_m_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_::after,.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._size_m_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_::before{width:16px;height:16px;top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);left:var(--intergalactic-spacing-2x, 8px)}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__notInteractive_dho4t_gg_{cursor:default}@media (hover:hover){.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__notInteractive_dho4t_gg_:hover{background:0 0}}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._variant_hint_dho4t_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._variant_hint_dho4t_gg_:hover{background:0 0}}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._variant_title_dho4t_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._variant_title_dho4t_gg_:hover{background:0 0}}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__visible_dho4t_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__nesting-trigger_dho4t_gg_{justify-content:space-between}.___SDropdownPopper_dho4t_gg_ .___SGroupTitle_dho4t_gg_{font-weight:var(--intergalactic-bold, 700)}.___SDropdownPopper_dho4t_gg_ .___SGroupHint_dho4t_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "dho4t_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownPopper": "___SDropdownPopper_dho4t_gg_",
+  "__SDropdownItem": "___SDropdownItem_dho4t_gg_",
+  "_isMenuItemCheckbox": "__isMenuItemCheckbox_dho4t_gg_",
+  "_selected": "__selected_dho4t_gg_",
+  "_highlighted": "__highlighted_dho4t_gg_",
+  "_disabled": "__disabled_dho4t_gg_",
+  "_size_l": "_size_l_dho4t_gg_",
+  "_size_m": "_size_m_dho4t_gg_",
+  "_notInteractive": "__notInteractive_dho4t_gg_",
+  "_variant_hint": "_variant_hint_dho4t_gg_",
+  "_variant_title": "_variant_title_dho4t_gg_",
+  "_visible": "__visible_dho4t_gg_",
+  "_nesting-trigger": "__nesting-trigger_dho4t_gg_",
+  "__SGroupTitle": "___SGroupTitle_dho4t_gg_",
+  "__SGroupHint": "___SGroupHint_dho4t_gg_"
 });
 import { hasFocusableIn } from 'intergalactic/utils/lib/use/useFocusLock';
 import { DropdownItem } from './DropdownItem';

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
+};