@metrostar/comet-uswds
Advanced tools
Comparing version 3.0.1 to 3.1.0
@@ -14,4 +14,8 @@ import React, { ReactNode, SyntheticEvent } from 'react'; | ||
*/ | ||
variant?: 'default' | 'secondary' | 'accent-cool' | 'accent-warm' | 'base' | 'outline' | 'outline-inverse' | 'big' | 'unstyled'; | ||
variant?: 'default' | 'secondary' | 'accent-cool' | 'accent-warm' | 'base' | 'outline' | 'outline-inverse' | 'unstyled'; | ||
/** | ||
* The size of the button | ||
*/ | ||
size?: 'default' | 'big'; | ||
/** | ||
* A custom class to apply to the component | ||
@@ -32,3 +36,3 @@ */ | ||
*/ | ||
export declare const Button: ({ id, type, variant, className, children, ...props }: ButtonProps & JSX.IntrinsicElements['button']) => React.ReactElement; | ||
export declare const Button: ({ id, type, variant, size, className, children, ...props }: ButtonProps & JSX.IntrinsicElements['button']) => React.ReactElement; | ||
export default Button; |
@@ -1,2 +0,2 @@ | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),a=require("@uswds/uswds/js/usa-accordion"),t=require("@uswds/uswds/js/usa-banner"),r=require("@uswds/uswds/img/us_flag_small.png"),n=require("@uswds/uswds/img/icon-https.svg"),i=require("@uswds/uswds/img/icon-dot-gov.svg"),l=require("@uswds/uswds/js/usa-character-count"),c=require("@uswds/uswds/js/usa-combo-box"),o=require("@uswds/uswds/js/usa-date-picker"),d=require("@uswds/uswds/js/usa-date-range-picker"),u=require("@uswds/uswds/js/usa-file-input"),m=require("@uswds/uswds/img/sprite.svg"),h=require("@uswds/uswds/js/usa-input-mask"),b=require("@uswds/uswds/js/usa-modal"),g=require("@uswds/uswds/img/usa-icons-bg/search--white.svg"),p=require("@uswds/uswds/js/usa-table"),j=require("@uswds/uswds/js/usa-time-picker"),x=require("@uswds/uswds/js/usa-tooltip"),f=require("@uswds/uswds/js/usa-header");function _(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=_(s),O=_(a),N=_(t),y=_(r),C=_(n),k=_(i),w=_(l),S=_(c),q=_(o),$=_(d),T=_(u),E=_(m),F=_(h),L=_(b),V=_(g),M=_(p),P=_(j),A=_(x),D=_(f);function I(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var R,B={exports:{}}; | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),a=require("@uswds/uswds/js/usa-accordion"),t=require("@uswds/uswds/js/usa-banner"),r=require("@uswds/uswds/img/us_flag_small.png"),n=require("@uswds/uswds/img/icon-https.svg"),i=require("@uswds/uswds/img/icon-dot-gov.svg"),l=require("@uswds/uswds/js/usa-character-count"),c=require("@uswds/uswds/js/usa-combo-box"),o=require("@uswds/uswds/js/usa-date-picker"),d=require("@uswds/uswds/js/usa-date-range-picker"),u=require("@uswds/uswds/js/usa-file-input"),m=require("@uswds/uswds/img/sprite.svg"),h=require("@uswds/uswds/js/usa-input-mask"),b=require("@uswds/uswds/js/usa-modal"),g=require("@uswds/uswds/img/usa-icons-bg/search--white.svg"),p=require("@uswds/uswds/js/usa-table"),j=require("@uswds/uswds/js/usa-time-picker"),x=require("@uswds/uswds/js/usa-tooltip"),f=require("@uswds/uswds/js/usa-header");function _(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=_(s),O=_(a),N=_(t),y=_(r),C=_(n),k=_(i),w=_(l),S=_(c),q=_(o),$=_(d),T=_(u),E=_(m),F=_(h),L=_(b),V=_(g),M=_(p),P=_(j),A=_(x),D=_(f);function I(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var R,z={exports:{}}; | ||
/*! | ||
@@ -6,3 +6,3 @@ Copyright (c) 2018 Jed Watson. | ||
http://jedwatson.github.io/classnames | ||
*/R=B,function(){var e={}.hasOwnProperty;function s(){for(var e="",s=0;s<arguments.length;s++){var r=arguments[s];r&&(e=t(e,a(r)))}return e}function a(a){if("string"==typeof a||"number"==typeof a)return a;if("object"!=typeof a)return"";if(Array.isArray(a))return s.apply(null,a);if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]"))return a.toString();var r="";for(var n in a)e.call(a,n)&&a[n]&&(r=t(r,n));return r}function t(e,s){return s?e?e+" "+s:e+s:e}R.exports?(s.default=s,R.exports=s):window.classNames=s}();var z=I(B.exports);function H(e,s){void 0===s&&(s={});var a=s.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===a&&t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}H(".accordion-item {\n margin: 10px;\n border: none;\n}\n");const U=({id:s,label:a,expanded:t,children:r})=>e.jsxs("div",Object.assign({className:"accordion-item","data-testid":"accordion-item"},{children:[e.jsx("h4",Object.assign({className:"usa-accordion__heading"},{children:e.jsx("button",Object.assign({type:"button",className:"usa-accordion__button","data-testid":"accordion-button","aria-expanded":t,"aria-controls":s},{children:a}))})),e.jsx("div",Object.assign({id:s,className:"usa-accordion__content usa-prose text-left","data-testid":"accordion-content",hidden:!t},{children:r}))]})),Y={gov:"government",mil:"U.S. Department of Defense"},G=({path:s,name:a,action:t})=>e.jsx("li",Object.assign({className:"usa-breadcrumb__list-item"},{children:e.jsx("span",Object.assign({className:"usa-breadcrumb__link span-link","data-testid":"breadcrumb-link",onClick:()=>!!t&&t(s)},{children:e.jsx("span",{children:a})}))}));function J(e,s){var a={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&s.indexOf(t)<0&&(a[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(t=Object.getOwnPropertySymbols(e);r<t.length;r++)s.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(e,t[r])&&(a[t[r]]=e[t[r]])}return a}"function"==typeof SuppressedError&&SuppressedError;const K=s=>{var{htmlFor:a,required:t,children:r}=s,n=J(s,["htmlFor","required","children"]);return e.jsxs("label",Object.assign({className:"usa-label",htmlFor:a},n,{children:[r,t&&e.jsx("span",Object.assign({className:"text-red"},{children:" *"}))]}))},Q=({id:s,children:a})=>e.jsx("span",Object.assign({id:s,className:"usa-hint"},{children:a})),W=({id:s,errors:a,children:t})=>t||a?("string"==typeof a&&(a=[a]),e.jsx(e.Fragment,{children:null!=t?t:null==a?void 0:a.map(((a,t)=>e.jsx("span",Object.assign({id:`${s}-${t}`,className:"usa-error-message"},{children:a}),t)))})):e.jsx(e.Fragment,{}),X=({id:a,required:t,label:r,helperText:n,errors:i,validationStatus:l,className:c,fieldControl:o,children:d})=>{const u=z("usa-form-group",{"usa-form-group--error":!!(i&&i.length>0)||"error"===l},c);if(!d&&!o)return e.jsx(e.Fragment,{});if(d)return e.jsx("div",Object.assign({id:a,className:u},{children:d}));let m=s.isValidElement(o)?o.props.id:void 0;const h=s.isValidElement(o)?o:void 0;let b=h;const g=null==b?void 0:b.props.className;if("usa-combo-box"===g||"usa-time-picker"===g||"usa-date-picker"===g){const e=null==h?void 0:h.props.children;m=null==e?void 0:e.props.id}else h&&(b=v.default.cloneElement(h,{"aria-describedby":`${a}-helper-text`}));return e.jsxs("div",Object.assign({id:a,className:u},{children:[r?e.jsx(K,Object.assign({htmlFor:m,required:t},{children:r})):e.jsx(e.Fragment,{}),n?e.jsx(Q,Object.assign({id:`${a}-helper-text`},{children:n})):e.jsx(e.Fragment,{}),i?e.jsx(W,{id:`${a}-errors`,errors:i}):e.jsx(e.Fragment,{}),b]}))},Z=s=>{var{id:a,name:t,label:r,checked:n,defaultChecked:i,isTile:l,onChange:c,onClick:o}=s,d=J(s,["id","name","label","checked","defaultChecked","isTile","onChange","onClick"]);const u=`${a}__usa-checkbox__input`,m=z("usa-checkbox__input",{"usa-checkbox__input--tile":l});return e.jsxs("div",Object.assign({id:a,className:"usa-checkbox"},{children:[e.jsx("input",Object.assign({className:m,id:u,type:"checkbox",name:t,checked:n,defaultChecked:i,onChange:c,onClick:o},d)),e.jsx("label",Object.assign({className:"usa-checkbox__label",htmlFor:u},{children:r}))]}))},ee=(s,a)=>s&&e.jsx("option",Object.assign({value:s.value},{children:s.label}),a);function se(e){if("string"==typeof e){return new Date(e).toISOString().substring(0,10)}return e.toISOString().substring(0,10)}const ae=(e,s)=>{let a=null!=s?s:void 0;switch(e){case"ssn":a="^(?!(000|666|9))d{3} (?!00)d{2} (?!0000)d{4}$";break;case"phone_number":a="\\d{3}-\\d{3}-\\d{4}";break;case"zip_5_digit":a="\\d{5}";break;case"zip_9_digit":a="^[0-9]{5}(?:-[0-9]{4})?$"}return a},te=(e,s)=>{let a=null!=s?s:void 0;switch(e){case"ssn":a="___ __ ____";break;case"phone_number":a="___-___-____";break;case"zip_5_digit":a="_____";break;case"zip_9_digit":a="_____-____"}return a},re=(e,s)=>{let a=null!=s?s:"text";if("phone_number"===e)a="tel";return a},ne=(e,s)=>{let a=null!=s?s:"text";switch(e){case"ssn":case"phone_number":case"zip_5_digit":case"zip_9_digit":a="numeric"}return a};function ie(e,s,a){const t=[];for(;e<=s;e++)t.push(a(e));return t}function le(s,a,t,r,n){const i=s===a,l=t-1===s?`last page, page ${s+1}`:`page ${s+1}`;return e.jsx("li",Object.assign({className:"usa-pagination__item usa-pagination__page-no"},{children:e.jsx("a",Object.assign({href:r(s),onClick:e=>n(e,s),className:z("usa-pagination__button",{"usa-current":i}),"aria-label":l,"aria-current":i?"page":void 0},{children:`${s+1}`}))}),s)}H(".current.usa-process-list__item::before {\n border: 0.25rem solid #005ea2;\n background-color: #005ea2;\n color: #fff;\n}\n\n.current.usa-process-list__item {\n border-left: 0.5rem solid #005ea2;\n}\n\n.current.usa-process-list__heading {\n color: #005ea2;\n}\n\n.completed.usa-process-list__item::before {\n border: 0.25rem solid #162e51;\n background-color: #162e51;\n color: #fff;\n}\n\n.completed.usa-process-list__item:not(.last) {\n border-left: 0.5rem solid #162e51;\n}\n\n.completed.usa-process-list__heading {\n color: #162e51;\n}\n");const ce=({heading:s,headingClassName:a,headingElementName:t="h4",isCurrentStep:r,isCompletedStep:n,isLastStep:i,children:l})=>{const c=z("usa-process-list__item",{current:r&&!n,completed:n,last:i}),o=z("usa-process-list__heading",{current:r&&!n,completed:n,last:i},a);return e.jsxs("li",Object.assign({className:c},{children:[v.default.createElement(t,{className:o},s),l]}))},oe=s=>{var{id:a,name:t,label:r,checked:n,defaultChecked:i,isTile:l,onChange:c,onClick:o}=s,d=J(s,["id","name","label","checked","defaultChecked","isTile","onChange","onClick"]);const u=`${a}__usa-radio__input`,m=z("usa-radio__input",{"usa-radio__input--tile":l});return e.jsxs("div",Object.assign({id:a,className:"usa-radio"},{children:[e.jsx("input",Object.assign({className:m,id:u,type:"radio",name:t,checked:n,defaultChecked:i,onChange:c,onClick:o},d)),e.jsx("label",Object.assign({className:"usa-radio__label",htmlFor:u},{children:r}))]}))},de=({items:s,anchor:a})=>e.jsxs("li",Object.assign({className:"usa-sidenav__item"},{children:[a,s&&s.length>0&&e.jsx("ul",Object.assign({className:"usa-sidenav__sublist"},{children:s.map(((s,a)=>e.jsx(de,{items:s.items,anchor:s.anchor},`side-nav-item-sublist-${a}`)))}))]}));exports.Accordion=({id:a,allowMultiSelect:t=!1,items:r,children:n})=>{if(!n&&!r)return e.jsx(e.Fragment,{});const i=s.useRef(null);return s.useEffect((()=>{const e=i.current;return e&&e.querySelectorAll("button").forEach((e=>{O.default.on(e)})),()=>{e&&e.querySelectorAll("button").forEach((e=>{O.default.off(e)}))}})),e.jsx("div",Object.assign({id:a,ref:i,className:z("usa-accordion",{"usa-accordion--multiselectable":t}),"data-allow-multiple":!!t||void 0},{children:null!=n?n:null==r?void 0:r.map(((s,a)=>e.jsx(U,Object.assign({id:s.id,label:s.label,expanded:s.expanded},{children:s.children}),`accordion-item-${a}`)))}))},exports.AccordionItem=U,exports.Alert=({id:s,type:a,show:t=!0,slim:r,noIcon:n,heading:i,body:l,children:c})=>{const o=z("usa-alert",{"usa-alert--success":"success"===a,"usa-alert--warning":"warning"===a,"usa-alert--error":"error"===a,"usa-alert--emergency":"emergency"===a,"usa-alert--info":"info"===a,"usa-alert--slim":r,"usa-alert--no-icon":n});return t?e.jsx("div",Object.assign({id:s,className:o},{children:e.jsxs("div",Object.assign({className:"usa-alert__body"},{children:[i&&e.jsx("h4",Object.assign({className:"usa-alert__heading"},{children:i})),null!=l?l:e.jsx("p",Object.assign({className:"usa-alert__text"},{children:c}))]}))})):e.jsx(e.Fragment,{})},exports.Banner=({id:a,type:t="gov"})=>{const[r]=s.useState(!1),n=s.useRef(null);return s.useEffect((()=>{const e=n.current;return N.default.on(e),O.default.on(e),()=>{N.default.off(e),O.default.off(e)}})),e.jsx("section",Object.assign({id:a,className:"usa-banner","aria-label":"Official government website",ref:n},{children:e.jsxs("div",Object.assign({className:"usa-accordion"},{children:[e.jsx("header",Object.assign({className:"usa-banner__header"},{children:e.jsxs("div",Object.assign({className:"usa-banner__inner"},{children:[e.jsx("div",Object.assign({className:"grid-col-auto"},{children:e.jsx("img",{className:"usa-banner__header-flag",src:y.default,alt:"U.S. flag"})})),e.jsxs("div",Object.assign({className:"grid-col-fill tablet:grid-col-auto"},{children:[e.jsx("p",Object.assign({className:"usa-banner__header-text"},{children:"An official website of the United States government"})),e.jsx("p",Object.assign({className:"usa-banner__header-action","aria-hidden":"true"},{children:"Here’s how you know"}))]})),e.jsx("button",Object.assign({className:"usa-accordion__button usa-banner__button","aria-expanded":"false","aria-controls":"gov-banner-default"},{children:e.jsx("span",Object.assign({className:"usa-banner__button-text"},{children:"Here’s how you know"}))}))]}))})),e.jsx("div",Object.assign({className:"usa-banner__content usa-accordion__content",id:"gov-banner-default",hidden:!r},{children:e.jsxs("div",Object.assign({className:"grid-row grid-gap-lg"},{children:[e.jsxs("div",Object.assign({className:"usa-banner__guidance tablet:grid-col-6"},{children:[e.jsx("img",{className:"usa-banner__icon usa-media-block__img",src:k.default,role:"img",alt:"","aria-hidden":"true"}),e.jsx("div",Object.assign({className:"usa-media-block__body"},{children:e.jsxs("p",{children:[e.jsxs("strong",{children:[" Official websites use .",t," "]}),e.jsx("br",{}),"A ",e.jsxs("strong",{children:[".",t]})," website belongs to an official"," ",Y[t]," organization in the United States."]})}))]})),e.jsxs("div",Object.assign({className:"usa-banner__guidance tablet:grid-col-6"},{children:[e.jsx("img",{className:"usa-banner__icon usa-media-block__img",src:C.default,role:"img",alt:"","aria-hidden":"true"}),e.jsx("div",Object.assign({className:"usa-media-block__body"},{children:e.jsxs("p",{children:[e.jsx("strong",{children:" Secure .gov websites use HTTPS "}),e.jsx("br",{}),"A ",e.jsx("strong",{children:"lock"})," (",e.jsx("span",Object.assign({className:"icon-lock"},{children:e.jsxs("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"52",height:"64",viewBox:"0 0 52 64",className:"usa-banner__lock-image",role:"img","aria-labelledby":"banner-lock-title-default banner-lock-description-default",focusable:"false"},{children:[e.jsx("title",Object.assign({id:"banner-lock-title-default"},{children:"Lock"})),e.jsx("desc",Object.assign({id:"banner-lock-description-default"},{children:"A locked padlock"})),e.jsx("path",{fill:"#000000",fillRule:"evenodd",d:"M26 0c10.493 0 19 8.507 19 19v9h3a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4h3v-9C7 8.507 15.507 0 26 0zm0 8c-5.979 0-10.843 4.77-10.996 10.712L15 19v9h22v-9c0-6.075-4.925-11-11-11z"})]}))})),") or ",e.jsx("strong",{children:"https://"})," means you’ve safely connected to the .",t," ","website. Share sensitive information only on official, secure websites."]})}))]}))]}))}))]}))}))},exports.Breadcrumb=({id:s,current:a,action:t,items:r,children:n})=>n||r?e.jsx("nav",Object.assign({className:"usa-breadcrumb breadcrumb","aria-label":"Breadcrumbs,,",id:s},{children:e.jsxs("ol",Object.assign({className:"usa-breadcrumb__list"},{children:[null!=n?n:null==r?void 0:r.map(((s,a)=>e.jsx(G,{path:s.path,name:s.name,action:t},`breadcrumb-${a}`))),a?e.jsx("li",Object.assign({className:"usa-breadcrumb__list-item usa-current","aria-current":"true"},{children:e.jsx("span",{children:a})})):e.jsx(e.Fragment,{})]}))})):e.jsx(e.Fragment,{}),exports.BreadcrumbItem=G,exports.Button=s=>{var{id:a,type:t="button",variant:r="default",className:n,children:i}=s,l=J(s,["id","type","variant","className","children"]);const c=z("usa-button",{"usa-button--secondary":"secondary"===r,"usa-button--accent-cool":"accent-cool"===r,"usa-button--accent-warm":"accent-warm"===r,"usa-button--base":"base"===r,"usa-button--outline":"outline"===r,"usa-button--outline usa-button--inverse":"outline-inverse"===r,"usa-button--big":"big"===r,"usa-button--unstyled":"unstyled"===r},n);return e.jsx("button",Object.assign({id:a,type:t,className:c,"data-testid":"button"},l,{children:i}))},exports.ButtonGroup=({id:a,type:t="default",className:r,children:n})=>{const i=z("usa-button-group",{"usa-button-group--segmented":"segmented"===t},r);return e.jsx("ul",Object.assign({id:a,className:i},{children:s.Children.map(n,((s,a)=>e.jsx("li",Object.assign({className:"usa-button-group__item"},{children:s}),a)))}))},exports.Card=({id:s,className:a,children:t})=>{const r=z("usa-card__container",a);return e.jsx("div",Object.assign({className:"usa-card",id:s},{children:e.jsx("div",Object.assign({className:r},{children:t}))}))},exports.CardBody=({children:s})=>e.jsx("div",Object.assign({className:"usa-card__body"},{children:s})),exports.CardFooter=({children:s})=>e.jsx("div",Object.assign({className:"usa-card__footer"},{children:s})),exports.CardHeader=({children:s})=>e.jsx("div",Object.assign({className:"usa-card__header"},{children:e.jsx("h2",Object.assign({className:"usa-card__heading text-primary-dark"},{children:s}))})),exports.CharacterCount=s=>{var{id:a}=s,t=J(s,["id"]);return e.jsx("span",Object.assign({id:a,className:z("usa-hint","usa-character-count__message",t.className),"aria-live":"polite"},{children:t.children}))},exports.CharacterCountContainer=a=>{var{className:t}=a,r=J(a,["className"]);const n=s.useRef(null);return s.useEffect((()=>{const e=n.current;return w.default.on(e),()=>w.default.off(e)})),e.jsx("div",Object.assign({ref:n,className:z("usa-character-count",t)},r,{children:r.children}))},exports.Checkbox=Z,exports.CheckboxGroup=({id:s,name:a,data:t,areTiles:r,required:n,label:i,helperText:l,errors:c,onChange:o,onClick:d})=>e.jsx(X,{id:`form-group-${s}`,required:n,label:i,helperText:l,errors:c,fieldControl:e.jsx(e.Fragment,{children:t.map(((t,n)=>{const i=`${s}__checkbox${n}`;return e.jsx(Z,{id:i,name:a,label:t.label,value:t.value,checked:t.checked,defaultChecked:t.defaultChecked,isTile:r,onChange:o,onClick:d},i)}))})}),exports.ComboBox=a=>{var{id:t,options:r,required:n,label:i,helperText:l,errors:c,onChange:o,className:d,children:u,defaultValue:m,placeholder:h}=a,b=J(a,["id","options","required","label","helperText","errors","onChange","className","children","defaultValue","placeholder"]);const g=s.useRef(null);s.useLayoutEffect((()=>{var e;const s=g.current;return(null===(e=null==s?void 0:s.parentNode)||void 0===e?void 0:e.querySelector(`label[for="${t}"]`))&&S.default.on(s),()=>{s&&S.default.off(s)}}));const p={className:"usa-combo-box",ref:g};return h&&(p["data-placeholder"]=h),m&&(p["data-default-value"]=m),e.jsx(X,{id:`form-group-${t}`,required:n,label:i,helperText:l,errors:c,fieldControl:e.jsx("div",Object.assign({},p,{children:e.jsx("select",Object.assign({id:t,className:z("usa-select",d),defaultValue:m,onChange:o},b,{children:null!=u?u:null==r?void 0:r.map(ee)}))}))})},exports.DatePicker=a=>{var{id:t,minDate:r,maxDate:n,dateRange:i,defaultValue:l,required:c,label:o,helperText:d,errors:u,validationStatus:m,onChange:h}=a,b=J(a,["id","minDate","maxDate","dateRange","defaultValue","required","label","helperText","errors","validationStatus","onChange"]);const g=s.useRef(null);s.useLayoutEffect((()=>{const e=g.current,s=e.querySelector(".usa-date-picker__wrapper");s||q.default.on(e);const a=q.default.getDatePickerContext(e).externalInputEl;return h&&a.addEventListener("change",h),()=>{h&&a.removeEventListener("change",h),s&&q.default.off(e)}}),[]);const p={};r&&(p["data-min-date"]=se(r)),n&&(p["data-max-date"]=se(n)),i&&(p["data-range-date"]=se(i)),l&&(p["data-default-value"]=se(l));const j=z("usa-input",{"usa-input--error":"error"===m,"usa-input--success":"success"===m});return e.jsx(X,{id:`form-group-${t}`,required:c,label:o,helperText:d,errors:u,fieldControl:e.jsx("div",Object.assign({ref:g,className:"usa-date-picker"},p,{children:e.jsx("input",Object.assign({id:t,className:j,type:"text"},b))}))})},exports.DateRangePicker=({id:a,children:t})=>{const r=s.useRef(null);return s.useLayoutEffect((()=>{const e=r.current;return $.default.on(e),()=>$.default.off(e)})),e.jsx("div",Object.assign({id:a,ref:r,className:"usa-date-range-picker"},{children:t}))},exports.ErrorMessages=W,exports.FileInput=a=>{var{id:t,required:r,label:n,helperText:i,errors:l}=a,c=J(a,["id","required","label","helperText","errors"]);const o=s.useRef(null);return s.useLayoutEffect((()=>{const e=o.current;return T.default.on(e),()=>T.default.off(e)}),[]),e.jsx(X,{id:`form-group-${t}`,required:r,label:n,helperText:i,errors:l,fieldControl:e.jsx("input",Object.assign({className:"usa-file-input",type:"file",ref:o,id:t},c))})},exports.Form=s=>{var{id:a,isLarge:t=!1,className:r,children:n}=s,i=J(s,["id","isLarge","className","children"]);return e.jsx("form",Object.assign({id:a,className:z("usa-form",{"usa-form--large":t},r)},i,{children:n}))},exports.FormGroup=X,exports.HelperText=Q,exports.Icon=({id:s,type:a,size:t="size-3",className:r="text-base-darkest"})=>{const n=z("usa-icon",`usa-icon--${t}`,r);return e.jsx("svg",Object.assign({id:s,className:n,"aria-hidden":"true",focusable:"false",role:"img"},{children:e.jsx("use",{xlinkHref:`${E.default}#${a}`})}))},exports.Label=K,exports.List=s=>{var{id:a,type:t="unordered",variant:r="default",className:n,items:i}=s,l=J(s,["id","type","variant","className","items"]);const c=z("usa-list",{"usa-list--unstyled":"unstyled"===r},n),o=s=>s.map((s=>e.jsx("li",Object.assign({id:s.id},{children:s.value}),s.id)));return"unordered"===t?e.jsx("ul",Object.assign({id:a,className:c},l,{children:o(i)})):e.jsx("ol",Object.assign({id:a,className:c},l,{children:o(i)}))},exports.MemorableDate=s=>{var{id:a,required:t,label:r,helperText:n,errors:i,defaultMonthValue:l,defaultDayValue:c,defaultYearValue:o,onMonthChange:d,onDayChange:u,onYearChange:m}=s,h=J(s,["id","required","label","helperText","errors","defaultMonthValue","defaultDayValue","defaultYearValue","onMonthChange","onDayChange","onYearChange"]);return e.jsx(X,{id:`form-group-${a}`,required:t,label:r,helperText:n,errors:i,fieldControl:e.jsxs("div",Object.assign({id:`memorable-date-${a}`,className:"usa-memorable-date","data-testid":"memorable-date"},h,{children:[e.jsxs("div",Object.assign({className:"usa-form-group usa-form-group--month usa-form-group--select"},{children:[e.jsx("label",Object.assign({className:"usa-label",htmlFor:`memorable-date-month-${a}`},{children:"Month"})),e.jsxs("select",Object.assign({className:"usa-select",id:`memorable-date-month-${a}`,name:`memorable-date-month-${a}`,defaultValue:l,onChange:d},{children:[e.jsx("option",Object.assign({value:""},{children:"- Select -"})),e.jsx("option",Object.assign({value:1},{children:"01 - January"})),e.jsx("option",Object.assign({value:2},{children:"02 - February"})),e.jsx("option",Object.assign({value:3},{children:"03 - March"})),e.jsx("option",Object.assign({value:4},{children:"04 - April"})),e.jsx("option",Object.assign({value:5},{children:"05 - May"})),e.jsx("option",Object.assign({value:6},{children:"06 - June"})),e.jsx("option",Object.assign({value:7},{children:"07 - July"})),e.jsx("option",Object.assign({value:8},{children:"08 - August"})),e.jsx("option",Object.assign({value:9},{children:"09 - September"})),e.jsx("option",Object.assign({value:10},{children:"10 - October"})),e.jsx("option",Object.assign({value:11},{children:"11 - November"})),e.jsx("option",Object.assign({value:12},{children:"12 - December"}))]}))]})),e.jsxs("div",Object.assign({className:"usa-form-group usa-form-group--day"},{children:[e.jsx("label",Object.assign({className:"usa-label",htmlFor:`memorable-date-day-${a}`},{children:"Day"})),e.jsx("input",{className:"usa-input",id:`memorable-date-day-${a}`,name:`memorable-date-day-${a}`,type:"number",minLength:1,maxLength:2,pattern:"[0-9]*",inputMode:"numeric",defaultValue:c,onChange:u})]})),e.jsxs("div",Object.assign({className:"usa-form-group usa-form-group--year"},{children:[e.jsx("label",Object.assign({className:"usa-label",htmlFor:`memorable-date-year-${a}`},{children:"Year"})),e.jsx("input",{className:"usa-input",id:`memorable-date-year-${a}`,name:`memorable-date-year-${a}`,type:"number",minLength:4,maxLength:4,pattern:"[0-9]*",inputMode:"numeric",defaultValue:o,onChange:m})]}))]}))})},exports.Modal=({id:a,heading:t,size:r="small",footer:n,children:i})=>{const l=s.useRef(null);s.useLayoutEffect((()=>{const e=l.current;return L.default.on(e),()=>L.default.off(e)}));const c=z("usa-modal",{"usa-modal--lg":"large"===r});return e.jsx("div",Object.assign({ref:l,className:c,id:a,"aria-labelledby":`${a}-heading`,"aria-describedby":`${a}-description`},{children:e.jsxs("div",Object.assign({className:"usa-modal__content"},{children:[e.jsxs("div",Object.assign({className:"usa-modal__main"},{children:[e.jsx("h2",Object.assign({className:"usa-modal__heading",id:`${a}-heading`},{children:t})),i,e.jsx("div",Object.assign({className:"usa-modal__footer"},{children:n}))]})),e.jsx("button",Object.assign({className:"usa-button usa-modal__close","aria-label":"Close this window","data-close-modal":!0},{children:e.jsx("svg",Object.assign({className:"usa-icon","aria-hidden":"true",focusable:"false",role:"img"},{children:e.jsx("use",{xlinkHref:`${E.default}#close`})}))}))]}))}))},exports.Pagination=({id:s,currentPage:a,amountOfPages:t,amountOfVisiblePageItems:r=3,ariaLabel:n,createPageUrl:i=(()=>"#"),onPage:l=(()=>{})})=>{t<=7&&(r=7);let c=Math.max(0,a-Math.floor(r/2));const o=Math.min(t,c+r)-1;return o===t-1&&(c=Math.max(0,o-r+1)),e.jsx("nav",Object.assign({id:s,"aria-label":n,className:"usa-pagination"},{children:e.jsxs("ul",Object.assign({className:"usa-pagination__list"},{children:[a>0&&e.jsx("li",Object.assign({className:"usa-pagination__item usa-pagination__arrow"},{children:e.jsxs("a",Object.assign({href:i(a-1),onClick:e=>l(e,a-1),className:"usa-pagination__link usa-pagination__previous-page","aria-label":"Previous page"},{children:[e.jsx("svg",Object.assign({className:"usa-icon","aria-hidden":"true",role:"img"},{children:e.jsx("use",{xlinkHref:`${E.default}#navigate_before`})})),e.jsx("span",Object.assign({className:"usa-pagination__link-text"},{children:"Previous"}))]}))})),c>0&&e.jsxs(e.Fragment,{children:[le(0,a,t,i,l),e.jsx("li",Object.assign({className:"usa-pagination__item usa-pagination__overflow"},{children:e.jsx("span",{children:"…"})}))]}),ie(c,o,(e=>le(e,a,t,i,l))),o<t-1&&e.jsxs(e.Fragment,{children:[e.jsx("li",Object.assign({className:"usa-pagination__item usa-pagination__overflow"},{children:e.jsx("span",{children:"…"})})),le(t-1,a,t,i,l)]}),a<t-1&&e.jsx("li",Object.assign({className:"usa-pagination__item usa-pagination__arrow"},{children:e.jsxs("a",Object.assign({href:i(a+1),onClick:e=>l(e,a+1),className:"usa-pagination__link usa-pagination__next-page","aria-label":"Next page"},{children:[e.jsx("span",Object.assign({className:"usa-pagination__link-text"},{children:"Next"})),e.jsx("svg",Object.assign({className:"usa-icon","aria-hidden":"true",role:"img"},{children:e.jsx("use",{xlinkHref:`${E.default}#navigate_next`})}))]}))}))]}))}))},exports.ProcessList=({id:s,steps:a,currentStep:t=0,children:r})=>r||a?e.jsx("ol",Object.assign({id:s,className:"usa-process-list"},{children:null!=r?r:null==a?void 0:a.map(((s,r)=>e.jsx(ce,Object.assign({heading:s.heading,isCurrentStep:t===r+1&&t!==a.length,isCompletedStep:t>r+1||t===a.length,isLastStep:r===a.length-1},{children:s.children}),r)))})):e.jsx(e.Fragment,{}),exports.ProcessListStep=ce,exports.Prose=s=>{var{id:a,className:t,children:r}=s,n=J(s,["id","className","children"]);const i=z("usa-prose",t);return e.jsx("section",Object.assign({id:a,className:i},n,{children:r}))},exports.RadioButton=oe,exports.RadioButtonGroup=({id:s,name:a,data:t,areTiles:r,required:n,label:i,helperText:l,errors:c,onChange:o,onClick:d})=>e.jsx(X,{id:`form-group-${s}`,required:n,label:i,helperText:l,errors:c,fieldControl:e.jsx(e.Fragment,{children:t.map(((t,n)=>{const i=`${s}__radio${n}`;return e.jsx(oe,{id:i,name:a,label:t.label,value:t.value,checked:t.checked,defaultChecked:t.defaultChecked,isTile:r,onChange:o,onClick:d},i)}))})}),exports.RangeSlider=s=>{var{id:a,required:t,label:r,helperText:n,errors:i,minValue:l,maxValue:c,step:o="10",defaultValue:d,onChange:u}=s,m=J(s,["id","required","label","helperText","errors","minValue","maxValue","step","defaultValue","onChange"]);return e.jsx(X,{id:`form-group-${a}`,required:t,label:r,helperText:n,errors:i,fieldControl:e.jsx("input",Object.assign({id:a,className:"usa-range",type:"range",min:l,max:c,step:o,defaultValue:d,onChange:u,role:"slider"},m))})},exports.Search=s=>{var{id:a,type:t="default",onSearch:r}=s,n=J(s,["id","type","onSearch"]);const i=z("usa-search",{"usa-search--small":"small"===t,"usa-search--big":"big"===t});return e.jsxs("form",Object.assign({id:a,className:i,role:"search",onSubmit:function(e){if(r){const s=e.target;r(e,s.elements.search.value)}}},{children:[e.jsx("label",Object.assign({className:"usa-sr-only",htmlFor:`${a}__search-field`},{children:"Search"})),e.jsx("input",Object.assign({className:"usa-input",id:`${a}__search-field`,type:"search",name:"search"},n)),e.jsxs("button",Object.assign({className:"usa-button",type:"submit"},{children:[e.jsx("span",Object.assign({className:"small"===t?"usa-sr-only":"usa-search__submit-text"},{children:"Search"})),e.jsx("img",{src:V.default,className:"usa-search__submit-icon",alt:"Search icon"})]}))]}))},exports.Select=s=>{var{id:a,defaultOption:t={value:"",label:"- Select -"},options:r,required:n,label:i,helperText:l,errors:c,onChange:o,className:d,children:u}=s,m=J(s,["id","defaultOption","options","required","label","helperText","errors","onChange","className","children"]);return u||r?e.jsx(X,{id:`form-group-${a}`,required:n,label:i,helperText:l,errors:c,fieldControl:e.jsxs("select",Object.assign({id:a,className:z("usa-select",d),defaultValue:null==t?void 0:t.value,onChange:o},m,{children:[ee(t,-1),null!=u?u:null==r?void 0:r.map(ee)]}))}):e.jsx(e.Fragment,{})},exports.SelectOption=({value:s,label:a})=>e.jsx("option",Object.assign({value:s},{children:a})),exports.SideNavigation=({id:s,ariaLabel:a,items:t,children:r})=>r||t?e.jsx("nav",Object.assign({id:s,"aria-label":a},{children:e.jsx("ul",Object.assign({className:"usa-sidenav"},{children:null!=r?r:null==t?void 0:t.map(((s,a)=>e.jsx(de,{items:s.items,anchor:s.anchor},`side-nav-item-${a}`)))}))})):e.jsx(e.Fragment,{}),exports.SideNavigationItem=de,exports.SiteAlert=({id:s,type:a="Info",heading:t,slim:r=!1,noIcon:n=!1,className:i,children:l})=>{const c=z("usa-site-alert",{"usa-site-alert--emergency":"Emergency"===a,"usa-site-alert--info":"Info"===a,"usa-site-alert--slim":r,"usa-site-alert--no-icon":n},i);return e.jsx("section",Object.assign({id:s,className:c,"aria-label":"Site Alert"},{children:e.jsx("div",Object.assign({className:"usa-alert"},{children:e.jsxs("div",Object.assign({className:"usa-alert__body"},{children:[t&&e.jsx("h3",Object.assign({className:"usa-alert__heading"},{children:t})),l&&e.jsx("p",Object.assign({className:"usa-alert__text"},{children:l}))]}))}))}))},exports.StepIndicator=({id:a,steps:t,currentStep:r,hideLabels:n=!1,showCounters:i=!1,showSmallCounters:l=!1,centerCounters:c=!1,headingLevel:o="h4"})=>{const d=z("usa-step-indicator",{"usa-step-indicator--no-labels":n,"usa-step-indicator--counters":i,"usa-step-indicator--counters-sm":l,"usa-step-indicator--center":c});return e.jsxs("div",Object.assign({id:a,className:d,"aria-label":"progress"},{children:[e.jsx("ol",Object.assign({className:"usa-step-indicator__segments"},{children:t.map(((a,t)=>{const n={key:t,className:"usa-step-indicator__segment"};let i="";return t<r?(n.className+=" usa-step-indicator__segment--complete",i="completed"):t>r?i="not completed":(n.className+=" usa-step-indicator__segment--current",Object.assign(n,{"aria-current":!0})),s.createElement("li",Object.assign({},n,{key:`usa-step-label-${t}`}),e.jsxs("span",Object.assign({className:"usa-step-indicator__segment-label"},{children:[a,""!==i&&e.jsx("span",Object.assign({className:"usa-sr-only"},{children:i}))]})))}))})),e.jsx("div",Object.assign({className:"usa-step-indicator__header"},{children:s.createElement(o,{className:"usa-step-indicator__heading"},e.jsxs(e.Fragment,{children:[e.jsxs("span",Object.assign({className:"usa-step-indicator__heading-counter"},{children:[e.jsx("span",Object.assign({className:"usa-sr-only"},{children:"Step"})),e.jsx("span",Object.assign({className:"usa-step-indicator__current-step"},{children:r+1})),e.jsxs("span",Object.assign({className:"usa-step-indicator__total-steps"},{children:[" of ",t.length]}))]})),e.jsx("span",Object.assign({className:"usa-step-indicator__heading-text"},{children:t[r]}))]}))}))]}))},exports.SummaryBox=({id:s,heading:a,className:t,items:r})=>{const n=z("usa-summary-box",t);return e.jsx("div",Object.assign({className:n,role:"region","aria-labelledby":s},{children:e.jsxs("div",Object.assign({className:"usa-summary-box__body"},{children:[e.jsx("h3",Object.assign({className:"usa-summary-box__heading",id:s},{children:a})),e.jsx("div",Object.assign({className:"usa-summary-box__text"},{children:e.jsx("ul",Object.assign({className:"usa-list"},{children:r.map(((s,a)=>e.jsx("li",{children:s},a)))}))}))]}))}))},exports.Table=({id:a,caption:t,columns:r,data:n,sortable:i=!1,sortIndex:l=0,sortDir:c="ascending",onSort:o,scrollable:d=!1,borderless:u=!1,striped:m=!1,className:h,tabIndex:b=-1})=>{const g=s.useRef(null);return s.useEffect((()=>{const e=g.current;return i&&M.default.on(e),()=>{i&&(M.default.off(e),null==e||e.querySelectorAll(".usa-table__header__button").forEach((e=>e.remove())))}})),s.useEffect((()=>{const e=new MutationObserver((e=>{for(const s of e)if(o&&"aria-sort"===s.attributeName){s.target.getAttribute("aria-sort")&&o()}}));if(g.current&&o){g.current.querySelectorAll("th").forEach((s=>e.observe(s,{attributes:!0})))}}),[r]),e.jsxs("div",Object.assign({id:a,className:z({"usa-table-container":!d},{"usa-table-container--scrollable":d},{"usa-table--borderless":u},{"usa-table--striped":m}),ref:g},{children:[e.jsxs("table",Object.assign({className:z("usa-table",h),tabIndex:b},{children:[e.jsx("caption",Object.assign({hidden:!!t},{children:t})),e.jsx("thead",{children:e.jsx("tr",{children:r.map((e=>Object.assign(Object.assign({},e),{sortable:void 0===e.sortable||e.sortable}))).map(((s,a)=>e.jsx("th",Object.assign({id:s.id,"data-sortable":i&&s.sortable||null,scope:"col",role:"columnheader","aria-sort":i&&s.sortable&&l===a?"descending"===c?"ascending":"descending":void 0},{children:s.name}),s.id)))})}),e.jsx("tbody",{children:n.map(((s,a)=>{const t=[];for(const e in s)i?t.push({value:s[e].value,sortValue:s[e].sortValue}):t.push({value:s[e].value?s[e].value:s[e]});return e.jsx("tr",{children:t.map(((s,a)=>e.jsx("td",Object.assign({"data-sort-value":i?s.sortValue:s.value},{children:s.value}),`td-${a}`)))},`tr-${a}`)}))})]})),i&&e.jsx("div",{className:"usa-sr-only usa-table__announcement-region","aria-live":"polite"})]}))},exports.Tag=({id:s,children:a,size:t="Default",className:r})=>{const n=z("usa-tag",{"usa-tag--big":"Big"===t},r);return e.jsx("span",Object.assign({id:s,className:n},{children:a}))},exports.TextArea=s=>{var{id:a,name:t,rows:r,required:n,label:i,helperText:l,errors:c,validationStatus:o,className:d,onChange:u}=s,m=J(s,["id","name","rows","required","label","helperText","errors","validationStatus","className","onChange"]);const h=z("usa-textarea",{"usa-input--error":"error"===o,"usa-input--success":"success"===o},d);return e.jsx(X,{id:`form-group-${a}`,required:n,label:i,helperText:l,errors:c,validationStatus:o,fieldControl:e.jsx("textarea",Object.assign({className:h,style:void 0===r?void 0:{height:"unset"},id:a,name:t,rows:r,onChange:u},m))})},exports.TextInput=a=>{var{id:t,name:r,required:n,label:i,helperText:l,errors:c,validationStatus:o,className:d,type:u,mask:m,prefix:h,suffix:b,onChange:g}=a,p=J(a,["id","name","required","label","helperText","errors","validationStatus","className","type","mask","prefix","suffix","onChange"]);const j=s.useRef(null);s.useEffect((()=>{const e=j.current;return e&&m&&F.default.on(e),()=>{e&&m&&F.default.off(e)}}));const x=z("usa-input",{"usa-input--error":"error"===o,"usa-input--success":"success"===o,"usa-masked":m},d),f=e.jsx("input",Object.assign({ref:j,id:t,name:r,className:x,"data-testid":"input",type:re(m,u),onChange:g,pattern:ae(m,p.pattern),placeholder:te(m,p.placeholder),inputMode:ne(m,p.inputMode)},p)),_=e.jsxs("div",Object.assign({className:"usa-input-group"},{children:[h?e.jsx("div",Object.assign({className:"usa-input-prefix","aria-hidden":"true"},{children:h})):void 0,f,b?e.jsx("div",Object.assign({className:"usa-input-suffix","aria-hidden":"true"},{children:b})):void 0]}));return e.jsx(X,{id:`form-group-${t}`,required:n,label:i,helperText:l,errors:c,validationStatus:o,fieldControl:(null!=h?h:b)?_:f})},exports.TimePicker=a=>{var{id:t,required:r,label:n,helperText:i,errors:l,filter:c,minTime:o,maxTime:d,step:u,onChange:m}=a,h=J(a,["id","required","label","helperText","errors","filter","minTime","maxTime","step","onChange"]);const b=s.useRef(null);s.useLayoutEffect((()=>{var e;const s=b.current,a=null===(e=null==s?void 0:s.parentNode)||void 0===e?void 0:e.querySelector(`label[for="${t}"]`);if(a){P.default.on(s),S.default.on(s);const e=s.querySelector(".usa-combo-box__input");m&&e.addEventListener("change",m)}return()=>{if(a){S.default.off(s),P.default.off(s);const e=s.querySelector(".usa-combo-box__input");m&&e.removeEventListener("change",m)}}}));const g={};return c&&(g["data-filter"]=c),o&&(g["data-min-time"]=o),d&&(g["data-max-time"]=d),u&&(g["data-step"]=u),e.jsx(X,{id:`form-group-${t}`,required:r,label:n,helperText:i,errors:l,fieldControl:e.jsx("div",Object.assign({ref:b,className:z("usa-time-picker",h.className)},g,{children:e.jsx("input",Object.assign({className:"usa-input",type:"text",id:t},h))}))})},exports.Tooltip=({label:a,position:t="top",children:r})=>{const n=s.useRef(null);return s.useLayoutEffect((()=>{var e;const s=null===(e=n.current)||void 0===e?void 0:e.firstChild;return s&&(s.classList.add("usa-tooltip"),s.title=a,s.setAttribute("data-position",t),A.default.on(s)),()=>A.default.off(s)})),e.jsx("span",Object.assign({ref:n},{children:r}))},exports.useHeader=()=>({on:e=>{D.default.on(e)},off:e=>{D.default.off(e)}}),exports.useModal=()=>({toggleModal:e=>{L.default.toggleModal.call(L.default,e)}}); | ||
*/R=z,function(){var e={}.hasOwnProperty;function s(){for(var e="",s=0;s<arguments.length;s++){var r=arguments[s];r&&(e=t(e,a(r)))}return e}function a(a){if("string"==typeof a||"number"==typeof a)return a;if("object"!=typeof a)return"";if(Array.isArray(a))return s.apply(null,a);if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]"))return a.toString();var r="";for(var n in a)e.call(a,n)&&a[n]&&(r=t(r,n));return r}function t(e,s){return s?e?e+" "+s:e+s:e}R.exports?(s.default=s,R.exports=s):window.classNames=s}();var B=I(z.exports);function H(e,s){void 0===s&&(s={});var a=s.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===a&&t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}H(".accordion-item {\n margin: 10px;\n border: none;\n}\n");const U=({id:s,label:a,expanded:t,children:r})=>e.jsxs("div",Object.assign({className:"accordion-item","data-testid":"accordion-item"},{children:[e.jsx("h4",Object.assign({className:"usa-accordion__heading"},{children:e.jsx("button",Object.assign({type:"button",className:"usa-accordion__button","data-testid":"accordion-button","aria-expanded":t,"aria-controls":s},{children:a}))})),e.jsx("div",Object.assign({id:s,className:"usa-accordion__content usa-prose text-left","data-testid":"accordion-content",hidden:!t},{children:r}))]})),Y={gov:"government",mil:"U.S. Department of Defense"},G=({path:s,name:a,action:t})=>e.jsx("li",Object.assign({className:"usa-breadcrumb__list-item"},{children:e.jsx("span",Object.assign({className:"usa-breadcrumb__link span-link","data-testid":"breadcrumb-link",onClick:()=>!!t&&t(s)},{children:e.jsx("span",{children:a})}))}));function J(e,s){var a={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&s.indexOf(t)<0&&(a[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(t=Object.getOwnPropertySymbols(e);r<t.length;r++)s.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(e,t[r])&&(a[t[r]]=e[t[r]])}return a}"function"==typeof SuppressedError&&SuppressedError;const K=s=>{var{htmlFor:a,required:t,children:r}=s,n=J(s,["htmlFor","required","children"]);return e.jsxs("label",Object.assign({className:"usa-label",htmlFor:a},n,{children:[r,t&&e.jsx("span",Object.assign({className:"text-red"},{children:" *"}))]}))},Q=({id:s,children:a})=>e.jsx("span",Object.assign({id:s,className:"usa-hint"},{children:a})),W=({id:s,errors:a,children:t})=>t||a?("string"==typeof a&&(a=[a]),e.jsx(e.Fragment,{children:null!=t?t:null==a?void 0:a.map(((a,t)=>e.jsx("span",Object.assign({id:`${s}-${t}`,className:"usa-error-message"},{children:a}),t)))})):e.jsx(e.Fragment,{}),X=({id:a,required:t,label:r,helperText:n,errors:i,validationStatus:l,className:c,fieldControl:o,children:d})=>{const u=B("usa-form-group",{"usa-form-group--error":!!(i&&i.length>0)||"error"===l},c);if(!d&&!o)return e.jsx(e.Fragment,{});if(d)return e.jsx("div",Object.assign({id:a,className:u},{children:d}));let m=s.isValidElement(o)?o.props.id:void 0;const h=s.isValidElement(o)?o:void 0;let b=h;const g=null==b?void 0:b.props.className;if("usa-combo-box"===g||"usa-time-picker"===g||"usa-date-picker"===g){const e=null==h?void 0:h.props.children;m=null==e?void 0:e.props.id}else h&&(b=v.default.cloneElement(h,{"aria-describedby":`${a}-helper-text`}));return e.jsxs("div",Object.assign({id:a,className:u},{children:[r?e.jsx(K,Object.assign({htmlFor:m,required:t},{children:r})):e.jsx(e.Fragment,{}),n?e.jsx(Q,Object.assign({id:`${a}-helper-text`},{children:n})):e.jsx(e.Fragment,{}),i?e.jsx(W,{id:`${a}-errors`,errors:i}):e.jsx(e.Fragment,{}),b]}))},Z=s=>{var{id:a,name:t,label:r,checked:n,defaultChecked:i,isTile:l,onChange:c,onClick:o}=s,d=J(s,["id","name","label","checked","defaultChecked","isTile","onChange","onClick"]);const u=`${a}__usa-checkbox__input`,m=B("usa-checkbox__input",{"usa-checkbox__input--tile":l});return e.jsxs("div",Object.assign({id:a,className:"usa-checkbox"},{children:[e.jsx("input",Object.assign({className:m,id:u,type:"checkbox",name:t,checked:n,defaultChecked:i,onChange:c,onClick:o},d)),e.jsx("label",Object.assign({className:"usa-checkbox__label",htmlFor:u},{children:r}))]}))},ee=(s,a)=>s&&e.jsx("option",Object.assign({value:s.value},{children:s.label}),a);function se(e){if("string"==typeof e){return new Date(e).toISOString().substring(0,10)}return e.toISOString().substring(0,10)}const ae=(e,s)=>{let a=null!=s?s:void 0;switch(e){case"ssn":a="^(?!(000|666|9))d{3} (?!00)d{2} (?!0000)d{4}$";break;case"phone_number":a="\\d{3}-\\d{3}-\\d{4}";break;case"zip_5_digit":a="\\d{5}";break;case"zip_9_digit":a="^[0-9]{5}(?:-[0-9]{4})?$"}return a},te=(e,s)=>{let a=null!=s?s:void 0;switch(e){case"ssn":a="___ __ ____";break;case"phone_number":a="___-___-____";break;case"zip_5_digit":a="_____";break;case"zip_9_digit":a="_____-____"}return a},re=(e,s)=>{let a=null!=s?s:"text";if("phone_number"===e)a="tel";return a},ne=(e,s)=>{let a=null!=s?s:"text";switch(e){case"ssn":case"phone_number":case"zip_5_digit":case"zip_9_digit":a="numeric"}return a};function ie(e,s,a){const t=[];for(;e<=s;e++)t.push(a(e));return t}function le(s,a,t,r,n){const i=s===a,l=t-1===s?`last page, page ${s+1}`:`page ${s+1}`;return e.jsx("li",Object.assign({className:"usa-pagination__item usa-pagination__page-no"},{children:e.jsx("a",Object.assign({href:r(s),onClick:e=>n(e,s),className:B("usa-pagination__button",{"usa-current":i}),"aria-label":l,"aria-current":i?"page":void 0},{children:`${s+1}`}))}),s)}H(".current.usa-process-list__item::before {\n border: 0.25rem solid #005ea2;\n background-color: #005ea2;\n color: #fff;\n}\n\n.current.usa-process-list__item {\n border-left: 0.5rem solid #005ea2;\n}\n\n.current.usa-process-list__heading {\n color: #005ea2;\n}\n\n.completed.usa-process-list__item::before {\n border: 0.25rem solid #162e51;\n background-color: #162e51;\n color: #fff;\n}\n\n.completed.usa-process-list__item:not(.last) {\n border-left: 0.5rem solid #162e51;\n}\n\n.completed.usa-process-list__heading {\n color: #162e51;\n}\n");const ce=({heading:s,headingClassName:a,headingElementName:t="h4",isCurrentStep:r,isCompletedStep:n,isLastStep:i,children:l})=>{const c=B("usa-process-list__item",{current:r&&!n,completed:n,last:i}),o=B("usa-process-list__heading",{current:r&&!n,completed:n,last:i},a);return e.jsxs("li",Object.assign({className:c},{children:[v.default.createElement(t,{className:o},s),l]}))},oe=s=>{var{id:a,name:t,label:r,checked:n,defaultChecked:i,isTile:l,onChange:c,onClick:o}=s,d=J(s,["id","name","label","checked","defaultChecked","isTile","onChange","onClick"]);const u=`${a}__usa-radio__input`,m=B("usa-radio__input",{"usa-radio__input--tile":l});return e.jsxs("div",Object.assign({id:a,className:"usa-radio"},{children:[e.jsx("input",Object.assign({className:m,id:u,type:"radio",name:t,checked:n,defaultChecked:i,onChange:c,onClick:o},d)),e.jsx("label",Object.assign({className:"usa-radio__label",htmlFor:u},{children:r}))]}))},de=({items:s,anchor:a})=>e.jsxs("li",Object.assign({className:"usa-sidenav__item"},{children:[a,s&&s.length>0&&e.jsx("ul",Object.assign({className:"usa-sidenav__sublist"},{children:s.map(((s,a)=>e.jsx(de,{items:s.items,anchor:s.anchor},`side-nav-item-sublist-${a}`)))}))]}));exports.Accordion=({id:a,allowMultiSelect:t=!1,items:r,children:n})=>{if(!n&&!r)return e.jsx(e.Fragment,{});const i=s.useRef(null);return s.useEffect((()=>{const e=i.current;return e&&e.querySelectorAll("button").forEach((e=>{O.default.on(e)})),()=>{e&&e.querySelectorAll("button").forEach((e=>{O.default.off(e)}))}})),e.jsx("div",Object.assign({id:a,ref:i,className:B("usa-accordion",{"usa-accordion--multiselectable":t}),"data-allow-multiple":!!t||void 0},{children:null!=n?n:null==r?void 0:r.map(((s,a)=>e.jsx(U,Object.assign({id:s.id,label:s.label,expanded:s.expanded},{children:s.children}),`accordion-item-${a}`)))}))},exports.AccordionItem=U,exports.Alert=({id:s,type:a,show:t=!0,slim:r,noIcon:n,heading:i,body:l,children:c})=>{const o=B("usa-alert",{"usa-alert--success":"success"===a,"usa-alert--warning":"warning"===a,"usa-alert--error":"error"===a,"usa-alert--emergency":"emergency"===a,"usa-alert--info":"info"===a,"usa-alert--slim":r,"usa-alert--no-icon":n});return t?e.jsx("div",Object.assign({id:s,className:o},{children:e.jsxs("div",Object.assign({className:"usa-alert__body"},{children:[i&&e.jsx("h4",Object.assign({className:"usa-alert__heading"},{children:i})),null!=l?l:e.jsx("p",Object.assign({className:"usa-alert__text"},{children:c}))]}))})):e.jsx(e.Fragment,{})},exports.Banner=({id:a,type:t="gov"})=>{const[r]=s.useState(!1),n=s.useRef(null);return s.useEffect((()=>{const e=n.current;return N.default.on(e),O.default.on(e),()=>{N.default.off(e),O.default.off(e)}})),e.jsx("section",Object.assign({id:a,className:"usa-banner","aria-label":"Official government website",ref:n},{children:e.jsxs("div",Object.assign({className:"usa-accordion"},{children:[e.jsx("header",Object.assign({className:"usa-banner__header"},{children:e.jsxs("div",Object.assign({className:"usa-banner__inner"},{children:[e.jsx("div",Object.assign({className:"grid-col-auto"},{children:e.jsx("img",{className:"usa-banner__header-flag",src:y.default,alt:"U.S. flag"})})),e.jsxs("div",Object.assign({className:"grid-col-fill tablet:grid-col-auto"},{children:[e.jsx("p",Object.assign({className:"usa-banner__header-text"},{children:"An official website of the United States government"})),e.jsx("p",Object.assign({className:"usa-banner__header-action","aria-hidden":"true"},{children:"Here’s how you know"}))]})),e.jsx("button",Object.assign({className:"usa-accordion__button usa-banner__button","aria-expanded":"false","aria-controls":"gov-banner-default"},{children:e.jsx("span",Object.assign({className:"usa-banner__button-text"},{children:"Here’s how you know"}))}))]}))})),e.jsx("div",Object.assign({className:"usa-banner__content usa-accordion__content",id:"gov-banner-default",hidden:!r},{children:e.jsxs("div",Object.assign({className:"grid-row grid-gap-lg"},{children:[e.jsxs("div",Object.assign({className:"usa-banner__guidance tablet:grid-col-6"},{children:[e.jsx("img",{className:"usa-banner__icon usa-media-block__img",src:k.default,role:"img",alt:"","aria-hidden":"true"}),e.jsx("div",Object.assign({className:"usa-media-block__body"},{children:e.jsxs("p",{children:[e.jsxs("strong",{children:[" Official websites use .",t," "]}),e.jsx("br",{}),"A ",e.jsxs("strong",{children:[".",t]})," website belongs to an official"," ",Y[t]," organization in the United States."]})}))]})),e.jsxs("div",Object.assign({className:"usa-banner__guidance tablet:grid-col-6"},{children:[e.jsx("img",{className:"usa-banner__icon usa-media-block__img",src:C.default,role:"img",alt:"","aria-hidden":"true"}),e.jsx("div",Object.assign({className:"usa-media-block__body"},{children:e.jsxs("p",{children:[e.jsx("strong",{children:" Secure .gov websites use HTTPS "}),e.jsx("br",{}),"A ",e.jsx("strong",{children:"lock"})," (",e.jsx("span",Object.assign({className:"icon-lock"},{children:e.jsxs("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"52",height:"64",viewBox:"0 0 52 64",className:"usa-banner__lock-image",role:"img","aria-labelledby":"banner-lock-title-default banner-lock-description-default",focusable:"false"},{children:[e.jsx("title",Object.assign({id:"banner-lock-title-default"},{children:"Lock"})),e.jsx("desc",Object.assign({id:"banner-lock-description-default"},{children:"A locked padlock"})),e.jsx("path",{fill:"#000000",fillRule:"evenodd",d:"M26 0c10.493 0 19 8.507 19 19v9h3a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4h3v-9C7 8.507 15.507 0 26 0zm0 8c-5.979 0-10.843 4.77-10.996 10.712L15 19v9h22v-9c0-6.075-4.925-11-11-11z"})]}))})),") or ",e.jsx("strong",{children:"https://"})," means you’ve safely connected to the .",t," ","website. Share sensitive information only on official, secure websites."]})}))]}))]}))}))]}))}))},exports.Breadcrumb=({id:s,current:a,action:t,items:r,children:n})=>n||r?e.jsx("nav",Object.assign({className:"usa-breadcrumb breadcrumb","aria-label":"Breadcrumbs,,",id:s},{children:e.jsxs("ol",Object.assign({className:"usa-breadcrumb__list"},{children:[null!=n?n:null==r?void 0:r.map(((s,a)=>e.jsx(G,{path:s.path,name:s.name,action:t},`breadcrumb-${a}`))),a?e.jsx("li",Object.assign({className:"usa-breadcrumb__list-item usa-current","aria-current":"true"},{children:e.jsx("span",{children:a})})):e.jsx(e.Fragment,{})]}))})):e.jsx(e.Fragment,{}),exports.BreadcrumbItem=G,exports.Button=s=>{var{id:a,type:t="button",variant:r="default",size:n="default",className:i,children:l}=s,c=J(s,["id","type","variant","size","className","children"]);const o=B("usa-button",{"usa-button--secondary":"secondary"===r,"usa-button--accent-cool":"accent-cool"===r,"usa-button--accent-warm":"accent-warm"===r,"usa-button--base":"base"===r,"usa-button--outline":"outline"===r,"usa-button--outline usa-button--inverse":"outline-inverse"===r,"usa-button--unstyled":"unstyled"===r,"usa-button--big":"big"===n},i);return e.jsx("button",Object.assign({id:a,type:t,className:o,"data-testid":"button"},c,{children:l}))},exports.ButtonGroup=({id:a,type:t="default",className:r,children:n})=>{const i=B("usa-button-group",{"usa-button-group--segmented":"segmented"===t},r);return e.jsx("ul",Object.assign({id:a,className:i},{children:s.Children.map(n,((s,a)=>e.jsx("li",Object.assign({className:"usa-button-group__item"},{children:s}),a)))}))},exports.Card=({id:s,className:a,children:t})=>{const r=B("usa-card__container",a);return e.jsx("div",Object.assign({className:"usa-card",id:s},{children:e.jsx("div",Object.assign({className:r},{children:t}))}))},exports.CardBody=({children:s})=>e.jsx("div",Object.assign({className:"usa-card__body"},{children:s})),exports.CardFooter=({children:s})=>e.jsx("div",Object.assign({className:"usa-card__footer"},{children:s})),exports.CardHeader=({children:s})=>e.jsx("div",Object.assign({className:"usa-card__header"},{children:e.jsx("h2",Object.assign({className:"usa-card__heading text-primary-dark"},{children:s}))})),exports.CharacterCount=s=>{var{id:a}=s,t=J(s,["id"]);return e.jsx("span",Object.assign({id:a,className:B("usa-hint","usa-character-count__message",t.className),"aria-live":"polite"},{children:t.children}))},exports.CharacterCountContainer=a=>{var{className:t}=a,r=J(a,["className"]);const n=s.useRef(null);return s.useEffect((()=>{const e=n.current;return w.default.on(e),()=>w.default.off(e)})),e.jsx("div",Object.assign({ref:n,className:B("usa-character-count",t)},r,{children:r.children}))},exports.Checkbox=Z,exports.CheckboxGroup=({id:s,name:a,data:t,areTiles:r,required:n,label:i,helperText:l,errors:c,onChange:o,onClick:d})=>e.jsx(X,{id:`form-group-${s}`,required:n,label:i,helperText:l,errors:c,fieldControl:e.jsx(e.Fragment,{children:t.map(((t,n)=>{const i=`${s}__checkbox${n}`;return e.jsx(Z,{id:i,name:a,label:t.label,value:t.value,checked:t.checked,defaultChecked:t.defaultChecked,isTile:r,onChange:o,onClick:d},i)}))})}),exports.ComboBox=a=>{var{id:t,options:r,required:n,label:i,helperText:l,errors:c,onChange:o,className:d,children:u,defaultValue:m,placeholder:h}=a,b=J(a,["id","options","required","label","helperText","errors","onChange","className","children","defaultValue","placeholder"]);const g=s.useRef(null);s.useLayoutEffect((()=>{var e;const s=g.current;return(null===(e=null==s?void 0:s.parentNode)||void 0===e?void 0:e.querySelector(`label[for="${t}"]`))&&S.default.on(s),()=>{s&&S.default.off(s)}}));const p={className:"usa-combo-box",ref:g};return h&&(p["data-placeholder"]=h),m&&(p["data-default-value"]=m),e.jsx(X,{id:`form-group-${t}`,required:n,label:i,helperText:l,errors:c,fieldControl:e.jsx("div",Object.assign({},p,{children:e.jsx("select",Object.assign({id:t,className:B("usa-select",d),defaultValue:m,onChange:o},b,{children:null!=u?u:null==r?void 0:r.map(ee)}))}))})},exports.DatePicker=a=>{var{id:t,minDate:r,maxDate:n,dateRange:i,defaultValue:l,required:c,label:o,helperText:d,errors:u,validationStatus:m,onChange:h}=a,b=J(a,["id","minDate","maxDate","dateRange","defaultValue","required","label","helperText","errors","validationStatus","onChange"]);const g=s.useRef(null);s.useLayoutEffect((()=>{const e=g.current,s=e.querySelector(".usa-date-picker__wrapper");s||q.default.on(e);const a=q.default.getDatePickerContext(e).externalInputEl;return h&&a.addEventListener("change",h),()=>{h&&a.removeEventListener("change",h),s&&q.default.off(e)}}),[]);const p={};r&&(p["data-min-date"]=se(r)),n&&(p["data-max-date"]=se(n)),i&&(p["data-range-date"]=se(i)),l&&(p["data-default-value"]=se(l));const j=B("usa-input",{"usa-input--error":"error"===m,"usa-input--success":"success"===m});return e.jsx(X,{id:`form-group-${t}`,required:c,label:o,helperText:d,errors:u,fieldControl:e.jsx("div",Object.assign({ref:g,className:"usa-date-picker"},p,{children:e.jsx("input",Object.assign({id:t,className:j,type:"text"},b))}))})},exports.DateRangePicker=({id:a,children:t})=>{const r=s.useRef(null);return s.useLayoutEffect((()=>{const e=r.current;return $.default.on(e),()=>$.default.off(e)})),e.jsx("div",Object.assign({id:a,ref:r,className:"usa-date-range-picker"},{children:t}))},exports.ErrorMessages=W,exports.FileInput=a=>{var{id:t,required:r,label:n,helperText:i,errors:l}=a,c=J(a,["id","required","label","helperText","errors"]);const o=s.useRef(null);return s.useLayoutEffect((()=>{const e=o.current;return T.default.on(e),()=>T.default.off(e)}),[]),e.jsx(X,{id:`form-group-${t}`,required:r,label:n,helperText:i,errors:l,fieldControl:e.jsx("input",Object.assign({className:"usa-file-input",type:"file",ref:o,id:t},c))})},exports.Form=s=>{var{id:a,isLarge:t=!1,className:r,children:n}=s,i=J(s,["id","isLarge","className","children"]);return e.jsx("form",Object.assign({id:a,className:B("usa-form",{"usa-form--large":t},r)},i,{children:n}))},exports.FormGroup=X,exports.HelperText=Q,exports.Icon=({id:s,type:a,size:t="size-3",className:r="text-base-darkest"})=>{const n=B("usa-icon",`usa-icon--${t}`,r);return e.jsx("svg",Object.assign({id:s,className:n,"aria-hidden":"true",focusable:"false",role:"img"},{children:e.jsx("use",{xlinkHref:`${E.default}#${a}`})}))},exports.Label=K,exports.List=s=>{var{id:a,type:t="unordered",variant:r="default",className:n,items:i}=s,l=J(s,["id","type","variant","className","items"]);const c=B("usa-list",{"usa-list--unstyled":"unstyled"===r},n),o=s=>s.map((s=>e.jsx("li",Object.assign({id:s.id},{children:s.value}),s.id)));return"unordered"===t?e.jsx("ul",Object.assign({id:a,className:c},l,{children:o(i)})):e.jsx("ol",Object.assign({id:a,className:c},l,{children:o(i)}))},exports.MemorableDate=s=>{var{id:a,required:t,label:r,helperText:n,errors:i,defaultMonthValue:l,defaultDayValue:c,defaultYearValue:o,onMonthChange:d,onDayChange:u,onYearChange:m}=s,h=J(s,["id","required","label","helperText","errors","defaultMonthValue","defaultDayValue","defaultYearValue","onMonthChange","onDayChange","onYearChange"]);return e.jsx(X,{id:`form-group-${a}`,required:t,label:r,helperText:n,errors:i,fieldControl:e.jsxs("div",Object.assign({id:`memorable-date-${a}`,className:"usa-memorable-date","data-testid":"memorable-date"},h,{children:[e.jsxs("div",Object.assign({className:"usa-form-group usa-form-group--month usa-form-group--select"},{children:[e.jsx("label",Object.assign({className:"usa-label",htmlFor:`memorable-date-month-${a}`},{children:"Month"})),e.jsxs("select",Object.assign({className:"usa-select",id:`memorable-date-month-${a}`,name:`memorable-date-month-${a}`,defaultValue:l,onChange:d},{children:[e.jsx("option",Object.assign({value:""},{children:"- Select -"})),e.jsx("option",Object.assign({value:1},{children:"01 - January"})),e.jsx("option",Object.assign({value:2},{children:"02 - February"})),e.jsx("option",Object.assign({value:3},{children:"03 - March"})),e.jsx("option",Object.assign({value:4},{children:"04 - April"})),e.jsx("option",Object.assign({value:5},{children:"05 - May"})),e.jsx("option",Object.assign({value:6},{children:"06 - June"})),e.jsx("option",Object.assign({value:7},{children:"07 - July"})),e.jsx("option",Object.assign({value:8},{children:"08 - August"})),e.jsx("option",Object.assign({value:9},{children:"09 - September"})),e.jsx("option",Object.assign({value:10},{children:"10 - October"})),e.jsx("option",Object.assign({value:11},{children:"11 - November"})),e.jsx("option",Object.assign({value:12},{children:"12 - December"}))]}))]})),e.jsxs("div",Object.assign({className:"usa-form-group usa-form-group--day"},{children:[e.jsx("label",Object.assign({className:"usa-label",htmlFor:`memorable-date-day-${a}`},{children:"Day"})),e.jsx("input",{className:"usa-input",id:`memorable-date-day-${a}`,name:`memorable-date-day-${a}`,type:"number",minLength:1,maxLength:2,pattern:"[0-9]*",inputMode:"numeric",defaultValue:c,onChange:u})]})),e.jsxs("div",Object.assign({className:"usa-form-group usa-form-group--year"},{children:[e.jsx("label",Object.assign({className:"usa-label",htmlFor:`memorable-date-year-${a}`},{children:"Year"})),e.jsx("input",{className:"usa-input",id:`memorable-date-year-${a}`,name:`memorable-date-year-${a}`,type:"number",minLength:4,maxLength:4,pattern:"[0-9]*",inputMode:"numeric",defaultValue:o,onChange:m})]}))]}))})},exports.Modal=({id:a,heading:t,size:r="small",footer:n,children:i})=>{const l=s.useRef(null);s.useLayoutEffect((()=>{const e=l.current;return L.default.on(e),()=>L.default.off(e)}));const c=B("usa-modal",{"usa-modal--lg":"large"===r});return e.jsx("div",Object.assign({ref:l,className:c,id:a,"aria-labelledby":`${a}-heading`,"aria-describedby":`${a}-description`},{children:e.jsxs("div",Object.assign({className:"usa-modal__content"},{children:[e.jsxs("div",Object.assign({className:"usa-modal__main"},{children:[e.jsx("h2",Object.assign({className:"usa-modal__heading",id:`${a}-heading`},{children:t})),i,e.jsx("div",Object.assign({className:"usa-modal__footer"},{children:n}))]})),e.jsx("button",Object.assign({className:"usa-button usa-modal__close","aria-label":"Close this window","data-close-modal":!0},{children:e.jsx("svg",Object.assign({className:"usa-icon","aria-hidden":"true",focusable:"false",role:"img"},{children:e.jsx("use",{xlinkHref:`${E.default}#close`})}))}))]}))}))},exports.Pagination=({id:s,currentPage:a,amountOfPages:t,amountOfVisiblePageItems:r=3,ariaLabel:n,createPageUrl:i=(()=>"#"),onPage:l=(()=>{})})=>{t<=7&&(r=7);let c=Math.max(0,a-Math.floor(r/2));const o=Math.min(t,c+r)-1;return o===t-1&&(c=Math.max(0,o-r+1)),e.jsx("nav",Object.assign({id:s,"aria-label":n,className:"usa-pagination"},{children:e.jsxs("ul",Object.assign({className:"usa-pagination__list"},{children:[a>0&&e.jsx("li",Object.assign({className:"usa-pagination__item usa-pagination__arrow"},{children:e.jsxs("a",Object.assign({href:i(a-1),onClick:e=>l(e,a-1),className:"usa-pagination__link usa-pagination__previous-page","aria-label":"Previous page"},{children:[e.jsx("svg",Object.assign({className:"usa-icon","aria-hidden":"true",role:"img"},{children:e.jsx("use",{xlinkHref:`${E.default}#navigate_before`})})),e.jsx("span",Object.assign({className:"usa-pagination__link-text"},{children:"Previous"}))]}))})),c>0&&e.jsxs(e.Fragment,{children:[le(0,a,t,i,l),e.jsx("li",Object.assign({className:"usa-pagination__item usa-pagination__overflow"},{children:e.jsx("span",{children:"…"})}))]}),ie(c,o,(e=>le(e,a,t,i,l))),o<t-1&&e.jsxs(e.Fragment,{children:[e.jsx("li",Object.assign({className:"usa-pagination__item usa-pagination__overflow"},{children:e.jsx("span",{children:"…"})})),le(t-1,a,t,i,l)]}),a<t-1&&e.jsx("li",Object.assign({className:"usa-pagination__item usa-pagination__arrow"},{children:e.jsxs("a",Object.assign({href:i(a+1),onClick:e=>l(e,a+1),className:"usa-pagination__link usa-pagination__next-page","aria-label":"Next page"},{children:[e.jsx("span",Object.assign({className:"usa-pagination__link-text"},{children:"Next"})),e.jsx("svg",Object.assign({className:"usa-icon","aria-hidden":"true",role:"img"},{children:e.jsx("use",{xlinkHref:`${E.default}#navigate_next`})}))]}))}))]}))}))},exports.ProcessList=({id:s,steps:a,currentStep:t=0,children:r})=>r||a?e.jsx("ol",Object.assign({id:s,className:"usa-process-list"},{children:null!=r?r:null==a?void 0:a.map(((s,r)=>e.jsx(ce,Object.assign({heading:s.heading,isCurrentStep:t===r+1&&t!==a.length,isCompletedStep:t>r+1||t===a.length,isLastStep:r===a.length-1},{children:s.children}),r)))})):e.jsx(e.Fragment,{}),exports.ProcessListStep=ce,exports.Prose=s=>{var{id:a,className:t,children:r}=s,n=J(s,["id","className","children"]);const i=B("usa-prose",t);return e.jsx("section",Object.assign({id:a,className:i},n,{children:r}))},exports.RadioButton=oe,exports.RadioButtonGroup=({id:s,name:a,data:t,areTiles:r,required:n,label:i,helperText:l,errors:c,onChange:o,onClick:d})=>e.jsx(X,{id:`form-group-${s}`,required:n,label:i,helperText:l,errors:c,fieldControl:e.jsx(e.Fragment,{children:t.map(((t,n)=>{const i=`${s}__radio${n}`;return e.jsx(oe,{id:i,name:a,label:t.label,value:t.value,checked:t.checked,defaultChecked:t.defaultChecked,isTile:r,onChange:o,onClick:d},i)}))})}),exports.RangeSlider=s=>{var{id:a,required:t,label:r,helperText:n,errors:i,minValue:l,maxValue:c,step:o="10",defaultValue:d,onChange:u}=s,m=J(s,["id","required","label","helperText","errors","minValue","maxValue","step","defaultValue","onChange"]);return e.jsx(X,{id:`form-group-${a}`,required:t,label:r,helperText:n,errors:i,fieldControl:e.jsx("input",Object.assign({id:a,className:"usa-range",type:"range",min:l,max:c,step:o,defaultValue:d,onChange:u,role:"slider"},m))})},exports.Search=s=>{var{id:a,type:t="default",onSearch:r}=s,n=J(s,["id","type","onSearch"]);const i=B("usa-search",{"usa-search--small":"small"===t,"usa-search--big":"big"===t});return e.jsxs("form",Object.assign({id:a,className:i,role:"search",onSubmit:function(e){if(r){const s=e.target;r(e,s.elements.search.value)}}},{children:[e.jsx("label",Object.assign({className:"usa-sr-only",htmlFor:`${a}__search-field`},{children:"Search"})),e.jsx("input",Object.assign({className:"usa-input",id:`${a}__search-field`,type:"search",name:"search"},n)),e.jsxs("button",Object.assign({className:"usa-button",type:"submit"},{children:[e.jsx("span",Object.assign({className:"small"===t?"usa-sr-only":"usa-search__submit-text"},{children:"Search"})),e.jsx("img",{src:V.default,className:"usa-search__submit-icon",alt:"Search icon"})]}))]}))},exports.Select=s=>{var{id:a,defaultOption:t={value:"",label:"- Select -"},options:r,required:n,label:i,helperText:l,errors:c,onChange:o,className:d,children:u}=s,m=J(s,["id","defaultOption","options","required","label","helperText","errors","onChange","className","children"]);return u||r?e.jsx(X,{id:`form-group-${a}`,required:n,label:i,helperText:l,errors:c,fieldControl:e.jsxs("select",Object.assign({id:a,className:B("usa-select",d),defaultValue:null==t?void 0:t.value,onChange:o},m,{children:[ee(t,-1),null!=u?u:null==r?void 0:r.map(ee)]}))}):e.jsx(e.Fragment,{})},exports.SelectOption=({value:s,label:a})=>e.jsx("option",Object.assign({value:s},{children:a})),exports.SideNavigation=({id:s,ariaLabel:a,items:t,children:r})=>r||t?e.jsx("nav",Object.assign({id:s,"aria-label":a},{children:e.jsx("ul",Object.assign({className:"usa-sidenav"},{children:null!=r?r:null==t?void 0:t.map(((s,a)=>e.jsx(de,{items:s.items,anchor:s.anchor},`side-nav-item-${a}`)))}))})):e.jsx(e.Fragment,{}),exports.SideNavigationItem=de,exports.SiteAlert=({id:s,type:a="Info",heading:t,slim:r=!1,noIcon:n=!1,className:i,children:l})=>{const c=B("usa-site-alert",{"usa-site-alert--emergency":"Emergency"===a,"usa-site-alert--info":"Info"===a,"usa-site-alert--slim":r,"usa-site-alert--no-icon":n},i);return e.jsx("section",Object.assign({id:s,className:c,"aria-label":"Site Alert"},{children:e.jsx("div",Object.assign({className:"usa-alert"},{children:e.jsxs("div",Object.assign({className:"usa-alert__body"},{children:[t&&e.jsx("h3",Object.assign({className:"usa-alert__heading"},{children:t})),l&&e.jsx("p",Object.assign({className:"usa-alert__text"},{children:l}))]}))}))}))},exports.StepIndicator=({id:a,steps:t,currentStep:r,hideLabels:n=!1,showCounters:i=!1,showSmallCounters:l=!1,centerCounters:c=!1,headingLevel:o="h4"})=>{const d=B("usa-step-indicator",{"usa-step-indicator--no-labels":n,"usa-step-indicator--counters":i,"usa-step-indicator--counters-sm":l,"usa-step-indicator--center":c});return e.jsxs("div",Object.assign({id:a,className:d,"aria-label":"progress"},{children:[e.jsx("ol",Object.assign({className:"usa-step-indicator__segments"},{children:t.map(((a,t)=>{const n={key:t,className:"usa-step-indicator__segment"};let i="";return t<r?(n.className+=" usa-step-indicator__segment--complete",i="completed"):t>r?i="not completed":(n.className+=" usa-step-indicator__segment--current",Object.assign(n,{"aria-current":!0})),s.createElement("li",Object.assign({},n,{key:`usa-step-label-${t}`}),e.jsxs("span",Object.assign({className:"usa-step-indicator__segment-label"},{children:[a,""!==i&&e.jsx("span",Object.assign({className:"usa-sr-only"},{children:i}))]})))}))})),e.jsx("div",Object.assign({className:"usa-step-indicator__header"},{children:s.createElement(o,{className:"usa-step-indicator__heading"},e.jsxs(e.Fragment,{children:[e.jsxs("span",Object.assign({className:"usa-step-indicator__heading-counter"},{children:[e.jsx("span",Object.assign({className:"usa-sr-only"},{children:"Step"})),e.jsx("span",Object.assign({className:"usa-step-indicator__current-step"},{children:r+1})),e.jsxs("span",Object.assign({className:"usa-step-indicator__total-steps"},{children:[" of ",t.length]}))]})),e.jsx("span",Object.assign({className:"usa-step-indicator__heading-text"},{children:t[r]}))]}))}))]}))},exports.SummaryBox=({id:s,heading:a,className:t,items:r})=>{const n=B("usa-summary-box",t);return e.jsx("div",Object.assign({className:n,role:"region","aria-labelledby":s},{children:e.jsxs("div",Object.assign({className:"usa-summary-box__body"},{children:[e.jsx("h3",Object.assign({className:"usa-summary-box__heading",id:s},{children:a})),e.jsx("div",Object.assign({className:"usa-summary-box__text"},{children:e.jsx("ul",Object.assign({className:"usa-list"},{children:r.map(((s,a)=>e.jsx("li",{children:s},a)))}))}))]}))}))},exports.Table=({id:a,caption:t,columns:r,data:n,sortable:i=!1,sortIndex:l=0,sortDir:c="ascending",onSort:o,scrollable:d=!1,borderless:u=!1,striped:m=!1,className:h,tabIndex:b=-1})=>{const g=s.useRef(null);return s.useEffect((()=>{const e=g.current;return i&&M.default.on(e),()=>{i&&(M.default.off(e),null==e||e.querySelectorAll(".usa-table__header__button").forEach((e=>e.remove())))}})),s.useEffect((()=>{const e=new MutationObserver((e=>{for(const s of e)if(o&&"aria-sort"===s.attributeName){s.target.getAttribute("aria-sort")&&o()}}));if(g.current&&o){g.current.querySelectorAll("th").forEach((s=>e.observe(s,{attributes:!0})))}}),[r]),e.jsxs("div",Object.assign({id:a,className:B({"usa-table-container":!d},{"usa-table-container--scrollable":d},{"usa-table--borderless":u},{"usa-table--striped":m}),ref:g},{children:[e.jsxs("table",Object.assign({className:B("usa-table",h),tabIndex:b},{children:[e.jsx("caption",Object.assign({hidden:!!t},{children:t})),e.jsx("thead",{children:e.jsx("tr",{children:r.map((e=>Object.assign(Object.assign({},e),{sortable:void 0===e.sortable||e.sortable}))).map(((s,a)=>e.jsx("th",Object.assign({id:s.id,"data-sortable":i&&s.sortable||null,scope:"col",role:"columnheader","aria-sort":i&&s.sortable&&l===a?"descending"===c?"ascending":"descending":void 0},{children:s.name}),s.id)))})}),e.jsx("tbody",{children:n.map(((s,a)=>{const t=[];for(const e in s)i?t.push({value:s[e].value,sortValue:s[e].sortValue}):t.push({value:s[e].value?s[e].value:s[e]});return e.jsx("tr",{children:t.map(((s,a)=>e.jsx("td",Object.assign({"data-sort-value":i?s.sortValue:s.value},{children:s.value}),`td-${a}`)))},`tr-${a}`)}))})]})),i&&e.jsx("div",{className:"usa-sr-only usa-table__announcement-region","aria-live":"polite"})]}))},exports.Tag=({id:s,children:a,size:t="Default",className:r})=>{const n=B("usa-tag",{"usa-tag--big":"Big"===t},r);return e.jsx("span",Object.assign({id:s,className:n},{children:a}))},exports.TextArea=s=>{var{id:a,name:t,rows:r,required:n,label:i,helperText:l,errors:c,validationStatus:o,className:d,onChange:u}=s,m=J(s,["id","name","rows","required","label","helperText","errors","validationStatus","className","onChange"]);const h=B("usa-textarea",{"usa-input--error":"error"===o,"usa-input--success":"success"===o},d);return e.jsx(X,{id:`form-group-${a}`,required:n,label:i,helperText:l,errors:c,validationStatus:o,fieldControl:e.jsx("textarea",Object.assign({className:h,style:void 0===r?void 0:{height:"unset"},id:a,name:t,rows:r,onChange:u},m))})},exports.TextInput=a=>{var{id:t,name:r,required:n,label:i,helperText:l,errors:c,validationStatus:o,className:d,type:u,mask:m,prefix:h,suffix:b,onChange:g}=a,p=J(a,["id","name","required","label","helperText","errors","validationStatus","className","type","mask","prefix","suffix","onChange"]);const j=s.useRef(null);s.useEffect((()=>{const e=j.current;return e&&m&&F.default.on(e),()=>{e&&m&&F.default.off(e)}}));const x=B("usa-input",{"usa-input--error":"error"===o,"usa-input--success":"success"===o,"usa-masked":m},d),f=e.jsx("input",Object.assign({ref:j,id:t,name:r,className:x,"data-testid":"input",type:re(m,u),onChange:g,pattern:ae(m,p.pattern),placeholder:te(m,p.placeholder),inputMode:ne(m,p.inputMode)},p)),_=e.jsxs("div",Object.assign({className:"usa-input-group"},{children:[h?e.jsx("div",Object.assign({className:"usa-input-prefix","aria-hidden":"true"},{children:h})):void 0,f,b?e.jsx("div",Object.assign({className:"usa-input-suffix","aria-hidden":"true"},{children:b})):void 0]}));return e.jsx(X,{id:`form-group-${t}`,required:n,label:i,helperText:l,errors:c,validationStatus:o,fieldControl:(null!=h?h:b)?_:f})},exports.TimePicker=a=>{var{id:t,required:r,label:n,helperText:i,errors:l,filter:c,minTime:o,maxTime:d,step:u,onChange:m}=a,h=J(a,["id","required","label","helperText","errors","filter","minTime","maxTime","step","onChange"]);const b=s.useRef(null);s.useLayoutEffect((()=>{var e;const s=b.current,a=null===(e=null==s?void 0:s.parentNode)||void 0===e?void 0:e.querySelector(`label[for="${t}"]`);if(a){P.default.on(s),S.default.on(s);const e=s.querySelector(".usa-combo-box__input");m&&e.addEventListener("change",m)}return()=>{if(a){S.default.off(s),P.default.off(s);const e=s.querySelector(".usa-combo-box__input");m&&e.removeEventListener("change",m)}}}));const g={};return c&&(g["data-filter"]=c),o&&(g["data-min-time"]=o),d&&(g["data-max-time"]=d),u&&(g["data-step"]=u),e.jsx(X,{id:`form-group-${t}`,required:r,label:n,helperText:i,errors:l,fieldControl:e.jsx("div",Object.assign({ref:b,className:B("usa-time-picker",h.className)},g,{children:e.jsx("input",Object.assign({className:"usa-input",type:"text",id:t},h))}))})},exports.Tooltip=({label:a,position:t="top",children:r})=>{const n=s.useRef(null);return s.useLayoutEffect((()=>{var e;const s=null===(e=n.current)||void 0===e?void 0:e.firstChild;return s&&(s.classList.add("usa-tooltip"),s.title=a,s.setAttribute("data-position",t),A.default.on(s)),()=>A.default.off(s)})),e.jsx("span",Object.assign({ref:n},{children:r}))},exports.useHeader=()=>({on:e=>{D.default.on(e)},off:e=>{D.default.off(e)}}),exports.useModal=()=>({toggleModal:e=>{L.default.toggleModal.call(L.default,e)}}); | ||
//# sourceMappingURL=index.js.map |
@@ -14,4 +14,8 @@ import React, { ReactNode, SyntheticEvent } from 'react'; | ||
*/ | ||
variant?: 'default' | 'secondary' | 'accent-cool' | 'accent-warm' | 'base' | 'outline' | 'outline-inverse' | 'big' | 'unstyled'; | ||
variant?: 'default' | 'secondary' | 'accent-cool' | 'accent-warm' | 'base' | 'outline' | 'outline-inverse' | 'unstyled'; | ||
/** | ||
* The size of the button | ||
*/ | ||
size?: 'default' | 'big'; | ||
/** | ||
* A custom class to apply to the component | ||
@@ -32,3 +36,3 @@ */ | ||
*/ | ||
export declare const Button: ({ id, type, variant, className, children, ...props }: ButtonProps & JSX.IntrinsicElements['button']) => React.ReactElement; | ||
export declare const Button: ({ id, type, variant, size, className, children, ...props }: ButtonProps & JSX.IntrinsicElements['button']) => React.ReactElement; | ||
export default Button; |
@@ -6,3 +6,3 @@ import{jsx as e,Fragment as a,jsxs as s}from"react/jsx-runtime";import n,{useRef as r,useEffect as t,useState as i,Children as l,isValidElement as c,useLayoutEffect as o,createElement as d}from"react";import u from"@uswds/uswds/js/usa-accordion";import m from"@uswds/uswds/js/usa-banner";import h from"@uswds/uswds/img/us_flag_small.png";import b from"@uswds/uswds/img/icon-https.svg";import g from"@uswds/uswds/img/icon-dot-gov.svg";import p from"@uswds/uswds/js/usa-character-count";import f from"@uswds/uswds/js/usa-combo-box";import _ from"@uswds/uswds/js/usa-date-picker";import v from"@uswds/uswds/js/usa-date-range-picker";import O from"@uswds/uswds/js/usa-file-input";import j from"@uswds/uswds/img/sprite.svg";import N from"@uswds/uswds/js/usa-input-mask";import y from"@uswds/uswds/js/usa-modal";import x from"@uswds/uswds/img/usa-icons-bg/search--white.svg";import k from"@uswds/uswds/js/usa-table";import C from"@uswds/uswds/js/usa-time-picker";import w from"@uswds/uswds/js/usa-tooltip";import S from"@uswds/uswds/js/usa-header";function $(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var T,q={exports:{}}; | ||
http://jedwatson.github.io/classnames | ||
*/T=q,function(){var e={}.hasOwnProperty;function a(){for(var e="",a=0;a<arguments.length;a++){var r=arguments[a];r&&(e=n(e,s(r)))}return e}function s(s){if("string"==typeof s||"number"==typeof s)return s;if("object"!=typeof s)return"";if(Array.isArray(s))return a.apply(null,s);if(s.toString!==Object.prototype.toString&&!s.toString.toString().includes("[native code]"))return s.toString();var r="";for(var t in s)e.call(s,t)&&s[t]&&(r=n(r,t));return r}function n(e,a){return a?e?e+" "+a:e+a:e}T.exports?(a.default=a,T.exports=a):window.classNames=a}();var V=$(q.exports);function M(e,a){void 0===a&&(a={});var s=a.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===s&&n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}M(".accordion-item {\n margin: 10px;\n border: none;\n}\n");const L=({id:s,allowMultiSelect:n=!1,items:i,children:l})=>{if(!l&&!i)return e(a,{});const c=r(null);return t((()=>{const e=c.current;return e&&e.querySelectorAll("button").forEach((e=>{u.on(e)})),()=>{e&&e.querySelectorAll("button").forEach((e=>{u.off(e)}))}})),e("div",Object.assign({id:s,ref:c,className:V("usa-accordion",{"usa-accordion--multiselectable":n}),"data-allow-multiple":!!n||void 0},{children:null!=l?l:null==i?void 0:i.map(((a,s)=>e(E,Object.assign({id:a.id,label:a.label,expanded:a.expanded},{children:a.children}),`accordion-item-${s}`)))}))},E=({id:a,label:n,expanded:r,children:t})=>s("div",Object.assign({className:"accordion-item","data-testid":"accordion-item"},{children:[e("h4",Object.assign({className:"usa-accordion__heading"},{children:e("button",Object.assign({type:"button",className:"usa-accordion__button","data-testid":"accordion-button","aria-expanded":r,"aria-controls":a},{children:n}))})),e("div",Object.assign({id:a,className:"usa-accordion__content usa-prose text-left","data-testid":"accordion-content",hidden:!r},{children:t}))]})),D=({id:n,type:r,show:t=!0,slim:i,noIcon:l,heading:c,body:o,children:d})=>{const u=V("usa-alert",{"usa-alert--success":"success"===r,"usa-alert--warning":"warning"===r,"usa-alert--error":"error"===r,"usa-alert--emergency":"emergency"===r,"usa-alert--info":"info"===r,"usa-alert--slim":i,"usa-alert--no-icon":l});return t?e("div",Object.assign({id:n,className:u},{children:s("div",Object.assign({className:"usa-alert__body"},{children:[c&&e("h4",Object.assign({className:"usa-alert__heading"},{children:c})),null!=o?o:e("p",Object.assign({className:"usa-alert__text"},{children:d}))]}))})):e(a,{})},A={gov:"government",mil:"U.S. Department of Defense"},P=({id:a,type:n="gov"})=>{const[l]=i(!1),c=r(null);return t((()=>{const e=c.current;return m.on(e),u.on(e),()=>{m.off(e),u.off(e)}})),e("section",Object.assign({id:a,className:"usa-banner","aria-label":"Official government website",ref:c},{children:s("div",Object.assign({className:"usa-accordion"},{children:[e("header",Object.assign({className:"usa-banner__header"},{children:s("div",Object.assign({className:"usa-banner__inner"},{children:[e("div",Object.assign({className:"grid-col-auto"},{children:e("img",{className:"usa-banner__header-flag",src:h,alt:"U.S. flag"})})),s("div",Object.assign({className:"grid-col-fill tablet:grid-col-auto"},{children:[e("p",Object.assign({className:"usa-banner__header-text"},{children:"An official website of the United States government"})),e("p",Object.assign({className:"usa-banner__header-action","aria-hidden":"true"},{children:"Here’s how you know"}))]})),e("button",Object.assign({className:"usa-accordion__button usa-banner__button","aria-expanded":"false","aria-controls":"gov-banner-default"},{children:e("span",Object.assign({className:"usa-banner__button-text"},{children:"Here’s how you know"}))}))]}))})),e("div",Object.assign({className:"usa-banner__content usa-accordion__content",id:"gov-banner-default",hidden:!l},{children:s("div",Object.assign({className:"grid-row grid-gap-lg"},{children:[s("div",Object.assign({className:"usa-banner__guidance tablet:grid-col-6"},{children:[e("img",{className:"usa-banner__icon usa-media-block__img",src:g,role:"img",alt:"","aria-hidden":"true"}),e("div",Object.assign({className:"usa-media-block__body"},{children:s("p",{children:[s("strong",{children:[" Official websites use .",n," "]}),e("br",{}),"A ",s("strong",{children:[".",n]})," website belongs to an official"," ",A[n]," organization in the United States."]})}))]})),s("div",Object.assign({className:"usa-banner__guidance tablet:grid-col-6"},{children:[e("img",{className:"usa-banner__icon usa-media-block__img",src:b,role:"img",alt:"","aria-hidden":"true"}),e("div",Object.assign({className:"usa-media-block__body"},{children:s("p",{children:[e("strong",{children:" Secure .gov websites use HTTPS "}),e("br",{}),"A ",e("strong",{children:"lock"})," (",e("span",Object.assign({className:"icon-lock"},{children:s("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"52",height:"64",viewBox:"0 0 52 64",className:"usa-banner__lock-image",role:"img","aria-labelledby":"banner-lock-title-default banner-lock-description-default",focusable:"false"},{children:[e("title",Object.assign({id:"banner-lock-title-default"},{children:"Lock"})),e("desc",Object.assign({id:"banner-lock-description-default"},{children:"A locked padlock"})),e("path",{fill:"#000000",fillRule:"evenodd",d:"M26 0c10.493 0 19 8.507 19 19v9h3a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4h3v-9C7 8.507 15.507 0 26 0zm0 8c-5.979 0-10.843 4.77-10.996 10.712L15 19v9h22v-9c0-6.075-4.925-11-11-11z"})]}))})),") or ",e("strong",{children:"https://"})," means you’ve safely connected to the .",n," ","website. Share sensitive information only on official, secure websites."]})}))]}))]}))}))]}))}))},z=({id:n,current:r,action:t,items:i,children:l})=>l||i?e("nav",Object.assign({className:"usa-breadcrumb breadcrumb","aria-label":"Breadcrumbs,,",id:n},{children:s("ol",Object.assign({className:"usa-breadcrumb__list"},{children:[null!=l?l:null==i?void 0:i.map(((a,s)=>e(I,{path:a.path,name:a.name,action:t},`breadcrumb-${s}`))),r?e("li",Object.assign({className:"usa-breadcrumb__list-item usa-current","aria-current":"true"},{children:e("span",{children:r})})):e(a,{})]}))})):e(a,{}),I=({path:a,name:s,action:n})=>e("li",Object.assign({className:"usa-breadcrumb__list-item"},{children:e("span",Object.assign({className:"usa-breadcrumb__link span-link","data-testid":"breadcrumb-link",onClick:()=>!!n&&n(a)},{children:e("span",{children:s})}))}));function F(e,a){var s={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&a.indexOf(n)<0&&(s[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)a.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(s[n[r]]=e[n[r]])}return s}"function"==typeof SuppressedError&&SuppressedError;const H=a=>{var{id:s,type:n="button",variant:r="default",className:t,children:i}=a,l=F(a,["id","type","variant","className","children"]);const c=V("usa-button",{"usa-button--secondary":"secondary"===r,"usa-button--accent-cool":"accent-cool"===r,"usa-button--accent-warm":"accent-warm"===r,"usa-button--base":"base"===r,"usa-button--outline":"outline"===r,"usa-button--outline usa-button--inverse":"outline-inverse"===r,"usa-button--big":"big"===r,"usa-button--unstyled":"unstyled"===r},t);return e("button",Object.assign({id:s,type:n,className:c,"data-testid":"button"},l,{children:i}))},B=({id:a,type:s="default",className:n,children:r})=>{const t=V("usa-button-group",{"usa-button-group--segmented":"segmented"===s},n);return e("ul",Object.assign({id:a,className:t},{children:l.map(r,((a,s)=>e("li",Object.assign({className:"usa-button-group__item"},{children:a}),s)))}))},U=({id:a,className:s,children:n})=>{const r=V("usa-card__container",s);return e("div",Object.assign({className:"usa-card",id:a},{children:e("div",Object.assign({className:r},{children:n}))}))},Y=({children:a})=>e("div",Object.assign({className:"usa-card__body"},{children:a})),R=({children:a})=>e("div",Object.assign({className:"usa-card__header"},{children:e("h2",Object.assign({className:"usa-card__heading text-primary-dark"},{children:a}))})),J=({children:a})=>e("div",Object.assign({className:"usa-card__footer"},{children:a})),G=a=>{var{className:s}=a,n=F(a,["className"]);const i=r(null);return t((()=>{const e=i.current;return p.on(e),()=>p.off(e)})),e("div",Object.assign({ref:i,className:V("usa-character-count",s)},n,{children:n.children}))},K=a=>{var{id:s}=a,n=F(a,["id"]);return e("span",Object.assign({id:s,className:V("usa-hint","usa-character-count__message",n.className),"aria-live":"polite"},{children:n.children}))},Q=a=>{var{htmlFor:n,required:r,children:t}=a,i=F(a,["htmlFor","required","children"]);return s("label",Object.assign({className:"usa-label",htmlFor:n},i,{children:[t,r&&e("span",Object.assign({className:"text-red"},{children:" *"}))]}))},W=({id:a,children:s})=>e("span",Object.assign({id:a,className:"usa-hint"},{children:s})),X=({id:s,errors:n,children:r})=>r||n?("string"==typeof n&&(n=[n]),e(a,{children:null!=r?r:null==n?void 0:n.map(((a,n)=>e("span",Object.assign({id:`${s}-${n}`,className:"usa-error-message"},{children:a}),n)))})):e(a,{}),Z=({id:r,required:t,label:i,helperText:l,errors:o,validationStatus:d,className:u,fieldControl:m,children:h})=>{const b=V("usa-form-group",{"usa-form-group--error":!!(o&&o.length>0)||"error"===d},u);if(!h&&!m)return e(a,{});if(h)return e("div",Object.assign({id:r,className:b},{children:h}));let g=c(m)?m.props.id:void 0;const p=c(m)?m:void 0;let f=p;const _=null==f?void 0:f.props.className;if("usa-combo-box"===_||"usa-time-picker"===_||"usa-date-picker"===_){const e=null==p?void 0:p.props.children;g=null==e?void 0:e.props.id}else p&&(f=n.cloneElement(p,{"aria-describedby":`${r}-helper-text`}));return s("div",Object.assign({id:r,className:b},{children:[i?e(Q,Object.assign({htmlFor:g,required:t},{children:i})):e(a,{}),l?e(W,Object.assign({id:`${r}-helper-text`},{children:l})):e(a,{}),o?e(X,{id:`${r}-errors`,errors:o}):e(a,{}),f]}))},ee=a=>{var{id:n,name:r,label:t,checked:i,defaultChecked:l,isTile:c,onChange:o,onClick:d}=a,u=F(a,["id","name","label","checked","defaultChecked","isTile","onChange","onClick"]);const m=`${n}__usa-checkbox__input`,h=V("usa-checkbox__input",{"usa-checkbox__input--tile":c});return s("div",Object.assign({id:n,className:"usa-checkbox"},{children:[e("input",Object.assign({className:h,id:m,type:"checkbox",name:r,checked:i,defaultChecked:l,onChange:o,onClick:d},u)),e("label",Object.assign({className:"usa-checkbox__label",htmlFor:m},{children:t}))]}))},ae=({id:s,name:n,data:r,areTiles:t,required:i,label:l,helperText:c,errors:o,onChange:d,onClick:u})=>e(Z,{id:`form-group-${s}`,required:i,label:l,helperText:c,errors:o,fieldControl:e(a,{children:r.map(((a,r)=>{const i=`${s}__checkbox${r}`;return e(ee,{id:i,name:n,label:a.label,value:a.value,checked:a.checked,defaultChecked:a.defaultChecked,isTile:t,onChange:d,onClick:u},i)}))})}),se=n=>{var{id:r,defaultOption:t={value:"",label:"- Select -"},options:i,required:l,label:c,helperText:o,errors:d,onChange:u,className:m,children:h}=n,b=F(n,["id","defaultOption","options","required","label","helperText","errors","onChange","className","children"]);return h||i?e(Z,{id:`form-group-${r}`,required:l,label:c,helperText:o,errors:d,fieldControl:s("select",Object.assign({id:r,className:V("usa-select",m),defaultValue:null==t?void 0:t.value,onChange:u},b,{children:[re(t,-1),null!=h?h:null==i?void 0:i.map(re)]}))}):e(a,{})},ne=({value:a,label:s})=>e("option",Object.assign({value:a},{children:s})),re=(a,s)=>a&&e("option",Object.assign({value:a.value},{children:a.label}),s),te=a=>{var{id:s,options:n,required:t,label:i,helperText:l,errors:c,onChange:d,className:u,children:m,defaultValue:h,placeholder:b}=a,g=F(a,["id","options","required","label","helperText","errors","onChange","className","children","defaultValue","placeholder"]);const p=r(null);o((()=>{var e;const a=p.current;return(null===(e=null==a?void 0:a.parentNode)||void 0===e?void 0:e.querySelector(`label[for="${s}"]`))&&f.on(a),()=>{a&&f.off(a)}}));const _={className:"usa-combo-box",ref:p};return b&&(_["data-placeholder"]=b),h&&(_["data-default-value"]=h),e(Z,{id:`form-group-${s}`,required:t,label:i,helperText:l,errors:c,fieldControl:e("div",Object.assign({},_,{children:e("select",Object.assign({id:s,className:V("usa-select",u),defaultValue:h,onChange:d},g,{children:null!=m?m:null==n?void 0:n.map(re)}))}))})},ie=a=>{var{id:s,minDate:n,maxDate:t,dateRange:i,defaultValue:l,required:c,label:d,helperText:u,errors:m,validationStatus:h,onChange:b}=a,g=F(a,["id","minDate","maxDate","dateRange","defaultValue","required","label","helperText","errors","validationStatus","onChange"]);const p=r(null);o((()=>{const e=p.current,a=e.querySelector(".usa-date-picker__wrapper");a||_.on(e);const s=_.getDatePickerContext(e).externalInputEl;return b&&s.addEventListener("change",b),()=>{b&&s.removeEventListener("change",b),a&&_.off(e)}}),[]);const f={};n&&(f["data-min-date"]=le(n)),t&&(f["data-max-date"]=le(t)),i&&(f["data-range-date"]=le(i)),l&&(f["data-default-value"]=le(l));const v=V("usa-input",{"usa-input--error":"error"===h,"usa-input--success":"success"===h});return e(Z,{id:`form-group-${s}`,required:c,label:d,helperText:u,errors:m,fieldControl:e("div",Object.assign({ref:p,className:"usa-date-picker"},f,{children:e("input",Object.assign({id:s,className:v,type:"text"},g))}))})};function le(e){if("string"==typeof e){return new Date(e).toISOString().substring(0,10)}return e.toISOString().substring(0,10)}const ce=({id:a,children:s})=>{const n=r(null);return o((()=>{const e=n.current;return v.on(e),()=>v.off(e)})),e("div",Object.assign({id:a,ref:n,className:"usa-date-range-picker"},{children:s}))},oe=a=>{var{id:s,required:n,label:t,helperText:i,errors:l}=a,c=F(a,["id","required","label","helperText","errors"]);const d=r(null);return o((()=>{const e=d.current;return O.on(e),()=>O.off(e)}),[]),e(Z,{id:`form-group-${s}`,required:n,label:t,helperText:i,errors:l,fieldControl:e("input",Object.assign({className:"usa-file-input",type:"file",ref:d,id:s},c))})},de=a=>{var{id:s,isLarge:n=!1,className:r,children:t}=a,i=F(a,["id","isLarge","className","children"]);return e("form",Object.assign({id:s,className:V("usa-form",{"usa-form--large":n},r)},i,{children:t}))},ue=({id:a,type:s,size:n="size-3",className:r="text-base-darkest"})=>{const t=V("usa-icon",`usa-icon--${n}`,r);return e("svg",Object.assign({id:a,className:t,"aria-hidden":"true",focusable:"false",role:"img"},{children:e("use",{xlinkHref:`${j}#${s}`})}))},me=(e,a)=>{let s=null!=a?a:void 0;switch(e){case"ssn":s="^(?!(000|666|9))d{3} (?!00)d{2} (?!0000)d{4}$";break;case"phone_number":s="\\d{3}-\\d{3}-\\d{4}";break;case"zip_5_digit":s="\\d{5}";break;case"zip_9_digit":s="^[0-9]{5}(?:-[0-9]{4})?$"}return s},he=(e,a)=>{let s=null!=a?a:void 0;switch(e){case"ssn":s="___ __ ____";break;case"phone_number":s="___-___-____";break;case"zip_5_digit":s="_____";break;case"zip_9_digit":s="_____-____"}return s},be=(e,a)=>{let s=null!=a?a:"text";if("phone_number"===e)s="tel";return s},ge=(e,a)=>{let s=null!=a?a:"text";switch(e){case"ssn":case"phone_number":case"zip_5_digit":case"zip_9_digit":s="numeric"}return s},pe=a=>{var{id:n,name:i,required:l,label:c,helperText:o,errors:d,validationStatus:u,className:m,type:h,mask:b,prefix:g,suffix:p,onChange:f}=a,_=F(a,["id","name","required","label","helperText","errors","validationStatus","className","type","mask","prefix","suffix","onChange"]);const v=r(null);t((()=>{const e=v.current;return e&&b&&N.on(e),()=>{e&&b&&N.off(e)}}));const O=V("usa-input",{"usa-input--error":"error"===u,"usa-input--success":"success"===u,"usa-masked":b},m),j=e("input",Object.assign({ref:v,id:n,name:i,className:O,"data-testid":"input",type:be(b,h),onChange:f,pattern:me(b,_.pattern),placeholder:he(b,_.placeholder),inputMode:ge(b,_.inputMode)},_)),y=s("div",Object.assign({className:"usa-input-group"},{children:[g?e("div",Object.assign({className:"usa-input-prefix","aria-hidden":"true"},{children:g})):void 0,j,p?e("div",Object.assign({className:"usa-input-suffix","aria-hidden":"true"},{children:p})):void 0]}));return e(Z,{id:`form-group-${n}`,required:l,label:c,helperText:o,errors:d,validationStatus:u,fieldControl:(null!=g?g:p)?y:j})},fe=a=>{var{id:s,type:n="unordered",variant:r="default",className:t,items:i}=a,l=F(a,["id","type","variant","className","items"]);const c=V("usa-list",{"usa-list--unstyled":"unstyled"===r},t),o=a=>a.map((a=>e("li",Object.assign({id:a.id},{children:a.value}),a.id)));return e("unordered"===n?"ul":"ol",Object.assign({id:s,className:c},l,{children:o(i)}))},_e=a=>{var{id:n,required:r,label:t,helperText:i,errors:l,defaultMonthValue:c,defaultDayValue:o,defaultYearValue:d,onMonthChange:u,onDayChange:m,onYearChange:h}=a,b=F(a,["id","required","label","helperText","errors","defaultMonthValue","defaultDayValue","defaultYearValue","onMonthChange","onDayChange","onYearChange"]);return e(Z,{id:`form-group-${n}`,required:r,label:t,helperText:i,errors:l,fieldControl:s("div",Object.assign({id:`memorable-date-${n}`,className:"usa-memorable-date","data-testid":"memorable-date"},b,{children:[s("div",Object.assign({className:"usa-form-group usa-form-group--month usa-form-group--select"},{children:[e("label",Object.assign({className:"usa-label",htmlFor:`memorable-date-month-${n}`},{children:"Month"})),s("select",Object.assign({className:"usa-select",id:`memorable-date-month-${n}`,name:`memorable-date-month-${n}`,defaultValue:c,onChange:u},{children:[e("option",Object.assign({value:""},{children:"- Select -"})),e("option",Object.assign({value:1},{children:"01 - January"})),e("option",Object.assign({value:2},{children:"02 - February"})),e("option",Object.assign({value:3},{children:"03 - March"})),e("option",Object.assign({value:4},{children:"04 - April"})),e("option",Object.assign({value:5},{children:"05 - May"})),e("option",Object.assign({value:6},{children:"06 - June"})),e("option",Object.assign({value:7},{children:"07 - July"})),e("option",Object.assign({value:8},{children:"08 - August"})),e("option",Object.assign({value:9},{children:"09 - September"})),e("option",Object.assign({value:10},{children:"10 - October"})),e("option",Object.assign({value:11},{children:"11 - November"})),e("option",Object.assign({value:12},{children:"12 - December"}))]}))]})),s("div",Object.assign({className:"usa-form-group usa-form-group--day"},{children:[e("label",Object.assign({className:"usa-label",htmlFor:`memorable-date-day-${n}`},{children:"Day"})),e("input",{className:"usa-input",id:`memorable-date-day-${n}`,name:`memorable-date-day-${n}`,type:"number",minLength:1,maxLength:2,pattern:"[0-9]*",inputMode:"numeric",defaultValue:o,onChange:m})]})),s("div",Object.assign({className:"usa-form-group usa-form-group--year"},{children:[e("label",Object.assign({className:"usa-label",htmlFor:`memorable-date-year-${n}`},{children:"Year"})),e("input",{className:"usa-input",id:`memorable-date-year-${n}`,name:`memorable-date-year-${n}`,type:"number",minLength:4,maxLength:4,pattern:"[0-9]*",inputMode:"numeric",defaultValue:d,onChange:h})]}))]}))})},ve=({id:a,heading:n,size:t="small",footer:i,children:l})=>{const c=r(null);o((()=>{const e=c.current;return y.on(e),()=>y.off(e)}));const d=V("usa-modal",{"usa-modal--lg":"large"===t});return e("div",Object.assign({ref:c,className:d,id:a,"aria-labelledby":`${a}-heading`,"aria-describedby":`${a}-description`},{children:s("div",Object.assign({className:"usa-modal__content"},{children:[s("div",Object.assign({className:"usa-modal__main"},{children:[e("h2",Object.assign({className:"usa-modal__heading",id:`${a}-heading`},{children:n})),l,e("div",Object.assign({className:"usa-modal__footer"},{children:i}))]})),e("button",Object.assign({className:"usa-button usa-modal__close","aria-label":"Close this window","data-close-modal":!0},{children:e("svg",Object.assign({className:"usa-icon","aria-hidden":"true",focusable:"false",role:"img"},{children:e("use",{xlinkHref:`${j}#close`})}))}))]}))}))},Oe=({id:n,currentPage:r,amountOfPages:t,amountOfVisiblePageItems:i=3,ariaLabel:l,createPageUrl:c=(()=>"#"),onPage:o=(()=>{})})=>{t<=7&&(i=7);let d=Math.max(0,r-Math.floor(i/2));const u=Math.min(t,d+i)-1;return u===t-1&&(d=Math.max(0,u-i+1)),e("nav",Object.assign({id:n,"aria-label":l,className:"usa-pagination"},{children:s("ul",Object.assign({className:"usa-pagination__list"},{children:[r>0&&e("li",Object.assign({className:"usa-pagination__item usa-pagination__arrow"},{children:s("a",Object.assign({href:c(r-1),onClick:e=>o(e,r-1),className:"usa-pagination__link usa-pagination__previous-page","aria-label":"Previous page"},{children:[e("svg",Object.assign({className:"usa-icon","aria-hidden":"true",role:"img"},{children:e("use",{xlinkHref:`${j}#navigate_before`})})),e("span",Object.assign({className:"usa-pagination__link-text"},{children:"Previous"}))]}))})),d>0&&s(a,{children:[Ne(0,r,t,c,o),e("li",Object.assign({className:"usa-pagination__item usa-pagination__overflow"},{children:e("span",{children:"…"})}))]}),je(d,u,(e=>Ne(e,r,t,c,o))),u<t-1&&s(a,{children:[e("li",Object.assign({className:"usa-pagination__item usa-pagination__overflow"},{children:e("span",{children:"…"})})),Ne(t-1,r,t,c,o)]}),r<t-1&&e("li",Object.assign({className:"usa-pagination__item usa-pagination__arrow"},{children:s("a",Object.assign({href:c(r+1),onClick:e=>o(e,r+1),className:"usa-pagination__link usa-pagination__next-page","aria-label":"Next page"},{children:[e("span",Object.assign({className:"usa-pagination__link-text"},{children:"Next"})),e("svg",Object.assign({className:"usa-icon","aria-hidden":"true",role:"img"},{children:e("use",{xlinkHref:`${j}#navigate_next`})}))]}))}))]}))}))};function je(e,a,s){const n=[];for(;e<=a;e++)n.push(s(e));return n}function Ne(a,s,n,r,t){const i=a===s,l=n-1===a?`last page, page ${a+1}`:`page ${a+1}`;return e("li",Object.assign({className:"usa-pagination__item usa-pagination__page-no"},{children:e("a",Object.assign({href:r(a),onClick:e=>t(e,a),className:V("usa-pagination__button",{"usa-current":i}),"aria-label":l,"aria-current":i?"page":void 0},{children:`${a+1}`}))}),a)}M(".current.usa-process-list__item::before {\n border: 0.25rem solid #005ea2;\n background-color: #005ea2;\n color: #fff;\n}\n\n.current.usa-process-list__item {\n border-left: 0.5rem solid #005ea2;\n}\n\n.current.usa-process-list__heading {\n color: #005ea2;\n}\n\n.completed.usa-process-list__item::before {\n border: 0.25rem solid #162e51;\n background-color: #162e51;\n color: #fff;\n}\n\n.completed.usa-process-list__item:not(.last) {\n border-left: 0.5rem solid #162e51;\n}\n\n.completed.usa-process-list__heading {\n color: #162e51;\n}\n");const ye=({id:s,steps:n,currentStep:r=0,children:t})=>t||n?e("ol",Object.assign({id:s,className:"usa-process-list"},{children:null!=t?t:null==n?void 0:n.map(((a,s)=>e(xe,Object.assign({heading:a.heading,isCurrentStep:r===s+1&&r!==n.length,isCompletedStep:r>s+1||r===n.length,isLastStep:s===n.length-1},{children:a.children}),s)))})):e(a,{}),xe=({heading:e,headingClassName:a,headingElementName:r="h4",isCurrentStep:t,isCompletedStep:i,isLastStep:l,children:c})=>{const o=V("usa-process-list__item",{current:t&&!i,completed:i,last:l}),d=V("usa-process-list__heading",{current:t&&!i,completed:i,last:l},a);return s("li",Object.assign({className:o},{children:[n.createElement(r,{className:d},e),c]}))},ke=a=>{var{id:s,className:n,children:r}=a,t=F(a,["id","className","children"]);const i=V("usa-prose",n);return e("section",Object.assign({id:s,className:i},t,{children:r}))},Ce=a=>{var{id:n,name:r,label:t,checked:i,defaultChecked:l,isTile:c,onChange:o,onClick:d}=a,u=F(a,["id","name","label","checked","defaultChecked","isTile","onChange","onClick"]);const m=`${n}__usa-radio__input`,h=V("usa-radio__input",{"usa-radio__input--tile":c});return s("div",Object.assign({id:n,className:"usa-radio"},{children:[e("input",Object.assign({className:h,id:m,type:"radio",name:r,checked:i,defaultChecked:l,onChange:o,onClick:d},u)),e("label",Object.assign({className:"usa-radio__label",htmlFor:m},{children:t}))]}))},we=({id:s,name:n,data:r,areTiles:t,required:i,label:l,helperText:c,errors:o,onChange:d,onClick:u})=>e(Z,{id:`form-group-${s}`,required:i,label:l,helperText:c,errors:o,fieldControl:e(a,{children:r.map(((a,r)=>{const i=`${s}__radio${r}`;return e(Ce,{id:i,name:n,label:a.label,value:a.value,checked:a.checked,defaultChecked:a.defaultChecked,isTile:t,onChange:d,onClick:u},i)}))})}),Se=a=>{var{id:s,required:n,label:r,helperText:t,errors:i,minValue:l,maxValue:c,step:o="10",defaultValue:d,onChange:u}=a,m=F(a,["id","required","label","helperText","errors","minValue","maxValue","step","defaultValue","onChange"]);return e(Z,{id:`form-group-${s}`,required:n,label:r,helperText:t,errors:i,fieldControl:e("input",Object.assign({id:s,className:"usa-range",type:"range",min:l,max:c,step:o,defaultValue:d,onChange:u,role:"slider"},m))})},$e=a=>{var{id:n,type:r="default",onSearch:t}=a,i=F(a,["id","type","onSearch"]);const l=V("usa-search",{"usa-search--small":"small"===r,"usa-search--big":"big"===r});return s("form",Object.assign({id:n,className:l,role:"search",onSubmit:function(e){if(t){const a=e.target;t(e,a.elements.search.value)}}},{children:[e("label",Object.assign({className:"usa-sr-only",htmlFor:`${n}__search-field`},{children:"Search"})),e("input",Object.assign({className:"usa-input",id:`${n}__search-field`,type:"search",name:"search"},i)),s("button",Object.assign({className:"usa-button",type:"submit"},{children:[e("span",Object.assign({className:"small"===r?"usa-sr-only":"usa-search__submit-text"},{children:"Search"})),e("img",{src:x,className:"usa-search__submit-icon",alt:"Search icon"})]}))]}))},Te=({id:s,ariaLabel:n,items:r,children:t})=>t||r?e("nav",Object.assign({id:s,"aria-label":n},{children:e("ul",Object.assign({className:"usa-sidenav"},{children:null!=t?t:null==r?void 0:r.map(((a,s)=>e(qe,{items:a.items,anchor:a.anchor},`side-nav-item-${s}`)))}))})):e(a,{}),qe=({items:a,anchor:n})=>s("li",Object.assign({className:"usa-sidenav__item"},{children:[n,a&&a.length>0&&e("ul",Object.assign({className:"usa-sidenav__sublist"},{children:a.map(((a,s)=>e(qe,{items:a.items,anchor:a.anchor},`side-nav-item-sublist-${s}`)))}))]})),Ve=({id:a,type:n="Info",heading:r,slim:t=!1,noIcon:i=!1,className:l,children:c})=>{const o=V("usa-site-alert",{"usa-site-alert--emergency":"Emergency"===n,"usa-site-alert--info":"Info"===n,"usa-site-alert--slim":t,"usa-site-alert--no-icon":i},l);return e("section",Object.assign({id:a,className:o,"aria-label":"Site Alert"},{children:e("div",Object.assign({className:"usa-alert"},{children:s("div",Object.assign({className:"usa-alert__body"},{children:[r&&e("h3",Object.assign({className:"usa-alert__heading"},{children:r})),c&&e("p",Object.assign({className:"usa-alert__text"},{children:c}))]}))}))}))},Me=({id:n,steps:r,currentStep:t,hideLabels:i=!1,showCounters:l=!1,showSmallCounters:c=!1,centerCounters:o=!1,headingLevel:u="h4"})=>{const m=V("usa-step-indicator",{"usa-step-indicator--no-labels":i,"usa-step-indicator--counters":l,"usa-step-indicator--counters-sm":c,"usa-step-indicator--center":o});return s("div",Object.assign({id:n,className:m,"aria-label":"progress"},{children:[e("ol",Object.assign({className:"usa-step-indicator__segments"},{children:r.map(((a,n)=>{const r={key:n,className:"usa-step-indicator__segment"};let i="";return n<t?(r.className+=" usa-step-indicator__segment--complete",i="completed"):n>t?i="not completed":(r.className+=" usa-step-indicator__segment--current",Object.assign(r,{"aria-current":!0})),d("li",Object.assign({},r,{key:`usa-step-label-${n}`}),s("span",Object.assign({className:"usa-step-indicator__segment-label"},{children:[a,""!==i&&e("span",Object.assign({className:"usa-sr-only"},{children:i}))]})))}))})),e("div",Object.assign({className:"usa-step-indicator__header"},{children:d(u,{className:"usa-step-indicator__heading"},s(a,{children:[s("span",Object.assign({className:"usa-step-indicator__heading-counter"},{children:[e("span",Object.assign({className:"usa-sr-only"},{children:"Step"})),e("span",Object.assign({className:"usa-step-indicator__current-step"},{children:t+1})),s("span",Object.assign({className:"usa-step-indicator__total-steps"},{children:[" of ",r.length]}))]})),e("span",Object.assign({className:"usa-step-indicator__heading-text"},{children:r[t]}))]}))}))]}))},Le=({id:a,heading:n,className:r,items:t})=>{const i=V("usa-summary-box",r);return e("div",Object.assign({className:i,role:"region","aria-labelledby":a},{children:s("div",Object.assign({className:"usa-summary-box__body"},{children:[e("h3",Object.assign({className:"usa-summary-box__heading",id:a},{children:n})),e("div",Object.assign({className:"usa-summary-box__text"},{children:e("ul",Object.assign({className:"usa-list"},{children:t.map(((a,s)=>e("li",{children:a},s)))}))}))]}))}))},Ee=({id:a,caption:n,columns:i,data:l,sortable:c=!1,sortIndex:o=0,sortDir:d="ascending",onSort:u,scrollable:m=!1,borderless:h=!1,striped:b=!1,className:g,tabIndex:p=-1})=>{const f=r(null);return t((()=>{const e=f.current;return c&&k.on(e),()=>{c&&(k.off(e),null==e||e.querySelectorAll(".usa-table__header__button").forEach((e=>e.remove())))}})),t((()=>{const e=new MutationObserver((e=>{for(const a of e)if(u&&"aria-sort"===a.attributeName){a.target.getAttribute("aria-sort")&&u()}}));if(f.current&&u){f.current.querySelectorAll("th").forEach((a=>e.observe(a,{attributes:!0})))}}),[i]),s("div",Object.assign({id:a,className:V({"usa-table-container":!m},{"usa-table-container--scrollable":m},{"usa-table--borderless":h},{"usa-table--striped":b}),ref:f},{children:[s("table",Object.assign({className:V("usa-table",g),tabIndex:p},{children:[e("caption",Object.assign({hidden:!!n},{children:n})),e("thead",{children:e("tr",{children:i.map((e=>Object.assign(Object.assign({},e),{sortable:void 0===e.sortable||e.sortable}))).map(((a,s)=>e("th",Object.assign({id:a.id,"data-sortable":c&&a.sortable||null,scope:"col",role:"columnheader","aria-sort":c&&a.sortable&&o===s?"descending"===d?"ascending":"descending":void 0},{children:a.name}),a.id)))})}),e("tbody",{children:l.map(((a,s)=>{const n=[];for(const e in a)c?n.push({value:a[e].value,sortValue:a[e].sortValue}):n.push({value:a[e].value?a[e].value:a[e]});return e("tr",{children:n.map(((a,s)=>e("td",Object.assign({"data-sort-value":c?a.sortValue:a.value},{children:a.value}),`td-${s}`)))},`tr-${s}`)}))})]})),c&&e("div",{className:"usa-sr-only usa-table__announcement-region","aria-live":"polite"})]}))},De=({id:a,children:s,size:n="Default",className:r})=>{const t=V("usa-tag",{"usa-tag--big":"Big"===n},r);return e("span",Object.assign({id:a,className:t},{children:s}))},Ae=a=>{var{id:s,name:n,rows:r,required:t,label:i,helperText:l,errors:c,validationStatus:o,className:d,onChange:u}=a,m=F(a,["id","name","rows","required","label","helperText","errors","validationStatus","className","onChange"]);const h=V("usa-textarea",{"usa-input--error":"error"===o,"usa-input--success":"success"===o},d);return e(Z,{id:`form-group-${s}`,required:t,label:i,helperText:l,errors:c,validationStatus:o,fieldControl:e("textarea",Object.assign({className:h,style:void 0===r?void 0:{height:"unset"},id:s,name:n,rows:r,onChange:u},m))})},Pe=a=>{var{id:s,required:n,label:t,helperText:i,errors:l,filter:c,minTime:d,maxTime:u,step:m,onChange:h}=a,b=F(a,["id","required","label","helperText","errors","filter","minTime","maxTime","step","onChange"]);const g=r(null);o((()=>{var e;const a=g.current,n=null===(e=null==a?void 0:a.parentNode)||void 0===e?void 0:e.querySelector(`label[for="${s}"]`);if(n){C.on(a),f.on(a);const e=a.querySelector(".usa-combo-box__input");h&&e.addEventListener("change",h)}return()=>{if(n){f.off(a),C.off(a);const e=a.querySelector(".usa-combo-box__input");h&&e.removeEventListener("change",h)}}}));const p={};return c&&(p["data-filter"]=c),d&&(p["data-min-time"]=d),u&&(p["data-max-time"]=u),m&&(p["data-step"]=m),e(Z,{id:`form-group-${s}`,required:n,label:t,helperText:i,errors:l,fieldControl:e("div",Object.assign({ref:g,className:V("usa-time-picker",b.className)},p,{children:e("input",Object.assign({className:"usa-input",type:"text",id:s},b))}))})},ze=({label:a,position:s="top",children:n})=>{const t=r(null);return o((()=>{var e;const n=null===(e=t.current)||void 0===e?void 0:e.firstChild;return n&&(n.classList.add("usa-tooltip"),n.title=a,n.setAttribute("data-position",s),w.on(n)),()=>w.off(n)})),e("span",Object.assign({ref:t},{children:n}))},Ie=()=>({on:e=>{S.on(e)},off:e=>{S.off(e)}}),Fe=()=>({toggleModal:e=>{y.toggleModal.call(y,e)}});export{L as Accordion,E as AccordionItem,D as Alert,P as Banner,z as Breadcrumb,I as BreadcrumbItem,H as Button,B as ButtonGroup,U as Card,Y as CardBody,J as CardFooter,R as CardHeader,K as CharacterCount,G as CharacterCountContainer,ee as Checkbox,ae as CheckboxGroup,te as ComboBox,ie as DatePicker,ce as DateRangePicker,X as ErrorMessages,oe as FileInput,de as Form,Z as FormGroup,W as HelperText,ue as Icon,Q as Label,fe as List,_e as MemorableDate,ve as Modal,Oe as Pagination,ye as ProcessList,xe as ProcessListStep,ke as Prose,Ce as RadioButton,we as RadioButtonGroup,Se as RangeSlider,$e as Search,se as Select,ne as SelectOption,Te as SideNavigation,qe as SideNavigationItem,Ve as SiteAlert,Me as StepIndicator,Le as SummaryBox,Ee as Table,De as Tag,Ae as TextArea,pe as TextInput,Pe as TimePicker,ze as Tooltip,Ie as useHeader,Fe as useModal}; | ||
*/T=q,function(){var e={}.hasOwnProperty;function a(){for(var e="",a=0;a<arguments.length;a++){var r=arguments[a];r&&(e=n(e,s(r)))}return e}function s(s){if("string"==typeof s||"number"==typeof s)return s;if("object"!=typeof s)return"";if(Array.isArray(s))return a.apply(null,s);if(s.toString!==Object.prototype.toString&&!s.toString.toString().includes("[native code]"))return s.toString();var r="";for(var t in s)e.call(s,t)&&s[t]&&(r=n(r,t));return r}function n(e,a){return a?e?e+" "+a:e+a:e}T.exports?(a.default=a,T.exports=a):window.classNames=a}();var V=$(q.exports);function M(e,a){void 0===a&&(a={});var s=a.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===s&&n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}M(".accordion-item {\n margin: 10px;\n border: none;\n}\n");const L=({id:s,allowMultiSelect:n=!1,items:i,children:l})=>{if(!l&&!i)return e(a,{});const c=r(null);return t((()=>{const e=c.current;return e&&e.querySelectorAll("button").forEach((e=>{u.on(e)})),()=>{e&&e.querySelectorAll("button").forEach((e=>{u.off(e)}))}})),e("div",Object.assign({id:s,ref:c,className:V("usa-accordion",{"usa-accordion--multiselectable":n}),"data-allow-multiple":!!n||void 0},{children:null!=l?l:null==i?void 0:i.map(((a,s)=>e(E,Object.assign({id:a.id,label:a.label,expanded:a.expanded},{children:a.children}),`accordion-item-${s}`)))}))},E=({id:a,label:n,expanded:r,children:t})=>s("div",Object.assign({className:"accordion-item","data-testid":"accordion-item"},{children:[e("h4",Object.assign({className:"usa-accordion__heading"},{children:e("button",Object.assign({type:"button",className:"usa-accordion__button","data-testid":"accordion-button","aria-expanded":r,"aria-controls":a},{children:n}))})),e("div",Object.assign({id:a,className:"usa-accordion__content usa-prose text-left","data-testid":"accordion-content",hidden:!r},{children:t}))]})),D=({id:n,type:r,show:t=!0,slim:i,noIcon:l,heading:c,body:o,children:d})=>{const u=V("usa-alert",{"usa-alert--success":"success"===r,"usa-alert--warning":"warning"===r,"usa-alert--error":"error"===r,"usa-alert--emergency":"emergency"===r,"usa-alert--info":"info"===r,"usa-alert--slim":i,"usa-alert--no-icon":l});return t?e("div",Object.assign({id:n,className:u},{children:s("div",Object.assign({className:"usa-alert__body"},{children:[c&&e("h4",Object.assign({className:"usa-alert__heading"},{children:c})),null!=o?o:e("p",Object.assign({className:"usa-alert__text"},{children:d}))]}))})):e(a,{})},A={gov:"government",mil:"U.S. Department of Defense"},z=({id:a,type:n="gov"})=>{const[l]=i(!1),c=r(null);return t((()=>{const e=c.current;return m.on(e),u.on(e),()=>{m.off(e),u.off(e)}})),e("section",Object.assign({id:a,className:"usa-banner","aria-label":"Official government website",ref:c},{children:s("div",Object.assign({className:"usa-accordion"},{children:[e("header",Object.assign({className:"usa-banner__header"},{children:s("div",Object.assign({className:"usa-banner__inner"},{children:[e("div",Object.assign({className:"grid-col-auto"},{children:e("img",{className:"usa-banner__header-flag",src:h,alt:"U.S. flag"})})),s("div",Object.assign({className:"grid-col-fill tablet:grid-col-auto"},{children:[e("p",Object.assign({className:"usa-banner__header-text"},{children:"An official website of the United States government"})),e("p",Object.assign({className:"usa-banner__header-action","aria-hidden":"true"},{children:"Here’s how you know"}))]})),e("button",Object.assign({className:"usa-accordion__button usa-banner__button","aria-expanded":"false","aria-controls":"gov-banner-default"},{children:e("span",Object.assign({className:"usa-banner__button-text"},{children:"Here’s how you know"}))}))]}))})),e("div",Object.assign({className:"usa-banner__content usa-accordion__content",id:"gov-banner-default",hidden:!l},{children:s("div",Object.assign({className:"grid-row grid-gap-lg"},{children:[s("div",Object.assign({className:"usa-banner__guidance tablet:grid-col-6"},{children:[e("img",{className:"usa-banner__icon usa-media-block__img",src:g,role:"img",alt:"","aria-hidden":"true"}),e("div",Object.assign({className:"usa-media-block__body"},{children:s("p",{children:[s("strong",{children:[" Official websites use .",n," "]}),e("br",{}),"A ",s("strong",{children:[".",n]})," website belongs to an official"," ",A[n]," organization in the United States."]})}))]})),s("div",Object.assign({className:"usa-banner__guidance tablet:grid-col-6"},{children:[e("img",{className:"usa-banner__icon usa-media-block__img",src:b,role:"img",alt:"","aria-hidden":"true"}),e("div",Object.assign({className:"usa-media-block__body"},{children:s("p",{children:[e("strong",{children:" Secure .gov websites use HTTPS "}),e("br",{}),"A ",e("strong",{children:"lock"})," (",e("span",Object.assign({className:"icon-lock"},{children:s("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"52",height:"64",viewBox:"0 0 52 64",className:"usa-banner__lock-image",role:"img","aria-labelledby":"banner-lock-title-default banner-lock-description-default",focusable:"false"},{children:[e("title",Object.assign({id:"banner-lock-title-default"},{children:"Lock"})),e("desc",Object.assign({id:"banner-lock-description-default"},{children:"A locked padlock"})),e("path",{fill:"#000000",fillRule:"evenodd",d:"M26 0c10.493 0 19 8.507 19 19v9h3a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4h3v-9C7 8.507 15.507 0 26 0zm0 8c-5.979 0-10.843 4.77-10.996 10.712L15 19v9h22v-9c0-6.075-4.925-11-11-11z"})]}))})),") or ",e("strong",{children:"https://"})," means you’ve safely connected to the .",n," ","website. Share sensitive information only on official, secure websites."]})}))]}))]}))}))]}))}))},P=({id:n,current:r,action:t,items:i,children:l})=>l||i?e("nav",Object.assign({className:"usa-breadcrumb breadcrumb","aria-label":"Breadcrumbs,,",id:n},{children:s("ol",Object.assign({className:"usa-breadcrumb__list"},{children:[null!=l?l:null==i?void 0:i.map(((a,s)=>e(I,{path:a.path,name:a.name,action:t},`breadcrumb-${s}`))),r?e("li",Object.assign({className:"usa-breadcrumb__list-item usa-current","aria-current":"true"},{children:e("span",{children:r})})):e(a,{})]}))})):e(a,{}),I=({path:a,name:s,action:n})=>e("li",Object.assign({className:"usa-breadcrumb__list-item"},{children:e("span",Object.assign({className:"usa-breadcrumb__link span-link","data-testid":"breadcrumb-link",onClick:()=>!!n&&n(a)},{children:e("span",{children:s})}))}));function F(e,a){var s={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&a.indexOf(n)<0&&(s[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)a.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(s[n[r]]=e[n[r]])}return s}"function"==typeof SuppressedError&&SuppressedError;const H=a=>{var{id:s,type:n="button",variant:r="default",size:t="default",className:i,children:l}=a,c=F(a,["id","type","variant","size","className","children"]);const o=V("usa-button",{"usa-button--secondary":"secondary"===r,"usa-button--accent-cool":"accent-cool"===r,"usa-button--accent-warm":"accent-warm"===r,"usa-button--base":"base"===r,"usa-button--outline":"outline"===r,"usa-button--outline usa-button--inverse":"outline-inverse"===r,"usa-button--unstyled":"unstyled"===r,"usa-button--big":"big"===t},i);return e("button",Object.assign({id:s,type:n,className:o,"data-testid":"button"},c,{children:l}))},B=({id:a,type:s="default",className:n,children:r})=>{const t=V("usa-button-group",{"usa-button-group--segmented":"segmented"===s},n);return e("ul",Object.assign({id:a,className:t},{children:l.map(r,((a,s)=>e("li",Object.assign({className:"usa-button-group__item"},{children:a}),s)))}))},U=({id:a,className:s,children:n})=>{const r=V("usa-card__container",s);return e("div",Object.assign({className:"usa-card",id:a},{children:e("div",Object.assign({className:r},{children:n}))}))},Y=({children:a})=>e("div",Object.assign({className:"usa-card__body"},{children:a})),R=({children:a})=>e("div",Object.assign({className:"usa-card__header"},{children:e("h2",Object.assign({className:"usa-card__heading text-primary-dark"},{children:a}))})),J=({children:a})=>e("div",Object.assign({className:"usa-card__footer"},{children:a})),G=a=>{var{className:s}=a,n=F(a,["className"]);const i=r(null);return t((()=>{const e=i.current;return p.on(e),()=>p.off(e)})),e("div",Object.assign({ref:i,className:V("usa-character-count",s)},n,{children:n.children}))},K=a=>{var{id:s}=a,n=F(a,["id"]);return e("span",Object.assign({id:s,className:V("usa-hint","usa-character-count__message",n.className),"aria-live":"polite"},{children:n.children}))},Q=a=>{var{htmlFor:n,required:r,children:t}=a,i=F(a,["htmlFor","required","children"]);return s("label",Object.assign({className:"usa-label",htmlFor:n},i,{children:[t,r&&e("span",Object.assign({className:"text-red"},{children:" *"}))]}))},W=({id:a,children:s})=>e("span",Object.assign({id:a,className:"usa-hint"},{children:s})),X=({id:s,errors:n,children:r})=>r||n?("string"==typeof n&&(n=[n]),e(a,{children:null!=r?r:null==n?void 0:n.map(((a,n)=>e("span",Object.assign({id:`${s}-${n}`,className:"usa-error-message"},{children:a}),n)))})):e(a,{}),Z=({id:r,required:t,label:i,helperText:l,errors:o,validationStatus:d,className:u,fieldControl:m,children:h})=>{const b=V("usa-form-group",{"usa-form-group--error":!!(o&&o.length>0)||"error"===d},u);if(!h&&!m)return e(a,{});if(h)return e("div",Object.assign({id:r,className:b},{children:h}));let g=c(m)?m.props.id:void 0;const p=c(m)?m:void 0;let f=p;const _=null==f?void 0:f.props.className;if("usa-combo-box"===_||"usa-time-picker"===_||"usa-date-picker"===_){const e=null==p?void 0:p.props.children;g=null==e?void 0:e.props.id}else p&&(f=n.cloneElement(p,{"aria-describedby":`${r}-helper-text`}));return s("div",Object.assign({id:r,className:b},{children:[i?e(Q,Object.assign({htmlFor:g,required:t},{children:i})):e(a,{}),l?e(W,Object.assign({id:`${r}-helper-text`},{children:l})):e(a,{}),o?e(X,{id:`${r}-errors`,errors:o}):e(a,{}),f]}))},ee=a=>{var{id:n,name:r,label:t,checked:i,defaultChecked:l,isTile:c,onChange:o,onClick:d}=a,u=F(a,["id","name","label","checked","defaultChecked","isTile","onChange","onClick"]);const m=`${n}__usa-checkbox__input`,h=V("usa-checkbox__input",{"usa-checkbox__input--tile":c});return s("div",Object.assign({id:n,className:"usa-checkbox"},{children:[e("input",Object.assign({className:h,id:m,type:"checkbox",name:r,checked:i,defaultChecked:l,onChange:o,onClick:d},u)),e("label",Object.assign({className:"usa-checkbox__label",htmlFor:m},{children:t}))]}))},ae=({id:s,name:n,data:r,areTiles:t,required:i,label:l,helperText:c,errors:o,onChange:d,onClick:u})=>e(Z,{id:`form-group-${s}`,required:i,label:l,helperText:c,errors:o,fieldControl:e(a,{children:r.map(((a,r)=>{const i=`${s}__checkbox${r}`;return e(ee,{id:i,name:n,label:a.label,value:a.value,checked:a.checked,defaultChecked:a.defaultChecked,isTile:t,onChange:d,onClick:u},i)}))})}),se=n=>{var{id:r,defaultOption:t={value:"",label:"- Select -"},options:i,required:l,label:c,helperText:o,errors:d,onChange:u,className:m,children:h}=n,b=F(n,["id","defaultOption","options","required","label","helperText","errors","onChange","className","children"]);return h||i?e(Z,{id:`form-group-${r}`,required:l,label:c,helperText:o,errors:d,fieldControl:s("select",Object.assign({id:r,className:V("usa-select",m),defaultValue:null==t?void 0:t.value,onChange:u},b,{children:[re(t,-1),null!=h?h:null==i?void 0:i.map(re)]}))}):e(a,{})},ne=({value:a,label:s})=>e("option",Object.assign({value:a},{children:s})),re=(a,s)=>a&&e("option",Object.assign({value:a.value},{children:a.label}),s),te=a=>{var{id:s,options:n,required:t,label:i,helperText:l,errors:c,onChange:d,className:u,children:m,defaultValue:h,placeholder:b}=a,g=F(a,["id","options","required","label","helperText","errors","onChange","className","children","defaultValue","placeholder"]);const p=r(null);o((()=>{var e;const a=p.current;return(null===(e=null==a?void 0:a.parentNode)||void 0===e?void 0:e.querySelector(`label[for="${s}"]`))&&f.on(a),()=>{a&&f.off(a)}}));const _={className:"usa-combo-box",ref:p};return b&&(_["data-placeholder"]=b),h&&(_["data-default-value"]=h),e(Z,{id:`form-group-${s}`,required:t,label:i,helperText:l,errors:c,fieldControl:e("div",Object.assign({},_,{children:e("select",Object.assign({id:s,className:V("usa-select",u),defaultValue:h,onChange:d},g,{children:null!=m?m:null==n?void 0:n.map(re)}))}))})},ie=a=>{var{id:s,minDate:n,maxDate:t,dateRange:i,defaultValue:l,required:c,label:d,helperText:u,errors:m,validationStatus:h,onChange:b}=a,g=F(a,["id","minDate","maxDate","dateRange","defaultValue","required","label","helperText","errors","validationStatus","onChange"]);const p=r(null);o((()=>{const e=p.current,a=e.querySelector(".usa-date-picker__wrapper");a||_.on(e);const s=_.getDatePickerContext(e).externalInputEl;return b&&s.addEventListener("change",b),()=>{b&&s.removeEventListener("change",b),a&&_.off(e)}}),[]);const f={};n&&(f["data-min-date"]=le(n)),t&&(f["data-max-date"]=le(t)),i&&(f["data-range-date"]=le(i)),l&&(f["data-default-value"]=le(l));const v=V("usa-input",{"usa-input--error":"error"===h,"usa-input--success":"success"===h});return e(Z,{id:`form-group-${s}`,required:c,label:d,helperText:u,errors:m,fieldControl:e("div",Object.assign({ref:p,className:"usa-date-picker"},f,{children:e("input",Object.assign({id:s,className:v,type:"text"},g))}))})};function le(e){if("string"==typeof e){return new Date(e).toISOString().substring(0,10)}return e.toISOString().substring(0,10)}const ce=({id:a,children:s})=>{const n=r(null);return o((()=>{const e=n.current;return v.on(e),()=>v.off(e)})),e("div",Object.assign({id:a,ref:n,className:"usa-date-range-picker"},{children:s}))},oe=a=>{var{id:s,required:n,label:t,helperText:i,errors:l}=a,c=F(a,["id","required","label","helperText","errors"]);const d=r(null);return o((()=>{const e=d.current;return O.on(e),()=>O.off(e)}),[]),e(Z,{id:`form-group-${s}`,required:n,label:t,helperText:i,errors:l,fieldControl:e("input",Object.assign({className:"usa-file-input",type:"file",ref:d,id:s},c))})},de=a=>{var{id:s,isLarge:n=!1,className:r,children:t}=a,i=F(a,["id","isLarge","className","children"]);return e("form",Object.assign({id:s,className:V("usa-form",{"usa-form--large":n},r)},i,{children:t}))},ue=({id:a,type:s,size:n="size-3",className:r="text-base-darkest"})=>{const t=V("usa-icon",`usa-icon--${n}`,r);return e("svg",Object.assign({id:a,className:t,"aria-hidden":"true",focusable:"false",role:"img"},{children:e("use",{xlinkHref:`${j}#${s}`})}))},me=(e,a)=>{let s=null!=a?a:void 0;switch(e){case"ssn":s="^(?!(000|666|9))d{3} (?!00)d{2} (?!0000)d{4}$";break;case"phone_number":s="\\d{3}-\\d{3}-\\d{4}";break;case"zip_5_digit":s="\\d{5}";break;case"zip_9_digit":s="^[0-9]{5}(?:-[0-9]{4})?$"}return s},he=(e,a)=>{let s=null!=a?a:void 0;switch(e){case"ssn":s="___ __ ____";break;case"phone_number":s="___-___-____";break;case"zip_5_digit":s="_____";break;case"zip_9_digit":s="_____-____"}return s},be=(e,a)=>{let s=null!=a?a:"text";if("phone_number"===e)s="tel";return s},ge=(e,a)=>{let s=null!=a?a:"text";switch(e){case"ssn":case"phone_number":case"zip_5_digit":case"zip_9_digit":s="numeric"}return s},pe=a=>{var{id:n,name:i,required:l,label:c,helperText:o,errors:d,validationStatus:u,className:m,type:h,mask:b,prefix:g,suffix:p,onChange:f}=a,_=F(a,["id","name","required","label","helperText","errors","validationStatus","className","type","mask","prefix","suffix","onChange"]);const v=r(null);t((()=>{const e=v.current;return e&&b&&N.on(e),()=>{e&&b&&N.off(e)}}));const O=V("usa-input",{"usa-input--error":"error"===u,"usa-input--success":"success"===u,"usa-masked":b},m),j=e("input",Object.assign({ref:v,id:n,name:i,className:O,"data-testid":"input",type:be(b,h),onChange:f,pattern:me(b,_.pattern),placeholder:he(b,_.placeholder),inputMode:ge(b,_.inputMode)},_)),y=s("div",Object.assign({className:"usa-input-group"},{children:[g?e("div",Object.assign({className:"usa-input-prefix","aria-hidden":"true"},{children:g})):void 0,j,p?e("div",Object.assign({className:"usa-input-suffix","aria-hidden":"true"},{children:p})):void 0]}));return e(Z,{id:`form-group-${n}`,required:l,label:c,helperText:o,errors:d,validationStatus:u,fieldControl:(null!=g?g:p)?y:j})},fe=a=>{var{id:s,type:n="unordered",variant:r="default",className:t,items:i}=a,l=F(a,["id","type","variant","className","items"]);const c=V("usa-list",{"usa-list--unstyled":"unstyled"===r},t),o=a=>a.map((a=>e("li",Object.assign({id:a.id},{children:a.value}),a.id)));return e("unordered"===n?"ul":"ol",Object.assign({id:s,className:c},l,{children:o(i)}))},_e=a=>{var{id:n,required:r,label:t,helperText:i,errors:l,defaultMonthValue:c,defaultDayValue:o,defaultYearValue:d,onMonthChange:u,onDayChange:m,onYearChange:h}=a,b=F(a,["id","required","label","helperText","errors","defaultMonthValue","defaultDayValue","defaultYearValue","onMonthChange","onDayChange","onYearChange"]);return e(Z,{id:`form-group-${n}`,required:r,label:t,helperText:i,errors:l,fieldControl:s("div",Object.assign({id:`memorable-date-${n}`,className:"usa-memorable-date","data-testid":"memorable-date"},b,{children:[s("div",Object.assign({className:"usa-form-group usa-form-group--month usa-form-group--select"},{children:[e("label",Object.assign({className:"usa-label",htmlFor:`memorable-date-month-${n}`},{children:"Month"})),s("select",Object.assign({className:"usa-select",id:`memorable-date-month-${n}`,name:`memorable-date-month-${n}`,defaultValue:c,onChange:u},{children:[e("option",Object.assign({value:""},{children:"- Select -"})),e("option",Object.assign({value:1},{children:"01 - January"})),e("option",Object.assign({value:2},{children:"02 - February"})),e("option",Object.assign({value:3},{children:"03 - March"})),e("option",Object.assign({value:4},{children:"04 - April"})),e("option",Object.assign({value:5},{children:"05 - May"})),e("option",Object.assign({value:6},{children:"06 - June"})),e("option",Object.assign({value:7},{children:"07 - July"})),e("option",Object.assign({value:8},{children:"08 - August"})),e("option",Object.assign({value:9},{children:"09 - September"})),e("option",Object.assign({value:10},{children:"10 - October"})),e("option",Object.assign({value:11},{children:"11 - November"})),e("option",Object.assign({value:12},{children:"12 - December"}))]}))]})),s("div",Object.assign({className:"usa-form-group usa-form-group--day"},{children:[e("label",Object.assign({className:"usa-label",htmlFor:`memorable-date-day-${n}`},{children:"Day"})),e("input",{className:"usa-input",id:`memorable-date-day-${n}`,name:`memorable-date-day-${n}`,type:"number",minLength:1,maxLength:2,pattern:"[0-9]*",inputMode:"numeric",defaultValue:o,onChange:m})]})),s("div",Object.assign({className:"usa-form-group usa-form-group--year"},{children:[e("label",Object.assign({className:"usa-label",htmlFor:`memorable-date-year-${n}`},{children:"Year"})),e("input",{className:"usa-input",id:`memorable-date-year-${n}`,name:`memorable-date-year-${n}`,type:"number",minLength:4,maxLength:4,pattern:"[0-9]*",inputMode:"numeric",defaultValue:d,onChange:h})]}))]}))})},ve=({id:a,heading:n,size:t="small",footer:i,children:l})=>{const c=r(null);o((()=>{const e=c.current;return y.on(e),()=>y.off(e)}));const d=V("usa-modal",{"usa-modal--lg":"large"===t});return e("div",Object.assign({ref:c,className:d,id:a,"aria-labelledby":`${a}-heading`,"aria-describedby":`${a}-description`},{children:s("div",Object.assign({className:"usa-modal__content"},{children:[s("div",Object.assign({className:"usa-modal__main"},{children:[e("h2",Object.assign({className:"usa-modal__heading",id:`${a}-heading`},{children:n})),l,e("div",Object.assign({className:"usa-modal__footer"},{children:i}))]})),e("button",Object.assign({className:"usa-button usa-modal__close","aria-label":"Close this window","data-close-modal":!0},{children:e("svg",Object.assign({className:"usa-icon","aria-hidden":"true",focusable:"false",role:"img"},{children:e("use",{xlinkHref:`${j}#close`})}))}))]}))}))},Oe=({id:n,currentPage:r,amountOfPages:t,amountOfVisiblePageItems:i=3,ariaLabel:l,createPageUrl:c=(()=>"#"),onPage:o=(()=>{})})=>{t<=7&&(i=7);let d=Math.max(0,r-Math.floor(i/2));const u=Math.min(t,d+i)-1;return u===t-1&&(d=Math.max(0,u-i+1)),e("nav",Object.assign({id:n,"aria-label":l,className:"usa-pagination"},{children:s("ul",Object.assign({className:"usa-pagination__list"},{children:[r>0&&e("li",Object.assign({className:"usa-pagination__item usa-pagination__arrow"},{children:s("a",Object.assign({href:c(r-1),onClick:e=>o(e,r-1),className:"usa-pagination__link usa-pagination__previous-page","aria-label":"Previous page"},{children:[e("svg",Object.assign({className:"usa-icon","aria-hidden":"true",role:"img"},{children:e("use",{xlinkHref:`${j}#navigate_before`})})),e("span",Object.assign({className:"usa-pagination__link-text"},{children:"Previous"}))]}))})),d>0&&s(a,{children:[Ne(0,r,t,c,o),e("li",Object.assign({className:"usa-pagination__item usa-pagination__overflow"},{children:e("span",{children:"…"})}))]}),je(d,u,(e=>Ne(e,r,t,c,o))),u<t-1&&s(a,{children:[e("li",Object.assign({className:"usa-pagination__item usa-pagination__overflow"},{children:e("span",{children:"…"})})),Ne(t-1,r,t,c,o)]}),r<t-1&&e("li",Object.assign({className:"usa-pagination__item usa-pagination__arrow"},{children:s("a",Object.assign({href:c(r+1),onClick:e=>o(e,r+1),className:"usa-pagination__link usa-pagination__next-page","aria-label":"Next page"},{children:[e("span",Object.assign({className:"usa-pagination__link-text"},{children:"Next"})),e("svg",Object.assign({className:"usa-icon","aria-hidden":"true",role:"img"},{children:e("use",{xlinkHref:`${j}#navigate_next`})}))]}))}))]}))}))};function je(e,a,s){const n=[];for(;e<=a;e++)n.push(s(e));return n}function Ne(a,s,n,r,t){const i=a===s,l=n-1===a?`last page, page ${a+1}`:`page ${a+1}`;return e("li",Object.assign({className:"usa-pagination__item usa-pagination__page-no"},{children:e("a",Object.assign({href:r(a),onClick:e=>t(e,a),className:V("usa-pagination__button",{"usa-current":i}),"aria-label":l,"aria-current":i?"page":void 0},{children:`${a+1}`}))}),a)}M(".current.usa-process-list__item::before {\n border: 0.25rem solid #005ea2;\n background-color: #005ea2;\n color: #fff;\n}\n\n.current.usa-process-list__item {\n border-left: 0.5rem solid #005ea2;\n}\n\n.current.usa-process-list__heading {\n color: #005ea2;\n}\n\n.completed.usa-process-list__item::before {\n border: 0.25rem solid #162e51;\n background-color: #162e51;\n color: #fff;\n}\n\n.completed.usa-process-list__item:not(.last) {\n border-left: 0.5rem solid #162e51;\n}\n\n.completed.usa-process-list__heading {\n color: #162e51;\n}\n");const ye=({id:s,steps:n,currentStep:r=0,children:t})=>t||n?e("ol",Object.assign({id:s,className:"usa-process-list"},{children:null!=t?t:null==n?void 0:n.map(((a,s)=>e(xe,Object.assign({heading:a.heading,isCurrentStep:r===s+1&&r!==n.length,isCompletedStep:r>s+1||r===n.length,isLastStep:s===n.length-1},{children:a.children}),s)))})):e(a,{}),xe=({heading:e,headingClassName:a,headingElementName:r="h4",isCurrentStep:t,isCompletedStep:i,isLastStep:l,children:c})=>{const o=V("usa-process-list__item",{current:t&&!i,completed:i,last:l}),d=V("usa-process-list__heading",{current:t&&!i,completed:i,last:l},a);return s("li",Object.assign({className:o},{children:[n.createElement(r,{className:d},e),c]}))},ke=a=>{var{id:s,className:n,children:r}=a,t=F(a,["id","className","children"]);const i=V("usa-prose",n);return e("section",Object.assign({id:s,className:i},t,{children:r}))},Ce=a=>{var{id:n,name:r,label:t,checked:i,defaultChecked:l,isTile:c,onChange:o,onClick:d}=a,u=F(a,["id","name","label","checked","defaultChecked","isTile","onChange","onClick"]);const m=`${n}__usa-radio__input`,h=V("usa-radio__input",{"usa-radio__input--tile":c});return s("div",Object.assign({id:n,className:"usa-radio"},{children:[e("input",Object.assign({className:h,id:m,type:"radio",name:r,checked:i,defaultChecked:l,onChange:o,onClick:d},u)),e("label",Object.assign({className:"usa-radio__label",htmlFor:m},{children:t}))]}))},we=({id:s,name:n,data:r,areTiles:t,required:i,label:l,helperText:c,errors:o,onChange:d,onClick:u})=>e(Z,{id:`form-group-${s}`,required:i,label:l,helperText:c,errors:o,fieldControl:e(a,{children:r.map(((a,r)=>{const i=`${s}__radio${r}`;return e(Ce,{id:i,name:n,label:a.label,value:a.value,checked:a.checked,defaultChecked:a.defaultChecked,isTile:t,onChange:d,onClick:u},i)}))})}),Se=a=>{var{id:s,required:n,label:r,helperText:t,errors:i,minValue:l,maxValue:c,step:o="10",defaultValue:d,onChange:u}=a,m=F(a,["id","required","label","helperText","errors","minValue","maxValue","step","defaultValue","onChange"]);return e(Z,{id:`form-group-${s}`,required:n,label:r,helperText:t,errors:i,fieldControl:e("input",Object.assign({id:s,className:"usa-range",type:"range",min:l,max:c,step:o,defaultValue:d,onChange:u,role:"slider"},m))})},$e=a=>{var{id:n,type:r="default",onSearch:t}=a,i=F(a,["id","type","onSearch"]);const l=V("usa-search",{"usa-search--small":"small"===r,"usa-search--big":"big"===r});return s("form",Object.assign({id:n,className:l,role:"search",onSubmit:function(e){if(t){const a=e.target;t(e,a.elements.search.value)}}},{children:[e("label",Object.assign({className:"usa-sr-only",htmlFor:`${n}__search-field`},{children:"Search"})),e("input",Object.assign({className:"usa-input",id:`${n}__search-field`,type:"search",name:"search"},i)),s("button",Object.assign({className:"usa-button",type:"submit"},{children:[e("span",Object.assign({className:"small"===r?"usa-sr-only":"usa-search__submit-text"},{children:"Search"})),e("img",{src:x,className:"usa-search__submit-icon",alt:"Search icon"})]}))]}))},Te=({id:s,ariaLabel:n,items:r,children:t})=>t||r?e("nav",Object.assign({id:s,"aria-label":n},{children:e("ul",Object.assign({className:"usa-sidenav"},{children:null!=t?t:null==r?void 0:r.map(((a,s)=>e(qe,{items:a.items,anchor:a.anchor},`side-nav-item-${s}`)))}))})):e(a,{}),qe=({items:a,anchor:n})=>s("li",Object.assign({className:"usa-sidenav__item"},{children:[n,a&&a.length>0&&e("ul",Object.assign({className:"usa-sidenav__sublist"},{children:a.map(((a,s)=>e(qe,{items:a.items,anchor:a.anchor},`side-nav-item-sublist-${s}`)))}))]})),Ve=({id:a,type:n="Info",heading:r,slim:t=!1,noIcon:i=!1,className:l,children:c})=>{const o=V("usa-site-alert",{"usa-site-alert--emergency":"Emergency"===n,"usa-site-alert--info":"Info"===n,"usa-site-alert--slim":t,"usa-site-alert--no-icon":i},l);return e("section",Object.assign({id:a,className:o,"aria-label":"Site Alert"},{children:e("div",Object.assign({className:"usa-alert"},{children:s("div",Object.assign({className:"usa-alert__body"},{children:[r&&e("h3",Object.assign({className:"usa-alert__heading"},{children:r})),c&&e("p",Object.assign({className:"usa-alert__text"},{children:c}))]}))}))}))},Me=({id:n,steps:r,currentStep:t,hideLabels:i=!1,showCounters:l=!1,showSmallCounters:c=!1,centerCounters:o=!1,headingLevel:u="h4"})=>{const m=V("usa-step-indicator",{"usa-step-indicator--no-labels":i,"usa-step-indicator--counters":l,"usa-step-indicator--counters-sm":c,"usa-step-indicator--center":o});return s("div",Object.assign({id:n,className:m,"aria-label":"progress"},{children:[e("ol",Object.assign({className:"usa-step-indicator__segments"},{children:r.map(((a,n)=>{const r={key:n,className:"usa-step-indicator__segment"};let i="";return n<t?(r.className+=" usa-step-indicator__segment--complete",i="completed"):n>t?i="not completed":(r.className+=" usa-step-indicator__segment--current",Object.assign(r,{"aria-current":!0})),d("li",Object.assign({},r,{key:`usa-step-label-${n}`}),s("span",Object.assign({className:"usa-step-indicator__segment-label"},{children:[a,""!==i&&e("span",Object.assign({className:"usa-sr-only"},{children:i}))]})))}))})),e("div",Object.assign({className:"usa-step-indicator__header"},{children:d(u,{className:"usa-step-indicator__heading"},s(a,{children:[s("span",Object.assign({className:"usa-step-indicator__heading-counter"},{children:[e("span",Object.assign({className:"usa-sr-only"},{children:"Step"})),e("span",Object.assign({className:"usa-step-indicator__current-step"},{children:t+1})),s("span",Object.assign({className:"usa-step-indicator__total-steps"},{children:[" of ",r.length]}))]})),e("span",Object.assign({className:"usa-step-indicator__heading-text"},{children:r[t]}))]}))}))]}))},Le=({id:a,heading:n,className:r,items:t})=>{const i=V("usa-summary-box",r);return e("div",Object.assign({className:i,role:"region","aria-labelledby":a},{children:s("div",Object.assign({className:"usa-summary-box__body"},{children:[e("h3",Object.assign({className:"usa-summary-box__heading",id:a},{children:n})),e("div",Object.assign({className:"usa-summary-box__text"},{children:e("ul",Object.assign({className:"usa-list"},{children:t.map(((a,s)=>e("li",{children:a},s)))}))}))]}))}))},Ee=({id:a,caption:n,columns:i,data:l,sortable:c=!1,sortIndex:o=0,sortDir:d="ascending",onSort:u,scrollable:m=!1,borderless:h=!1,striped:b=!1,className:g,tabIndex:p=-1})=>{const f=r(null);return t((()=>{const e=f.current;return c&&k.on(e),()=>{c&&(k.off(e),null==e||e.querySelectorAll(".usa-table__header__button").forEach((e=>e.remove())))}})),t((()=>{const e=new MutationObserver((e=>{for(const a of e)if(u&&"aria-sort"===a.attributeName){a.target.getAttribute("aria-sort")&&u()}}));if(f.current&&u){f.current.querySelectorAll("th").forEach((a=>e.observe(a,{attributes:!0})))}}),[i]),s("div",Object.assign({id:a,className:V({"usa-table-container":!m},{"usa-table-container--scrollable":m},{"usa-table--borderless":h},{"usa-table--striped":b}),ref:f},{children:[s("table",Object.assign({className:V("usa-table",g),tabIndex:p},{children:[e("caption",Object.assign({hidden:!!n},{children:n})),e("thead",{children:e("tr",{children:i.map((e=>Object.assign(Object.assign({},e),{sortable:void 0===e.sortable||e.sortable}))).map(((a,s)=>e("th",Object.assign({id:a.id,"data-sortable":c&&a.sortable||null,scope:"col",role:"columnheader","aria-sort":c&&a.sortable&&o===s?"descending"===d?"ascending":"descending":void 0},{children:a.name}),a.id)))})}),e("tbody",{children:l.map(((a,s)=>{const n=[];for(const e in a)c?n.push({value:a[e].value,sortValue:a[e].sortValue}):n.push({value:a[e].value?a[e].value:a[e]});return e("tr",{children:n.map(((a,s)=>e("td",Object.assign({"data-sort-value":c?a.sortValue:a.value},{children:a.value}),`td-${s}`)))},`tr-${s}`)}))})]})),c&&e("div",{className:"usa-sr-only usa-table__announcement-region","aria-live":"polite"})]}))},De=({id:a,children:s,size:n="Default",className:r})=>{const t=V("usa-tag",{"usa-tag--big":"Big"===n},r);return e("span",Object.assign({id:a,className:t},{children:s}))},Ae=a=>{var{id:s,name:n,rows:r,required:t,label:i,helperText:l,errors:c,validationStatus:o,className:d,onChange:u}=a,m=F(a,["id","name","rows","required","label","helperText","errors","validationStatus","className","onChange"]);const h=V("usa-textarea",{"usa-input--error":"error"===o,"usa-input--success":"success"===o},d);return e(Z,{id:`form-group-${s}`,required:t,label:i,helperText:l,errors:c,validationStatus:o,fieldControl:e("textarea",Object.assign({className:h,style:void 0===r?void 0:{height:"unset"},id:s,name:n,rows:r,onChange:u},m))})},ze=a=>{var{id:s,required:n,label:t,helperText:i,errors:l,filter:c,minTime:d,maxTime:u,step:m,onChange:h}=a,b=F(a,["id","required","label","helperText","errors","filter","minTime","maxTime","step","onChange"]);const g=r(null);o((()=>{var e;const a=g.current,n=null===(e=null==a?void 0:a.parentNode)||void 0===e?void 0:e.querySelector(`label[for="${s}"]`);if(n){C.on(a),f.on(a);const e=a.querySelector(".usa-combo-box__input");h&&e.addEventListener("change",h)}return()=>{if(n){f.off(a),C.off(a);const e=a.querySelector(".usa-combo-box__input");h&&e.removeEventListener("change",h)}}}));const p={};return c&&(p["data-filter"]=c),d&&(p["data-min-time"]=d),u&&(p["data-max-time"]=u),m&&(p["data-step"]=m),e(Z,{id:`form-group-${s}`,required:n,label:t,helperText:i,errors:l,fieldControl:e("div",Object.assign({ref:g,className:V("usa-time-picker",b.className)},p,{children:e("input",Object.assign({className:"usa-input",type:"text",id:s},b))}))})},Pe=({label:a,position:s="top",children:n})=>{const t=r(null);return o((()=>{var e;const n=null===(e=t.current)||void 0===e?void 0:e.firstChild;return n&&(n.classList.add("usa-tooltip"),n.title=a,n.setAttribute("data-position",s),w.on(n)),()=>w.off(n)})),e("span",Object.assign({ref:t},{children:n}))},Ie=()=>({on:e=>{S.on(e)},off:e=>{S.off(e)}}),Fe=()=>({toggleModal:e=>{y.toggleModal.call(y,e)}});export{L as Accordion,E as AccordionItem,D as Alert,z as Banner,P as Breadcrumb,I as BreadcrumbItem,H as Button,B as ButtonGroup,U as Card,Y as CardBody,J as CardFooter,R as CardHeader,K as CharacterCount,G as CharacterCountContainer,ee as Checkbox,ae as CheckboxGroup,te as ComboBox,ie as DatePicker,ce as DateRangePicker,X as ErrorMessages,oe as FileInput,de as Form,Z as FormGroup,W as HelperText,ue as Icon,Q as Label,fe as List,_e as MemorableDate,ve as Modal,Oe as Pagination,ye as ProcessList,xe as ProcessListStep,ke as Prose,Ce as RadioButton,we as RadioButtonGroup,Se as RangeSlider,$e as Search,se as Select,ne as SelectOption,Te as SideNavigation,qe as SideNavigationItem,Ve as SiteAlert,Me as StepIndicator,Le as SummaryBox,Ee as Table,De as Tag,Ae as TextArea,pe as TextInput,ze as TimePicker,Pe as Tooltip,Ie as useHeader,Fe as useModal}; | ||
//# sourceMappingURL=index.js.map |
@@ -153,4 +153,8 @@ import React$1, { ReactNode, ReactElement, SyntheticEvent, PropsWithChildren, ChangeEventHandler, MouseEventHandler, FormEvent } from 'react'; | ||
*/ | ||
variant?: 'default' | 'secondary' | 'accent-cool' | 'accent-warm' | 'base' | 'outline' | 'outline-inverse' | 'big' | 'unstyled'; | ||
variant?: 'default' | 'secondary' | 'accent-cool' | 'accent-warm' | 'base' | 'outline' | 'outline-inverse' | 'unstyled'; | ||
/** | ||
* The size of the button | ||
*/ | ||
size?: 'default' | 'big'; | ||
/** | ||
* A custom class to apply to the component | ||
@@ -171,3 +175,3 @@ */ | ||
*/ | ||
declare const Button: ({ id, type, variant, className, children, ...props }: ButtonProps & JSX.IntrinsicElements['button']) => React$1.ReactElement; | ||
declare const Button: ({ id, type, variant, size, className, children, ...props }: ButtonProps & JSX.IntrinsicElements['button']) => React$1.ReactElement; | ||
@@ -174,0 +178,0 @@ interface ButtonGroupProps { |
{ | ||
"name": "@metrostar/comet-uswds", | ||
"version": "3.0.1", | ||
"version": "3.1.0", | ||
"description": "React with TypeScript Component Library based on USWDS 3.0.", | ||
@@ -5,0 +5,0 @@ "license": "Apache-2.0", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
342818
4887