@eightshift/ui-components 1.3.2 → 1.4.1

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

@@ -1,12 +1,12 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { D as DecorativeTooltip } from "../../tooltip-DSk8I1SO.js";
+import { D as DecorativeTooltip } from "../../tooltip-C9mg1CP5.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { _ as __, s as sprintf } from "../../default-i18n-BqwLkgZv.js";
+import { _ as __, s as sprintf } from "../../default-i18n-BqWys-1G.js";
 import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";
 import { upperFirst } from "../../utilities/es-dash.js";
 import { icons } from "../../icons/icons.js";
-import { B as Button } from "../../button-IxfzzzbP.js";
+import { Button } from "../button/button.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
 import { ToggleButton } from "../toggle-button/toggle-button.js";
 import { BaseControl } from "../base-control/base-control.js";

package/dist/components/responsive/responsive.js

@@ -1,14 +1,14 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { D as DecorativeTooltip } from "../../tooltip-DSk8I1SO.js";
+import { D as DecorativeTooltip } from "../../tooltip-C9mg1CP5.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { _ as __, s as sprintf } from "../../default-i18n-BqwLkgZv.js";
+import { _ as __, s as sprintf } from "../../default-i18n-BqWys-1G.js";
 import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";
 import { upperFirst } from "../../utilities/es-dash.js";
 import { icons } from "../../icons/icons.js";
 import { Menu, MenuItem, MenuSeparator, SubMenuItem } from "../menu/menu.js";
 import { ResponsivePreview } from "../responsive-preview/responsive-preview.js";
-import { a as ButtonGroup, B as Button } from "../../button-IxfzzzbP.js";
+import { ButtonGroup, Button } from "../button/button.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
 import { ToggleButton } from "../toggle-button/toggle-button.js";

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
+import { _ as __ } from "../../default-i18n-BqWys-1G.js";
 import { upperFirst } from "../../utilities/es-dash.js";
 import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";
 import { icons } from "../../icons/icons.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-5zW9Dv9E.js";
-import { D as DndContext, g as getDragEndHandler, S as SortableContext, a as getMultiValue, b as getMultiValueRemove } from "../../multi-select-components-7vKCF8dG.js";
+import { A as AsyncSelect$1 } from "../../react-select-async.esm-8Rba_3KV.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-ByOfDxiG.js";
+import { c as components } from "../../index-a301f526.esm-B9tWL9yi.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-5zW9Dv9E.js";
+import { A as AsyncSelect$1 } from "../../react-select-async.esm-8Rba_3KV.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-ByOfDxiG.js";
+import { c as components } from "../../index-a301f526.esm-B9tWL9yi.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-ByOfDxiG.js";
+import { c as components } from "../../index-a301f526.esm-B9tWL9yi.js";
 /**
  * Default dropdown indicator for CustomSelect.
  *

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { g, a, b } from "../../multi-select-components-7vKCF8dG.js";
+import { g, a, b } from "../../multi-select-components-DTvEidE3.js";
 import "../../lite-DVmmD_-j.js";
 export {
   g as getDragEndHandler,

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-Bi6uzjbT.js";
-import { D as DndContext, g as getDragEndHandler, S as SortableContext, a as getMultiValue, b as getMultiValueRemove } from "../../multi-select-components-7vKCF8dG.js";
+import { S as StateManagedSelect$1 } from "../../react-select.esm-DkSeQzOP.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, customOnChange } from "./shared.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { eightshiftSelectClasses } from "./styles.js";
-import { c as components } from "../../index-a301f526.esm-ByOfDxiG.js";
+import { c as components } from "../../index-a301f526.esm-B9tWL9yi.js";
 /**
  * Multi-select menu with re-orderable items.
  *
@@ -85,7 +85,7 @@ const MultiSelect = (props) => {
     ...additionalProps
   } = props;
   const idBase = useId();
-  const value = rawValue.map((item, index) => ({
+  const value = getValue(simpleValue, rawValue, options).map((item, index) => ({
     ...item,
     id: `${idBase}-${index}`
   }));
@@ -112,7 +112,7 @@ const MultiSelect = (props) => {
               isMulti: true,
               unstyled: true,
               options: options.map((item) => ({ id: item.value, ...item })),
-              value: getValue(simpleValue, value, options),
+              value,
               onChange: (v) => customOnChange(simpleValue, v, onChange),
               closeMenuOnSelect: !keepMenuOpenAfterSelect,
               isClearable: clearable,

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-ByOfDxiG.js";
+import { c as components } from "../../index-a301f526.esm-B9tWL9yi.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-Bi6uzjbT.js";
+import { S as StateManagedSelect$1 } from "../../react-select.esm-DkSeQzOP.js";
 import { CustomSelectDefaultDropdownIndicator, CustomSelectDefaultClearIndicator } from "./custom-select-default-components.js";
 import { getValue, customOnChange } from "./shared.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { eightshiftSelectClasses } from "./styles.js";
-import { c as components } from "../../index-a301f526.esm-ByOfDxiG.js";
+import { c as components } from "../../index-a301f526.esm-B9tWL9yi.js";
 /**
  * Select menu.
  *

package/dist/components/select/styles.js

@@ -8,7 +8,7 @@ const selectInputStyles = "focus:es-uic-outline-none [&_input]:!es-uic-shadow-no
 const valueContainerStyles = "es-uic-gap-1 es-uic-ml-1 es-uic-my-1 !es-uic-overflow-visible";
 const singleValueStyles = "es-uic-ml-0.5";
 const multiValueStyles = clsx(
-  "es-uic-bg-gray-100 es-uic-rounded es-uic-p-1 es-uic-border es-uic-border-gray-100 hover:border-gray-300 es-uic-items-center es-uic-gap-1.5 es-uic-transition es-uic-overflow-visible",
+  "es-uic-bg-gray-100 es-uic-rounded es-uic-p-1 es-uic-border es-uic-border-gray-100 hover:border-gray-300 es-uic-items-center es-uic-gap-1.5 es-uic-transition es-uic-overflow-visible es-uic-max-w-40",
   "[:focus-visible_&]:es-uic-outline-none [:focus-visible_&]:es-uic-ring",
   "[:focus-visible_&]:es-uic-ring-teal-500 [:focus-visible_&]:es-uic-ring-opacity-50"
 );

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-BqwLkgZv.js";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BXvY41yE.js";
-import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b } from "../../Slider-Clme2C36.js";
+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 { 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-DC-UMp1n.js";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5, a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "../../Label-BXvY41yE.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-Clme2C36.js";
+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 { 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/slider/utils.js

@@ -1,4 +1,4 @@
-import { _ as __, s as sprintf, a as _n } from "../../default-i18n-BqwLkgZv.js";
+import { _ as __, s as sprintf, a as _n } from "../../default-i18n-BqWys-1G.js";
 /**
  * Generates an array of markers based on the provided minimum and maximum values and step.
  * If the step is less than 10, only markers divisible by 5 and 10 are included.

package/dist/components/tabs/tabs.js

@@ -1,16 +1,17 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { f as $880e95eb8b93ba9a$export$ecf600387e221c37, c as $ae20dd8cbca75726$export$d6daf82dcd84e87c, g as $7135fc7d473fd974$export$7cd71aa5ddd6dc4e, h as $7135fc7d473fd974$export$8c25dea96356a8b6, i as $7135fc7d473fd974$export$813b5978dd974d8, j as $7135fc7d473fd974$export$e7c29ae2353b16ea } from "../../SelectionManager-JxXmb3-k.js";
-import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, b as $64fa3d84918910a7$export$86427a43e3e48ebb, a as $64fa3d84918910a7$export$29f1550f4b0d4415, r as $64fa3d84918910a7$export$8dc98ba7eadeaa56, c as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, l as $df56164dff5785e2$export$4338b53315abf666 } from "../../utils-DC-UMp1n.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, 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 { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
 import React__default, { useMemo, useRef, useEffect, forwardRef, useContext, createContext, useId, cloneElement } from "react";
-import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "../../useListState-IllYYnXV.js";
-import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-DGZ4R5fj.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-Dg5Y_10S.js";
-import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../../useLabels-D2RG7TdI.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-BG_1RnbC.js";
-import { a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "../../usePress-CiXj8dLE.js";
-import { $ as $83013635b024ae3d$export$eac1895992b9f3d6 } from "../../useHasTabbableChild-M3O3VIil.js";
-import { _ as __, s as sprintf } from "../../default-i18n-BqwLkgZv.js";
+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 { _ 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";
@@ -157,37 +158,6 @@ function $58d314389b21fa3f$export$773e389e644c5874(props, state, ref) {
     }
   };
 }
-function $a0d645289fe9b86b$export$e7f05e985daf4b5f(props) {
-  var _props_defaultSelectedKey;
-  let [selectedKey, setSelectedKey] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.selectedKey, (_props_defaultSelectedKey = props.defaultSelectedKey) !== null && _props_defaultSelectedKey !== void 0 ? _props_defaultSelectedKey : null, props.onSelectionChange);
-  let selectedKeys = useMemo(() => selectedKey != null ? [
-    selectedKey
-  ] : [], [
-    selectedKey
-  ]);
-  let { collection, disabledKeys, selectionManager } = $e72dd72e1c76a225$export$2f645645f7bca764({
-    ...props,
-    selectionMode: "single",
-    disallowEmptySelection: true,
-    allowDuplicateSelectionEvents: true,
-    selectedKeys,
-    onSelectionChange: (keys) => {
-      var _keys_values_next_value;
-      let key = (_keys_values_next_value = keys.values().next().value) !== null && _keys_values_next_value !== void 0 ? _keys_values_next_value : null;
-      if (key === selectedKey && props.onSelectionChange) props.onSelectionChange(key);
-      setSelectedKey(key);
-    }
-  });
-  let selectedItem = selectedKey != null ? collection.getItem(selectedKey) : null;
-  return {
-    collection,
-    disabledKeys,
-    selectionManager,
-    selectedKey,
-    setSelectedKey,
-    selectedItem
-  };
-}
 function $76f919a04c5a7d14$export$4ba071daf4e486(props) {
   var _props_defaultSelectedKey;
   let state = $a0d645289fe9b86b$export$e7f05e985daf4b5f({
@@ -217,9 +187,10 @@ function $76f919a04c5a7d14$export$4ba071daf4e486(props) {
 function $76f919a04c5a7d14$var$findDefaultSelectedKey(collection, disabledKeys) {
   let selectedKey = null;
   if (collection) {
+    var _collection_getItem_props, _collection_getItem, _collection_getItem_props1, _collection_getItem1;
     selectedKey = collection.getFirstKey();
-    while (disabledKeys.has(selectedKey) && selectedKey !== collection.getLastKey()) selectedKey = collection.getKeyAfter(selectedKey);
-    if (disabledKeys.has(selectedKey) && selectedKey === collection.getLastKey()) selectedKey = collection.getFirstKey();
+    while ((disabledKeys.has(selectedKey) || ((_collection_getItem = collection.getItem(selectedKey)) === null || _collection_getItem === void 0 ? void 0 : (_collection_getItem_props = _collection_getItem.props) === null || _collection_getItem_props === void 0 ? void 0 : _collection_getItem_props.isDisabled)) && selectedKey !== collection.getLastKey()) selectedKey = collection.getKeyAfter(selectedKey);
+    if ((disabledKeys.has(selectedKey) || ((_collection_getItem1 = collection.getItem(selectedKey)) === null || _collection_getItem1 === void 0 ? void 0 : (_collection_getItem_props1 = _collection_getItem1.props) === null || _collection_getItem_props1 === void 0 ? void 0 : _collection_getItem_props1.isDisabled)) && selectedKey === collection.getLastKey()) selectedKey = collection.getFirstKey();
   }
   return selectedKey;
 }
@@ -227,7 +198,6 @@ const $5e8ad37a45e1c704$export$cfa7aa87c26e7d1f = /* @__PURE__ */ createContext(
 const $5e8ad37a45e1c704$export$364712098d2aa57c = /* @__PURE__ */ createContext(null);
 function $5e8ad37a45e1c704$var$Tabs(props, ref) {
   [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $5e8ad37a45e1c704$export$cfa7aa87c26e7d1f);
-  let { collection, document } = $7135fc7d473fd974$export$7cd71aa5ddd6dc4e();
   let { children, orientation = "horizontal" } = props;
   children = useMemo(() => typeof children === "function" ? children({
     orientation,
@@ -236,9 +206,9 @@ function $5e8ad37a45e1c704$var$Tabs(props, ref) {
     children,
     orientation
   ]);
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$8dc98ba7eadeaa56, null, /* @__PURE__ */ React__default.createElement($7135fc7d473fd974$export$8c25dea96356a8b6.Provider, {
-    value: document
-  }, children)), /* @__PURE__ */ React__default.createElement($5e8ad37a45e1c704$var$TabsInner, {
+  return /* @__PURE__ */ React__default.createElement($e1995378a142960e$export$bf788dd355e3a401, {
+    content: children
+  }, (collection) => /* @__PURE__ */ React__default.createElement($5e8ad37a45e1c704$var$TabsInner, {
     props,
     collection,
     tabsRef: ref
@@ -293,14 +263,15 @@ function $5e8ad37a45e1c704$var$TabsInner({ props, tabsRef: ref, collection }) {
 }
 const $5e8ad37a45e1c704$export$b2539bed5023c21c = /* @__PURE__ */ forwardRef($5e8ad37a45e1c704$var$Tabs);
 function $5e8ad37a45e1c704$var$TabList(props, ref) {
-  let document = useContext($7135fc7d473fd974$export$8c25dea96356a8b6);
-  return document ? /* @__PURE__ */ React__default.createElement($7135fc7d473fd974$export$813b5978dd974d8, props) : /* @__PURE__ */ React__default.createElement($5e8ad37a45e1c704$var$TabListInner, {
+  let state = useContext($5e8ad37a45e1c704$export$364712098d2aa57c);
+  return state ? /* @__PURE__ */ React__default.createElement($5e8ad37a45e1c704$var$TabListInner, {
     props,
     forwardedRef: ref
-  });
+  }) : /* @__PURE__ */ React__default.createElement($e1995378a142960e$export$fb8073518f34e6ec, props);
 }
 function $5e8ad37a45e1c704$var$TabListInner({ props, forwardedRef: ref }) {
   let state = useContext($5e8ad37a45e1c704$export$364712098d2aa57c);
+  let { CollectionRoot } = useContext($7135fc7d473fd974$export$4feb769f8ddf26c5);
   let { orientation = "horizontal", keyboardActivation = "automatic" } = $64fa3d84918910a7$export$fabf2dc03a41866e($5e8ad37a45e1c704$export$cfa7aa87c26e7d1f);
   let objectRef = $df56164dff5785e2$export$4338b53315abf666(ref);
   let { tabListProps } = $58d314389b21fa3f$export$773e389e644c5874({
@@ -325,32 +296,26 @@ function $5e8ad37a45e1c704$var$TabListInner({ props, forwardedRef: ref }) {
     ref: objectRef,
     ...renderProps,
     "data-orientation": orientation || void 0
-  }, [
-    ...state.collection
-  ].map((item) => /* @__PURE__ */ React__default.createElement($5e8ad37a45e1c704$var$TabInner, {
-    key: item.key,
-    item,
-    state
-  })));
+  }, /* @__PURE__ */ React__default.createElement(CollectionRoot, {
+    collection: state.collection,
+    persistedKeys: $7135fc7d473fd974$export$90e00781bc59d8f9(state.selectionManager.focusedKey)
+  }));
 }
 const $5e8ad37a45e1c704$export$e51a686c67fdaa2d = /* @__PURE__ */ forwardRef($5e8ad37a45e1c704$var$TabList);
-function $5e8ad37a45e1c704$var$Tab(props, ref) {
-  return $7135fc7d473fd974$export$e7c29ae2353b16ea("item", props, ref, props.children);
-}
-const $5e8ad37a45e1c704$export$3e41faf802a29e71 = /* @__PURE__ */ forwardRef($5e8ad37a45e1c704$var$Tab);
-function $5e8ad37a45e1c704$var$TabInner({ item, state }) {
-  let ref = $df56164dff5785e2$export$4338b53315abf666(item.props.ref);
+const $5e8ad37a45e1c704$export$3e41faf802a29e71 = /* @__PURE__ */ $e1995378a142960e$export$18af5c7a9e9b3664("item", (props, forwardedRef, item) => {
+  let state = useContext($5e8ad37a45e1c704$export$364712098d2aa57c);
+  let ref = $df56164dff5785e2$export$4338b53315abf666(forwardedRef);
   let { tabProps, isSelected, isDisabled, isPressed } = $0175d55c2a017ebc$export$fdf4756d5b8ef90a({
     key: item.key,
-    ...item.props
+    ...props
   }, state, ref);
   let { focusProps, isFocused, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f();
   let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({
     isDisabled
   });
   let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
-    ...item.props,
-    children: item.rendered,
+    ...props,
+    id: void 0,
     defaultClassName: "react-aria-Tab",
     values: {
       isSelected,
@@ -358,8 +323,7 @@ function $5e8ad37a45e1c704$var$TabInner({ item, state }) {
       isFocused,
       isFocusVisible,
       isPressed,
-      isHovered,
-      state
+      isHovered
     }
   });
   let ElementType = item.props.href ? "a" : "div";
@@ -373,7 +337,7 @@ function $5e8ad37a45e1c704$var$TabInner({ item, state }) {
     "data-pressed": isPressed || void 0,
     "data-hovered": isHovered || void 0
   });
-}
+});
 function $5e8ad37a45e1c704$var$TabPanel(props, forwardedRef) {
   const state = useContext($5e8ad37a45e1c704$export$364712098d2aa57c);
   let ref = $df56164dff5785e2$export$4338b53315abf666(forwardedRef);
@@ -402,9 +366,20 @@ function $5e8ad37a45e1c704$var$TabPanel(props, forwardedRef) {
     // @ts-ignore
     inert: !isSelected ? "true" : void 0,
     "data-inert": !isSelected ? "true" : void 0
-  });
+  }, /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
+    values: [
+      [
+        $5e8ad37a45e1c704$export$cfa7aa87c26e7d1f,
+        null
+      ],
+      [
+        $5e8ad37a45e1c704$export$364712098d2aa57c,
+        null
+      ]
+    ]
+  }, renderProps.children));
 }
-const $5e8ad37a45e1c704$export$3d96ec278d3efce4 = /* @__PURE__ */ $64fa3d84918910a7$export$86427a43e3e48ebb($5e8ad37a45e1c704$var$TabPanel);
+const $5e8ad37a45e1c704$export$3d96ec278d3efce4 = /* @__PURE__ */ $f39a9eba43920ace$export$86427a43e3e48ebb($5e8ad37a45e1c704$var$TabPanel);
 /**
  * Main tab container.
  *

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, c as $64fa3d84918910a7$export$4d86445c2cf5e3, d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../../utils-DC-UMp1n.js";
+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 { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
 import React__default, { forwardRef, createContext } from "react";
-import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-DHIdITtQ.js";
-import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "../../useToggle-CV-IX6nL.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-Dg5Y_10S.js";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-DGZ4R5fj.js";
-import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-BZPezMV5.js";
+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 { 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);

package/dist/components/toggle/toggle.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BXvY41yE.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-yZgqvhXc.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, d as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, c as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-DC-UMp1n.js";
+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 React__default, { forwardRef, createContext } from "react";
-import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-DHIdITtQ.js";
-import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "../../useButton-EJ9c8fmq.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-Dg5Y_10S.js";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-DGZ4R5fj.js";
+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 { c as clsx } from "../../lite-DVmmD_-j.js";
-import { T as Tooltip } from "../../tooltip-DSk8I1SO.js";
+import { T as Tooltip } from "../../tooltip-C9mg1CP5.js";
 function $55f54f7887471b58$export$51e84d46ca0bc451(props, state, ref) {
   const { isSelected } = state;
   const { isPressed, buttonProps } = $701a24aa0da5b062$export$ea18c227d4417cc3({
@@ -106,7 +106,7 @@ const ToggleButton = (props) => {
       button: "es-uic-h-7 es-uic-min-w-7",
       iconButtonPadding: "es-uic-px-1",
       buttonPadding: "es-uic-px-2",
-      iconSize: "[&>svg]:es-uic-size-4"
+      iconSize: "[&>svg]:es-uic-size-4.5"
     },
     default: {
       iconButton: "es-uic-size-9",

package/dist/components/tooltip/tooltip.js

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

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

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

package/dist/{default-i18n-BqwLkgZv.js → default-i18n-BqWys-1G.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from "./_commonjsHelpers-DWwsNxpa.js";
+import { g as getDefaultExportFromCjs } from "./_commonjsHelpers-CUmg6egw.js";
 function memize(fn, options) {
   var size = 0;
   var head;

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

@@ -1,4 +1,4 @@
-import { g as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, o as $b5e257d569688ac6$export$535bd6ca7f90a273 } from "./utils-DC-UMp1n.js";
+import { g as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, d as $b5e257d569688ac6$export$535bd6ca7f90a273 } from "./utils-B4IdLYb8.js";
 import { useState, useRef, useEffect, useCallback, useMemo } from "react";
 const $431fbd86ca7dc216$export$b204af158042fbac = (el) => {
   var _el_ownerDocument;
@@ -70,34 +70,41 @@ function $c87311424ea30a05$var$testPlatform(re) {
   var _window_navigator_userAgentData;
   return typeof window !== "undefined" && window.navigator != null ? re.test(((_window_navigator_userAgentData = window.navigator["userAgentData"]) === null || _window_navigator_userAgentData === void 0 ? void 0 : _window_navigator_userAgentData.platform) || window.navigator.platform) : false;
 }
-function $c87311424ea30a05$export$9ac100e40613ea10() {
-  return $c87311424ea30a05$var$testPlatform(/^Mac/i);
+function $c87311424ea30a05$var$cached(fn) {
+  let res = null;
+  return () => {
+    if (res == null) res = fn();
+    return res;
+  };
 }
-function $c87311424ea30a05$export$186c6964ca17d99() {
+const $c87311424ea30a05$export$9ac100e40613ea10 = $c87311424ea30a05$var$cached(function() {
+  return $c87311424ea30a05$var$testPlatform(/^Mac/i);
+});
+const $c87311424ea30a05$export$186c6964ca17d99 = $c87311424ea30a05$var$cached(function() {
   return $c87311424ea30a05$var$testPlatform(/^iPhone/i);
-}
-function $c87311424ea30a05$export$7bef049ce92e4224() {
+});
+const $c87311424ea30a05$export$7bef049ce92e4224 = $c87311424ea30a05$var$cached(function() {
   return $c87311424ea30a05$var$testPlatform(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
   $c87311424ea30a05$export$9ac100e40613ea10() && navigator.maxTouchPoints > 1;
-}
-function $c87311424ea30a05$export$fedb369cb70207f1() {
+});
+const $c87311424ea30a05$export$fedb369cb70207f1 = $c87311424ea30a05$var$cached(function() {
   return $c87311424ea30a05$export$186c6964ca17d99() || $c87311424ea30a05$export$7bef049ce92e4224();
-}
-function $c87311424ea30a05$export$e1865c3bedcd822b() {
+});
+const $c87311424ea30a05$export$e1865c3bedcd822b = $c87311424ea30a05$var$cached(function() {
   return $c87311424ea30a05$export$9ac100e40613ea10() || $c87311424ea30a05$export$fedb369cb70207f1();
-}
-function $c87311424ea30a05$export$78551043582a6a98() {
+});
+const $c87311424ea30a05$export$78551043582a6a98 = $c87311424ea30a05$var$cached(function() {
   return $c87311424ea30a05$var$testUserAgent(/AppleWebKit/i) && !$c87311424ea30a05$export$6446a186d09e379e();
-}
-function $c87311424ea30a05$export$6446a186d09e379e() {
+});
+const $c87311424ea30a05$export$6446a186d09e379e = $c87311424ea30a05$var$cached(function() {
   return $c87311424ea30a05$var$testUserAgent(/Chrome/i);
-}
-function $c87311424ea30a05$export$a11b0059900ceec8() {
+});
+const $c87311424ea30a05$export$a11b0059900ceec8 = $c87311424ea30a05$var$cached(function() {
   return $c87311424ea30a05$var$testUserAgent(/Android/i);
-}
-function $c87311424ea30a05$export$b7d78993b74f766d() {
+});
+const $c87311424ea30a05$export$b7d78993b74f766d = $c87311424ea30a05$var$cached(function() {
   return $c87311424ea30a05$var$testUserAgent(/Firefox/i);
-}
+});
 let $bbed8b41f857bcc0$var$transitionsByElement = /* @__PURE__ */ new Map();
 let $bbed8b41f857bcc0$var$transitionCallbacks = /* @__PURE__ */ new Set();
 function $bbed8b41f857bcc0$var$setupGlobalEvents() {
@@ -671,15 +678,15 @@ export {
   $bbed8b41f857bcc0$export$24490316f764c430 as k,
   $e7801be82b4b2a53$export$4debdb1a3f0fa79e as l,
   $7215afc6de606d6b$export$de79e2c695e052f3 as m,
-  $c87311424ea30a05$export$b7d78993b74f766d as n,
-  $c87311424ea30a05$export$9ac100e40613ea10 as o,
-  $c87311424ea30a05$export$78551043582a6a98 as p,
+  $c87311424ea30a05$export$9ac100e40613ea10 as n,
+  $c87311424ea30a05$export$78551043582a6a98 as o,
+  $c87311424ea30a05$export$b7d78993b74f766d as p,
   $c87311424ea30a05$export$7bef049ce92e4224 as q,
   $6a7db85432448f7f$export$29bf1b5f2c56cf63 as r,
   $6a7db85432448f7f$export$60278871457622de as s,
-  $507fabe10e71c6fb$export$630ff653c5ada6a9 as t,
-  $c87311424ea30a05$export$a11b0059900ceec8 as u,
-  $c87311424ea30a05$export$e1865c3bedcd822b as v,
-  $507fabe10e71c6fb$export$98e20ec92f614cfe as w,
+  $507fabe10e71c6fb$export$98e20ec92f614cfe as t,
+  $507fabe10e71c6fb$export$630ff653c5ada6a9 as u,
+  $c87311424ea30a05$export$a11b0059900ceec8 as v,
+  $c87311424ea30a05$export$e1865c3bedcd822b as w,
   $c87311424ea30a05$export$186c6964ca17d99 as x
 };

package/dist/getScrollParent-B3XgpXBL.js

@@ -0,0 +1,10 @@
+import { $ as $cc38e7bd3fc7b213$export$2bb74740c4e19def } from "./isScrollable-Dh9D9IOd.js";
+function $62d8ded9296f3872$export$cfa2225e87938781(node, checkForOverflow) {
+  let scrollableNode = node;
+  if ($cc38e7bd3fc7b213$export$2bb74740c4e19def(scrollableNode, checkForOverflow)) scrollableNode = scrollableNode.parentElement;
+  while (scrollableNode && !$cc38e7bd3fc7b213$export$2bb74740c4e19def(scrollableNode, checkForOverflow)) scrollableNode = scrollableNode.parentElement;
+  return scrollableNode || document.scrollingElement || document.documentElement;
+}
+export {
+  $62d8ded9296f3872$export$cfa2225e87938781 as $
+};