@eightshift/ui-components 5.1.3 → 5.2.0

package/dist/components/draggable/draggable.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useEffect, useRef, useLayoutEffect, useMemo, useState, useCallback, startTransition, createContext, memo, forwardRef, useImperativeHandle, useContext, useId } from "react";
-import { _ as __ } from "../../default-i18n-OFa3zAyB.js";
+import { _ as __ } from "../../default-i18n-DY6EfUSA.js";
 import { DraggableContext } from "./draggable-context.js";
-import { r as reactDomExports } from "../../index-CFozsmNS.js";
+import { r as reactDomExports } from "../../index-CBHA_HDD.js";
 var i = Symbol.for("preact-signals");
 function t() {
   if (!(s > 1)) {
@@ -75,35 +75,49 @@ function e(i2) {
     }
   }
 }
-function u(i2) {
+function u(i2, t2) {
   this.v = i2;
   this.i = 0;
   this.n = void 0;
   this.t = void 0;
+  this.W = null == t2 ? void 0 : t2.watched;
+  this.Z = null == t2 ? void 0 : t2.unwatched;
 }
 u.prototype.brand = i;
 u.prototype.h = function() {
   return true;
 };
 u.prototype.S = function(i2) {
-  if (this.t !== i2 && void 0 === i2.e) {
-    i2.x = this.t;
-    if (void 0 !== this.t) this.t.e = i2;
+  var t2 = this, r2 = this.t;
+  if (r2 !== i2 && void 0 === i2.e) {
+    i2.x = r2;
     this.t = i2;
+    if (void 0 !== r2) r2.e = i2;
+    else n(function() {
+      var i3;
+      null == (i3 = t2.W) || i3.call(t2);
+    });
   }
 };
 u.prototype.U = function(i2) {
+  var t2 = this;
   if (void 0 !== this.t) {
-    var t2 = i2.e, r2 = i2.x;
-    if (void 0 !== t2) {
-      t2.x = r2;
+    var r2 = i2.e, o2 = i2.x;
+    if (void 0 !== r2) {
+      r2.x = o2;
       i2.e = void 0;
     }
-    if (void 0 !== r2) {
-      r2.e = t2;
+    if (void 0 !== o2) {
+      o2.e = r2;
       i2.x = void 0;
     }
-    if (i2 === this.t) this.t = r2;
+    if (i2 === this.t) {
+      this.t = o2;
+      if (void 0 === o2) n(function() {
+        var i3;
+        null == (i3 = t2.Z) || i3.call(t2);
+      });
+    }
   }
 };
 u.prototype.subscribe = function(i2) {
@@ -154,8 +168,8 @@ Object.defineProperty(u.prototype, "value", { get: function() {
     }
   }
 } });
-function d(i2) {
-  return new u(i2);
+function d(i2, t2) {
+  return new u(i2, t2);
 }
 function c(i2) {
   for (var t2 = i2.s; void 0 !== t2; t2 = t2.n) if (t2.S.i !== t2.i || !t2.S.h() || t2.S.i !== t2.i) return true;
@@ -188,14 +202,17 @@ function l(i2) {
   }
   i2.s = r2;
 }
-function y(i2) {
+function y(i2, t2) {
   u.call(this, void 0);
   this.x = i2;
   this.s = void 0;
   this.g = v - 1;
   this.f = 4;
+  this.W = null == t2 ? void 0 : t2.watched;
+  this.Z = null == t2 ? void 0 : t2.unwatched;
 }
-(y.prototype = new u()).h = function() {
+y.prototype = new u();
+y.prototype.h = function() {
   this.f &= -3;
   if (1 & this.f) return false;
   if (32 == (36 & this.f)) return true;
@@ -257,8 +274,8 @@ Object.defineProperty(y.prototype, "value", { get: function() {
   if (16 & this.f) throw this.v;
   return this.v;
 } });
-function w(i2) {
-  return new y(i2);
+function w(i2, t2) {
+  return new y(i2, t2);
 }
 function _(i2) {
   var r2 = i2.u;
@@ -272,7 +289,7 @@ function _(i2) {
     } catch (t2) {
       i2.f &= -2;
       i2.f |= 8;
-      g(i2);
+      b(i2);
       throw t2;
     } finally {
       o = n2;
@@ -280,28 +297,28 @@ function _(i2) {
     }
   }
 }
-function g(i2) {
+function b(i2) {
   for (var t2 = i2.s; void 0 !== t2; t2 = t2.n) t2.S.U(t2);
   i2.x = void 0;
   i2.s = void 0;
   _(i2);
 }
-function p(i2) {
+function g(i2) {
   if (o !== this) throw new Error("Out-of-order effect");
   l(this);
   o = i2;
   this.f &= -2;
-  if (8 & this.f) g(this);
+  if (8 & this.f) b(this);
   t();
 }
-function b(i2) {
+function p(i2) {
   this.x = i2;
   this.u = void 0;
   this.s = void 0;
   this.o = void 0;
   this.f = 32;
 }
-b.prototype.c = function() {
+p.prototype.c = function() {
   var i2 = this.S();
   try {
     if (8 & this.f) return;
@@ -312,7 +329,7 @@ b.prototype.c = function() {
     i2();
   }
 };
-b.prototype.S = function() {
+p.prototype.S = function() {
   if (1 & this.f) throw new Error("Cycle detected");
   this.f |= 1;
   this.f &= -9;
@@ -321,28 +338,33 @@ b.prototype.S = function() {
   s++;
   var i2 = o;
   o = this;
-  return p.bind(this, i2);
+  return g.bind(this, i2);
 };
-b.prototype.N = function() {
+p.prototype.N = function() {
   if (!(2 & this.f)) {
     this.f |= 2;
     this.o = h;
     h = this;
   }
 };
-b.prototype.d = function() {
+p.prototype.d = function() {
   this.f |= 8;
-  if (!(1 & this.f)) g(this);
+  if (!(1 & this.f)) b(this);
+};
+p.prototype.dispose = function() {
+  this.d();
 };
 function E(i2) {
-  var t2 = new b(i2);
+  var t2 = new p(i2);
   try {
     t2.c();
   } catch (i3) {
     t2.d();
     throw i3;
   }
-  return t2.d.bind(t2);
+  var r2 = t2.d.bind(t2);
+  r2[Symbol.dispose] = r2;
+  return r2;
 }
 var __create$5 = Object.create;
 var __defProp$7 = Object.defineProperty;
@@ -458,7 +480,10 @@ function deepEqual(a2, b2) {
     const aKeys = Object.keys(a2);
     const bKeys = Object.keys(b2);
     if (aKeys.length !== bKeys.length) return false;
-    return aKeys.some((key) => deepEqual(a2[key], b2[key]));
+    const hasDifferentValues = aKeys.some(
+      (key) => !deepEqual(a2[key], b2[key])
+    );
+    return !hasDifferentValues;
   }
   return false;
 }
@@ -4132,7 +4157,6 @@ render_fn = function() {
     x: elementFrameTransform.scaleX / frameTransform.scaleX,
     y: elementFrameTransform.scaleY / frameTransform.scaleY
   };
-  let cleanup;
   let { width, height, top, left } = shape;
   if (crossFrame) {
     width = width / scaleDelta.x;
@@ -4357,48 +4381,6 @@ render_fn = function() {
       subtree: true
     });
   }
-  const cleanupEffect = E(() => {
-    var _a5;
-    const { transform: transform2, status: status2 } = dragOperation;
-    if (!transform2.x && !transform2.y && !state.current.translate) {
-      return;
-    }
-    if (status2.dragging) {
-      const initialTranslate2 = (_a5 = initial.translate) != null ? _a5 : { x: 0, y: 0 };
-      const translate2 = {
-        x: transform2.x / frameTransform.scaleX + initialTranslate2.x,
-        y: transform2.y / frameTransform.scaleY + initialTranslate2.y
-      };
-      const previousTranslate = state.current.translate;
-      const modifiers = n(() => dragOperation.modifiers);
-      const currentShape = n(() => {
-        var _a6;
-        return (_a6 = dragOperation.shape) == null ? void 0 : _a6.current;
-      });
-      const translateTransition = isKeyboardOperation ? "250ms cubic-bezier(0.25, 1, 0.5, 1)" : "0ms linear";
-      styles.set(
-        {
-          transition: `${transition}, translate ${translateTransition}`,
-          translate: `${translate2.x}px ${translate2.y}px 0`
-        },
-        CSS_PREFIX
-      );
-      elementMutationObserver == null ? void 0 : elementMutationObserver.takeRecords();
-      if (currentShape && currentShape !== initialShape && previousTranslate && !modifiers.length) {
-        const delta2 = Point$1.delta(translate2, previousTranslate);
-        dragOperation.shape = Rectangle.from(
-          currentShape.boundingRectangle
-        ).translate(
-          // Need to take into account frame transform when optimistically updating shape
-          delta2.x * frameTransform.scaleX,
-          delta2.y * frameTransform.scaleY
-        );
-      } else {
-        dragOperation.shape = new DOMRectangle(feedbackElement);
-      }
-      state.current.translate = translate2;
-    }
-  });
   const id = (_c3 = manager.dragOperation.source) == null ? void 0 : _c3.id;
   const restoreFocus = () => {
     var _a5;
@@ -4411,8 +4393,7 @@ render_fn = function() {
       element2.focus();
     }
   };
-  let dropEffectCleanup;
-  cleanup = () => {
+  const cleanup = () => {
     elementMutationObserver == null ? void 0 : elementMutationObserver.disconnect();
     documentMutationObserver == null ? void 0 : documentMutationObserver.disconnect();
     resizeObserver.disconnect();
@@ -4432,95 +4413,140 @@ render_fn = function() {
       placeholder.replaceWith(feedbackElement);
     }
     placeholder == null ? void 0 : placeholder.remove();
-    cleanupEffect();
-    dropEffectCleanup == null ? void 0 : dropEffectCleanup();
   };
-  dropEffectCleanup = E(() => {
-    if (dragOperation.status.dropped) {
-      queueMicrotask(() => dropEffectCleanup == null ? void 0 : dropEffectCleanup());
-      const onComplete = cleanup;
-      cleanup = void 0;
-      source.status = "dropping";
-      let translate2 = state.current.translate;
-      const moved = translate2 != null;
-      if (!translate2 && element !== feedbackElement) {
-        translate2 = {
-          x: 0,
-          y: 0
-        };
-      }
-      if (!translate2) {
-        onComplete == null ? void 0 : onComplete();
+  const cleanupEffects = effects(
+    // Update transform on move
+    () => {
+      var _a5;
+      const { transform: transform2, status: status2 } = dragOperation;
+      if (!transform2.x && !transform2.y && !state.current.translate) {
         return;
       }
-      const dropAnimation = () => {
-        var _a5, _b3;
-        {
-          showPopover(feedbackElement);
-          const [, animation] = (_a5 = getFinalKeyframe(
-            feedbackElement,
-            (keyframe) => "translate" in keyframe
-          )) != null ? _a5 : [];
-          animation == null ? void 0 : animation.pause();
-          const target = placeholder != null ? placeholder : element;
-          const options22 = {
-            frameTransform: isSameFrame(feedbackElement, target) ? null : void 0
-          };
-          const current = new DOMRectangle(feedbackElement, options22);
-          const currentTranslate = (_b3 = parseTranslate(getComputedStyles(feedbackElement).translate)) != null ? _b3 : translate2;
-          const final = new DOMRectangle(target, options22);
-          const delta2 = Rectangle.delta(current, final, source.alignment);
-          const finalTranslate = {
-            x: currentTranslate.x - delta2.x,
-            y: currentTranslate.y - delta2.y
+      if (status2.dragging) {
+        const initialTranslate2 = (_a5 = initial.translate) != null ? _a5 : { x: 0, y: 0 };
+        const translate2 = {
+          x: transform2.x / frameTransform.scaleX + initialTranslate2.x,
+          y: transform2.y / frameTransform.scaleY + initialTranslate2.y
+        };
+        const previousTranslate = state.current.translate;
+        const modifiers = n(() => dragOperation.modifiers);
+        const currentShape = n(() => {
+          var _a6;
+          return (_a6 = dragOperation.shape) == null ? void 0 : _a6.current;
+        });
+        const translateTransition = isKeyboardOperation ? "250ms cubic-bezier(0.25, 1, 0.5, 1)" : "0ms linear";
+        styles.set(
+          {
+            transition: `${transition}, translate ${translateTransition}`,
+            translate: `${translate2.x}px ${translate2.y}px 0`
+          },
+          CSS_PREFIX
+        );
+        elementMutationObserver == null ? void 0 : elementMutationObserver.takeRecords();
+        if (currentShape && currentShape !== initialShape && previousTranslate && !modifiers.length) {
+          const delta2 = Point$1.delta(translate2, previousTranslate);
+          dragOperation.shape = Rectangle.from(
+            currentShape.boundingRectangle
+          ).translate(
+            // Need to take into account frame transform when optimistically updating shape
+            delta2.x * frameTransform.scaleX,
+            delta2.y * frameTransform.scaleY
+          );
+        } else {
+          dragOperation.shape = new DOMRectangle(feedbackElement);
+        }
+        state.current.translate = translate2;
+      }
+    },
+    // Drop animation
+    function() {
+      if (dragOperation.status.dropped) {
+        this.dispose();
+        source.status = "dropping";
+        let translate2 = state.current.translate;
+        const moved = translate2 != null;
+        if (!translate2 && element !== feedbackElement) {
+          translate2 = {
+            x: 0,
+            y: 0
           };
-          const heightKeyframes = Math.round(current.intrinsicHeight) !== Math.round(final.intrinsicHeight) ? {
-            minHeight: [
-              `${current.intrinsicHeight}px`,
-              `${final.intrinsicHeight}px`
-            ],
-            maxHeight: [
-              `${current.intrinsicHeight}px`,
-              `${final.intrinsicHeight}px`
-            ]
-          } : {};
-          const widthKeyframes = Math.round(current.intrinsicWidth) !== Math.round(final.intrinsicWidth) ? {
-            minWidth: [
-              `${current.intrinsicWidth}px`,
-              `${final.intrinsicWidth}px`
-            ],
-            maxWidth: [
-              `${current.intrinsicWidth}px`,
-              `${final.intrinsicWidth}px`
-            ]
-          } : {};
-          styles.set({ transition }, CSS_PREFIX);
-          feedbackElement.setAttribute(DROPPING_ATTRIBUTE, "");
-          elementMutationObserver == null ? void 0 : elementMutationObserver.takeRecords();
-          animateTransform({
-            element: feedbackElement,
-            keyframes: __spreadProps$4(__spreadValues$4(__spreadValues$4({}, heightKeyframes), widthKeyframes), {
-              translate: [
-                `${currentTranslate.x}px ${currentTranslate.y}px 0`,
-                `${finalTranslate.x}px ${finalTranslate.y}px 0`
-              ]
-            }),
-            options: {
-              duration: moved || feedbackElement !== element ? 250 : 0,
-              easing: "ease"
-            }
-          }).then(() => {
-            feedbackElement.removeAttribute(DROPPING_ATTRIBUTE);
-            animation == null ? void 0 : animation.finish();
-            onComplete == null ? void 0 : onComplete();
-            requestAnimationFrame(restoreFocus);
-          });
         }
-      };
-      manager.renderer.rendering.then(dropAnimation);
+        if (!translate2) {
+          cleanup();
+          return;
+        }
+        const dropAnimation = () => {
+          var _a5, _b3;
+          {
+            showPopover(feedbackElement);
+            const [, animation] = (_a5 = getFinalKeyframe(
+              feedbackElement,
+              (keyframe) => "translate" in keyframe
+            )) != null ? _a5 : [];
+            animation == null ? void 0 : animation.pause();
+            const target = placeholder != null ? placeholder : element;
+            const options22 = {
+              frameTransform: isSameFrame(feedbackElement, target) ? null : void 0
+            };
+            const current = new DOMRectangle(feedbackElement, options22);
+            const currentTranslate = (_b3 = parseTranslate(getComputedStyles(feedbackElement).translate)) != null ? _b3 : translate2;
+            const final = new DOMRectangle(target, options22);
+            const delta2 = Rectangle.delta(current, final, source.alignment);
+            const finalTranslate = {
+              x: currentTranslate.x - delta2.x,
+              y: currentTranslate.y - delta2.y
+            };
+            const heightKeyframes = Math.round(current.intrinsicHeight) !== Math.round(final.intrinsicHeight) ? {
+              minHeight: [
+                `${current.intrinsicHeight}px`,
+                `${final.intrinsicHeight}px`
+              ],
+              maxHeight: [
+                `${current.intrinsicHeight}px`,
+                `${final.intrinsicHeight}px`
+              ]
+            } : {};
+            const widthKeyframes = Math.round(current.intrinsicWidth) !== Math.round(final.intrinsicWidth) ? {
+              minWidth: [
+                `${current.intrinsicWidth}px`,
+                `${final.intrinsicWidth}px`
+              ],
+              maxWidth: [
+                `${current.intrinsicWidth}px`,
+                `${final.intrinsicWidth}px`
+              ]
+            } : {};
+            styles.set({ transition }, CSS_PREFIX);
+            feedbackElement.setAttribute(DROPPING_ATTRIBUTE, "");
+            elementMutationObserver == null ? void 0 : elementMutationObserver.takeRecords();
+            animateTransform({
+              element: feedbackElement,
+              keyframes: __spreadProps$4(__spreadValues$4(__spreadValues$4({}, heightKeyframes), widthKeyframes), {
+                translate: [
+                  `${currentTranslate.x}px ${currentTranslate.y}px 0`,
+                  `${finalTranslate.x}px ${finalTranslate.y}px 0`
+                ]
+              }),
+              options: {
+                duration: moved || feedbackElement !== element ? 250 : 0,
+                easing: "ease"
+              }
+            }).then(() => {
+              feedbackElement.removeAttribute(DROPPING_ATTRIBUTE);
+              animation == null ? void 0 : animation.finish();
+              cleanup();
+              requestAnimationFrame(restoreFocus);
+            });
+          }
+        };
+        manager.renderer.rendering.then(dropAnimation);
+      }
     }
-  });
-  return () => cleanup == null ? void 0 : cleanup();
+  );
+  return () => {
+    cleanup();
+    cleanupEffects();
+  };
 };
 injectStyles_fn = function() {
   var _a4, _b2;
@@ -5986,7 +6012,6 @@ var OptimisticSortingPlugin = class extends Plugin {
           );
           if (!initialGroupInstances) return;
           manager2.renderer.rendering.then(() => {
-            var _a4;
             for (const [group, sortableInstances] of instances.entries()) {
               const entries = Array.from(sortableInstances).entries();
               for (const [index, sortable] of entries) {
@@ -5997,16 +6022,12 @@ var OptimisticSortingPlugin = class extends Plugin {
             }
             const initialGroup = sort(initialGroupInstances);
             const sourceElement = source.sortable.element;
-            const targetElement = (_a4 = initialGroup[source.sortable.initialIndex]) == null ? void 0 : _a4.element;
-            if (!targetElement || !sourceElement) {
+            const target = initialGroup[source.sortable.initialIndex];
+            const targetElement = target == null ? void 0 : target.element;
+            if (!target || !targetElement || !sourceElement) {
               return;
             }
-            reorder(
-              sourceElement,
-              source.sortable.initialIndex,
-              targetElement,
-              source.sortable.initialIndex
-            );
+            reorder(sourceElement, target.index, targetElement, source.index);
             r(() => {
               for (const [_2, sortableInstances] of instances.entries()) {
                 const entries = Array.from(sortableInstances).values();
@@ -6104,7 +6125,7 @@ var Sortable2 = class {
             if ((status == null ? void 0 : status.initializing) && this.id === ((_c3 = (_b22 = this.manager) == null ? void 0 : _b22.dragOperation.source) == null ? void 0 : _c3.id)) {
               store.clear(this.manager);
             }
-            if (status == null ? void 0 : status.initialized) {
+            if (status == null ? void 0 : status.dragging) {
               store.set(
                 this.manager,
                 this.id,

package/dist/components/draggable-list/draggable-list-item.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import "../../default-i18n-OFa3zAyB.js";
+import "../../default-i18n-DY6EfUSA.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { icons } from "../../icons/icons.js";
 import { cloneElement } from "react";

package/dist/components/draggable-list/draggable-list.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { useId } from "react";
-import { _ as __ } from "../../default-i18n-OFa3zAyB.js";
+import { _ as __ } from "../../default-i18n-DY6EfUSA.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { L as List, a as arrayRemove, b as arrayMove } from "../../List-BLeHBkfx.js";
+import { L as List, a as arrayRemove, b as arrayMove } from "../../List-CwJTORxj.js";
 const fixIds = (items, itemIdBase) => {
   return items?.map((item, i) => ({
     ...item,

package/dist/components/expandable/expandable.js

@@ -5,15 +5,15 @@ import { AnimatedVisibility } from "../animated-visibility/animated-visibility.j
 import { Button } from "../button/button.js";
 import { icons } from "../../icons/icons.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { _ as __ } from "../../default-i18n-OFa3zAyB.js";
-import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "../../Button-DH22t_SM.js";
-import { e as $bdb11010cef70236$export$f680877a34711e37, n as $b5e257d569688ac6$export$535bd6ca7f90a273, k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, o as $64fa3d84918910a7$export$c62b8e45d58ddad9, d as $3ef42575df84b30b$export$9d1611c77c2fe928, m as $5dc95899b306f630$export$c9058316764c140e } from "../../utils-CZt7LCbO.js";
-import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
-import { b as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../useHover-C2SkI1Fn.js";
-import { r as reactDomExports } from "../../index-CFozsmNS.js";
-import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "../../useEvent-ICdlokG-.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-Bv0UJQl8.js";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-JS_ob-kh.js";
+import { _ as __ } from "../../default-i18n-DY6EfUSA.js";
+import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "../../Button-RTwMSBs-.js";
+import { d as $bdb11010cef70236$export$f680877a34711e37, n as $b5e257d569688ac6$export$535bd6ca7f90a273, k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, a as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, o as $64fa3d84918910a7$export$c62b8e45d58ddad9, b as $3ef42575df84b30b$export$9d1611c77c2fe928, m as $5dc95899b306f630$export$c9058316764c140e } from "../../utils-cvK1vxO7.js";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-D2C6R0DK.js";
+import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../useHover-44IApaa2.js";
+import { r as reactDomExports } from "../../index-CBHA_HDD.js";
+import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "../../useEvent-BifIGnVS.js";
+import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-D5BfOWag.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DWVaNd2E.js";
 function $5e910fae8e128ead$export$6e3e27031a30522f(props, state, ref) {
   let { isDisabled } = props;
   let triggerId = $bdb11010cef70236$export$f680877a34711e37();
@@ -140,7 +140,9 @@ const $28f4fd908f0de97f$export$74a362b31437ec83 = /* @__PURE__ */ forwardRef(fun
       state
     }
   });
-  let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps);
+  let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps, {
+    global: true
+  });
   return /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
     values: [
       [
@@ -165,13 +167,11 @@ const $28f4fd908f0de97f$export$74a362b31437ec83 = /* @__PURE__ */ forwardRef(fun
       ]
     ]
   }, /* @__PURE__ */ React__default.createElement("div", {
+    ...$3ef42575df84b30b$export$9d1611c77c2fe928(domProps, renderProps, focusWithinProps),
     ref,
     "data-expanded": state.isExpanded || void 0,
     "data-disabled": isDisabled || void 0,
-    "data-focus-visible-within": isFocusVisibleWithin || void 0,
-    ...domProps,
-    ...focusWithinProps,
-    ...renderProps
+    "data-focus-visible-within": isFocusVisibleWithin || void 0
   }, renderProps.children));
 });
 const $28f4fd908f0de97f$export$feabaa331e1d464c = /* @__PURE__ */ forwardRef(function DisclosurePanel(props, ref) {
@@ -187,12 +187,12 @@ const $28f4fd908f0de97f$export$feabaa331e1d464c = /* @__PURE__ */ forwardRef(fun
       isFocusVisibleWithin
     }
   });
-  let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props);
+  let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+    global: true
+  });
   return /* @__PURE__ */ React__default.createElement("div", {
-    ...DOMProps,
+    ...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, renderProps, panelProps, focusWithinProps),
     ref: $5dc95899b306f630$export$c9058316764c140e(ref, panelRef),
-    ...$3ef42575df84b30b$export$9d1611c77c2fe928(panelProps, focusWithinProps),
-    ...renderProps,
     role,
     "data-focus-visible-within": isFocusVisibleWithin || void 0
   }, /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {

package/dist/components/index.js

@@ -36,10 +36,12 @@ import { RepeaterItem } from "./repeater/repeater-item.js";
 import { Responsive } from "./responsive/responsive.js";
 import { ResponsiveLegacy } from "./responsive/responsive-legacy.js";
 import { ResponsivePreview } from "./responsive-preview/responsive-preview.js";
+import { __AsyncMultiSelectNext } from "./select/v2/async-multi-select.js";
 import { AsyncMultiSelect } from "./select/async-multi-select.js";
 import { AsyncSelect } from "./select/async-single-select.js";
 import { AsyncSelectNext } from "./select/v2/async-select.js";
 import { SelectNext } from "./select/v2/single-select.js";
+import { __MultiSelectNext } from "./select/v2/multi-select.js";
 import { Modal } from "./modal/modal.js";
 import { MultiSelect } from "./select/multi-select.js";
 import { RSClearIndicator, RSDropdownIndicator, RSMultiValue, RSMultiValueContainer, RSMultiValueLabel, RSMultiValueRemove, RSOption, RSSingleValue } from "./select/react-select-component-wrappers.js";
@@ -135,5 +137,7 @@ export {
   ToggleButton,
   Tooltip,
   TriggeredPopover,
-  VStack
+  VStack,
+  __AsyncMultiSelectNext,
+  __MultiSelectNext
 };

package/dist/components/input-field/input-field.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-DfSBLhDx.js";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-JS_ob-kh.js";
-import { $ as $bcdf0525bf22703d$export$2c73285ae9390cec, a as $216918bed6669f72$export$f5c9f3c2c4054eec } from "../../TextField-o2U-uBWv.js";
+import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Group-C4cXobNT.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DWVaNd2E.js";
+import { $ as $bcdf0525bf22703d$export$2c73285ae9390cec, a as $216918bed6669f72$export$f5c9f3c2c4054eec } from "../../TextField-x_eEa_qR.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 /**

package/dist/components/item-collection/item-collection.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Fragment } from "react";
-import { _ as __ } from "../../default-i18n-OFa3zAyB.js";
+import { _ as __ } from "../../default-i18n-DY6EfUSA.js";
 /**
  * A simple component to manage a collection of items.
  *