@eightshift/ui-components 1.4.7 → 1.5.1

package/dist/components/repeater/repeater.js

@@ -4985,7 +4985,7 @@ function move(items, source, target) {
 const SortableItem = ({ id, index, disabled, children }) => {
   const [element, setElement] = useState(null);
   const handleRef = useRef(null);
-  const { isDragSource } = useSortable({
+  const { isDragSource, status } = useSortable({
     id,
     index,
     element,
@@ -4996,7 +4996,7 @@ const SortableItem = ({ id, index, disabled, children }) => {
     handle: handleRef,
     disabled
   });
-  return /* @__PURE__ */ jsx("div", { ref: setElement, children: children(handleRef, isDragSource) });
+  return /* @__PURE__ */ jsx("div", { ref: setElement, children: children(handleRef, isDragSource, status) });
 };
 /**
  * A component that allows re-ordering a list of items with additional sub-options.
@@ -5082,6 +5082,7 @@ const Repeater = (props) => {
   const [items, setItems] = useState(fixIds(rawItems));
   const [canDelete, setCanDelete] = useState(false);
   const [isPanelOpen, setIsPanelOpen] = useState({});
+  const [isDragging, setIsDragging] = useState(false);
   const isAnyPanelOpen = ((_a3 = Object.keys(isPanelOpen)) == null ? void 0 : _a3.length) < 1 ? false : Object.entries(isPanelOpen).some(([_2, v2]) => v2 === true);
   if (canDelete && items.length < (minItems ?? 1)) {
     setCanDelete(false);
@@ -5150,6 +5151,7 @@ const Repeater = (props) => {
                 event.preventDefault();
                 return;
               }
+              setIsDragging(true);
             },
             onDragOver: (event) => {
               if (isAnyPanelOpen) {
@@ -5174,6 +5176,7 @@ const Repeater = (props) => {
               if (event.canceled) {
                 return;
               }
+              setIsDragging(false);
               setItems((items2) => move(items2, source, target));
               onChange(items);
             },
@@ -5184,58 +5187,59 @@ const Repeater = (props) => {
                 index,
                 item,
                 disabled: canDelete || isAnyPanelOpen,
-                children: (handleRef, isDragSource) => /* @__PURE__ */ jsx(
-                  RepeaterContext.Provider,
-                  {
-                    value: {
-                      ...item,
-                      index,
-                      canDelete,
-                      deleteItem: () => {
-                        setItems([...items].filter((i2) => i2.id !== item.id));
-                        onChange([...items].filter((i2) => i2.id !== item.id));
-                        if (onAfterItemRemove) {
-                          onAfterItemRemove(item);
-                        }
-                      },
-                      handleOpenChange: (isOpen) => setIsPanelOpen((data) => ({ ...data, [item.id]: isOpen })),
-                      isDragSource
-                    },
-                    children: /* @__PURE__ */ jsxs("div", { className: "es-uic-relative", children: [
-                      /* @__PURE__ */ jsx(
-                        Button,
-                        {
-                          size: "small",
-                          className: clsx(
-                            "es-uic-absolute es-uic-bottom-0 es-uic-left-0 es-uic-top-0 es-uic-my-auto es-uic-h-6 es-uic-w-4 -es-uic-translate-x-full !es-uic-text-gray-500 es-uic-opacity-50 focus:es-uic-opacity-100",
-                            (isAnyPanelOpen || canDelete) && "es-uic-pointer-events-none es-uic-invisible !es-uic-cursor-default"
-                          ),
-                          type: "ghost",
-                          icon: icons.reorderGrabberV,
-                          tooltip: !isDragSource && __("Re-order", "eightshift-ui-components"),
-                          forwardedRef: handleRef
-                        }
-                      ),
-                      children({
+                children: (handleRef, isDragSource, status) => {
+                  return /* @__PURE__ */ jsx(
+                    RepeaterContext.Provider,
+                    {
+                      value: {
                         ...item,
-                        updateData: (newValue) => {
-                          const updated = [...items].map((i2) => i2.id === item.id ? { ...i2, ...newValue } : i2);
-                          onChange(updated);
-                          setItems(updated);
-                        },
-                        itemIndex: index,
+                        index,
+                        canDelete,
                         deleteItem: () => {
                           setItems([...items].filter((i2) => i2.id !== item.id));
                           onChange([...items].filter((i2) => i2.id !== item.id));
                           if (onAfterItemRemove) {
                             onAfterItemRemove(item);
                           }
-                        }
-                      })
-                    ] })
-                  },
-                  item.id
-                )
+                        },
+                        handleOpenChange: (isOpen) => setIsPanelOpen((data) => ({ ...data, [item.id]: isOpen })),
+                        isDragSource
+                      },
+                      children: /* @__PURE__ */ jsxs("div", { className: "es-uic-relative", children: [
+                        /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            size: "small",
+                            className: clsx(
+                              "es-uic-absolute es-uic-bottom-0 es-uic-left-1 es-uic-top-0 es-uic-z-20 es-uic-my-auto es-uic-h-6 es-uic-w-4 -es-uic-translate-x-full !es-uic-text-gray-500 es-uic-opacity-50 focus:es-uic-opacity-100 [&_svg]:es-uic-shrink-0",
+                              (isAnyPanelOpen || canDelete) && "es-uic-pointer-events-none es-uic-invisible !es-uic-cursor-default"
+                            ),
+                            type: "ghost",
+                            icon: "⋮",
+                            forwardedRef: handleRef
+                          }
+                        ),
+                        children({
+                          ...item,
+                          updateData: (newValue) => {
+                            const updated = [...items].map((i2) => i2.id === item.id ? { ...i2, ...newValue } : i2);
+                            onChange(updated);
+                            setItems(updated);
+                          },
+                          itemIndex: index,
+                          deleteItem: () => {
+                            setItems([...items].filter((i2) => i2.id !== item.id));
+                            onChange([...items].filter((i2) => i2.id !== item.id));
+                            if (onAfterItemRemove) {
+                              onAfterItemRemove(item);
+                            }
+                          }
+                        })
+                      ] })
+                    },
+                    item.id
+                  );
+                }
               },
               item.id
             ))

package/dist/components/responsive/responsive-legacy.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { D as DecorativeTooltip } from "../../tooltip-C9mg1CP5.js";
+import { D as DecorativeTooltip } from "../../tooltip-srrt1p-b.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { _ as __, s as sprintf } from "../../default-i18n-BqWys-1G.js";
 import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";

package/dist/components/responsive/responsive.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { D as DecorativeTooltip } from "../../tooltip-C9mg1CP5.js";
+import { D as DecorativeTooltip } from "../../tooltip-srrt1p-b.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { _ as __, s as sprintf } from "../../default-i18n-BqWys-1G.js";
 import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";

package/dist/components/select/async-multi-select.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { useId } from "react";
-import { A as AsyncSelect$1 } from "../../react-select-async.esm-8Rba_3KV.js";
+import { A as AsyncSelect$1 } from "../../react-select-async.esm-DY-cP0QK.js";
 import { D as DndContext, g as getDragEndHandler, S as SortableContext, a as getMultiValue, b as getMultiValueRemove } from "../../multi-select-components-DTvEidE3.js";
 import { r as restrictToParentElement } from "../../modifiers.esm-BuJQPI1X.js";
 import { CustomSelectDefaultMultiValueRemove, CustomSelectDefaultDropdownIndicator, CustomSelectDefaultClearIndicator } from "./custom-select-default-components.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { eightshiftSelectClasses } from "./styles.js";
-import { c as components } from "../../index-a301f526.esm-B9tWL9yi.js";
+import { c as components } from "../../index-a301f526.esm-BMg114iK.js";
 /**
  * Multi-select menu with async loading and re-ordering.
  *

package/dist/components/select/async-single-select.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import { A as AsyncSelect$1 } from "../../react-select-async.esm-8Rba_3KV.js";
+import { A as AsyncSelect$1 } from "../../react-select-async.esm-DY-cP0QK.js";
 import { CustomSelectDefaultDropdownIndicator, CustomSelectDefaultClearIndicator } from "./custom-select-default-components.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { eightshiftSelectClasses } from "./styles.js";
-import { c as components } from "../../index-a301f526.esm-B9tWL9yi.js";
+import { c as components } from "../../index-a301f526.esm-BMg114iK.js";
 /**
  * Select menu with async loading.
  *

package/dist/components/select/custom-select-default-components.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { icons } from "../../icons/icons.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { c as components } from "../../index-a301f526.esm-B9tWL9yi.js";
+import { c as components } from "../../index-a301f526.esm-BMg114iK.js";
 /**
  * Default dropdown indicator for CustomSelect.
  *

package/dist/components/select/multi-select.js

@@ -1,13 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import { useId } from "react";
-import { S as StateManagedSelect$1 } from "../../react-select.esm-DkSeQzOP.js";
+import { S as StateManagedSelect$1 } from "../../react-select.esm-DNlXj0hV.js";
 import { D as DndContext, g as getDragEndHandler, S as SortableContext, a as getMultiValue, b as getMultiValueRemove } from "../../multi-select-components-DTvEidE3.js";
 import { r as restrictToParentElement } from "../../modifiers.esm-BuJQPI1X.js";
 import { CustomSelectDefaultMultiValueRemove, CustomSelectDefaultDropdownIndicator, CustomSelectDefaultClearIndicator } from "./custom-select-default-components.js";
 import { getValue } from "./shared.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { eightshiftSelectClasses } from "./styles.js";
-import { c as components } from "../../index-a301f526.esm-B9tWL9yi.js";
+import { c as components } from "../../index-a301f526.esm-BMg114iK.js";
 /**
  * Multi-select menu with re-orderable items.
  *

package/dist/components/select/react-select-component-wrappers.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as components } from "../../index-a301f526.esm-B9tWL9yi.js";
+import { c as components } from "../../index-a301f526.esm-BMg114iK.js";
 /**
  * Custom dropdown indicator for CustomSelect.
  *

package/dist/components/select/single-select.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { S as StateManagedSelect$1 } from "../../react-select.esm-DkSeQzOP.js";
+import { S as StateManagedSelect$1 } from "../../react-select.esm-DNlXj0hV.js";
 import { CustomSelectDefaultDropdownIndicator, CustomSelectDefaultClearIndicator } from "./custom-select-default-components.js";
 import { getValue } from "./shared.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { eightshiftSelectClasses } from "./styles.js";
-import { c as components } from "../../index-a301f526.esm-B9tWL9yi.js";
+import { c as components } from "../../index-a301f526.esm-BMg114iK.js";
 /**
  * Select menu.
  *

package/dist/components/select/styles.js

@@ -16,7 +16,7 @@ const multiValueLabelStyles = "es-uic-select-none";
 const multiValueRemoveStyles = "hover:es-uic-bg-red-500/15 hover:es-uic-text-red-900 es-uic-text-gray-500 es-uic-rounded es-uic-p-0.5 [&>svg]:es-uic-size-3.5 [&>svg]:es-uic-stroke-[1.5] es-uic-transition";
 const clearIndicatorStyles = "es-uic-text-gray-500 es-uic-p-1 es-uic-rounded-md hover:bg-red-50 hover:text-red-800 es-uic-transition";
 const dropdownIndicatorStyles = "es-uic-text-gray-500 es-uic-px-1 group-hover:es-uic-text-black [&>svg]:es-uic-transition-transform [&>svg]:es-uic-duration-500 [&>svg]:es-uic-size-5.5";
-const menuStyles = "es-uic-rounded-md es-uic-border es-uic-border-gray-200 es-uic-bg-white es-uic-shadow-lg es-uic-mt-1 es-uic-text-sm es-uic-overflow-x-hidden";
+const menuStyles = "es-uic-relative es-uic-z-50 es-uic-rounded-md es-uic-border es-uic-border-gray-200 es-uic-bg-white es-uic-shadow-lg es-uic-mt-1 es-uic-text-sm es-uic-overflow-x-hidden";
 const optionStyles = {
   base: "es-uic-p-2 !es-uic-flex es-uic-items-center es-uic-gap-1.5 es-uic-text-gray-800 es-uic-rounded [&>svg]:es-uic-size-5 [&>svg]:es-uic-text-gray-500 es-uic-transition es-uic-mx-1 first:es-uic-mt-1 last:es-uic-mb-1 !es-uic-w-auto es-uic-min-h-9",
   focus: "es-uic-bg-gray-100 active:es-uic-bg-teal-700/15",

package/dist/components/slider/column-config-slider.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { _ as __ } from "../../default-i18n-BqWys-1G.js";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-yZgqvhXc.js";
-import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b } from "../../Slider-D8a63VhT.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BqW0M3HN.js";
+import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b } from "../../Slider-Dkj8Slw3.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { icons } from "../../icons/icons.js";
 import { getColumnConfigOutputText } from "./utils.js";

package/dist/components/slider/slider.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { $ as $64fa3d84918910a7$export$fabf2dc03a41866e } from "../../utils-B4IdLYb8.js";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5, a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "../../Label-yZgqvhXc.js";
-import { $ as $6f909507e6374d18$export$472062a354075cee, c as $6f909507e6374d18$export$a590f758a961cb5b, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, d as $6f909507e6374d18$export$1e7083018727fa60 } from "../../Slider-D8a63VhT.js";
+import { $ as $64fa3d84918910a7$export$fabf2dc03a41866e } from "../../utils-Du2x3YVu.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5, a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "../../Label-BqW0M3HN.js";
+import { $ as $6f909507e6374d18$export$472062a354075cee, c as $6f909507e6374d18$export$a590f758a961cb5b, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, d as $6f909507e6374d18$export$1e7083018727fa60 } from "../../Slider-Dkj8Slw3.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { NumberPicker } from "../number-picker/number-picker.js";

package/dist/components/tabs/tabs.js

@@ -1,20 +1,51 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { c as $880e95eb8b93ba9a$export$ecf600387e221c37, i as $ae20dd8cbca75726$export$d6daf82dcd84e87c, d as $e1995378a142960e$export$18af5c7a9e9b3664, e as $e1995378a142960e$export$bf788dd355e3a401, f as $e1995378a142960e$export$fb8073518f34e6ec, g as $7135fc7d473fd974$export$4feb769f8ddf26c5, j as $7135fc7d473fd974$export$90e00781bc59d8f9 } from "../../SelectionManager-CvRaua4m.js";
-import { c as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, l as $df56164dff5785e2$export$4338b53315abf666, b as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $64fa3d84918910a7$export$29f1550f4b0d4415, j as $64fa3d84918910a7$export$2881499e37b75b9a, $ as $64fa3d84918910a7$export$fabf2dc03a41866e } from "../../utils-B4IdLYb8.js";
-import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "../../Hidden-YSmyVF_5.js";
+import { c as $880e95eb8b93ba9a$export$ecf600387e221c37, i as $ae20dd8cbca75726$export$d6daf82dcd84e87c, d as $e1995378a142960e$export$18af5c7a9e9b3664, e as $e1995378a142960e$export$bf788dd355e3a401, f as $e1995378a142960e$export$fb8073518f34e6ec, g as $7135fc7d473fd974$export$4feb769f8ddf26c5, k as $7135fc7d473fd974$export$90e00781bc59d8f9 } from "../../SelectionManager-Ctbzoj1E.js";
+import { j as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, c as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, l as $df56164dff5785e2$export$4338b53315abf666, b as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $64fa3d84918910a7$export$29f1550f4b0d4415, i as $64fa3d84918910a7$export$2881499e37b75b9a, $ as $64fa3d84918910a7$export$fabf2dc03a41866e } from "../../utils-Du2x3YVu.js";
+import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "../../Hidden-CupIZhlF.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
-import React__default, { useMemo, useRef, useEffect, forwardRef, useContext, createContext, useId, cloneElement } from "react";
-import { a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "../../usePress-CY8MpqYD.js";
-import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../../useLabels-JaBafrnV.js";
-import { $ as $83013635b024ae3d$export$eac1895992b9f3d6 } from "../../useHasTabbableChild-Byd7ylXD.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-Bon2Gyx5.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-DsxEaA2J.js";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-PMGZgZ9-.js";
-import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../../useSingleSelectListState-CzZUgAt0.js";
+import React__default, { useState, useMemo, useRef, useEffect, forwardRef, useContext, createContext, useId, cloneElement } from "react";
+import { a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "../../usePress-Cs8K7gKw.js";
+import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../../useLabels-DmsOywGg.js";
+import { b as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../../FocusScope-B5L3qI3N.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-kCEA3M_y.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-rz8eyzby.js";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-xMzk3syC.js";
+import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../../useSingleSelectListState-C1ddMCq3.js";
 import { _ as __, s as sprintf } from "../../default-i18n-BqWys-1G.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { Notice } from "../notice/notice.js";
 import { RichLabel } from "../rich-label/rich-label.js";
+function $83013635b024ae3d$export$eac1895992b9f3d6(ref, options) {
+  let isDisabled = options === null || options === void 0 ? void 0 : options.isDisabled;
+  let [hasTabbableChild, setHasTabbableChild] = useState(false);
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if ((ref === null || ref === void 0 ? void 0 : ref.current) && !isDisabled) {
+      let update = () => {
+        if (ref.current) {
+          let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(ref.current, {
+            tabbable: true
+          });
+          setHasTabbableChild(!!walker.nextNode());
+        }
+      };
+      update();
+      let observer = new MutationObserver(update);
+      observer.observe(ref.current, {
+        subtree: true,
+        childList: true,
+        attributes: true,
+        attributeFilter: [
+          "tabIndex",
+          "disabled"
+        ]
+      });
+      return () => {
+        observer.disconnect();
+      };
+    }
+  });
+  return isDisabled ? false : hasTabbableChild;
+}
 const $99b62ae3ff97ec45$export$c5f62239608282b6 = /* @__PURE__ */ new WeakMap();
 function $99b62ae3ff97ec45$export$567fc7097e064344(state, key, role) {
   if (typeof key === "string") key = key.replace(/\s+/g, "");
@@ -311,7 +342,10 @@ const $5e8ad37a45e1c704$export$3e41faf802a29e71 = /* @__PURE__ */ $e1995378a1429
   }, state, ref);
   let { focusProps, isFocused, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f();
   let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({
-    isDisabled
+    isDisabled,
+    onHoverStart: props.onHoverStart,
+    onHoverEnd: props.onHoverEnd,
+    onHoverChange: props.onHoverChange
   });
   let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
     ...props,

package/dist/components/toggle/switch.js

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, i as $64fa3d84918910a7$export$ef03459518577ad4, b as $64fa3d84918910a7$export$4d86445c2cf5e3, c as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../../utils-B4IdLYb8.js";
+import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, h as $64fa3d84918910a7$export$ef03459518577ad4, b as $64fa3d84918910a7$export$4d86445c2cf5e3, c as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../../utils-Du2x3YVu.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
 import React__default, { forwardRef, createContext } from "react";
-import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-B4--Ski0.js";
-import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "../../useToggle-CJp2Fh_L.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-DsxEaA2J.js";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-PMGZgZ9-.js";
-import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-DD480kAb.js";
+import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-Dj0JhD9W.js";
+import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "../../useToggle-Cn2nQUNS.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-rz8eyzby.js";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-xMzk3syC.js";
+import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-DsMLX-RC.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 function $b418ec0c85c52f27$export$d853f7095ae95f88(props, state, ref) {
   let { labelProps, inputProps, isSelected, isPressed, isDisabled, isReadOnly } = $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref);
@@ -129,7 +129,7 @@ const Switch = (props) => {
               {
                 className: clsx(
                   "es-uic-block es-uic-size-2 es-uic-rounded-full es-uic-border es-uic-border-gray-500 es-uic-bg-gray-500 es-uic-transition es-uic-will-change-transform",
-                  "group-selected:es-uic-translate-x-3 group-selected:es-uic-scale-125 group-selected:es-uic-border-teal-600 group-selected:es-uic-bg-teal-600",
+                  "group-selected:!es-uic-translate-x-3 group-selected:!es-uic-scale-125 group-selected:es-uic-border-teal-600 group-selected:es-uic-bg-teal-600",
                   "group-disabled:es-uic-border-gray-300 group-disabled:es-uic-bg-white",
                   isIndeterminate && "es-uic-translate-x-1.5"
                 )

package/dist/components/toggle/toggle.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-yZgqvhXc.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BqW0M3HN.js";
 import { Switch } from "./switch.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 /**

package/dist/components/toggle-button/toggle-button.js

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { n as $ff5963eb1fccf552$export$e08e3b67e392101e, c as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-B4IdLYb8.js";
+import { n as $ff5963eb1fccf552$export$e08e3b67e392101e, c as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-Du2x3YVu.js";
 import React__default, { forwardRef, createContext } from "react";
-import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-B4--Ski0.js";
-import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "../../useButton-BPY4yXUo.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-DsxEaA2J.js";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-PMGZgZ9-.js";
+import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-Dj0JhD9W.js";
+import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "../../useButton-6H5k2W5N.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-rz8eyzby.js";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-xMzk3syC.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { T as Tooltip } from "../../tooltip-C9mg1CP5.js";
+import { T as Tooltip } from "../../tooltip-srrt1p-b.js";
 function $55f54f7887471b58$export$51e84d46ca0bc451(props, state, ref) {
   const { isSelected } = state;
   const { isPressed, buttonProps } = $701a24aa0da5b062$export$ea18c227d4417cc3({

package/dist/components/tooltip/tooltip.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
-import { D, T } from "../../tooltip-C9mg1CP5.js";
+import { D, T } from "../../tooltip-srrt1p-b.js";
 import "../../lite-DVmmD_-j.js";
 import "react";
-import "../../focusSafely-PMGZgZ9-.js";
-import "../../utils-B4IdLYb8.js";
+import "../../focusSafely-xMzk3syC.js";
+import "../../utils-Du2x3YVu.js";
 export {
   D as DecorativeTooltip,
   T as Tooltip

package/dist/{context-Bon2Gyx5.js → context-kCEA3M_y.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect, useContext } from "react";
-import { d as $b5e257d569688ac6$export$535bd6ca7f90a273 } from "./utils-B4IdLYb8.js";
+import { d as $b5e257d569688ac6$export$535bd6ca7f90a273 } from "./utils-Du2x3YVu.js";
 const $148a7a147e38ea7f$var$RTL_SCRIPTS = /* @__PURE__ */ new Set([
   "Arab",
   "Syrc",

package/dist/{focusSafely-PMGZgZ9-.js → focusSafely-xMzk3syC.js}

@@ -1,4 +1,4 @@
-import { g as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, d as $b5e257d569688ac6$export$535bd6ca7f90a273 } from "./utils-B4IdLYb8.js";
+import { j as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, d as $b5e257d569688ac6$export$535bd6ca7f90a273 } from "./utils-Du2x3YVu.js";
 import { useState, useRef, useEffect, useCallback, useMemo } from "react";
 const $431fbd86ca7dc216$export$b204af158042fbac = (el) => {
   var _el_ownerDocument;

package/dist/{index-a301f526.esm-B9tWL9yi.js → index-a301f526.esm-BMg114iK.js}

@@ -1241,6 +1241,7 @@ var unitlessKeys = {
   opacity: 1,
   order: 1,
   orphans: 1,
+  scale: 1,
   tabSize: 1,
   widows: 1,
   zIndex: 1,
@@ -1652,10 +1653,14 @@ function getOverflowAncestors(node2, list, traverseIframes) {
   const isBody = scrollableAncestor === ((_node$ownerDocument2 = node2.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
   const win = getWindow(scrollableAncestor);
   if (isBody) {
-    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], win.frameElement && traverseIframes ? getOverflowAncestors(win.frameElement) : []);
+    const frameElement = getFrameElement(win);
+    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);
   }
   return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
 }
+function getFrameElement(win) {
+  return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
+}
 function getCssDimensions(element) {
   const css4 = getComputedStyle$1(element);
   let width = parseFloat(css4.width) || 0;
@@ -1738,7 +1743,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
     const win = getWindow(domElement);
     const offsetWin = offsetParent;
     let currentWin = win;
-    let currentIFrame = currentWin.frameElement;
+    let currentIFrame = getFrameElement(currentWin);
     while (currentIFrame && offsetParent && offsetWin !== currentWin) {
       const iframeScale = getScale(currentIFrame);
       const iframeRect = currentIFrame.getBoundingClientRect();
@@ -1752,7 +1757,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
       x += left;
       y += top;
       currentWin = getWindow(currentIFrame);
-      currentIFrame = currentWin.frameElement;
+      currentIFrame = getFrameElement(currentWin);
     }
   }
   return rectToClientRect({

package/dist/index.js

@@ -9,7 +9,9 @@ import { ColorSwatch } from "./components/color-pickers/color-swatch.js";
 import { ColorPicker } from "./components/color-pickers/color-picker.js";
 import { ColumnConfigSlider, ColumnConfigSliderOutput } from "./components/slider/column-config-slider.js";
 import { DraggableList } from "./components/draggable-list/draggable-list.js";
-import { DraggableListItem } from "./components/draggable-list/draggable-list-item.js";
+import { DraggableListItem, DraggableListItemHandle } from "./components/draggable-list/draggable-list-item.js";
+import { Draggable } from "./components/draggable/draggable.js";
+import { DraggableItem, DraggableItemHandle } from "./components/draggable/draggable-item.js";
 import { Expandable } from "./components/expandable/expandable.js";
 import { FilePlaceholder } from "./components/placeholders/file-placeholder.js";
 import { GradientEditor } from "./components/color-pickers/gradient-editor.js";
@@ -17,6 +19,7 @@ import { HStack } from "./components/layout/hstack.js";
 import { RichLabel } from "./components/rich-label/rich-label.js";
 import { InputField } from "./components/input-field/input-field.js";
 import { ImagePlaceholder } from "./components/placeholders/image-placeholder.js";
+import { ItemCollection } from "./components/item-collection/item-collection.js";
 import { LinkInput } from "./components/link-input/link-input.js";
 import { ListBox } from "./components/list-box/list-box.js";
 import { MatrixAlign } from "./components/matrix-align/matrix-align.js";
@@ -46,7 +49,7 @@ import { Tab, TabList, TabPanel, Tabs } from "./components/tabs/tabs.js";
 import { Toggle } from "./components/toggle/toggle.js";
 import { Switch } from "./components/toggle/switch.js";
 import { ToggleButton } from "./components/toggle-button/toggle-button.js";
-import { D, T } from "./tooltip-C9mg1CP5.js";
+import { D, T } from "./tooltip-srrt1p-b.js";
 import { VStack } from "./components/layout/vstack.js";
 import { getColumnConfigOutputText } from "./components/slider/utils.js";
 export {
@@ -65,14 +68,19 @@ export {
   ComponentToggle,
   ContainerPanel,
   D as DecorativeTooltip,
+  Draggable,
+  DraggableItem,
+  DraggableItemHandle,
   DraggableList,
   DraggableListItem,
+  DraggableListItemHandle,
   Expandable,
   FilePlaceholder,
   GradientEditor,
   HStack,
   ImagePlaceholder,
   InputField,
+  ItemCollection,
   LinkInput,
   ListBox,
   MatrixAlign,

package/dist/{intlStrings-KQxgp5tS.js → intlStrings-BxJIrC6b.js}

@@ -1,5 +1,5 @@
 import { $ as $9446cca9a3875146$export$7d15b64cf5a3a4c4, b as $9446cca9a3875146$export$b6268554fba451f } from "./number-CHmNj-oR.js";
-import { a as $5b160d28a433310d$export$c17fa47878dc55b6, b as $6db58dc88e78b024$export$2f817fcdc4b89ae0 } from "./useLocalizedStringFormatter-CVIIVTgz.js";
+import { a as $5b160d28a433310d$export$c17fa47878dc55b6, b as $6db58dc88e78b024$export$2f817fcdc4b89ae0 } from "./useLocalizedStringFormatter-m03yY3xi.js";
 import { $ as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 } from "./NumberFormatter-U_Gx0UDq.js";
 var $2d805fd52bb48883$exports = {};
 $2d805fd52bb48883$exports = {

package/dist/{react-select-async.esm-8Rba_3KV.js → react-select-async.esm-DY-cP0QK.js}

@@ -1,7 +1,7 @@
-import { a as _objectWithoutProperties, b as _slicedToArray, h as handleInputChange, d as _objectSpread2, e as _defineProperty, _ as _extends } from "./index-a301f526.esm-B9tWL9yi.js";
+import { a as _objectWithoutProperties, b as _slicedToArray, h as handleInputChange, d as _objectSpread2, e as _defineProperty, _ as _extends } from "./index-a301f526.esm-BMg114iK.js";
 import * as React from "react";
 import { useRef, useState, useEffect, useCallback, forwardRef } from "react";
-import { u as useStateManager, S as Select } from "./Select-49a62830.esm-CqLHaIei.js";
+import { u as useStateManager, S as Select } from "./Select-49a62830.esm-D8voKavK.js";
 import "./index-BTCzc3zb.js";
 var _excluded = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];
 function useAsync(_ref) {

package/dist/{react-select.esm-DkSeQzOP.js → react-select.esm-DNlXj0hV.js}

@@ -1,5 +1,5 @@
-import { u as useStateManager, S as Select } from "./Select-49a62830.esm-CqLHaIei.js";
-import { _ as _extends } from "./index-a301f526.esm-B9tWL9yi.js";
+import { u as useStateManager, S as Select } from "./Select-49a62830.esm-D8voKavK.js";
+import { _ as _extends } from "./index-a301f526.esm-BMg114iK.js";
 import * as React from "react";
 import { forwardRef } from "react";
 import "./index-BTCzc3zb.js";