@mattermost/compass-ui 0.1.0-alpha.3 → 0.1.0-alpha.30

package/dist/components/select/Select.js

@@ -1,266 +1,283 @@
-import { jsxs as x, jsx as l } from "react/jsx-runtime";
-import { forwardRef as Ie, useId as xe, useRef as E, useCallback as y, useState as k, useMemo as q, useEffect as J } from "react";
-import __we from "@mattermost/compass-icons/components/chevron-down.js";const we=__we&&__we.default?__we.default:__we;
-import __ke from "@mattermost/compass-icons/components/check.js";const ke=__ke&&__ke.default?__ke.default:__ke;
-import W from "../icon/Icon.js";
-import De, { PopoverMenuScroll as Pe } from "../popover-menu/PopoverMenu.js";
-import a from "../menu-item/MenuItem.module.scss.js";
-import { useAnchoredPopupPortal as je } from "../../hooks/use-anchored-popup-portal.js";
-import { useOutsideClose as Be } from "../../hooks/use-outside-close.js";
-import { usePopoverTransition as Se } from "../../hooks/use-popover-transition.js";
-import { toKebab as Ee } from "../../utils/string.js";
-import n from "./Select.module.scss.js";
-const Q = 280;
-function Oe({
-  option: r,
-  listboxId: p,
-  selected: N,
-  active: D,
+import { jsxs as k, jsx as o, Fragment as Re } from "react/jsx-runtime";
+import { forwardRef as Se, useId as Ve, useRef as D, useCallback as p, useState as M, useMemo as Z, useEffect as ee } from "react";
+import __$e from "@mattermost/compass-icons/components/chevron-down.js";const $e=__$e&&__$e.default?__$e.default:__$e;
+import Ae, { IconSlotContext as Be } from "../icon/Icon.js";
+import { mergeFieldDescribedBy as Oe, hasFieldMessage as He, isFieldInvalid as je } from "../field/fieldDescribedBy.js";
+import Ce from "../field-message/FieldMessage.js";
+import ze from "../menu-item/MenuItem.js";
+import Ue, { PopoverMenuScroll as Ke, PopoverMenuDivider as Le } from "../popover-menu/PopoverMenu.js";
+import { useAnchoredPopupPortal as Te } from "../../hooks/use-anchored-popup-portal.js";
+import { useOutsideClose as qe } from "../../hooks/use-outside-close.js";
+import { usePopoverTransition as Ge } from "../../hooks/use-popover-transition.js";
+import { mergeMenuItemProps as Xe } from "../../utils/menuItemProps.js";
+import { toKebab as Je } from "../../utils/string.js";
+import l from "./Select.module.scss.js";
+const te = 280;
+function Qe({
+  option: a,
+  menuItemProps: m,
+  listboxId: N,
+  selected: g,
+  active: E,
   onSelect: v,
-  onHover: P
+  onHover: F,
+  dividerAfter: u = !1
 }) {
-  const u = [
-    a["menu-item"],
-    D ? a["menu-item--active"] : ""
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ l(
-    "li",
-    {
-      id: `${p}-option-${r.value}`,
-      role: "option",
-      className: [n.select__option, u].filter(Boolean).join(" "),
-      "aria-selected": N,
-      "aria-disabled": r.disabled || void 0,
-      onMouseDown: (g) => g.preventDefault(),
-      onMouseEnter: P,
-      onPointerUp: () => {
-        r.disabled || v(r);
-      },
-      children: /* @__PURE__ */ x(
-        "div",
-        {
-          className: [
-            a["menu-item__content"],
-            r.disabled ? n["select__option-content--disabled"] : ""
-          ].filter(Boolean).join(" "),
-          children: [
-            r.leadingVisual != null && /* @__PURE__ */ l("div", { className: a["menu-item__left"], children: /* @__PURE__ */ l("span", { className: a["menu-item__leading-visual"], children: r.leadingVisual }) }),
-            /* @__PURE__ */ x("div", { className: a["menu-item__middle"], children: [
-              /* @__PURE__ */ l("div", { className: a["menu-item__top-row"], children: /* @__PURE__ */ l("span", { className: a["menu-item__label"], children: r.label }) }),
-              r.secondaryLabel != null && /* @__PURE__ */ l("div", { className: a["menu-item__bottom-row"], children: /* @__PURE__ */ l("span", { className: a["menu-item__secondary-label-below"], children: r.secondaryLabel }) })
-            ] }),
-            N && /* @__PURE__ */ l("div", { className: a["menu-item__right"], children: /* @__PURE__ */ l(
-              "span",
-              {
-                className: [
-                  a["menu-item__trailing-visual"],
-                  a["menu-item__trailing-visual--check"]
-                ].join(" "),
-                children: /* @__PURE__ */ l(W, { glyph: /* @__PURE__ */ l(ke, {}), size: "16" })
-              }
-            ) })
-          ]
+  return /* @__PURE__ */ k(Re, { children: [
+    /* @__PURE__ */ o("li", { className: l.select__option, role: "presentation", children: /* @__PURE__ */ o(
+      ze,
+      {
+        ...Xe(m, a.menuItemProps),
+        id: `${N}-option-${a.value}`,
+        role: "option",
+        label: a.label,
+        secondaryLabel: a.secondaryLabel,
+        leadingElement: a.leadingVisual != null,
+        leadingVisual: a.leadingVisual,
+        trailingElement: g,
+        active: E,
+        disabled: a.disabled,
+        "aria-selected": g,
+        onMouseDown: (I) => I.preventDefault(),
+        onMouseEnter: F,
+        onPointerUp: () => {
+          a.disabled || v(a);
         }
-      )
-    }
-  );
+      }
+    ) }),
+    u ? /* @__PURE__ */ o("li", { role: "presentation", children: /* @__PURE__ */ o(Le, { "aria-hidden": "true" }) }) : null
+  ] });
 }
-const Le = Ie(function({
-  options: p,
-  value: N,
-  defaultValue: D = "",
+const dt = Se(function({
+  options: m,
+  menuItemProps: N,
+  value: g,
+  defaultValue: E = "",
   onChange: v,
-  placeholder: P,
+  placeholder: F,
   label: u,
-  leadingIcon: g,
-  size: Y = "medium",
-  invalid: O = !1,
-  disabled: _ = !1,
-  id: Z,
-  name: R,
-  className: ee = "",
-  "aria-label": V,
-  portalContainer: le = null,
-  zIndex: te
-}, I) {
-  const ne = xe(), j = Z ?? ne, h = `${j}-listbox`, $ = E(null), H = E(null), M = E(null), se = y(
+  leadingIcon: I,
+  size: le = "medium",
+  invalid: se = !1,
+  message: R,
+  messageTone: $,
+  required: ne = !1,
+  disabled: b = !1,
+  id: re,
+  name: A,
+  className: oe = "",
+  "aria-label": B,
+  "aria-describedby": ie,
+  listboxLabel: ae = "Options",
+  portalContainer: ce = null,
+  zIndex: ue
+}, y) {
+  const de = Ve(), x = re ?? de, h = `${x}-listbox`, O = D(null), H = D(null), j = D(null), fe = p(
     (e) => {
-      M.current = e, typeof I == "function" ? I(e) : I && (I.current = e);
+      j.current = e, typeof y == "function" ? y(e) : y && (y.current = e);
     },
-    [I]
-  ), B = N !== void 0, [oe, ie] = k(D), m = B ? N : oe, [s, A] = k(!1), [ae, C] = k(!1), [d, f] = k(-1), S = q(
-    () => p.find((e) => e.value === m),
-    [p, m]
-  ), o = q(
-    () => p.filter((e) => e.value !== ""),
-    [p]
-  ), F = m !== "", { mounted: z, visible: re } = Se(s), {
-    placement: ce,
-    maxHeight: ue,
-    style: de,
-    portalRef: U,
-    renderPortal: me
-  } = je(H, z, {
-    preferredHeight: Q,
-    maxHeightCap: Q,
-    portalContainer: le,
-    zIndex: te
-  }), b = y(() => {
-    A(!1), f(-1);
-  }, []), w = y(() => {
-    _ || A(!0);
-  }, [_]);
-  Be($, s, b, U), J(() => {
-    s && f((e) => {
-      if (o.length === 0) return -1;
-      if (e >= 0 && e < o.length) return e;
-      const t = o.findIndex((c) => c.value === m);
+    [y]
+  ), S = g !== void 0, [pe, me] = M(E), d = S ? g : pe, [n, C] = M(!1), [ve, z] = M(!1), [i, f] = M(-1), P = D(!1), be = p(
+    (e) => {
+      e !== i && (P.current = !0, f(e));
+    },
+    [i]
+  ), V = Z(
+    () => m.find((e) => e.value === d),
+    [m, d]
+  ), r = Z(
+    () => m.filter((e) => e.value !== ""),
+    [m]
+  ), U = d !== "", { mounted: K, visible: he } = Ge(n), {
+    placement: _e,
+    maxHeight: ge,
+    style: Ie,
+    portalRef: L,
+    renderPortal: ye
+  } = Te(H, K, {
+    preferredHeight: te,
+    maxHeightCap: te,
+    portalContainer: ce,
+    zIndex: ue
+  }), _ = p(() => {
+    C(!1), f(-1);
+  }, []), w = p(() => {
+    b || C(!0);
+  }, [b]);
+  qe(O, n, _, L), ee(() => {
+    n && f((e) => {
+      if (r.length === 0) return -1;
+      if (e >= 0 && e < r.length) return e;
+      const t = r.findIndex((c) => c.value === d);
       if (t >= 0) return t;
-      const i = o.findIndex((c) => !c.disabled);
-      return i >= 0 ? i : 0;
+      const s = r.findIndex((c) => !c.disabled);
+      return s >= 0 ? s : 0;
     });
-  }, [s, o, m]);
-  const K = y(
+  }, [n, r, d]);
+  const T = p(
     (e) => {
-      B || ie(e), v == null || v(e);
+      S || me(e), v == null || v(e);
     },
-    [B, v]
-  ), T = y(
+    [S, v]
+  ), q = p(
     (e) => {
       var t;
-      e.disabled || (K(e.value), b(), (t = M.current) == null || t.focus());
+      e.disabled || (T(e.value), _(), (t = j.current) == null || t.focus());
     },
-    [K, b]
-  ), L = y(
+    [T, _]
+  ), G = p(
     (e) => {
-      const t = o.map((i, c) => ({ o: i, i: c })).filter(({ o: i }) => !i.disabled);
+      P.current = !1;
+      const t = r.map((s, c) => ({ o: s, i: c })).filter(({ o: s }) => !s.disabled);
       if (t.length === 0) {
         f(-1);
         return;
       }
-      f((i) => {
-        const c = t.findIndex(({ i: ge }) => ge === i), Ne = c < 0 ? e > 0 ? 0 : t.length - 1 : (c + e + t.length) % t.length;
-        return t[Ne].i;
+      f((s) => {
+        const c = t.findIndex(({ i: Fe }) => Fe === s), Ee = c < 0 ? e > 0 ? 0 : t.length - 1 : (c + e + t.length) % t.length;
+        return t[Ee].i;
       });
     },
-    [o]
+    [r]
   );
-  J(() => {
-    if (!s || d < 0) return;
-    const e = o[d];
+  ee(() => {
+    var s;
+    if (!n || i < 0) return;
+    if (P.current) {
+      P.current = !1;
+      return;
+    }
+    const e = r[i];
     if (!e) return;
     const t = document.getElementById(`${h}-option-${e.value}`);
-    t == null || t.scrollIntoView({ block: "nearest" });
-  }, [s, d, o, h]);
-  const fe = (e) => {
+    (s = t == null ? void 0 : t.scrollIntoView) == null || s.call(t, { block: "nearest" });
+  }, [n, i, r, h]);
+  const xe = (e) => {
     var t;
-    if (!_)
+    if (!b)
       switch (e.key) {
         case "ArrowDown":
-          e.preventDefault(), s ? L(1) : w();
+          e.preventDefault(), n ? G(1) : w();
           break;
         case "ArrowUp":
-          e.preventDefault(), s ? L(-1) : w();
+          e.preventDefault(), n ? G(-1) : w();
           break;
         case "Home":
-          if (s && o.length > 0) {
+          if (n && r.length > 0) {
             e.preventDefault();
-            const i = o.findIndex((c) => !c.disabled);
-            f(i >= 0 ? i : 0);
+            const s = r.findIndex((c) => !c.disabled);
+            f(s >= 0 ? s : 0);
           }
           break;
         case "End":
-          if (s && o.length > 0) {
+          if (n && r.length > 0) {
             e.preventDefault();
-            for (let i = o.length - 1; i >= 0; i--)
-              if (!((t = o[i]) != null && t.disabled)) {
-                f(i);
+            for (let s = r.length - 1; s >= 0; s--)
+              if (!((t = r[s]) != null && t.disabled)) {
+                f(s);
                 break;
               }
           }
           break;
         case "Enter":
         case " ":
-          e.preventDefault(), s && d >= 0 && o[d] ? T(o[d]) : s || w();
+          e.preventDefault(), n && i >= 0 && r[i] ? q(r[i]) : n || w();
           break;
         case "Escape":
-          s && (e.preventDefault(), b());
+          n && (e.preventDefault(), _());
           break;
         case "Tab":
-          b();
+          _();
           break;
       }
-  }, pe = ae || s || F, G = (S == null ? void 0 : S.label) ?? P ?? "", ve = !F && G !== "", X = d >= 0 ? o[d] : void 0, _e = s && X != null ? `${h}-option-${X.value}` : void 0, he = n[`select--size-${Ee(Y)}`], be = [
-    n.select,
-    he,
-    O ? n["select--invalid"] : "",
-    u != null && pe ? n["select--label-floated"] : "",
-    g != null ? n["select--has-leading-icon"] : "",
-    s ? n["select--open"] : "",
-    _ ? n["select--disabled"] : "",
-    ee
-  ].filter(Boolean).join(" "), ye = [
-    n.select__control,
-    ve ? n["select__control--placeholder"] : ""
+  }, Pe = ve || n || U, X = (V == null ? void 0 : V.label) ?? F ?? "", we = !U && X !== "", J = i >= 0 ? r[i] : void 0, De = n && J != null ? `${h}-option-${J.value}` : void 0, Q = je(se, R, $), W = He(R), Y = W ? `${x}-message` : void 0, Me = l[`select--size-${Je(le)}`], ke = [
+    l.select,
+    Me,
+    Q ? l["select--invalid"] : "",
+    u != null && Pe ? l["select--label-floated"] : "",
+    I != null ? l["select--has-leading-icon"] : "",
+    n ? l["select--open"] : "",
+    b ? l["select--disabled"] : "",
+    oe
+  ].filter(Boolean).join(" "), Ne = [
+    l.select__control,
+    we ? l["select__control--placeholder"] : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ x("div", { className: be, ref: $, children: [
-    /* @__PURE__ */ x("div", { className: n.select__wrapper, ref: H, children: [
-      u != null && /* @__PURE__ */ l("label", { className: n.select__label, htmlFor: j, children: u }),
-      /* @__PURE__ */ x(
+  return /* @__PURE__ */ k("div", { className: ke, ref: O, children: [
+    /* @__PURE__ */ k("div", { className: l.select__wrapper, ref: H, children: [
+      u != null && /* @__PURE__ */ o("label", { className: l.select__label, htmlFor: x, children: u }),
+      /* @__PURE__ */ k(
         "button",
         {
-          ref: se,
-          id: j,
+          ref: fe,
+          id: x,
           type: "button",
           role: "combobox",
-          className: ye,
-          disabled: _,
+          className: Ne,
+          disabled: b,
           "aria-haspopup": "listbox",
-          "aria-expanded": s,
+          "aria-expanded": n,
           "aria-controls": h,
-          "aria-activedescendant": _e,
-          "aria-invalid": O ? !0 : void 0,
-          "aria-label": V ?? (typeof u == "string" ? u : void 0),
-          onClick: () => s ? b() : w(),
-          onFocus: () => C(!0),
-          onBlur: () => C(!1),
-          onKeyDown: fe,
+          "aria-activedescendant": De,
+          "aria-invalid": Q ? !0 : void 0,
+          "aria-required": ne ? !0 : void 0,
+          "aria-describedby": Oe(
+            ie,
+            Y,
+            void 0
+          ),
+          "aria-label": B,
+          onClick: () => n ? _() : w(),
+          onFocus: () => z(!0),
+          onBlur: () => z(!1),
+          onKeyDown: xe,
           children: [
-            g != null && /* @__PURE__ */ l("span", { className: n.select__leadingIcon, "aria-hidden": !0, children: g }),
-            /* @__PURE__ */ l("span", { className: n.select__value, children: G }),
-            /* @__PURE__ */ l("span", { className: n.select__trailingIcon, "aria-hidden": !0, children: /* @__PURE__ */ l(W, { size: "12", glyph: /* @__PURE__ */ l(we, {}) }) })
+            I != null && /* @__PURE__ */ o("span", { className: l["select__leading-icon"], "aria-hidden": !0, children: /* @__PURE__ */ o(Be.Provider, { value: { size: "16" }, children: I }) }),
+            /* @__PURE__ */ o("span", { className: l.select__value, children: X }),
+            /* @__PURE__ */ o("span", { className: l["select__trailing-icon"], "aria-hidden": !0, children: /* @__PURE__ */ o(Ae, { size: "12", glyph: /* @__PURE__ */ o($e, {}) }) })
           ]
         }
       )
     ] }),
-    R != null && !_ && /* @__PURE__ */ l("input", { type: "hidden", name: R, value: m }),
-    z && me(
-      /* @__PURE__ */ l(
+    W && /* @__PURE__ */ o(
+      Ce,
+      {
+        id: Y,
+        className: l.select__message,
+        message: R,
+        tone: $ ?? "error"
+      }
+    ),
+    A != null && !b && /* @__PURE__ */ o("input", { type: "hidden", name: A, value: d }),
+    K && ye(
+      /* @__PURE__ */ o(
         "div",
         {
-          ref: U,
+          ref: L,
           className: [
-            n.select__popup,
-            ce === "above" ? n["select__popup--above"] : "",
-            re ? n["select__popup--visible"] : ""
+            l.select__popup,
+            _e === "above" ? l["select__popup--above"] : "",
+            he ? l["select__popup--visible"] : ""
           ].filter(Boolean).join(" "),
-          style: de,
-          children: /* @__PURE__ */ l(De, { className: n.select__menu, children: /* @__PURE__ */ l(Pe, { maxHeight: ue, children: /* @__PURE__ */ l(
+          style: Ie,
+          children: /* @__PURE__ */ o(Ue, { className: l.select__menu, children: /* @__PURE__ */ o(Ke, { maxHeight: ge, children: /* @__PURE__ */ o(
             "ul",
             {
               id: h,
-              className: n.select__list,
+              className: l.select__list,
               role: "listbox",
-              "aria-label": typeof u == "string" ? u : V ?? "Options",
-              children: o.map((e, t) => /* @__PURE__ */ l(
-                Oe,
+              "aria-label": typeof u == "string" ? u : B ?? ae,
+              children: r.map((e, t) => /* @__PURE__ */ o(
+                Qe,
                 {
                   option: e,
+                  menuItemProps: N,
                   listboxId: h,
-                  selected: e.value === m,
-                  active: t === d,
-                  onSelect: T,
-                  onHover: () => f(t)
+                  selected: e.value === d,
+                  active: t === i,
+                  onSelect: q,
+                  onHover: () => be(t),
+                  dividerAfter: e.dividerAfter
                 },
                 e.value
               ))
@@ -272,6 +289,6 @@ const Le = Ie(function({
   ] });
 });
 export {
-  Le as default
+  dt as default
 };
 //# sourceMappingURL=Select.js.map

package/dist/components/select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../src/components/select/Select.tsx"],"sourcesContent":["import type { KeyboardEvent, ReactNode } from 'react';\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport CheckIcon from '@mattermost/compass-icons/components/check';\nimport Icon from '@/components/icon/Icon';\nimport PopoverMenu, {\n  PopoverMenuScroll,\n} from '@/components/popover-menu/PopoverMenu';\nimport menuItemStyles from '@/components/menu-item/MenuItem.module.scss';\nimport { useAnchoredPopupPortal } from '@/hooks/use-anchored-popup-portal';\nimport { useOutsideClose } from '@/hooks/use-outside-close';\nimport { usePopoverTransition } from '@/hooks/use-popover-transition';\nimport { toKebab } from '@/utils/string';\nimport styles from './Select.module.scss';\n\nexport type SelectSize = 'small' | 'medium' | 'large';\n\nexport type SelectOption = {\n  value: string;\n  label: string;\n  disabled?: boolean;\n  leadingVisual?: ReactNode;\n  secondaryLabel?: string;\n};\n\nexport interface SelectProps {\n  options: SelectOption[];\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  /** Shown on the trigger when no value is selected. Empty-value options are not listed in the menu. */\n  placeholder?: string;\n  label?: ReactNode;\n  leadingIcon?: ReactNode;\n  size?: SelectSize;\n  invalid?: boolean;\n  disabled?: boolean;\n  id?: string;\n  name?: string;\n  className?: string;\n  'aria-label'?: string;\n  /** Portal mount node for the menu; defaults to `document.body`. */\n  portalContainer?: HTMLElement | null;\n  /** Stacking order for the portaled menu. */\n  zIndex?: number;\n}\n\nconst POPUP_MAX_HEIGHT = 280;\n\nfunction SelectOptionRow({\n  option,\n  listboxId,\n  selected,\n  active,\n  onSelect,\n  onHover,\n}: {\n  option: SelectOption;\n  listboxId: string;\n  selected: boolean;\n  active: boolean;\n  onSelect: (option: SelectOption) => void;\n  onHover: () => void;\n}) {\n  const rowClass = [\n    menuItemStyles['menu-item'],\n    active ? menuItemStyles['menu-item--active'] : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <li\n      id={`${listboxId}-option-${option.value}`}\n      role=\"option\"\n      className={[styles.select__option, rowClass].filter(Boolean).join(' ')}\n      aria-selected={selected}\n      aria-disabled={option.disabled || undefined}\n      onMouseDown={(ev) => ev.preventDefault()}\n      onMouseEnter={onHover}\n      onPointerUp={() => {\n        if (!option.disabled) onSelect(option);\n      }}\n    >\n      <div\n        className={[\n          menuItemStyles['menu-item__content'],\n          option.disabled ? styles['select__option-content--disabled'] : '',\n        ]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        {option.leadingVisual != null && (\n          <div className={menuItemStyles['menu-item__left']}>\n            <span className={menuItemStyles['menu-item__leading-visual']}>\n              {option.leadingVisual}\n            </span>\n          </div>\n        )}\n        <div className={menuItemStyles['menu-item__middle']}>\n          <div className={menuItemStyles['menu-item__top-row']}>\n            <span className={menuItemStyles['menu-item__label']}>\n              {option.label}\n            </span>\n          </div>\n          {option.secondaryLabel != null && (\n            <div className={menuItemStyles['menu-item__bottom-row']}>\n              <span className={menuItemStyles['menu-item__secondary-label-below']}>\n                {option.secondaryLabel}\n              </span>\n            </div>\n          )}\n        </div>\n        {selected && (\n          <div className={menuItemStyles['menu-item__right']}>\n            <span\n              className={[\n                menuItemStyles['menu-item__trailing-visual'],\n                menuItemStyles['menu-item__trailing-visual--check'],\n              ].join(' ')}\n            >\n              <Icon glyph={<CheckIcon />} size=\"16\" />\n            </span>\n          </div>\n        )}\n      </div>\n    </li>\n  );\n}\n\n/**\n * { value: 'town-square', label: 'Town Square' }, { value: 'off-topic', label: 'Off-Topic'\n * }, { value: 'design', label: 'Design' }, ];\n */\nconst Select = forwardRef<HTMLButtonElement, SelectProps>(function Select(\n  {\n    options,\n    value: valueProp,\n    defaultValue = '',\n    onChange,\n    placeholder,\n    label,\n    leadingIcon,\n    size = 'medium',\n    invalid = false,\n    disabled = false,\n    id: idProp,\n    name,\n    className = '',\n    'aria-label': ariaLabel,\n    portalContainer = null,\n    zIndex,\n  },\n  ref,\n) {\n  const generatedId = useId();\n  const id = idProp ?? generatedId;\n  const listboxId = `${id}-listbox`;\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const anchorRef = useRef<HTMLDivElement>(null);\n  const buttonRef = useRef<HTMLButtonElement | null>(null);\n\n  const setButtonRef = useCallback(\n    (node: HTMLButtonElement | null) => {\n      buttonRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref) ref.current = node;\n    },\n    [ref],\n  );\n\n  const isControlled = valueProp !== undefined;\n  const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n  const value = isControlled ? valueProp! : uncontrolledValue;\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n  const [activeIndex, setActiveIndex] = useState(-1);\n\n  const selectedOption = useMemo(\n    () => options.find((o) => o.value === value),\n    [options, value],\n  );\n\n  const listOptions = useMemo(\n    () => options.filter((o) => o.value !== ''),\n    [options],\n  );\n\n  const hasValue = value !== '';\n\n  const { mounted: popupMounted, visible: popupVisible } =\n    usePopoverTransition(isOpen);\n\n  const {\n    placement,\n    maxHeight,\n    style: popupStyle,\n    portalRef,\n    renderPortal,\n  } = useAnchoredPopupPortal(anchorRef, popupMounted, {\n    preferredHeight: POPUP_MAX_HEIGHT,\n    maxHeightCap: POPUP_MAX_HEIGHT,\n    portalContainer,\n    zIndex,\n  });\n\n  const close = useCallback(() => {\n    setIsOpen(false);\n    setActiveIndex(-1);\n  }, []);\n\n  const open = useCallback(() => {\n    if (disabled) return;\n    setIsOpen(true);\n  }, [disabled]);\n\n  useOutsideClose(rootRef, isOpen, close, portalRef);\n\n  useEffect(() => {\n    if (!isOpen) return;\n    setActiveIndex((prev) => {\n      if (listOptions.length === 0) return -1;\n      if (prev >= 0 && prev < listOptions.length) return prev;\n      const selectedIdx = listOptions.findIndex((o) => o.value === value);\n      if (selectedIdx >= 0) return selectedIdx;\n      const firstEnabled = listOptions.findIndex((o) => !o.disabled);\n      return firstEnabled >= 0 ? firstEnabled : 0;\n    });\n  }, [isOpen, listOptions, value]);\n\n  const commitValue = useCallback(\n    (next: string) => {\n      if (!isControlled) setUncontrolledValue(next);\n      onChange?.(next);\n    },\n    [isControlled, onChange],\n  );\n\n  const selectOption = useCallback(\n    (option: SelectOption) => {\n      if (option.disabled) return;\n      commitValue(option.value);\n      close();\n      buttonRef.current?.focus();\n    },\n    [commitValue, close],\n  );\n\n  const moveActive = useCallback(\n    (delta: number) => {\n      const enabled = listOptions\n        .map((o, i) => ({ o, i }))\n        .filter(({ o }) => !o.disabled);\n      if (enabled.length === 0) {\n        setActiveIndex(-1);\n        return;\n      }\n      setActiveIndex((prev) => {\n        const currentPos = enabled.findIndex(({ i }) => i === prev);\n        const nextPos =\n          currentPos < 0\n            ? delta > 0\n              ? 0\n              : enabled.length - 1\n            : (currentPos + delta + enabled.length) % enabled.length;\n        return enabled[nextPos].i;\n      });\n    },\n    [listOptions],\n  );\n\n  useEffect(() => {\n    if (!isOpen || activeIndex < 0) return;\n    const option = listOptions[activeIndex];\n    if (!option) return;\n    const el = document.getElementById(`${listboxId}-option-${option.value}`);\n    el?.scrollIntoView({ block: 'nearest' });\n  }, [isOpen, activeIndex, listOptions, listboxId]);\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n    if (disabled) return;\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        if (!isOpen) open();\n        else moveActive(1);\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        if (!isOpen) open();\n        else moveActive(-1);\n        break;\n      case 'Home':\n        if (isOpen && listOptions.length > 0) {\n          e.preventDefault();\n          const idx = listOptions.findIndex((o) => !o.disabled);\n          setActiveIndex(idx >= 0 ? idx : 0);\n        }\n        break;\n      case 'End':\n        if (isOpen && listOptions.length > 0) {\n          e.preventDefault();\n          for (let i = listOptions.length - 1; i >= 0; i--) {\n            if (!listOptions[i]?.disabled) {\n              setActiveIndex(i);\n              break;\n            }\n          }\n        }\n        break;\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        if (isOpen && activeIndex >= 0 && listOptions[activeIndex]) {\n          selectOption(listOptions[activeIndex]);\n        } else if (!isOpen) {\n          open();\n        }\n        break;\n      case 'Escape':\n        if (isOpen) {\n          e.preventDefault();\n          close();\n        }\n        break;\n      case 'Tab':\n        close();\n        break;\n      default:\n        break;\n    }\n  };\n\n  const labelFloated = isFocused || isOpen || hasValue;\n  const displayLabel = selectedOption?.label ?? placeholder ?? '';\n  const showPlaceholderStyle = !hasValue && displayLabel !== '';\n\n  const activeOption =\n    activeIndex >= 0 ? listOptions[activeIndex] : undefined;\n  const activeDescendant =\n    isOpen && activeOption != null\n      ? `${listboxId}-option-${activeOption.value}`\n      : undefined;\n\n  const sizeClass = styles[`select--size-${toKebab(size)}`];\n  const rootClass = [\n    styles.select,\n    sizeClass,\n    invalid ? styles['select--invalid'] : '',\n    label != null && labelFloated ? styles['select--label-floated'] : '',\n    leadingIcon != null ? styles['select--has-leading-icon'] : '',\n    isOpen ? styles['select--open'] : '',\n    disabled ? styles['select--disabled'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const controlClass = [\n    styles.select__control,\n    showPlaceholderStyle ? styles['select__control--placeholder'] : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass} ref={rootRef}>\n      <div className={styles.select__wrapper} ref={anchorRef}>\n        {label != null && (\n          <label className={styles.select__label} htmlFor={id}>\n            {label}\n          </label>\n        )}\n        <button\n          ref={setButtonRef}\n          id={id}\n          type=\"button\"\n          role=\"combobox\"\n          className={controlClass}\n          disabled={disabled}\n          aria-haspopup=\"listbox\"\n          aria-expanded={isOpen}\n          aria-controls={listboxId}\n          aria-activedescendant={activeDescendant}\n          aria-invalid={invalid ? true : undefined}\n          aria-label={\n            ariaLabel ??\n            (typeof label === 'string' ? label : undefined)\n          }\n          onClick={() => (isOpen ? close() : open())}\n          onFocus={() => setIsFocused(true)}\n          onBlur={() => setIsFocused(false)}\n          onKeyDown={handleKeyDown}\n        >\n          {leadingIcon != null && (\n            <span className={styles.select__leadingIcon} aria-hidden>\n              {leadingIcon}\n            </span>\n          )}\n          <span className={styles.select__value}>{displayLabel}</span>\n          <span className={styles.select__trailingIcon} aria-hidden>\n            <Icon size=\"12\" glyph={<ChevronDownIcon />} />\n          </span>\n        </button>\n      </div>\n\n      {name != null && !disabled && (\n        <input type=\"hidden\" name={name} value={value} />\n      )}\n\n      {popupMounted &&\n        renderPortal(\n          <div\n            ref={portalRef}\n            className={[\n              styles.select__popup,\n              placement === 'above' ? styles['select__popup--above'] : '',\n              popupVisible ? styles['select__popup--visible'] : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            style={popupStyle}\n          >\n            <PopoverMenu className={styles.select__menu}>\n              <PopoverMenuScroll maxHeight={maxHeight}>\n                <ul\n                  id={listboxId}\n                  className={styles.select__list}\n                  role=\"listbox\"\n                  aria-label={\n                    typeof label === 'string' ? label : (ariaLabel ?? 'Options')\n                  }\n                >\n                  {listOptions.map((option, index) => (\n                    <SelectOptionRow\n                      key={option.value}\n                      option={option}\n                      listboxId={listboxId}\n                      selected={option.value === value}\n                      active={index === activeIndex}\n                      onSelect={selectOption}\n                      onHover={() => setActiveIndex(index)}\n                    />\n                  ))}\n                </ul>\n              </PopoverMenuScroll>\n            </PopoverMenu>\n          </div>,\n        )}\n    </div>\n  );\n});\n\nexport default Select;\n"],"names":["POPUP_MAX_HEIGHT","SelectOptionRow","option","listboxId","selected","active","onSelect","onHover","rowClass","menuItemStyles","jsx","styles","ev","jsxs","Icon","CheckIcon","Select","forwardRef","options","valueProp","defaultValue","onChange","placeholder","label","leadingIcon","size","invalid","disabled","idProp","name","className","ariaLabel","portalContainer","zIndex","ref","generatedId","useId","id","rootRef","useRef","anchorRef","buttonRef","setButtonRef","useCallback","node","isControlled","uncontrolledValue","setUncontrolledValue","useState","value","isOpen","setIsOpen","isFocused","setIsFocused","activeIndex","setActiveIndex","selectedOption","useMemo","o","listOptions","hasValue","popupMounted","popupVisible","usePopoverTransition","placement","maxHeight","popupStyle","portalRef","renderPortal","useAnchoredPopupPortal","close","open","useOutsideClose","useEffect","prev","selectedIdx","firstEnabled","commitValue","next","selectOption","_a","moveActive","delta","enabled","i","currentPos","nextPos","el","handleKeyDown","idx","labelFloated","displayLabel","showPlaceholderStyle","activeOption","activeDescendant","sizeClass","toKebab","rootClass","controlClass","ChevronDownIcon","PopoverMenu","PopoverMenuScroll","index"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../../src/components/select/Select.tsx"],"sourcesContent":["import type { KeyboardEvent, ReactNode } from 'react';\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport Icon from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport {\n  hasFieldMessage,\n  isFieldInvalid,\n  mergeFieldDescribedBy,\n} from '@/components/field/fieldDescribedBy';\nimport FieldMessage from '@/components/field-message/FieldMessage';\nimport type { FieldMessageTone } from '@/components/field-message/FieldMessage';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport type {\n  MenuItemOwnedProps,\n  MenuItemPassthroughProps,\n} from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n  PopoverMenuDivider,\n  PopoverMenuScroll,\n} from '@/components/popover-menu/PopoverMenu';\nimport { useAnchoredPopupPortal } from '@/hooks/use-anchored-popup-portal';\nimport { useOutsideClose } from '@/hooks/use-outside-close';\nimport { usePopoverTransition } from '@/hooks/use-popover-transition';\nimport { mergeMenuItemProps } from '@/utils/menuItemProps';\nimport { toKebab } from '@/utils/string';\nimport styles from './Select.module.scss';\n\nexport type SelectSize = 'small' | 'medium' | 'large';\n\n// Select rows use `onPointerUp`, so `onClick` is left for callers.\ntype SelectMenuItemProps = MenuItemPassthroughProps<\n  Exclude<MenuItemOwnedProps, 'onClick'>\n>;\n\nexport type SelectOption = {\n  value: string;\n  /** Kept as `string` like `ComboboxOption.label` (which drives filtering), so option lists can be shared. */\n  label: string;\n  disabled?: boolean;\n  leadingVisual?: ReactNode;\n  /** Accepts translated nodes. */\n  secondaryLabel?: ReactNode;\n  /** When true, renders a menu divider after this option. */\n  dividerAfter?: boolean;\n  /**\n   * Extra `MenuItem` props for this row (e.g. `secondaryLabelPosition`, `tag`,\n   * `trailingVisual`, `className`). Overrides the `menuItemProps` set on the\n   * Select; the props Select owns (ARIA, selection, handlers) can't be set.\n   */\n  menuItemProps?: SelectMenuItemProps;\n};\n\nexport interface SelectProps {\n  options: SelectOption[];\n  /**\n   * `MenuItem` props applied to every option row, e.g.\n   * `menuItemProps={{ secondaryLabelPosition: 'inline' }}`. A row's own\n   * `menuItemProps` wins.\n   */\n  menuItemProps?: SelectMenuItemProps;\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  /** Shown on the trigger when no value is selected. Empty-value options are not listed in the menu. */\n  placeholder?: string;\n  label?: ReactNode;\n  /** Leading icon — pass `<Icon glyph={<SomeIcon />} />`; Select provides the correct size via context. */\n  leadingIcon?: ReactNode;\n  size?: SelectSize;\n  /** When true, shows invalid/error styling. */\n  invalid?: boolean;\n  /**\n   * Field message under the field. Accepts translated nodes (e.g. `<FormattedMessage/>`).\n   * Defaults to error tone (invalid chrome) when set without `messageTone`. It is linked to\n   * the trigger with `aria-describedby`.\n   */\n  message?: ReactNode;\n  /** Visual tone for `message`. Default: `error` when `message` is set. */\n  messageTone?: FieldMessageTone;\n  /** Marks the field required for assistive tech (`aria-required=\"true\"`). */\n  required?: boolean;\n  disabled?: boolean;\n  id?: string;\n  name?: string;\n  className?: string;\n  'aria-label'?: string;\n  /** Extra description ids for the trigger; the field message id is appended. */\n  'aria-describedby'?: string;\n  /**\n   * Accessible name for the options list when `label` isn't a string and no\n   * `aria-label` is set. Default: \"Options\".\n   */\n  listboxLabel?: string;\n  /** Portal mount node for the menu; defaults to `document.body`. */\n  portalContainer?: HTMLElement | null;\n  /** Stacking order for the portaled menu. */\n  zIndex?: number;\n}\n\nconst POPUP_MAX_HEIGHT = 280;\n\nfunction SelectOptionRow({\n  option,\n  menuItemProps,\n  listboxId,\n  selected,\n  active,\n  onSelect,\n  onHover,\n  dividerAfter = false,\n}: {\n  option: SelectOption;\n  menuItemProps?: SelectMenuItemProps;\n  listboxId: string;\n  selected: boolean;\n  active: boolean;\n  onSelect: (option: SelectOption) => void;\n  onHover: () => void;\n  dividerAfter?: boolean;\n}) {\n  return (\n    <>\n      <li className={styles.select__option} role=\"presentation\">\n        <MenuItem\n          {...mergeMenuItemProps(menuItemProps, option.menuItemProps)}\n          id={`${listboxId}-option-${option.value}`}\n          role=\"option\"\n          label={option.label}\n          secondaryLabel={option.secondaryLabel}\n          leadingElement={option.leadingVisual != null}\n          leadingVisual={option.leadingVisual}\n          trailingElement={selected}\n          active={active}\n          disabled={option.disabled}\n          aria-selected={selected}\n          onMouseDown={(ev) => ev.preventDefault()}\n          onMouseEnter={onHover}\n          onPointerUp={() => {\n            if (!option.disabled) onSelect(option);\n          }}\n        />\n      </li>\n      {dividerAfter ? (\n        <li role=\"presentation\">\n          <PopoverMenuDivider aria-hidden=\"true\" />\n        </li>\n      ) : null}\n    </>\n  );\n}\n\n/**\n * { value: 'town-square', label: 'Town Square' }, { value: 'off-topic', label: 'Off-Topic'\n * }, { value: 'design', label: 'Design' }, ];\n */\nconst Select = forwardRef<HTMLButtonElement, SelectProps>(function Select(\n  {\n    options,\n    menuItemProps,\n    value: valueProp,\n    defaultValue = '',\n    onChange,\n    placeholder,\n    label,\n    leadingIcon,\n    size = 'medium',\n    invalid = false,\n    message,\n    messageTone,\n    required = false,\n    disabled = false,\n    id: idProp,\n    name,\n    className = '',\n    'aria-label': ariaLabel,\n    'aria-describedby': describedBy,\n    listboxLabel = 'Options',\n    portalContainer = null,\n    zIndex,\n  },\n  ref,\n) {\n  const generatedId = useId();\n  const id = idProp ?? generatedId;\n  const listboxId = `${id}-listbox`;\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const anchorRef = useRef<HTMLDivElement>(null);\n  const buttonRef = useRef<HTMLButtonElement | null>(null);\n\n  const setButtonRef = useCallback(\n    (node: HTMLButtonElement | null) => {\n      buttonRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref) ref.current = node;\n    },\n    [ref],\n  );\n\n  const isControlled = valueProp !== undefined;\n  const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n  const value = isControlled ? valueProp! : uncontrolledValue;\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n  const [activeIndex, setActiveIndex] = useState(-1);\n  // Hover moves the highlight without scrolling; only keyboard changes scroll the row into view.\n  const activatedByPointer = useRef(false);\n  const hoverRow = useCallback(\n    (index: number) => {\n      if (index === activeIndex) return;\n      activatedByPointer.current = true;\n      setActiveIndex(index);\n    },\n    [activeIndex],\n  );\n\n  const selectedOption = useMemo(\n    () => options.find((o) => o.value === value),\n    [options, value],\n  );\n\n  const listOptions = useMemo(\n    () => options.filter((o) => o.value !== ''),\n    [options],\n  );\n\n  const hasValue = value !== '';\n\n  const { mounted: popupMounted, visible: popupVisible } =\n    usePopoverTransition(isOpen);\n\n  const {\n    placement,\n    maxHeight,\n    style: popupStyle,\n    portalRef,\n    renderPortal,\n  } = useAnchoredPopupPortal(anchorRef, popupMounted, {\n    preferredHeight: POPUP_MAX_HEIGHT,\n    maxHeightCap: POPUP_MAX_HEIGHT,\n    portalContainer,\n    zIndex,\n  });\n\n  const close = useCallback(() => {\n    setIsOpen(false);\n    setActiveIndex(-1);\n  }, []);\n\n  const open = useCallback(() => {\n    if (disabled) return;\n    setIsOpen(true);\n  }, [disabled]);\n\n  useOutsideClose(rootRef, isOpen, close, portalRef);\n\n  useEffect(() => {\n    if (!isOpen) return;\n    setActiveIndex((prev) => {\n      if (listOptions.length === 0) return -1;\n      if (prev >= 0 && prev < listOptions.length) return prev;\n      const selectedIdx = listOptions.findIndex((o) => o.value === value);\n      if (selectedIdx >= 0) return selectedIdx;\n      const firstEnabled = listOptions.findIndex((o) => !o.disabled);\n      return firstEnabled >= 0 ? firstEnabled : 0;\n    });\n  }, [isOpen, listOptions, value]);\n\n  const commitValue = useCallback(\n    (next: string) => {\n      if (!isControlled) setUncontrolledValue(next);\n      onChange?.(next);\n    },\n    [isControlled, onChange],\n  );\n\n  const selectOption = useCallback(\n    (option: SelectOption) => {\n      if (option.disabled) return;\n      commitValue(option.value);\n      close();\n      buttonRef.current?.focus();\n    },\n    [commitValue, close],\n  );\n\n  const moveActive = useCallback(\n    (delta: number) => {\n      activatedByPointer.current = false;\n      const enabled = listOptions\n        .map((o, i) => ({ o, i }))\n        .filter(({ o }) => !o.disabled);\n      if (enabled.length === 0) {\n        setActiveIndex(-1);\n        return;\n      }\n      setActiveIndex((prev) => {\n        const currentPos = enabled.findIndex(({ i }) => i === prev);\n        const nextPos =\n          currentPos < 0\n            ? delta > 0\n              ? 0\n              : enabled.length - 1\n            : (currentPos + delta + enabled.length) % enabled.length;\n        return enabled[nextPos].i;\n      });\n    },\n    [listOptions],\n  );\n\n  useEffect(() => {\n    if (!isOpen || activeIndex < 0) return;\n    if (activatedByPointer.current) {\n      activatedByPointer.current = false;\n      return;\n    }\n    const option = listOptions[activeIndex];\n    if (!option) return;\n    const el = document.getElementById(`${listboxId}-option-${option.value}`);\n    el?.scrollIntoView?.({ block: 'nearest' });\n  }, [isOpen, activeIndex, listOptions, listboxId]);\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n    if (disabled) return;\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        if (!isOpen) open();\n        else moveActive(1);\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        if (!isOpen) open();\n        else moveActive(-1);\n        break;\n      case 'Home':\n        if (isOpen && listOptions.length > 0) {\n          e.preventDefault();\n          const idx = listOptions.findIndex((o) => !o.disabled);\n          setActiveIndex(idx >= 0 ? idx : 0);\n        }\n        break;\n      case 'End':\n        if (isOpen && listOptions.length > 0) {\n          e.preventDefault();\n          for (let i = listOptions.length - 1; i >= 0; i--) {\n            if (!listOptions[i]?.disabled) {\n              setActiveIndex(i);\n              break;\n            }\n          }\n        }\n        break;\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        if (isOpen && activeIndex >= 0 && listOptions[activeIndex]) {\n          selectOption(listOptions[activeIndex]);\n        } else if (!isOpen) {\n          open();\n        }\n        break;\n      case 'Escape':\n        if (isOpen) {\n          e.preventDefault();\n          close();\n        }\n        break;\n      case 'Tab':\n        close();\n        break;\n      default:\n        break;\n    }\n  };\n\n  const labelFloated = isFocused || isOpen || hasValue;\n  const displayLabel = selectedOption?.label ?? placeholder ?? '';\n  const showPlaceholderStyle = !hasValue && displayLabel !== '';\n\n  const activeOption = activeIndex >= 0 ? listOptions[activeIndex] : undefined;\n  const activeDescendant =\n    isOpen && activeOption != null\n      ? `${listboxId}-option-${activeOption.value}`\n      : undefined;\n\n  const showInvalid = isFieldInvalid(invalid, message, messageTone);\n  const showMessage = hasFieldMessage(message);\n  const messageId = showMessage ? `${id}-message` : undefined;\n\n  const sizeClass = styles[`select--size-${toKebab(size)}`];\n  const rootClass = [\n    styles.select,\n    sizeClass,\n    showInvalid ? styles['select--invalid'] : '',\n    label != null && labelFloated ? styles['select--label-floated'] : '',\n    leadingIcon != null ? styles['select--has-leading-icon'] : '',\n    isOpen ? styles['select--open'] : '',\n    disabled ? styles['select--disabled'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const controlClass = [\n    styles.select__control,\n    showPlaceholderStyle ? styles['select__control--placeholder'] : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass} ref={rootRef}>\n      <div className={styles.select__wrapper} ref={anchorRef}>\n        {label != null && (\n          <label className={styles.select__label} htmlFor={id}>\n            {label}\n          </label>\n        )}\n        <button\n          ref={setButtonRef}\n          id={id}\n          type=\"button\"\n          role=\"combobox\"\n          className={controlClass}\n          disabled={disabled}\n          aria-haspopup=\"listbox\"\n          aria-expanded={isOpen}\n          aria-controls={listboxId}\n          aria-activedescendant={activeDescendant}\n          aria-invalid={showInvalid ? true : undefined}\n          aria-required={required ? true : undefined}\n          aria-describedby={mergeFieldDescribedBy(\n            describedBy,\n            messageId,\n            undefined,\n          )}\n          aria-label={ariaLabel}\n          onClick={() => (isOpen ? close() : open())}\n          onFocus={() => setIsFocused(true)}\n          onBlur={() => setIsFocused(false)}\n          onKeyDown={handleKeyDown}\n        >\n          {leadingIcon != null && (\n            <span className={styles['select__leading-icon']} aria-hidden>\n              <IconSlotContext.Provider value={{ size: '16' }}>\n                {leadingIcon}\n              </IconSlotContext.Provider>\n            </span>\n          )}\n          <span className={styles.select__value}>{displayLabel}</span>\n          <span className={styles['select__trailing-icon']} aria-hidden>\n            <Icon size=\"12\" glyph={<ChevronDownIcon />} />\n          </span>\n        </button>\n      </div>\n\n      {showMessage && (\n        <FieldMessage\n          id={messageId}\n          className={styles['select__message']}\n          message={message}\n          tone={messageTone ?? 'error'}\n        />\n      )}\n\n      {name != null && !disabled && (\n        <input type=\"hidden\" name={name} value={value} />\n      )}\n\n      {popupMounted &&\n        renderPortal(\n          <div\n            ref={portalRef}\n            className={[\n              styles.select__popup,\n              placement === 'above' ? styles['select__popup--above'] : '',\n              popupVisible ? styles['select__popup--visible'] : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            style={popupStyle}\n          >\n            <PopoverMenu className={styles.select__menu}>\n              <PopoverMenuScroll maxHeight={maxHeight}>\n                <ul\n                  id={listboxId}\n                  className={styles.select__list}\n                  role=\"listbox\"\n                  aria-label={\n                    typeof label === 'string'\n                      ? label\n                      : (ariaLabel ?? listboxLabel)\n                  }\n                >\n                  {listOptions.map((option, index) => (\n                    <SelectOptionRow\n                      key={option.value}\n                      option={option}\n                      menuItemProps={menuItemProps}\n                      listboxId={listboxId}\n                      selected={option.value === value}\n                      active={index === activeIndex}\n                      onSelect={selectOption}\n                      onHover={() => hoverRow(index)}\n                      dividerAfter={option.dividerAfter}\n                    />\n                  ))}\n                </ul>\n              </PopoverMenuScroll>\n            </PopoverMenu>\n          </div>,\n        )}\n    </div>\n  );\n});\n\nexport default Select;\n"],"names":["POPUP_MAX_HEIGHT","SelectOptionRow","option","menuItemProps","listboxId","selected","active","onSelect","onHover","dividerAfter","jsxs","Fragment","jsx","styles","MenuItem","mergeMenuItemProps","ev","PopoverMenuDivider","Select","forwardRef","options","valueProp","defaultValue","onChange","placeholder","label","leadingIcon","size","invalid","message","messageTone","required","disabled","idProp","name","className","ariaLabel","describedBy","listboxLabel","portalContainer","zIndex","ref","generatedId","useId","id","rootRef","useRef","anchorRef","buttonRef","setButtonRef","useCallback","node","isControlled","uncontrolledValue","setUncontrolledValue","useState","value","isOpen","setIsOpen","isFocused","setIsFocused","activeIndex","setActiveIndex","activatedByPointer","hoverRow","index","selectedOption","useMemo","o","listOptions","hasValue","popupMounted","popupVisible","usePopoverTransition","placement","maxHeight","popupStyle","portalRef","renderPortal","useAnchoredPopupPortal","close","open","useOutsideClose","useEffect","prev","selectedIdx","firstEnabled","commitValue","next","selectOption","_a","moveActive","delta","enabled","i","currentPos","nextPos","el","handleKeyDown","idx","labelFloated","displayLabel","showPlaceholderStyle","activeOption","activeDescendant","showInvalid","isFieldInvalid","showMessage","hasFieldMessage","messageId","sizeClass","toKebab","rootClass","controlClass","mergeFieldDescribedBy","IconSlotContext","Icon","ChevronDownIcon","FieldMessage","PopoverMenu","PopoverMenuScroll"],"mappings":"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"}

package/dist/components/select/Select.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Select.module.css');const e="_select_117uv_2",_="_select__wrapper_117uv_8",l="_select__label_117uv_26",t="_select__control_117uv_56",s="_select__value_117uv_82",c="_select__leadingIcon_117uv_92",o="_select__trailingIcon_117uv_99",n="_select__popup_117uv_111",i="_select__menu_117uv_127",u="_select__list_117uv_132",a="_select__option_117uv_137",p={select:e,select__wrapper:_,"select--disabled":"_select--disabled_117uv_16",select__label:l,"select--label-floated":"_select--label-floated_117uv_47",select__control:t,"select__control--placeholder":"_select__control--placeholder_117uv_82",select__value:s,select__leadingIcon:c,select__trailingIcon:o,"select--open":"_select--open_117uv_108",select__popup:n,"select__popup--above":"_select__popup--above_117uv_118","select__popup--visible":"_select__popup--visible_117uv_121",select__menu:i,select__list:u,select__option:a,"select__option-content--disabled":"_select__option-content--disabled_117uv_145","select--size-small":"_select--size-small_117uv_148","select--size-medium":"_select--size-medium_117uv_167","select--size-large":"_select--size-large_117uv_190","select--invalid":"_select--invalid_117uv_217","select--has-leading-icon":"_select--has-leading-icon_117uv_229"};exports.default=p;exports.select=e;exports.select__control=t;exports.select__label=l;exports.select__leadingIcon=c;exports.select__list=u;exports.select__menu=i;exports.select__option=a;exports.select__popup=n;exports.select__trailingIcon=o;exports.select__value=s;exports.select__wrapper=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Select.css');const e="_select_ew42w_13",_="_select__wrapper_ew42w_19",l="_select__label_ew42w_37",s="_select__message_ew42w_67",t="_select__control_ew42w_70",c="_select__value_ew42w_96",o="_select__popup_ew42w_125",w="_select__menu_ew42w_141",n="_select__list_ew42w_146",i="_select__option_ew42w_151",a={select:e,select__wrapper:_,"select--disabled":"_select--disabled_ew42w_27",select__label:l,"select--label-floated":"_select--label-floated_ew42w_58",select__message:s,select__control:t,"select__control--placeholder":"_select__control--placeholder_ew42w_96",select__value:c,"select__leading-icon":"_select__leading-icon_ew42w_106","select__trailing-icon":"_select__trailing-icon_ew42w_113","select--open":"_select--open_ew42w_122",select__popup:o,"select__popup--above":"_select__popup--above_ew42w_132","select__popup--visible":"_select__popup--visible_ew42w_135",select__menu:w,select__list:n,select__option:i,"select__option-content--disabled":"_select__option-content--disabled_ew42w_159","select--size-small":"_select--size-small_ew42w_162","select--size-medium":"_select--size-medium_ew42w_182","select--size-large":"_select--size-large_ew42w_207","select--invalid":"_select--invalid_ew42w_235","select--has-leading-icon":"_select--has-leading-icon_ew42w_247"};exports.default=a;exports.select=e;exports.select__control=t;exports.select__label=l;exports.select__list=n;exports.select__menu=w;exports.select__message=s;exports.select__option=i;exports.select__popup=o;exports.select__value=c;exports.select__wrapper=_;
 //# sourceMappingURL=Select.module.scss.cjs.map