intergalactic 15.126.0-prerelease.11 → 15.126.0-prerelease.12

package/divider/lib/esm/index.mjs

@@ -0,0 +1,4 @@
+import { default as o } from "./Divider.mjs";
+export {
+  o as default
+};

package/divider/package.json

@@ -1 +1 @@
-{"name":"intergalactic/divider","description":"Semrush Divider Component","version":"4.40.0-prerelease.11","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/utils":"4.47.1-prerelease.11","@semcore/flex-box":"5.41.0-prerelease.11"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.11","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/divider"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/divider","description":"Semrush Divider Component","version":"4.40.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/utils":"4.48.0-prerelease.12","@semcore/flex-box":"5.41.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/divider"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/dot/lib/esm/Dot.mjs

@@ -0,0 +1,93 @@
+import S from "@babel/runtime/helpers/esm/objectSpread2";
+import A from "@babel/runtime/helpers/esm/classCallCheck";
+import C from "@babel/runtime/helpers/esm/createClass";
+import P from "@babel/runtime/helpers/esm/assertThisInitialized";
+import w from "@babel/runtime/helpers/esm/inherits";
+import E from "@babel/runtime/helpers/esm/createSuper";
+import o from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as B } from 'intergalactic/utils/lib/core/index';
+import I, { sstyled as x, assignProps as L, Component as N } from 'intergalactic/core';
+import t from "react";
+import $ from 'intergalactic/utils/lib/logger';
+import j from 'intergalactic/utils/lib/uniqueID';
+import { Animation as q } from 'intergalactic/animation';
+import { Box as R } from 'intergalactic/flex-box';
+import T from 'intergalactic/portal';
+import O from 'intergalactic/utils/lib/getOriginChildren';
+import { cssVariableEnhance as V } from 'intergalactic/utils/lib/useCssVariable';
+import { contextThemeEnhance as F } from 'intergalactic/utils/lib/ThemeProvider';
+var G = (
+  /*__reshadow_css_start__*/
+  (B.insert(
+    /*__inner_css_start__*/
+    ".___SDot_ekrop_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_ekrop_gg_._size_xl_ekrop_gg_{height:16px;min-width:16px;padding:3px 4px;border-radius:var(--intergalactic-counter-rounded, 12px)}.___SDot_ekrop_gg_._size_l_ekrop_gg_{height:12px;min-width:12px;border-radius:100%}.___SDot_ekrop_gg_._size_m_ekrop_gg_{height:6px;min-width:6px;border-radius:100%}.___SDot_ekrop_gg_.__up_ekrop_gg_{position:absolute;top:0;right:0;margin-top:-3px;margin-right:-3px}.___SA11yAlert_ekrop_gg_{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}",
+    "ekrop_gg_"
+  ), {
+    __SDot: "___SDot_ekrop_gg_",
+    _size_xl: "_size_xl_ekrop_gg_",
+    _size_l: "_size_l_ekrop_gg_",
+    _size_m: "_size_m_ekrop_gg_",
+    _up: "__up_ekrop_gg_",
+    __SA11yAlert: "___SA11yAlert_ekrop_gg_"
+  })
+), u = (
+  /*__reshadow_css_start__*/
+  (x.insert(
+    /*__inner_css_start__*/
+    "@keyframes enter_1nkd7{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes exit_1nkd7{0%{transform:scale(1)}to{transform:scale(0)}}",
+    "1nkd7_gg_"
+  ), {
+    "@enter": "enter_1nkd7",
+    "@exit": "exit_1nkd7"
+  })
+), n = /* @__PURE__ */ function(p) {
+  w(i, p);
+  var c = E(i);
+  function i() {
+    var _;
+    A(this, i);
+    for (var l = arguments.length, e = new Array(l), a = 0; a < l; a++)
+      e[a] = arguments[a];
+    return _ = c.call.apply(c, [this].concat(e)), o(P(_), "ref", /* @__PURE__ */ t.createRef()), _;
+  }
+  return C(i, [{
+    key: "render",
+    value: function() {
+      var l = this.asProps, e, a = q, y = "div", r = this.asProps, m = r.Children, k = r.styles, d = r.size, s = r.hidden, b = r.duration, v = r.keyframes, z = r.uid, f = r["aria-label"], h = r["aria-labelledby"], D = t.Children.toArray(O(m)).length !== 0;
+      d = D ? "xl" : d;
+      var g = !!(f || h);
+      return $.warn(!g, "'aria-label' or 'aria-labelledby' are required for Dot component", this.asProps["data-ui-name"] || i.displayName), e = x(k), /* @__PURE__ */ t.createElement(a, e.cn("SDot", S({}, L({
+        tag: "span",
+        "use:size": d,
+        visible: !s,
+        duration: b,
+        keyframes: v,
+        id: "igc-".concat(z, "-dot")
+      }, l))), /* @__PURE__ */ t.createElement(m, e.cn("Children", {})), !s && /* @__PURE__ */ t.createElement(T, e.cn("Portal", {}), /* @__PURE__ */ t.createElement(y, e.cn("SA11yAlert", {
+        render: R,
+        role: g && !s ? "alert" : void 0,
+        "aria-live": g && !s ? "polite" : void 0,
+        "aria-label": f,
+        "aria-labelledby": h
+      }), /* @__PURE__ */ t.createElement(m, e.cn("Children", {})))));
+    }
+  }]), i;
+}(N);
+o(n, "displayName", "Dot");
+o(n, "style", G);
+o(n, "defaultProps", {
+  size: "m",
+  keyframes: [u["@enter"], u["@exit"]]
+});
+o(n, "enhance", [j(), V({
+  variable: "--intergalactic-duration-counter",
+  fallback: "200",
+  map: Number.parseInt,
+  prop: "duration"
+}), F(function(p) {
+  return !p.hidden;
+})]);
+const le = I(n);
+export {
+  le as default
+};

package/dot/lib/esm/index.mjs

@@ -0,0 +1,4 @@
+import { default as o } from "./Dot.mjs";
+export {
+  o as default
+};

package/dot/package.json

@@ -1 +1 @@
-{"name":"intergalactic/dot","description":"Semrush Dot Component","version":"5.40.0-prerelease.11","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.41.0-prerelease.11","@semcore/flex-box":"5.41.0-prerelease.11","@semcore/portal":"3.41.0-prerelease.11","@semcore/utils":"4.47.1-prerelease.11"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.11","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.40.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/animation":"2.41.0-prerelease.12","@semcore/flex-box":"5.41.0-prerelease.12","@semcore/portal":"3.41.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/dot"},"devDependencies":{"@semcore/button":"*","@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"}}

package/drag-and-drop/lib/esm/DragAndDrop.mjs

@@ -0,0 +1,490 @@
+import O from "@babel/runtime/helpers/esm/objectSpread2";
+import T from "@babel/runtime/helpers/esm/toConsumableArray";
+import L from "@babel/runtime/helpers/esm/classCallCheck";
+import U from "@babel/runtime/helpers/esm/createClass";
+import p from "@babel/runtime/helpers/esm/assertThisInitialized";
+import q from "@babel/runtime/helpers/esm/inherits";
+import J from "@babel/runtime/helpers/esm/createSuper";
+import u from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as X } from 'intergalactic/utils/lib/core/index';
+import Y, { sstyled as Z, assignProps as z, Component as j } from 'intergalactic/core';
+import I from "react";
+import { Box as R, ScreenReaderOnly as G } from 'intergalactic/flex-box';
+import { localizedMessages as K } from "./translations/__intergalactic-dynamic-locales.mjs";
+import Q from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import V from 'intergalactic/utils/lib/use/useEnhancedEffect';
+import $ from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+import ee from 'intergalactic/utils/lib/uniqueID';
+import te from 'intergalactic/utils/lib/canUseDOM';
+var ne = (
+  /*__reshadow_css_start__*/
+  (X.insert(
+    /*__inner_css_start__*/
+    '.___SDraggable_1eyds_gg_.__draggable_1eyds_gg_{position:relative;cursor:grab;-moz-user-select:none;-webkit-user-select:none;user-select:none}.___SDraggable_1eyds_gg_.__draggable_1eyds_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_1eyds_gg_.__draggable_1eyds_gg_:hover::before{display:block}}.___SDraggable_1eyds_gg_.__draggable_1eyds_gg_.__hideHoverEffect_1eyds_gg_:not(._role_menuitemcheckbox_1eyds_gg_)::before{display:none}.___SDraggable_1eyds_gg_._placement_right_1eyds_gg_::before{right:0}.___SDraggable_1eyds_gg_._placement_bottom_1eyds_gg_::before{bottom:0}.___SDraggable_1eyds_gg_._placement_left_1eyds_gg_::before{left:0}.___SDraggable_1eyds_gg_._placement_top_1eyds_gg_::before{top:0;left:0;width:100%;height:16px}.___SDraggable_1eyds_gg_._placement_bottom_1eyds_gg_::before{left:0;width:100%;height:16px}.___SDraggable_1eyds_gg_._placement_left_1eyds_gg_::before,.___SDraggable_1eyds_gg_._placement_right_1eyds_gg_::before{top:0;width:16px;height:100%}.___SDropZone_1eyds_gg_{position:relative}.___SDraggable_1eyds_gg_.__dropPreview_1eyds_gg_,.___SDropZone_1eyds_gg_.__dropPreview_1eyds_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SDraggable_1eyds_gg_.__dark_1eyds_gg_.__dropPreview_1eyds_gg_,.___SDropZone_1eyds_gg_.__dark_1eyds_gg_.__dropPreview_1eyds_gg_{background-color:var(--intergalactic-bg-primary-invert-active, #484a54)}.___SDraggable_1eyds_gg_:focus{outline:0}.___SDraggable_1eyds_gg_.__keyboardFocused_1eyds_gg_:focus{box-shadow:none}.___SDraggable_1eyds_gg_.__keyboardFocused_1eyds_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_1eyds_gg_.__keyboardDragging_1eyds_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_1eyds_gg_.__keyboardDragging_1eyds_gg_.__hideHoverEffect_1eyds_gg_::before,.___SDraggable_1eyds_gg_.__keyboardDragging_1eyds_gg_::before{display:block}.___SDraggable_1eyds_gg_.__keyboardDragging_1eyds_gg_.__reversedScaling_1eyds_gg_{scale:.95}.___SDraggable_1eyds_gg_.__animatedScaling_1eyds_gg_{transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SA11yHint_1eyds_gg_{position:absolute;margin-top:-1px;height:1px;width:1px;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.___SDraggable_1eyds_gg_{transition:none}}',
+    "1eyds_gg_"
+  ), {
+    __SDraggable: "___SDraggable_1eyds_gg_",
+    _placement_top: "_placement_top_1eyds_gg_",
+    _placement_right: "_placement_right_1eyds_gg_",
+    _placement_left: "_placement_left_1eyds_gg_",
+    _placement_bottom: "_placement_bottom_1eyds_gg_",
+    __SDropZone: "___SDropZone_1eyds_gg_",
+    _dropPreview: "__dropPreview_1eyds_gg_",
+    _dark: "__dark_1eyds_gg_",
+    _keyboardFocused: "__keyboardFocused_1eyds_gg_",
+    _keyboardDragging: "__keyboardDragging_1eyds_gg_",
+    _reversedScaling: "__reversedScaling_1eyds_gg_",
+    _animatedScaling: "__animatedScaling_1eyds_gg_",
+    __SA11yHint: "___SA11yHint_1eyds_gg_",
+    _draggable: "__draggable_1eyds_gg_",
+    _hideHoverEffect: "__hideHoverEffect_1eyds_gg_",
+    _role_menuitemcheckbox: "_role_menuitemcheckbox_1eyds_gg_"
+  })
+), M = function() {
+}, B = /* @__PURE__ */ I.createContext({
+  attach: M,
+  detach: M
+}), C = /* @__PURE__ */ function(A) {
+  q(y, A);
+  var c = J(y);
+  function y() {
+    var e;
+    L(this, y);
+    for (var b = arguments.length, s = new Array(b), h = 0; h < b; h++)
+      s[h] = arguments[h];
+    return e = c.call.apply(c, [this].concat(s)), u(p(e), "state", {
+      items: [],
+      dragging: null,
+      dragOver: null,
+      hideHoverEffect: !1,
+      // https://stackoverflow.com/questions/67118739/hover-effect-reset-when-hovering-over-other-letters
+      a11yHint: null,
+      keyboardDraggingIndex: null,
+      animatedScaling: null,
+      reversedScaling: !1
+    }), u(p(e), "containerRef", /* @__PURE__ */ I.createRef()), u(p(e), "clearA11yHintTimeout", 0), u(p(e), "handleItemDragStart", function(t) {
+      var r = e.state.items, n = r[t];
+      if (n) {
+        var a = n.node.getAttribute("aria-label") || n.node.textContent || "".concat(t + 1), i = n.zoneName, g = i ? r.filter(function(d) {
+          return (d == null ? void 0 : d.zoneName) === i;
+        }) : r, o = g.length, _ = g.findIndex(function(d) {
+          return (d == null ? void 0 : d.node) === n.node || (d == null ? void 0 : d.id) && (d == null ? void 0 : d.id) === n.id;
+        });
+        e.setA11yHint(i ? "grabbedWithZone" : "grabbed", {
+          itemText: a,
+          itemPosition: _ + 1,
+          itemsCount: o,
+          zoneName: i || ""
+        }), e.setState(function(d) {
+          return {
+            dragging: {
+              index: t,
+              initialItemsRects: d.items.map(function(f) {
+                return f == null ? void 0 : f.node.getBoundingClientRect();
+              })
+            }
+          };
+        });
+      }
+    }), u(p(e), "handleItemDragEnd", function(t) {
+      t.preventDefault(), e.setState({
+        dragging: null,
+        dragOver: null,
+        reversedScaling: !1,
+        keyboardDraggingIndex: null
+      });
+    }), u(p(e), "handleItemDragOver", function(t) {
+      t.preventDefault();
+      var r = e.state, n = r.items, a = r.dragging, i = r.dragOver;
+      if (a) {
+        var g = a.initialItemsRects.findIndex(function(l) {
+          return l && t.clientX > l.x && t.clientX < l.x + l.width && t.clientY > l.y && t.clientY < l.y + l.height;
+        }), o = n[g], _ = n[a.index];
+        if (!(!o || !_ || g === i)) {
+          var d = o.isDropZone ? _.node : o.node, f = d.getAttribute("aria-label") || d.textContent || "".concat(g + 1), m = o.zoneName, v = m ? n.filter(function(l) {
+            return (l == null ? void 0 : l.zoneName) === m;
+          }) : n, D = v.length, w = v.findIndex(function(l) {
+            return (l == null ? void 0 : l.node) === o.node || (l == null ? void 0 : l.id) && (l == null ? void 0 : l.id) === o.id;
+          }), S = m ? o.isDropZone ? "grabbingJustWithZone" : "grabbingFullWithZone" : "grabbing";
+          e.setA11yHint(S, {
+            itemText: f,
+            itemPosition: w + 1,
+            itemsCount: D,
+            zoneName: m || ""
+          }), e.setState({
+            dragOver: g
+          }, e.swapElements);
+        }
+      }
+    }), u(p(e), "handleItemDrop", function() {
+      var t = e.asProps.onDnD;
+      if (t) {
+        var r = e.state, n = r.items, a = r.dragging, i = r.dragOver;
+        if (a) {
+          var g = i !== null ? n[i] : n[a.index], o = n[a.index];
+          if (!(!g || !o)) {
+            var _ = g.isDropZone ? o.node : g.node, d = _.getAttribute("aria-label") || _.textContent || "".concat((i ?? a.index) + 1), f = g.zoneName, m = f ? n.filter(function(x) {
+              return (x == null ? void 0 : x.zoneName) === f;
+            }) : n, v = m.length, D = m.findIndex(function(x) {
+              return (x == null ? void 0 : x.node) === g.node || (x == null ? void 0 : x.id) && (x == null ? void 0 : x.id) === g.id;
+            }), w = f ? g.isDropZone ? "droppedJustWithZone" : "droppedFullWithZone" : "dropped";
+            if (e.setA11yHint(w, {
+              itemText: d,
+              itemPosition: D + 1,
+              itemsCount: v,
+              zoneName: f || ""
+            }), e.setState({
+              dragging: null,
+              dragOver: null,
+              keyboardDraggingIndex: null,
+              hideHoverEffect: !0,
+              reversedScaling: !1
+            }), a && n[a.index]) {
+              var S = n[a.index];
+              S && t({
+                fromId: S.id,
+                fromIndex: a.index,
+                toId: g.id,
+                toIndex: i ?? a.index
+              });
+            }
+            if (g.draggingAllowed) {
+              var k, P, F;
+              (k = (P = e.asProps).onSwapDraggable) === null || k === void 0 || k.call(P, (F = n[a.index]) === null || F === void 0 ? void 0 : F.children, g.children);
+            } else {
+              var l, E, H;
+              (l = (E = e.asProps).onInsertDroppable) === null || l === void 0 || l.call(E, (H = n[a.index]) === null || H === void 0 ? void 0 : H.children, g.children);
+            }
+          }
+        }
+      }
+    }), u(p(e), "handleItemDragEnter", function(t) {
+      t.preventDefault();
+    }), u(p(e), "handleItemMouseMove", function() {
+      e.state.hideHoverEffect && e.setState({
+        hideHoverEffect: !1
+      });
+    }), u(p(e), "updateItemScaling", function() {
+      var t, r = (t = e.state.items[0]) === null || t === void 0 ? void 0 : t.node;
+      if (r && !e.state.reversedScaling) {
+        for (var n = r.getBoundingClientRect(), a = !1, i = r.parentElement; i && i !== document.body; ) {
+          var g = getComputedStyle(i), o = i.getBoundingClientRect();
+          if (g.overflow !== "visible") {
+            if (o.left >= n.left || o.right <= n.right || o.top >= n.top || o.bottom <= n.bottom) {
+              a = !0;
+              break;
+            }
+          } else if (o.left < n.left && o.right > n.right && o.top < n.top && o.bottom > n.bottom)
+            break;
+          i = i.parentElement;
+        }
+        e.state.reversedScaling !== a && e.setState({
+          reversedScaling: a
+        });
+      }
+    }), u(p(e), "swapElements", function() {
+      var t, r, n, a = e.state, i = a.items, g = a.dragging, o = a.dragOver, _ = (t = g == null ? void 0 : g.index) !== null && t !== void 0 ? t : null;
+      if (!(_ === null || o === null)) {
+        var d = (r = i[_]) === null || r === void 0 ? void 0 : r.node, f = (n = i[o]) === null || n === void 0 ? void 0 : n.node;
+        if (!(!d || !f)) {
+          if (_ === o) {
+            var m, v, D, w = (m = (v = i[o + 1]) === null || v === void 0 ? void 0 : v.node) !== null && m !== void 0 ? m : null;
+            (D = e.containerRef.current) === null || D === void 0 || D.insertBefore(d, w);
+          } else if (_ > o) {
+            var S;
+            (S = e.containerRef.current) === null || S === void 0 || S.insertBefore(d, f);
+          } else {
+            var l;
+            (l = e.containerRef.current) === null || l === void 0 || l.insertBefore(d, f.nextSibling);
+          }
+          d.focus();
+        }
+      }
+    }), u(p(e), "handleItemKeyDown", function(t, r) {
+      if (t.target === t.currentTarget) {
+        if (e.state.dragging && t.key === "Tab" && (t.preventDefault(), t.stopPropagation()), t.key === " ") {
+          var n;
+          return t.preventDefault(), t.stopPropagation(), e.state.dragging ? (e.handleItemDrop(), e.setState({
+            dragging: null,
+            dragOver: null,
+            keyboardDraggingIndex: null,
+            animatedScaling: r,
+            hideHoverEffect: !0
+          })) : (n = e.state.items[r]) !== null && n !== void 0 && n.draggingAllowed && (e.handleItemDragStart(r), e.setState({
+            keyboardDraggingIndex: r,
+            animatedScaling: r
+          }), e.updateItemScaling()), !1;
+        } else if (t.key === "Escape" && e.state.dragging) {
+          t.preventDefault(), t.stopPropagation(), e.setA11yHint("discarded"), e.setState({
+            dragging: null,
+            dragOver: null,
+            keyboardDraggingIndex: null,
+            hideHoverEffect: !0
+          });
+          for (var a = e.state.items, i = a.length - 1; i >= 0; i--) {
+            var g, o, _, d = (g = a[i]) === null || g === void 0 ? void 0 : g.node, f = (o = (_ = a[i + 1]) === null || _ === void 0 ? void 0 : _.node) !== null && o !== void 0 ? o : null;
+            if (d) {
+              var m;
+              (m = e.containerRef.current) === null || m === void 0 || m.insertBefore(d, f);
+            }
+          }
+          return t.target instanceof HTMLElement && t.target.focus(), !1;
+        } else if (t.key.startsWith("Arrow") && e.state.dragging) {
+          e.state.animatedScaling !== null && e.setState({
+            animatedScaling: null
+          });
+          var v = t.currentTarget;
+          if (!v || v !== document.activeElement) return;
+          t.preventDefault(), t.stopPropagation(), requestAnimationFrame(function() {
+            var D;
+            if (!(!(v instanceof HTMLElement) || v !== document.activeElement)) {
+              var w = [], S = {
+                top: 0,
+                right: 0,
+                bottom: 0,
+                left: 0
+              };
+              (D = e.containerRef.current) === null || D === void 0 || D.childNodes.forEach(function(E, H) {
+                if (E instanceof HTMLElement && E.getAttribute("draggable") !== null) {
+                  var k = E.getBoundingClientRect(), P = {
+                    top: Math.round(k.top),
+                    right: Math.round(k.right),
+                    bottom: Math.round(k.bottom),
+                    left: Math.round(k.left)
+                  };
+                  w.push(P), E === v && (S = P);
+                }
+              });
+              var l = re(w, S, t.key);
+              return l === -1 || v && e.state.dragging !== null && (e.setA11yHint("grabbing", {
+                itemPosition: l + 1,
+                itemsCount: e.state.items.length
+              }), e.setState({
+                dragOver: l
+              }, function() {
+                e.swapElements();
+              })), !1;
+            }
+          });
+        }
+      }
+    }), u(p(e), "handleItemFocus", function() {
+      e.state.dragging && e.updateItemScaling();
+    }), u(p(e), "makeItemDragStartHandler", function(t) {
+      return function() {
+        return e.handleItemDragStart(t);
+      };
+    }), u(p(e), "makeItemKeyDownHandler", function(t) {
+      return function(r) {
+        return e.handleItemKeyDown(r, t);
+      };
+    }), u(p(e), "handlePageKeyDown", function(t) {
+      if (e.asProps.customFocus !== void 0) {
+        var r = e.getCustomFocusItemIndex(e.asProps.customFocus);
+        e.state.items[r] && e.handleItemKeyDown(t, r);
+      }
+    }), u(p(e), "attach", function(t) {
+      var r = t.index, n = t.children, a = t.node, i = t.id, g = t.draggingAllowed, o = t.zoneName, _ = t.isDropZone;
+      e.setState(function(d) {
+        var f, m;
+        if (((f = d.items[r]) === null || f === void 0 ? void 0 : f.children) === n && ((m = d.items[r]) === null || m === void 0 ? void 0 : m.node) === a) return d;
+        var v = d.items;
+        return v[r] = {
+          children: n,
+          node: a,
+          id: i,
+          draggingAllowed: g,
+          zoneName: o,
+          isDropZone: _
+        }, {
+          items: T(v)
+        };
+      });
+    }), u(p(e), "detach", function(t) {
+      e.setState(function(r) {
+        if (!r.items[t]) return r;
+        var n = r.items;
+        return n[t] = void 0, {
+          items: T(n)
+        };
+      });
+    }), u(p(e), "getCustomFocusItemIndex", function(t) {
+      if (t !== void 0) {
+        var r = t;
+        if (typeof r == "string" && (r = e.state.items.findIndex(function(n) {
+          return (n == null ? void 0 : n.id) === t;
+        })), !(r === -1 || typeof r != "number"))
+          return r;
+      }
+    }), u(p(e), "setA11yHint", function(t) {
+      var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+      clearTimeout(e.clearA11yHintTimeout);
+      var n = e.asProps.getI18nText;
+      e.setState({
+        a11yHint: n(t, r)
+      }), (t === "dropped" || t === "discarded") && te() && (e.clearA11yHintTimeout = window.setTimeout(function() {
+        e.setState({
+          a11yHint: null
+        });
+      }, 2e3));
+    }), e;
+  }
+  return U(y, [{
+    key: "getDraggableProps",
+    value: function(b, s) {
+      var h = this.asProps.uid;
+      return {
+        uid: h,
+        index: s,
+        onDragStart: this.makeItemDragStartHandler(s),
+        onDragEnd: this.handleItemDragEnd,
+        onDragOver: this.handleItemDragOver,
+        onDragEnter: this.handleItemDragEnter,
+        onDrop: this.handleItemDrop,
+        onMouseMove: this.handleItemMouseMove,
+        onKeyDown: this.makeItemKeyDownHandler(s),
+        onFocus: this.handleItemFocus,
+        dropPreview: s === this.state.dragOver,
+        keyboardDragging: s === this.state.keyboardDraggingIndex,
+        reversedScaling: this.state.reversedScaling,
+        dark: this.asProps.theme === "dark",
+        hideHoverEffect: this.state.hideHoverEffect,
+        animatedScaling: s === this.state.animatedScaling
+      };
+    }
+  }, {
+    key: "componentDidMount",
+    value: function() {
+      document.addEventListener("keydown", this.handlePageKeyDown, {
+        capture: !0
+      });
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function() {
+      clearTimeout(this.clearA11yHintTimeout), document.removeEventListener("keydown", this.handlePageKeyDown, {
+        capture: !0
+      });
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function(b) {
+      if (b.customFocus !== this.asProps.customFocus) {
+        var s = this.getCustomFocusItemIndex(this.asProps.customFocus);
+        this.state.items[s] && this.handleItemFocus();
+      }
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var b = this.asProps, s, h = this.attach, t = this.detach, r = "div", n = this.state, a = n.a11yHint;
+      n.dragging;
+      var i = {
+        attach: h,
+        detach: t
+      }, g = this.asProps, o = g.getI18nText, _ = g.uid;
+      return s = Z(this.asProps.styles), /* @__PURE__ */ I.createElement(B.Provider, {
+        value: i
+      }, a && /* @__PURE__ */ I.createElement(r, s.cn("SA11yHint", {
+        role: "alert",
+        "aria-live": "assertive"
+      }), a), /* @__PURE__ */ I.createElement(R, z({
+        role: "group",
+        ref: this.containerRef
+      }, b)), /* @__PURE__ */ I.createElement(G, s.cn("ScreenReaderOnly", {
+        id: "describe-draggable-".concat(_),
+        "aria-hidden": "true"
+      }), o("describe", {
+        control: "Space"
+      })));
+    }
+  }]), y;
+}(j);
+u(C, "displayName", "DragAndDrop");
+u(C, "enhance", [Q(K), ee()]);
+u(C, "defaultProps", {
+  theme: "default",
+  i18n: K,
+  locale: "en"
+});
+u(C, "style", ne);
+var W = function(c) {
+  var y = arguments[0], e, b = R, s = I.useRef(), h = I.useContext(B), t = h.attach, r = h.detach, n = c.styles, a = c.placement, i = a === void 0 ? "right" : a, g = c.noDrag, o = g === void 0 ? !1 : g, _ = c.index, d = c.children, f = c.Children, m = c.id, v = c.zoneName, D = c.isDropZone, w = D === void 0 ? !1 : D, S = c.uid, l = c.isCustomFocus, E = l === void 0 ? !1 : l, H = c.keyboardFocused, k = I.useMemo(function() {
+    return typeof d == "function" ? d(c) : d;
+  }, [d, c]);
+  return V(function() {
+    return t({
+      index: _,
+      children: k,
+      node: s.current,
+      id: m,
+      draggingAllowed: !o,
+      zoneName: v,
+      isDropZone: w
+    }), function() {
+      return r(_);
+    };
+  }, [_, k, t, r, m]), e = Z(n), /* @__PURE__ */ I.createElement(b, e.cn("SDraggable", O({}, z({
+    ref: s,
+    draggable: !o,
+    placement: i,
+    role: "group",
+    "aria-describedby": "describe-draggable-".concat(S),
+    "use:keyboardFocused": E ? !1 : H
+  }, y))), /* @__PURE__ */ I.createElement(f, e.cn("Children", {})));
+};
+W.enhance = [$()];
+var re = function(c, y, e) {
+  for (var b = null, s = 1 / 0, h = 0; h < c.length; h++) {
+    var t = c[h];
+    if (t && t !== y) {
+      var r = y.top <= t.bottom && y.bottom >= t.top, n = y.left <= t.right && y.right >= t.left;
+      if (!(!r && !n))
+        switch (e) {
+          case "ArrowRight": {
+            if (!r) continue;
+            var a = t.left - y.right;
+            if (a < 0 || a >= s) continue;
+            b = t, s = a;
+            break;
+          }
+          case "ArrowLeft": {
+            if (!r) continue;
+            var i = y.left - t.right;
+            if (i < 0 || i >= s) continue;
+            b = t, s = i;
+            break;
+          }
+          case "ArrowUp": {
+            if (!n) continue;
+            var g = y.top - t.bottom;
+            if (g < 0 || g >= s) continue;
+            b = t, s = g;
+            break;
+          }
+          case "ArrowDown": {
+            if (!n) continue;
+            var o = t.top - y.bottom;
+            if (o < 0 || o >= s) continue;
+            b = t, s = o;
+            break;
+          }
+        }
+    }
+  }
+  return c.indexOf(b);
+}, N = function(c) {
+  var y = arguments[0], e, b = ae.Draggable, s = c.styles;
+  return e = Z(s), /* @__PURE__ */ I.createElement(b, e.cn("SDropZone", O({}, z({
+    noDrag: !0,
+    isDropZone: !0,
+    "aria-describedby": null
+  }, y))));
+}, ae = Y(C, {
+  Draggable: W,
+  DropZone: N,
+  Dropable: N
+});
+export {
+  ae as default
+};

package/drag-and-drop/lib/esm/index.mjs

@@ -0,0 +1,4 @@
+import { default as o } from "./DragAndDrop.mjs";
+export {
+  o as default
+};

package/drag-and-drop/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
+};