@viasat/beam-react 2.37.0 → 2.38.0

package/lib/ActionList/useActionListChildren.es.js

@@ -1,7 +1,7 @@
 import "react";
-import "../../chunks/ActionList.Item.Dt-XipPp.js";
+import "../../chunks/ActionList.Item.pfN-89OV.js";
 import "../../utils/functions.es.js";
-import { u as e } from "../../chunks/ActionList.Group.B3yidbzz.js";
+import { u as e } from "../../chunks/ActionList.Group.Crwr7tjD.js";
 import "./ActionList.context.es.js";
 export {
   e as useActionListChildren

package/lib/Alert/Alert.cjs.js

@@ -1 +1 @@
-var be=require("../../assets/Alert.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),P=require("clsx"),a=require("react"),F=require("../../chunks/constants.hwjHOsvT.js"),Z=require("../../chunks/CSSLookup.DESAWWRT.js"),z=require("../../chunks/classNames.DAeKwerT.js"),ee=require("../../chunks/helpers.COm6C5Gf.js"),te=require("../../chunks/CheckCircleOutline.iRHrT_Eb.js"),k=require("../../chunks/InfoOutline.Gr8gkm5N.js"),ne=require("../../chunks/WarningOutlined.BPePPeyt.js"),re=require("../../utils/hooks/index.cjs.js"),ae=require("../CloseButton/CloseButton.cjs.js"),oe=o=>{const l=o==="sm"?2.625:3.125;return Z.convertRemToPixels(l)},b={positive:"Success",warning:"Warning",negative:"Error",infoPrimary:"Information",infoSecondary:"Information"},se="Dismiss Alert",n={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-alert":"bm-alert","bm-alert__content__wrapper":"bm-alert__content__wrapper","bm-alert__content":"bm-alert__content","bm-alert__content__heading":"bm-alert__content__heading","bm-alert__actions":"bm-alert__actions","bm-alert__icon":"bm-alert__icon","bm-alert__icon--wrapping":"bm-alert__icon--wrapping","bm-alert__close-button":"bm-alert__close-button","bm-alert__close-button--wrapping":"bm-alert__close-button--wrapping","bm-alert--full-width":"bm-alert--full-width","bm-alert--md":"bm-alert--md","bm-alert--positive":"bm-alert--positive","bm-alert--warning":"bm-alert--warning","bm-alert--negative":"bm-alert--negative","bm-alert--infoPrimary":"bm-alert--infoPrimary","bm-alert--infoSecondary":"bm-alert--infoSecondary","bm-alert--no-box":"bm-alert--no-box"},{baseClassNamePrefix:le,subElementClassPrefix:s,classModifierPrefix:q}=z.getBEMClassNames("alert"),ie=a.memo(({appearance:o,hideIcon:c,icon:f,isContentWrapping:l})=>{const d=n[`${s}icon`],x=n[`${s}icon--wrapping`],i=P(d,l&&x);if(c)return null;const w={positive:e.jsx(te.SvgCheckCircleOutline,{role:"img","aria-label":b.positive}),warning:e.jsx(ne.SvgWarningOutlined,{role:"img","aria-label":b.warning}),negative:e.jsx(k.SvgInfoOutline,{role:"img","aria-label":b.negative}),infoPrimary:e.jsx(k.SvgInfoOutline,{role:"img","aria-label":b.infoPrimary}),infoSecondary:e.jsx(k.SvgInfoOutline,{role:"img","aria-label":b.infoSecondary})};return e.jsx("span",{className:i,children:f||w[o]})});function ce({heading:o,body:c,children:f,actions:l,theme:d,icon:x,size:i="sm",fullWidth:w=!1,appearance:C="infoPrimary",className:T,hidden:R=!1,hideIcon:K=!1,dismissible:m=!1,disableAutoFocus:S=!1,disableCloseOnEscape:A=!1,role:E,id:D,onDismiss:g,...G}){const _=c||f,p=E==="alertdialog"||!!(!S&&(l||m)),B=p?"alertdialog":E,[u,J]=a.useState(R),[O,Q]=a.useState(!1),j=a.useRef(null),W=a.useRef(null),I=a.useCallback(t=>{const{current:r}=W;g==null||g(t),J(!0),r&&r.focus()},[g]),U=()=>{const{current:t}=L;if(t){const{offsetHeight:r}=t,y=oe(i);Q(r>y)}},{ref:L}=re.useResizeObserver(U,F.FPS_60,[i]);a.useEffect(()=>{W.current=document.activeElement},[]),a.useEffect(()=>{const{current:t}=j;if(!t||!p||S||u)return;const r=ee.findFirstFocusableElement(t);r==null||r.focus()},[p,S,u]),a.useEffect(()=>{const{current:t}=j,r=y=>{const{key:Y}=y;Y==="Escape"&&I(y)};return t&&m&&!u&&!A&&t.addEventListener("keydown",r),()=>{t&&t.removeEventListener("keydown",r)}},[I,u,m,A]);const V=a.useMemo(()=>`bm-alert-${Math.random().toString(36).slice(2,9)}`,[]),$=D||V,H=o?`${$}-heading`:void 0,v=_?`${$}-body`:void 0;let h,M;const N=p||m;N&&o?h=H:N&&c&&(h=v),N&&c&&h!==v&&(M=v);const X=P(n[le],d&&F.themeClassName(d),C&&n[`${q}${C}`],i&&n[`${q}${i}`],w&&n[`${q}full-width`],T);return R||u?null:e.jsxs("div",{role:B,ref:j,className:X,...B==="alertdialog"?{"aria-modal":"false"}:{},"aria-labelledby":h,"aria-describedby":M,id:$,...G,children:[e.jsx(ie,{appearance:C,hideIcon:K,icon:x,isContentWrapping:O||!!(o&&_)}),e.jsxs("div",{className:n[`${s}content__wrapper`],ref:L,children:[e.jsxs("div",{className:n[`${s}content`],children:[o&&e.jsx("span",{id:H,className:n[`${s}content__heading`],children:o}),_&&e.jsx("span",{id:v,children:_})]}),l&&e.jsx("div",{className:n[`${s}actions`],children:l})]}),m&&e.jsx("span",{className:P(n[`${s}close-button`],O&&n[`${s}close-button--wrapping`]),children:e.jsx(ae.CloseButton,{size:i,onClick:I,"aria-label":se})})]})}exports.Alert=ce;
+var be=require("../../assets/Alert.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),P=require("clsx"),a=require("react"),F=require("../../chunks/constants.CgMu0_1M.js"),Z=require("../../chunks/CSSLookup.k3ewV3rr.js"),z=require("../../chunks/classNames.DC8Ra4sw.js"),ee=require("../../chunks/helpers.CGgi4mVC.js"),te=require("../../chunks/CheckCircleOutline.iRHrT_Eb.js"),k=require("../../chunks/InfoOutline.Gr8gkm5N.js"),ne=require("../../chunks/WarningOutlined.BPePPeyt.js"),re=require("../../utils/hooks/index.cjs.js"),ae=require("../CloseButton/CloseButton.cjs.js"),oe=o=>{const l=o==="sm"?2.625:3.125;return Z.convertRemToPixels(l)},b={positive:"Success",warning:"Warning",negative:"Error",infoPrimary:"Information",infoSecondary:"Information"},se="Dismiss Alert",n={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-alert":"bm-alert","bm-alert__content__wrapper":"bm-alert__content__wrapper","bm-alert__content":"bm-alert__content","bm-alert__content__heading":"bm-alert__content__heading","bm-alert__actions":"bm-alert__actions","bm-alert__icon":"bm-alert__icon","bm-alert__icon--wrapping":"bm-alert__icon--wrapping","bm-alert__close-button":"bm-alert__close-button","bm-alert__close-button--wrapping":"bm-alert__close-button--wrapping","bm-alert--full-width":"bm-alert--full-width","bm-alert--md":"bm-alert--md","bm-alert--positive":"bm-alert--positive","bm-alert--warning":"bm-alert--warning","bm-alert--negative":"bm-alert--negative","bm-alert--infoPrimary":"bm-alert--infoPrimary","bm-alert--infoSecondary":"bm-alert--infoSecondary","bm-alert--no-box":"bm-alert--no-box"},{baseClassNamePrefix:le,subElementClassPrefix:s,classModifierPrefix:q}=z.getBEMClassNames("alert"),ie=a.memo(({appearance:o,hideIcon:c,icon:f,isContentWrapping:l})=>{const d=n[`${s}icon`],x=n[`${s}icon--wrapping`],i=P(d,l&&x);if(c)return null;const w={positive:e.jsx(te.SvgCheckCircleOutline,{role:"img","aria-label":b.positive}),warning:e.jsx(ne.SvgWarningOutlined,{role:"img","aria-label":b.warning}),negative:e.jsx(k.SvgInfoOutline,{role:"img","aria-label":b.negative}),infoPrimary:e.jsx(k.SvgInfoOutline,{role:"img","aria-label":b.infoPrimary}),infoSecondary:e.jsx(k.SvgInfoOutline,{role:"img","aria-label":b.infoSecondary})};return e.jsx("span",{className:i,children:f||w[o]})});function ce({heading:o,body:c,children:f,actions:l,theme:d,icon:x,size:i="sm",fullWidth:w=!1,appearance:C="infoPrimary",className:T,hidden:R=!1,hideIcon:K=!1,dismissible:m=!1,disableAutoFocus:S=!1,disableCloseOnEscape:A=!1,role:E,id:D,onDismiss:g,...G}){const _=c||f,p=E==="alertdialog"||!!(!S&&(l||m)),B=p?"alertdialog":E,[u,J]=a.useState(R),[O,Q]=a.useState(!1),j=a.useRef(null),W=a.useRef(null),I=a.useCallback(t=>{const{current:r}=W;g==null||g(t),J(!0),r&&r.focus()},[g]),U=()=>{const{current:t}=L;if(t){const{offsetHeight:r}=t,y=oe(i);Q(r>y)}},{ref:L}=re.useResizeObserver(U,F.FPS_60,[i]);a.useEffect(()=>{W.current=document.activeElement},[]),a.useEffect(()=>{const{current:t}=j;if(!t||!p||S||u)return;const r=ee.findFirstFocusableElement(t);r==null||r.focus()},[p,S,u]),a.useEffect(()=>{const{current:t}=j,r=y=>{const{key:Y}=y;Y==="Escape"&&I(y)};return t&&m&&!u&&!A&&t.addEventListener("keydown",r),()=>{t&&t.removeEventListener("keydown",r)}},[I,u,m,A]);const V=a.useMemo(()=>`bm-alert-${Math.random().toString(36).slice(2,9)}`,[]),$=D||V,H=o?`${$}-heading`:void 0,v=_?`${$}-body`:void 0;let h,M;const N=p||m;N&&o?h=H:N&&c&&(h=v),N&&c&&h!==v&&(M=v);const X=P(n[le],d&&F.themeClassName(d),C&&n[`${q}${C}`],i&&n[`${q}${i}`],w&&n[`${q}full-width`],T);return R||u?null:e.jsxs("div",{role:B,ref:j,className:X,...B==="alertdialog"?{"aria-modal":"false"}:{},"aria-labelledby":h,"aria-describedby":M,id:$,...G,children:[e.jsx(ie,{appearance:C,hideIcon:K,icon:x,isContentWrapping:O||!!(o&&_)}),e.jsxs("div",{className:n[`${s}content__wrapper`],ref:L,children:[e.jsxs("div",{className:n[`${s}content`],children:[o&&e.jsx("span",{id:H,className:n[`${s}content__heading`],children:o}),_&&e.jsx("span",{id:v,children:_})]}),l&&e.jsx("div",{className:n[`${s}actions`],children:l})]}),m&&e.jsx("span",{className:P(n[`${s}close-button`],O&&n[`${s}close-button--wrapping`]),children:e.jsx(ae.CloseButton,{size:i,onClick:I,"aria-label":se})})]})}exports.Alert=ce;

package/lib/Alert/Alert.es.js

@@ -2,10 +2,10 @@ import "../../assets/Alert.css";
 import { jsx as r, jsxs as x } from "react/jsx-runtime";
 import E from "clsx";
 import { memo as ee, useState as T, useRef as q, useCallback as te, useEffect as A, useMemo as re } from "react";
-import { b as ne, t as ae } from "../../chunks/constants.CKKGf1-i.js";
-import { c as oe } from "../../chunks/CSSLookup.DOOy1rxJ.js";
-import { g as le } from "../../chunks/classNames.BTJmrO_L.js";
-import { f as ie } from "../../chunks/helpers.CPNYYxrE.js";
+import { c as ne, t as ae } from "../../chunks/constants.Cruz2A1w.js";
+import { c as oe } from "../../chunks/CSSLookup.kaPTyL5S.js";
+import { g as le } from "../../chunks/classNames.ZWNk1hey.js";
+import { f as ie } from "../../chunks/helpers.DLd_EQjR.js";
 import { S as se } from "../../chunks/CheckCircleOutline.Bn3mTuUE.js";
 import { S as R } from "../../chunks/InfoOutline.Co5VGOxN.js";
 import { S as ce } from "../../chunks/WarningOutlined.B3hTzZPs.js";

package/lib/Autocomplete/Autocomplete.cjs.js

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

package/lib/Autocomplete/Autocomplete.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, OptionGroupProps, OptionProps } from '../_Options';
-export interface AutocompleteProps extends React.ComponentPropsWithRef<'select'> {
+export interface AutocompleteProps extends Omit<ComponentPropsWithRef<'select'>, 'size'> {
     /**
      * Specify HelperText for Autocomplete
      */
@@ -39,6 +40,11 @@ export interface AutocompleteProps extends React.ComponentPropsWithRef<'select'>
      * @default false
      */
     fluid?: boolean;
+    /**
+     * Specify the size of Autocomplete
+     * @default 'md'
+     */
+    size?: InputSize;
     /**
      * Specify the width of Autocomplete
      */

package/lib/Autocomplete/Autocomplete.es.js

@@ -1,32 +1,33 @@
 import { jsxs as C, jsx as n } from "react/jsx-runtime";
-import { g as st } from "../../chunks/classNames.BTJmrO_L.js";
-import { t as it } from "../../chunks/constants.CKKGf1-i.js";
-import { s as r } from "../../chunks/combobox.module.D_HXP875.js";
-import lt from "clsx";
-import nt, { useCallback as at, useState as dt, useMemo as h, useRef as pt } from "react";
-import { b as ct, H as ut } from "../../chunks/form.context.D7b4066_.js";
-import { LabelProvider as mt } from "../Form/contexts/label.context.es.js";
-import { HelperTextProvider as ft } from "../Form/contexts/helperText.context.es.js";
+import { d as it } from "../../chunks/input.f81KzcGZ.js";
+import { g as lt } from "../../chunks/classNames.ZWNk1hey.js";
+import { t as nt } from "../../chunks/constants.Cruz2A1w.js";
+import { s as r } from "../../chunks/combobox.module.BZdcyXni.js";
+import at from "clsx";
+import dt, { useCallback as pt, useState as ct, useMemo as h, useRef as ut } from "react";
+import { b as mt, H as ft } from "../../chunks/form.context.cEuTL68U.js";
+import { LabelProvider as bt } from "../Form/contexts/label.context.es.js";
+import { HelperTextProvider as ht } from "../Form/contexts/helperText.context.es.js";
 import { ActionList as Q } from "../ActionList/ActionList.es.js";
-import { useCreateOptionsContext as bt, OptionsProvider as ht } from "../_Options/Option.context.es.js";
-import { Option as xt } from "../_Options/Option.es.js";
-import { OptionGroup as gt } from "../_Options/OptionGroup.es.js";
+import { useCreateOptionsContext as xt, OptionsProvider as gt } from "../_Options/Option.context.es.js";
+import { Option as yt } from "../_Options/Option.es.js";
+import { OptionGroup as vt } from "../_Options/OptionGroup.es.js";
 import "../_Options/OptionGroup.context.es.js";
-import { getLastVisibleStructureIndex as yt } from "../_Options/getLastVisibleStructureIndex.es.js";
-import { useRenderOption as vt } from "../_Options/useRenderOption.es.js";
-import { useSelectValue as Ot } from "../_Options/useSelectValue.es.js";
-import { useAutocompleteDropdown as Ct } from "./useAutocompleteDropdown.es.js";
-import { AutocompleteDropdown as It } from "./AutocompleteDropdown.es.js";
-import { useAutocompleteChips as Pt } from "./useAutocompleteChips.es.js";
-import { useAutocompleteKeyboardManager as At } from "./useAutocompleteKeyboardManager.es.js";
-import St from "./utils/filterOptions.es.js";
-import Bt from "./useClearSelection.es.js";
-import { AutocompleteField as Vt } from "./AutocompleteField.es.js";
-import $t from "./useAutocompleteA11y.es.js";
-import { useAutocompleteInteractions as Nt } from "./useAutocompleteInteractions.es.js";
-import { createSelectionStrategy as wt } from "../_Options/strategies/SelectionStrategy.es.js";
-import { OptionChips as Rt } from "../_Options/OptionChips.es.js";
-const { baseClassNamePrefix: Dt, subElementClassPrefix: L, classModifierPrefix: a } = st("combobox"), Ft = nt.forwardRef(
+import { getLastVisibleStructureIndex as Ot } from "../_Options/getLastVisibleStructureIndex.es.js";
+import { useRenderOption as Ct } from "../_Options/useRenderOption.es.js";
+import { useSelectValue as It } from "../_Options/useSelectValue.es.js";
+import { useAutocompleteDropdown as Pt } from "./useAutocompleteDropdown.es.js";
+import { AutocompleteDropdown as At } from "./AutocompleteDropdown.es.js";
+import { useAutocompleteChips as St } from "./useAutocompleteChips.es.js";
+import { useAutocompleteKeyboardManager as $t } from "./useAutocompleteKeyboardManager.es.js";
+import Bt from "./utils/filterOptions.es.js";
+import Vt from "./useClearSelection.es.js";
+import { AutocompleteField as Nt } from "./AutocompleteField.es.js";
+import wt from "./useAutocompleteA11y.es.js";
+import { useAutocompleteInteractions as Rt } from "./useAutocompleteInteractions.es.js";
+import { createSelectionStrategy as Dt } from "../_Options/strategies/SelectionStrategy.es.js";
+import { OptionChips as Ft } from "../_Options/OptionChips.es.js";
+const { baseClassNamePrefix: Gt, subElementClassPrefix: L, classModifierPrefix: a } = lt("combobox"), Et = dt.forwardRef(
   ({
     theme: I,
     width: U,
@@ -36,40 +37,41 @@ const { baseClassNamePrefix: Dt, subElementClassPrefix: L, classModifierPrefix:
     contentBefore: Z,
     contentAfter: ee,
     fluid: te = !1,
+    size: oe = it,
     helperText: q = null,
-    validationRules: oe = [],
-    className: re,
-    hideRequiredMarker: se = !1,
-    disabled: ie = !1,
-    readOnly: le = !1,
-    required: ne = !1,
-    placeholder: ae = "",
+    validationRules: re = [],
+    className: se,
+    hideRequiredMarker: ie = !1,
+    disabled: le = !1,
+    readOnly: ne = !1,
+    required: ae = !1,
+    placeholder: de = "",
     onChange: x,
-    noResultsText: de = "No results found",
+    noResultsText: pe = "No results found",
     optionFilter: P,
-    hideChevron: pe = !1,
+    hideChevron: ce = !1,
     ...g
-  }, ce) => {
+  }, ue) => {
     const {
       id: H,
-      name: ue,
-      "aria-describedby": me,
+      name: me,
+      "aria-describedby": fe,
       multiple: t = !1,
-      clearable: fe = t,
-      ...be
-    } = g, { showErrors: he, isInvalid: xe, errorShown: ge, disabled: o, readOnly: i, required: A } = ct({
-      name: ue,
-      validationRules: oe,
-      disabledProp: ie,
-      readOnlyProp: le,
-      requiredProp: ne
-    }), { aria: y, ids: ye } = $t({
+      clearable: be = t,
+      ...he
+    } = g, { showErrors: xe, isInvalid: ge, errorShown: ye, disabled: o, readOnly: i, required: A } = mt({
+      name: me,
+      validationRules: re,
+      disabledProp: le,
+      readOnlyProp: ne,
+      requiredProp: ae
+    }), { aria: y, ids: ve } = wt({
       helperText: q,
-      externalDescribedBy: me,
+      externalDescribedBy: fe,
       error: p,
-      errorShown: ge,
-      invalid: !!p || xe
-    }), { helperTextId: ve, errorId: Oe, validationErrorsId: Ce, labelId: S } = ye, Ie = !!(p != null && p.length), Pe = at(
+      errorShown: ye,
+      invalid: !!p || ge
+    }), { helperTextId: Oe, errorId: Ce, validationErrorsId: Ie, labelId: S } = ve, Pe = !!(p != null && p.length), Ae = pt(
       (e) => {
         x == null || x(e);
       },
@@ -77,10 +79,10 @@ const { baseClassNamePrefix: Dt, subElementClassPrefix: L, classModifierPrefix:
     ), {
       value: u,
       setValue: k,
-      selectProps: Ae,
-      handleBlur: Se,
-      singleValue: B
-    } = Ot({ onChange: Pe, ...g }, ce), [m, V] = dt(null), $ = !m && (!u || Array.isArray(u) && !u.length), {
+      selectProps: Se,
+      handleBlur: $e,
+      singleValue: $
+    } = It({ onChange: Ae, ...g }, ue), [m, B] = ct(null), V = !m && (!u || Array.isArray(u) && !u.length), {
       optionsContext: Be,
       optionIds: d,
       optionsProps: f,
@@ -91,57 +93,58 @@ const { baseClassNamePrefix: Dt, subElementClassPrefix: L, classModifierPrefix:
       groupsProps: R,
       optionGroupOf: j,
       optionIdsByGroup: D
-    } = bt(u, k, t), $e = h(() => {
-      if (!B) return;
-      const e = d.map((s) => f.get(s)).findIndex((s) => (s == null ? void 0 : s.value) === B);
+    } = xt(u, k, t), Ne = h(() => {
+      if (!$) return;
+      const e = d.map((s) => f.get(s)).findIndex((s) => (s == null ? void 0 : s.value) === $);
       return e !== -1 ? e : void 0;
-    }, [d, f, B]), F = pt(null), {
-      getFieldProps: Ne,
-      getInputProps: we,
-      dropdownProps: Re,
-      refs: De,
+    }, [d, f, $]), F = ut(null), {
+      getFieldProps: we,
+      getInputProps: Re,
+      dropdownProps: De,
+      refs: Fe,
       open: K,
       setOpen: v,
-      status: Fe,
-      setDisplayActiveIndex: Ge
-    } = Ct({
+      status: Ge,
+      setDisplayActiveIndex: Ee
+    } = Pt({
       disabled: o,
       readOnly: i,
-      lastSelectedOptionIndex: $e,
+      lastSelectedOptionIndex: Ne,
       fieldRef: F
-    }), O = De.domReference, Ee = lt(
-      r[Dt],
-      I && it(I),
+    }), O = Fe.domReference, Le = at(
+      r[Gt],
+      I && nt(I),
+      r[`${a}${oe}`],
       te && r[`${a}fluid`],
       y.invalid && r[`${a}error`],
       o && r[`${a}disabled`],
       i && r[`${a}read-only`],
-      $ && r[`${a}empty`],
+      V && r[`${a}empty`],
       t && r[`${a}multiple`],
       r[`${a}autocomplete`],
-      r[`${a}dropdown-${Fe}`],
-      re
-    ), { canClear: Le, handleClear: Me } = Bt({
+      r[`${a}dropdown-${Ge}`],
+      se
+    ), { canClear: Me, handleClear: qe } = Vt({
       multiple: t,
-      clearable: fe,
-      isEmpty: $,
+      clearable: be,
+      isEmpty: V,
       disabled: o,
       readOnly: i,
       setValue: k,
-      setSearchText: V,
+      setSearchText: B,
       inputRef: O,
       setOpen: v
     }), {
-      chipGroupProps: qe,
-      handleBlur: He,
-      selectedChip: ke,
-      setSelectedChip: Te,
-      enabled: je,
-      selectPreviousChip: Ke,
+      chipGroupProps: He,
+      handleBlur: ke,
+      selectedChip: Te,
+      setSelectedChip: je,
+      enabled: Ke,
+      selectPreviousChip: ze,
       selectNextChip: We,
       options: _e,
-      deselectOptionValue: ze
-    } = Pt({
+      deselectOptionValue: Je
+    } = St({
       multiple: t,
       disabled: o,
       readOnly: i,
@@ -151,7 +154,7 @@ const { baseClassNamePrefix: Dt, subElementClassPrefix: L, classModifierPrefix:
       deselectOptionValue: T,
       fieldRef: F,
       inputRef: O
-    }), { getKeyboardProps: W } = At({
+    }), { getKeyboardProps: z } = $t({
       multiple: t,
       disabled: o,
       readOnly: i,
@@ -160,33 +163,33 @@ const { baseClassNamePrefix: Dt, subElementClassPrefix: L, classModifierPrefix:
       inputRef: O,
       fieldRef: F,
       chips: {
-        enabled: je,
-        selectedChip: ke,
-        setSelectedChip: Te,
-        selectPreviousChip: Ke,
+        enabled: Ke,
+        selectedChip: Te,
+        setSelectedChip: je,
+        selectPreviousChip: ze,
         selectNextChip: We,
         options: _e,
-        deselectOptionValue: ze
+        deselectOptionValue: Je
       }
-    }), _ = h(
-      () => wt(t),
+    }), W = h(
+      () => Dt(t),
       [t]
-    ), { handleBlur: Je, handleFocus: Qe, handleItemClick: Ue } = Nt({
-      selectionStrategy: _,
+    ), { handleBlur: Qe, handleFocus: Ue, handleItemClick: Xe } = Rt({
+      selectionStrategy: W,
       selectedOptions: N,
       inputRef: O,
-      blurSelect: Se,
-      blurChips: He,
-      setSearchText: V,
+      blurSelect: $e,
+      blurChips: ke,
+      setSearchText: B,
       setOpen: v,
       searchText: m,
       getOptionByIndex: Ve,
-      setDisplayActiveIndex: Ge
+      setDisplayActiveIndex: Ee
     }), c = h(
       () => d.reduce((e, s) => {
         const l = f.get(s);
         if (!l) return e;
-        const b = j.get(s), J = b ? R.get(b) : void 0, G = P ? P(l, m, J) : St(l, m);
+        const b = j.get(s), J = b ? R.get(b) : void 0, G = P ? P(l, m, J) : Bt(l, m);
         return e[s] = G, e;
       }, {}),
       [
@@ -197,35 +200,35 @@ const { baseClassNamePrefix: Dt, subElementClassPrefix: L, classModifierPrefix:
         j,
         R
       ]
-    ), Xe = h(() => d.length === 0 ? !1 : d.every((e) => c[e]), [d, c]), Ye = h(
-      () => yt(
+    ), Ye = h(() => d.length === 0 ? !1 : d.every((e) => c[e]), [d, c]), Ze = h(
+      () => Ot(
         w,
         D,
         c
       ),
       [w, D, c]
-    ), z = vt({
+    ), _ = Ct({
       optionsProps: f,
-      selectionStrategy: _,
+      selectionStrategy: W,
       value: u,
       multiple: t,
       optionClassName: r[`${L}option`],
       filteredOptionsById: c
-    }), { ref: Ze, ...et } = W(Ne()), tt = W(we());
-    return /* @__PURE__ */ C(ht, { value: Be, children: [
-      /* @__PURE__ */ C("div", { className: Ee, style: { maxWidth: U }, children: [
+    }), { ref: et, ...tt } = z(we()), ot = z(Re());
+    return /* @__PURE__ */ C(gt, { value: Be, children: [
+      /* @__PURE__ */ C("div", { className: Le, style: { maxWidth: U }, children: [
         /* @__PURE__ */ n(
-          mt,
+          bt,
           {
             ctxHtmlFor: H,
             ctxDisabled: o,
-            ctxRequired: A && !se,
+            ctxRequired: A && !ie,
             ctxId: S,
             children: Y
           }
         ),
         /* @__PURE__ */ n(
-          Vt,
+          Nt,
           {
             id: H,
             disabled: o,
@@ -234,14 +237,14 @@ const { baseClassNamePrefix: Dt, subElementClassPrefix: L, classModifierPrefix:
             contentBefore: Z,
             contentAfter: ee,
             chips: /* @__PURE__ */ n(
-              Rt,
+              Ft,
               {
                 multiple: t,
                 disabled: o,
                 readOnly: i,
                 selectedOptions: N,
                 deselectOptionValue: T,
-                chipGroupProps: qe,
+                chipGroupProps: He,
                 input: /* @__PURE__ */ n(
                   "input",
                   {
@@ -254,69 +257,69 @@ const { baseClassNamePrefix: Dt, subElementClassPrefix: L, classModifierPrefix:
                     "aria-labelledby": !g.ariaLabel && S ? S : void 0,
                     "aria-label": g.ariaLabel,
                     "aria-describedby": y.describedBy,
-                    placeholder: t && !$ ? "" : ae,
-                    onChange: (e) => V(e.target.value),
+                    placeholder: t && !V ? "" : de,
+                    onChange: (e) => B(e.target.value),
                     disabled: o,
                     readOnly: i,
                     autoComplete: "off",
                     tabIndex: o ? -1 : 0,
                     autoFocus: !1,
-                    ...tt
+                    ...ot
                   }
                 )
               }
             ),
-            hasClearButton: Le,
-            hideChevron: pe,
-            onClear: Me,
-            onBlur: Je,
-            onFocusCapture: Qe,
-            ...et,
-            ref: Ze
+            hasClearButton: Me,
+            hideChevron: ce,
+            onClear: qe,
+            onBlur: Qe,
+            onFocusCapture: Ue,
+            ...tt,
+            ref: et
           }
         ),
-        /* @__PURE__ */ C(ft, { ctxId: ve, ctxDisabled: o, children: [
+        /* @__PURE__ */ C(ht, { ctxId: Oe, ctxDisabled: o, children: [
           q,
-          Ie && /* @__PURE__ */ n(ut, { id: Oe, appearance: "negative", children: p })
+          Pe && /* @__PURE__ */ n(ft, { id: Ce, appearance: "negative", children: p })
         ] }),
-        he(Ce)
+        xe(Ie)
       ] }),
-      /* @__PURE__ */ C("select", { ...be, ...Ae, hidden: !0, multiple: t, children: [
+      /* @__PURE__ */ C("select", { ...he, ...Se, hidden: !0, multiple: t, children: [
         /* @__PURE__ */ n("option", { value: "", children: "empty" }),
         X
       ] }),
       /* @__PURE__ */ n(
-        It,
+        At,
         {
-          ...Re,
+          ...De,
           className: r[`${L}dropdown`],
           disabled: o,
           readOnly: i,
           theme: I,
           multiple: t,
-          onItemClick: Ue,
+          onItemClick: Xe,
           children: /* @__PURE__ */ n(
             Q,
             {
               role: "listbox",
-              noResults: Xe ? de : void 0,
+              noResults: Ye ? pe : void 0,
               children: w.map((e, s) => {
                 if (e.kind === "option")
-                  return z(e.id);
+                  return _(e.id);
                 const l = R.get(e.id);
                 if (!l) return null;
                 const b = D.get(e.id) ?? [], G = !b.some(
                   (E) => !c[E]
-                ), ot = s === Ye, rt = !!l.divider && !ot;
+                ), rt = s === Ze, st = !!l.divider && !rt;
                 return /* @__PURE__ */ n(
                   Q.Group,
                   {
                     heading: l.heading,
-                    divider: rt,
+                    divider: st,
                     disabled: l.disabled,
                     hidden: G,
                     children: b.map(
-                      (E) => z(E, l.disabled)
+                      (E) => _(E, l.disabled)
                     )
                   },
                   e.id
@@ -328,9 +331,9 @@ const { baseClassNamePrefix: Dt, subElementClassPrefix: L, classModifierPrefix:
       )
     ] });
   }
-), M = Ft;
-M.Option = xt;
-M.OptionGroup = gt;
+), M = Et;
+M.Option = yt;
+M.OptionGroup = vt;
 M.displayName = "Autocomplete";
 export {
   M as Autocomplete,

package/lib/Autocomplete/AutocompleteDropdown.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@floating-ui/react"),B=require("../Box/Box.cjs.js"),C=require("clsx"),a=require("../../chunks/classNames.DAeKwerT.js"),P=require("../../chunks/constants.hwjHOsvT.js"),v=require("../ActionList/ActionList.context.cjs.js"),y=require("react"),A=require("../../chunks/FloatingUI.arrow.BK0jH2ge.js"),O=require("../../chunks/popover.module.DGUJIXrP.js");require("../_Options/Option.context.cjs.js");const w=require("../_Options/Option.cjs.js");require("../_Options/OptionGroup.context.cjs.js");require("../../utils/hooks/useId.cjs.js");require("../ActionList/ActionList.cjs.js");require("../../chunks/form.context.hesWPMlU.js");require("../Form/contexts/label.context.cjs.js");require("../Form/contexts/helperText.context.cjs.js");const{baseClassNamePrefix:M}=a.getBEMClassNames("floatingui"),{baseClassNamePrefix:S}=a.getBEMClassNames("popover"),L=[w.Option],T=({setOpen:o,isMounted:n,status:l,nodeId:u,context:c,getFloatingProps:d,floatingStyles:q,labelsRef:x,elementsRef:g,getItemProps:p,setFloating:f,disabled:m,readOnly:F,theme:t,className:_,children:b,multiple:i,activeIndex:N,onItemClick:r})=>{const j=y.useCallback(h=>{r==null||r(h),!i&&o(!1)},[i,r,o]);return n?e.jsx(s.FloatingTree,{children:e.jsx(s.FloatingNode,{id:u,children:e.jsx(s.FloatingPortal,{children:e.jsx(s.FloatingFocusManager,{context:c,modal:!1,initialFocus:0,disabled:m||F,closeOnFocusOut:!0,restoreFocus:!0,returnFocus:!0,guards:!0,order:["content","reference"],children:e.jsx(B.Box,{"data-status":l,className:C(t&&P.themeClassName(t),A.floatinguiStyles[M],O.popoverStyles[S],_),...d(),style:q,ref:f,children:e.jsx(v.ActionListContextProvider,{allowChildrenTypes:L,getItemProps:p,itemsFocusable:!1,onItemClick:j,labelsRef:x,elementsRef:g,activeIndex:N,children:b})})})})})}):null};exports.AutocompleteDropdown=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@floating-ui/react"),B=require("../Box/Box.cjs.js"),C=require("clsx"),a=require("../../chunks/classNames.DC8Ra4sw.js"),P=require("../../chunks/constants.CgMu0_1M.js"),v=require("../ActionList/ActionList.context.cjs.js"),y=require("react"),A=require("../../chunks/FloatingUI.arrow.DR8hzVDP.js"),O=require("../../chunks/popover.module.DGUJIXrP.js");require("../_Options/Option.context.cjs.js");const w=require("../_Options/Option.cjs.js");require("../_Options/OptionGroup.context.cjs.js");require("../../utils/hooks/useId.cjs.js");require("../ActionList/ActionList.cjs.js");require("../../chunks/form.context.D5XrYvpI.js");require("../Form/contexts/label.context.cjs.js");require("../Form/contexts/helperText.context.cjs.js");const{baseClassNamePrefix:M}=a.getBEMClassNames("floatingui"),{baseClassNamePrefix:S}=a.getBEMClassNames("popover"),L=[w.Option],T=({setOpen:o,isMounted:n,status:l,nodeId:u,context:c,getFloatingProps:d,floatingStyles:q,labelsRef:x,elementsRef:g,getItemProps:p,setFloating:f,disabled:m,readOnly:F,theme:t,className:_,children:b,multiple:i,activeIndex:N,onItemClick:r})=>{const j=y.useCallback(h=>{r==null||r(h),!i&&o(!1)},[i,r,o]);return n?e.jsx(s.FloatingTree,{children:e.jsx(s.FloatingNode,{id:u,children:e.jsx(s.FloatingPortal,{children:e.jsx(s.FloatingFocusManager,{context:c,modal:!1,initialFocus:0,disabled:m||F,closeOnFocusOut:!0,restoreFocus:!0,returnFocus:!0,guards:!0,order:["content","reference"],children:e.jsx(B.Box,{"data-status":l,className:C(t&&P.themeClassName(t),A.floatinguiStyles[M],O.popoverStyles[S],_),...d(),style:q,ref:f,children:e.jsx(v.ActionListContextProvider,{allowChildrenTypes:L,getItemProps:p,itemsFocusable:!1,onItemClick:j,labelsRef:x,elementsRef:g,activeIndex:N,children:b})})})})})}):null};exports.AutocompleteDropdown=T;

package/lib/Autocomplete/AutocompleteDropdown.es.js

@@ -2,18 +2,18 @@ import { jsx as o } from "react/jsx-runtime";
 import { FloatingTree as v, FloatingNode as y, FloatingPortal as B, FloatingFocusManager as w } from "@floating-ui/react";
 import { Box as A } from "../Box/Box.es.js";
 import M from "clsx";
-import { g as a } from "../../chunks/classNames.BTJmrO_L.js";
-import { t as O } from "../../chunks/constants.CKKGf1-i.js";
+import { g as a } from "../../chunks/classNames.ZWNk1hey.js";
+import { t as O } from "../../chunks/constants.Cruz2A1w.js";
 import { ActionListContextProvider as S } from "../ActionList/ActionList.context.es.js";
 import { useCallback as T } from "react";
-import { f as j } from "../../chunks/FloatingUI.arrow.BXR2atOC.js";
+import { f as j } from "../../chunks/FloatingUI.arrow.90ecVA1X.js";
 import { p as D } from "../../chunks/popover.module.3dnl8y6-.js";
 import "../_Options/Option.context.es.js";
 import { Option as E } from "../_Options/Option.es.js";
 import "../_Options/OptionGroup.context.es.js";
 import "../../utils/hooks/useId.es.js";
 import "../ActionList/ActionList.es.js";
-import "../../chunks/form.context.D7b4066_.js";
+import "../../chunks/form.context.cEuTL68U.js";
 import "../Form/contexts/label.context.es.js";
 import "../Form/contexts/helperText.context.es.js";
 const { baseClassNamePrefix: L } = a("floatingui"), { baseClassNamePrefix: q } = a("popover"), z = [E], eo = ({

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"),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;
+"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.C1rGhvKM.js"),v=require("../../chunks/classNames.DC8Ra4sw.js");require("../../chunks/constants.CgMu0_1M.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;