@eightshift/ui-components 6.1.1 → 6.3.0

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

@@ -1,21 +1,22 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { _ as __ } from "../../default-i18n-CnQeC5Pl.js";
 import { BaseControl } from "../base-control/base-control.js";
-import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../SearchField-CafsA525.js";
-import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-CFnNdpNZ.js";
-import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-B4X6-x6r.js";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BDlf9vIY.js";
-import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../ListBox-BaN0n5h3.js";
-import { f as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-D0jMcN-a.js";
-import { $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, S as SelectClearButton, O as OptionItemBase } from "../../shared-CMLCUova.js";
-import { useRef, cloneElement } from "react";
+import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../SearchField-B_yKFXRk.js";
+import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-DtRmB6b8.js";
+import { f as $07b14b47974efb58$export$5b6b19405a83ff9d, i as $72a5793c14baf454$export$8b251419efc915eb } from "../../Dialog-DTIxSDhz.js";
+import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-BG9DaxYN.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-_aSf9-8u.js";
+import { $ as $eed445e0843c11d0$export$41f133550aa26f48, a as $eed445e0843c11d0$export$dca12b0bb56e4fc } from "../../ListBox-DXFyyj_r.js";
+import { g as getGroupedOptions, $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, S as SelectClearButton, O as OptionItemBase } from "../../shared-CNH8QfV9.js";
+import { $ as $e1995378a142960e$export$fb8073518f34e6ec } from "../../SelectionManager-B02LcxLr.js";
+import { useRef, useState, useMemo, cloneElement } from "react";
 import { icons } from "../../icons/icons.js";
 import "../../react-jsx-parser.min-DAh4myol.js";
 import { c as clsx } from "../../clsx-DgYk2OaC.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 import { c as cva } from "../../index-BHpUy2Ix.js";
 import { randomId } from "../../utilities/hash.js";
-import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../useFilter-8S94U4xM.js";
+import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../useFilter-Bg5C34XC.js";
 /**
  * Select menu.
  *
@@ -31,6 +32,8 @@ import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../useFilter-8
  * @param {string|{label: string, value: string, metadata: Object<string, any>?}} props.value - Current value of the select.
  * @param {Function} props.onChange - Function to call when the value changes.
  * @param {boolean} [props.simpleValue=false] - If `true`, instead of using a `{label: '', value: ''}` value type, a string is used (just the value).
+ * @param {string} [props.groupKey] - If provided, the options will be grouped by this key.
+ * @param {Object} [props.groupValueMapping] - If provided, the group headers will be mapped to these labels/icons.
  * @param {boolean} [props.clearable] - Whether the select is clearable.
  * @param {boolean} [props.disabled] - Whether the select is disabled.
  * @param {string} [props.placeholder] - Placeholder text to show when no value is selected.
@@ -78,6 +81,8 @@ const Select = (props) => {
     onChange,
     options,
     simpleValue = false,
+    groupKey,
+    groupValueMapping,
     disabled = false,
     clearable = false,
     placeholder = __("Select...", "eightshift-ui-components"),
@@ -92,9 +97,45 @@ const Select = (props) => {
     hidden,
     ...rest
   } = props;
-  const ref = useRef();
-  const currentValue = simpleValue ? value ?? null : value?.value ?? null;
+  const ref = useRef(null);
+  const [searchTerm, setSearchTerm] = useState("");
   const { contains } = $bb77f239b46e8c72$export$3274cf84b703fff({ sensitivity: "base" });
+  const filteredOptions = useMemo(() => {
+    if (!searchable || searchTerm.length === 0) {
+      return options;
+    }
+    return options?.filter((item) => {
+      return contains(item.label ?? "", searchTerm) || contains(item?.subtitle ?? "", searchTerm);
+    });
+  }, [options, searchable, searchTerm, contains]);
+  const groupedOptions = useMemo(() => getGroupedOptions(filteredOptions, groupKey, groupValueMapping), [filteredOptions, groupKey, groupValueMapping]);
+  const currentValue = simpleValue ? value ?? null : value?.value ?? null;
+  const renderItem = (item) => {
+    let icon2 = item?.icon ?? null;
+    if (typeof item?.icon === "string") {
+      icon2 = icons?.[item.icon] ?? null;
+    }
+    return /* @__PURE__ */ jsxs(
+      OptionItemBase,
+      {
+        id: item?.value ?? randomId(8),
+        className: item?.className,
+        selectIndicator: true,
+        children: [
+          customMenuOption && customMenuOption(item),
+          !customMenuOption && /* @__PURE__ */ jsx(
+            RichLabel,
+            {
+              icon: icon2,
+              label: item?.label,
+              subtitle: item?.subtitle,
+              noColor: true
+            }
+          )
+        ]
+      }
+    );
+  };
   if (hidden) {
     return null;
   }
@@ -173,6 +214,11 @@ const Select = (props) => {
     {
       isDisabled: disabled,
       value: currentValue,
+      onOpenChange: (isOpen) => {
+        if (!isOpen) {
+          setSearchTerm("");
+        }
+      },
       onChange: (selected) => {
         if (selected === null || selected === void 0) {
           onChange(null);
@@ -190,12 +236,7 @@ const Select = (props) => {
         if (item && "id" in item) {
           delete item.id;
         }
-        onChange({
-          label: item?.label,
-          value: item?.value,
-          subtitle: item?.subtitle,
-          meta: item?.meta
-        });
+        onChange(item);
       },
       placeholder,
       ...rest,
@@ -270,7 +311,8 @@ const Select = (props) => {
               $07b14b47974efb58$export$5b6b19405a83ff9d,
               {
                 className: ({ isEntering, isExiting }) => clsx(
-                  "es:w-(--trigger-width) es:min-w-72",
+                  "es:font-sans",
+                  "es:w-(--select-width) es:min-w-72",
                   "es:outline-hidden",
                   searchable ? "es:rounded-b-xl es:rounded-t-3xl" : "es:rounded-2xl",
                   "es:overflow-clip es:grid es:grid-cols-1",
@@ -293,95 +335,100 @@ const Select = (props) => {
                   isExiting && "es:placement-top:motion-translate-y-out-[0.5rem] es:placement-bottom:motion-translate-y-out-[-0.5rem]"
                 ),
                 placement: "bottom left",
-                maxHeight: 240,
+                maxHeight: 260,
                 triggerRef: ref,
+                style: { "--select-width": ref.current ? `${ref.current.offsetWidth}px` : "var(--trigger-width)" },
                 children: [
-                  searchable && /* @__PURE__ */ jsxs($d2f53cda644affe3$export$2f2b9559550c7bbc, { filter: contains, children: [
-                    /* @__PURE__ */ jsxs(
-                      $440f4836bcb56932$export$b94867ecbd698f21,
-                      {
-                        "aria-label": __("Search", "eightshift-ui-components"),
-                        className: "es:flex es:items-center es:relative",
-                        autoFocus: true,
-                        children: [
-                          /* @__PURE__ */ jsx(
-                            $3985021b0ad6602f$export$f5b8910cec6cf069,
-                            {
-                              placeholder: __("Search...", "eightshift-ui-components"),
-                              className: clsx(
-                                "es:peer es:size-full es:h-9.5 es:outline-hidden! es:pl-3.5 es:pr-9 es:shadow-none! es:text-13! es:placeholder:text-surface-500 es:[&::-webkit-search-cancel-button]:hidden",
-                                "es:bg-accent-900/8 es:m-1.5 es:rounded-3xl es:border-none!",
-                                "es:inset-ring! es:inset-ring-accent-950/7 es:focus:inset-ring-accent-950/20",
-                                "es:text-accent-950 es:placeholder:text-accent-700/50",
-                                "es:transition"
-                              )
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(
-                            $d2b4bc8c273e7be6$export$353f5b6fc5456de1,
-                            {
-                              "aria-label": __("Clear", "eightshift-ui-components"),
-                              className: clsx(
-                                "es:absolute es:right-3 es:top-0 es:bottom-0 es:my-auto es:border-none es:bg-transparent",
-                                "es:flex es:size-7 es:items-center es:justify-center es:rounded-3xl es:text-sm es:text-surface-700 es:transition es:hover:bg-accent-50 es:hover:text-accent-800 es:any-focus:outline-hidden es:focus:ring-2 es:focus:ring-accent-500/50 es:disabled:text-secondary-300",
-                                "es:peer-placeholder-shown:opacity-0"
-                              ),
-                              children: icons.clearAlt
-                            }
-                          )
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      $eed445e0843c11d0$export$41f133550aa26f48,
-                      {
-                        className: "es:space-y-0.75 es:p-1.5 es:pt-0 es:any-focus:outline-hidden es:h-full es:overflow-y-auto es:rounded-t-xl",
-                        items: options,
-                        renderEmptyState: () => /* @__PURE__ */ jsx(
-                          RichLabel,
+                  searchable && /* @__PURE__ */ jsxs(
+                    $d2f53cda644affe3$export$2f2b9559550c7bbc,
+                    {
+                      filter: () => true,
+                      inputValue: searchTerm,
+                      onInputChange: setSearchTerm,
+                      children: [
+                        /* @__PURE__ */ jsxs(
+                          $440f4836bcb56932$export$b94867ecbd698f21,
                           {
-                            icon: icons.searchEmpty,
-                            label: __("No results", "eightshift-ui-components"),
-                            subtitle: __("Try a different search term", "eightshift-ui-components"),
-                            className: "es:min-h-14 es:p-2 es:w-fit es:mx-auto es:motion-preset-slide-up es:motion-ease-spring-bouncy es:motion-duration-200 es:shrink-0",
-                            iconClassName: "es:text-accent-700 es:icon:size-7!",
-                            noColor: true
+                            "aria-label": __("Search", "eightshift-ui-components"),
+                            className: "es:flex es:items-center es:relative",
+                            autoFocus: true,
+                            children: [
+                              /* @__PURE__ */ jsx(
+                                $3985021b0ad6602f$export$f5b8910cec6cf069,
+                                {
+                                  placeholder: __("Search...", "eightshift-ui-components"),
+                                  className: clsx(
+                                    "es:peer es:size-full es:h-9.5 es:outline-hidden! es:pl-3.5 es:pr-9 es:shadow-none! es:text-13! es:placeholder:text-surface-500 es:[&::-webkit-search-cancel-button]:hidden",
+                                    "es:bg-accent-900/8 es:m-1.5 es:rounded-3xl! es:border-none!",
+                                    "es:inset-ring! es:inset-ring-accent-950/7 es:focus:inset-ring-accent-950/20",
+                                    "es:text-accent-950 es:placeholder:text-accent-700/50",
+                                    "es:transition"
+                                  )
+                                }
+                              ),
+                              /* @__PURE__ */ jsx(
+                                $d2b4bc8c273e7be6$export$353f5b6fc5456de1,
+                                {
+                                  slot: "clear",
+                                  "aria-label": __("Clear", "eightshift-ui-components"),
+                                  className: clsx(
+                                    "es:absolute es:right-3 es:top-0 es:bottom-0 es:my-auto es:border-none es:bg-transparent",
+                                    "es:flex es:size-7 es:items-center es:justify-center es:rounded-3xl es:text-sm es:text-surface-700 es:transition es:hover:bg-accent-50 es:hover:text-accent-800 es:any-focus:outline-hidden es:focus:ring-2 es:focus:ring-accent-500/50 es:disabled:text-secondary-300",
+                                    "es:peer-placeholder-shown:opacity-0"
+                                  ),
+                                  children: icons.clearAlt
+                                }
+                              )
+                            ]
                           }
                         ),
-                        children: (item) => {
-                          let icon2 = item?.icon ?? null;
-                          if (typeof item?.icon === "string") {
-                            icon2 = icons?.[item.icon] ?? null;
+                        /* @__PURE__ */ jsxs(
+                          $eed445e0843c11d0$export$41f133550aa26f48,
+                          {
+                            className: "es:space-y-0.75 es:p-1.5 es:pt-0 es:any-focus:outline-hidden es:h-full es:overflow-y-auto es:rounded-t-xl",
+                            renderEmptyState: () => /* @__PURE__ */ jsx(
+                              RichLabel,
+                              {
+                                icon: icons.searchEmpty,
+                                label: __("No results", "eightshift-ui-components"),
+                                subtitle: __("Try a different search term", "eightshift-ui-components"),
+                                className: "es:min-h-14 es:p-2 es:w-fit es:mx-auto es:motion-preset-slide-up es:motion-ease-spring-bouncy es:motion-duration-200 es:shrink-0",
+                                iconClassName: "es:text-accent-700 es:icon:size-7!",
+                                noColor: true
+                              }
+                            ),
+                            children: [
+                              groupedOptions && /* @__PURE__ */ jsx($e1995378a142960e$export$fb8073518f34e6ec, { items: groupedOptions, children: (item) => /* @__PURE__ */ jsxs(
+                                $eed445e0843c11d0$export$dca12b0bb56e4fc,
+                                {
+                                  id: item.key,
+                                  className: "es:flex es:flex-col es:gap-0.75",
+                                  children: [
+                                    /* @__PURE__ */ jsx($72a5793c14baf454$export$8b251419efc915eb, { className: "es:px-2.5 es:pb-1 es:pt-3 es:select-none", children: /* @__PURE__ */ jsx(
+                                      RichLabel,
+                                      {
+                                        icon: item?.icon,
+                                        label: item?.label,
+                                        subtitle: item?.subtitle,
+                                        endIcon: item?.endIcon,
+                                        fullWidth: true
+                                      }
+                                    ) }),
+                                    /* @__PURE__ */ jsx($e1995378a142960e$export$fb8073518f34e6ec, { items: item.options, children: (subItem) => renderItem(subItem) })
+                                  ]
+                                }
+                              ) }),
+                              !groupedOptions && /* @__PURE__ */ jsx($e1995378a142960e$export$fb8073518f34e6ec, { items: searchable ? filteredOptions : options, children: (item) => renderItem(item) })
+                            ]
                           }
-                          return /* @__PURE__ */ jsxs(
-                            OptionItemBase,
-                            {
-                              id: item?.value ?? randomId(8),
-                              className: item?.className,
-                              selectIndicator: true,
-                              children: [
-                                customMenuOption && customMenuOption(item),
-                                !customMenuOption && /* @__PURE__ */ jsx(
-                                  RichLabel,
-                                  {
-                                    icon: icon2,
-                                    label: item?.label,
-                                    subtitle: item?.subtitle,
-                                    noColor: true
-                                  }
-                                )
-                              ]
-                            }
-                          );
-                        }
-                      }
-                    )
-                  ] }),
-                  !searchable && /* @__PURE__ */ jsx(
+                        )
+                      ]
+                    }
+                  ),
+                  !searchable && /* @__PURE__ */ jsxs(
                     $eed445e0843c11d0$export$41f133550aa26f48,
                     {
                       className: "es:space-y-0.75 es:p-1.5 es:any-focus:outline-hidden es:h-full es:overflow-y-auto es:rounded-t-xl",
-                      items: options,
                       renderEmptyState: () => /* @__PURE__ */ jsx(
                         RichLabel,
                         {
@@ -393,32 +440,29 @@ const Select = (props) => {
                           noColor: true
                         }
                       ),
-                      children: (item) => {
-                        let icon2 = item?.icon ?? null;
-                        if (typeof item?.icon === "string") {
-                          icon2 = icons?.[item.icon] ?? null;
-                        }
-                        return /* @__PURE__ */ jsxs(
-                          OptionItemBase,
+                      children: [
+                        groupedOptions && /* @__PURE__ */ jsx($e1995378a142960e$export$fb8073518f34e6ec, { items: groupedOptions, children: (item) => /* @__PURE__ */ jsxs(
+                          $eed445e0843c11d0$export$dca12b0bb56e4fc,
                           {
-                            id: item.value,
-                            className: item?.className,
-                            selectIndicator: true,
+                            id: item.key,
+                            className: "es:flex es:flex-col es:gap-0.75",
                             children: [
-                              customMenuOption && customMenuOption(item),
-                              !customMenuOption && /* @__PURE__ */ jsx(
+                              /* @__PURE__ */ jsx($72a5793c14baf454$export$8b251419efc915eb, { className: "es:px-2.5 es:pb-1 es:pt-3 es:select-none", children: /* @__PURE__ */ jsx(
                                 RichLabel,
                                 {
-                                  icon: icon2,
+                                  icon: item?.icon,
                                   label: item?.label,
                                   subtitle: item?.subtitle,
-                                  noColor: true
+                                  endIcon: item?.endIcon,
+                                  fullWidth: true
                                 }
-                              )
+                              ) }),
+                              /* @__PURE__ */ jsx($e1995378a142960e$export$fb8073518f34e6ec, { items: item.options, children: (subItem) => renderItem(subItem) })
                             ]
                           }
-                        );
-                      }
+                        ) }),
+                        !groupedOptions && /* @__PURE__ */ jsx($e1995378a142960e$export$fb8073518f34e6ec, { items: options, children: (item) => renderItem(item) })
+                      ]
                     }
                   )
                 ]

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

@@ -1,13 +1,13 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { s as sprintf } from "../../sprintf-DmNrJSYG.js";
 import { _ as __ } from "../../default-i18n-CnQeC5Pl.js";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BDlf9vIY.js";
-import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b } from "../../Slider-BIbaMdUE.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-_aSf9-8u.js";
+import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b } from "../../Slider-bR3fAmim.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { icons } from "../../icons/icons.js";
 import { getColumnConfigOutputText } from "./utils.js";
 import { c as clsx } from "../../clsx-DgYk2OaC.js";
-import { A as AnimatePresence, m as motion } from "../../proxy-DFlYXk07.js";
+import { A as AnimatePresence, m as motion } from "../../proxy-CNEXmkdK.js";
 /**
  * A two-thumb slider for selecting a range of columns.
  *

package/dist/components/slider/slider.js

@@ -1,13 +1,13 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState } from "react";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BDlf9vIY.js";
-import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b } from "../../Slider-BIbaMdUE.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-_aSf9-8u.js";
+import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b } from "../../Slider-bR3fAmim.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { c as clsx } from "../../clsx-DgYk2OaC.js";
 import { NumberPicker } from "../number-picker/number-picker.js";
 import { generateMarkers, generateGridTemplate } from "./utils.js";
 import { HStack } from "../layout/hstack.js";
-import { A as AnimatePresence, m as motion } from "../../proxy-DFlYXk07.js";
+import { A as AnimatePresence, m as motion } from "../../proxy-CNEXmkdK.js";
 /**
  * A single/multi-thumb slider component.
  *

package/dist/components/tabs/tabs.js

@@ -1,19 +1,18 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { c as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, b as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $bdb11010cef70236$export$f680877a34711e37, k as $df56164dff5785e2$export$4338b53315abf666, h as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $64fa3d84918910a7$export$df3a06d6289f983e, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, e as $64fa3d84918910a7$export$fabf2dc03a41866e, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-Cr3pLd9c.js";
-import { e as $880e95eb8b93ba9a$export$ecf600387e221c37, m as $ae20dd8cbca75726$export$d6daf82dcd84e87c, h as $e1995378a142960e$export$18af5c7a9e9b3664, g as $e1995378a142960e$export$fb8073518f34e6ec, f as $e1995378a142960e$export$bf788dd355e3a401, n as $23b9f4fcf0fe224b$export$d68d59712b04d9d1, j as $7135fc7d473fd974$export$4feb769f8ddf26c5, o as $7135fc7d473fd974$export$90e00781bc59d8f9, p as $7135fc7d473fd974$export$a164736487e3f0ae } from "../../SelectionManager-oojq6MOy.js";
+import { f as $880e95eb8b93ba9a$export$ecf600387e221c37, o as $ae20dd8cbca75726$export$d6daf82dcd84e87c, j as $e1995378a142960e$export$18af5c7a9e9b3664, $ as $e1995378a142960e$export$fb8073518f34e6ec, g as $e1995378a142960e$export$bf788dd355e3a401, p as $23b9f4fcf0fe224b$export$d68d59712b04d9d1, l as $7135fc7d473fd974$export$4feb769f8ddf26c5, q as $7135fc7d473fd974$export$90e00781bc59d8f9, r as $7135fc7d473fd974$export$a164736487e3f0ae } from "../../SelectionManager-B02LcxLr.js";
 import { $ as $1d5b8b8664671ef2$export$c9549807523555e0 } from "../../SelectionIndicator-D7WMzeAW.js";
 import { $ as $c8a5a149f625efcf$export$758399f318e6385a } from "../../SharedElementTransition-CtoWSaF0.js";
-import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "../../Hidden-Rfj-STx7.js";
+import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "../../Hidden-DOH36apC.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-eGTqWSTd.js";
-import { b as $cdc5a6778b766db2$export$a9d04c5684123369 } from "../../useListState-B22CApJO.js";
+import { a as $e72dd72e1c76a225$export$2f645645f7bca764, b as $cdc5a6778b766db2$export$a9d04c5684123369 } from "../../useListState-BjnzKozj.js";
 import { $ as $d3f049242431219c$export$45fda7c47f93fd48, a as $d3f049242431219c$export$6d3443f2c48bfc20 } from "../../animation-Dfl8uEb3.js";
 import $dbSRa$react__default, { useState, useMemo, useRef, useEffect, useContext, forwardRef, createContext, isValidElement, useId, cloneElement } from "react";
-import { E as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18, $ as $f645667febf57a63$export$4c014de7c8940b4c, x as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-CmyvqeWX.js";
+import { F as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18, $ as $f645667febf57a63$export$4c014de7c8940b4c, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, y as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-DkmPQdGE.js";
 import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../../useLabels-D8O3gOdV.js";
-import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../../FocusScope-BJhC1-1e.js";
+import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../../FocusScope-CjFQ7cbd.js";
 import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-iUFQCK8m.js";
-import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-rUOwLdTK.js";
-import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../../useSingleSelectListState-CDZGQDLC.js";
+import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-B2glEZ25.js";
 import { s as sprintf } from "../../sprintf-DmNrJSYG.js";
 import { _ as __ } from "../../default-i18n-CnQeC5Pl.js";
 import { c as clsx } from "../../clsx-DgYk2OaC.js";
@@ -206,6 +205,38 @@ function $58d314389b21fa3f$export$773e389e644c5874(props, state, ref) {
     }
   };
 }
+function $a0d645289fe9b86b$export$e7f05e985daf4b5f(props) {
+  var _props_defaultSelectedKey;
+  let [selectedKey, setSelectedKey] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.selectedKey, (_props_defaultSelectedKey = props.defaultSelectedKey) !== null && _props_defaultSelectedKey !== void 0 ? _props_defaultSelectedKey : null, props.onSelectionChange);
+  let selectedKeys = useMemo(() => selectedKey != null ? [
+    selectedKey
+  ] : [], [
+    selectedKey
+  ]);
+  let { collection, disabledKeys, selectionManager } = $e72dd72e1c76a225$export$2f645645f7bca764({
+    ...props,
+    selectionMode: "single",
+    disallowEmptySelection: true,
+    allowDuplicateSelectionEvents: true,
+    selectedKeys,
+    onSelectionChange: (keys) => {
+      if (keys === "all") return;
+      var _keys_values_next_value;
+      let key = (_keys_values_next_value = keys.values().next().value) !== null && _keys_values_next_value !== void 0 ? _keys_values_next_value : null;
+      if (key === selectedKey && props.onSelectionChange) props.onSelectionChange(key);
+      setSelectedKey(key);
+    }
+  });
+  let selectedItem = selectedKey != null ? collection.getItem(selectedKey) : null;
+  return {
+    collection,
+    disabledKeys,
+    selectionManager,
+    selectedKey,
+    setSelectedKey,
+    selectedItem
+  };
+}
 function $76f919a04c5a7d14$export$4ba071daf4e486(props) {
   var _props_defaultSelectedKey, _ref;
   let state = $a0d645289fe9b86b$export$e7f05e985daf4b5f({
@@ -721,7 +752,7 @@ const Tab = (props) => {
       "es:any-focus:outline-hidden",
       "es:contrast-more:inset-ring es:contrast-more:inset-ring-accent-500/0 es:contrast-more:focus-visible:inset-ring-accent-500",
       "es:disabled:text-secondary-400",
-      'es:font-variation-["wdth"_120,"YTLC"_560,"wght"_375] es:selected:font-variation-["wdth"_120,"YTLC"_560,"wght"_375,"GRAD"_80]',
+      'es:font-variation-["wdth"_102,"wght"_325,"ROND"_0,"slnt"_0,"GRAD"_0] es:hover:font-variation-["wdth"_102,"wght"_325,"ROND"_100,"slnt"_0,"GRAD"_0] es:selected:font-variation-["wdth"_102,"wght"_325,"ROND"_50,"slnt"_0,"GRAD"_50]',
       invisible && "es:hidden",
       className
     ],

package/dist/components/toggle/switch.js

@@ -2,11 +2,11 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { $ as $64fa3d84918910a7$export$29f1550f4b0d4415, k as $df56164dff5785e2$export$4338b53315abf666, l as $5dc95899b306f630$export$c9058316764c140e, g as $64fa3d84918910a7$export$ef03459518577ad4, h as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $64fa3d84918910a7$export$df3a06d6289f983e, b as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../../utils-Cr3pLd9c.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-eGTqWSTd.js";
 import $dbSRa$react__default, { forwardRef, createContext } from "react";
-import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-BWrKKisg.js";
-import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "../../useToggle-CFFOmZWi.js";
-import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-rUOwLdTK.js";
-import { x as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-CmyvqeWX.js";
-import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-CqnizvzQ.js";
+import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-H_lORSWO.js";
+import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "../../useToggle-Ddc7N8pR.js";
+import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-B2glEZ25.js";
+import { y as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-DkmPQdGE.js";
+import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-DZnWrkn8.js";
 import { c as cva } from "../../index-BHpUy2Ix.js";
 function $b418ec0c85c52f27$export$d853f7095ae95f88(props, state, ref) {
   let { labelProps, inputProps, isSelected, isPressed, isDisabled, isReadOnly } = $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref);

package/dist/components/toggle/toggle.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BDlf9vIY.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-_aSf9-8u.js";
 import { Switch } from "./switch.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 import { c as clsx } from "../../clsx-DgYk2OaC.js";

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

@@ -3,10 +3,10 @@ import { o as $ff5963eb1fccf552$export$e08e3b67e392101e, b as $3ef42575df84b30b$
 import { $ as $1d5b8b8664671ef2$export$c9549807523555e0 } from "../../SelectionIndicator-D7WMzeAW.js";
 import $dbSRa$react__default, { createContext, forwardRef, useContext } from "react";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-eGTqWSTd.js";
-import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-BWrKKisg.js";
-import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "../../useButton-5YL_nmpZ.js";
-import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-rUOwLdTK.js";
-import { x as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-CmyvqeWX.js";
+import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-H_lORSWO.js";
+import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "../../useButton-DyMX0EVr.js";
+import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-B2glEZ25.js";
+import { y as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-DkmPQdGE.js";
 import { c as cva } from "../../index-BHpUy2Ix.js";
 import { Tooltip } from "../tooltip/tooltip.js";
 function $55f54f7887471b58$export$51e84d46ca0bc451(props, state, ref) {
@@ -180,7 +180,7 @@ const ToggleButton2 = (props) => {
   }
   const componentClasses = cva(
     [
-      'es:font-variation-["wdth"_80,"YTLC"_520,"wdth"_64,"wght"_375]',
+      'es:font-variation-["wdth"_85,"wght"_325,"ROND"_100,"GRAD"_0,"slnt"_0] es:not-aria-pressed:hover:font-variation-["wdth"_85,"wght"_325,"ROND"_100,"GRAD"_75,"slnt"_0] es:aria-pressed:font-variation-["wdth"_85,"wght"_325,"ROND"_100,"GRAD"_75,"slnt"_-2]',
       "es:flex es:items-center",
       "es:transition-plus es:duration-300 es:ease-spring-snappy es:text-13",
       "es:any-focus:outline-hidden",
@@ -260,7 +260,7 @@ const ToggleButton2 = (props) => {
           disabled: false,
           selected: true,
           class: [
-            'es:font-variation-["wdth"_80,"YTLC"_520,"wdth"_64,"wght"_375,"GRAD"_150]',
+            'es:font-variation-["wdth"_80,"wdth"_64,"wght"_375,"GRAD"_150]',
             "es:any-icon:drop-shadow-xs es:any-icon:drop-shadow-accent-800/25",
             "es:text-white es:text-shadow-xs es:text-shadow-accent-900/30",
             "es:bg-linear-to-b es:from-accent-800/10 es:to-accent-800/30 es:bg-accent-500 es:from-30%",

package/dist/components/tooltip/tooltip.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $2a41e45df1593e64$export$d39e1813b3bdd0e1, b as $44f671af83e7d9e0$export$2de4954e8ae13b9f, c as $44f671af83e7d9e0$export$746d02f47f4d381 } from "../../OverlayArrow-Dy0qw7WL.js";
+import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $2a41e45df1593e64$export$d39e1813b3bdd0e1, b as $44f671af83e7d9e0$export$2de4954e8ae13b9f, c as $44f671af83e7d9e0$export$746d02f47f4d381 } from "../../OverlayArrow-Fuxj-1QM.js";
 import { m as $b5e257d569688ac6$export$535bd6ca7f90a273, b as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $bdb11010cef70236$export$f680877a34711e37, i as $64fa3d84918910a7$export$2881499e37b75b9a, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $64fa3d84918910a7$export$df3a06d6289f983e } from "../../utils-Cr3pLd9c.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-eGTqWSTd.js";
 import { $ as $d3f049242431219c$export$45fda7c47f93fd48, a as $d3f049242431219c$export$6d3443f2c48bfc20 } from "../../animation-Dfl8uEb3.js";
-import { x as $6179b936705e76d3$export$ae780daf29e6d456, $ as $f645667febf57a63$export$4c014de7c8940b4c, v as $507fabe10e71c6fb$export$630ff653c5ada6a9, m as $507fabe10e71c6fb$export$b9b3dfddab17db27, z as $f645667febf57a63$export$13f3202a3e5ddd5 } from "../../useHover-CmyvqeWX.js";
+import { y as $6179b936705e76d3$export$ae780daf29e6d456, $ as $f645667febf57a63$export$4c014de7c8940b4c, v as $507fabe10e71c6fb$export$630ff653c5ada6a9, m as $507fabe10e71c6fb$export$b9b3dfddab17db27, z as $f645667febf57a63$export$13f3202a3e5ddd5 } from "../../useHover-DkmPQdGE.js";
 import $dbSRa$react__default, { useContext, useState, useMemo, useRef, useEffect, forwardRef, createContext } from "react";
 import { a as $96b38030c423d352$export$9fc1347d4195ccb3 } from "../../PortalProvider-BQ1X8vGX.js";
 import { $ as $dbSRa$reactdom } from "../../index-BL5gdWX4.js";
@@ -226,12 +226,14 @@ function $8796f90736e175cb$export$4d40659c25ecb50b(props = {}) {
   let warmupTooltip = () => {
     closeOpenTooltips();
     ensureTooltipEntry();
-    if (!isOpen && !$8796f90736e175cb$var$globalWarmUpTimeout && !$8796f90736e175cb$var$globalWarmedUp) $8796f90736e175cb$var$globalWarmUpTimeout = setTimeout(() => {
-      $8796f90736e175cb$var$globalWarmUpTimeout = null;
-      $8796f90736e175cb$var$globalWarmedUp = true;
-      showTooltip();
-    }, delay);
-    else if (!isOpen) showTooltip();
+    if (!isOpen && !$8796f90736e175cb$var$globalWarmedUp) {
+      if ($8796f90736e175cb$var$globalWarmUpTimeout) clearTimeout($8796f90736e175cb$var$globalWarmUpTimeout);
+      $8796f90736e175cb$var$globalWarmUpTimeout = setTimeout(() => {
+        $8796f90736e175cb$var$globalWarmUpTimeout = null;
+        $8796f90736e175cb$var$globalWarmedUp = true;
+        showTooltip();
+      }, delay);
+    } else if (!isOpen) showTooltip();
   };
   useEffect(() => {
     closeCallback.current = close;
@@ -431,7 +433,7 @@ const Tooltip2 = (props) => {
             crossOffset,
             className: ({ isEntering, isExiting }) => clsx(
               "es:group es:pointer-events-none",
-              'es:font-variation-["wdth"_72,"YTLC"_520,"wght"_380]',
+              'es:font-variation-["wdth"_72,"wght"_380,"ROND"_100]',
               "es:z-40 es:select-none es:rounded-lg es:inset-ring es:px-2.5 es:py-2 es:text-13 es:leading-none es:shadow es:backdrop-blur-xl es:backdrop-brightness-105 es:backdrop-saturate-125 es:will-change-[transform,opacity] es:fill-mode-forwards",
               theme === "light" && "es:inset-ring-surface-800/5 es:bg-surface-50/90 es:text-secondary-700",
               theme === "dark" && "es:inset-ring-surface-200/15 es:bg-surface-800/80 es:text-secondary-100",