@viasat/beam-react 2.28.0 → 2.29.1

package/lib/Autocomplete/Autocomplete.cjs.js

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

package/lib/Autocomplete/Autocomplete.d.ts

@@ -95,6 +95,12 @@ export interface AutocompleteProps extends React.ComponentPropsWithRef<'select'>
      * @default "No results found"
      */
     noResultsText?: string;
+    /**
+     * When `true`, the chevron (dropdown arrow) indicator in the field is not rendered. Useful when the dropdown affordance is implied by surrounding UI or when the chevron is visually unwanted.
+     *
+     * @default false
+     */
+    hideChevron?: boolean;
     /**
      * Provide a custom option filtering function. Receives all option props (including undefined placeholders), and the current search text.
      * Should return a filtered array (can re-order). Defaults to internal case-insensitive label/value matching

package/lib/Autocomplete/Autocomplete.es.js

@@ -1,28 +1,28 @@
 import { jsxs as C, jsx as i } from "react/jsx-runtime";
-import Je, { useCallback as Qe, useState as Ue, useMemo as O, useRef as Xe, createElement as Ye } from "react";
-import { g as Ze } from "../../chunks/classNames.BTJmrO_L.js";
-import { t as et } from "../../chunks/constants.CKKGf1-i.js";
+import Qe, { useCallback as Ue, useState as Xe, useMemo as O, useRef as Ye, createElement as Ze } from "react";
+import { g as et } from "../../chunks/classNames.BTJmrO_L.js";
+import { t as tt } from "../../chunks/constants.CKKGf1-i.js";
 import { s as r } from "../../chunks/combobox.module.D_HXP875.js";
 import L from "clsx";
-import { b as tt, H as ot } from "../../chunks/form.context.D7b4066_.js";
-import { LabelProvider as st } from "../Form/contexts/label.context.es.js";
-import { HelperTextProvider as rt } from "../Form/contexts/helperText.context.es.js";
+import { b as ot, H as st } from "../../chunks/form.context.D7b4066_.js";
+import { LabelProvider as rt } from "../Form/contexts/label.context.es.js";
+import { HelperTextProvider as lt } from "../Form/contexts/helperText.context.es.js";
 import { ActionList as T } from "../ActionList/ActionList.es.js";
-import { useCreateOptionsContext as lt, OptionsProvider as it } from "../_Options/Option.context.es.js";
-import { Option as at } from "../_Options/Option.es.js";
-import { useSelectValue as nt } from "../_Options/useSelectValue.es.js";
-import { useAutocompleteDropdown as dt } from "./useAutocompleteDropdown.es.js";
-import { AutocompleteDropdown as ct } from "./AutocompleteDropdown.es.js";
-import { useAutocompleteChips as pt } from "./useAutocompleteChips.es.js";
-import { useAutocompleteKeyboardManager as ut } from "./useAutocompleteKeyboardManager.es.js";
-import mt from "./utils/filterOptions.es.js";
-import ft from "./useClearSelection.es.js";
-import { AutocompleteField as bt } from "./AutocompleteField.es.js";
-import ht from "./useAutocompleteA11y.es.js";
-import { useAutocompleteInteractions as xt } from "./useAutocompleteInteractions.es.js";
-import { createSelectionStrategy as yt } from "../_Options/strategies/SelectionStrategy.es.js";
-import { OptionChips as vt } from "../_Options/OptionChips.es.js";
-const { baseClassNamePrefix: Ct, subElementClassPrefix: R, classModifierPrefix: a } = Ze("combobox"), Ot = Je.forwardRef(
+import { useCreateOptionsContext as it, OptionsProvider as at } from "../_Options/Option.context.es.js";
+import { Option as nt } from "../_Options/Option.es.js";
+import { useSelectValue as dt } from "../_Options/useSelectValue.es.js";
+import { useAutocompleteDropdown as ct } from "./useAutocompleteDropdown.es.js";
+import { AutocompleteDropdown as pt } from "./AutocompleteDropdown.es.js";
+import { useAutocompleteChips as ut } from "./useAutocompleteChips.es.js";
+import { useAutocompleteKeyboardManager as mt } from "./useAutocompleteKeyboardManager.es.js";
+import ft from "./utils/filterOptions.es.js";
+import bt from "./useClearSelection.es.js";
+import { AutocompleteField as ht } from "./AutocompleteField.es.js";
+import xt from "./useAutocompleteA11y.es.js";
+import { useAutocompleteInteractions as yt } from "./useAutocompleteInteractions.es.js";
+import { createSelectionStrategy as vt } from "../_Options/strategies/SelectionStrategy.es.js";
+import { OptionChips as Ct } from "../_Options/OptionChips.es.js";
+const { baseClassNamePrefix: Ot, subElementClassPrefix: R, classModifierPrefix: a } = et("combobox"), Pt = Qe.forwardRef(
   ({
     theme: P,
     width: K,
@@ -43,28 +43,29 @@ const { baseClassNamePrefix: Ct, subElementClassPrefix: R, classModifierPrefix:
     onChange: f,
     noResultsText: oe = "No results found",
     optionFilter: g,
+    hideChevron: se = !1,
     ...b
-  }, se) => {
+  }, re) => {
     const {
       id: w,
-      name: re,
-      "aria-describedby": le,
+      name: le,
+      "aria-describedby": ie,
       multiple: o = !1,
-      clearable: ie = o,
-      ...ae
-    } = b, { showErrors: ne, isInvalid: de, errorShown: ce, disabled: s, readOnly: l, required: I } = tt({
-      name: re,
+      clearable: ae = o,
+      ...ne
+    } = b, { showErrors: de, isInvalid: ce, errorShown: pe, disabled: s, readOnly: l, required: I } = ot({
+      name: le,
       validationRules: Q,
       disabledProp: Y,
       readOnlyProp: Z,
       requiredProp: ee
-    }), { aria: h, ids: pe } = ht({
+    }), { aria: h, ids: ue } = xt({
       helperText: k,
-      externalDescribedBy: le,
+      externalDescribedBy: ie,
       error: d,
-      errorShown: ce,
-      invalid: !!d || de
-    }), { helperTextId: ue, errorId: me, validationErrorsId: fe, labelId: A } = pe, be = !!(d != null && d.length), he = Qe(
+      errorShown: pe,
+      invalid: !!d || ce
+    }), { helperTextId: me, errorId: fe, validationErrorsId: be, labelId: A } = ue, he = !!(d != null && d.length), xe = Ue(
       (t) => {
         f == null || f(t);
       },
@@ -72,37 +73,37 @@ const { baseClassNamePrefix: Ct, subElementClassPrefix: R, classModifierPrefix:
     ), {
       value: c,
       setValue: E,
-      selectProps: xe,
-      handleBlur: ye,
+      selectProps: ye,
+      handleBlur: ve,
       singleValue: S
-    } = nt({ onChange: he, ...b }, se), [p, $] = Ue(null), N = !p && (!c || Array.isArray(c) && !c.length), {
-      optionsContext: ve,
+    } = dt({ onChange: xe, ...b }, re), [p, $] = Xe(null), N = !p && (!c || Array.isArray(c) && !c.length), {
+      optionsContext: Ce,
       optionIds: n,
       optionsProps: u,
       selectedOptionsProps: B,
       deselectOptionValue: M,
-      getOptionByIndex: Ce
-    } = lt(c, E, o), Oe = O(() => {
+      getOptionByIndex: Oe
+    } = it(c, E, o), Pe = O(() => {
       if (!S) return;
       const t = n.map((e) => u.get(e)).findIndex((e) => (e == null ? void 0 : e.value) === S);
       return t !== -1 ? t : void 0;
-    }, [n, u, S]), D = Xe(null), {
-      getFieldProps: Pe,
-      getInputProps: ge,
-      dropdownProps: Ie,
-      refs: Ae,
+    }, [n, u, S]), D = Ye(null), {
+      getFieldProps: ge,
+      getInputProps: Ie,
+      dropdownProps: Ae,
+      refs: Se,
       open: V,
       setOpen: x,
-      status: Se,
-      setDisplayActiveIndex: $e
-    } = dt({
+      status: $e,
+      setDisplayActiveIndex: Ne
+    } = ct({
       disabled: s,
       readOnly: l,
-      lastSelectedOptionIndex: Oe,
+      lastSelectedOptionIndex: Pe,
       fieldRef: D
-    }), y = Ae.domReference, Ne = L(
-      r[Ct],
-      P && et(P),
+    }), y = Se.domReference, Be = L(
+      r[Ot],
+      P && tt(P),
       J && r[`${a}fluid`],
       h.invalid && r[`${a}error`],
       s && r[`${a}disabled`],
@@ -110,11 +111,11 @@ const { baseClassNamePrefix: Ct, subElementClassPrefix: R, classModifierPrefix:
       N && r[`${a}empty`],
       o && r[`${a}multiple`],
       r[`${a}autocomplete`],
-      r[`${a}dropdown-${Se}`],
+      r[`${a}dropdown-${$e}`],
       U
-    ), { canClear: Be, handleClear: De } = ft({
+    ), { canClear: De, handleClear: Fe } = bt({
       multiple: o,
-      clearable: ie,
+      clearable: ae,
       isEmpty: N,
       disabled: s,
       readOnly: l,
@@ -123,16 +124,16 @@ const { baseClassNamePrefix: Ct, subElementClassPrefix: R, classModifierPrefix:
       inputRef: y,
       setOpen: x
     }), {
-      chipGroupProps: Fe,
-      handleBlur: Re,
-      selectedChip: ke,
-      setSelectedChip: we,
-      enabled: Ee,
-      selectPreviousChip: Me,
-      selectNextChip: Ve,
-      options: qe,
-      deselectOptionValue: He
-    } = pt({
+      chipGroupProps: Re,
+      handleBlur: ke,
+      selectedChip: we,
+      setSelectedChip: Ee,
+      enabled: Me,
+      selectPreviousChip: Ve,
+      selectNextChip: qe,
+      options: He,
+      deselectOptionValue: Le
+    } = ut({
       multiple: o,
       disabled: s,
       readOnly: l,
@@ -142,7 +143,7 @@ const { baseClassNamePrefix: Ct, subElementClassPrefix: R, classModifierPrefix:
       deselectOptionValue: M,
       fieldRef: D,
       inputRef: y
-    }), { getKeyboardProps: q } = ut({
+    }), { getKeyboardProps: q } = mt({
       multiple: o,
       disabled: s,
       readOnly: l,
@@ -151,41 +152,41 @@ const { baseClassNamePrefix: Ct, subElementClassPrefix: R, classModifierPrefix:
       inputRef: y,
       fieldRef: D,
       chips: {
-        enabled: Ee,
-        selectedChip: ke,
-        setSelectedChip: we,
-        selectPreviousChip: Me,
-        selectNextChip: Ve,
-        options: qe,
-        deselectOptionValue: He
+        enabled: Me,
+        selectedChip: we,
+        setSelectedChip: Ee,
+        selectPreviousChip: Ve,
+        selectNextChip: qe,
+        options: He,
+        deselectOptionValue: Le
       }
     }), H = O(
-      () => yt(o),
+      () => vt(o),
       [o]
-    ), { handleBlur: Le, handleFocus: Te, handleItemClick: je } = xt({
+    ), { handleBlur: Te, handleFocus: je, handleItemClick: Ke } = yt({
       selectionStrategy: H,
       selectedOptions: B,
       inputRef: y,
-      blurSelect: ye,
-      blurChips: Re,
+      blurSelect: ve,
+      blurChips: ke,
       setSearchText: $,
       setOpen: x,
       searchText: p,
-      getOptionByIndex: Ce,
-      setDisplayActiveIndex: $e
+      getOptionByIndex: Oe,
+      setDisplayActiveIndex: Ne
     }), F = O(
       () => n.reduce((t, e) => {
         const m = u.get(e);
         if (!m) return t;
-        const v = g ? g(m, p) : mt(m, p);
+        const v = g ? g(m, p) : ft(m, p);
         return t[e] = v, t;
       }, {}),
       [n, u, p, g]
-    ), Ke = O(() => n.every((t) => F[t]), [n, F]), { ref: Ge, ...We } = q(Pe()), _e = q(ge());
-    return /* @__PURE__ */ C(it, { value: ve, children: [
-      /* @__PURE__ */ C("div", { className: Ne, style: { maxWidth: K }, children: [
+    ), Ge = O(() => n.every((t) => F[t]), [n, F]), { ref: We, ..._e } = q(ge()), ze = q(Ie());
+    return /* @__PURE__ */ C(at, { value: Ce, children: [
+      /* @__PURE__ */ C("div", { className: Be, style: { maxWidth: K }, children: [
         /* @__PURE__ */ i(
-          st,
+          rt,
           {
             ctxHtmlFor: w,
             ctxDisabled: s,
@@ -195,7 +196,7 @@ const { baseClassNamePrefix: Ct, subElementClassPrefix: R, classModifierPrefix:
           }
         ),
         /* @__PURE__ */ i(
-          bt,
+          ht,
           {
             id: w,
             disabled: s,
@@ -204,14 +205,14 @@ const { baseClassNamePrefix: Ct, subElementClassPrefix: R, classModifierPrefix:
             contentBefore: _,
             contentAfter: z,
             chips: /* @__PURE__ */ i(
-              vt,
+              Ct,
               {
                 multiple: o,
                 disabled: s,
                 readOnly: l,
                 selectedOptions: B,
                 deselectOptionValue: M,
-                chipGroupProps: Fe,
+                chipGroupProps: Re,
                 input: /* @__PURE__ */ i(
                   "input",
                   {
@@ -231,52 +232,53 @@ const { baseClassNamePrefix: Ct, subElementClassPrefix: R, classModifierPrefix:
                     autoComplete: "off",
                     tabIndex: s ? -1 : 0,
                     autoFocus: !1,
-                    ..._e
+                    ...ze
                   }
                 )
               }
             ),
-            hasClearButton: Be,
-            onClear: De,
-            onBlur: Le,
-            onFocusCapture: Te,
-            ...We,
-            ref: Ge
+            hasClearButton: De,
+            hideChevron: se,
+            onClear: Fe,
+            onBlur: Te,
+            onFocusCapture: je,
+            ..._e,
+            ref: We
           }
         ),
-        /* @__PURE__ */ C(rt, { ctxId: ue, ctxDisabled: s, children: [
+        /* @__PURE__ */ C(lt, { ctxId: me, ctxDisabled: s, children: [
           k,
-          be && /* @__PURE__ */ i(ot, { id: me, appearance: "negative", children: d })
+          he && /* @__PURE__ */ i(st, { id: fe, appearance: "negative", children: d })
         ] }),
-        ne(fe)
+        de(be)
       ] }),
-      /* @__PURE__ */ C("select", { ...ae, ...xe, hidden: !0, multiple: o, children: [
+      /* @__PURE__ */ C("select", { ...ne, ...ye, hidden: !0, multiple: o, children: [
         /* @__PURE__ */ i("option", { value: "", children: "empty" }),
         G
       ] }),
       /* @__PURE__ */ i(
-        ct,
+        pt,
         {
-          ...Ie,
+          ...Ae,
           className: r[`${R}dropdown`],
           disabled: s,
           readOnly: l,
           theme: P,
           multiple: o,
-          onItemClick: je,
+          onItemClick: Ke,
           children: /* @__PURE__ */ i(
             T,
             {
               role: "listbox",
-              noResults: Ke ? oe : void 0,
+              noResults: Ge ? oe : void 0,
               children: n.map((t) => {
                 const e = u.get(t);
                 if (!e) return null;
                 const m = H.isSelected(
                   e.value,
                   c
-                ), v = F[t], ze = v || e.disabled;
-                return /* @__PURE__ */ Ye(
+                ), v = F[t], Je = v || e.disabled;
+                return /* @__PURE__ */ Ze(
                   T.Item,
                   {
                     ...e,
@@ -284,7 +286,7 @@ const { baseClassNamePrefix: Ct, subElementClassPrefix: R, classModifierPrefix:
                       r[`${R}option`],
                       e.className
                     ),
-                    disabled: ze,
+                    disabled: Je,
                     hidden: v,
                     defaultSelected: m,
                     key: `opt-${e.value ?? e.label}`,
@@ -299,8 +301,8 @@ const { baseClassNamePrefix: Ct, subElementClassPrefix: R, classModifierPrefix:
       )
     ] });
   }
-), j = Ot;
-j.Option = at;
+), j = Pt;
+j.Option = nt;
 j.displayName = "Autocomplete";
 export {
   j as Autocomplete,

package/lib/Autocomplete/AutocompleteField.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),x=require("react"),N=require("../CloseButton/CloseButton.cjs.js"),s=require("../../chunks/combobox.module.BRWGQi7s.js"),j=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const{subElementClassPrefix:l}=j.getBEMClassNames("combobox"),t=x.forwardRef(({id:a,contentBefore:i,contentAfter:o,chips:r,hasClearButton:c,onClear:d,onKeyDownCapture:n,onBlur:u,onKeyDown:m,onFocusCapture:_,...b},f)=>e.jsxs("div",{className:s.styles[`${l}field`],id:a,onBlur:u,onFocusCapture:_,onKeyDown:m,onKeyDownCapture:n,ref:f,...b,children:[i&&e.jsx("div",{className:s.styles[`${l}field__before`],children:e.jsx("div",{className:s.styles[`${l}field__content-before`],children:i})}),r,e.jsxs("div",{className:s.styles[`${l}field__after`],children:[o&&e.jsx("div",{className:s.styles[`${l}field__content-after`],children:o}),c&&e.jsx(N.CloseButton,{className:s.styles[`${l}field__clear`],"aria-label":"Clear selection",onClickCapture:d,tabIndex:-1,size:"sm"}),e.jsx("div",{className:s.styles[`${l}field__chevron`]})]})]}));t.displayName="ComboboxField";exports.AutocompleteField=t;exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),N=require("react"),j=require("../CloseButton/CloseButton.cjs.js"),s=require("../../chunks/combobox.module.BRWGQi7s.js"),v=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const{subElementClassPrefix:l}=v.getBEMClassNames("combobox"),t=N.forwardRef(({id:o,contentBefore:i,contentAfter:a,chips:r,hasClearButton:c,hideChevron:d=!1,onClear:n,onKeyDownCapture:u,onBlur:m,onKeyDown:_,onFocusCapture:f,...b},x)=>e.jsxs("div",{className:s.styles[`${l}field`],id:o,onBlur:m,onFocusCapture:f,onKeyDown:_,onKeyDownCapture:u,ref:x,...b,children:[i&&e.jsx("div",{className:s.styles[`${l}field__before`],children:e.jsx("div",{className:s.styles[`${l}field__content-before`],children:i})}),r,e.jsxs("div",{className:s.styles[`${l}field__after`],children:[a&&e.jsx("div",{className:s.styles[`${l}field__content-after`],children:a}),c&&e.jsx(j.CloseButton,{className:s.styles[`${l}field__clear`],"aria-label":"Clear selection",onClickCapture:n,tabIndex:-1,size:"sm"}),!d&&e.jsx("div",{className:s.styles[`${l}field__chevron`]})]})]}));t.displayName="ComboboxField";exports.AutocompleteField=t;exports.default=t;

package/lib/Autocomplete/AutocompleteField.d.ts

@@ -5,6 +5,7 @@ export interface AutocompleteFieldProps {
     contentAfter?: React.ReactNode;
     chips: React.ReactNode;
     hasClearButton: boolean;
+    hideChevron?: boolean;
     onClear?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     onKeyDownCapture?: React.KeyboardEventHandler<HTMLDivElement>;
     onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;

package/lib/Autocomplete/AutocompleteField.es.js

@@ -1,56 +1,57 @@
 import { jsxs as o, jsx as s } from "react/jsx-runtime";
-import N from "react";
-import { CloseButton as u } from "../CloseButton/CloseButton.es.js";
+import u from "react";
+import { CloseButton as v } from "../CloseButton/CloseButton.es.js";
 import { s as e } from "../../chunks/combobox.module.D_HXP875.js";
-import { g as v } from "../../chunks/classNames.BTJmrO_L.js";
+import { g as x } from "../../chunks/classNames.BTJmrO_L.js";
 import "../../chunks/constants.CKKGf1-i.js";
-const { subElementClassPrefix: l } = v("combobox"), x = N.forwardRef(
+const { subElementClassPrefix: l } = x("combobox"), C = u.forwardRef(
   ({
     id: r,
     contentBefore: a,
     contentAfter: i,
     chips: d,
     hasClearButton: m,
-    onClear: t,
-    onKeyDownCapture: c,
-    onBlur: f,
-    onKeyDown: n,
-    onFocusCapture: _,
-    ...p
-  }, b) => /* @__PURE__ */ o(
+    hideChevron: t = !1,
+    onClear: c,
+    onKeyDownCapture: f,
+    onBlur: n,
+    onKeyDown: _,
+    onFocusCapture: p,
+    ...b
+  }, N) => /* @__PURE__ */ o(
     "div",
     {
       className: e[`${l}field`],
       id: r,
-      onBlur: f,
-      onFocusCapture: _,
-      onKeyDown: n,
-      onKeyDownCapture: c,
-      ref: b,
-      ...p,
+      onBlur: n,
+      onFocusCapture: p,
+      onKeyDown: _,
+      onKeyDownCapture: f,
+      ref: N,
+      ...b,
       children: [
         a && /* @__PURE__ */ s("div", { className: e[`${l}field__before`], children: /* @__PURE__ */ s("div", { className: e[`${l}field__content-before`], children: a }) }),
         d,
         /* @__PURE__ */ o("div", { className: e[`${l}field__after`], children: [
           i && /* @__PURE__ */ s("div", { className: e[`${l}field__content-after`], children: i }),
           m && /* @__PURE__ */ s(
-            u,
+            v,
             {
               className: e[`${l}field__clear`],
               "aria-label": "Clear selection",
-              onClickCapture: t,
+              onClickCapture: c,
               tabIndex: -1,
               size: "sm"
             }
           ),
-          /* @__PURE__ */ s("div", { className: e[`${l}field__chevron`] })
+          !t && /* @__PURE__ */ s("div", { className: e[`${l}field__chevron`] })
         ] })
       ]
     }
   )
 );
-x.displayName = "ComboboxField";
+C.displayName = "ComboboxField";
 export {
-  x as AutocompleteField,
-  x as default
+  C as AutocompleteField,
+  C as default
 };

package/lib/_Options/useSelectValue.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),_=require("../Form/hooks/useUniversalRef.hook.cjs.js");require("../../chunks/constants.hwjHOsvT.js");require("react/jsx-runtime");const z=require("../../chunks/form.context.hesWPMlU.js");require("../Form/contexts/label.context.cjs.js");require("../Form/contexts/helperText.context.cjs.js");const H=({value:e,defaultValue:E,onChange:o,name:d,multiple:v=!1},w)=>{const{refFn:A,ref:i}=_.useUniversalRef(w),{ctxInitialValues:O}=n.useContext(z.FormContext),a=E||O[d],m=n.useRef(a);m.current=a;const[B,b]=n.useState(a),V=e!==void 0,f=n.useRef(V);f.current=V;const R=V?e:B,s=n.useRef(o);s.current=o,n.useEffect(()=>{f.current||b(a)},[a]);const C=n.useCallback(t=>{var S;const u=Array.isArray(t)?t:t!==void 0&&t!==""&&t!==null?[t]:[],r=i.current;if(!r){console.warn("Component is controlled but selectRef is not set. This may lead to unexpected behavior."),(S=s.current)==null||S.call(s,{target:{value:t}});return}const l=Array.from(r.options),L=Array.from(r.selectedOptions);l.forEach(c=>{c.selected=u.includes(c.value)}),u.forEach(c=>{const x=l.find(P=>P.value===c);x&&r.appendChild(x)});const M=new Event("change",{bubbles:!0});if(r.dispatchEvent(M),M.defaultPrevented){Array.from(r.options).forEach(c=>{c.selected=L.includes(c)}),l.reverse().forEach(c=>{r.appendChild(c)});return}},[i]);n.useEffect(()=>{f.current&&b(e)},[e]);const g=n.useCallback(t=>{var u;f.current?(u=s.current)==null||u.call(s,t):b(Array.from(t.target.selectedOptions).filter(r=>r.selected&&r.value!=="").map(r=>r.value))},[]),k=n.useCallback(()=>{var r,l;const t=new FocusEvent("blur",{bubbles:!1}),u=new FocusEvent("focusout",{bubbles:!0});(r=i.current)==null||r.dispatchEvent(t),(l=i.current)==null||l.dispatchEvent(u)},[i]),y=n.useCallback(()=>{var t;f.current?(t=s.current)==null||t.call(s,{target:{value:m.current}}):b(m.current)},[]),p=n.useRef(null),q=n.useCallback(t=>{var u,r;A(t),t?(p.current=t.form,(r=p.current)==null||r.addEventListener("reset",y)):((u=p.current)==null||u.removeEventListener("reset",y),p.current=null)},[y,A]),h=n.useMemo(()=>({ref:q,value:I(R,v),onChange:g,name:d}),[q,v,R,g,d]);return n.useMemo(()=>({selectProps:h,value:h.value,singleValue:U(h.value),setValue:C,handleBlur:k}),[h,C,k])};function F(e){return e==null||e===""||Array.isArray(e)&&e.length===0}function T(e){return Array.isArray(e)}function I(e,E){const o=T(e);return E?o?e:F(e)?[]:[e]:o?F(e)?"":e[0]??"":e??""}function U(e){return T(e)?e.length>0?e[e.length-1]:void 0:e}exports.useSelectValue=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),_=require("../Form/hooks/useUniversalRef.hook.cjs.js");require("../../chunks/constants.hwjHOsvT.js");require("react/jsx-runtime");const H=require("../../chunks/form.context.hesWPMlU.js");require("../Form/contexts/label.context.cjs.js");require("../Form/contexts/helperText.context.cjs.js");const I=({value:e,defaultValue:m,onChange:i,name:d,multiple:C=!1},O)=>{const{refFn:g,ref:o}=_.useUniversalRef(O),{ctxInitialValues:B}=n.useContext(H.FormContext),a=m||B[d],S=n.useRef(a);S.current=a;const[L,V]=n.useState(a),v=e!==void 0,f=n.useRef(v);f.current=v;const k=v?e:L,u=n.useRef(i);u.current=i,n.useEffect(()=>{f.current||V(a)},[a]);const b=n.useCallback(r=>{var F;const s=z(r),t=o.current;if(!t){console.warn("Component is controlled but selectRef is not set. This may lead to unexpected behavior."),(F=u.current)==null||F.call(u,{target:{value:r}});return}const l=Array.from(t.options),E=Array.from(t.selectedOptions);l.forEach(c=>{c.selected=s.includes(c.value)}),s.forEach(c=>{const w=l.find(P=>P.value===c);w&&t.appendChild(w)});const T=new Event("change",{bubbles:!0});if(t.dispatchEvent(T),T.defaultPrevented){Array.from(t.options).forEach(c=>{c.selected=E.includes(c)}),l.reverse().forEach(c=>{t.appendChild(c)});return}},[o]);n.useEffect(()=>{f.current&&V(e)},[e]);const q=n.useCallback(r=>{var s;f.current?(s=u.current)==null||s.call(u,r):V(Array.from(r.target.selectedOptions).filter(t=>t.selected&&t.value!=="").map(t=>t.value))},[]),M=n.useCallback(()=>{var t,l;const r=new FocusEvent("blur",{bubbles:!1}),s=new FocusEvent("focusout",{bubbles:!0});(t=o.current)==null||t.dispatchEvent(r),(l=o.current)==null||l.dispatchEvent(s)},[o]),y=n.useCallback(()=>{var t;const r=o.current,s=S.current;if(r){const l=z(s);Array.from(r.options).forEach(E=>{E.defaultSelected=l.includes(E.value)})}if(f.current){(t=u.current)==null||t.call(u,{target:{value:s}});return}r&&b(s)},[b,o]),p=n.useRef(null),x=n.useCallback(r=>{var s,t;g(r),r?(p.current=r.form,(t=p.current)==null||t.addEventListener("reset",y)):((s=p.current)==null||s.removeEventListener("reset",y),p.current=null)},[y,g]),h=n.useMemo(()=>({ref:x,value:U(k,C),onChange:q,name:d}),[x,C,k,q,d]);return n.useMemo(()=>({selectProps:h,value:h.value,singleValue:j(h.value),setValue:b,handleBlur:M}),[h,b,M])};function A(e){return e==null||e===""||Array.isArray(e)&&e.length===0}function R(e){return Array.isArray(e)}function z(e){return R(e)?e:A(e)?[]:[e]}function U(e,m){const i=R(e);return m?i?e:A(e)?[]:[e]:i?A(e)?"":e[0]??"":e??""}function j(e){return R(e)?e.length>0?e[e.length-1]:void 0:e}exports.useSelectValue=I;

package/lib/_Options/useSelectValue.es.js

@@ -1,109 +1,123 @@
-import q, { useRef as h, useState as D, useEffect as L, useCallback as f, useMemo as O } from "react";
-import { useUniversalRef as G } from "../Form/hooks/useUniversalRef.hook.es.js";
+import q, { useRef as V, useState as G, useEffect as T, useCallback as f, useMemo as I } from "react";
+import { useUniversalRef as H } from "../Form/hooks/useUniversalRef.hook.es.js";
 import "../../chunks/constants.CKKGf1-i.js";
 import "react/jsx-runtime";
-import { F as H } from "../../chunks/form.context.D7b4066_.js";
+import { F as J } from "../../chunks/form.context.D7b4066_.js";
 import "../Form/contexts/label.context.es.js";
 import "../Form/contexts/helperText.context.es.js";
-const _ = ({
+const ee = ({
   value: e,
   defaultValue: b,
-  onChange: u,
+  onChange: l,
   name: d,
-  multiple: A = !1
-}, P) => {
-  const { refFn: g, ref: l } = G(P), { ctxInitialValues: T } = q.useContext(H), i = b || T[d], V = h(i);
-  V.current = i;
-  const [k, p] = D(i), y = e !== void 0, a = h(y);
+  multiple: x = !1
+}, k) => {
+  const { refFn: C, ref: c } = H(k), { ctxInitialValues: D } = q.useContext(J), i = b || D[d], F = V(i);
+  F.current = i;
+  const [U, v] = G(i), y = e !== void 0, a = V(y);
   a.current = y;
-  const R = y ? e : k, n = h(u);
-  n.current = u, L(() => {
-    a.current || p(i);
+  const M = y ? e : U, s = V(l);
+  s.current = l, T(() => {
+    a.current || v(i);
   }, [i]);
-  const x = f(
-    (t) => {
-      var S;
-      const s = Array.isArray(t) ? t : t !== void 0 && t !== "" && t !== null ? [t] : [], r = l.current;
-      if (!r) {
+  const p = f(
+    (r) => {
+      var L;
+      const n = P(r), t = c.current;
+      if (!t) {
         console.warn(
           "Component is controlled but selectRef is not set. This may lead to unexpected behavior."
-        ), (S = n.current) == null || S.call(n, {
-          target: { value: t }
+        ), (L = s.current) == null || L.call(s, {
+          target: { value: r }
         });
         return;
       }
-      const c = Array.from(r.options), U = Array.from(r.selectedOptions);
-      c.forEach((o) => {
-        o.selected = s.includes(o.value);
-      }), s.forEach((o) => {
-        const B = c.find((j) => j.value === o);
-        B && r.appendChild(B);
+      const u = Array.from(t.options), h = Array.from(t.selectedOptions);
+      u.forEach((o) => {
+        o.selected = n.includes(o.value);
+      }), n.forEach((o) => {
+        const O = u.find((j) => j.value === o);
+        O && t.appendChild(O);
       });
-      const w = new Event("change", { bubbles: !0 });
-      if (r.dispatchEvent(w), w.defaultPrevented) {
-        Array.from(r.options).forEach((o) => {
-          o.selected = U.includes(o);
-        }), c.reverse().forEach((o) => {
-          r.appendChild(o);
+      const B = new Event("change", { bubbles: !0 });
+      if (t.dispatchEvent(B), B.defaultPrevented) {
+        Array.from(t.options).forEach((o) => {
+          o.selected = h.includes(o);
+        }), u.reverse().forEach((o) => {
+          t.appendChild(o);
         });
         return;
       }
     },
-    [l]
+    [c]
   );
-  L(() => {
-    a.current && p(e);
+  T(() => {
+    a.current && v(e);
   }, [e]);
-  const C = f((t) => {
-    var s;
-    a.current ? (s = n.current) == null || s.call(n, t) : p(
-      Array.from(t.target.selectedOptions).filter((r) => r.selected && r.value !== "").map((r) => r.value)
+  const S = f((r) => {
+    var n;
+    a.current ? (n = s.current) == null || n.call(s, r) : v(
+      Array.from(r.target.selectedOptions).filter((t) => t.selected && t.value !== "").map((t) => t.value)
     );
-  }, []), F = f(() => {
-    var r, c;
-    const t = new FocusEvent("blur", { bubbles: !1 }), s = new FocusEvent("focusout", { bubbles: !0 });
-    (r = l.current) == null || r.dispatchEvent(t), (c = l.current) == null || c.dispatchEvent(s);
-  }, [l]), v = f(() => {
+  }, []), w = f(() => {
+    var t, u;
+    const r = new FocusEvent("blur", { bubbles: !1 }), n = new FocusEvent("focusout", { bubbles: !0 });
+    (t = c.current) == null || t.dispatchEvent(r), (u = c.current) == null || u.dispatchEvent(n);
+  }, [c]), A = f(() => {
     var t;
-    a.current ? (t = n.current) == null || t.call(n, {
-      target: { value: V.current }
-    }) : p(V.current);
-  }, []), m = h(null), M = f(
-    (t) => {
-      var s, r;
-      g(t), t ? (m.current = t.form, (r = m.current) == null || r.addEventListener("reset", v)) : ((s = m.current) == null || s.removeEventListener("reset", v), m.current = null);
+    const r = c.current, n = F.current;
+    if (r) {
+      const u = P(n);
+      Array.from(r.options).forEach((h) => {
+        h.defaultSelected = u.includes(h.value);
+      });
+    }
+    if (a.current) {
+      (t = s.current) == null || t.call(s, {
+        target: { value: n }
+      });
+      return;
+    }
+    r && p(n);
+  }, [p, c]), m = V(null), z = f(
+    (r) => {
+      var n, t;
+      C(r), r ? (m.current = r.form, (t = m.current) == null || t.addEventListener("reset", A)) : ((n = m.current) == null || n.removeEventListener("reset", A), m.current = null);
     },
-    [v, g]
-  ), E = O(() => ({
-    ref: M,
-    value: J(R, A),
-    onChange: C,
+    [A, C]
+  ), E = I(() => ({
+    ref: z,
+    value: K(M, x),
+    onChange: S,
     name: d
-  }), [M, A, R, C, d]);
-  return O(
+  }), [z, x, M, S, d]);
+  return I(
     () => ({
       selectProps: E,
       value: E.value,
-      singleValue: K(E.value),
-      setValue: x,
-      handleBlur: F
+      singleValue: N(E.value),
+      setValue: p,
+      handleBlur: w
     }),
-    [E, x, F]
+    [E, p, w]
   );
 };
-function z(e) {
+function g(e) {
   return e == null || e === "" || Array.isArray(e) && e.length === 0;
 }
-function I(e) {
+function R(e) {
   return Array.isArray(e);
 }
-function J(e, b) {
-  const u = I(e);
-  return b ? u ? e : z(e) ? [] : [e] : u ? z(e) ? "" : e[0] ?? "" : e ?? "";
+function P(e) {
+  return R(e) ? e : g(e) ? [] : [e];
+}
+function K(e, b) {
+  const l = R(e);
+  return b ? l ? e : g(e) ? [] : [e] : l ? g(e) ? "" : e[0] ?? "" : e ?? "";
 }
-function K(e) {
-  return I(e) ? e.length > 0 ? e[e.length - 1] : void 0 : e;
+function N(e) {
+  return R(e) ? e.length > 0 ? e[e.length - 1] : void 0 : e;
 }
 export {
-  _ as useSelectValue
+  ee as useSelectValue
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasat/beam-react",
-  "version": "2.28.0",
+  "version": "2.29.1",
   "description": "React component library for the Beam design system",
   "license": "MIT",
   "author": "Viasat",
@@ -59,11 +59,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@viasat/beam-fonts": "2.28.0",
-    "@viasat/beam-shared": "2.28.0",
-    "@viasat/beam-styles": "2.28.0",
-    "@viasat/beam-tokens": "2.28.0",
-    "@viasat/beam-icons": "2.28.0",
+    "@viasat/beam-fonts": "2.29.1",
+    "@viasat/beam-shared": "2.29.1",
+    "@viasat/beam-styles": "2.29.1",
+    "@viasat/beam-tokens": "2.29.1",
+    "@viasat/beam-icons": "2.29.1",
     "clsx": "^1.2.1",
     "@floating-ui/react": "^0.26.18",
     "@stepperize/react": "^5.1.5",