@department-of-veterans-affairs/component-library 54.4.2 → 54.5.1

package/dist/components/va-textarea.js

@@ -1 +1 @@
-import{p as proxyCustomElement,H,d as createEvent,f as forceUpdate,h,F as Fragment,c as Host}from"./p-ef5c0d66.js";import{c as classnames}from"./p-a5dce9e6.js";import"./p-6a3cf3d7.js";import{c as debounce,u as updateScreenReaderCount,e as getMaxLength,f as getCharacterMessage,i as isMessageSet,g as getHeaderLevel}from"./p-494b538e.js";import{i as instance}from"./p-a836c3e1.js";const vaTextareaCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:1.875rem}h2{font-size:1.5rem}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:1.875rem}h2{font-size:1.5rem}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-textarea,.usa-hint,.usa-input{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-textarea,.usa-input{border-width:1px;border-color:#565c65;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:0.5rem;max-width:30rem;padding:0.5rem;width:100%}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-input:disabled,.usa-input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:0;color:GrayText}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:2px solid GrayText}}.usa-input--error{border-width:0.25rem;border-color:#b50909;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-input--success{border-width:0.25rem;border-color:#00a91c;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-textarea:disabled:hover,.usa-textarea:disabled:active,.usa-textarea:disabled:focus,.usa-textarea:disabled.usa-focus,.usa-textarea[aria-disabled=true]:hover,.usa-textarea[aria-disabled=true]:active,.usa-textarea[aria-disabled=true]:focus,.usa-textarea[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{border:0;color:GrayText}.usa-textarea:disabled:hover,.usa-textarea:disabled:active,.usa-textarea:disabled:focus,.usa-textarea:disabled.usa-focus,.usa-textarea[aria-disabled=true]:hover,.usa-textarea[aria-disabled=true]:active,.usa-textarea[aria-disabled=true]:focus,.usa-textarea[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{border:2px solid GrayText}}.usa-textarea{height:10rem}.usa-character-count__status{display:inline-block;padding-top:0.25rem}.usa-character-count__status.usa-character-count__status--invalid{color:#b50909;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1024px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1023px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){padding-left:0}}h1 .usa-label,h2 .usa-label,h3 .usa-label,h4 .usa-label,h5 .usa-label,h6 .usa-label{font-family:inherit;font-size:inherit;font-weight:inherit}h1 .usa-label .usa-label--required,h2 .usa-label .usa-label--required,h3 .usa-label .usa-label--required,h4 .usa-label .usa-label--required,h5 .usa-label .usa-label--required,h6 .usa-label .usa-label--required{font-family:var(--font-source-sans);font-size:initial;font-weight:initial}:host{color:var(--vads-color-base);display:block;resize:both;font-family:var(--font-source-sans)}:host(:focus){outline:none !important}.usa-hint{display:block;font-weight:normal}textarea{-webkit-box-sizing:border-box;box-sizing:border-box}',VaTextareaStyle0=vaTextareaCss,VaTextarea$1=proxyCustomElement(class extends H{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.debouncedUpdateScreenReaderCount=debounce(updateScreenReaderCount,1e3),this.handleInput=e=>{const a=e.target;this.value=a.value,this.debouncedUpdateScreenReaderCount(this.charCountElement,this.value,getMaxLength(this.maxlength))},this.handleBlur=()=>{this.enableAnalytics&&this.value&&this.componentLibraryAnalytics.emit({componentName:"va-textarea",action:"blur",details:{label:this.label,value:this.value}})},this.label=void 0,this.error=void 0,this.placeholder=void 0,this.name=void 0,this.required=!1,this.hint=void 0,this.messageAriaDescribedby=void 0,this.maxlength=void 0,this.value=void 0,this.enableAnalytics=!1,this.labelHeaderLevel=void 0,this.headerAriaDescribedby=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.charcount=!1}connectedCallback(){instance.on("languageChanged",()=>{forceUpdate(this.el)})}disconnectedCallback(){instance.off("languageChanged")}componentDidRender(){this.charCountElement&&!this.charCountElement.innerText&&(this.charCountElement.innerText=getCharacterMessage(this.value,getMaxLength(this.maxlength)),setTimeout(()=>{this.charCountElement.setAttribute("aria-live","polite")},0))}render(){const{label:e,error:a,placeholder:t,name:r,required:s,value:i,hint:o,charcount:n,messageAriaDescribedby:l,useFormsPattern:d,formHeadingLevel:u,headerAriaDescribedby:c,formHeading:m}=this,b=getMaxLength(this.maxlength),f=`${a?"input-error-message":""} ${n&&b?"charcount-message":""} ${l?"input-message":""}`.trim()||null,p=`${d&&m?"form-question":""} ${d?"form-description":""} ${d&&e?"input-label":""}`.trim()||null,g=getHeaderLevel(this.labelHeaderLevel),v=c?"header-message":null,x=n&&(null==i?void 0:i.length)>b,y=classnames({"usa-label":!0,"usa-label--error":a}),w=classnames({"usa-textarea":!0,"usa-input--error":a}),k=classnames({"usa-hint":!0,"usa-character-count__status":n,"usa-character-count__status--invalid":n&&b&&(null==i?void 0:i.length)>b});let C=null;if("single"===d||"multiple"===d){const e=getHeaderLevel(u);C=h(Fragment,{key:"24f9b946173ebc8c111d01b37d353af001b08a78"},m&&h(e,{key:"339a89ac680930ecf31787c4e5569d65a10ad7b3",id:"form-question",part:"form-header"},m),h("div",{key:"1c8b286b75b940ee8339020ba460579f8e072cdb",id:"form-description"},h("slot",{key:"00cde737ee5dc0ca932f75096ec506aa96c61f0b",name:"form-description"})))}const T=h("label",{key:"255b31f042d7704992827f92d5d1caac78ff3a59",htmlFor:"input-type-textarea",id:"input-label",class:y,part:"label"},e,"multiple"===d&&c?h("span",{id:"header-message",class:"usa-sr-only"},h("span",null,e),h("span",null,c)):"multiple"===d?h("span",{id:"header-message",class:"usa-sr-only"},e):c?h("span",{id:"header-message",class:"usa-sr-only"},c):null,s&&h("span",{key:"53f624354ef85b75354330577c7872ec624e7090",class:"usa-label--required"}," ",instance.t("required")),o&&h("div",{key:"7d46de17ec0de169590c1e3a241add5218adf489",class:"usa-hint"},o));return h(Host,{key:"8b745bd6e95f720f66b860feda9ef6e59f8f7f6f"},C,h("div",{key:"1d09d1be40fa9689bbec3dae73f8d66eae3ad727",class:"input-wrap"},e&&g?h(g,{part:"header","aria-describedby":v},T):T,h("slot",{key:"ea6c2d3999d97dd100a5c9e037f6e70c7d5ca406"}),h("span",{key:"928943942585dbd43e81548e573329607b2b7da3",id:"input-error-message",role:"alert"},a&&h(Fragment,{key:"6707e241cf5283830dec87d30bc441792160d942"},h("span",{key:"8396b7050fd093f55020afbe8de35c6589d66d2c",class:"usa-sr-only"},instance.t("error")),h("span",{key:"a0b1606ac87b70424381c6ecf83cc32cdde728d1",class:"usa-error-message"},a))),h("textarea",{key:"bf772e6879bfd740b50a10a07ace914d616eb52b",class:w,"aria-describedby":f,"aria-invalid":a||x?"true":"false","aria-labelledby":p,onInput:this.handleInput,onBlur:this.handleBlur,id:"input-type-textarea",placeholder:t,name:r,maxLength:n?void 0:b,value:i,part:"input-type-textarea"}),!n&&b&&(null==i?void 0:i.length)>=b&&h("span",{key:"7c86219c5f617e90f0bcae56d37c079833e10fb5",class:k,"aria-live":"polite"},instance.t("max-chars",{length:b})),n&&b&&h(Fragment,{key:"278f15d970a824dc305cb7ad3f53823baabe89c6"},h("span",{key:"2272f75e92dffa6e6429c3bb31680351682366b8","aria-hidden":"true",class:k},getCharacterMessage(this.value,getMaxLength(this.maxlength))),h("span",{key:"e4ce3e648582ef0f7d45e7e775796b69e86a450e",id:"charcount-message",class:"usa-sr-only",ref:e=>this.charCountElement=e})),isMessageSet(l)&&h("span",{key:"d47dc199a00c63a8f079901b6e4e03778403cb79",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},l)))}get el(){return this}static get style(){return VaTextareaStyle0}},[1,"va-textarea",{label:[1],error:[1],placeholder:[1],name:[1],required:[4],hint:[1],messageAriaDescribedby:[1,"message-aria-describedby"],maxlength:[2],value:[1537],enableAnalytics:[4,"enable-analytics"],labelHeaderLevel:[1,"label-header-level"],headerAriaDescribedby:[1,"header-aria-describedby"],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"],charcount:[4]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-textarea"].forEach(e=>{"va-textarea"===e&&(customElements.get(e)||customElements.define(e,VaTextarea$1))})}const VaTextarea=VaTextarea$1,defineCustomElement=defineCustomElement$1;export{VaTextarea,defineCustomElement};
+import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./contacts.js";import{e as debounce,u as updateScreenReaderCount,f as getMaxLength,h as getCharacterMessage,i as isMessageSet,g as getHeaderLevel}from"./utils.js";import{i as instance}from"./i18next.js";const vaTextareaCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:1.875rem}h2{font-size:1.5rem}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:1.875rem}h2{font-size:1.5rem}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-textarea,.usa-hint,.usa-input{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-textarea,.usa-input{border-width:1px;border-color:#565c65;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:0.5rem;max-width:30rem;padding:0.5rem;width:100%}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-input:disabled,.usa-input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:0;color:GrayText}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:2px solid GrayText}}.usa-input--error{border-width:0.25rem;border-color:#b50909;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-input--success{border-width:0.25rem;border-color:#00a91c;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-textarea:disabled:hover,.usa-textarea:disabled:active,.usa-textarea:disabled:focus,.usa-textarea:disabled.usa-focus,.usa-textarea[aria-disabled=true]:hover,.usa-textarea[aria-disabled=true]:active,.usa-textarea[aria-disabled=true]:focus,.usa-textarea[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{border:0;color:GrayText}.usa-textarea:disabled:hover,.usa-textarea:disabled:active,.usa-textarea:disabled:focus,.usa-textarea:disabled.usa-focus,.usa-textarea[aria-disabled=true]:hover,.usa-textarea[aria-disabled=true]:active,.usa-textarea[aria-disabled=true]:focus,.usa-textarea[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{border:2px solid GrayText}}.usa-textarea{height:10rem}.usa-character-count__status{display:inline-block;padding-top:0.25rem}.usa-character-count__status.usa-character-count__status--invalid{color:#b50909;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1024px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1023px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){padding-left:0}}h1 .usa-label,h2 .usa-label,h3 .usa-label,h4 .usa-label,h5 .usa-label,h6 .usa-label{font-family:inherit;font-size:inherit;font-weight:inherit}h1 .usa-label .usa-label--required,h2 .usa-label .usa-label--required,h3 .usa-label .usa-label--required,h4 .usa-label .usa-label--required,h5 .usa-label .usa-label--required,h6 .usa-label .usa-label--required{font-family:var(--font-source-sans);font-size:initial;font-weight:initial}:host{color:var(--vads-color-base);display:block;resize:both;font-family:var(--font-source-sans)}:host(:focus){outline:none !important}.usa-hint{display:block;font-weight:normal}textarea{-webkit-box-sizing:border-box;box-sizing:border-box}',VaTextareaStyle0=vaTextareaCss;Build.isTesting&&instance.init({lng:"cimode"});const VaTextarea$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.debouncedUpdateScreenReaderCount=debounce(updateScreenReaderCount,1e3),this.handleInput=e=>{const a=e.target;this.value=a.value,this.debouncedUpdateScreenReaderCount(this.charCountElement,this.value,getMaxLength(this.maxlength))},this.handleBlur=()=>{this.enableAnalytics&&this.value&&this.componentLibraryAnalytics.emit({componentName:"va-textarea",action:"blur",details:{label:this.label,value:this.value}})},this.label=void 0,this.error=void 0,this.placeholder=void 0,this.name=void 0,this.required=!1,this.hint=void 0,this.messageAriaDescribedby=void 0,this.maxlength=void 0,this.value=void 0,this.enableAnalytics=!1,this.labelHeaderLevel=void 0,this.headerAriaDescribedby=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.charcount=!1}connectedCallback(){instance.on("languageChanged",()=>{forceUpdate(this.el)})}disconnectedCallback(){instance.off("languageChanged")}componentDidRender(){this.charCountElement&&!this.charCountElement.innerText&&(this.charCountElement.innerText=getCharacterMessage(this.value,getMaxLength(this.maxlength)),setTimeout(()=>{this.charCountElement.setAttribute("aria-live","polite")},0))}render(){const{label:e,error:a,placeholder:t,name:r,required:s,value:i,hint:o,charcount:n,messageAriaDescribedby:l,useFormsPattern:d,formHeadingLevel:u,headerAriaDescribedby:c,formHeading:m}=this,b=getMaxLength(this.maxlength),f=`${a?"input-error-message":""} ${n&&b?"charcount-message":""} ${l?"input-message":""}`.trim()||null,p=`${d&&m?"form-question":""} ${d?"form-description":""} ${d&&e?"input-label":""}`.trim()||null,g=getHeaderLevel(this.labelHeaderLevel),v=c?"header-message":null,x=n&&(null==i?void 0:i.length)>b,y=classnames({"usa-label":!0,"usa-label--error":a}),w=classnames({"usa-textarea":!0,"usa-input--error":a}),k=classnames({"usa-hint":!0,"usa-character-count__status":n,"usa-character-count__status--invalid":n&&b&&(null==i?void 0:i.length)>b});let T=null;if("single"===d||"multiple"===d){const e=getHeaderLevel(u);T=h(Fragment,{key:"b362bafa0e2632da58a2538dd5b52a13e979da6d"},m&&h(e,{key:"dbd41a3e3b509a51925677a5b310a86f146e8c20",id:"form-question",part:"form-header"},m),h("div",{key:"70ef66b85b2b9fbe9a20562e66cf86bfa65e54d0",id:"form-description"},h("slot",{key:"dbad1687851beb94a5a295fab983ba54dd6be1a3",name:"form-description"})))}const C=h("label",{key:"bb54caa82dcfdfb77d3c7cc5832617df4ff95a32",htmlFor:"input-type-textarea",id:"input-label",class:y,part:"label"},e,"multiple"===d&&c?h("span",{id:"header-message",class:"usa-sr-only"},h("span",null,e),h("span",null,c)):"multiple"===d?h("span",{id:"header-message",class:"usa-sr-only"},e):c?h("span",{id:"header-message",class:"usa-sr-only"},c):null,s&&h("span",{key:"ea87afc1173b4e2b8e0d37f014b8450a8990a6e0",class:"usa-label--required"}," ",instance.t("required")),o&&h("div",{key:"7a1f89c0e450e868ca11a7056263d241df8166d0",class:"usa-hint"},o));return h(Host,{key:"69068fdacf2dd7bc9ba84f092ddb2e040c86f51a"},T,h("div",{key:"1e6527f2110785d3ae39197338a3b66da5891926",class:"input-wrap"},e&&g?h(g,{part:"header","aria-describedby":v},C):C,h("slot",{key:"86b2f848afdf3419948dd9af5a30171e17f3844a"}),h("span",{key:"d599993ea24ac07b21fb80e2ce97fa9ae700ba11",id:"input-error-message",role:"alert"},a&&h(Fragment,{key:"0cffc5ca7945dc049194a7cb01d50e02af2ca76b"},h("span",{key:"9c764fb507accd478701ec4432f65c49a570374b",class:"usa-sr-only"},instance.t("error")),h("span",{key:"ac36c8f8cf9440f4097c898887179614eef411f3",class:"usa-error-message"},a))),h("textarea",{key:"1a692c621394270187d00a9a517eadddb4b0dc68",class:w,"aria-describedby":f,"aria-invalid":a||x?"true":"false","aria-labelledby":p,onInput:this.handleInput,onBlur:this.handleBlur,id:"input-type-textarea",placeholder:t,name:r,maxLength:n?void 0:b,value:i,part:"input-type-textarea"}),!n&&b&&(null==i?void 0:i.length)>=b&&h("span",{key:"8b523d5a4289a20aa46ae0ca524bb0b806981fd8",class:k,"aria-live":"polite"},instance.t("max-chars",{length:b})),n&&b&&h(Fragment,{key:"bb32ecd7057f987b21ca193738e3f77257d8301c"},h("span",{key:"ef7fe167ae012610f4afc418ba3c8f768265b410","aria-hidden":"true",class:k},getCharacterMessage(this.value,getMaxLength(this.maxlength))),h("span",{key:"1e873a31965705ea31192a1e583705013dbddf9e",id:"charcount-message",class:"usa-sr-only",ref:e=>this.charCountElement=e})),isMessageSet(l)&&h("span",{key:"58684ff6beaf3573b67f6ac8a66128f8fe43687a",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},l)))}get el(){return this}static get style(){return VaTextareaStyle0}},[1,"va-textarea",{label:[1],error:[1],placeholder:[1],name:[1],required:[4],hint:[1],messageAriaDescribedby:[1,"message-aria-describedby"],maxlength:[2],value:[1537],enableAnalytics:[4,"enable-analytics"],labelHeaderLevel:[1,"label-header-level"],headerAriaDescribedby:[1,"header-aria-describedby"],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"],charcount:[4]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-textarea"].forEach(e=>{"va-textarea"===e&&(customElements.get(e)||customElements.define(e,VaTextarea$1))})}const VaTextarea=VaTextarea$1,defineCustomElement=defineCustomElement$1;export{VaTextarea,defineCustomElement};

package/dist/react-bindings/index.d.ts

@@ -1,6 +1,67 @@
-/**
- * Re-export all components from ./components to maintain backward compatibility.
- * Consumers can import from '@department-of-veterans-affairs/web-components/react-bindings'
- * without needing to specify '/components' in the path.
- */
-export * from './components';
+import type { JSX } from '@department-of-veterans-affairs/web-components/dist/types';
+export declare const VaAccordion: import("react").ForwardRefExoticComponent<JSX.VaAccordion & Omit<import("react").HTMLAttributes<HTMLVaAccordionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaAccordionElement>>;
+export declare const VaAccordionItem: import("react").ForwardRefExoticComponent<JSX.VaAccordionItem & Omit<import("react").HTMLAttributes<HTMLVaAccordionItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaAccordionItemElement>>;
+export declare const VaAdditionalInfo: import("react").ForwardRefExoticComponent<JSX.VaAdditionalInfo & Omit<import("react").HTMLAttributes<HTMLVaAdditionalInfoElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaAdditionalInfoElement>>;
+export declare const VaAlert: import("react").ForwardRefExoticComponent<JSX.VaAlert & Omit<import("react").HTMLAttributes<HTMLVaAlertElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaAlertElement>>;
+export declare const VaAlertExpandable: import("react").ForwardRefExoticComponent<JSX.VaAlertExpandable & Omit<import("react").HTMLAttributes<HTMLVaAlertExpandableElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaAlertExpandableElement>>;
+export declare const VaAlertSignIn: import("react").ForwardRefExoticComponent<JSX.VaAlertSignIn & Omit<import("react").HTMLAttributes<HTMLVaAlertSignInElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaAlertSignInElement>>;
+export declare const VaBackToTop: import("react").ForwardRefExoticComponent<JSX.VaBackToTop & Omit<import("react").HTMLAttributes<HTMLVaBackToTopElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaBackToTopElement>>;
+export declare const VaBanner: import("react").ForwardRefExoticComponent<JSX.VaBanner & Omit<import("react").HTMLAttributes<HTMLVaBannerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaBannerElement>>;
+export declare const VaBreadcrumbs: import("react").ForwardRefExoticComponent<JSX.VaBreadcrumbs & Omit<import("react").HTMLAttributes<HTMLVaBreadcrumbsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaBreadcrumbsElement>>;
+export declare const VaButton: import("react").ForwardRefExoticComponent<JSX.VaButton & Omit<import("react").HTMLAttributes<HTMLVaButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaButtonElement>>;
+export declare const VaButtonIcon: import("react").ForwardRefExoticComponent<JSX.VaButtonIcon & Omit<import("react").HTMLAttributes<HTMLVaButtonIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaButtonIconElement>>;
+export declare const VaButtonPair: import("react").ForwardRefExoticComponent<JSX.VaButtonPair & Omit<import("react").HTMLAttributes<HTMLVaButtonPairElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaButtonPairElement>>;
+export declare const VaButtonSegmented: import("react").ForwardRefExoticComponent<JSX.VaButtonSegmented & Omit<import("react").HTMLAttributes<HTMLVaButtonSegmentedElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaButtonSegmentedElement>>;
+export declare const VaCard: import("react").ForwardRefExoticComponent<JSX.VaCard & Omit<import("react").HTMLAttributes<HTMLVaCardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaCardElement>>;
+export declare const VaCheckbox: import("react").ForwardRefExoticComponent<JSX.VaCheckbox & Omit<import("react").HTMLAttributes<HTMLVaCheckboxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaCheckboxElement>>;
+export declare const VaCheckboxGroup: import("react").ForwardRefExoticComponent<JSX.VaCheckboxGroup & Omit<import("react").HTMLAttributes<HTMLVaCheckboxGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaCheckboxGroupElement>>;
+export declare const VaComboBox: import("react").ForwardRefExoticComponent<JSX.VaComboBox & Omit<import("react").HTMLAttributes<HTMLVaComboBoxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaComboBoxElement>>;
+export declare const VaCrisisLineModal: import("react").ForwardRefExoticComponent<JSX.VaCrisisLineModal & Omit<import("react").HTMLAttributes<HTMLVaCrisisLineModalElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaCrisisLineModalElement>>;
+export declare const VaCriticalAction: import("react").ForwardRefExoticComponent<JSX.VaCriticalAction & Omit<import("react").HTMLAttributes<HTMLVaCriticalActionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaCriticalActionElement>>;
+export declare const VaDate: import("react").ForwardRefExoticComponent<JSX.VaDate & Omit<import("react").HTMLAttributes<HTMLVaDateElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaDateElement>>;
+export declare const VaFileInput: import("react").ForwardRefExoticComponent<JSX.VaFileInput & Omit<import("react").HTMLAttributes<HTMLVaFileInputElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaFileInputElement>>;
+export declare const VaFileInputMultiple: import("react").ForwardRefExoticComponent<JSX.VaFileInputMultiple & Omit<import("react").HTMLAttributes<HTMLVaFileInputMultipleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaFileInputMultipleElement>>;
+export declare const VaHeaderMinimal: import("react").ForwardRefExoticComponent<JSX.VaHeaderMinimal & Omit<import("react").HTMLAttributes<HTMLVaHeaderMinimalElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaHeaderMinimalElement>>;
+export declare const VaIcon: import("react").ForwardRefExoticComponent<JSX.VaIcon & Omit<import("react").HTMLAttributes<HTMLVaIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaIconElement>>;
+export declare const VaLanguageToggle: import("react").ForwardRefExoticComponent<JSX.VaLanguageToggle & Omit<import("react").HTMLAttributes<HTMLVaLanguageToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaLanguageToggleElement>>;
+export declare const VaLink: import("react").ForwardRefExoticComponent<JSX.VaLink & Omit<import("react").HTMLAttributes<HTMLVaLinkElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaLinkElement>>;
+export declare const VaLinkAction: import("react").ForwardRefExoticComponent<JSX.VaLinkAction & Omit<import("react").HTMLAttributes<HTMLVaLinkActionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaLinkActionElement>>;
+export declare const VaLoadingIndicator: import("react").ForwardRefExoticComponent<JSX.VaLoadingIndicator & Omit<import("react").HTMLAttributes<HTMLVaLoadingIndicatorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaLoadingIndicatorElement>>;
+export declare const VaMaintenanceBanner: import("react").ForwardRefExoticComponent<JSX.VaMaintenanceBanner & Omit<import("react").HTMLAttributes<HTMLVaMaintenanceBannerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaMaintenanceBannerElement>>;
+export declare const VaMemorableDate: import("react").ForwardRefExoticComponent<JSX.VaMemorableDate & Omit<import("react").HTMLAttributes<HTMLVaMemorableDateElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaMemorableDateElement>>;
+export declare const VaMinimalFooter: import("react").ForwardRefExoticComponent<JSX.VaMinimalFooter & Omit<import("react").HTMLAttributes<HTMLVaMinimalFooterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaMinimalFooterElement>>;
+export declare const VaModal: import("react").ForwardRefExoticComponent<JSX.VaModal & Omit<import("react").HTMLAttributes<HTMLVaModalElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaModalElement>>;
+export declare const VaNeedHelp: import("react").ForwardRefExoticComponent<JSX.VaNeedHelp & Omit<import("react").HTMLAttributes<HTMLVaNeedHelpElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaNeedHelpElement>>;
+export declare const VaNotification: import("react").ForwardRefExoticComponent<JSX.VaNotification & Omit<import("react").HTMLAttributes<HTMLVaNotificationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaNotificationElement>>;
+export declare const VaOfficialGovBanner: import("react").ForwardRefExoticComponent<JSX.VaOfficialGovBanner & Omit<import("react").HTMLAttributes<HTMLVaOfficialGovBannerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaOfficialGovBannerElement>>;
+export declare const VaOmbInfo: import("react").ForwardRefExoticComponent<JSX.VaOmbInfo & Omit<import("react").HTMLAttributes<HTMLVaOmbInfoElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaOmbInfoElement>>;
+export declare const VaOnThisPage: import("react").ForwardRefExoticComponent<JSX.VaOnThisPage & Omit<import("react").HTMLAttributes<HTMLVaOnThisPageElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaOnThisPageElement>>;
+export declare const VaPagination: import("react").ForwardRefExoticComponent<JSX.VaPagination & Omit<import("react").HTMLAttributes<HTMLVaPaginationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaPaginationElement>>;
+export declare const VaPrivacyAgreement: import("react").ForwardRefExoticComponent<JSX.VaPrivacyAgreement & Omit<import("react").HTMLAttributes<HTMLVaPrivacyAgreementElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaPrivacyAgreementElement>>;
+export declare const VaProcessList: import("react").ForwardRefExoticComponent<JSX.VaProcessList & Omit<import("react").HTMLAttributes<HTMLVaProcessListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaProcessListElement>>;
+export declare const VaProcessListItem: import("react").ForwardRefExoticComponent<JSX.VaProcessListItem & Omit<import("react").HTMLAttributes<HTMLVaProcessListItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaProcessListItemElement>>;
+export declare const VaProgressBar: import("react").ForwardRefExoticComponent<JSX.VaProgressBar & Omit<import("react").HTMLAttributes<HTMLVaProgressBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaProgressBarElement>>;
+export declare const VaPromoBanner: import("react").ForwardRefExoticComponent<JSX.VaPromoBanner & Omit<import("react").HTMLAttributes<HTMLVaPromoBannerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaPromoBannerElement>>;
+export declare const VaRadio: import("react").ForwardRefExoticComponent<JSX.VaRadio & Omit<import("react").HTMLAttributes<HTMLVaRadioElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaRadioElement>>;
+export declare const VaRadioOption: import("react").ForwardRefExoticComponent<JSX.VaRadioOption & Omit<import("react").HTMLAttributes<HTMLVaRadioOptionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaRadioOptionElement>>;
+export declare const VaSearchFilter: import("react").ForwardRefExoticComponent<JSX.VaSearchFilter & Omit<import("react").HTMLAttributes<HTMLVaSearchFilterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaSearchFilterElement>>;
+export declare const VaSearchInput: import("react").ForwardRefExoticComponent<JSX.VaSearchInput & Omit<import("react").HTMLAttributes<HTMLVaSearchInputElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaSearchInputElement>>;
+export declare const VaSegmentedProgressBar: import("react").ForwardRefExoticComponent<JSX.VaSegmentedProgressBar & Omit<import("react").HTMLAttributes<HTMLVaSegmentedProgressBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaSegmentedProgressBarElement>>;
+export declare const VaSelect: import("react").ForwardRefExoticComponent<JSX.VaSelect & Omit<import("react").HTMLAttributes<HTMLVaSelectElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaSelectElement>>;
+export declare const VaServiceListItem: import("react").ForwardRefExoticComponent<JSX.VaServiceListItem & Omit<import("react").HTMLAttributes<HTMLVaServiceListItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaServiceListItemElement>>;
+export declare const VaSidenav: import("react").ForwardRefExoticComponent<JSX.VaSidenav & Omit<import("react").HTMLAttributes<HTMLVaSidenavElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaSidenavElement>>;
+export declare const VaSidenavItem: import("react").ForwardRefExoticComponent<JSX.VaSidenavItem & Omit<import("react").HTMLAttributes<HTMLVaSidenavItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaSidenavItemElement>>;
+export declare const VaSidenavSubmenu: import("react").ForwardRefExoticComponent<JSX.VaSidenavSubmenu & Omit<import("react").HTMLAttributes<HTMLVaSidenavSubmenuElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaSidenavSubmenuElement>>;
+export declare const VaStatementOfTruth: import("react").ForwardRefExoticComponent<JSX.VaStatementOfTruth & Omit<import("react").HTMLAttributes<HTMLVaStatementOfTruthElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaStatementOfTruthElement>>;
+export declare const VaSummaryBox: import("react").ForwardRefExoticComponent<JSX.VaSummaryBox & Omit<import("react").HTMLAttributes<HTMLVaSummaryBoxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaSummaryBoxElement>>;
+export declare const VaTabItem: import("react").ForwardRefExoticComponent<JSX.VaTabItem & Omit<import("react").HTMLAttributes<HTMLVaTabItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaTabItemElement>>;
+export declare const VaTabPanel: import("react").ForwardRefExoticComponent<JSX.VaTabPanel & Omit<import("react").HTMLAttributes<HTMLVaTabPanelElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaTabPanelElement>>;
+export declare const VaTable: import("react").ForwardRefExoticComponent<JSX.VaTable & Omit<import("react").HTMLAttributes<HTMLVaTableElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaTableElement>>;
+export declare const VaTableInner: import("react").ForwardRefExoticComponent<JSX.VaTableInner & Omit<import("react").HTMLAttributes<HTMLVaTableInnerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaTableInnerElement>>;
+export declare const VaTableRow: import("react").ForwardRefExoticComponent<JSX.VaTableRow & Omit<import("react").HTMLAttributes<HTMLVaTableRowElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaTableRowElement>>;
+export declare const VaTabs: import("react").ForwardRefExoticComponent<JSX.VaTabs & Omit<import("react").HTMLAttributes<HTMLVaTabsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaTabsElement>>;
+export declare const VaTagStatus: import("react").ForwardRefExoticComponent<JSX.VaTagStatus & Omit<import("react").HTMLAttributes<HTMLVaTagStatusElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaTagStatusElement>>;
+export declare const VaTelephone: import("react").ForwardRefExoticComponent<JSX.VaTelephone & Omit<import("react").HTMLAttributes<HTMLVaTelephoneElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaTelephoneElement>>;
+export declare const VaTelephoneInput: import("react").ForwardRefExoticComponent<JSX.VaTelephoneInput & Omit<import("react").HTMLAttributes<HTMLVaTelephoneInputElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaTelephoneInputElement>>;
+export declare const VaTextInput: import("react").ForwardRefExoticComponent<JSX.VaTextInput & Omit<import("react").HTMLAttributes<HTMLVaTextInputElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaTextInputElement>>;
+export declare const VaTextarea: import("react").ForwardRefExoticComponent<JSX.VaTextarea & Omit<import("react").HTMLAttributes<HTMLVaTextareaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaTextareaElement>>;

package/dist/react-bindings/index.js

@@ -1 +1 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,i){void 0===i&&(i=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,i,n)}:function(e,t,r,i){void 0===i&&(i=r),e[i]=t[r]}),__exportStar=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||__createBinding(t,e,r)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./components"),exports);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VaServiceListItem=exports.VaSelect=exports.VaSegmentedProgressBar=exports.VaSearchInput=exports.VaSearchFilter=exports.VaRadioOption=exports.VaRadio=exports.VaPromoBanner=exports.VaProgressBar=exports.VaProcessListItem=exports.VaProcessList=exports.VaPrivacyAgreement=exports.VaPagination=exports.VaOnThisPage=exports.VaOmbInfo=exports.VaOfficialGovBanner=exports.VaNotification=exports.VaNeedHelp=exports.VaModal=exports.VaMinimalFooter=exports.VaMemorableDate=exports.VaMaintenanceBanner=exports.VaLoadingIndicator=exports.VaLinkAction=exports.VaLink=exports.VaLanguageToggle=exports.VaIcon=exports.VaHeaderMinimal=exports.VaFileInputMultiple=exports.VaFileInput=exports.VaDate=exports.VaCriticalAction=exports.VaCrisisLineModal=exports.VaComboBox=exports.VaCheckboxGroup=exports.VaCheckbox=exports.VaCard=exports.VaButtonSegmented=exports.VaButtonPair=exports.VaButtonIcon=exports.VaButton=exports.VaBreadcrumbs=exports.VaBanner=exports.VaBackToTop=exports.VaAlertSignIn=exports.VaAlertExpandable=exports.VaAlert=exports.VaAdditionalInfo=exports.VaAccordionItem=exports.VaAccordion=void 0,exports.VaTextarea=exports.VaTextInput=exports.VaTelephoneInput=exports.VaTelephone=exports.VaTagStatus=exports.VaTabs=exports.VaTableRow=exports.VaTableInner=exports.VaTable=exports.VaTabPanel=exports.VaTabItem=exports.VaSummaryBox=exports.VaStatementOfTruth=exports.VaSidenavSubmenu=exports.VaSidenavItem=exports.VaSidenav=void 0;var react_component_lib_1=require("./react-component-lib");exports.VaAccordion=(0,react_component_lib_1.createReactComponent)("va-accordion"),exports.VaAccordionItem=(0,react_component_lib_1.createReactComponent)("va-accordion-item"),exports.VaAdditionalInfo=(0,react_component_lib_1.createReactComponent)("va-additional-info"),exports.VaAlert=(0,react_component_lib_1.createReactComponent)("va-alert"),exports.VaAlertExpandable=(0,react_component_lib_1.createReactComponent)("va-alert-expandable"),exports.VaAlertSignIn=(0,react_component_lib_1.createReactComponent)("va-alert-sign-in"),exports.VaBackToTop=(0,react_component_lib_1.createReactComponent)("va-back-to-top"),exports.VaBanner=(0,react_component_lib_1.createReactComponent)("va-banner"),exports.VaBreadcrumbs=(0,react_component_lib_1.createReactComponent)("va-breadcrumbs"),exports.VaButton=(0,react_component_lib_1.createReactComponent)("va-button"),exports.VaButtonIcon=(0,react_component_lib_1.createReactComponent)("va-button-icon"),exports.VaButtonPair=(0,react_component_lib_1.createReactComponent)("va-button-pair"),exports.VaButtonSegmented=(0,react_component_lib_1.createReactComponent)("va-button-segmented"),exports.VaCard=(0,react_component_lib_1.createReactComponent)("va-card"),exports.VaCheckbox=(0,react_component_lib_1.createReactComponent)("va-checkbox"),exports.VaCheckboxGroup=(0,react_component_lib_1.createReactComponent)("va-checkbox-group"),exports.VaComboBox=(0,react_component_lib_1.createReactComponent)("va-combo-box"),exports.VaCrisisLineModal=(0,react_component_lib_1.createReactComponent)("va-crisis-line-modal"),exports.VaCriticalAction=(0,react_component_lib_1.createReactComponent)("va-critical-action"),exports.VaDate=(0,react_component_lib_1.createReactComponent)("va-date"),exports.VaFileInput=(0,react_component_lib_1.createReactComponent)("va-file-input"),exports.VaFileInputMultiple=(0,react_component_lib_1.createReactComponent)("va-file-input-multiple"),exports.VaHeaderMinimal=(0,react_component_lib_1.createReactComponent)("va-header-minimal"),exports.VaIcon=(0,react_component_lib_1.createReactComponent)("va-icon"),exports.VaLanguageToggle=(0,react_component_lib_1.createReactComponent)("va-language-toggle"),exports.VaLink=(0,react_component_lib_1.createReactComponent)("va-link"),exports.VaLinkAction=(0,react_component_lib_1.createReactComponent)("va-link-action"),exports.VaLoadingIndicator=(0,react_component_lib_1.createReactComponent)("va-loading-indicator"),exports.VaMaintenanceBanner=(0,react_component_lib_1.createReactComponent)("va-maintenance-banner"),exports.VaMemorableDate=(0,react_component_lib_1.createReactComponent)("va-memorable-date"),exports.VaMinimalFooter=(0,react_component_lib_1.createReactComponent)("va-minimal-footer"),exports.VaModal=(0,react_component_lib_1.createReactComponent)("va-modal"),exports.VaNeedHelp=(0,react_component_lib_1.createReactComponent)("va-need-help"),exports.VaNotification=(0,react_component_lib_1.createReactComponent)("va-notification"),exports.VaOfficialGovBanner=(0,react_component_lib_1.createReactComponent)("va-official-gov-banner"),exports.VaOmbInfo=(0,react_component_lib_1.createReactComponent)("va-omb-info"),exports.VaOnThisPage=(0,react_component_lib_1.createReactComponent)("va-on-this-page"),exports.VaPagination=(0,react_component_lib_1.createReactComponent)("va-pagination"),exports.VaPrivacyAgreement=(0,react_component_lib_1.createReactComponent)("va-privacy-agreement"),exports.VaProcessList=(0,react_component_lib_1.createReactComponent)("va-process-list"),exports.VaProcessListItem=(0,react_component_lib_1.createReactComponent)("va-process-list-item"),exports.VaProgressBar=(0,react_component_lib_1.createReactComponent)("va-progress-bar"),exports.VaPromoBanner=(0,react_component_lib_1.createReactComponent)("va-promo-banner"),exports.VaRadio=(0,react_component_lib_1.createReactComponent)("va-radio"),exports.VaRadioOption=(0,react_component_lib_1.createReactComponent)("va-radio-option"),exports.VaSearchFilter=(0,react_component_lib_1.createReactComponent)("va-search-filter"),exports.VaSearchInput=(0,react_component_lib_1.createReactComponent)("va-search-input"),exports.VaSegmentedProgressBar=(0,react_component_lib_1.createReactComponent)("va-segmented-progress-bar"),exports.VaSelect=(0,react_component_lib_1.createReactComponent)("va-select"),exports.VaServiceListItem=(0,react_component_lib_1.createReactComponent)("va-service-list-item"),exports.VaSidenav=(0,react_component_lib_1.createReactComponent)("va-sidenav"),exports.VaSidenavItem=(0,react_component_lib_1.createReactComponent)("va-sidenav-item"),exports.VaSidenavSubmenu=(0,react_component_lib_1.createReactComponent)("va-sidenav-submenu"),exports.VaStatementOfTruth=(0,react_component_lib_1.createReactComponent)("va-statement-of-truth"),exports.VaSummaryBox=(0,react_component_lib_1.createReactComponent)("va-summary-box"),exports.VaTabItem=(0,react_component_lib_1.createReactComponent)("va-tab-item"),exports.VaTabPanel=(0,react_component_lib_1.createReactComponent)("va-tab-panel"),exports.VaTable=(0,react_component_lib_1.createReactComponent)("va-table"),exports.VaTableInner=(0,react_component_lib_1.createReactComponent)("va-table-inner"),exports.VaTableRow=(0,react_component_lib_1.createReactComponent)("va-table-row"),exports.VaTabs=(0,react_component_lib_1.createReactComponent)("va-tabs"),exports.VaTagStatus=(0,react_component_lib_1.createReactComponent)("va-tag-status"),exports.VaTelephone=(0,react_component_lib_1.createReactComponent)("va-telephone"),exports.VaTelephoneInput=(0,react_component_lib_1.createReactComponent)("va-telephone-input"),exports.VaTextInput=(0,react_component_lib_1.createReactComponent)("va-text-input"),exports.VaTextarea=(0,react_component_lib_1.createReactComponent)("va-textarea");

package/dist/react-bindings/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA;;;;GAIG;AACH,+CAA6B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"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"}

package/dist/react-bindings/index.ts

@@ -1,6 +1,75 @@
-/**
- * Re-export all components from ./components to maintain backward compatibility.
- * Consumers can import from '@department-of-veterans-affairs/web-components/react-bindings'
- * without needing to specify '/components' in the path.
- */
-export * from './components';
+/* eslint-disable */
+/* tslint:disable */
+/* auto-generated react proxies */
+import { createReactComponent } from './react-component-lib';
+
+import type { JSX } from '@department-of-veterans-affairs/web-components/dist/types';
+
+
+
+export const VaAccordion = /*@__PURE__*/createReactComponent<JSX.VaAccordion, HTMLVaAccordionElement>('va-accordion');
+export const VaAccordionItem = /*@__PURE__*/createReactComponent<JSX.VaAccordionItem, HTMLVaAccordionItemElement>('va-accordion-item');
+export const VaAdditionalInfo = /*@__PURE__*/createReactComponent<JSX.VaAdditionalInfo, HTMLVaAdditionalInfoElement>('va-additional-info');
+export const VaAlert = /*@__PURE__*/createReactComponent<JSX.VaAlert, HTMLVaAlertElement>('va-alert');
+export const VaAlertExpandable = /*@__PURE__*/createReactComponent<JSX.VaAlertExpandable, HTMLVaAlertExpandableElement>('va-alert-expandable');
+export const VaAlertSignIn = /*@__PURE__*/createReactComponent<JSX.VaAlertSignIn, HTMLVaAlertSignInElement>('va-alert-sign-in');
+export const VaBackToTop = /*@__PURE__*/createReactComponent<JSX.VaBackToTop, HTMLVaBackToTopElement>('va-back-to-top');
+export const VaBanner = /*@__PURE__*/createReactComponent<JSX.VaBanner, HTMLVaBannerElement>('va-banner');
+export const VaBreadcrumbs = /*@__PURE__*/createReactComponent<JSX.VaBreadcrumbs, HTMLVaBreadcrumbsElement>('va-breadcrumbs');
+export const VaButton = /*@__PURE__*/createReactComponent<JSX.VaButton, HTMLVaButtonElement>('va-button');
+export const VaButtonIcon = /*@__PURE__*/createReactComponent<JSX.VaButtonIcon, HTMLVaButtonIconElement>('va-button-icon');
+export const VaButtonPair = /*@__PURE__*/createReactComponent<JSX.VaButtonPair, HTMLVaButtonPairElement>('va-button-pair');
+export const VaButtonSegmented = /*@__PURE__*/createReactComponent<JSX.VaButtonSegmented, HTMLVaButtonSegmentedElement>('va-button-segmented');
+export const VaCard = /*@__PURE__*/createReactComponent<JSX.VaCard, HTMLVaCardElement>('va-card');
+export const VaCheckbox = /*@__PURE__*/createReactComponent<JSX.VaCheckbox, HTMLVaCheckboxElement>('va-checkbox');
+export const VaCheckboxGroup = /*@__PURE__*/createReactComponent<JSX.VaCheckboxGroup, HTMLVaCheckboxGroupElement>('va-checkbox-group');
+export const VaComboBox = /*@__PURE__*/createReactComponent<JSX.VaComboBox, HTMLVaComboBoxElement>('va-combo-box');
+export const VaCrisisLineModal = /*@__PURE__*/createReactComponent<JSX.VaCrisisLineModal, HTMLVaCrisisLineModalElement>('va-crisis-line-modal');
+export const VaCriticalAction = /*@__PURE__*/createReactComponent<JSX.VaCriticalAction, HTMLVaCriticalActionElement>('va-critical-action');
+export const VaDate = /*@__PURE__*/createReactComponent<JSX.VaDate, HTMLVaDateElement>('va-date');
+export const VaFileInput = /*@__PURE__*/createReactComponent<JSX.VaFileInput, HTMLVaFileInputElement>('va-file-input');
+export const VaFileInputMultiple = /*@__PURE__*/createReactComponent<JSX.VaFileInputMultiple, HTMLVaFileInputMultipleElement>('va-file-input-multiple');
+export const VaHeaderMinimal = /*@__PURE__*/createReactComponent<JSX.VaHeaderMinimal, HTMLVaHeaderMinimalElement>('va-header-minimal');
+export const VaIcon = /*@__PURE__*/createReactComponent<JSX.VaIcon, HTMLVaIconElement>('va-icon');
+export const VaLanguageToggle = /*@__PURE__*/createReactComponent<JSX.VaLanguageToggle, HTMLVaLanguageToggleElement>('va-language-toggle');
+export const VaLink = /*@__PURE__*/createReactComponent<JSX.VaLink, HTMLVaLinkElement>('va-link');
+export const VaLinkAction = /*@__PURE__*/createReactComponent<JSX.VaLinkAction, HTMLVaLinkActionElement>('va-link-action');
+export const VaLoadingIndicator = /*@__PURE__*/createReactComponent<JSX.VaLoadingIndicator, HTMLVaLoadingIndicatorElement>('va-loading-indicator');
+export const VaMaintenanceBanner = /*@__PURE__*/createReactComponent<JSX.VaMaintenanceBanner, HTMLVaMaintenanceBannerElement>('va-maintenance-banner');
+export const VaMemorableDate = /*@__PURE__*/createReactComponent<JSX.VaMemorableDate, HTMLVaMemorableDateElement>('va-memorable-date');
+export const VaMinimalFooter = /*@__PURE__*/createReactComponent<JSX.VaMinimalFooter, HTMLVaMinimalFooterElement>('va-minimal-footer');
+export const VaModal = /*@__PURE__*/createReactComponent<JSX.VaModal, HTMLVaModalElement>('va-modal');
+export const VaNeedHelp = /*@__PURE__*/createReactComponent<JSX.VaNeedHelp, HTMLVaNeedHelpElement>('va-need-help');
+export const VaNotification = /*@__PURE__*/createReactComponent<JSX.VaNotification, HTMLVaNotificationElement>('va-notification');
+export const VaOfficialGovBanner = /*@__PURE__*/createReactComponent<JSX.VaOfficialGovBanner, HTMLVaOfficialGovBannerElement>('va-official-gov-banner');
+export const VaOmbInfo = /*@__PURE__*/createReactComponent<JSX.VaOmbInfo, HTMLVaOmbInfoElement>('va-omb-info');
+export const VaOnThisPage = /*@__PURE__*/createReactComponent<JSX.VaOnThisPage, HTMLVaOnThisPageElement>('va-on-this-page');
+export const VaPagination = /*@__PURE__*/createReactComponent<JSX.VaPagination, HTMLVaPaginationElement>('va-pagination');
+export const VaPrivacyAgreement = /*@__PURE__*/createReactComponent<JSX.VaPrivacyAgreement, HTMLVaPrivacyAgreementElement>('va-privacy-agreement');
+export const VaProcessList = /*@__PURE__*/createReactComponent<JSX.VaProcessList, HTMLVaProcessListElement>('va-process-list');
+export const VaProcessListItem = /*@__PURE__*/createReactComponent<JSX.VaProcessListItem, HTMLVaProcessListItemElement>('va-process-list-item');
+export const VaProgressBar = /*@__PURE__*/createReactComponent<JSX.VaProgressBar, HTMLVaProgressBarElement>('va-progress-bar');
+export const VaPromoBanner = /*@__PURE__*/createReactComponent<JSX.VaPromoBanner, HTMLVaPromoBannerElement>('va-promo-banner');
+export const VaRadio = /*@__PURE__*/createReactComponent<JSX.VaRadio, HTMLVaRadioElement>('va-radio');
+export const VaRadioOption = /*@__PURE__*/createReactComponent<JSX.VaRadioOption, HTMLVaRadioOptionElement>('va-radio-option');
+export const VaSearchFilter = /*@__PURE__*/createReactComponent<JSX.VaSearchFilter, HTMLVaSearchFilterElement>('va-search-filter');
+export const VaSearchInput = /*@__PURE__*/createReactComponent<JSX.VaSearchInput, HTMLVaSearchInputElement>('va-search-input');
+export const VaSegmentedProgressBar = /*@__PURE__*/createReactComponent<JSX.VaSegmentedProgressBar, HTMLVaSegmentedProgressBarElement>('va-segmented-progress-bar');
+export const VaSelect = /*@__PURE__*/createReactComponent<JSX.VaSelect, HTMLVaSelectElement>('va-select');
+export const VaServiceListItem = /*@__PURE__*/createReactComponent<JSX.VaServiceListItem, HTMLVaServiceListItemElement>('va-service-list-item');
+export const VaSidenav = /*@__PURE__*/createReactComponent<JSX.VaSidenav, HTMLVaSidenavElement>('va-sidenav');
+export const VaSidenavItem = /*@__PURE__*/createReactComponent<JSX.VaSidenavItem, HTMLVaSidenavItemElement>('va-sidenav-item');
+export const VaSidenavSubmenu = /*@__PURE__*/createReactComponent<JSX.VaSidenavSubmenu, HTMLVaSidenavSubmenuElement>('va-sidenav-submenu');
+export const VaStatementOfTruth = /*@__PURE__*/createReactComponent<JSX.VaStatementOfTruth, HTMLVaStatementOfTruthElement>('va-statement-of-truth');
+export const VaSummaryBox = /*@__PURE__*/createReactComponent<JSX.VaSummaryBox, HTMLVaSummaryBoxElement>('va-summary-box');
+export const VaTabItem = /*@__PURE__*/createReactComponent<JSX.VaTabItem, HTMLVaTabItemElement>('va-tab-item');
+export const VaTabPanel = /*@__PURE__*/createReactComponent<JSX.VaTabPanel, HTMLVaTabPanelElement>('va-tab-panel');
+export const VaTable = /*@__PURE__*/createReactComponent<JSX.VaTable, HTMLVaTableElement>('va-table');
+export const VaTableInner = /*@__PURE__*/createReactComponent<JSX.VaTableInner, HTMLVaTableInnerElement>('va-table-inner');
+export const VaTableRow = /*@__PURE__*/createReactComponent<JSX.VaTableRow, HTMLVaTableRowElement>('va-table-row');
+export const VaTabs = /*@__PURE__*/createReactComponent<JSX.VaTabs, HTMLVaTabsElement>('va-tabs');
+export const VaTagStatus = /*@__PURE__*/createReactComponent<JSX.VaTagStatus, HTMLVaTagStatusElement>('va-tag-status');
+export const VaTelephone = /*@__PURE__*/createReactComponent<JSX.VaTelephone, HTMLVaTelephoneElement>('va-telephone');
+export const VaTelephoneInput = /*@__PURE__*/createReactComponent<JSX.VaTelephoneInput, HTMLVaTelephoneInputElement>('va-telephone-input');
+export const VaTextInput = /*@__PURE__*/createReactComponent<JSX.VaTextInput, HTMLVaTextInputElement>('va-text-input');
+export const VaTextarea = /*@__PURE__*/createReactComponent<JSX.VaTextarea, HTMLVaTextareaElement>('va-textarea');

package/dist/react-bindings/react-component-lib/createComponent.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface HTMLStencilElement extends HTMLElement {
+    componentOnReady(): Promise<this>;
+}
+interface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {
+    forwardedRef: React.RefObject<ElementType>;
+    ref?: React.Ref<any>;
+}
+export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType>, manipulatePropsFunction?: (originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes, defineCustomElement?: () => void) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & import("./interfaces").StyleReactProps> & React.RefAttributes<ElementType>>;
+export {};

package/dist/react-bindings/react-component-lib/createComponent.js

@@ -0,0 +1 @@
+"use strict";var __extends=this&&this.__extends||function(){var e=function(t,r){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},e(t,r)};return function(t,r){if("function"!=typeof r&&null!==r)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");function n(){this.constructor=t}e(t,r),t.prototype=null===r?Object.create(r):(n.prototype=r.prototype,new n)}}(),__assign=this&&this.__assign||function(){return __assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},__assign.apply(this,arguments)},__createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__rest=this&&this.__rest||function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.createReactComponent=void 0;var react_1=__importStar(require("react")),utils_1=require("./utils"),createReactComponent=function(e,t,r,n){void 0!==n&&n();var o=(0,utils_1.dashToPascalCase)(e),i=function(t){function n(e){var r=t.call(this,e)||this;return r.setComponentElRef=function(e){r.componentEl=e},r}return __extends(n,t),n.prototype.componentDidMount=function(){this.componentDidUpdate(this.props)},n.prototype.componentDidUpdate=function(e){(0,utils_1.attachProps)(this.componentEl,this.props,e)},n.prototype.render=function(){var t=this.props,n=t.children,o=t.forwardedRef,i=t.style,s=(t.className,t.ref,__rest(t,["children","forwardedRef","style","className","ref"])),a=Object.keys(s).reduce(function(e,t){var r=s[t];if(0===t.indexOf("on")&&t[2]===t[2].toUpperCase()){var n=t.substring(2).toLowerCase();"undefined"!=typeof document&&(0,utils_1.isCoveredByReact)(n)&&(e[t]=r)}else{var o=typeof r;"string"!==o&&"boolean"!==o&&"number"!==o||(e[(0,utils_1.camelToDashCase)(t)]=r)}return e},{});r&&(a=r(this.props,a));var c=__assign(__assign({},a),{ref:(0,utils_1.mergeRefs)(o,this.setComponentElRef),style:i});return(0,react_1.createElement)(e,c,n)},Object.defineProperty(n,"displayName",{get:function(){return o},enumerable:!1,configurable:!0}),n}(react_1.default.Component);return t&&(i.contextType=t),(0,utils_1.createForwardRef)(i,o)};exports.createReactComponent=createReactComponent;

package/dist/react-bindings/react-component-lib/createComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createComponent.js","sourceRoot":"","sources":["createComponent.tsx"],"names":[],"mappings":"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"}

package/dist/react-bindings/react-component-lib/createComponent.tsx

@@ -0,0 +1,106 @@
+import React, { createElement } from 'react';
+
+import { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';
+
+export interface HTMLStencilElement extends HTMLElement {
+  componentOnReady(): Promise<this>;
+}
+
+interface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {
+  forwardedRef: React.RefObject<ElementType>;
+  ref?: React.Ref<any>;
+}
+
+export const createReactComponent = <
+  PropType,
+  ElementType extends HTMLStencilElement,
+  ContextStateType = {},
+  ExpandedPropsTypes = {}
+>(
+  tagName: string,
+  ReactComponentContext?: React.Context<ContextStateType>,
+  manipulatePropsFunction?: (
+    originalProps: StencilReactInternalProps<ElementType>,
+    propsToPass: any
+  ) => ExpandedPropsTypes,
+  defineCustomElement?: () => void
+) => {
+  if (defineCustomElement !== undefined) {
+    defineCustomElement();
+  }
+
+  const displayName = dashToPascalCase(tagName);
+  const ReactComponent = class extends React.Component<StencilReactInternalProps<ElementType>> {
+    componentEl!: ElementType;
+
+    setComponentElRef = (element: ElementType) => {
+      this.componentEl = element;
+    };
+
+    constructor(props: StencilReactInternalProps<ElementType>) {
+      super(props);
+    }
+
+    componentDidMount() {
+      this.componentDidUpdate(this.props);
+    }
+
+    componentDidUpdate(prevProps: StencilReactInternalProps<ElementType>) {
+      attachProps(this.componentEl, this.props, prevProps);
+    }
+
+    render() {
+      const { children, forwardedRef, style, className, ref, ...cProps } = this.props;
+
+      let propsToPass = Object.keys(cProps).reduce((acc: any, name) => {
+        const value = (cProps as any)[name];
+
+        if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
+          const eventName = name.substring(2).toLowerCase();
+          if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {
+            acc[name] = value;
+          }
+        } else {
+          // we should only render strings, booleans, and numbers as attrs in html.
+          // objects, functions, arrays etc get synced via properties on mount.
+          const type = typeof value;
+
+          if (type === 'string' || type === 'boolean' || type === 'number') {
+            acc[camelToDashCase(name)] = value;
+          }
+        }
+        return acc;
+      }, {} as ExpandedPropsTypes);
+
+      if (manipulatePropsFunction) {
+        propsToPass = manipulatePropsFunction(this.props, propsToPass);
+      }
+
+      const newProps: Omit<StencilReactInternalProps<ElementType>, 'forwardedRef'> = {
+        ...propsToPass,
+        ref: mergeRefs(forwardedRef, this.setComponentElRef),
+        style,
+      };
+
+      /**
+       * We use createElement here instead of
+       * React.createElement to work around a
+       * bug in Vite (https://github.com/vitejs/vite/issues/6104).
+       * React.createElement causes all elements to be rendered
+       * as <tagname> instead of the actual Web Component.
+       */
+      return createElement(tagName, newProps, children);
+    }
+
+    static get displayName() {
+      return displayName;
+    }
+  };
+
+  // If context was passed to createReactComponent then conditionally add it to the Component Class
+  if (ReactComponentContext) {
+    ReactComponent.contextType = ReactComponentContext;
+  }
+
+  return createForwardRef<PropType, ElementType>(ReactComponent, displayName);
+};

package/dist/react-bindings/react-component-lib/createOverlayComponent.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { OverlayEventDetail } from './interfaces';
+import { StencilReactForwardedRef } from './utils';
+interface OverlayElement extends HTMLElement {
+    present: () => Promise<void>;
+    dismiss: (data?: any, role?: string | undefined) => Promise<boolean>;
+}
+export interface ReactOverlayProps {
+    children?: React.ReactNode;
+    isOpen: boolean;
+    onDidDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
+    onDidPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
+    onWillDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
+    onWillPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
+}
+export declare const createOverlayComponent: <OverlayComponent extends object, OverlayType extends OverlayElement>(tagName: string, controller: {
+    create: (options: any) => Promise<OverlayType>;
+}, customElement?: any) => React.ForwardRefExoticComponent<React.PropsWithoutRef<OverlayComponent & ReactOverlayProps & {
+    forwardedRef?: StencilReactForwardedRef<OverlayType>;
+}> & React.RefAttributes<OverlayType>>;
+export {};

package/dist/react-bindings/react-component-lib/createOverlayComponent.js

@@ -0,0 +1 @@
+"use strict";var __extends=this&&this.__extends||function(){var t=function(e,n){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])},t(e,n)};return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),__assign=this&&this.__assign||function(){return __assign=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},__assign.apply(this,arguments)},__awaiter=this&&this.__awaiter||function(t,e,n,r){return new(n||(n=Promise))(function(o,s){function i(t){try{l(r.next(t))}catch(t){s(t)}}function a(t){try{l(r.throw(t))}catch(t){s(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof n?e:new n(function(t){t(e)})).then(i,a)}l((r=r.apply(t,e||[])).next())})},__generator=this&&this.__generator||function(t,e){var n,r,o,s,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return s={next:a(0),throw:a(1),return:a(2)},"function"==typeof Symbol&&(s[Symbol.iterator]=function(){return this}),s;function a(a){return function(l){return function(a){if(n)throw new TypeError("Generator is already executing.");for(;s&&(s=0,a[0]&&(i=0)),i;)try{if(n=1,r&&(o=2&a[0]?r.return:a[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;switch(r=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return i.label++,{value:a[1],done:!1};case 5:i.label++,r=a[1],a=[0];continue;case 7:a=i.ops.pop(),i.trys.pop();continue;default:if(!((o=(o=i.trys).length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){i=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(6===a[0]&&i.label<o[1]){i.label=o[1],o=a;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(a);break}o[2]&&i.ops.pop(),i.trys.pop();continue}a=e.call(t,i)}catch(t){a=[6,t],r=0}finally{n=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,l])}}},__rest=this&&this.__rest||function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(n[r[o]]=t[r[o]])}return n},__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.createOverlayComponent=void 0;var react_1=__importDefault(require("react")),react_dom_1=__importDefault(require("react-dom")),utils_1=require("./utils"),createOverlayComponent=function(t,e,n){(0,utils_1.defineCustomElement)(t,n);var r=(0,utils_1.dashToPascalCase)(t),o="on".concat(r,"DidDismiss"),s="on".concat(r,"DidPresent"),i="on".concat(r,"WillDismiss"),a="on".concat(r,"WillPresent"),l=!1,p=function(t){function n(e){var n=t.call(this,e)||this;return"undefined"!=typeof document&&(n.el=document.createElement("div")),n.handleDismiss=n.handleDismiss.bind(n),n}return __extends(n,t),Object.defineProperty(n,"displayName",{get:function(){return r},enumerable:!1,configurable:!0}),n.prototype.componentDidMount=function(){this.props.isOpen&&this.present()},n.prototype.componentWillUnmount=function(){this.overlay&&this.overlay.dismiss()},n.prototype.handleDismiss=function(t){this.props.onDidDismiss&&this.props.onDidDismiss(t),(0,utils_1.setRef)(this.props.forwardedRef,null)},n.prototype.shouldComponentUpdate=function(t){return this.overlay&&t.isOpen!==this.props.isOpen&&!1===t.isOpen&&(l=!0),!0},n.prototype.componentDidUpdate=function(t){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(e){switch(e.label){case 0:return this.overlay&&(0,utils_1.attachProps)(this.overlay,this.props,t),t.isOpen!==this.props.isOpen&&!0===this.props.isOpen&&this.present(t),this.overlay&&t.isOpen!==this.props.isOpen&&!1===this.props.isOpen?[4,this.overlay.dismiss()]:[3,2];case 1:e.sent(),l=!1,this.forceUpdate(),e.label=2;case 2:return[2]}})})},n.prototype.present=function(t){return __awaiter(this,void 0,void 0,function(){var n,r,l,p,u,c=this;return __generator(this,function(f){switch(f.label){case 0:return(n=this.props).children,n.isOpen,n.onDidDismiss,n.onDidPresent,n.onWillDismiss,n.onWillPresent,r=__rest(n,["children","isOpen","onDidDismiss","onDidPresent","onWillDismiss","onWillPresent"]),l=__assign(__assign({},r),((u={ref:this.props.forwardedRef})[o]=this.handleDismiss,u[s]=function(t){return c.props.onDidPresent&&c.props.onDidPresent(t)},u[i]=function(t){return c.props.onWillDismiss&&c.props.onWillDismiss(t)},u[a]=function(t){return c.props.onWillPresent&&c.props.onWillPresent(t)},u)),p=this,[4,e.create(__assign(__assign({},l),{component:this.el,componentProps:{}}))];case 1:return p.overlay=f.sent(),(0,utils_1.setRef)(this.props.forwardedRef,this.overlay),(0,utils_1.attachProps)(this.overlay,l,t),[4,this.overlay.present()];case 2:return f.sent(),[2]}})})},n.prototype.render=function(){return react_dom_1.default.createPortal(this.props.isOpen||l?this.props.children:null,this.el)},n}(react_1.default.Component);return react_1.default.forwardRef(function(t,e){return react_1.default.createElement(p,__assign({},t,{forwardedRef:e}))})};exports.createOverlayComponent=createOverlayComponent;

package/dist/react-bindings/react-component-lib/createOverlayComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createOverlayComponent.js","sourceRoot":"","sources":["createOverlayComponent.tsx"],"names":[],"mappings":"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"}