@eightshift/ui-components 2.0.2 → 3.0.0

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 { 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-D7c-vzAt.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-CfdzmefC.js";
+import { o as $168583247155ddda$export$dc9c12ed27dd1b49, l as $de32f1b87079253c$export$d2f961adcb0afbe, p as $07b14b47974efb58$export$9b9a0cd73afb7ca4, $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-s3fX5lSh.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, g as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, h as $64fa3d84918910a7$export$ef03459518577ad4, b as $64fa3d84918910a7$export$4d86445c2cf5e3, 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, d as $e1995378a142960e$export$bf788dd355e3a401 } from "../../../Collection-CDEKDgvV.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 { a as $fc909762b330b746$export$61c6a8c84e605fb6, f as $9daab02d461809db$export$683480f191c0e3ea } from "../../../OverlayArrow-CMh-7gEM.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 { a as $e93e671b31057976$export$b8473d3665f3a75a, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "../../../useFormValidation-BgSHI8kQ.js";
+import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../../../useSingleSelectListState-Dgbuzw5o.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../../useFocusRing-CxlVCVpL.js";
+import { e as $325a3faab7a68acd$export$a16aca283550c30d, f as $2a25aae57d74318e$export$a05409b8bb224a5a } from "../../../Separator-BxbOoGIK.js";
+import { p as $507fabe10e71c6fb$export$8397ddfc504fdb9a } from "../../../useHover-B-8Wji4B.js";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "../../../useFormReset-C5OggHsw.js";
+import { a as $5c3e21d68f1c4674$export$a966af930f325cab } from "../../../VisuallyHidden-ooItkWYR.js";
+import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../../useLocalizedStringFormatter-CFP1YZWQ.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 $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-BZO0Tvut.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, c as $6f909507e6374d18$export$a590f758a961cb5b, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, d as $6f909507e6374d18$export$1e7083018727fa60 } from "../../Slider-BZO0Tvut.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,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 { c as $880e95eb8b93ba9a$export$ecf600387e221c37, k as $ae20dd8cbca75726$export$d6daf82dcd84e87c, d as $e1995378a142960e$export$bf788dd355e3a401, e as $e1995378a142960e$export$fb8073518f34e6ec, f as $7135fc7d473fd974$export$4feb769f8ddf26c5, m as $7135fc7d473fd974$export$90e00781bc59d8f9, h as $e1995378a142960e$export$18af5c7a9e9b3664, n as $7135fc7d473fd974$export$a164736487e3f0ae } from "../../Collection-CDEKDgvV.js";
+import { k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, d as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, l as $df56164dff5785e2$export$4338b53315abf666 } 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 React__default, { version, useState, useMemo, useRef, useEffect, forwardRef, useContext, createContext, useId, cloneElement, isValidElement } from "react";
+import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../../useSingleSelectListState-Dgbuzw5o.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-CxlVCVpL.js";
+import { a as $f645667febf57a63$export$4c014de7c8940b4c, $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-B-8Wji4B.js";
+import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../../useLabels-D8cxd1Z8.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-D2KUdwNL.js";
+import { a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "../../usePress-C3dxzVyi.js";
+import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../../FocusScope-DbqfVa2Z.js";
 import { _ as __, s as sprintf } from "../../default-i18n-CM1-Xvzf.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
           }

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-BZoo5qt_.js";
+import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "../../useToggle-DyZydSPy.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-CxlVCVpL.js";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-B-8Wji4B.js";
+import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-ooItkWYR.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-BZoo5qt_.js";
+import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "../../useButton-Dl1C1478.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-CxlVCVpL.js";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-B-8Wji4B.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;

package/dist/components/tooltip/tooltip.js

@@ -1,9 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { a as $fc909762b330b746$export$61c6a8c84e605fb6, b as $d3f049242431219c$export$45fda7c47f93fd48, c as $2a41e45df1593e64$export$d39e1813b3bdd0e1, $ as $d3f049242431219c$export$6d3443f2c48bfc20, d as $44f671af83e7d9e0$export$2de4954e8ae13b9f, e as $44f671af83e7d9e0$export$746d02f47f4d381 } from "../../OverlayArrow-1jx-ZyCR.js";
-import { e as $b5e257d569688ac6$export$535bd6ca7f90a273, d as $3ef42575df84b30b$export$9d1611c77c2fe928, f as $bdb11010cef70236$export$f680877a34711e37, j as $64fa3d84918910a7$export$2881499e37b75b9a, a as $64fa3d84918910a7$export$29f1550f4b0d4415, l as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, b as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-39D0mStj.js";
-import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c, a as $e6afbd83fe6ebbd2$export$13f3202a3e5ddd5 } from "../../useFocusable-087cO5Ct.js";
+import { a as $fc909762b330b746$export$61c6a8c84e605fb6, b as $d3f049242431219c$export$45fda7c47f93fd48, c as $2a41e45df1593e64$export$d39e1813b3bdd0e1, $ as $d3f049242431219c$export$6d3443f2c48bfc20, d as $44f671af83e7d9e0$export$2de4954e8ae13b9f, e as $44f671af83e7d9e0$export$746d02f47f4d381 } from "../../OverlayArrow-CMh-7gEM.js";
+import { n as $b5e257d569688ac6$export$535bd6ca7f90a273, d as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, i as $64fa3d84918910a7$export$2881499e37b75b9a, a as $64fa3d84918910a7$export$29f1550f4b0d4415, k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, b as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-DkCSC521.js";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456, a as $f645667febf57a63$export$4c014de7c8940b4c, w as $507fabe10e71c6fb$export$630ff653c5ada6a9, m as $507fabe10e71c6fb$export$b9b3dfddab17db27, x as $f645667febf57a63$export$13f3202a3e5ddd5 } from "../../useHover-B-8Wji4B.js";
 import React__default, { useContext, useState, useMemo, useRef, useEffect, forwardRef, createContext } from "react";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456, k as $507fabe10e71c6fb$export$630ff653c5ada6a9, a as $507fabe10e71c6fb$export$b9b3dfddab17db27, d as $9ab94262bd0047c7$export$420e68273165f4ec } from "../../focusSafely-CiqTTjWy.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
 import { $ as $dbSRa$reactdom } from "../../index-BRp93Yfa.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
@@ -140,7 +139,7 @@ function $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref) {
     onHoverStart,
     onHoverEnd
   });
-  let { focusableProps } = $e6afbd83fe6ebbd2$export$4c014de7c8940b4c({
+  let { focusableProps } = $f645667febf57a63$export$4c014de7c8940b4c({
     isDisabled,
     onFocus,
     onBlur
@@ -150,7 +149,8 @@ function $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref) {
       "aria-describedby": state.isOpen ? tooltipId : void 0,
       ...$3ef42575df84b30b$export$9d1611c77c2fe928(focusableProps, hoverProps, {
         onPointerDown: onPressStart,
-        onKeyDown: onPressStart
+        onKeyDown: onPressStart,
+        tabIndex: void 0
       })
     },
     tooltipProps: {
@@ -271,7 +271,7 @@ function $4e3b923658d69c60$export$8c610744efcf8a1d(props) {
         }
       ]
     ]
-  }, /* @__PURE__ */ React__default.createElement($e6afbd83fe6ebbd2$export$13f3202a3e5ddd5, {
+  }, /* @__PURE__ */ React__default.createElement($f645667febf57a63$export$13f3202a3e5ddd5, {
     ...triggerProps,
     ref
   }, props.children));
@@ -423,12 +423,12 @@ const Tooltip2 = (props) => {
             offset,
             crossOffset,
             className: ({ isEntering, isExiting }) => clsx(
-              "es:group es:motion-translat",
+              "es:group es:pointer-events-none",
               "es:z-20 es:select-none es:rounded-md es:border es:px-1.5 es:py-0.5 es:text-sm es:shadow es:backdrop-blur-3xl es:will-change-[transform,opacity] es:fill-mode-forwards",
               theme === "light" && "es:border-secondary-200 es:bg-white/90 es:text-secondary-700",
               theme === "dark" && "es:border-secondary-600 es:bg-black/80 es:text-secondary-100",
-              isEntering && "es:motion-opacity-in es:motion-duration-300 es:motion-safe:data-[placement=left]:motion-translate-x-in-25 es:motion-safe:data-[placement=right]:-motion-translate-x-in-25 es:motion-safe:data-[placement=top]:motion-translate-y-in-25 es:motion-safe:data-[placement=bottom]:-motion-translate-y-in-25 es:motion-ease-spring-bouncier es:motion-ease-linear/opacity",
-              isExiting && "es:motion-opacity-out es:motion-duration-200 es:motion-safe:data-[placement=left]:motion-translate-x-out-[12.5%] es:motion-safe:data-[placement=right]:motion-translate-x-out-[-12.5%] es:motion-safe:data-[placement=top]:motion-translate-y-out-[12.5%] es:motion-safe:data-[placement=bottom]:motion-translate-y-out-[-12.5%] es:motion-ease-spring-bouncier es:motion-ease-linear/opacity",
+              isEntering && "es:motion-opacity-in es:motion-duration-300 es:motion-safe:data-[placement=left]:motion-translate-x-in-[5%] es:motion-safe:data-[placement=right]:-motion-translate-x-in-[5%] es:motion-safe:data-[placement=top]:motion-translate-y-in-[5%] es:motion-safe:data-[placement=bottom]:-motion-translate-y-in-[5%] es:motion-ease-spring-smooth es:motion-ease-linear/opacity",
+              isExiting && "es:motion-opacity-out es:motion-duration-200 es:motion-safe:data-[placement=left]:motion-translate-x-out-[12.5%] es:motion-safe:data-[placement=right]:motion-translate-x-out-[-12.5%] es:motion-safe:data-[placement=top]:motion-translate-y-out-[12.5%] es:motion-safe:data-[placement=bottom]:motion-translate-y-out-[-12.5%] es:motion-ease-spring-smooth es:motion-ease-linear/opacity",
               className
             ),
             children: [
@@ -440,9 +440,10 @@ const Tooltip2 = (props) => {
                   viewBox: "0 0 8 8",
                   className: clsx(
                     "es:m-px es:stroke-none es:drop-shadow-sm",
+                    "es:pointer-events-none",
                     theme === "light" && "es:fill-secondary-200",
                     theme === "dark" && "es:fill-secondary-600",
-                    "group-placement-left:-es:rotate-90 group-placement-right:es:rotate-90 group-placement-bottom:es:rotate-180",
+                    "es:group-data-[placement=left]:-rotate-90 es:group-data-[placement=right]:rotate-90 es:group-data-[placement=bottom]:rotate-180",
                     "es:forced-colors:fill-[Canvas] es:forced-colors:stroke-[ButtonBorder]"
                   ),
                   children: /* @__PURE__ */ jsx("path", { d: "M0 0 L4 4 L8 0" })
@@ -496,29 +497,22 @@ const Tooltip2 = (props) => {
  */
 const DecorativeTooltip = (props) => {
   const { openDelay, closeDelay, children, text, wrapperClassName, ...rest } = props;
-  const [open, setOpen] = useState(false);
-  let { hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456({
-    onHoverStart: () => setTimeout(() => setOpen(true), openDelay),
-    onHoverEnd: () => setTimeout(() => setOpen(false), closeDelay)
-  });
-  let { focusWithinProps } = $9ab94262bd0047c7$export$420e68273165f4ec({
-    onFocusWithinChange: (isFocusWithin) => setOpen(isFocusWithin)
-  });
+  const state = $8796f90736e175cb$export$4d40659c25ecb50b(props);
   const ref = useRef(null);
+  const { triggerProps } = $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref);
   return /* @__PURE__ */ jsx(
     Tooltip2,
     {
       triggerRef: ref,
       text,
-      open,
-      className: "es:pointer-events-none",
+      open: state.isOpen,
       ...rest,
       children: /* @__PURE__ */ jsx(
         "div",
         {
           ref,
-          className: clsx("es:inline", wrapperClassName),
-          ...$3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusWithinProps),
+          ...triggerProps,
+          className: wrapperClassName,
           children
         }
       )

package/dist/{context-CDOs-GuR.js → context-D2KUdwNL.js}

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