https://www.hbs.edu/_next/static/chunks/9899-dbc630922adb119c.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9899],{99899:(e,i,a)=>{a.d(i,{MJ:()=>A,ks:()=>j,lV:()=>G});var t=a(55729),n=a(37925),r=a(82881),l=a(74726),s=a(47728),d=a(18869),o=a(4764),u=a.n(o),c=Object.defineProperty,h=Object.defineProperties,g=Object.getOwnPropertyDescriptors,p=Object.getOwnPropertySymbols,f=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,b=(e,i,a)=>i in e?c(e,i,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[i]=a,v=(e,i)=>{for(var a in i||(i={}))f.call(i,a)&&b(e,a,i[a]);if(p)for(var a of p(i))m.call(i,a)&&b(e,a,i[a]);return e},y=(e,i)=>h(e,g(i)),x=(e,i)=>{var a={};for(var t in e)f.call(e,t)&&0>i.indexOf(t)&&(a[t]=e[t]);if(null!=e&&p)for(var t of p(e))0>i.indexOf(t)&&m.call(e,t)&&(a[t]=e[t]);return a},I=()=>{},w=(0,t.createContext)(void 0),R=e=>{var i,a,n,r,l;let s=(0,t.useContext)(w);return s?{isDisabled:null!=(i=e.isDisabled)?i:s.isDisabled,isInvalid:null!=(a=e.isInvalid)?a:s.isInvalid,isReadOnly:null!=(n=e.isReadOnly)?n:s.isReadOnly,isRequired:null!=(r=e.isRequired)?r:s.isRequired,id:null!=(l=e.id)?l:s.id,maxLength:s.maxLength,inputValue:s.inputValue,setMaxLength:s.setMaxLength||I,setInputValue:s.setInputValue||I}:e},C=t.forwardRef((e,i)=>{var{testId:a="cf-ui-help-text"}=e,l=x(e,["testId"]);let{id:s}=R({}),d=(0,r.Q3)();return t.createElement(n.EY,y(v({as:"p",fontColor:"gray500",fontSize:"high"===d?"fontSizeMHigh":"fontSizeM",lineHeight:"high"===d?"lineHeightMHigh":"lineHeightM",testId:a,id:`${s}-helptext`,marginTop:"spacingXs"},l),{ref:i}))});C.displayName="HelpText";var z=(0,t.forwardRef)((e,i)=>{var{children:a,testId:d="cf-ui-validation-message"}=e,o=x(e,["children","testId"]);let{id:u}=R({}),c=(0,r.Q3)();return t.createElement(l.so,y(v({marginTop:"spacing2Xs"},o),{ref:i,testId:d,alignItems:"center",id:u?`${u}-validation`:void 0,"aria-live":"assertive"}),t.createElement(l.so,{marginRight:"high"===c?"spacing2Xs":"spacingXs"},t.createElement(s.uU,{size:"high"===c?"tiny":"small",variant:"negative","aria-hidden":"true"})),t.createElement(n.EY,{as:"p",fontColor:"red600",fontSize:"high"===c?"fontSizeMHigh":"fontSizeM",lineHeight:"high"===c?"lineHeightMHigh":"lineHeightM"},a))});z.displayName="ValidationMessage";var D=({isDisabled:e})=>(0,d.AH)({alignItems:"center",background:e?u().gray300:u().colorWhite,border:`2px solid ${u().gray300}`,boxSizing:"border-box",display:"inline-flex",height:u().spacingM,justifyContent:"center",width:u().spacingM}),k=e=>{let{type:i,isIndeterminate:a,isDisabled:n,size:r="medium"}=e,l=(e=>{let{isDisabled:i,size:a}=e;return{radio:(({isDisabled:e})=>(0,d.AH)([D({isDisabled:e}),{backgroundColor:e?u().gray300:u().colorWhite,borderRadius:"50%","&:before":{content:'""',borderRadius:"50%",backgroundColor:e?u().gray300:u().colorWhite,width:u().borderRadiusMedium,height:u().borderRadiusMedium},"input:checked + &":{backgroundColor:e?u().gray300:u().blue600,borderColor:e?u().gray300:u().blue600,"&:before":{backgroundColor:e?u().gray600:u().colorWhite}}}]))({isDisabled:i}),checkbox:(({isDisabled:e})=>(0,d.AH)([D({isDisabled:e}),{backgroundColor:e?u().gray300:u().colorWhite,borderRadius:u().borderRadiusSmall,"& svg":{fill:e?u().gray300:u().colorWhite},"input:indeterminate + &, input:checked + &":{backgroundColor:e?u().gray300:u().blue600,borderColor:e?u().gray300:u().blue600,"& svg":{fill:e?u().gray600:u().colorWhite}}}]))({isDisabled:i}),switch:(({isDisabled:e,size:i})=>{let a="small"===i?{height:u().spacingM,width:u().spacingXl,"&:before":{height:u().spacingS,width:u().spacingS},"input:checked + &:before":{transform:`translateX(${u().spacingM})`}}:{height:"20px",width:"40px","&:before":{height:u().spacingM,width:u().spacingM},"input:checked + &:before":{transform:"translateX(20px)"}},t={"&, input:checked + &":{background:u().gray200,borderColor:u().gray200},"&:before":{background:u().gray400},"& svg":{fill:u().gray400}};return(0,d.AH)([D({isDisabled:e}),{background:u().gray600,borderColor:u().gray600,borderRadius:u().borderRadiusSmall,justifyContent:"space-around",position:"relative",flexShrink:0,"&:before":{background:u().colorWhite,borderRadius:`calc(${u().borderRadiusSmall}/2)`,content:'""',left:0,position:"absolute",transition:`transform ${u().transitionEasingDefault} ${u().transitionDurationDefault}`},"input:checked + &":{background:u().blue600,borderColor:u().blue600}},a,e&&t])})({isDisabled:i,size:a})}})({isDisabled:n,size:r});return"switch"===i?t.createElement("span",{className:l.switch},t.createElement(s.eq,{size:"tiny",variant:"white"}),t.createElement(s.US,{size:"tiny",variant:"white"})):t.createElement("span",{className:l[i]},"checkbox"===i&&(a?t.createElement(s.QG,{size:"tiny",variant:"white"}):t.createElement(s.eq,{size:"tiny",variant:"white"})))},H=e=>"small"===e?{height:u().spacingM,width:u().spacingXl}:{height:"20px",width:"40px"};function S(e,i){let{isChecked:a,onChange:s,onFocus:o,onBlur:c,onKeyDown:h,type:g="checkbox",value:p,isDisabled:f,isIndeterminate:m,isInvalid:b,isRequired:I=!1,id:w,willBlurOnEsc:z=!0,testId:D="cf-ui-base-checkbox",className:S="",defaultChecked:E,name:M,inputProps:N={},children:q,"aria-label":L,size:B="medium",helpText:V}=e,O=x(e,["isChecked","onChange","onFocus","onBlur","onKeyDown","type","value","isDisabled","isIndeterminate","isInvalid","isRequired","id","willBlurOnEsc","testId","className","defaultChecked","name","inputProps","children","aria-label","size","helpText"]),$=(0,r.Q3)(),X=(0,t.useRef)(null),A=i||X,{id:W}=R({});(0,t.useEffect)(()=>{A.current&&(A.current.indeterminate=m)},[m,A]);let F=(({isDisabled:e,type:i,size:a,density:t})=>({wrapper:(0,d.AH)({alignItems:"center",display:"inline-flex",position:"relative",margin:"0",columnGap:u().spacingXs}

1),input:(0,d.AH)([{cursor:e?"not-allowed":"pointer",height:u().spacingM,margin:0,opacity:0,position:"absolute",width:u().spacingM,zIndex:u().zIndexDefault,"+ span":{minWidth:u().spacingM},"&:focus":{outline:"none","& + span":{boxShadow:u().glowPrimary}},"&:focus:not(:focus-visible) + span":{boxShadow:"unset"},"&:focus-visible + span":{boxShadow:u().glowPrimary}},"switch"===i&&H(a)]),helpText:(0,d.AH)((({size:e,type:i,density:a})=>{let t=u().spacingM;return"switch"===i&&(t=H(e).width),{marginLeft:`calc(${t} + ${u().spacingXs})`,marginTop:0,fontSize:"high"===a?u().fontSizeMHigh:u().fontSizeM,lineHeight:"high"===a?u().lineHeightMHigh:u().lineHeightM}})({size:a,type:i,density:t}))}))({isDisabled:f,type:g,size:B,density:$}),P=(0,t.useCallback)(e=>{e.persist(),o&&o(e)},[o]),T=(0,t.useCallback)(e=>{e.persist(),c&&c(e)},[c]),K=(0,t.useCallback)(e=>{var i;e.persist(),z&&"Escape"===e.key&&(null==(i=null==A?void 0:A.current)||i.blur()),h&&h(e)},[z,h,A]),j=w?`${w}-helptext`:void 0,Q=b?`${W}-validation`:V?j:void 0;return t.createElement(l.so,{alignItems:"flex-start",flexDirection:"column",className:S},t.createElement(n.EY,v({as:"label",fontColor:"gray900",fontWeight:"fontWeightMedium",fontSize:"high"===$?"fontSizeMHigh":"fontSizeM",lineHeight:"high"===$?"lineHeightMHigh":"lineHeightM",className:F.wrapper,htmlFor:w,testId:D},O),t.createElement("input",y(v({},N),{"aria-label":L,checked:a,defaultChecked:E,className:F.input,type:"switch"===g?"checkbox":g,onChange:s,onFocus:P,onBlur:T,onKeyDown:K,value:p,disabled:f,role:g,"aria-checked":m?"mixed":a,ref:A,required:I,"aria-required":I?"true":void 0,"aria-invalid":b?"true":void 0,"aria-describedby":Q,id:w,name:M})),t.createElement(k,{type:g,isDisabled:f,isIndeterminate:m,size:B}),q),V&&t.createElement(C,{id:j,className:F.helpText},V))}S.displayName="BaseCheckbox";var E=t.forwardRef(S),M=(0,t.createContext)(void 0),N=e=>{var i,a,n;let r,l,s=(0,t.useContext)(M);return s?("checkbox"===s.type&&(l=void 0!==(r=void 0===s.value||null==(i=s.value)?void 0:i.includes(e.value))||null==(a=s.defaultValue)?void 0:a.includes(e.value)),"radio"===s.type&&(l=void 0!==(r=void 0===s.value?void 0:s.value===e.value)?void 0:s.defaultValue===e.value),{defaultChecked:l,isChecked:r,onBlur:i=>{e.onBlur&&e.onBlur(i),s.onBlur&&s.onBlur(i)},onChange:i=>{e.onChange&&e.onChange(i),s.onChange&&s.onChange(i)},name:null!=(n=s.name)?n:e.name,value:e.value}):e},q=t.forwardRef((e,i)=>{let{testId:a="cf-ui-checkbox",id:n,isDisabled:r,isRequired:s,isInvalid:d,children:o,onBlur:u,onChange:c,defaultChecked:h,isChecked:g,value:p,name:f}=e,m=x(e,["testId","id","isDisabled","isRequired","isInvalid","children","onBlur","onChange","defaultChecked","isChecked","value","name"]),b=(0,l.Bi)(n,"checkbox"),I=N({onBlur:u,onChange:c,value:p,defaultChecked:h,isChecked:g,name:f}),w=x(R({id:b,isDisabled:r,isInvalid:d,isRequired:s}),["inputValue","setInputValue","maxLength","setMaxLength","isReadOnly"]);return t.createElement(E,y(v(v(v({},w),I),m),{type:"checkbox",testId:a,ref:i}),o)}),L=t.forwardRef((e,i)=>{let{children:a,className:n,testId:r="cf-ui-base-checkbox-group"}=e,s=x(e,["children","className","testId"]);return t.createElement(M.Provider,{value:s},t.createElement(l.BJ,{ref:i,testId:r,className:n,flexDirection:"column",alignItems:"flex-start",spacing:"spacingXs"},a))});function B(e,i){var{as:a,isInvalid:n,isRequired:r,isDisabled:s,isReadOnly:d,children:o,marginBottom:u="spacingL",id:c,testId:h="cf-ui-form-control"}=e,g=x(e,["as","isInvalid","isRequired","isDisabled","isReadOnly","children","marginBottom","id","testId"]);let p=(0,l.Bi)(c,"field-"),[f,m]=(0,t.useState)(""),[b,y]=(0,t.useState)(0);return t.createElement(w.Provider,{value:{id:p,isRequired:r,isDisabled:s,isInvalid:n,isReadOnly:d,inputValue:f,setInputValue:m,maxLength:b,setMaxLength:y}},t.createElement(l.az,v({as:a||"div",ref:i,role:"fieldset"===a?void 0:"group",testId:h,marginBottom:u},g),o))}q.Group=t.forwardRef((e,i)=>{let{children:a,testId:n="cf-ui-checkbox-group"}=e,r=x(e,["children","testId"]);return t.createElement(L,v({ref:i,testId:n,type:"checkbox"},r),a)}),B.displayName="FormControl";var V=t.forwardRef(B);function O(e,i){var{as:a,children:l,className:s,isRequired:o,requiredText:c="required",testId:h="cf-ui-form-label"}=e,g=x(e,["as","children","className","isRequired","requiredText","testId"]);let p=(0,r.Q3)(),f={root:(0,d.AH)({display:"inline-block",fontWeight:u().fontWeightMedium}),indicator:(0,d.AH)({color:u().gray500,fontWeight:u().fontWeightNormal,marginLeft:u().spacing2Xs})},m=R({isRequired:o}),b=m.id?m.id+"-label":void 0,I="legend"!==a?{htmlFor:g.htmlFor||m.id}:{};return t.createElement(n.EY,y(v(y(v({as:a||"label",marginBottom:"spacingXs"},g),{fontColor:"gray900",id:b}),I),{className:(0,d.cx)(f.root,s),ref:i,testId:h,fontSize:"high"===p?"fontSizeMHigh":"fontSizeM",lineHeight:"high"===p?"lineHeightMHigh":"lineHeightM"}),l,m.isRequired&&t.createElement("span",{className:f.indicator},"(",c,")"))}O.displayName="FormLabel";var $=(0,t.forwardRef)(O),X=(0,t.forwardRef)((e,i)=>{var{testId:a="cf-ui-counter",className:r}=e,l=x(e,["testId","className"]);let{maxLength:s,inputValue:o}=R({}),c={root:(0,d.AH)({flexShrink:0,paddingLeft:u().spacingM,textAlign:"right"})};return!!s&&t.createElement(n.EY,y(v({as:"p",fontColor:"gray700",fontSize:"fontSizeM",testId:a,marginTop:"spacingXs"},l),{className:(0,d.cx)(c.root,r),ref:i}

1),o.length," / ",s)});X.displayName="Counter";var A=V;A.Label=$,A.ValidationMessage=z,A.HelpText=C,A.Counter=X,t.forwardRef((e,i)=>{let{testId:a="cf-ui-radio-button",id:n,isDisabled:r,isInvalid:s,isRequired:d,children:o,onBlur:u,onChange:c,defaultChecked:h,isChecked:g,value:p,name:f}=e,m=x(e,["testId","id","isDisabled","isInvalid","isRequired","children","onBlur","onChange","defaultChecked","isChecked","value","name"]),b=(0,l.Bi)(n,"radio"),I=N({onBlur:u,onChange:c,value:p,defaultChecked:h,isChecked:g,name:f}),w=x(R({id:b,isDisabled:r,isInvalid:s,isRequired:d}),["inputValue","setInputValue","maxLength","setMaxLength","isReadOnly"]);return t.createElement(E,y(v(v(v({},w),m),I),{type:"radio",testId:a,ref:i}),o)}).Group=t.forwardRef((e,i)=>{let{children:a,testId:n="cf-ui-radio-group"}=e,r=x(e,["children","testId"]);return t.createElement(L,v({ref:i,testId:n,type:"radio"},r),a)});var W=({isDisabled:e,isInvalid:i,zIndexBase:a=u().zIndexDefault})=>e||i?a+1:a;function F(e,i){let{as:a="input",className:n,isDisabled:s,isReadOnly:o,isRequired:c,isInvalid:h,id:g,name:p,onBlur:f,onChange:m,onFocus:b,onKeyDown:I,testId:w="cf-ui-base-input",type:R="text",value:C,placeholder:z,willBlurOnEsc:D=!0,style:k,icon:H,defaultValue:S,size:E="medium",resize:M="vertical"}=e,N=x(e,["as","className","isDisabled","isReadOnly","isRequired","isInvalid","id","name","onBlur","onChange","onFocus","onKeyDown","testId","type","value","placeholder","willBlurOnEsc","style","icon","defaultValue","size","resize"]),q=(({as:e,isDisabled:i,isInvalid:a,size:t,resize:n,density:r="low"})=>{let l={low:{borderRadius:u().borderRadiusMedium,lineHeight:u().lineHeightM,fontSize:u().fontSizeM},high:{borderRadius:u().borderRadiusSmall,lineHeight:u().lineHeightMHigh,fontSize:u().fontSizeMHigh}};return{rootComponentWithIcon:(0,d.AH)({position:"relative",display:"flex",width:"100%",zIndex:W({isDisabled:i,isInvalid:a})}),input:(0,d.AH)(y(v(v({outline:"none",boxShadow:u().insetBoxShadowDefault,boxSizing:"border-box",backgroundColor:i?u().gray100:u().colorWhite,border:`1px solid ${a?u().red600:u().gray300}`,color:u().gray700,fontFamily:u().fontStackPrimary,margin:0,cursor:i?"not-allowed":"auto",width:"100%",zIndex:W({isDisabled:i,isInvalid:a})},l[r]),"textarea"===e?{resize:n}:(({size:e,density:i})=>{let a="high"===i;return"small"===e?{padding:u().spacingXs,minHeight:a?u().spacingL:u().spacingXl,maxHeight:a?u().spacingL:u().spacingXl}:{padding:a?u().spacingXs:`10px ${u().spacingS}`,minHeight:a?u().spacingXl:"40px",maxHeight:a?u().spacingXl:"40px"}})({size:t,density:r})),{"&::placeholder":{color:u().gray500},"&:active, &:active:hover, &:focus":v({borderColor:u().blue600,boxShadow:u().glowPrimary},(({isDisabled:e,isInvalid:i})=>e?{borderColor:u().gray300,boxShadow:"none"}:i?{borderColor:u().red600,boxShadow:u().glowNegative}:{})({isDisabled:i,isInvalid:a}))})),inputWithIcon:(0,d.AH)({paddingLeft:u().spacingXl}),iconPlaceholder:(0,d.AH)({position:"absolute",pointerEvents:"none",top:0,bottom:0,left:"small"===t?u().spacingXs:u().spacingS,display:"flex",alignItems:"center",zIndex:u().zIndexDefault})}})({as:a,isDisabled:s,isInvalid:h,size:E,resize:M,density:(0,r.Q3)()}),L=(0,t.useCallback)(e=>{e.persist(),b&&b(e)},[b]),B=(0,t.useCallback)(e=>{e.persist(),!(s||o)&&m&&m(e)},[m,s,o]),V=(0,t.useCallback)(e=>{e.persist(),I&&I(e),"Escape"===e.nativeEvent.code&&D&&e.currentTarget.blur()},[D,I]),O=H&&t.createElement(l.az,{as:"span",className:q.iconPlaceholder},t.cloneElement(H,{size:"tiny",variant:"muted","aria-hidden":!0})),$=e=>t.createElement(a,y(v({},N),{value:C,defaultValue:S,"data-test-id":w,style:k,placeholder:z,className:(0,d.cx)(q.input,e,n),name:p,type:R,ref:i,id:g,readOnly:o,"aria-readonly":o?"true":void 0,"aria-required":c?"true":void 0,"aria-invalid":h?"true":void 0,"aria-describedby":g?`${g}-${h?"validation":"helptext"}`:void 0,disabled:s,required:c,onChange:B,onBlur:f,onKeyDown:V,onFocus:L,size:E}));return H?t.createElement(l.az,{as:"div",className:q.rootComponentWithIcon},$(q.inputWithIcon),O):$()}F.displayName="BaseInput";var P=t.forwardRef(F),T=t.forwardRef((e,i)=>{var{className:a,testId:n="cf-ui-text-input",id:r,value:l,defaultValue:s,onChange:d,onFocus:o,isInvalid:u,isDisabled:c,isRequired:h,isReadOnly:g,size:p="medium",maxLength:f}=e,m=x(e,["className","testId","id","value","defaultValue","onChange","onFocus","isInvalid","isDisabled","isRequired","isReadOnly","size","maxLength"]);let b=R({id:r,isInvalid:u,isDisabled:c,isRequired:h,isReadOnly:g}),{setMaxLength:I,maxLength:w,setInputValue:C,inputValue:z}=b,D=x(b,["setMaxLength","maxLength","setInputValue","inputValue"]);(0,t.useEffect)(()=>{var e;void 0!==f&&"function"==typeof I&&(I(f),C(null!=(e=null!=l?l:s)?e:""))},[f,I,C,s,l]);let k=(0,t.useRef)(null);return t.createElement(P,y(v(v({type:"text"},m),D),{testId:n,ref:i||k,onChange:f?e=>{"function"==typeof C&&C(e.target.value),null==d||d(e)}:d,onFocus:o,as:"input",className:a,value:l,defaultValue:s,size:p,maxLength:f}))}),K=t.forwardRef((e,i)=>{let{children:a,className:n,spacing:s="none"}=e,o=x(e,["children","className","spacing"]),c=(({spacing:e,density:i})=>({inputGroup:(({spacing:e,density:i})=>{let a="high"===i?u().borderRadiusSmall:u().borderRadiusMedium,t="high"===i?{"& svg":{width:"14px",height:"14px"}}:{};return"none"!==e?(0,d.AH)(v({"& button, & input":{borderRadius:a,height:"auto"}},t)):(0,d.AH)(y(v({position:"relative","& button, & input":{borderRadius:"0 !important",height:"auto"}},t),{"& > *":{marginRight:"-1px !important","&:not(:focus), & button:not(:focus)":{boxShadow:"none !important"},"&:first-child, &:first-child > input, &:first-child button":{borderBottomLeftRadius:`${a} !important`,borderTopLeftRadius:`${a} !important`},"&:last-child, &:last-child > input, &:last-child button":{borderBottomRightRadius:`${a} !important`,borderTopRightRadius:`${a} !important`,marginRight:"0 !important"},"&:focus, &:focus-within":{zIndex:u().zIndexDefault+1}}}))})({spacing:e,density:i})}))({spacing:s,density:(0,r.Q3)()});return t.createElement(l.BJ,y(v({},o),{spacing:s,ref:i,fullWidth:!0,className:(0,d.cx)(c.inputGroup,n)}),a)}),j=T;function Q(e,i){var{children:a,onSubmit:n,testId:r="cf-ui-form-label"}=e,l=x(e,["children","onSubmit","testId"]);let s=(0,t.useCallback)(e=>{e.preventDefault(),n&&n(e)},[n]);return t.createElement("form",v({ref:i,"data-test-id":r,onSubmit:s},l),a)}j.Group=K,t.forwardRef((e,i)=>{let{testId:a="cf-ui-switch",id:n,isDisabled:r,isInvalid:l,isRequired:s,children:d}=e,o=x(e,["testId","id","isDisabled","isInvalid","isRequired","children"]),u=x(R({id:n,isDisabled:r,isInvalid:l,isRequired:s}),["inputValue","setInputValue","maxLength","setMaxLength","isReadOnly"]);return t.createElement(E,y(v(v({},u),o),{testId:a,type:"switch",ref:i}),d)}),t.forwardRef((e,i)=>{var{className:a,isDisabled:n,isInvalid:r,isRequired:l,isReadOnly:s,onChange:o,testId:c="cf-ui-textarea",id:h,resize:g="vertical",maxLength:p,value:f,defaultValue:m}=e,b=x(e,["className","isDisabled","isInvalid","isRequired","isReadOnly","onChange","testId","id","resize","maxLength","value","defaultValue"]);let I={root:(0,d.AH)({padding:`10px ${u().spacingS}`}),error:(0,d.AH)({"&:focus":{borderColor:u().red600,boxShadow:u().glowNegative}}),disabled:(0,d.AH)({"&:focus":{borderColor:u().gray300,boxShadow:"none"}})},w=R({id:h,isInvalid:r,isDisabled:n,isRequired:l,isReadOnly:s}),{setMaxLength:C,maxLength:z,setInputValue:D,inputValue:k}=w,H=x(w,["setMaxLength","maxLength","setInputValue","inputValue"]);return(0,t.useEffect)(()=>{var e;void 0!==p&&"function"==typeof C&&(C(p),D(null!=(e=null!=f?f:m)?e:""))},[m,p,D,C,f]),t.createElement(P,y(v(v({},b),H),{defaultValue:m,value:f,testId:c,as:"textarea",ref:i,className:(0,d.cx)(I.root,a,{[I.disabled]:n,[I.error]:r}),maxLength:p,resize:g,onChange:p?e=>{"function"==typeof D&&D(e.target.value),null==o||o(e)}:o}))}),t.forwardRef((e,i)=>{var{id:a,children:n,className:l,isInvalid:o,isDisabled:c,isRequired:h,testId:g="cf-ui-select",willBlurOnEsc:p=!0,onKeyDown:f,size:m="medium",value:b,defaultValue:I}=e,w=x(e,["id","children","className","isInvalid","isDisabled","isRequired","testId","willBlurOnEsc","onKeyDown","size","value","defaultValue"]);let C=R({isDisabled:c,isInvalid:o,isRequired:h,id:a}),z=(0,r.Q3)(),D=function({isInvalid:e,isDisabled:i,size:a,density:t}){let n=(0,d.AH)({width:"100%",display:"block",appearance:"none",backgroundColor:u().colorWhite,color:u().gray700,fontSize:u().fontSizeM,lineHeight:u().lineHeightM,fontFamily:u().fontStackPrimary,borderRadius:u().borderRadiusMedium,boxShadow:u().insetBoxShadowDefault,outline:"none",border:`1px solid ${u().gray300}

1`,cursor:"pointer",overflow:"hidden",textOverflow:"ellipsis","&::placeholder":{color:u().gray500},"&:focus":{outline:"none",boxShadow:u().glowPrimary,borderColor:u().blue500},"&:-moz-focusring":{color:"transparent",textShadow:"0 0 0 #000"},"&::-ms-expand":{display:"none"}}),r=(0,d.AH)({backgroundColor:u().gray100,cursor:"not-allowed",color:u().gray600,"&:focus, &:active":{borderColor:u().gray300}}),l=(0,d.AH)({borderColor:i?u().red300:u().red600,"&:focus":{borderColor:u().red600,boxShadow:u().glowNegative}});return{wrapper:(0,d.AH)({position:"relative",display:"block",width:"auto"}),select:(0,d.AH)([n,(()=>{switch(!0){case"small"===a:return{padding:`${u().spacing2Xs} ${u().spacingL} ${u().spacing2Xs} ${u().spacingXs}`,height:"32px"};case"medium"===a&&"high"===t:return{padding:`${u().spacing2Xs} ${u().spacingL} ${u().spacing2Xs} ${u().spacingXs}`,height:"32px",fontSize:u().fontSizeMHigh,lineHeight:u().lineHeightMHigh,borderRadius:u().borderRadiusSmall};default:return{padding:`10px ${u().spacingL} 10px ${u().spacingS}`,height:"40px"}}})(),i&&r,e&&l]),icon:(0,d.AH)({position:"absolute",right:u().spacingXs,top:"50%",marginTop:"-8px",pointerEvents:"none"})}}({isDisabled:C.isDisabled,isInvalid:C.isInvalid,size:m,density:z}),k=(0,t.useCallback)(e=>{"Escape"===e.nativeEvent.code&&p&&e.currentTarget.blur(),f&&f(e)},[f,p]);return t.createElement("div",{className:(0,d.cx)(D.wrapper,l)},t.createElement("select",y(v({},w),{id:C.id,"data-test-id":g,className:D.select,onKeyDown:k,required:C.isRequired,"aria-required":C.isRequired?"true":void 0,"aria-invalid":!!C.isInvalid||void 0,"aria-describedby":C.id?`${C.id}-${C.isInvalid?"validation":"helptext"}`:void 0,disabled:C.isDisabled,defaultValue:I,value:b,ref:i}),n),t.createElement(s.D3,{className:D.icon,variant:"muted"}))}).Option=e=>{var{testId:i="cf-ui-select-option",isDisabled:a}=e,n=x(e,["testId","isDisabled"]);return t.createElement("option",y(v({"data-test-id":i},n),{disabled:a}))},Q.displayName="Form";var G=(0,t.forwardRef)(Q)}}]);
2//# sourceMappingURL=9899-dbc630922adb119c.js.map