@eightshift/ui-components 2.0.1 → 3.0.0

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

@@ -1,7 +1,7 @@
 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-CkF3LyTF.js";
+import { D as DndContext, g as getDragEndHandler, S as SortableContext, a as getMultiValue, b as getMultiValueRemove } from "../../multi-select-components-DJfz929p.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";

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

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

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

@@ -1,7 +1,7 @@
 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-CkF3LyTF.js";
+import { D as DndContext, g as getDragEndHandler, S as SortableContext, a as getMultiValue, b as getMultiValueRemove } from "../../multi-select-components-DJfz929p.js";
 import { r as restrictToParentElement } from "../../modifiers.esm-BuJQPI1X.js";
 import { CustomSelectDefaultMultiValueRemove, CustomSelectDefaultDropdownIndicator, CustomSelectDefaultClearIndicator } from "./custom-select-default-components.js";
 import { getValue } from "./shared.js";

package/dist/components/select/styles.js

@@ -4,7 +4,7 @@ const controlStyles = {
   focus: "es:ring-2 es:ring-accent-500/50 es:border-accent-500!"
 };
 const placeholderStyles = "es:text-gray-400 es:ml-1";
-const selectInputStyles = "es:focus:outline-hidden es:[&_input]:shadow-none! es:[&_input:focus]:shadow-none!";
+const selectInputStyles = "es:any-focus:outline-hidden es:[&_input]:shadow-none! es:[&_input:focus]:shadow-none!";
 const valueContainerStyles = "es:gap-1 es:ml-1 es:my-1 es:overflow-visible!";
 const singleValueStyles = "es:ml-0.5 es:px-1";
 const multiValueStyles = clsx(

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 $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-D7c-vzAt.js";
+import { $ as $f86e6c1ec7da6ebb$export$bc3384a35de93d66, a as $d01f2c01039c0eec$export$72b9695b8216309a, b as $d01f2c01039c0eec$export$c02625b26074192c } from "../../../ComboBox-BL1hyP4p.js";
+import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../../Input-CTTTeCpo.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../../Label-icmbmNdI.js";
+import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../../ListBox-CfdzmefC.js";
+import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-s3fX5lSh.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.
  *
@@ -172,7 +172,7 @@ const __ExperimentalAsyncSelect = (props) => {
                 className: clsx(
                   "es:relative es:flex es:max-w-80 es:items-center es:gap-1 es:p-1 es:focus-visible:outline-hidden es:focus-visible:ring-2 es:focus-visible:ring-accent-500/50",
                   "es:h-9 es:rounded-lg es:border es:border-secondary-300 es:bg-white es:text-sm es:shadow-xs es:transition",
-                  "es:focus:outline-hidden",
+                  "es:any-focus:outline-hidden",
                   !inline && "es:w-full",
                   disabled && "es:select-none",
                   "es:has-[[aria-haspopup=listbox][data-focus-visible=true],[aria-autocomplete=list][data-focus-visible=true]]:border-accent-500 es:has-[[aria-haspopup=listbox][data-focus-visible=true],[aria-autocomplete=list][data-focus-visible=true]]:ring-2 es:has-[[aria-haspopup=listbox][data-focus-visible=true],[aria-autocomplete=list][data-focus-visible=true]]:ring-accent-500/50"
@@ -228,14 +228,14 @@ const __ExperimentalAsyncSelect = (props) => {
           {
             className: ({ isEntering, isExiting }) => clsx(
               "es:flex es:w-80 es:min-w-9 es:max-w-80 es:flex-col es:overflow-x-hidden es:rounded-lg es:border es:border-secondary-200 es:bg-white es:text-sm es:shadow-lg",
-              "es:focus:outline-hidden",
+              "es:any-focus:outline-hidden",
               isEntering && "es:motion-safe:motion-preset-slide-down-sm es:motion-safe:motion-duration-300 es:motion-reduce:motion-preset-fade-md",
               isExiting && "es:not-motion-reduce:motion-translate-y-out-[-2.5%] es:motion-opacity-out-0 es:motion-duration-200"
             ),
             placement: "bottom left",
             triggerRef: ref,
             children: [
-              !list.isLoading && list.items.length > 0 && /* @__PURE__ */ jsx($eed445e0843c11d0$export$41f133550aa26f48, { className: "es:space-y-0.5 es:p-1 es:focus:outline-hidden", children: (item) => {
+              !list.isLoading && list.items.length > 0 && /* @__PURE__ */ jsx($eed445e0843c11d0$export$41f133550aa26f48, { className: "es:space-y-0.5 es:p-1 es:any-focus:outline-hidden", children: (item) => {
                 return /* @__PURE__ */ jsxs(
                   OptionItemBase,
                   {
@@ -282,7 +282,7 @@ const ClearButton = ({ disabled }) => {
     {
       "aria-label": __("Clear value", "eightshift-ui-components"),
       className: clsx(
-        "es:mr-7 es:flex es:h-6 es:w-8 es:items-center es:justify-center es:rounded es:text-sm es:text-secondary-600 es:transition es:hover:bg-red-50 es:hover:text-red-900 es:focus:outline-hidden es:focus:ring-2 es:focus:ring-accent-500/50 es:disabled:text-secondary-300 es:cursor-pointer",
+        "es:mr-7 es:flex es:h-6 es:w-8 es:items-center es:justify-center es:rounded es:text-sm es:text-secondary-600 es:transition es:hover:bg-red-50 es:hover:text-red-900 es:any-focus:outline-hidden es:focus:ring-2 es:focus:ring-accent-500/50 es:disabled:text-secondary-300 es:cursor-pointer",
         isEmpty ? "es:hidden" : "es:flex"
       ),
       onPress: () => state == null ? void 0 : state.setSelectedKey(null),

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-CfdzmefC.js";
+import { c as clsx } from "../../../utils-DkCSC521.js";
 const OptionItemBase = (props) => {
   var _a;
   return /* @__PURE__ */ jsx(
@@ -10,7 +10,7 @@ const OptionItemBase = (props) => {
       textValue: (_a = props == null ? void 0 : props.value) == null ? void 0 : _a.label,
       className: clsx(
         "es:flex es:min-h-9 es:select-none es:items-center es:gap-1 es:rounded es:p-2 es:transition",
-        "es:focus:outline-hidden",
+        "es:any-focus:outline-hidden",
         "es:hover:bg-secondary-100 es:hover:outline-hidden",
         "selected:es:bg-accent-600/15 selected:es:text-accent-950",
         "es:focus-visible:bg-secondary-100 es:focus-visible:outline-hidden",

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";
@@ -162,7 +162,7 @@ const ColumnConfigSlider = (props) => {
                         i === 0 && "es:translate-y-1/2! es:self-center es:justify-self-start",
                         i === 1 && "es:translate-x-full! es:translate-y-1/2! es:self-center es:justify-self-end",
                         "es:shadow dragging:es:bg-accent-600 es:disabled:opacity-0",
-                        "es:focus-visible:ring es:focus-visible:ring-accent-500/50",
+                        "es:focus-visible:ring-2 es:focus-visible:ring-accent-500/50",
                         "es:border-accent-600 es:bg-accent-500 es:shadow-accent-600/50",
                         "es:hover:cursor-grab dragging:es:cursor-grabbing"
                       ),

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";
@@ -283,7 +283,7 @@ const Slider = (props) => {
                       "es:absolute es:size-3.5 es:rounded-full es:border es:transition es:duration-300",
                       vertical ? "es:translate-x-1/2!" : "es:translate-y-1/2!",
                       "es:shadow dragging:es:bg-accent-600 es:disabled:border-secondary-200 es:disabled:bg-secondary-100 es:disabled:shadow-none",
-                      "es:focus-visible:ring es:focus-visible:ring-accent-500/50",
+                      "es:focus-visible:ring-2 es:focus-visible:ring-accent-500/50",
                       "es:border-accent-600 es:bg-accent-500 es:shadow-accent-600/50",
                       "es:hover:cursor-grab dragging:es:cursor-grabbing"
                     ),

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
           }
@@ -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:focus:outline-hidden", className),
+      className: clsx("es:mt-1.5 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-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);
@@ -111,22 +111,23 @@ const Switch2 = (props) => {
       isDisabled: disabled,
       isSelected: checked ?? false,
       onChange,
-      className: "es:group es:flex es:items-center es:justify-between es:gap-2",
+      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(
-              "es:shrink-0 es:cursor-pointer es:no-webkit-highlight",
+              "es:shrink-0 es:group-not-disabled:cursor-pointer es:no-webkit-highlight",
               "es:h-5 es:w-9 es:p-[0.1875rem] es:rounded-full",
-              "es:outline-hidden es:bg-radial-[circle_at_75%_50%]",
+              "es:bg-radial-[circle_at_75%_50%]",
               "es:border es:inset-ring es:inset-shadow-xs",
               "es:transition",
-              "es:group-focus-visible:ring-2 es:group-focus-visible:ring-accent-500/50 es:focus-visible:ring-3 es:shadow-xs",
-              !checked && "es:border-secondary-400 es:inset-ring-secondary-100 es:from-white es:to-secondary-100",
-              checked && "es:border-accent-700/75 es:inset-ring-accent-500 es:to-accent-500 es:from-accent-600 es:shadow-accent-600/30",
-              disabled && "es:cursor-default es:border-secondary-300 es:bg-white"
+              "es:group-focus-visible:ring-2 es:group-focus-visible:ring-accent-500/50 es:group-focus-visible:border-accent-600",
+              !checked && !disabled && "es:border-secondary-400 es:inset-ring-secondary-100 es:from-white es:to-secondary-100",
+              checked && !disabled && "es:border-accent-700/75 es:inset-ring-accent-500 es:to-accent-500 es:from-accent-600 es:shadow-accent-600/30",
+              disabled && "es:cursor-default es:border-secondary-300 es:from-white es:to-secondary-50 es:inset-ring-secondary-200/30 es:inset-shadow-secondary-100",
+              !disabled && "es:shadow-xs"
             ),
             children: /* @__PURE__ */ jsx(
               "span",
@@ -134,9 +135,11 @@ const Switch2 = (props) => {
                 className: clsx(
                   "es:block es:size-3 es:rounded-full es:border es:will-change-transform es:bg-radial",
                   "es:transition es:motion-ease-spring-snappy es:ease-[var(--motion-spring-snappy)]",
-                  !checked && "es:border-secondary-500 es:from-secondary-500 es:to-secondary-600 es:scale-95",
-                  checked && "es:translate-x-4 es:border-accent-600/20 es:from-white es:to-accent-500/30 es:from-40% es:bg-white es:shadow-xs es:shadow-accent-900/60",
-                  disabled && "es:border-secondary-300 es:bg-white",
+                  !checked && "es:scale-95",
+                  !checked && !disabled && "es:border-secondary-500 es:from-secondary-500 es:to-secondary-600",
+                  checked && "es:translate-x-4",
+                  checked && !disabled && "es:border-accent-600/20 es:from-white es:to-accent-500/30 es:from-40% es:bg-white es:shadow-xs es:shadow-accent-900/60",
+                  disabled && "es:border-secondary-400 es:bg-secondary-100",
                   isIndeterminate && "es:translate-x-2 es:scale-100"
                 )
               }

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;