@viasat/beam-react 2.37.0 → 2.38.0

package/lib/Search/Search.Results.ViewAll.es.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "react";
-import "../../chunks/classNames.BTJmrO_L.js";
-import "../../chunks/constants.CKKGf1-i.js";
+import "../../chunks/classNames.ZWNk1hey.js";
+import "../../chunks/constants.Cruz2A1w.js";
 import "clsx";
-import { V as a } from "../../chunks/Search.Results.XLqY_iES.js";
+import { V as a } from "../../chunks/Search.Results.xnCZAijW.js";
 import "../ActionList/ActionList.es.js";
 import "../Icon/Icon.es.js";
 export {

package/lib/Search/Search.Results.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");require("clsx");const e=require("../../chunks/Search.Results.DqEXVJeE.js");require("./Search.Results.Item.cjs.js");require("../ActionList/ActionList.cjs.js");exports.Results=e.Results;exports.SearchResultsContext=e.SearchResultsContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("../../chunks/classNames.DC8Ra4sw.js");require("../../chunks/constants.CgMu0_1M.js");require("clsx");const e=require("../../chunks/Search.Results.NCxpem4D.js");require("./Search.Results.Item.cjs.js");require("../ActionList/ActionList.cjs.js");exports.Results=e.Results;exports.SearchResultsContext=e.SearchResultsContext;

package/lib/Search/Search.Results.es.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "react";
-import "../../chunks/classNames.BTJmrO_L.js";
-import "../../chunks/constants.CKKGf1-i.js";
+import "../../chunks/classNames.ZWNk1hey.js";
+import "../../chunks/constants.Cruz2A1w.js";
 import "clsx";
-import { R, a as l } from "../../chunks/Search.Results.XLqY_iES.js";
+import { R, a as l } from "../../chunks/Search.Results.xnCZAijW.js";
 import "./Search.Results.Item.es.js";
 import "../ActionList/ActionList.es.js";
 export {

package/lib/Search/Search.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),be=require("../../chunks/classNames.DAeKwerT.js"),_e=require("../../chunks/constants.hwjHOsvT.js"),S=require("react"),t=require("../../chunks/Search.Results.DqEXVJeE.js"),V=require("clsx"),pe=require("../../chunks/form.context.hesWPMlU.js"),fe=require("../Form/contexts/label.context.cjs.js"),xe=require("../Form/contexts/helperText.context.cjs.js"),me=require("../Form/hooks/useUniversalRef.hook.cjs.js"),_=require("../Form/hooks/useAccessibleId.hook.cjs.js"),he=require("../Icon/Icon.cjs.js"),ye=require("./useSearchDropdown.cjs.js"),Se=require("./SearchDropdown.cjs.js"),Ie=require("../ActionList/ActionList.cjs.js"),qe=require("../../utils/hooks/useDebounced.cjs.js"),Re=require("../../utils/hooks/useEffectAfterMount.cjs.js"),je=require("../Spinner/Spinner.cjs.js"),Ne=require("../CloseButton/CloseButton.cjs.js"),{baseClassNamePrefix:De,subElementClassPrefix:c,classModifierPrefix:p}=be.getBEMClassNames("search"),n=S.forwardRef(({id:C,defaultValue:z="",value:I,onChange:r,onSearch:U,loading:q=!1,debounce:W=200,onKeyDown:f,label:R,contentAfter:j,contentBefore:N,helperText:D,fluid:G,width:J,theme:P,disabled:i,hideIcon:Q,icon:X=t.SvgSearch,error:l,readOnly:u,clearable:v=!0,noResults:A,clearButtonAriaLabel:Y="Clear search",className:Z,children:k,"aria-describedby":O,"aria-labelledby":K,"aria-label":w,...x},ee)=>{const{refFn:se,ref:te}=me.useUniversalRef(ee),[re,$]=S.useState(String(z)),d=I!==void 0,o=d?String(I):re,ie=e=>{d||$(e.target.value),r==null||r(e)},{immediate:m,debounced:g}=qe.useDebounced(U,W),le=e=>{if(f==null||f(e),e.key==="Enter"){if(e.isDefaultPrevented()||e.isPropagationStopped())return;const{activeIndex:a,elementsRef:de}=h,y=a!==null?de.current[a]:null;y&&y.getAttribute("aria-disabled")!=="true"?(e.preventDefault(),y.click()):a===null&&m(o)}e.key==="Escape"&&(!v||h.open)&&e.preventDefault()},{id:b}=_.useAccessibleId(),{id:E}=_.useAccessibleId(),{id:F}=_.useAccessibleId(),{id:M}=_.useAccessibleId(),T=!!(l!=null&&l.length),H=!!k||!!A,B=V(D&&M,T&&F,O),L=K??(R?E:void 0),{dropdownProps:h,getFieldProps:ae,getInputProps:ce}=ye.useSearchDropdown({enabled:H,disabled:!!i,readOnly:!!u});Re.useEffectAfterMount(()=>{g(o)},[o,g]);const ne=V(t.styles[De],P&&_e.themeClassName(P),G&&t.styles[`${p}fluid`],i&&t.styles[`${p}disabled`],u&&t.styles[`${p}read-only`],l&&t.styles[`${p}error`],Z),oe=e=>{var a;i||e.target instanceof HTMLInputElement||e.target.closest('button,[role="button"],a,[role="link"]')||(e.preventDefault(),e.stopPropagation(),(a=te.current)==null||a.focus())},ue=S.useCallback(()=>{d?r==null||r({target:{value:"",name:x.name,id:b,type:"search"}}):$(""),m("")},[b,d,r,m,x.name]);return s.jsxs("div",{id:C,className:ne,role:"search",style:{maxWidth:J},"aria-labelledby":L,"aria-label":w,"aria-describedby":B,"aria-busy":q,children:[s.jsx(fe.LabelProvider,{ctxDisabled:!!i,ctxRequired:!1,ctxHtmlFor:b,ctxId:E,children:R}),s.jsxs("div",{className:t.styles[`${c}field`],...ae({onPointerDown:oe}),children:[!Q&&s.jsx(he.Icon,{icon:X,"aria-hidden":!0}),N&&s.jsx("div",{className:t.styles[`${c}content`],children:N}),s.jsx("input",{id:b,type:"search",className:t.styles[`${c}field__input`],value:o,disabled:i,readOnly:u,"aria-invalid":!!l,"aria-labelledby":L,"aria-label":w,"aria-describedby":B,...ce({...x,onChange:ie,onKeyDown:le}),ref:se}),q&&s.jsx("div",{className:t.styles[`${c}field__spinner`],children:s.jsx(je.Spinner,{size:"xxs"})}),v&&o&&!i&&!u&&s.jsx(Ne.CloseButton,{onClick:ue,className:`${c}field__clear-button`,size:"sm","aria-label":Y}),j&&s.jsx("div",{className:t.styles[`${c}content`],children:j})]}),s.jsxs(xe.HelperTextProvider,{ctxId:M,ctxDisabled:!!i,children:[D,T&&s.jsx(pe.HelperText,{id:F,appearance:"negative",children:l})]}),H&&s.jsx(Se.SearchDropdown,{...h,children:s.jsx(Ie.ActionList,{role:"listbox",noResults:A,children:k})})]})});n.displayName="Search";n.Results=t.Results;n.Results.displayName="Search.Results";n.Results.Item.displayName="Search.Results.Item";n.Results.ViewAll.displayName="Search.Results.ViewAll";exports.Search=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),L=require("../../chunks/input.Dq5mx3KB.js"),me=require("../../chunks/classNames.DC8Ra4sw.js"),he=require("../../chunks/constants.CgMu0_1M.js"),y=require("react"),t=require("../../chunks/Search.Results.NCxpem4D.js"),V=require("clsx"),Se=require("../../chunks/form.context.D5XrYvpI.js"),ye=require("../Form/contexts/label.context.cjs.js"),Ie=require("../Form/contexts/helperText.context.cjs.js"),qe=require("../Form/hooks/useUniversalRef.hook.cjs.js"),_=require("../Form/hooks/useAccessibleId.hook.cjs.js"),Re=require("../Icon/Icon.cjs.js"),je=require("./useSearchDropdown.cjs.js"),ve=require("./SearchDropdown.cjs.js"),Ne=require("../ActionList/ActionList.cjs.js"),De=require("../../utils/hooks/useDebounced.cjs.js"),Pe=require("../../utils/hooks/useEffectAfterMount.cjs.js"),Ae=require("../Spinner/Spinner.cjs.js"),ke=require("../CloseButton/CloseButton.cjs.js"),{baseClassNamePrefix:$e,subElementClassPrefix:c,classModifierPrefix:u}=me.getBEMClassNames("search"),n=y.forwardRef(({id:C,defaultValue:U="",value:I,onChange:i,onSearch:W,loading:q=!1,debounce:G=200,onKeyDown:f,label:R,contentAfter:j,contentBefore:v,helperText:N,fluid:J,size:Q=L.defaultInputSize,htmlSize:X,width:Y,theme:D,disabled:r,hideIcon:Z,icon:O=t.SvgSearch,error:l,readOnly:d,clearable:P=!0,noResults:A,clearButtonAriaLabel:K="Clear search",className:ee,children:k,"aria-describedby":se,"aria-labelledby":te,"aria-label":$,...x},ie)=>{const{refFn:re,ref:le}=qe.useUniversalRef(ie),[ae,w]=y.useState(String(U)),b=I!==void 0,o=b?String(I):ae,ce=e=>{b||w(e.target.value),i==null||i(e)},{immediate:m,debounced:g}=De.useDebounced(W,G),ne=e=>{if(f==null||f(e),e.key==="Enter"){if(e.isDefaultPrevented()||e.isPropagationStopped())return;const{activeIndex:a,elementsRef:xe}=h,S=a!==null?xe.current[a]:null;S&&S.getAttribute("aria-disabled")!=="true"?(e.preventDefault(),S.click()):a===null&&m(o)}e.key==="Escape"&&(!P||h.open)&&e.preventDefault()},{id:p}=_.useAccessibleId(),{id:E}=_.useAccessibleId(),{id:z}=_.useAccessibleId(),{id:F}=_.useAccessibleId(),M=!!(l!=null&&l.length),T=!!k||!!A,H=V(N&&F,M&&z,se),B=te??(R?E:void 0),{dropdownProps:h,getFieldProps:oe,getInputProps:ue}=je.useSearchDropdown({enabled:T,disabled:!!r,readOnly:!!d});Pe.useEffectAfterMount(()=>{g(o)},[o,g]);const{fieldSize:de,nativeSize:be}=L.resolveInputSize(Q,X),pe=V(t.styles[$e],D&&he.themeClassName(D),t.styles[`${u}${de}`],J&&t.styles[`${u}fluid`],r&&t.styles[`${u}disabled`],d&&t.styles[`${u}read-only`],l&&t.styles[`${u}error`],ee),_e=e=>{var a;r||e.target instanceof HTMLInputElement||e.target.closest('button,[role="button"],a,[role="link"]')||(e.preventDefault(),e.stopPropagation(),(a=le.current)==null||a.focus())},fe=y.useCallback(()=>{b?i==null||i({target:{value:"",name:x.name,id:p,type:"search"}}):w(""),m("")},[p,b,i,m,x.name]);return s.jsxs("div",{id:C,className:pe,role:"search",style:{maxWidth:Y},"aria-labelledby":B,"aria-label":$,"aria-describedby":H,"aria-busy":q,children:[s.jsx(ye.LabelProvider,{ctxDisabled:!!r,ctxRequired:!1,ctxHtmlFor:p,ctxId:E,children:R}),s.jsxs("div",{className:t.styles[`${c}field`],...oe({onPointerDown:_e}),children:[!Z&&s.jsx(Re.Icon,{icon:O,"aria-hidden":!0}),v&&s.jsx("div",{className:t.styles[`${c}content`],children:v}),s.jsx("input",{id:p,type:"search",size:be,className:t.styles[`${c}field__input`],value:o,disabled:r,readOnly:d,"aria-invalid":!!l,"aria-labelledby":B,"aria-label":$,"aria-describedby":H,...ue({...x,onChange:ce,onKeyDown:ne}),ref:re}),q&&s.jsx("div",{className:t.styles[`${c}field__spinner`],children:s.jsx(Ae.Spinner,{size:"xxs"})}),P&&o&&!r&&!d&&s.jsx(ke.CloseButton,{onClick:fe,className:`${c}field__clear-button`,size:"sm","aria-label":K}),j&&s.jsx("div",{className:t.styles[`${c}content`],children:j})]}),s.jsxs(Ie.HelperTextProvider,{ctxId:F,ctxDisabled:!!r,children:[N,M&&s.jsx(Se.HelperText,{id:z,appearance:"negative",children:l})]}),T&&s.jsx(ve.SearchDropdown,{...h,children:s.jsx(Ne.ActionList,{role:"listbox",noResults:A,children:k})})]})});n.displayName="Search";n.Results=t.Results;n.Results.displayName="Search.Results";n.Results.Item.displayName="Search.Results.Item";n.Results.ViewAll.displayName="Search.Results.ViewAll";exports.Search=n;

package/lib/Search/Search.d.ts

@@ -1,9 +1,10 @@
+import { InputSize } from '@viasat/beam-shared/components/input';
 import { ThemeTypes } from '@viasat/beam-shared/utils';
 import { Nullable } from '@viasat/beam-shared/utils/types';
-import { default as React, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
+import { default as React, ComponentPropsWithRef, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
 import { Results } from './Search.Results';
 import { IconComponentType } from '../../utils/types';
-export interface SearchProps extends React.ComponentPropsWithRef<'input'> {
+export interface SearchProps extends Omit<ComponentPropsWithRef<'input'>, 'size'> {
     /**
      * Specify a callback to load or filter results when the query changes
      */
@@ -30,6 +31,18 @@ export interface SearchProps extends React.ComponentPropsWithRef<'input'> {
      * @default false
      */
     fluid?: boolean;
+    /**
+     * Specify the size of Search.
+     * Passing a number is a deprecated, backward-compatible shorthand for the
+     * native character width — use `htmlSize` instead.
+     * @default 'md'
+     */
+    size?: InputSize | number;
+    /**
+     * Specify the native input width in average character widths
+     * (the HTML `size` attribute)
+     */
+    htmlSize?: number;
     /**
      * Specify the width of Search
      */

package/lib/Search/Search.es.js

@@ -1,25 +1,26 @@
-import { jsxs as S, jsx as t } from "react/jsx-runtime";
-import { g as ue } from "../../chunks/classNames.BTJmrO_L.js";
-import { t as fe } from "../../chunks/constants.CKKGf1-i.js";
-import pe, { forwardRef as be, useCallback as he } from "react";
-import { s as r, S as xe, R as Ie } from "../../chunks/Search.Results.XLqY_iES.js";
-import q from "clsx";
-import { H as ye } from "../../chunks/form.context.D7b4066_.js";
-import { LabelProvider as Se } from "../Form/contexts/label.context.es.js";
-import { HelperTextProvider as Ne } from "../Form/contexts/helperText.context.es.js";
-import { useUniversalRef as Re } from "../Form/hooks/useUniversalRef.hook.es.js";
-import { useAccessibleId as f } from "../Form/hooks/useAccessibleId.hook.es.js";
-import { Icon as Pe } from "../Icon/Icon.es.js";
-import { useSearchDropdown as ve } from "./useSearchDropdown.es.js";
-import { SearchDropdown as De } from "./SearchDropdown.es.js";
-import { ActionList as $e } from "../ActionList/ActionList.es.js";
-import { useDebounced as ge } from "../../utils/hooks/useDebounced.es.js";
-import { useEffectAfterMount as _e } from "../../utils/hooks/useEffectAfterMount.es.js";
-import { Spinner as we } from "../Spinner/Spinner.es.js";
-import { CloseButton as Ee } from "../CloseButton/CloseButton.es.js";
-const { baseClassNamePrefix: ke, subElementClassPrefix: o, classModifierPrefix: p } = ue("search"), n = be(
+import { jsxs as y, jsx as t } from "react/jsx-runtime";
+import { d as he, r as Se } from "../../chunks/input.f81KzcGZ.js";
+import { g as xe } from "../../chunks/classNames.ZWNk1hey.js";
+import { t as Ie } from "../../chunks/constants.Cruz2A1w.js";
+import ye, { forwardRef as Ne, useCallback as Re } from "react";
+import { s as r, S as ve, R as Pe } from "../../chunks/Search.Results.xnCZAijW.js";
+import j from "clsx";
+import { H as De } from "../../chunks/form.context.cEuTL68U.js";
+import { LabelProvider as $e } from "../Form/contexts/label.context.es.js";
+import { HelperTextProvider as ge } from "../Form/contexts/helperText.context.es.js";
+import { useUniversalRef as _e } from "../Form/hooks/useUniversalRef.hook.es.js";
+import { useAccessibleId as p } from "../Form/hooks/useAccessibleId.hook.es.js";
+import { Icon as we } from "../Icon/Icon.es.js";
+import { useSearchDropdown as ze } from "./useSearchDropdown.es.js";
+import { SearchDropdown as Ee } from "./SearchDropdown.es.js";
+import { ActionList as ke } from "../ActionList/ActionList.es.js";
+import { useDebounced as Ae } from "../../utils/hooks/useDebounced.es.js";
+import { useEffectAfterMount as He } from "../../utils/hooks/useEffectAfterMount.es.js";
+import { Spinner as Me } from "../Spinner/Spinner.es.js";
+import { CloseButton as Ve } from "../CloseButton/CloseButton.es.js";
+const { baseClassNamePrefix: Be, subElementClassPrefix: o, classModifierPrefix: n } = xe("search"), d = Ne(
   ({
-    id: z,
+    id: q,
     defaultValue: C = "",
     value: N,
     onChange: a,
@@ -27,153 +28,157 @@ const { baseClassNamePrefix: ke, subElementClassPrefix: o, classModifierPrefix:
     loading: R = !1,
     debounce: W = 200,
     onKeyDown: b,
-    label: P,
-    contentAfter: v,
+    label: v,
+    contentAfter: P,
     contentBefore: D,
     helperText: $,
     fluid: G,
-    width: J,
+    size: J = he,
+    htmlSize: Q,
+    width: X,
     theme: g,
     disabled: s,
-    hideIcon: Q,
-    icon: X = xe,
+    hideIcon: Y,
+    icon: Z = ve,
     error: i,
-    readOnly: d,
+    readOnly: m,
     clearable: _ = !0,
     noResults: w,
-    clearButtonAriaLabel: Y = "Clear search",
-    className: Z,
-    children: E,
-    "aria-describedby": K,
-    "aria-labelledby": O,
-    "aria-label": k,
+    clearButtonAriaLabel: K = "Clear search",
+    className: O,
+    children: z,
+    "aria-describedby": ee,
+    "aria-labelledby": te,
+    "aria-label": E,
     ...h
-  }, ee) => {
-    const { refFn: te, ref: re } = Re(ee), [ae, A] = pe.useState(String(C)), m = N !== void 0, c = m ? String(N) : ae, se = (e) => {
-      m || A(e.target.value), a == null || a(e);
-    }, { immediate: x, debounced: H } = ge(U, W), ie = (e) => {
+  }, re) => {
+    const { refFn: ae, ref: se } = _e(re), [ie, k] = ye.useState(String(C)), u = N !== void 0, c = u ? String(N) : ie, le = (e) => {
+      u || k(e.target.value), a == null || a(e);
+    }, { immediate: S, debounced: A } = Ae(U, W), oe = (e) => {
       if (b == null || b(e), e.key === "Enter") {
         if (e.isDefaultPrevented() || e.isPropagationStopped())
           return;
-        const { activeIndex: l, elementsRef: me } = I, y = l !== null ? me.current[l] : null;
-        y && y.getAttribute("aria-disabled") !== "true" ? (e.preventDefault(), y.click()) : l === null && x(c);
+        const { activeIndex: l, elementsRef: be } = x, I = l !== null ? be.current[l] : null;
+        I && I.getAttribute("aria-disabled") !== "true" ? (e.preventDefault(), I.click()) : l === null && S(c);
       }
-      e.key === "Escape" && (!_ || I.open) && e.preventDefault();
-    }, { id: u } = f(), { id: M } = f(), { id: V } = f(), { id: B } = f(), F = !!(i != null && i.length), L = !!E || !!w, T = q(
-      $ && B,
-      F && V,
-      K
-    ), j = O ?? (P ? M : void 0), { dropdownProps: I, getFieldProps: le, getInputProps: oe } = ve({
-      enabled: L,
+      e.key === "Escape" && (!_ || x.open) && e.preventDefault();
+    }, { id: f } = p(), { id: H } = p(), { id: M } = p(), { id: V } = p(), B = !!(i != null && i.length), F = !!z || !!w, L = j(
+      $ && V,
+      B && M,
+      ee
+    ), T = te ?? (v ? H : void 0), { dropdownProps: x, getFieldProps: ce, getInputProps: ne } = ze({
+      enabled: F,
       disabled: !!s,
-      readOnly: !!d
+      readOnly: !!m
     });
-    _e(() => {
-      H(c);
-    }, [c, H]);
-    const ce = q(
-      r[ke],
-      g && fe(g),
-      G && r[`${p}fluid`],
-      s && r[`${p}disabled`],
-      d && r[`${p}read-only`],
-      i && r[`${p}error`],
-      Z
-    ), ne = (e) => {
+    He(() => {
+      A(c);
+    }, [c, A]);
+    const { fieldSize: de, nativeSize: me } = Se(J, Q), ue = j(
+      r[Be],
+      g && Ie(g),
+      r[`${n}${de}`],
+      G && r[`${n}fluid`],
+      s && r[`${n}disabled`],
+      m && r[`${n}read-only`],
+      i && r[`${n}error`],
+      O
+    ), fe = (e) => {
       var l;
       s || e.target instanceof HTMLInputElement || e.target.closest(
         'button,[role="button"],a,[role="link"]'
-      ) || (e.preventDefault(), e.stopPropagation(), (l = re.current) == null || l.focus());
-    }, de = he(() => {
-      m ? a == null || a({
+      ) || (e.preventDefault(), e.stopPropagation(), (l = se.current) == null || l.focus());
+    }, pe = Re(() => {
+      u ? a == null || a({
         target: {
           value: "",
           name: h.name,
-          id: u,
+          id: f,
           type: "search"
         }
-      }) : A(""), x("");
-    }, [u, m, a, x, h.name]);
-    return /* @__PURE__ */ S(
+      }) : k(""), S("");
+    }, [f, u, a, S, h.name]);
+    return /* @__PURE__ */ y(
       "div",
       {
-        id: z,
-        className: ce,
+        id: q,
+        className: ue,
         role: "search",
-        style: { maxWidth: J },
-        "aria-labelledby": j,
-        "aria-label": k,
-        "aria-describedby": T,
+        style: { maxWidth: X },
+        "aria-labelledby": T,
+        "aria-label": E,
+        "aria-describedby": L,
         "aria-busy": R,
         children: [
           /* @__PURE__ */ t(
-            Se,
+            $e,
             {
               ctxDisabled: !!s,
               ctxRequired: !1,
-              ctxHtmlFor: u,
-              ctxId: M,
-              children: P
+              ctxHtmlFor: f,
+              ctxId: H,
+              children: v
             }
           ),
-          /* @__PURE__ */ S(
+          /* @__PURE__ */ y(
             "div",
             {
               className: r[`${o}field`],
-              ...le({ onPointerDown: ne }),
+              ...ce({ onPointerDown: fe }),
               children: [
-                !Q && /* @__PURE__ */ t(Pe, { icon: X, "aria-hidden": !0 }),
+                !Y && /* @__PURE__ */ t(we, { icon: Z, "aria-hidden": !0 }),
                 D && /* @__PURE__ */ t("div", { className: r[`${o}content`], children: D }),
                 /* @__PURE__ */ t(
                   "input",
                   {
-                    id: u,
+                    id: f,
                     type: "search",
+                    size: me,
                     className: r[`${o}field__input`],
                     value: c,
                     disabled: s,
-                    readOnly: d,
+                    readOnly: m,
                     "aria-invalid": !!i,
-                    "aria-labelledby": j,
-                    "aria-label": k,
-                    "aria-describedby": T,
-                    ...oe({
+                    "aria-labelledby": T,
+                    "aria-label": E,
+                    "aria-describedby": L,
+                    ...ne({
                       ...h,
-                      onChange: se,
-                      onKeyDown: ie
+                      onChange: le,
+                      onKeyDown: oe
                     }),
-                    ref: te
+                    ref: ae
                   }
                 ),
-                R && /* @__PURE__ */ t("div", { className: r[`${o}field__spinner`], children: /* @__PURE__ */ t(we, { size: "xxs" }) }),
-                _ && c && !s && !d && /* @__PURE__ */ t(
-                  Ee,
+                R && /* @__PURE__ */ t("div", { className: r[`${o}field__spinner`], children: /* @__PURE__ */ t(Me, { size: "xxs" }) }),
+                _ && c && !s && !m && /* @__PURE__ */ t(
+                  Ve,
                   {
-                    onClick: de,
+                    onClick: pe,
                     className: `${o}field__clear-button`,
                     size: "sm",
-                    "aria-label": Y
+                    "aria-label": K
                   }
                 ),
-                v && /* @__PURE__ */ t("div", { className: r[`${o}content`], children: v })
+                P && /* @__PURE__ */ t("div", { className: r[`${o}content`], children: P })
               ]
             }
           ),
-          /* @__PURE__ */ S(Ne, { ctxId: B, ctxDisabled: !!s, children: [
+          /* @__PURE__ */ y(ge, { ctxId: V, ctxDisabled: !!s, children: [
             $,
-            F && /* @__PURE__ */ t(ye, { id: V, appearance: "negative", children: i })
+            B && /* @__PURE__ */ t(De, { id: M, appearance: "negative", children: i })
           ] }),
-          L && /* @__PURE__ */ t(De, { ...I, children: /* @__PURE__ */ t($e, { role: "listbox", noResults: w, children: E }) })
+          F && /* @__PURE__ */ t(Ee, { ...x, children: /* @__PURE__ */ t(ke, { role: "listbox", noResults: w, children: z }) })
         ]
       }
     );
   }
 );
-n.displayName = "Search";
-n.Results = Ie;
-n.Results.displayName = "Search.Results";
-n.Results.Item.displayName = "Search.Results.Item";
-n.Results.ViewAll.displayName = "Search.Results.ViewAll";
+d.displayName = "Search";
+d.Results = Pe;
+d.Results.displayName = "Search.Results";
+d.Results.Item.displayName = "Search.Results.Item";
+d.Results.ViewAll.displayName = "Search.Results.ViewAll";
 export {
-  n as Search
+  d as Search
 };

package/lib/Search/SearchDropdown.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("@floating-ui/react"),p=require("../Box/Box.cjs.js"),b=require("clsx"),t=require("../../chunks/classNames.DAeKwerT.js"),g=require("../../chunks/constants.hwjHOsvT.js"),q=require("../ActionList/ActionList.context.cjs.js"),N=require("react"),e=require("../../chunks/Search.Results.DqEXVJeE.js"),h=require("../../chunks/FloatingUI.arrow.BK0jH2ge.js"),B=require("../../chunks/popover.module.DGUJIXrP.js"),{baseClassNamePrefix:P}=t.getBEMClassNames("floatingui"),{baseClassNamePrefix:S}=t.getBEMClassNames("popover"),{subElementClassPrefix:w}=t.getBEMClassNames("search"),y=[e.Results,e.Results.Item,e.Results.ViewAll],v=({setOpen:o,isMounted:l,getFloatingProps:a,floatingStyles:i,labelsRef:n,elementsRef:c,getItemProps:u,setFloating:m,theme:r,className:x,children:C,activeIndex:f})=>{const _=N.useCallback(()=>o(!1),[o]);return l?s.jsx(d.FloatingPortal,{children:s.jsx(p.Box,{className:b(r&&g.themeClassName(r),h.floatinguiStyles[P],B.popoverStyles[S],e.styles[`${w}dropdown`],x),...a(),style:i,ref:m,children:s.jsx(q.ActionListContextProvider,{allowChildrenTypes:y,getItemProps:u,itemsFocusable:!1,onItemClick:_,labelsRef:n,elementsRef:c,activeIndex:f,children:C})})}):null};exports.SearchDropdown=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("@floating-ui/react"),p=require("../Box/Box.cjs.js"),b=require("clsx"),t=require("../../chunks/classNames.DC8Ra4sw.js"),g=require("../../chunks/constants.CgMu0_1M.js"),q=require("../ActionList/ActionList.context.cjs.js"),N=require("react"),e=require("../../chunks/Search.Results.NCxpem4D.js"),h=require("../../chunks/FloatingUI.arrow.DR8hzVDP.js"),B=require("../../chunks/popover.module.DGUJIXrP.js"),{baseClassNamePrefix:P}=t.getBEMClassNames("floatingui"),{baseClassNamePrefix:S}=t.getBEMClassNames("popover"),{subElementClassPrefix:w}=t.getBEMClassNames("search"),y=[e.Results,e.Results.Item,e.Results.ViewAll],v=({setOpen:o,isMounted:l,getFloatingProps:a,floatingStyles:i,labelsRef:n,elementsRef:c,getItemProps:u,setFloating:m,theme:r,className:x,children:C,activeIndex:f})=>{const _=N.useCallback(()=>o(!1),[o]);return l?s.jsx(d.FloatingPortal,{children:s.jsx(p.Box,{className:b(r&&g.themeClassName(r),h.floatinguiStyles[P],B.popoverStyles[S],e.styles[`${w}dropdown`],x),...a(),style:i,ref:m,children:s.jsx(q.ActionListContextProvider,{allowChildrenTypes:y,getItemProps:u,itemsFocusable:!1,onItemClick:_,labelsRef:n,elementsRef:c,activeIndex:f,children:C})})}):null};exports.SearchDropdown=v;

package/lib/Search/SearchDropdown.es.js

@@ -2,12 +2,12 @@ import { jsx as s } from "react/jsx-runtime";
 import { FloatingPortal as d } from "@floating-ui/react";
 import { Box as N } from "../Box/Box.es.js";
 import P from "clsx";
-import { g as e } from "../../chunks/classNames.BTJmrO_L.js";
-import { t as g } from "../../chunks/constants.CKKGf1-i.js";
+import { g as e } from "../../chunks/classNames.ZWNk1hey.js";
+import { t as g } from "../../chunks/constants.Cruz2A1w.js";
 import { ActionListContextProvider as h } from "../ActionList/ActionList.context.es.js";
 import { useCallback as b } from "react";
-import { R as o, s as y } from "../../chunks/Search.Results.XLqY_iES.js";
-import { f as v } from "../../chunks/FloatingUI.arrow.BXR2atOC.js";
+import { R as o, s as y } from "../../chunks/Search.Results.xnCZAijW.js";
+import { f as v } from "../../chunks/FloatingUI.arrow.90ecVA1X.js";
 import { p as w } from "../../chunks/popover.module.3dnl8y6-.js";
 const { baseClassNamePrefix: B } = e("floatingui"), { baseClassNamePrefix: k } = e("popover"), { subElementClassPrefix: I } = e("search"), S = [o, o.Item, o.ViewAll], q = ({
   setOpen: r,

package/lib/SegmentedControl/SegmentedControl.Item.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),L=require("react"),P=require("clsx"),z=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const t=require("../../chunks/segmentedControl.module.Do2xEatq.js"),A=require("./SegmentedControlContext.cjs.js"),M=require("../StateLayer/StateLayer.cjs.js"),V=require("../Tooltip/Tooltip.cjs.js"),B=require("../../utils/hooks/index.cjs.js"),H=require("../../utils/hooks/useKeyboardNavigation.cjs.js"),v=({value:s,children:l,disabled:N=!1,icon:i,"aria-label":f,className:C,...I})=>{const o=L.useRef(null),{disabled:E,size:y,onChange:r,selectedValue:j,setSelectedValue:b,fluid:R,controlItems:u}=A.useSegmentedControl(),{subElementClassPrefix:T}=z.getBEMClassNames("segmented-control"),e=`${T}item`,c=N||E,_=j===s,g=u.indexOf(s),p=g===0,w=u.length>0&&g===u.length-1,K=P(t.styles[e],y&&t.styles[`${e}--${y}`],c&&t.styles[`${e}--disabled`],R&&t.styles[`${e}--fluid`],p&&t.styles[`${e}--first`],w&&!p&&t.styles[`${e}--last`],i&&!l&&t.styles[`${e}--iconOnly`],_&&t.styles[`${e}--selected`],C),O=()=>{c||(b(s),r==null||r(s))},k=n=>{var S;if(n!==s){if(!((S=o.current)!=null&&S.parentElement))return;const m=o.current.parentElement.querySelector(`[data-segment-value="${n}"]`);if(m){const q=m.querySelector("input");q?q.focus():m.focus()}}},F=()=>{var n;return(n=o.current)!=null&&n.parentElement?{current:o.current.parentElement}:o},{handleKeyDown:h}=H.useKeyboardNavigation({currentValue:s,items:u||[],containerRef:F(),dataAttribute:"data-segment-value",disabledClassName:t.styles[`${e}--disabled`],onFocusItem:k,onSelectItem:n=>{c||(b(n),r==null||r(n))},isHorizontal:!0}),x=`${e}-${s}`,{ref:D,isOverFlowing:$}=B.useIsOverFlowing();let d=!1;return!l&&i&&(d=!0),$&&(d=!0),l&&i&&!$&&(d=!1),a.jsx(V.Tooltip,{text:f||l,disabled:!d,children:a.jsxs("button",{id:x,className:K,ref:o,"data-segment-value":s,"aria-disabled":c,tabIndex:_?0:-1,onClick:O,onKeyDown:h,"aria-label":f,...I,children:[a.jsxs("span",{className:`${e}__content`,children:[i&&a.jsx("span",{className:`${e}__icon`,children:i}),l&&a.jsx("span",{ref:D,className:`${e}__controlText`,children:l})]}),!c&&a.jsx(M.StateLayer,{className:`${e}__state-layer`})]},x)})};exports.SegmentedControlItem=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),L=require("react"),P=require("clsx"),z=require("../../chunks/classNames.DC8Ra4sw.js");require("../../chunks/constants.CgMu0_1M.js");const t=require("../../chunks/segmentedControl.module.Do2xEatq.js"),A=require("./SegmentedControlContext.cjs.js"),M=require("../StateLayer/StateLayer.cjs.js"),V=require("../Tooltip/Tooltip.cjs.js"),B=require("../../utils/hooks/index.cjs.js"),H=require("../../utils/hooks/useKeyboardNavigation.cjs.js"),v=({value:s,children:l,disabled:N=!1,icon:i,"aria-label":f,className:C,...I})=>{const o=L.useRef(null),{disabled:E,size:y,onChange:r,selectedValue:j,setSelectedValue:b,fluid:R,controlItems:u}=A.useSegmentedControl(),{subElementClassPrefix:T}=z.getBEMClassNames("segmented-control"),e=`${T}item`,c=N||E,_=j===s,g=u.indexOf(s),p=g===0,w=u.length>0&&g===u.length-1,K=P(t.styles[e],y&&t.styles[`${e}--${y}`],c&&t.styles[`${e}--disabled`],R&&t.styles[`${e}--fluid`],p&&t.styles[`${e}--first`],w&&!p&&t.styles[`${e}--last`],i&&!l&&t.styles[`${e}--iconOnly`],_&&t.styles[`${e}--selected`],C),O=()=>{c||(b(s),r==null||r(s))},k=n=>{var S;if(n!==s){if(!((S=o.current)!=null&&S.parentElement))return;const m=o.current.parentElement.querySelector(`[data-segment-value="${n}"]`);if(m){const q=m.querySelector("input");q?q.focus():m.focus()}}},F=()=>{var n;return(n=o.current)!=null&&n.parentElement?{current:o.current.parentElement}:o},{handleKeyDown:h}=H.useKeyboardNavigation({currentValue:s,items:u||[],containerRef:F(),dataAttribute:"data-segment-value",disabledClassName:t.styles[`${e}--disabled`],onFocusItem:k,onSelectItem:n=>{c||(b(n),r==null||r(n))},isHorizontal:!0}),x=`${e}-${s}`,{ref:D,isOverFlowing:$}=B.useIsOverFlowing();let d=!1;return!l&&i&&(d=!0),$&&(d=!0),l&&i&&!$&&(d=!1),a.jsx(V.Tooltip,{text:f||l,disabled:!d,children:a.jsxs("button",{id:x,className:K,ref:o,"data-segment-value":s,"aria-disabled":c,tabIndex:_?0:-1,onClick:O,onKeyDown:h,"aria-label":f,...I,children:[a.jsxs("span",{className:`${e}__content`,children:[i&&a.jsx("span",{className:`${e}__icon`,children:i}),l&&a.jsx("span",{ref:D,className:`${e}__controlText`,children:l})]}),!c&&a.jsx(M.StateLayer,{className:`${e}__state-layer`})]},x)})};exports.SegmentedControlItem=v;

package/lib/SegmentedControl/SegmentedControl.Item.es.js

@@ -1,8 +1,8 @@
 import { jsx as d, jsxs as _ } from "react/jsx-runtime";
 import { useRef as P } from "react";
 import V from "clsx";
-import { g as h } from "../../chunks/classNames.BTJmrO_L.js";
-import "../../chunks/constants.CKKGf1-i.js";
+import { g as h } from "../../chunks/classNames.ZWNk1hey.js";
+import "../../chunks/constants.Cruz2A1w.js";
 import { s as t } from "../../chunks/segmentedControl.module.xmzdEbo3.js";
 import { useSegmentedControl as B } from "./SegmentedControlContext.es.js";
 import { StateLayer as H } from "../StateLayer/StateLayer.es.js";

package/lib/SegmentedControl/SegmentedControl.List.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),C=require("react"),g=require("clsx"),f=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const n=require("../../chunks/segmentedControl.module.Do2xEatq.js"),S=require("./SegmentedControlContext.cjs.js"),b=({children:e,className:a,...u})=>{const{selectedValue:i,setSelectedValue:t,setControlItems:o,fluid:c}=S.useSegmentedControl();C.useEffect(()=>{if(!i){if(!Array.isArray(e)){t(e.props.value),o([e.props.value]);return}const l=e.filter(s=>!s.props.disabled);l.length>0&&t(l[0].props.value),o(e.map(s=>s.props.value))}},[]);const{subElementClassPrefix:m}=f.getBEMClassNames("segmented-control"),r=`${m}list`,d=g(n.styles[r],c&&n.styles[`${r}--fluid`],a);return p.jsx("div",{className:d,...u,children:e})};exports.SegmentedControlList=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),C=require("react"),g=require("clsx"),f=require("../../chunks/classNames.DC8Ra4sw.js");require("../../chunks/constants.CgMu0_1M.js");const n=require("../../chunks/segmentedControl.module.Do2xEatq.js"),S=require("./SegmentedControlContext.cjs.js"),b=({children:e,className:a,...u})=>{const{selectedValue:i,setSelectedValue:t,setControlItems:o,fluid:c}=S.useSegmentedControl();C.useEffect(()=>{if(!i){if(!Array.isArray(e)){t(e.props.value),o([e.props.value]);return}const l=e.filter(s=>!s.props.disabled);l.length>0&&t(l[0].props.value),o(e.map(s=>s.props.value))}},[]);const{subElementClassPrefix:m}=f.getBEMClassNames("segmented-control"),r=`${m}list`,d=g(n.styles[r],c&&n.styles[`${r}--fluid`],a);return p.jsx("div",{className:d,...u,children:e})};exports.SegmentedControlList=b;

package/lib/SegmentedControl/SegmentedControl.List.es.js

@@ -1,8 +1,8 @@
 import { jsx as c } from "react/jsx-runtime";
 import { useEffect as d } from "react";
 import C from "clsx";
-import { g } from "../../chunks/classNames.BTJmrO_L.js";
-import "../../chunks/constants.CKKGf1-i.js";
+import { g } from "../../chunks/classNames.ZWNk1hey.js";
+import "../../chunks/constants.Cruz2A1w.js";
 import { s as a } from "../../chunks/segmentedControl.module.xmzdEbo3.js";
 import { useSegmentedControl as v } from "./SegmentedControlContext.es.js";
 const V = ({

package/lib/SegmentedControl/SegmentedControl.Panel.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),m=require("clsx"),u=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const n=require("../../chunks/segmentedControl.module.Do2xEatq.js"),g=require("./SegmentedControlContext.cjs.js"),C=({value:s,children:o,className:l,...r})=>{const{subElementClassPrefix:c}=u.getBEMClassNames("segmented-control"),e=`${c}panel`,{selectedValue:a}=g.useSegmentedControl(),t=a===s,d=m(n.styles[e],t&&n.styles[`${e}--selected`],l);return i.jsx("div",{id:`${e}-${s}`,"aria-hidden":!t,className:d,...r,children:o})};exports.SegmentedControlPanel=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),m=require("clsx"),u=require("../../chunks/classNames.DC8Ra4sw.js");require("../../chunks/constants.CgMu0_1M.js");const n=require("../../chunks/segmentedControl.module.Do2xEatq.js"),g=require("./SegmentedControlContext.cjs.js"),C=({value:s,children:o,className:l,...r})=>{const{subElementClassPrefix:c}=u.getBEMClassNames("segmented-control"),e=`${c}panel`,{selectedValue:a}=g.useSegmentedControl(),t=a===s,d=m(n.styles[e],t&&n.styles[`${e}--selected`],l);return i.jsx("div",{id:`${e}-${s}`,"aria-hidden":!t,className:d,...r,children:o})};exports.SegmentedControlPanel=C;

package/lib/SegmentedControl/SegmentedControl.Panel.es.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import d from "clsx";
-import { g as p } from "../../chunks/classNames.BTJmrO_L.js";
-import "../../chunks/constants.CKKGf1-i.js";
+import { g as p } from "../../chunks/classNames.ZWNk1hey.js";
+import "../../chunks/constants.Cruz2A1w.js";
 import { s as o } from "../../chunks/segmentedControl.module.xmzdEbo3.js";
 import { useSegmentedControl as f } from "./SegmentedControlContext.es.js";
 const b = ({

package/lib/SegmentedControl/SegmentedControl.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),b=require("clsx"),x=require("../../chunks/classNames.DAeKwerT.js"),N=require("../../chunks/constants.hwjHOsvT.js"),P=require("./SegmentedControlContext.cjs.js"),I=require("./SegmentedControl.Item.cjs.js"),f=require("./SegmentedControl.List.cjs.js"),j=require("./SegmentedControl.Panel.cjs.js"),v=require("../../chunks/segmentedControl.module.Do2xEatq.js"),e=({disabled:r=!1,size:l="md",onChange:m,initialSelection:t,fluid:a=!1,theme:n,children:c,className:d,...u})=>{const{baseClassNamePrefix:i}=x.getBEMClassNames("segmented-control"),C=b(v.styles[i],n&&N.themeClassName(n),d),[g,S]=s.useState(t),[_,q]=s.useState([]);return o.jsx(P.SegmentedControlProvider,{value:{disabled:r,size:l,onChange:m,initialSelection:t,selectedValue:g,setSelectedValue:S,fluid:a,controlItems:_,setControlItems:q},children:o.jsx("span",{className:C,...u,children:c})})};e.Item=I.SegmentedControlItem;e.Panel=j.SegmentedControlPanel;e.List=f.SegmentedControlList;exports.SegmentedControl=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),b=require("clsx"),x=require("../../chunks/classNames.DC8Ra4sw.js"),N=require("../../chunks/constants.CgMu0_1M.js"),P=require("./SegmentedControlContext.cjs.js"),I=require("./SegmentedControl.Item.cjs.js"),f=require("./SegmentedControl.List.cjs.js"),j=require("./SegmentedControl.Panel.cjs.js"),v=require("../../chunks/segmentedControl.module.Do2xEatq.js"),e=({disabled:r=!1,size:l="md",onChange:m,initialSelection:t,fluid:a=!1,theme:n,children:c,className:d,...u})=>{const{baseClassNamePrefix:i}=x.getBEMClassNames("segmented-control"),C=b(v.styles[i],n&&N.themeClassName(n),d),[g,S]=s.useState(t),[_,q]=s.useState([]);return o.jsx(P.SegmentedControlProvider,{value:{disabled:r,size:l,onChange:m,initialSelection:t,selectedValue:g,setSelectedValue:S,fluid:a,controlItems:_,setControlItems:q},children:o.jsx("span",{className:C,...u,children:c})})};e.Item=I.SegmentedControlItem;e.Panel=j.SegmentedControlPanel;e.List=f.SegmentedControlList;exports.SegmentedControl=e;

package/lib/SegmentedControl/SegmentedControl.es.js

@@ -1,8 +1,8 @@
 import { jsx as s } from "react/jsx-runtime";
 import { useState as m } from "react";
 import N from "clsx";
-import { g as x } from "../../chunks/classNames.BTJmrO_L.js";
-import { t as I } from "../../chunks/constants.CKKGf1-i.js";
+import { g as x } from "../../chunks/classNames.ZWNk1hey.js";
+import { t as I } from "../../chunks/constants.Cruz2A1w.js";
 import { SegmentedControlProvider as P } from "./SegmentedControlContext.es.js";
 import { SegmentedControlItem as v } from "./SegmentedControl.Item.es.js";
 import { SegmentedControlList as L } from "./SegmentedControl.List.es.js";

package/lib/Select/Select.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),He=require("../../chunks/classNames.DAeKwerT.js"),ke=require("../../chunks/constants.hwjHOsvT.js"),l=require("../../chunks/combobox.module.BRWGQi7s.js"),Ke=require("clsx"),n=require("react"),A=require("../../chunks/form.context.hesWPMlU.js"),We=require("../Form/contexts/label.context.cjs.js"),ze=require("../Form/contexts/helperText.context.cjs.js"),E=require("../ActionList/ActionList.cjs.js"),Je=require("./useSelectDropdown.cjs.js"),Qe=require("./SelectDropdown.cjs.js"),Ue=require("./useSelectChips.cjs.js"),Xe=require("./useSelectKeyboardManager.cjs.js"),Ye=require("./useClearSelection.cjs.js"),Ze=require("../_Options/OptionChips.cjs.js"),et=require("./SelectField.cjs.js"),tt=require("./useSelectA11y.cjs.js"),G=require("../_Options/Option.context.cjs.js"),st=require("../_Options/Option.cjs.js"),it=require("../_Options/OptionGroup.cjs.js");require("../_Options/OptionGroup.context.cjs.js");const lt=require("../_Options/getLastVisibleStructureIndex.cjs.js"),rt=require("../_Options/useRenderOption.cjs.js"),ot=require("../_Options/useSelectValue.cjs.js"),nt=require("../_Options/strategies/SelectionStrategy.cjs.js"),{baseClassNamePrefix:ct,subElementClassPrefix:C,classModifierPrefix:c}=He.getBEMClassNames("combobox"),at=n.forwardRef(({theme:m,width:T,error:a,children:H,label:I=null,contentBefore:k,contentAfter:K,fluid:W=!1,helperText:P=null,validationRules:z=[],className:J,hideRequiredMarker:Q=!1,disabled:U=!1,readOnly:X=!1,required:Y=!1,placeholder:Z="",onChange:_,...x},ee)=>{const{id:j,name:te,"aria-describedby":se,multiple:e=!1,clearable:ie=e,...le}=x,{showErrors:re,isInvalid:oe,errorShown:ne,disabled:i,readOnly:r,required:M}=A.useFormField({name:te,validationRules:z,disabledProp:U,readOnlyProp:X,requiredProp:Y}),{aria:S,ids:ce}=tt.default({helperText:P,externalDescribedBy:se,error:a,errorShown:ne,invalid:!!a||oe}),{helperTextId:ae,errorId:de,validationErrorsId:ue,labelId:L}=ce,pe=!!(a!=null&&a.length),be=n.useCallback(t=>{_==null||_(t)},[_]),{value:d,setValue:V,selectProps:_e,handleBlur:w,singleValue:h}=ot.useSelectValue({onChange:be,...x},ee),f=!d||Array.isArray(d)&&!d.length,{optionsContext:xe,optionIds:O,optionsProps:u,selectedOptionsProps:B,deselectOptionValue:N,structureIds:q,groupsProps:Se,optionIdsByGroup:v}=G.useCreateOptionsContext(d,V,e),y=n.useMemo(()=>{if(!h)return;const t=O.map(o=>u.get(o)).findIndex(o=>(o==null?void 0:o.value)===h);return t!==-1?t:void 0},[O,u,h]),he=n.useMemo(()=>{if(y===void 0)return;const t=u.get(O[y]);return t==null?void 0:t.label},[y,O,u]),{getFieldProps:Oe,dropdownProps:ye,refs:me,open:$,setOpen:g,status:fe}=Je.useSelectDropdown({disabled:i,readOnly:r,lastSelectedOptionIndex:y}),qe=Ke(l.styles[ct],m&&ke.themeClassName(m),W&&l.styles[`${c}fluid`],S.invalid&&l.styles[`${c}error`],i&&l.styles[`${c}disabled`],r&&l.styles[`${c}read-only`],f&&l.styles[`${c}empty`],e&&l.styles[`${c}multiple`],l.styles[`${c}dropdown-${fe}`],J),{canClear:ve,handleClear:ge}=Ye.default({multiple:e,clearable:ie,isEmpty:f,disabled:i,readOnly:r,setValue:V,setOpen:g}),{chipGroupProps:Ce,handleBlur:D,selectedChip:Ie,setSelectedChip:Pe,enabled:je,selectPreviousChip:Me,selectNextChip:Le,options:Ve,deselectOptionValue:we}=Ue.useSelectChips({multiple:e,disabled:i,readOnly:r,open:$,setOpen:g,options:B,deselectOptionValue:N,fieldRef:me.domReference}),{getKeyboardProps:Be}=Xe.useSelectKeyboardManager({multiple:e,disabled:i,readOnly:r,open:$,setOpen:g,chips:{enabled:je,selectedChip:Ie,setSelectedChip:Pe,selectPreviousChip:Me,selectNextChip:Le,options:Ve,deselectOptionValue:we}}),Ne=n.useMemo(()=>nt.createSelectionStrategy(e),[e]),$e=n.useCallback(()=>{w(),D()},[w,D]),F=rt.useRenderOption({optionsProps:u,selectionStrategy:Ne,value:d,multiple:e,optionClassName:l.styles[`${C}option`]}),De=n.useMemo(()=>lt.getLastVisibleStructureIndex(q,v),[q,v]),{ref:Fe,...Re}=Be(Oe());return s.jsxs(G.OptionsProvider,{value:xe,children:[s.jsxs("div",{className:qe,style:{maxWidth:T},children:[s.jsx(We.LabelProvider,{ctxHtmlFor:j,ctxDisabled:i,ctxRequired:M&&!Q,ctxId:L,children:I}),s.jsx(et.SelectField,{id:j,disabled:i,readOnly:r,required:M,invalid:S.invalid,errorMessage:S.errorMessage,labelId:!x.ariaLabel&&I?L:void 0,ariaLabel:x.ariaLabel,describedBy:S.describedBy,contentBefore:k,contentAfter:K,chips:s.jsx(Ze.OptionChips,{multiple:e,disabled:i,readOnly:r,selectedOptions:B,deselectOptionValue:N,chipGroupProps:Ce,input:s.jsx("input",{className:l.styles[`${C}field__input`],placeholder:e&&!f?"":Z,disabled:i,readOnly:!0,autoComplete:"off",tabIndex:-1,autoFocus:!1,value:e?"":he??h})}),hasClearButton:ve,onClear:ge,onBlur:$e,...Re,ref:Fe}),s.jsxs(ze.HelperTextProvider,{ctxId:ae,ctxDisabled:i,children:[P,pe&&s.jsx(A.HelperText,{id:de,appearance:"negative",children:a})]}),re(ue)]}),s.jsxs("select",{...le,..._e,hidden:!0,multiple:e,children:[s.jsx("option",{value:"",children:"empty"}),H]}),s.jsx(Qe.SelectDropdown,{...ye,className:l.styles[`${C}dropdown`],disabled:i,readOnly:r,theme:m,multiple:e,children:s.jsx(E.ActionList,{role:"listbox",children:q.map((t,o)=>{if(t.kind==="option")return F(t.id);const p=Se.get(t.id);if(!p)return null;const R=v.get(t.id)??[],Ae=R.length>0,Ee=o===De,Ge=!!p.divider&&!Ee;return s.jsx(E.ActionList.Group,{heading:p.heading,divider:Ge,disabled:p.disabled,hidden:!Ae,children:R.map(Te=>F(Te,p.disabled))},t.id)})})})]})}),b=at;b.Option=st.Option;b.OptionGroup=it.OptionGroup;b.displayName="Select";exports.Select=b;exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),ke=require("../../chunks/input.Dq5mx3KB.js"),Ke=require("../../chunks/classNames.DC8Ra4sw.js"),ze=require("../../chunks/constants.CgMu0_1M.js"),i=require("../../chunks/combobox.module.C1rGhvKM.js"),We=require("clsx"),c=require("react"),A=require("../../chunks/form.context.D5XrYvpI.js"),Je=require("../Form/contexts/label.context.cjs.js"),Qe=require("../Form/contexts/helperText.context.cjs.js"),E=require("../ActionList/ActionList.cjs.js"),Ue=require("./useSelectDropdown.cjs.js"),Xe=require("./SelectDropdown.cjs.js"),Ye=require("./useSelectChips.cjs.js"),Ze=require("./useSelectKeyboardManager.cjs.js"),et=require("./useClearSelection.cjs.js"),tt=require("../_Options/OptionChips.cjs.js"),st=require("./SelectField.cjs.js"),it=require("./useSelectA11y.cjs.js"),G=require("../_Options/Option.context.cjs.js"),lt=require("../_Options/Option.cjs.js"),rt=require("../_Options/OptionGroup.cjs.js");require("../_Options/OptionGroup.context.cjs.js");const ot=require("../_Options/getLastVisibleStructureIndex.cjs.js"),nt=require("../_Options/useRenderOption.cjs.js"),ct=require("../_Options/useSelectValue.cjs.js"),at=require("../_Options/strategies/SelectionStrategy.cjs.js"),{baseClassNamePrefix:dt,subElementClassPrefix:C,classModifierPrefix:o}=Ke.getBEMClassNames("combobox"),ut=c.forwardRef(({theme:f,width:T,error:a,children:H,label:I=null,contentBefore:k,contentAfter:K,fluid:z=!1,size:W=ke.defaultInputSize,helperText:P=null,validationRules:J=[],className:Q,hideRequiredMarker:U=!1,disabled:X=!1,readOnly:Y=!1,required:Z=!1,placeholder:ee="",onChange:_,...x},te)=>{const{id:j,name:se,"aria-describedby":ie,multiple:e=!1,clearable:le=e,...re}=x,{showErrors:oe,isInvalid:ne,errorShown:ce,disabled:l,readOnly:r,required:M}=A.useFormField({name:se,validationRules:J,disabledProp:X,readOnlyProp:Y,requiredProp:Z}),{aria:S,ids:ae}=it.default({helperText:P,externalDescribedBy:ie,error:a,errorShown:ce,invalid:!!a||ne}),{helperTextId:de,errorId:ue,validationErrorsId:pe,labelId:$}=ae,be=!!(a!=null&&a.length),_e=c.useCallback(t=>{_==null||_(t)},[_]),{value:d,setValue:L,selectProps:xe,handleBlur:V,singleValue:h}=ct.useSelectValue({onChange:_e,...x},te),m=!d||Array.isArray(d)&&!d.length,{optionsContext:Se,optionIds:y,optionsProps:u,selectedOptionsProps:w,deselectOptionValue:B,structureIds:q,groupsProps:he,optionIdsByGroup:v}=G.useCreateOptionsContext(d,L,e),O=c.useMemo(()=>{if(!h)return;const t=y.map(n=>u.get(n)).findIndex(n=>(n==null?void 0:n.value)===h);return t!==-1?t:void 0},[y,u,h]),ye=c.useMemo(()=>{if(O===void 0)return;const t=u.get(y[O]);return t==null?void 0:t.label},[O,y,u]),{getFieldProps:Oe,dropdownProps:fe,refs:me,open:N,setOpen:g,status:qe}=Ue.useSelectDropdown({disabled:l,readOnly:r,lastSelectedOptionIndex:O}),ve=We(i.styles[dt],f&&ze.themeClassName(f),i.styles[`${o}${W}`],z&&i.styles[`${o}fluid`],S.invalid&&i.styles[`${o}error`],l&&i.styles[`${o}disabled`],r&&i.styles[`${o}read-only`],m&&i.styles[`${o}empty`],e&&i.styles[`${o}multiple`],i.styles[`${o}dropdown-${qe}`],Q),{canClear:ge,handleClear:Ce}=et.default({multiple:e,clearable:le,isEmpty:m,disabled:l,readOnly:r,setValue:L,setOpen:g}),{chipGroupProps:Ie,handleBlur:D,selectedChip:Pe,setSelectedChip:je,enabled:Me,selectPreviousChip:$e,selectNextChip:Le,options:Ve,deselectOptionValue:we}=Ye.useSelectChips({multiple:e,disabled:l,readOnly:r,open:N,setOpen:g,options:w,deselectOptionValue:B,fieldRef:me.domReference}),{getKeyboardProps:Be}=Ze.useSelectKeyboardManager({multiple:e,disabled:l,readOnly:r,open:N,setOpen:g,chips:{enabled:Me,selectedChip:Pe,setSelectedChip:je,selectPreviousChip:$e,selectNextChip:Le,options:Ve,deselectOptionValue:we}}),Ne=c.useMemo(()=>at.createSelectionStrategy(e),[e]),De=c.useCallback(()=>{V(),D()},[V,D]),F=nt.useRenderOption({optionsProps:u,selectionStrategy:Ne,value:d,multiple:e,optionClassName:i.styles[`${C}option`]}),Fe=c.useMemo(()=>ot.getLastVisibleStructureIndex(q,v),[q,v]),{ref:Re,...Ae}=Be(Oe());return s.jsxs(G.OptionsProvider,{value:Se,children:[s.jsxs("div",{className:ve,style:{maxWidth:T},children:[s.jsx(Je.LabelProvider,{ctxHtmlFor:j,ctxDisabled:l,ctxRequired:M&&!U,ctxId:$,children:I}),s.jsx(st.SelectField,{id:j,disabled:l,readOnly:r,required:M,invalid:S.invalid,errorMessage:S.errorMessage,labelId:!x.ariaLabel&&I?$:void 0,ariaLabel:x.ariaLabel,describedBy:S.describedBy,contentBefore:k,contentAfter:K,chips:s.jsx(tt.OptionChips,{multiple:e,disabled:l,readOnly:r,selectedOptions:w,deselectOptionValue:B,chipGroupProps:Ie,input:s.jsx("input",{className:i.styles[`${C}field__input`],placeholder:e&&!m?"":ee,disabled:l,readOnly:!0,autoComplete:"off",tabIndex:-1,autoFocus:!1,value:e?"":ye??h})}),hasClearButton:ge,onClear:Ce,onBlur:De,...Ae,ref:Re}),s.jsxs(Qe.HelperTextProvider,{ctxId:de,ctxDisabled:l,children:[P,be&&s.jsx(A.HelperText,{id:ue,appearance:"negative",children:a})]}),oe(pe)]}),s.jsxs("select",{...re,...xe,hidden:!0,multiple:e,children:[s.jsx("option",{value:"",children:"empty"}),H]}),s.jsx(Xe.SelectDropdown,{...fe,className:i.styles[`${C}dropdown`],disabled:l,readOnly:r,theme:f,multiple:e,children:s.jsx(E.ActionList,{role:"listbox",children:q.map((t,n)=>{if(t.kind==="option")return F(t.id);const p=he.get(t.id);if(!p)return null;const R=v.get(t.id)??[],Ee=R.length>0,Ge=n===Fe,Te=!!p.divider&&!Ge;return s.jsx(E.ActionList.Group,{heading:p.heading,divider:Te,disabled:p.disabled,hidden:!Ee,children:R.map(He=>F(He,p.disabled))},t.id)})})})]})}),b=ut;b.Option=lt.Option;b.OptionGroup=rt.OptionGroup;b.displayName="Select";exports.Select=b;exports.default=b;

package/lib/Select/Select.d.ts

@@ -1,8 +1,9 @@
 import { FormValidator } from '@viasat/beam-shared/components/form';
+import { InputSize } from '@viasat/beam-shared/components/input';
 import { ThemeTypes } from '@viasat/beam-shared/utils';
-import { default as React, FC, PropsWithoutRef, ReactNode } from 'react';
+import { ComponentPropsWithRef, FC, PropsWithoutRef, ReactNode } from 'react';
 import { Option, OptionGroup } from '../_Options';
-export interface SelectProps extends React.ComponentPropsWithRef<'select'> {
+export interface SelectProps extends Omit<ComponentPropsWithRef<'select'>, 'size'> {
     /**
      * Specify HelperText for Select
      */
@@ -39,6 +40,11 @@ export interface SelectProps extends React.ComponentPropsWithRef<'select'> {
      * @default false
      */
     fluid?: boolean;
+    /**
+     * Specify the size of Select
+     * @default 'md'
+     */
+    size?: InputSize;
     /**
      * Specify the width of Select
      */