@eightshift/ui-components 2.0.2 → 3.0.1

package/dist/components/responsive/responsive.js

@@ -1,14 +1,14 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState } from "react";
 import { DecorativeTooltip } from "../tooltip/tooltip.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { _ as __, s as sprintf } from "../../default-i18n-CM1-Xvzf.js";
+import { _ as __, s as sprintf } from "../../default-i18n-CT_oS1Fy.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 { ButtonGroup, Button } from "../button/button.js";
+import { Button, ButtonGroup } 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";
@@ -41,6 +41,7 @@ import { BaseControl } from "../base-control/base-control.js";
  * @param {boolean} [props.noModeSelect] - If `true`, the mode selection (desktop-first/mobile-first) is hidden.
  * @param {boolean} [props.inline] - If `true`, the default breakpoint is shown inline with the label. In the expanded state, all breakpoints are shown below the label.
  * @param {boolean} [props.hidden] - If `true`, the component is not rendered.
+ * @param {boolean} [props.useLegacyDesktopFirst] - If `true`, the legacy desktop-first mode is used. This is only for backwards compatibility.
  * @param {'start' | 'center' | 'end' | 'stretch'} [props.innerContentAlign='start'] - Determines inner content alignment
  *
  * @returns {JSX.Element} The Responsive component.
@@ -88,16 +89,18 @@ const Responsive = (props) => {
     inline,
     children,
     hidden,
-    innerContentAlign = "start"
+    innerContentAlign = "start",
+    useLegacyDesktopFirst
   } = props;
   if (typeof rawBreakpoints === "undefined" || !Array.isArray(rawBreakpoints)) {
     console.warn(__("Responsive: Missing or invalid 'breakpoints' prop.", "eightshift-ui-components"));
     return null;
   }
   const breakpoints = rawBreakpoints.slice(1);
-  const desktopFirstBreakpoints = (rawDesktopFirstBreakpoints ?? rawBreakpoints.slice(0, -1)).map(
-    (breakpoint) => breakpoint.startsWith("max-") ? breakpoint : `max-${breakpoint}`
-  );
+  let desktopFirstBreakpoints = (rawDesktopFirstBreakpoints ?? rawBreakpoints.slice(1)).map((breakpoint) => breakpoint.startsWith("max-") ? breakpoint : `max-${breakpoint}`);
+  if (useLegacyDesktopFirst) {
+    desktopFirstBreakpoints = (rawDesktopFirstBreakpoints ?? rawBreakpoints.slice(0, -1)).map((breakpoint) => breakpoint.startsWith("max-") ? breakpoint : `max-${breakpoint}`);
+  }
   const [detailsVisible, setDetailsVisible] = useState(false);
   const isDesktopFirst = (value == null ? void 0 : value["_desktopFirst"]) === true;
   const firstMobileFirstOverride = breakpoints.find((breakpoint) => typeof (value == null ? void 0 : value[breakpoint]) !== "undefined");

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { _ as __ } from "../../default-i18n-CM1-Xvzf.js";
+import { _ as __ } from "../../default-i18n-CT_oS1Fy.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/rich-label/rich-label.js

@@ -10,6 +10,7 @@ import { c as clsx } from "../../lite-DVmmD_-j.js";
  * @param {string} [props.subtitle] - Subtitle to display.
  * @param {JSX.Element} [props.as] - Element to render the label as. Not compatible with `contentsOnly`.
  * @param {string} [props.className] - Classes to pass to the label.
+ * @param {string} [props.iconClassName] - Classes to pass to the icon.
  * @param {boolean} [props.fullWidth=false] - If `true`, the component will take up as much space as it can.
  * @param {boolean} [props.contentsOnly] - If `true`, only the label (/icon/subtitle) will be rendered, without any wrapping elements. Useful if you want to provide your own layout.
  * @param {boolean} [props.hidden] - If `true`, the component is not rendered.
@@ -28,14 +29,14 @@ import { c as clsx } from "../../lite-DVmmD_-j.js";
  * @preserve
  */
 const RichLabel = (props) => {
-  const { icon, label, subtitle, as, className, fullWidth = false, contentsOnly, hidden, noColor, fullSizeSubtitle, inlineSubtitle } = props;
+  const { icon, label, subtitle, as, className, iconClassName, fullWidth = false, contentsOnly, hidden, noColor, fullSizeSubtitle, inlineSubtitle } = props;
   if (hidden) {
     return null;
   }
   const ComponentToRender = as ?? "div";
   if (contentsOnly) {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      icon && /* @__PURE__ */ jsx("span", { className: clsx("es:[&>svg]:size-5.5", !noColor && "es:text-slate-500"), children: icon }),
+      icon && /* @__PURE__ */ jsx("span", { className: clsx("es:icon:size-5.5", !noColor && "es:text-slate-500"), children: icon }),
       label && /* @__PURE__ */ jsx("span", { className: clsx("es:text-balance", !noColor && "es:text-secondary-800"), children: label }),
       subtitle && /* @__PURE__ */ jsx("span", { className: clsx("es:text-balance es:text-xs es:opacity-65", !noColor && "es:text-secondary-800"), children: subtitle })
     ] });
@@ -51,7 +52,7 @@ const RichLabel = (props) => {
         className
       ),
       children: [
-        icon && /* @__PURE__ */ jsx("span", { className: "es:[&>svg]:size-5.5", children: icon }),
+        icon && /* @__PURE__ */ jsx("span", { className: clsx("es:icon:size-5.5", iconClassName), children: icon }),
         (label || subtitle) && /* @__PURE__ */ jsxs("div", { className: clsx("es:flex es:items-start es:text-balance es:text-start", inlineSubtitle ? "es:gap-1.5" : "es:flex-col"), children: [
           label && /* @__PURE__ */ jsx("span", { children: label }),
           subtitle && /* @__PURE__ */ jsx("span", { className: clsx(!fullSizeSubtitle && "es:text-xs", "es:opacity-65"), children: subtitle })

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-DcVLw9X5.js";
-import { D as DndContext, g as getDragEndHandler, S as SortableContext, a as getMultiValue, b as getMultiValueRemove } from "../../multi-select-components-DJfz929p.js";
+import { A as AsyncSelect$1 } from "../../react-select-async.esm-Bql4G5iV.js";
+import { D as DndContext, g as getDragEndHandler, S as SortableContext, a as getMultiValueRemove, b as getMultiValue } from "../../multi-select-components-Sp-JEFEX.js";
 import { r as restrictToParentElement } from "../../modifiers.esm-BuJQPI1X.js";
-import { CustomSelectDefaultMultiValueRemove, CustomSelectDefaultDropdownIndicator, CustomSelectDefaultClearIndicator } from "./custom-select-default-components.js";
+import { CustomSelectDefaultClearIndicator, CustomSelectDefaultDropdownIndicator, CustomSelectDefaultMultiValueRemove } 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-641ee5b8.esm-DbdaYaxR.js";
+import { c as components } from "../../index-641ee5b8.esm-DIuJijyT.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-DcVLw9X5.js";
-import { CustomSelectDefaultDropdownIndicator, CustomSelectDefaultClearIndicator } from "./custom-select-default-components.js";
+import { A as AsyncSelect$1 } from "../../react-select-async.esm-Bql4G5iV.js";
+import { CustomSelectDefaultClearIndicator, CustomSelectDefaultDropdownIndicator } 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-641ee5b8.esm-DbdaYaxR.js";
+import { c as components } from "../../index-641ee5b8.esm-DIuJijyT.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-641ee5b8.esm-DbdaYaxR.js";
+import { c as components } from "../../index-641ee5b8.esm-DIuJijyT.js";
 /**
  * Default dropdown indicator for CustomSelect.
  *

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

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
-import { g, a, b } from "../../multi-select-components-DJfz929p.js";
+import { g, b, a } from "../../multi-select-components-Sp-JEFEX.js";
 import "../../lite-DVmmD_-j.js";
 export {
   g as getDragEndHandler,
-  a as getMultiValue,
-  b as getMultiValueRemove
+  b as getMultiValue,
+  a as getMultiValueRemove
 };

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-OZ0cmTjg.js";
-import { D as DndContext, g as getDragEndHandler, S as SortableContext, a as getMultiValue, b as getMultiValueRemove } from "../../multi-select-components-DJfz929p.js";
+import { S as StateManagedSelect$1 } from "../../react-select.esm-B_TudhTU.js";
+import { D as DndContext, g as getDragEndHandler, S as SortableContext, a as getMultiValueRemove, b as getMultiValue } from "../../multi-select-components-Sp-JEFEX.js";
 import { r as restrictToParentElement } from "../../modifiers.esm-BuJQPI1X.js";
-import { CustomSelectDefaultMultiValueRemove, CustomSelectDefaultDropdownIndicator, CustomSelectDefaultClearIndicator } from "./custom-select-default-components.js";
+import { CustomSelectDefaultClearIndicator, CustomSelectDefaultDropdownIndicator, CustomSelectDefaultMultiValueRemove } 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-641ee5b8.esm-DbdaYaxR.js";
+import { c as components } from "../../index-641ee5b8.esm-DIuJijyT.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-641ee5b8.esm-DbdaYaxR.js";
+import { c as components } from "../../index-641ee5b8.esm-DIuJijyT.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-OZ0cmTjg.js";
-import { CustomSelectDefaultDropdownIndicator, CustomSelectDefaultClearIndicator } from "./custom-select-default-components.js";
+import { S as StateManagedSelect$1 } from "../../react-select.esm-B_TudhTU.js";
+import { CustomSelectDefaultClearIndicator, CustomSelectDefaultDropdownIndicator } 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-641ee5b8.esm-DbdaYaxR.js";
+import { c as components } from "../../index-641ee5b8.esm-DIuJijyT.js";
 /**
  * Select menu.
  *

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

@@ -1,20 +1,20 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { _ as __ } from "../../../default-i18n-CM1-Xvzf.js";
-import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-OQ5EIPvt.js";
-import { $ as $f86e6c1ec7da6ebb$export$bc3384a35de93d66, a as $d01f2c01039c0eec$export$72b9695b8216309a, b as $d01f2c01039c0eec$export$c02625b26074192c } from "../../../ComboBox-BnlZjJ3T.js";
-import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../../Input-Se0m3ubj.js";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../../Label-Ca9uelsn.js";
-import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../../ListBox-D9dFEh5A.js";
-import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-CIh-hX93.js";
-import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../../Text-aOUPPvTO.js";
+import { _ as __ } from "../../../default-i18n-CT_oS1Fy.js";
+import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-BPLceDeW.js";
+import { $ as $f86e6c1ec7da6ebb$export$bc3384a35de93d66, a as $d01f2c01039c0eec$export$72b9695b8216309a, b as $d01f2c01039c0eec$export$c02625b26074192c } from "../../../ComboBox-_RfyhwZw.js";
+import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../../Input-BxpFEIXV.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../../Label-icmbmNdI.js";
+import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../../ListBox-Ca6hiCqz.js";
+import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-8tYeQ9n4.js";
+import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../../Text-DVSAPY-K.js";
 import { OptionItemBase } from "./shared.js";
 import { RichLabel } from "../../rich-label/rich-label.js";
 import { BaseControl } from "../../base-control/base-control.js";
 import { useEffect, useRef, cloneElement, useContext } from "react";
 import { icons } from "../../../icons/icons.js";
-import "../../../react-jsx-parser.min-CVit0rZn.js";
+import "../../../react-jsx-parser.min-DZCiis5V.js";
 import { unescapeHTML } from "../../../utilities/text-helpers.js";
-import { c as clsx } from "../../../utils-39D0mStj.js";
+import { c as clsx } from "../../../utils-DkCSC521.js";
 /**
  * Select menu with async loading.
  *

package/dist/components/select/v2/shared.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { a as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../../ListBox-D9dFEh5A.js";
-import { c as clsx } from "../../../utils-39D0mStj.js";
+import { a as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../../ListBox-Ca6hiCqz.js";
+import { c as clsx } from "../../../utils-DkCSC521.js";
 const OptionItemBase = (props) => {
   var _a;
   return /* @__PURE__ */ jsx(

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

@@ -1,28 +1,28 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { _ as __ } from "../../../default-i18n-CM1-Xvzf.js";
+import { _ as __ } from "../../../default-i18n-CT_oS1Fy.js";
 import { BaseControl } from "../../base-control/base-control.js";
-import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1, $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-OQ5EIPvt.js";
-import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../../Label-Ca9uelsn.js";
-import { b as $eed445e0843c11d0$export$7ff8f37d2d81a48d, c as $eed445e0843c11d0$export$7c5906fe4f1f2af2, $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../../ListBox-D9dFEh5A.js";
-import { o as $168583247155ddda$export$dc9c12ed27dd1b49, l as $de32f1b87079253c$export$d2f961adcb0afbe, p as $07b14b47974efb58$export$9b9a0cd73afb7ca4, $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-CIh-hX93.js";
-import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, f as $bdb11010cef70236$export$f680877a34711e37, p as $ff5963eb1fccf552$export$e08e3b67e392101e, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, i as $64fa3d84918910a7$export$ef03459518577ad4, b as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a, c as clsx } from "../../../utils-39D0mStj.js";
-import { a as $2baaea4c71418dea$export$294aa081a6c6f55d, $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../../FieldError-D7A6s7O5.js";
+import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1, $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-BPLceDeW.js";
+import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../../Label-icmbmNdI.js";
+import { b as $eed445e0843c11d0$export$7ff8f37d2d81a48d, c as $eed445e0843c11d0$export$7c5906fe4f1f2af2, $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../../ListBox-Ca6hiCqz.js";
+import { o as $168583247155ddda$export$dc9c12ed27dd1b49, l as $de32f1b87079253c$export$d2f961adcb0afbe, p as $07b14b47974efb58$export$9b9a0cd73afb7ca4, $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-8tYeQ9n4.js";
+import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, p as $ff5963eb1fccf552$export$e08e3b67e392101e, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, b as $64fa3d84918910a7$export$4d86445c2cf5e3, g as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, h as $64fa3d84918910a7$export$ef03459518577ad4, i as $64fa3d84918910a7$export$2881499e37b75b9a, c as clsx } from "../../../utils-DkCSC521.js";
+import { a as $2baaea4c71418dea$export$294aa081a6c6f55d, $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../../FieldError-52GVSGgC.js";
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../../Form-Cq3fu75_.js";
-import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../../Text-aOUPPvTO.js";
-import { n as $fb3050f43d946246$export$e32c88dfddc6e1d8, d as $e1995378a142960e$export$bf788dd355e3a401 } from "../../../Collection-CJM_asJz.js";
+import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../../Text-DVSAPY-K.js";
+import { o as $fb3050f43d946246$export$e32c88dfddc6e1d8, e as $e1995378a142960e$export$bf788dd355e3a401 } from "../../../Collection-CZxddMZS.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../../filterDOMProps-EDDcM64A.js";
-import { a as $fc909762b330b746$export$61c6a8c84e605fb6, f as $9daab02d461809db$export$683480f191c0e3ea } from "../../../OverlayArrow-1jx-ZyCR.js";
-import React__default, { useMemo, useRef, useState, createContext, forwardRef, useCallback, useContext, cloneElement } from "react";
-import { a as $e93e671b31057976$export$b8473d3665f3a75a, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "../../../useFormValidation-BWwmZQE2.js";
-import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../../../useSingleSelectListState-Cu3xtEJS.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../../useFocusRing-CGp3guTX.js";
-import { e as $325a3faab7a68acd$export$a16aca283550c30d, f as $2a25aae57d74318e$export$a05409b8bb224a5a } from "../../../Separator-BhZycTUp.js";
-import { l as $507fabe10e71c6fb$export$8397ddfc504fdb9a } from "../../../focusSafely-CiqTTjWy.js";
-import { $ as $99facab73266f662$export$5add1d006293d136 } from "../../../useFormReset-NpLM2e3G.js";
-import { a as $5c3e21d68f1c4674$export$a966af930f325cab } from "../../../VisuallyHidden-ClTQo25k.js";
-import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../../useLocalizedStringFormatter-BQ4TF72x.js";
+import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, f as $9daab02d461809db$export$683480f191c0e3ea } from "../../../OverlayArrow-CYXQSlEU.js";
+import React__default, { useMemo, useRef, useState, forwardRef, createContext, useContext, useCallback, cloneElement } from "react";
+import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../../useLocalizedStringFormatter-CFP1YZWQ.js";
+import { a as $e93e671b31057976$export$b8473d3665f3a75a, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "../../../useFormValidation-DhDNSjws.js";
+import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../../../useSingleSelectListState-CMGsRHHh.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../../useFocusRing-CV5l3lf6.js";
+import { e as $325a3faab7a68acd$export$a16aca283550c30d, f as $2a25aae57d74318e$export$a05409b8bb224a5a } from "../../../Separator-4IIDRlV_.js";
+import { p as $507fabe10e71c6fb$export$8397ddfc504fdb9a } from "../../../useHover-DwDr6ozG.js";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "../../../useFormReset-C5OggHsw.js";
+import { a as $5c3e21d68f1c4674$export$a966af930f325cab } from "../../../VisuallyHidden-f9zX67a_.js";
 import { icons } from "../../../icons/icons.js";
-import "../../../react-jsx-parser.min-CVit0rZn.js";
+import "../../../react-jsx-parser.min-DZCiis5V.js";
 import { OptionItemBase } from "./shared.js";
 import { RichLabel } from "../../rich-label/rich-label.js";
 const $58aed456727eb0f3$export$703601b7e90536f8 = /* @__PURE__ */ new WeakMap();
@@ -183,7 +183,7 @@ function $bdd25dc72710631f$export$f809e80f58e251d1(props, state, triggerRef) {
       disabled: isDisabled,
       required: validationBehavior === "native" && isRequired,
       name,
-      value: (_state_selectedKey = state.selectedKey) !== null && _state_selectedKey !== void 0 ? _state_selectedKey : "",
+      value: (_state_selectedKey = state.selectedKey) !== null && _state_selectedKey !== void 0 ? _state_selectedKey : void 0,
       onChange: (e) => state.setSelectedKey(e.target.value)
     }
   };
@@ -576,7 +576,7 @@ function $82d7e5349645de74$var$SelectInner({ props, selectRef: ref, collection }
     within: true
   });
   let buttonRef = useRef(null);
-  let [labelRef, label] = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8();
+  let [labelRef, label] = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8(!props["aria-label"] && !props["aria-labelledby"]);
   let { labelProps, triggerProps, valueProps, menuProps, descriptionProps, errorMessageProps, ...validation } = $58aed456727eb0f3$export$e64b2f635402ca43({
     ...$64fa3d84918910a7$export$ef03459518577ad4(props),
     label,
@@ -658,7 +658,8 @@ function $82d7e5349645de74$var$SelectInner({ props, selectRef: ref, collection }
           placement: "bottom start",
           style: {
             "--trigger-width": buttonWidth
-          }
+          },
+          "aria-labelledby": menuProps["aria-labelledby"]
         }
       ],
       [

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-CM1-Xvzf.js";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-Ca9uelsn.js";
-import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b } from "../../Slider-BZNaJylD.js";
+import { _ as __ } from "../../default-i18n-CT_oS1Fy.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-icmbmNdI.js";
+import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b } from "../../Slider-rz2XRMGm.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-39D0mStj.js";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5, a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "../../Label-Ca9uelsn.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-BZNaJylD.js";
+import { $ as $64fa3d84918910a7$export$fabf2dc03a41866e } from "../../utils-DkCSC521.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5, a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "../../Label-icmbmNdI.js";
+import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b, d as $6f909507e6374d18$export$1e7083018727fa60 } from "../../Slider-rz2XRMGm.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-CM1-Xvzf.js";
+import { _ as __, s as sprintf, a as _n } from "../../default-i18n-CT_oS1Fy.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,21 +1,27 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { c as $880e95eb8b93ba9a$export$ecf600387e221c37, i as $ae20dd8cbca75726$export$d6daf82dcd84e87c, d as $e1995378a142960e$export$bf788dd355e3a401, e as $e1995378a142960e$export$fb8073518f34e6ec, f as $7135fc7d473fd974$export$4feb769f8ddf26c5, j as $7135fc7d473fd974$export$90e00781bc59d8f9, h as $e1995378a142960e$export$18af5c7a9e9b3664, k as $7135fc7d473fd974$export$a164736487e3f0ae } from "../../Collection-CJM_asJz.js";
-import { l as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, d as $3ef42575df84b30b$export$9d1611c77c2fe928, f as $bdb11010cef70236$export$f680877a34711e37, a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, m as $df56164dff5785e2$export$4338b53315abf666 } from "../../utils-39D0mStj.js";
-import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "../../Hidden-DnOd_jPX.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c as $880e95eb8b93ba9a$export$ecf600387e221c37, k as $ae20dd8cbca75726$export$d6daf82dcd84e87c, d as $e1995378a142960e$export$18af5c7a9e9b3664, f as $e1995378a142960e$export$fb8073518f34e6ec, g as $7135fc7d473fd974$export$4feb769f8ddf26c5, m as $7135fc7d473fd974$export$a164736487e3f0ae, e as $e1995378a142960e$export$bf788dd355e3a401, n as $7135fc7d473fd974$export$90e00781bc59d8f9 } from "../../Collection-CZxddMZS.js";
+import { k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, d as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, l as $df56164dff5785e2$export$4338b53315abf666, b as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e } from "../../utils-DkCSC521.js";
+import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "../../Hidden-rE6uR-lr.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
-import React__default, { useState, useMemo, useRef, useEffect, forwardRef, useContext, createContext, useId, cloneElement, isValidElement } from "react";
-import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../../useSingleSelectListState-Cu3xtEJS.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-CGp3guTX.js";
-import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../../useLabels-C_2wWraB.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-CDOs-GuR.js";
-import { a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "../../usePress-rg_OQIGW.js";
-import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../../FocusScope-Cs5_OoeA.js";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-CiqTTjWy.js";
-import { _ as __, s as sprintf } from "../../default-i18n-CM1-Xvzf.js";
+import React__default, { version, useState, useMemo, useRef, useEffect, forwardRef, useContext, createContext, isValidElement, useId, cloneElement } from "react";
+import { a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "../../usePress-Cucx-xSA.js";
+import { a as $f645667febf57a63$export$4c014de7c8940b4c, $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-DwDr6ozG.js";
+import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../../useLabels-D8cxd1Z8.js";
+import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../../FocusScope-Cri5BFRz.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-D2KUdwNL.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-CV5l3lf6.js";
+import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../../useSingleSelectListState-CMGsRHHh.js";
+import { _ as __, s as sprintf } from "../../default-i18n-CT_oS1Fy.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { c as cva } from "../../index-CcCn9HWX.js";
+import { c as cva } from "../../index-BKGQ6jGS.js";
 import { Notice } from "../notice/notice.js";
 import { RichLabel } from "../rich-label/rich-label.js";
+function $cdc5a6778b766db2$export$a9d04c5684123369(value) {
+  const pieces = version.split(".");
+  const major = parseInt(pieces[0], 10);
+  if (major >= 19) return value;
+  return value ? "true" : void 0;
+}
 function $83013635b024ae3d$export$eac1895992b9f3d6(ref, options) {
   let isDisabled = options === null || options === void 0 ? void 0 : options.isDisabled;
   let [hasTabbableChild, setHasTabbableChild] = useState(false);
@@ -77,8 +83,11 @@ function $0175d55c2a017ebc$export$fdf4756d5b8ef90a(props, state, ref) {
   });
   delete domProps.id;
   let linkProps = $ea8dcbcb9ea1b556$export$7e924b3091a3bd18(item === null || item === void 0 ? void 0 : item.props);
+  let { focusableProps } = $f645667febf57a63$export$4c014de7c8940b4c({
+    isDisabled
+  }, ref);
   return {
-    tabProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, linkProps, itemProps, {
+    tabProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, focusableProps, linkProps, itemProps, {
       id: tabId,
       "aria-selected": isSelected,
       "aria-disabled": isDisabled || void 0,
@@ -206,7 +215,7 @@ function $76f919a04c5a7d14$export$4ba071daf4e486(props) {
   let lastSelectedKey = useRef(currentSelectedKey);
   useEffect(() => {
     let selectedKey = currentSelectedKey;
-    if (selectionManager.isEmpty || selectedKey == null || !collection.getItem(selectedKey)) {
+    if (props.selectedKey == null && (selectionManager.isEmpty || selectedKey == null || !collection.getItem(selectedKey))) {
       selectedKey = $76f919a04c5a7d14$var$findDefaultSelectedKey(collection, state.disabledKeys);
       if (selectedKey != null)
         selectionManager.setSelectedKeys([
@@ -354,6 +363,7 @@ const $5e8ad37a45e1c704$export$3e41faf802a29e71 = /* @__PURE__ */ $e1995378a1429
   let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
     ...props,
     id: void 0,
+    children: item.rendered,
     defaultClassName: "react-aria-Tab",
     values: {
       isSelected,
@@ -374,7 +384,7 @@ const $5e8ad37a45e1c704$export$3e41faf802a29e71 = /* @__PURE__ */ $e1995378a1429
     "data-focus-visible": isFocusVisible || void 0,
     "data-pressed": isPressed || void 0,
     "data-hovered": isHovered || void 0
-  });
+  }, renderProps.children);
 });
 const $5e8ad37a45e1c704$export$3d96ec278d3efce4 = /* @__PURE__ */ $f39a9eba43920ace$export$86427a43e3e48ebb(function TabPanel(props, forwardedRef) {
   const state = useContext($5e8ad37a45e1c704$export$364712098d2aa57c);
@@ -402,7 +412,7 @@ const $5e8ad37a45e1c704$export$3d96ec278d3efce4 = /* @__PURE__ */ $f39a9eba43920
     "data-focused": isFocused || void 0,
     "data-focus-visible": isFocusVisible || void 0,
     // @ts-ignore
-    inert: !isSelected ? "true" : void 0,
+    inert: $cdc5a6778b766db2$export$a9d04c5684123369(!isSelected),
     "data-inert": !isSelected ? "true" : void 0
   }, /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
     values: [
@@ -431,7 +441,7 @@ const $5e8ad37a45e1c704$export$3d96ec278d3efce4 = /* @__PURE__ */ $f39a9eba43920
  *
  * @returns {JSX.Element} The Tabs component.
  *
- * @typedef {'underline' | 'pill' | 'pillInverse'} TabsType
+ * @typedef {'underline' | 'pill' | 'pillInverse' | 'pillCompact' | 'pillCompactInverse'} TabsType
  *
  * @example
  * <Tabs>
@@ -564,6 +574,7 @@ TabList2.displayName = "TabList";
  * @param {string} [props.className] - Classes to pass to the tab.
  * @param {JSX.Element} [props.icon] - Icon to show on the tab.
  * @param {string|JSX.Element} [props.badge] - Badge to render besides the label.
+ * @param {boolean} [props.invisible] - If `true`, the tab is disabled and not rendered, but is not unmounted from the DOM.
  * @param {string} [props.label] - Tab label. **Note**: overrides inner items!
  * @param {string} [props.subtitle] - Tab subtitle. **Note**: overrides inner items!
  *
@@ -574,12 +585,15 @@ TabList2.displayName = "TabList";
  * @preserve
  */
 const Tab = (props) => {
-  const { children, disabled, isParentVertical, className, icon, label, subtitle, type, badge, ...other } = props;
+  const { children, disabled, isParentVertical, className, icon, label, subtitle, type, badge, invisible, ...other } = props;
   const componentClasses = cva(
     [
-      "es:group es:flex es:items-center es:gap-1.5 es:relative es:shrink-0 es:min-h-9.5",
+      "es:group es:flex es:items-center es:gap-1.5 es:relative es:shrink-0",
       "es:select-none es:text-sm es:transition es:not-disabled:cursor-pointer",
       "es:any-focus:outline-hidden es:focus-visible:ring-2 es:focus-visible:ring-accent-500/50",
+      !(type === "pillCompact" || type === "pillCompactInverse") && "es:min-h-9.5",
+      isParentVertical && (type === "pillCompact" || type === "pillCompactInverse") && "es:min-h-8",
+      invisible && "es:hidden",
       className
     ],
     {
@@ -587,7 +601,9 @@ const Tab = (props) => {
         type: {
           underline: "es:disabled:text-secondary-400 es:selected:text-accent-950",
           pill: "es:font-[450] es:border es:border-transparent es:px-3 es:py-2 es:rounded-lg es:not-disabled:not-selected:hover:text-secondary-900 es:not-disabled:not-selected:hover:bg-secondary-100 es:text-secondary-500 es:selected:text-accent-900 es:selected:bg-accent-400/15 es:has-icon:pl-2.5 es:focus-visible:border-accent-500 es:disabled:text-secondary-400/75",
-          pillInverse: "es:font-[450] es:border es:border-transparent es:px-3 es:py-2 es:rounded-lg es:not-disabled:not-selected:hover:text-secondary-900 es:not-disabled:not-selected:hover:bg-secondary-100 es:text-secondary-500 es:selected:text-white es:selected:bg-accent-600 es:has-icon:pl-2.5 es:focus-visible:border-accent-500 es:disabled:text-secondary-400/75"
+          pillInverse: "es:font-[450] es:border es:border-transparent es:px-3 es:py-2 es:rounded-lg es:not-disabled:not-selected:hover:text-secondary-900 es:not-disabled:not-selected:hover:bg-secondary-100 es:text-secondary-500 es:selected:text-white es:selected:bg-accent-600 es:has-icon:pl-2.5 es:focus-visible:border-accent-500 es:disabled:text-secondary-400/75",
+          pillCompact: "es:icon:size-4 es:font-[450] es:border es:border-transparent es:px-1.5 es:py-1 es:rounded-lg es:not-disabled:not-selected:hover:text-secondary-900 es:not-disabled:not-selected:hover:bg-secondary-100 es:text-secondary-500 es:selected:text-accent-900 es:selected:bg-accent-400/15 es:has-icon:pl-1 es:focus-visible:border-accent-500 es:disabled:text-secondary-400/75",
+          pillCompactInverse: "es:icon:size-4 es:font-[450] es:border es:border-transparent es:px-1.5 es:py-1 es:rounded-lg es:not-disabled:not-selected:hover:text-secondary-900 es:not-disabled:not-selected:hover:bg-secondary-100 es:text-secondary-500 es:selected:text-white es:selected:bg-accent-600 es:has-icon:pl-1 es:focus-visible:border-accent-500 es:disabled:text-secondary-400/75"
         }
       },
       compoundVariants: [
@@ -618,7 +634,7 @@ const Tab = (props) => {
     $5e8ad37a45e1c704$export$3e41faf802a29e71,
     {
       ...other,
-      isDisabled: disabled,
+      isDisabled: disabled || invisible,
       className: componentClasses({ vertical: Boolean(isParentVertical), type }),
       children: [
         (icon || subtitle) && /* @__PURE__ */ jsx(
@@ -627,7 +643,8 @@ const Tab = (props) => {
             icon,
             label: label ?? children,
             subtitle,
-            noColor: true
+            noColor: true,
+            iconClassName: clsx((type === "pillCompact" || type === "pillCompactInverse") && "es:icon:size-4!")
           }
         ),
         !(icon || subtitle) && (label ?? children),
@@ -638,7 +655,10 @@ const Tab = (props) => {
               "es:transition-colors es:px-1.5 es:py-1 es:leading-none es:rounded-md es:text-xs es:font-medium",
               type === "underline" && "es:inset-ring es:inset-ring-secondary-200/20 es:bg-secondary-100 es:group-selected:bg-accent-500/10 es:group-selected:text-accent-900 es:group-selected:inset-ring-accent-500/10",
               type === "pill" && "es:bg-secondary-100 es:group-selected:bg-accent-600 es:group-selected:text-white",
-              type === "pillInverse" && "es:bg-secondary-100 es:group-selected:bg-accent-50 es:group-selected:text-accent-900"
+              type === "pillInverse" && "es:bg-secondary-100 es:group-selected:bg-accent-50 es:group-selected:text-accent-900",
+              type === "pillCompact" && "es:bg-secondary-100 es:group-selected:bg-accent-600 es:group-selected:text-white",
+              type === "pillCompactInverse" && "es:bg-secondary-100 es:group-selected:bg-accent-50 es:group-selected:text-accent-900",
+              (type === "pillCompact" || type === "pillCompactInverse") && "es:[&_svg]:size-4!"
             ),
             children: badge
           }
@@ -668,7 +688,7 @@ const TabPanel2 = (props) => {
     $5e8ad37a45e1c704$export$3d96ec278d3efce4,
     {
       ...other,
-      className: clsx("es:mt-1.5 es:space-y-2.5 es:text-sm es:any-focus:outline-hidden", className),
+      className: clsx("es:space-y-2.5 es:text-sm es:any-focus:outline-hidden", className),
       children
     }
   );

package/dist/components/toggle/switch.js

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, m as $df56164dff5785e2$export$4338b53315abf666, n as $5dc95899b306f630$export$c9058316764c140e, i as $64fa3d84918910a7$export$ef03459518577ad4, b as $64fa3d84918910a7$export$4d86445c2cf5e3, d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../../utils-39D0mStj.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, d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../../utils-DkCSC521.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
 import React__default, { forwardRef, createContext } from "react";
-import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-DhSBQxkp.js";
-import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "../../useToggle-DzlgBLAJ.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-CGp3guTX.js";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-CiqTTjWy.js";
-import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-ClTQo25k.js";
+import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-CmQX3SoX.js";
+import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "../../useToggle-C0I3vs0g.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-CV5l3lf6.js";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-DwDr6ozG.js";
+import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-f9zX67a_.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);
@@ -114,7 +114,7 @@ const Switch2 = (props) => {
       className: "es:group es:flex es:items-center es:justify-between es:gap-2 es:any-focus:outline-hidden",
       children: [
         children,
-        /* @__PURE__ */ jsx("div", { className: clsx("es:flex es:shrink-0 es:items-center es:justify-center", className), children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("div", { className: clsx("es:flex es:shrink-0 es:items-center es:justify-center es:min-h-6.5", className), children: /* @__PURE__ */ jsx(
           "div",
           {
             className: clsx(

package/dist/components/toggle/toggle.js

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

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

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { p as $ff5963eb1fccf552$export$e08e3b67e392101e, d as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-39D0mStj.js";
+import { p as $ff5963eb1fccf552$export$e08e3b67e392101e, d as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-DkCSC521.js";
 import React__default, { createContext, forwardRef, useContext } from "react";
-import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-DhSBQxkp.js";
-import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "../../useButton-CmLbE5vg.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-CGp3guTX.js";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-CiqTTjWy.js";
-import { c as cva } from "../../index-CcCn9HWX.js";
+import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-CmQX3SoX.js";
+import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "../../useButton-Cg474OYB.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-CV5l3lf6.js";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-DwDr6ozG.js";
+import { c as cva } from "../../index-BKGQ6jGS.js";
 import { Tooltip } from "../tooltip/tooltip.js";
 function $55f54f7887471b58$export$51e84d46ca0bc451(props, state, ref) {
   const { isSelected } = state;