New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
@metrostar/comet-uswds
Advanced tools
@metrostar/comet-uswds - npm Package Compare versions
Comparing version 2.4.1 to 3.0.0-beta.0
@@ -65,2 +65,18 @@ import React, { ChangeEventHandler, MouseEventHandler } from 'react'; | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| /** | ||
| * Event handler will be triggered when the checkbox value changes | ||
@@ -74,2 +90,2 @@ */ | ||
| } | ||
| export declare const CheckboxGroup: ({ id, name, data, areTiles, onChange, onClick, }: CheckboxGroupProps) => React.ReactElement; | ||
| export declare const CheckboxGroup: ({ id, name, data, areTiles, required, label, helperText, errors, onChange, onClick, }: CheckboxGroupProps) => React.ReactElement; |
| import { SelectOptionProps, SelectProps } from '../select/select'; | ||
| import React from 'react'; | ||
| import React, { ChangeEventHandler, ReactElement } from 'react'; | ||
| export type ComboBoxOptionProps = SelectOptionProps; | ||
@@ -10,9 +10,37 @@ export type ComboBoxProps = { | ||
| /** | ||
| * The name for the combo box input field | ||
| * The name of the select | ||
| */ | ||
| name?: string; | ||
| /** | ||
| * The placeholder value to display in the control | ||
| * The options of the select | ||
| */ | ||
| options?: SelectOptionProps[]; | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| /** | ||
| * The placeholder value to display in the control | ||
| */ | ||
| placeholder?: string; | ||
| /** | ||
| * SelectOption components to display as children | ||
| */ | ||
| children?: ReactElement<SelectOptionProps> | Array<ReactElement<SelectOptionProps>>; | ||
| /** | ||
| * Event handler for when value of the select is changed | ||
| */ | ||
| onChange?: ChangeEventHandler<HTMLSelectElement>; | ||
| } & SelectProps & JSX.IntrinsicElements['select']; | ||
@@ -22,3 +50,3 @@ /** | ||
| */ | ||
| export declare const ComboBox: ({ placeholder, ...comboBoxProps }: ComboBoxProps) => React.ReactElement; | ||
| export declare const ComboBox: ({ id, options, required, label, helperText, errors, onChange, className, children, defaultValue, placeholder, ...selectProps }: ComboBoxProps) => React.ReactElement; | ||
| export default ComboBox; |
| import React from 'react'; | ||
| import { ValidationStatus } from '../utils/types'; | ||
| export interface DatePickerProps { | ||
@@ -28,2 +29,22 @@ /** | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| /** | ||
| * State based styling to apply to the form group | ||
| */ | ||
| validationStatus?: ValidationStatus; | ||
| /** | ||
| * Event handler will be triggered when the date-picker value changes | ||
@@ -36,3 +57,3 @@ */ | ||
| */ | ||
| export declare const DatePicker: ({ minDate, maxDate, dateRange, defaultValue, onChange, ...inputProps }: DatePickerProps & JSX.IntrinsicElements['input']) => React.ReactElement; | ||
| export declare const DatePicker: ({ id, minDate, maxDate, dateRange, defaultValue, required, label, helperText, errors, validationStatus, onChange, ...inputProps }: DatePickerProps & JSX.IntrinsicElements['input']) => React.ReactElement; | ||
| export default DatePicker; |
@@ -10,3 +10,3 @@ import React, { ReactNode } from 'react'; | ||
| */ | ||
| errors?: string[]; | ||
| errors?: string | string[]; | ||
| /** | ||
@@ -13,0 +13,0 @@ * ReactNode components to display as children |
@@ -11,2 +11,18 @@ import React from 'react'; | ||
| name?: string; | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| } | ||
@@ -16,3 +32,3 @@ /** | ||
| */ | ||
| export declare const FileInput: (inputProps: FileInputProps & JSX.IntrinsicElements['input']) => React.ReactElement; | ||
| export declare const FileInput: ({ id, required, label, helperText, errors, ...inputProps }: FileInputProps & JSX.IntrinsicElements['input']) => React.ReactElement; | ||
| export default FileInput; |
| import React, { ReactNode } from 'react'; | ||
| import { ValidationStatus } from '../utils/types'; | ||
| export interface FormGroupProps { | ||
@@ -8,6 +9,22 @@ /** | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string[]; | ||
| errors?: string | string[]; | ||
| /** | ||
| * State based styling to apply to the form group | ||
| */ | ||
| validationStatus?: ValidationStatus; | ||
| /** | ||
| * Additional class name for the form group | ||
@@ -19,3 +36,7 @@ */ | ||
| */ | ||
| children: ReactNode; | ||
| fieldControl?: ReactNode; | ||
| /** | ||
| * The contents of the form group | ||
| */ | ||
| children?: ReactNode; | ||
| } | ||
@@ -25,3 +46,3 @@ /** | ||
| */ | ||
| export declare const FormGroup: ({ id, errors, className, children, }: FormGroupProps) => React.ReactElement; | ||
| export declare const FormGroup: ({ id, required, label, helperText, errors, validationStatus, className, fieldControl, children, }: FormGroupProps) => React.ReactElement; | ||
| export default FormGroup; |
@@ -21,2 +21,3 @@ export { default as Accordion, AccordionItem } from './accordion'; | ||
| export { default as FormGroup } from './form-group'; | ||
| export { default as HelperText } from './helper-text'; | ||
| export { default as Icon } from './icon'; | ||
@@ -51,1 +52,2 @@ export { default as TextInput } from './text-input'; | ||
| export { default as Tooltip } from './tooltip'; | ||
| export type { ValidationStatus } from './utils/types'; |
@@ -8,2 +8,18 @@ import React, { ChangeEventHandler } from 'react'; | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| /** | ||
| * The default value for the day field | ||
@@ -36,3 +52,3 @@ */ | ||
| */ | ||
| export declare const MemorableDate: ({ id, defaultMonthValue, defaultDayValue, defaultYearValue, onMonthChange, onDayChange, onYearChange, ...props }: MemorableDateProps) => React.ReactElement; | ||
| export declare const MemorableDate: ({ id, required, label, helperText, errors, defaultMonthValue, defaultDayValue, defaultYearValue, onMonthChange, onDayChange, onYearChange, ...props }: MemorableDateProps) => React.ReactElement; | ||
| export default MemorableDate; |
@@ -65,2 +65,18 @@ import React, { ChangeEventHandler, MouseEventHandler } from 'react'; | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| /** | ||
| * Event handler will be triggered when the radioButton value changes | ||
@@ -74,2 +90,2 @@ */ | ||
| } | ||
| export declare const RadioButtonGroup: ({ id, name, data, areTiles, onChange, onClick, }: RadioButtonGroupProps) => React.ReactElement; | ||
| export declare const RadioButtonGroup: ({ id, name, data, areTiles, required, label, helperText, errors, onChange, onClick, }: RadioButtonGroupProps) => React.ReactElement; |
@@ -11,2 +11,18 @@ export interface RangeSliderProps { | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| /** | ||
| * A minimum value allowed for the slider | ||
@@ -35,3 +51,3 @@ */ | ||
| */ | ||
| export declare const RangeSlider: ({ id, minValue, maxValue, step, defaultValue, onChange, ...inputProps }: RangeSliderProps & Omit<JSX.IntrinsicElements['input'], 'min' | 'max'>) => React.ReactElement; | ||
| export declare const RangeSlider: ({ id, required, label, helperText, errors, minValue, maxValue, step, defaultValue, onChange, ...inputProps }: RangeSliderProps & Omit<JSX.IntrinsicElements['input'], 'min' | 'max'>) => React.ReactElement; | ||
| export default RangeSlider; |
@@ -1,2 +0,2 @@ | ||
| import { ChangeEventHandler, ReactElement } from 'react'; | ||
| import React, { ChangeEventHandler, ReactElement } from 'react'; | ||
| export interface SelectOptionProps { | ||
@@ -30,2 +30,18 @@ /** | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| /** | ||
| * SelectOption components to display as children | ||
@@ -42,4 +58,5 @@ */ | ||
| */ | ||
| export declare const Select: ({ defaultOption, options, onChange, className, children, ...selectProps }: SelectProps & JSX.IntrinsicElements['select']) => ReactElement; | ||
| export declare const Select: ({ id, defaultOption, options, required, label, helperText, errors, onChange, className, children, ...selectProps }: SelectProps & JSX.IntrinsicElements['select']) => ReactElement; | ||
| export declare const SelectOption: ({ value, label }: SelectOptionProps) => ReactElement; | ||
| export declare const createOption: (option: SelectOptionProps | null, optionIndex: number) => React.ReactElement | null; | ||
| export default Select; |
| import React, { ChangeEventHandler } from 'react'; | ||
| import { ValidationStatus } from '../utils/types'; | ||
| export interface TextAreaProps { | ||
@@ -16,2 +17,22 @@ /** | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| /** | ||
| * State based styling to apply to the form group | ||
| */ | ||
| validationStatus?: ValidationStatus; | ||
| /** | ||
| * Event handler for when value of textarea is changes | ||
@@ -24,3 +45,3 @@ */ | ||
| */ | ||
| export declare const TextArea: ({ id, name, rows, className, onChange, ...textAreaProps }: TextAreaProps & JSX.IntrinsicElements['textarea']) => React.ReactElement; | ||
| export declare const TextArea: ({ id, name, rows, required, label, helperText, errors, validationStatus, className, onChange, ...props }: TextAreaProps & JSX.IntrinsicElements['textarea']) => React.ReactElement; | ||
| export default TextArea; |
| import React, { ChangeEventHandler, ReactNode } from 'react'; | ||
| import { ValidationStatus } from '../utils/types'; | ||
| export interface TextInputProps { | ||
@@ -8,3 +9,3 @@ /** | ||
| /** | ||
| * The name of the text input | ||
| * The name for the combo box input field | ||
| */ | ||
@@ -17,2 +18,22 @@ name?: string; | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| /** | ||
| * State based styling to apply to the form group | ||
| */ | ||
| validationStatus?: ValidationStatus; | ||
| /** | ||
| * The type of mask to apply to the input | ||
@@ -37,3 +58,3 @@ */ | ||
| */ | ||
| export declare const TextInput: ({ id, name, className, type, mask, prefix, suffix, onChange, ...props }: TextInputProps & Omit<JSX.IntrinsicElements['input'], 'prefix' | 'suffix'>) => React.ReactElement; | ||
| export declare const TextInput: ({ id, name, required, label, helperText, errors, validationStatus, className, type, mask, prefix, suffix, onChange, ...props }: TextInputProps & Omit<JSX.IntrinsicElements['input'], 'prefix' | 'suffix'>) => React.ReactElement; | ||
| export default TextInput; |
@@ -12,2 +12,18 @@ import React from 'react'; | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| /** | ||
| * The time picker will use this regular expression to filter the time picker options. | ||
@@ -36,3 +52,3 @@ */ | ||
| */ | ||
| export declare const TimePicker: ({ filter, minTime, maxTime, step, onChange, ...inputProps }: TimePickerProps & JSX.IntrinsicElements['input']) => React.ReactElement; | ||
| export declare const TimePicker: ({ id, required, label, helperText, errors, filter, minTime, maxTime, step, onChange, ...inputProps }: TimePickerProps & JSX.IntrinsicElements['input']) => React.ReactElement; | ||
| export default TimePicker; |
@@ -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"),n=require("@uswds/uswds/img/us_flag_small.png"),i=require("@uswds/uswds/img/icon-https.svg"),r=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-modal"),g=require("@uswds/uswds/img/usa-icons-bg/search--white.svg"),b=require("@uswds/uswds/js/usa-table"),p=require("@uswds/uswds/js/usa-time-picker"),j=require("@uswds/uswds/js/usa-tooltip"),x=require("@uswds/uswds/js/usa-header");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var _=f(s),v=f(a),O=f(t),N=f(n),y=f(i),k=f(r),C=f(l),w=f(c),S=f(o),$=f(d),E=f(u),L=f(m),F=f(h),q=f(g),M=f(b),V=f(p),T=f(j),P=f(x);function A(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var D,I={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-modal"),b=require("@uswds/uswds/img/usa-icons-bg/search--white.svg"),g=require("@uswds/uswds/js/usa-table"),p=require("@uswds/uswds/js/usa-time-picker"),j=require("@uswds/uswds/js/usa-tooltip"),x=require("@uswds/uswds/js/usa-header");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var _=f(s),v=f(a),O=f(t),N=f(r),y=f(n),C=f(i),k=f(l),w=f(c),S=f(o),q=f(d),$=f(u),T=f(m),E=f(h),F=f(b),L=f(g),V=f(p),M=f(j),P=f(x);function A(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var D,I={exports:{}}; | ||
| /*! | ||
@@ -6,3 +6,3 @@ Copyright (c) 2018 Jed Watson. | ||
| http://jedwatson.github.io/classnames | ||
| */D=I,function(){var e={}.hasOwnProperty;function s(){for(var e="",s=0;s<arguments.length;s++){var n=arguments[s];n&&(e=t(e,a(n)))}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 n="";for(var i in a)e.call(a,i)&&a[i]&&(n=t(n,i));return n}function t(e,s){return s?e?e+" "+s:e+s:e}D.exports?(s.default=s,D.exports=s):window.classNames=s}();var R=A(I.exports);function B(e,s){void 0===s&&(s={});var a=s.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===a&&t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}B(".accordion-item {\n margin: 10px;\n border: none;\n}\n");const z=({id:s,label:a,expanded:t,children:n})=>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:n}))]})),H={gov:"government",mil:"U.S. Department of Defense"},U=({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 Y(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 n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)s.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(a[t[n]]=e[t[n]])}return a}"function"==typeof SuppressedError&&SuppressedError;const G=s=>{var{id:a,name:t,label:n,checked:i,defaultChecked:r,isTile:l,onChange:c,onClick:o}=s,d=Y(s,["id","name","label","checked","defaultChecked","isTile","onChange","onClick"]);const u=`${a}__usa-checkbox__input`,m=R("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:i,defaultChecked:r,onChange:c,onClick:o},d)),e.jsx("label",Object.assign({className:"usa-checkbox__label",htmlFor:u},{children:n}))]}))},J=s=>{var{defaultOption:a={value:"",label:"- Select -"},options:t,onChange:n,className:i,children:r}=s,l=Y(s,["defaultOption","options","onChange","className","children"]);return r||t?e.jsxs("select",Object.assign({className:R("usa-select",i),onChange:n},l,{children:[W(a,-1),null!=r?r:null==t?void 0:t.map(W)]})):e.jsx(e.Fragment,{})},W=(s,a)=>s&&e.jsx("option",Object.assign({value:s.value},{children:s.label}),a);function K(e){if("string"==typeof e){return new Date(e).toISOString().substring(0,10)}return e.toISOString().substring(0,10)}const Q=(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},X=(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},Z=(e,s)=>{let a=null!=s?s:"text";if("phone_number"===e)a="tel";return a},ee=(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 se(e,s,a){const t=[];for(;e<=s;e++)t.push(a(e));return t}function ae(s,a,t,n,i){const r=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:n(s),onClick:e=>i(e,s),className:R("usa-pagination__button",{"usa-current":r}),"aria-label":l,"aria-current":r?"page":void 0},{children:`${s+1}`}))}),s)}B(".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 te=({heading:s,headingClassName:a,headingElementName:t="h4",isCurrentStep:n,isCompletedStep:i,isLastStep:r,children:l})=>{const c=R("usa-process-list__item",{current:n&&!i,completed:i,last:r}),o=R("usa-process-list__heading",{current:n&&!i,completed:i,last:r},a);return e.jsxs("li",Object.assign({className:c},{children:[_.default.createElement(t,{className:o},s),l]}))},ne=s=>{var{id:a,name:t,label:n,checked:i,defaultChecked:r,isTile:l,onChange:c,onClick:o}=s,d=Y(s,["id","name","label","checked","defaultChecked","isTile","onChange","onClick"]);const u=`${a}__usa-radio__input`,m=R("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:i,defaultChecked:r,onChange:c,onClick:o},d)),e.jsx("label",Object.assign({className:"usa-radio__label",htmlFor:u},{children:n}))]}))},ie=({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(ie,{items:s.items,anchor:s.anchor},`side-nav-item-sublist-${a}`)))}))]}));exports.Accordion=({id:a,allowMultiSelect:t=!1,items:n,children:i})=>{if(!i&&!n)return e.jsx(e.Fragment,{});const r=s.useRef(null);return s.useEffect((()=>{const e=r.current;return e&&e.querySelectorAll("button").forEach((e=>{v.default.on(e)})),()=>{e&&e.querySelectorAll("button").forEach((e=>{v.default.off(e)}))}})),e.jsx("div",Object.assign({id:a,ref:r,className:R("usa-accordion",{"usa-accordion--multiselectable":t}),"data-allow-multiple":!!t||void 0},{children:null!=i?i:null==n?void 0:n.map(((s,a)=>e.jsx(z,Object.assign({id:s.id,label:s.label,expanded:s.expanded},{children:s.children}),`accordion-item-${a}`)))}))},exports.AccordionItem=z,exports.Alert=({id:s,type:a,show:t=!0,slim:n,noIcon:i,heading:r,body:l,children:c})=>{const o=R("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":n,"usa-alert--no-icon":i});return t?e.jsx("div",Object.assign({id:s,className:o},{children:e.jsxs("div",Object.assign({className:"usa-alert__body"},{children:[r&&e.jsx("h4",Object.assign({className:"usa-alert__heading"},{children:r})),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[n]=s.useState(!1),i=s.useRef(null);return s.useEffect((()=>{const e=i.current;return O.default.on(e),v.default.on(e),()=>{O.default.off(e),v.default.off(e)}})),e.jsx("section",Object.assign({id:a,className:"usa-banner","aria-label":"Official government website",ref:i},{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:N.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:!n},{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"," ",H[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:y.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:n,children:i})=>i||n?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!=i?i:null==n?void 0:n.map(((s,a)=>e.jsx(U,{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=U,exports.Button=s=>{var{id:a,type:t="button",variant:n="default",className:i,children:r}=s,l=Y(s,["id","type","variant","className","children"]);const c=R("usa-button",{"usa-button--secondary":"secondary"===n,"usa-button--accent-cool":"accent-cool"===n,"usa-button--accent-warm":"accent-warm"===n,"usa-button--base":"base"===n,"usa-button--outline":"outline"===n,"usa-button--outline usa-button--inverse":"outline-inverse"===n,"usa-button--big":"big"===n,"usa-button--unstyled":"unstyled"===n},i);return e.jsx("button",Object.assign({id:a,type:t,className:c,"data-testid":"button"},l,{children:r}))},exports.ButtonGroup=({id:a,type:t="default",className:n,children:i})=>{const r=R("usa-button-group",{"usa-button-group--segmented":"segmented"===t},n);return e.jsx("ul",Object.assign({id:a,className:r},{children:s.Children.map(i,((s,a)=>e.jsx("li",Object.assign({className:"usa-button-group__item"},{children:s}),a)))}))},exports.Card=({id:s,className:a,children:t})=>{const n=R("usa-card__container",a);return e.jsx("div",Object.assign({className:"usa-card",id:s},{children:e.jsx("div",Object.assign({className:n},{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=Y(s,["id"]);return e.jsx("span",Object.assign({id:a,className:R("usa-hint","usa-character-count__message",t.className),"aria-live":"polite"},{children:t.children}))},exports.CharacterCountContainer=a=>{var{className:t}=a,n=Y(a,["className"]);const i=s.useRef(null);return s.useEffect((()=>{const e=i.current;return C.default.on(e),()=>C.default.off(e)})),e.jsx("div",Object.assign({ref:i,className:R("usa-character-count",t)},n,{children:n.children}))},exports.Checkbox=G,exports.CheckboxGroup=({id:s,name:a,data:t,areTiles:n,onChange:i,onClick:r})=>e.jsx(e.Fragment,{children:t.map(((t,l)=>{const c=`${s}__checkbox${l}`;return e.jsx(G,{id:c,name:a,label:t.label,value:t.value,checked:t.checked,defaultChecked:t.defaultChecked,isTile:n,onChange:i,onClick:r},c)}))}),exports.ComboBox=a=>{var{placeholder:t}=a,n=Y(a,["placeholder"]);const i=s.useRef(null);s.useLayoutEffect((()=>{const e=i.current;return w.default.on(e),()=>w.default.off(e)}));const r={className:"usa-combo-box",ref:i};return t&&(r["data-placeholder"]=t),n.defaultValue&&(r["data-default-value"]=n.defaultValue),e.jsx("div",Object.assign({},r,{children:e.jsx(J,Object.assign({},n))}))},exports.DatePicker=a=>{var{minDate:t,maxDate:n,dateRange:i,defaultValue:r,onChange:l}=a,c=Y(a,["minDate","maxDate","dateRange","defaultValue","onChange"]);const o=s.useRef(null);s.useLayoutEffect((()=>{const e=o.current,s=e.querySelector(".usa-date-picker__wrapper");s||S.default.on(e);const a=S.default.getDatePickerContext(e).externalInputEl;return l&&a.addEventListener("change",l),()=>{l&&a.removeEventListener("change",l),s&&S.default.off(e)}}),[]);const d={};return t&&(d["data-min-date"]=K(t)),n&&(d["data-max-date"]=K(n)),i&&(d["data-range-date"]=K(i)),r&&(d["data-default-value"]=K(r)),e.jsx("div",Object.assign({ref:o,className:"usa-date-picker"},d,{children:e.jsx("input",Object.assign({className:"usa-input",type:"text"},c))}))},exports.DateRangePicker=({id:a,children:t})=>{const n=s.useRef(null);return s.useLayoutEffect((()=>{const e=n.current;return $.default.on(e),()=>$.default.off(e)})),e.jsx("div",Object.assign({id:a,ref:n,className:"usa-date-range-picker"},{children:t}))},exports.ErrorMessages=({id:s,errors:a,children:t})=>t||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,{}),exports.FileInput=a=>{const t=s.useRef(null);return s.useLayoutEffect((()=>{const e=t.current;return E.default.on(e),()=>E.default.off(e)}),[]),e.jsx("input",Object.assign({className:"usa-file-input",type:"file",ref:t},a))},exports.Form=s=>{var{id:a,isLarge:t=!1,className:n,children:i}=s,r=Y(s,["id","isLarge","className","children"]);return e.jsx("form",Object.assign({id:a,className:R("usa-form",{"usa-form--large":t},n),style:{maxWidth:"unset"}},r,{children:i}))},exports.FormGroup=({id:s,errors:a,className:t,children:n})=>{const i=!!(a&&a.length>0),r=R("usa-form-group",{"usa-form-group--error":i},t);return e.jsx("div",Object.assign({id:s,className:r},{children:n}))},exports.Icon=({id:s,type:a,size:t="size-3",className:n="text-base-darkest"})=>{const i=R("usa-icon",`usa-icon--${t}`,n);return e.jsx("svg",Object.assign({id:s,className:i,"aria-hidden":"true",focusable:"false",role:"img"},{children:e.jsx("use",{xlinkHref:`${L.default}#${a}`})}))},exports.Label=s=>{var{htmlFor:a,required:t,children:n}=s,i=Y(s,["htmlFor","required","children"]);return e.jsxs("label",Object.assign({className:"usa-label",htmlFor:a},i,{children:[n,t&&e.jsx("span",Object.assign({className:"text-red"},{children:" *"}))]}))},exports.List=s=>{var{id:a,type:t="unordered",variant:n="default",className:i,items:r}=s,l=Y(s,["id","type","variant","className","items"]);const c=R("usa-list",{"usa-list--unstyled":"unstyled"===n},i),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(r)})):e.jsx("ol",Object.assign({id:a,className:c},l,{children:o(r)}))},exports.MemorableDate=s=>{var{id:a,defaultMonthValue:t,defaultDayValue:n,defaultYearValue:i,onMonthChange:r,onDayChange:l,onYearChange:c}=s,o=Y(s,["id","defaultMonthValue","defaultDayValue","defaultYearValue","onMonthChange","onDayChange","onYearChange"]);return e.jsxs("div",Object.assign({id:`memorable-date-${a}`,className:"usa-memorable-date","data-testid":"memorable-date"},o,{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:t,onChange:r},{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}`,minLength:1,maxLength:2,pattern:"[0-9]*",inputMode:"numeric",defaultValue:n,onChange:l})]})),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}`,minLength:4,maxLength:4,pattern:"[0-9]*",inputMode:"numeric",defaultValue:i,onChange:c})]}))]}))},exports.Modal=({id:a,heading:t,size:n="small",footer:i,children:r})=>{const l=s.useRef(null);s.useLayoutEffect((()=>{const e=l.current;return F.default.on(e),()=>F.default.off(e)}));const c=R("usa-modal",{"usa-modal--lg":"large"===n});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})),r,e.jsx("div",Object.assign({className:"usa-modal__footer"},{children:i}))]})),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:`${L.default}#close`})}))}))]}))}))},exports.Pagination=({id:s,currentPage:a,amountOfPages:t,amountOfVisiblePageItems:n=3,ariaLabel:i,createPageUrl:r=(()=>"#"),onPage:l=(()=>{})})=>{t<=7&&(n=7);let c=Math.max(0,a-Math.floor(n/2));const o=Math.min(t,c+n)-1;return o===t-1&&(c=Math.max(0,o-n+1)),e.jsx("nav",Object.assign({id:s,"aria-label":i,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:r(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:`${L.default}#navigate_before`})})),e.jsx("span",Object.assign({className:"usa-pagination__link-text"},{children:"Previous"}))]}))})),c>0&&e.jsxs(e.Fragment,{children:[ae(0,a,t,r,l),e.jsx("li",Object.assign({className:"usa-pagination__item usa-pagination__overflow"},{children:e.jsx("span",{children:"…"})}))]}),se(c,o,(e=>ae(e,a,t,r,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:"…"})})),ae(t-1,a,t,r,l)]}),a<t-1&&e.jsx("li",Object.assign({className:"usa-pagination__item usa-pagination__arrow"},{children:e.jsxs("a",Object.assign({href:r(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:`${L.default}#navigate_next`})}))]}))}))]}))}))},exports.ProcessList=({id:s,steps:a,currentStep:t=0,children:n})=>n||a?e.jsx("ol",Object.assign({id:s,className:"usa-process-list"},{children:null!=n?n:null==a?void 0:a.map(((s,n)=>e.jsx(te,Object.assign({heading:s.heading,isCurrentStep:t===n+1&&t!==a.length,isCompletedStep:t>n+1||t===a.length,isLastStep:n===a.length-1},{children:s.children}),n)))})):e.jsx(e.Fragment,{}),exports.ProcessListStep=te,exports.Prose=s=>{var{id:a,className:t,children:n}=s,i=Y(s,["id","className","children"]);const r=R("usa-prose",t);return e.jsx("section",Object.assign({id:a,className:r},i,{children:n}))},exports.RadioButton=ne,exports.RadioButtonGroup=({id:s,name:a,data:t,areTiles:n,onChange:i,onClick:r})=>e.jsx(e.Fragment,{children:t.map(((t,l)=>{const c=`${s}__radio${l}`;return e.jsx(ne,{id:c,name:a,label:t.label,value:t.value,checked:t.checked,defaultChecked:t.defaultChecked,isTile:n,onChange:i,onClick:r},c)}))}),exports.RangeSlider=s=>{var{id:a,minValue:t,maxValue:n,step:i="10",defaultValue:r,onChange:l}=s,c=Y(s,["id","minValue","maxValue","step","defaultValue","onChange"]);return e.jsx("input",Object.assign({id:a,className:"usa-range",type:"range",min:t,max:n,step:i,defaultValue:r,onChange:l,role:"slider"},c))},exports.Search=s=>{var{id:a,type:t="default",onSearch:n}=s,i=Y(s,["id","type","onSearch"]);const r=R("usa-search",{"usa-search--small":"small"===t,"usa-search--big":"big"===t});return e.jsxs("form",Object.assign({id:a,className:r,role:"search",onSubmit:function(e){if(n){const s=e.target;n(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"},i)),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:q.default,className:"usa-search__submit-icon",alt:"Search icon"})]}))]}))},exports.Select=J,exports.SelectOption=({value:s,label:a})=>e.jsx("option",Object.assign({value:s},{children:a})),exports.SideNavigation=({id:s,ariaLabel:a,items:t,children:n})=>n||t?e.jsx("nav",Object.assign({id:s,"aria-label":a},{children:e.jsx("ul",Object.assign({className:"usa-sidenav"},{children:null!=n?n:null==t?void 0:t.map(((s,a)=>e.jsx(ie,{items:s.items,anchor:s.anchor},`side-nav-item-${a}`)))}))})):e.jsx(e.Fragment,{}),exports.SideNavigationItem=ie,exports.SiteAlert=({id:s,type:a="Info",heading:t,slim:n=!1,noIcon:i=!1,className:r,children:l})=>{const c=R("usa-site-alert",{"usa-site-alert--emergency":"Emergency"===a,"usa-site-alert--info":"Info"===a,"usa-site-alert--slim":n,"usa-site-alert--no-icon":i},r);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:n,hideLabels:i=!1,showCounters:r=!1,showSmallCounters:l=!1,centerCounters:c=!1,headingLevel:o="h4"})=>{const d=R("usa-step-indicator",{"usa-step-indicator--no-labels":i,"usa-step-indicator--counters":r,"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 i={key:t,className:"usa-step-indicator__segment"};let r="";return t<n?(i.className+=" usa-step-indicator__segment--complete",r="completed"):t>n?r="not completed":(i.className+=" usa-step-indicator__segment--current",Object.assign(i,{"aria-current":!0})),s.createElement("li",Object.assign({},i,{key:`usa-step-label-${t}`}),e.jsxs("span",Object.assign({className:"usa-step-indicator__segment-label"},{children:[a,""!==r&&e.jsx("span",Object.assign({className:"usa-sr-only"},{children:r}))]})))}))})),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:n+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[n]}))]}))}))]}))},exports.SummaryBox=({id:s,heading:a,className:t,items:n})=>{const i=R("usa-summary-box",t);return e.jsx("div",Object.assign({className:i,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:n.map(((s,a)=>e.jsx("li",{children:s},a)))}))}))]}))}))},exports.Table=({id:a,caption:t,columns:n,data:i,sortable:r=!1,sortIndex:l=0,sortDir:c="ascending",onSort:o,scrollable:d=!1,borderless:u=!1,striped:m=!1,className:h,tabIndex:g=-1})=>{const b=s.useRef(null);return s.useEffect((()=>{const e=b.current;return r&&M.default.on(e),()=>{r&&(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(b.current&&o){b.current.querySelectorAll("th").forEach((s=>e.observe(s,{attributes:!0})))}}),[n]),e.jsxs("div",Object.assign({id:a,className:R({"usa-table-container":!d},{"usa-table-container--scrollable":d},{"usa-table--borderless":u},{"usa-table--striped":m}),ref:b},{children:[e.jsxs("table",Object.assign({className:R("usa-table",h),tabIndex:g},{children:[e.jsx("caption",Object.assign({hidden:!!t},{children:t})),e.jsx("thead",{children:e.jsx("tr",{children:n.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":r&&s.sortable||null,scope:"col",role:"columnheader","aria-sort":r&&s.sortable&&l===a?"descending"===c?"ascending":"descending":void 0},{children:s.name}),s.id)))})}),e.jsx("tbody",{children:i.map(((s,a)=>{const t=[];for(const e in s)r?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":r?s.sortValue:s.value},{children:s.value}),`td-${a}`)))},`tr-${a}`)}))})]})),r&&e.jsx("div",{className:"usa-sr-only usa-table__announcement-region","aria-live":"polite"})]}))},exports.Tag=({id:s,children:a,size:t="Default",className:n})=>{const i=R("usa-tag",{"usa-tag--big":"Big"===t},n);return e.jsx("span",Object.assign({id:s,className:i},{children:a}))},exports.TextArea=s=>{var{id:a,name:t,rows:n,className:i,onChange:r}=s,l=Y(s,["id","name","rows","className","onChange"]);return e.jsx("textarea",Object.assign({className:R("usa-textarea",i),style:void 0===n?void 0:{height:"unset"},id:a,name:t,rows:n,onChange:r},l))},exports.TextInput=s=>{var{id:a,name:t,className:n,type:i,mask:r,prefix:l,suffix:c,onChange:o}=s,d=Y(s,["id","name","className","type","mask","prefix","suffix","onChange"]);const u=R("usa-input",{"usa-masked":r},n),m=e.jsx("input",Object.assign({id:a,name:t,className:u,"data-testid":"input",type:Z(r,i),onChange:o,pattern:Q(r,d.pattern),placeholder:X(r,d.placeholder),inputMode:ee(r,d.inputMode)},d));return(null!=l?l:c)?e.jsxs("div",Object.assign({className:"usa-input-group"},{children:[l?e.jsx("div",Object.assign({className:"usa-input-prefix","aria-hidden":"true"},{children:l})):void 0,m,c?e.jsx("div",Object.assign({className:"usa-input-suffix","aria-hidden":"true"},{children:c})):void 0]})):m},exports.TimePicker=a=>{var{filter:t,minTime:n,maxTime:i,step:r,onChange:l}=a,c=Y(a,["filter","minTime","maxTime","step","onChange"]);const o=s.useRef(null);s.useLayoutEffect((()=>{const e=o.current;V.default.on(e),w.default.on(e);const s=e.querySelector(".usa-combo-box__input");return l&&s.addEventListener("change",l),()=>{l&&s.removeEventListener("change",l),w.default.off(e),V.default.off(e)}}));const d={};return t&&(d["data-filter"]=t),n&&(d["data-min-time"]=n),i&&(d["data-max-time"]=i),r&&(d["data-step"]=r),e.jsx("div",Object.assign({ref:o,className:R("usa-time-picker",c.className)},d,{children:e.jsx("input",Object.assign({className:"usa-input",type:"text"},c))}))},exports.Tooltip=({label:a,position:t="top",children:n})=>{const i=s.useRef(null);return s.useLayoutEffect((()=>{var e;const s=null===(e=i.current)||void 0===e?void 0:e.firstChild;return s&&(s.classList.add("usa-tooltip"),s.title=a,s.setAttribute("data-position",t),T.default.on(s)),()=>T.default.off(s)})),e.jsx("span",Object.assign({ref:i},{children:n}))},exports.useHeader=()=>({on:e=>{P.default.on(e)},off:e=>{P.default.off(e)}}),exports.useModal=()=>({toggleModal:e=>{F.default.toggleModal.call(F.default,e)}}); | ||
| */D=I,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}D.exports?(s.default=s,D.exports=s):window.classNames=s}();var R=A(I.exports);function B(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))}}B(".accordion-item {\n margin: 10px;\n border: none;\n}\n");const z=({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}))]})),H={gov:"government",mil:"U.S. Department of Defense"},U=({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 Y(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 G=s=>{var{htmlFor:a,required:t,children:r}=s,n=Y(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:" *"}))]}))},J=({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,{}),K=({id:a,required:t,label:r,helperText:n,errors:i,validationStatus:l,className:c,fieldControl:o,children:d})=>{const u=R("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=_.default.cloneElement(h,{"aria-describedby":`${a}-helper-text`}));return e.jsxs("div",Object.assign({id:a,className:u},{children:[r?e.jsx(G,Object.assign({htmlFor:m,required:t},{children:r})):e.jsx(e.Fragment,{}),n?e.jsx(J,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]}))},Q=s=>{var{id:a,name:t,label:r,checked:n,defaultChecked:i,isTile:l,onChange:c,onClick:o}=s,d=Y(s,["id","name","label","checked","defaultChecked","isTile","onChange","onClick"]);const u=`${a}__usa-checkbox__input`,m=R("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}))]}))},X=(s,a)=>s&&e.jsx("option",Object.assign({value:s.value},{children:s.label}),a);function Z(e){if("string"==typeof e){return new Date(e).toISOString().substring(0,10)}return e.toISOString().substring(0,10)}const ee=(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},se=(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},ae=(e,s)=>{let a=null!=s?s:"text";if("phone_number"===e)a="tel";return a},te=(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 re(e,s,a){const t=[];for(;e<=s;e++)t.push(a(e));return t}function ne(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:R("usa-pagination__button",{"usa-current":i}),"aria-label":l,"aria-current":i?"page":void 0},{children:`${s+1}`}))}),s)}B(".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 ie=({heading:s,headingClassName:a,headingElementName:t="h4",isCurrentStep:r,isCompletedStep:n,isLastStep:i,children:l})=>{const c=R("usa-process-list__item",{current:r&&!n,completed:n,last:i}),o=R("usa-process-list__heading",{current:r&&!n,completed:n,last:i},a);return e.jsxs("li",Object.assign({className:c},{children:[_.default.createElement(t,{className:o},s),l]}))},le=s=>{var{id:a,name:t,label:r,checked:n,defaultChecked:i,isTile:l,onChange:c,onClick:o}=s,d=Y(s,["id","name","label","checked","defaultChecked","isTile","onChange","onClick"]);const u=`${a}__usa-radio__input`,m=R("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}))]}))},ce=({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(ce,{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=>{v.default.on(e)})),()=>{e&&e.querySelectorAll("button").forEach((e=>{v.default.off(e)}))}})),e.jsx("div",Object.assign({id:a,ref:i,className:R("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(z,Object.assign({id:s.id,label:s.label,expanded:s.expanded},{children:s.children}),`accordion-item-${a}`)))}))},exports.AccordionItem=z,exports.Alert=({id:s,type:a,show:t=!0,slim:r,noIcon:n,heading:i,body:l,children:c})=>{const o=R("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 O.default.on(e),v.default.on(e),()=>{O.default.off(e),v.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:N.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:C.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"," ",H[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:y.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(U,{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=U,exports.Button=s=>{var{id:a,type:t="button",variant:r="default",className:n,children:i}=s,l=Y(s,["id","type","variant","className","children"]);const c=R("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=R("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=R("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=Y(s,["id"]);return e.jsx("span",Object.assign({id:a,className:R("usa-hint","usa-character-count__message",t.className),"aria-live":"polite"},{children:t.children}))},exports.CharacterCountContainer=a=>{var{className:t}=a,r=Y(a,["className"]);const n=s.useRef(null);return s.useEffect((()=>{const e=n.current;return k.default.on(e),()=>k.default.off(e)})),e.jsx("div",Object.assign({ref:n,className:R("usa-character-count",t)},r,{children:r.children}))},exports.Checkbox=Q,exports.CheckboxGroup=({id:s,name:a,data:t,areTiles:r,required:n,label:i,helperText:l,errors:c,onChange:o,onClick:d})=>e.jsx(K,{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(Q,{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=Y(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}"]`))&&w.default.on(s),()=>{s&&w.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(K,{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:R("usa-select",d),defaultValue:m,onChange:o},b,{children:null!=u?u:null==r?void 0:r.map(X)}))}))})},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=Y(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||S.default.on(e);const a=S.default.getDatePickerContext(e).externalInputEl;return h&&a.addEventListener("change",h),()=>{h&&a.removeEventListener("change",h),s&&S.default.off(e)}}),[]);const p={};r&&(p["data-min-date"]=Z(r)),n&&(p["data-max-date"]=Z(n)),i&&(p["data-range-date"]=Z(i)),l&&(p["data-default-value"]=Z(l));const j=R("usa-input",{"usa-input--error":"error"===m,"usa-input--success":"success"===m});return e.jsx(K,{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 q.default.on(e),()=>q.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=Y(a,["id","required","label","helperText","errors"]);const o=s.useRef(null);return s.useLayoutEffect((()=>{const e=o.current;return $.default.on(e),()=>$.default.off(e)}),[]),e.jsx(K,{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=Y(s,["id","isLarge","className","children"]);return e.jsx("form",Object.assign({id:a,className:R("usa-form",{"usa-form--large":t},r),style:{maxWidth:"unset"}},i,{children:n}))},exports.FormGroup=K,exports.HelperText=J,exports.Icon=({id:s,type:a,size:t="size-3",className:r="text-base-darkest"})=>{const n=R("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:`${T.default}#${a}`})}))},exports.Label=G,exports.List=s=>{var{id:a,type:t="unordered",variant:r="default",className:n,items:i}=s,l=Y(s,["id","type","variant","className","items"]);const c=R("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=Y(s,["id","required","label","helperText","errors","defaultMonthValue","defaultDayValue","defaultYearValue","onMonthChange","onDayChange","onYearChange"]);return e.jsx(K,{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}`,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}`,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 E.default.on(e),()=>E.default.off(e)}));const c=R("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:`${T.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:`${T.default}#navigate_before`})})),e.jsx("span",Object.assign({className:"usa-pagination__link-text"},{children:"Previous"}))]}))})),c>0&&e.jsxs(e.Fragment,{children:[ne(0,a,t,i,l),e.jsx("li",Object.assign({className:"usa-pagination__item usa-pagination__overflow"},{children:e.jsx("span",{children:"…"})}))]}),re(c,o,(e=>ne(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:"…"})})),ne(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:`${T.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(ie,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=ie,exports.Prose=s=>{var{id:a,className:t,children:r}=s,n=Y(s,["id","className","children"]);const i=R("usa-prose",t);return e.jsx("section",Object.assign({id:a,className:i},n,{children:r}))},exports.RadioButton=le,exports.RadioButtonGroup=({id:s,name:a,data:t,areTiles:r,required:n,label:i,helperText:l,errors:c,onChange:o,onClick:d})=>e.jsx(K,{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(le,{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=Y(s,["id","required","label","helperText","errors","minValue","maxValue","step","defaultValue","onChange"]);return e.jsx(K,{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=Y(s,["id","type","onSearch"]);const i=R("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:F.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=Y(s,["id","defaultOption","options","required","label","helperText","errors","onChange","className","children"]);return u||r?e.jsx(K,{id:`form-group-${a}`,required:n,label:i,helperText:l,errors:c,fieldControl:e.jsxs("select",Object.assign({id:a,className:R("usa-select",d),defaultValue:null==t?void 0:t.value,onChange:o},m,{children:[X(t,-1),null!=u?u:null==r?void 0:r.map(X)]}))}):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(ce,{items:s.items,anchor:s.anchor},`side-nav-item-${a}`)))}))})):e.jsx(e.Fragment,{}),exports.SideNavigationItem=ce,exports.SiteAlert=({id:s,type:a="Info",heading:t,slim:r=!1,noIcon:n=!1,className:i,children:l})=>{const c=R("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=R("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=R("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&&L.default.on(e),()=>{i&&(L.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:R({"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:R("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=R("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=Y(s,["id","name","rows","required","label","helperText","errors","validationStatus","className","onChange"]);const h=R("usa-textarea",{"usa-input--error":"error"===o,"usa-input--success":"success"===o},d);return e.jsx(K,{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=s=>{var{id:a,name:t,required:r,label:n,helperText:i,errors:l,validationStatus:c,className:o,type:d,mask:u,prefix:m,suffix:h,onChange:b}=s,g=Y(s,["id","name","required","label","helperText","errors","validationStatus","className","type","mask","prefix","suffix","onChange"]);const p=R("usa-input",{"usa-input--error":"error"===c,"usa-input--success":"success"===c,"usa-masked":u},o),j=e.jsx("input",Object.assign({id:a,name:t,className:p,"data-testid":"input",type:ae(u,d),onChange:b,pattern:ee(u,g.pattern),placeholder:se(u,g.placeholder),inputMode:te(u,g.inputMode)},g)),x=e.jsxs("div",Object.assign({className:"usa-input-group"},{children:[m?e.jsx("div",Object.assign({className:"usa-input-prefix","aria-hidden":"true"},{children:m})):void 0,j,h?e.jsx("div",Object.assign({className:"usa-input-suffix","aria-hidden":"true"},{children:h})):void 0]}));return e.jsx(K,{id:`form-group-${a}`,required:r,label:n,helperText:i,errors:l,validationStatus:c,fieldControl:(null!=m?m:h)?x:j})},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=Y(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){V.default.on(s),w.default.on(s);const e=s.querySelector(".usa-combo-box__input");m&&e.addEventListener("change",m)}return()=>{if(a){w.default.off(s),V.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(K,{id:`form-group-${t}`,required:r,label:n,helperText:i,errors:l,fieldControl:e.jsx("div",Object.assign({ref:b,className:R("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),M.default.on(s)),()=>M.default.off(s)})),e.jsx("span",Object.assign({ref:n},{children:r}))},exports.useHeader=()=>({on:e=>{P.default.on(e)},off:e=>{P.default.off(e)}}),exports.useModal=()=>({toggleModal:e=>{E.default.toggleModal.call(E.default,e)}}); | ||
| //# sourceMappingURL=index.js.map |
@@ -65,2 +65,18 @@ import React, { ChangeEventHandler, MouseEventHandler } from 'react'; | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| /** | ||
| * Event handler will be triggered when the checkbox value changes | ||
@@ -74,2 +90,2 @@ */ | ||
| } | ||
| export declare const CheckboxGroup: ({ id, name, data, areTiles, onChange, onClick, }: CheckboxGroupProps) => React.ReactElement; | ||
| export declare const CheckboxGroup: ({ id, name, data, areTiles, required, label, helperText, errors, onChange, onClick, }: CheckboxGroupProps) => React.ReactElement; |
| import { SelectOptionProps, SelectProps } from '../select/select'; | ||
| import React from 'react'; | ||
| import React, { ChangeEventHandler, ReactElement } from 'react'; | ||
| export type ComboBoxOptionProps = SelectOptionProps; | ||
@@ -10,9 +10,37 @@ export type ComboBoxProps = { | ||
| /** | ||
| * The name for the combo box input field | ||
| * The name of the select | ||
| */ | ||
| name?: string; | ||
| /** | ||
| * The placeholder value to display in the control | ||
| * The options of the select | ||
| */ | ||
| options?: SelectOptionProps[]; | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| /** | ||
| * The placeholder value to display in the control | ||
| */ | ||
| placeholder?: string; | ||
| /** | ||
| * SelectOption components to display as children | ||
| */ | ||
| children?: ReactElement<SelectOptionProps> | Array<ReactElement<SelectOptionProps>>; | ||
| /** | ||
| * Event handler for when value of the select is changed | ||
| */ | ||
| onChange?: ChangeEventHandler<HTMLSelectElement>; | ||
| } & SelectProps & JSX.IntrinsicElements['select']; | ||
@@ -22,3 +50,3 @@ /** | ||
| */ | ||
| export declare const ComboBox: ({ placeholder, ...comboBoxProps }: ComboBoxProps) => React.ReactElement; | ||
| export declare const ComboBox: ({ id, options, required, label, helperText, errors, onChange, className, children, defaultValue, placeholder, ...selectProps }: ComboBoxProps) => React.ReactElement; | ||
| export default ComboBox; |
| import React from 'react'; | ||
| import { ValidationStatus } from '../utils/types'; | ||
| export interface DatePickerProps { | ||
@@ -28,2 +29,22 @@ /** | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| /** | ||
| * State based styling to apply to the form group | ||
| */ | ||
| validationStatus?: ValidationStatus; | ||
| /** | ||
| * Event handler will be triggered when the date-picker value changes | ||
@@ -36,3 +57,3 @@ */ | ||
| */ | ||
| export declare const DatePicker: ({ minDate, maxDate, dateRange, defaultValue, onChange, ...inputProps }: DatePickerProps & JSX.IntrinsicElements['input']) => React.ReactElement; | ||
| export declare const DatePicker: ({ id, minDate, maxDate, dateRange, defaultValue, required, label, helperText, errors, validationStatus, onChange, ...inputProps }: DatePickerProps & JSX.IntrinsicElements['input']) => React.ReactElement; | ||
| export default DatePicker; |
@@ -10,3 +10,3 @@ import React, { ReactNode } from 'react'; | ||
| */ | ||
| errors?: string[]; | ||
| errors?: string | string[]; | ||
| /** | ||
@@ -13,0 +13,0 @@ * ReactNode components to display as children |
@@ -11,2 +11,18 @@ import React from 'react'; | ||
| name?: string; | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| } | ||
@@ -16,3 +32,3 @@ /** | ||
| */ | ||
| export declare const FileInput: (inputProps: FileInputProps & JSX.IntrinsicElements['input']) => React.ReactElement; | ||
| export declare const FileInput: ({ id, required, label, helperText, errors, ...inputProps }: FileInputProps & JSX.IntrinsicElements['input']) => React.ReactElement; | ||
| export default FileInput; |
| import React, { ReactNode } from 'react'; | ||
| import { ValidationStatus } from '../utils/types'; | ||
| export interface FormGroupProps { | ||
@@ -8,6 +9,22 @@ /** | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string[]; | ||
| errors?: string | string[]; | ||
| /** | ||
| * State based styling to apply to the form group | ||
| */ | ||
| validationStatus?: ValidationStatus; | ||
| /** | ||
| * Additional class name for the form group | ||
@@ -19,3 +36,7 @@ */ | ||
| */ | ||
| children: ReactNode; | ||
| fieldControl?: ReactNode; | ||
| /** | ||
| * The contents of the form group | ||
| */ | ||
| children?: ReactNode; | ||
| } | ||
@@ -25,3 +46,3 @@ /** | ||
| */ | ||
| export declare const FormGroup: ({ id, errors, className, children, }: FormGroupProps) => React.ReactElement; | ||
| export declare const FormGroup: ({ id, required, label, helperText, errors, validationStatus, className, fieldControl, children, }: FormGroupProps) => React.ReactElement; | ||
| export default FormGroup; |
@@ -21,2 +21,3 @@ export { default as Accordion, AccordionItem } from './accordion'; | ||
| export { default as FormGroup } from './form-group'; | ||
| export { default as HelperText } from './helper-text'; | ||
| export { default as Icon } from './icon'; | ||
@@ -51,1 +52,2 @@ export { default as TextInput } from './text-input'; | ||
| export { default as Tooltip } from './tooltip'; | ||
| export type { ValidationStatus } from './utils/types'; |
@@ -8,2 +8,18 @@ import React, { ChangeEventHandler } from 'react'; | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| /** | ||
| * The default value for the day field | ||
@@ -36,3 +52,3 @@ */ | ||
| */ | ||
| export declare const MemorableDate: ({ id, defaultMonthValue, defaultDayValue, defaultYearValue, onMonthChange, onDayChange, onYearChange, ...props }: MemorableDateProps) => React.ReactElement; | ||
| export declare const MemorableDate: ({ id, required, label, helperText, errors, defaultMonthValue, defaultDayValue, defaultYearValue, onMonthChange, onDayChange, onYearChange, ...props }: MemorableDateProps) => React.ReactElement; | ||
| export default MemorableDate; |
@@ -65,2 +65,18 @@ import React, { ChangeEventHandler, MouseEventHandler } from 'react'; | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| /** | ||
| * Event handler will be triggered when the radioButton value changes | ||
@@ -74,2 +90,2 @@ */ | ||
| } | ||
| export declare const RadioButtonGroup: ({ id, name, data, areTiles, onChange, onClick, }: RadioButtonGroupProps) => React.ReactElement; | ||
| export declare const RadioButtonGroup: ({ id, name, data, areTiles, required, label, helperText, errors, onChange, onClick, }: RadioButtonGroupProps) => React.ReactElement; |
@@ -11,2 +11,18 @@ export interface RangeSliderProps { | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| /** | ||
| * A minimum value allowed for the slider | ||
@@ -35,3 +51,3 @@ */ | ||
| */ | ||
| export declare const RangeSlider: ({ id, minValue, maxValue, step, defaultValue, onChange, ...inputProps }: RangeSliderProps & Omit<JSX.IntrinsicElements['input'], 'min' | 'max'>) => React.ReactElement; | ||
| export declare const RangeSlider: ({ id, required, label, helperText, errors, minValue, maxValue, step, defaultValue, onChange, ...inputProps }: RangeSliderProps & Omit<JSX.IntrinsicElements['input'], 'min' | 'max'>) => React.ReactElement; | ||
| export default RangeSlider; |
@@ -1,2 +0,2 @@ | ||
| import { ChangeEventHandler, ReactElement } from 'react'; | ||
| import React, { ChangeEventHandler, ReactElement } from 'react'; | ||
| export interface SelectOptionProps { | ||
@@ -30,2 +30,18 @@ /** | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| /** | ||
| * SelectOption components to display as children | ||
@@ -42,4 +58,5 @@ */ | ||
| */ | ||
| export declare const Select: ({ defaultOption, options, onChange, className, children, ...selectProps }: SelectProps & JSX.IntrinsicElements['select']) => ReactElement; | ||
| export declare const Select: ({ id, defaultOption, options, required, label, helperText, errors, onChange, className, children, ...selectProps }: SelectProps & JSX.IntrinsicElements['select']) => ReactElement; | ||
| export declare const SelectOption: ({ value, label }: SelectOptionProps) => ReactElement; | ||
| export declare const createOption: (option: SelectOptionProps | null, optionIndex: number) => React.ReactElement | null; | ||
| export default Select; |
| import React, { ChangeEventHandler } from 'react'; | ||
| import { ValidationStatus } from '../utils/types'; | ||
| export interface TextAreaProps { | ||
@@ -16,2 +17,22 @@ /** | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| /** | ||
| * State based styling to apply to the form group | ||
| */ | ||
| validationStatus?: ValidationStatus; | ||
| /** | ||
| * Event handler for when value of textarea is changes | ||
@@ -24,3 +45,3 @@ */ | ||
| */ | ||
| export declare const TextArea: ({ id, name, rows, className, onChange, ...textAreaProps }: TextAreaProps & JSX.IntrinsicElements['textarea']) => React.ReactElement; | ||
| export declare const TextArea: ({ id, name, rows, required, label, helperText, errors, validationStatus, className, onChange, ...props }: TextAreaProps & JSX.IntrinsicElements['textarea']) => React.ReactElement; | ||
| export default TextArea; |
| import React, { ChangeEventHandler, ReactNode } from 'react'; | ||
| import { ValidationStatus } from '../utils/types'; | ||
| export interface TextInputProps { | ||
@@ -8,3 +9,3 @@ /** | ||
| /** | ||
| * The name of the text input | ||
| * The name for the combo box input field | ||
| */ | ||
@@ -17,2 +18,22 @@ name?: string; | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| /** | ||
| * State based styling to apply to the form group | ||
| */ | ||
| validationStatus?: ValidationStatus; | ||
| /** | ||
| * The type of mask to apply to the input | ||
@@ -37,3 +58,3 @@ */ | ||
| */ | ||
| export declare const TextInput: ({ id, name, className, type, mask, prefix, suffix, onChange, ...props }: TextInputProps & Omit<JSX.IntrinsicElements['input'], 'prefix' | 'suffix'>) => React.ReactElement; | ||
| export declare const TextInput: ({ id, name, required, label, helperText, errors, validationStatus, className, type, mask, prefix, suffix, onChange, ...props }: TextInputProps & Omit<JSX.IntrinsicElements['input'], 'prefix' | 'suffix'>) => React.ReactElement; | ||
| export default TextInput; |
@@ -12,2 +12,18 @@ import React from 'react'; | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| /** | ||
| * The time picker will use this regular expression to filter the time picker options. | ||
@@ -36,3 +52,3 @@ */ | ||
| */ | ||
| export declare const TimePicker: ({ filter, minTime, maxTime, step, onChange, ...inputProps }: TimePickerProps & JSX.IntrinsicElements['input']) => React.ReactElement; | ||
| export declare const TimePicker: ({ id, required, label, helperText, errors, filter, minTime, maxTime, step, onChange, ...inputProps }: TimePickerProps & JSX.IntrinsicElements['input']) => React.ReactElement; | ||
| export default TimePicker; |
@@ -1,2 +0,2 @@ | ||
| import{jsx as e,Fragment as a,jsxs as s}from"react/jsx-runtime";import n,{useRef as t,useEffect as i,useState as r,Children as l,useLayoutEffect as c,createElement as o}from"react";import d from"@uswds/uswds/js/usa-accordion";import u from"@uswds/uswds/js/usa-banner";import m from"@uswds/uswds/img/us_flag_small.png";import h from"@uswds/uswds/img/icon-https.svg";import g from"@uswds/uswds/img/icon-dot-gov.svg";import b from"@uswds/uswds/js/usa-character-count";import p from"@uswds/uswds/js/usa-combo-box";import _ from"@uswds/uswds/js/usa-date-picker";import f from"@uswds/uswds/js/usa-date-range-picker";import v from"@uswds/uswds/js/usa-file-input";import O from"@uswds/uswds/img/sprite.svg";import j from"@uswds/uswds/js/usa-modal";import N from"@uswds/uswds/img/usa-icons-bg/search--white.svg";import y from"@uswds/uswds/js/usa-table";import k from"@uswds/uswds/js/usa-time-picker";import x from"@uswds/uswds/js/usa-tooltip";import w from"@uswds/uswds/js/usa-header";function C(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var S,$={exports:{}}; | ||
| import{jsx as e,Fragment as a,jsxs as s}from"react/jsx-runtime";import n,{useRef as r,useEffect as i,useState as t,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 N from"@uswds/uswds/img/sprite.svg";import j from"@uswds/uswds/js/usa-modal";import x from"@uswds/uswds/img/usa-icons-bg/search--white.svg";import y from"@uswds/uswds/js/usa-table";import k from"@uswds/uswds/js/usa-time-picker";import C from"@uswds/uswds/js/usa-tooltip";import w from"@uswds/uswds/js/usa-header";function S(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var $,T={exports:{}}; | ||
| /*! | ||
@@ -6,3 +6,3 @@ Copyright (c) 2018 Jed Watson. | ||
| http://jedwatson.github.io/classnames | ||
| */S=$,function(){var e={}.hasOwnProperty;function a(){for(var e="",a=0;a<arguments.length;a++){var t=arguments[a];t&&(e=n(e,s(t)))}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 t="";for(var i in s)e.call(s,i)&&s[i]&&(t=n(t,i));return t}function n(e,a){return a?e?e+" "+a:e+a:e}S.exports?(a.default=a,S.exports=a):window.classNames=a}();var V=C($.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],t=document.createElement("style");t.type="text/css","top"===s&&n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e))}}M(".accordion-item {\n margin: 10px;\n border: none;\n}\n");const L=({id:s,allowMultiSelect:n=!1,items:r,children:l})=>{if(!l&&!r)return e(a,{});const c=t(null);return i((()=>{const e=c.current;return e&&e.querySelectorAll("button").forEach((e=>{d.on(e)})),()=>{e&&e.querySelectorAll("button").forEach((e=>{d.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==r?void 0:r.map(((a,s)=>e(D,Object.assign({id:a.id,label:a.label,expanded:a.expanded},{children:a.children}),`accordion-item-${s}`)))}))},D=({id:a,label:n,expanded:t,children:i})=>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":t,"aria-controls":a},{children:n}))})),e("div",Object.assign({id:a,className:"usa-accordion__content usa-prose text-left","data-testid":"accordion-content",hidden:!t},{children:i}))]})),E=({id:n,type:t,show:i=!0,slim:r,noIcon:l,heading:c,body:o,children:d})=>{const u=V("usa-alert",{"usa-alert--success":"success"===t,"usa-alert--warning":"warning"===t,"usa-alert--error":"error"===t,"usa-alert--emergency":"emergency"===t,"usa-alert--info":"info"===t,"usa-alert--slim":r,"usa-alert--no-icon":l});return i?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,{})},T={gov:"government",mil:"U.S. Department of Defense"},A=({id:a,type:n="gov"})=>{const[l]=r(!1),c=t(null);return i((()=>{const e=c.current;return u.on(e),d.on(e),()=>{u.off(e),d.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:m,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"," ",T[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:h,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:t,action:i,items:r,children:l})=>l||r?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==r?void 0:r.map(((a,s)=>e(z,{path:a.path,name:a.name,action:i},`breadcrumb-${s}`))),t?e("li",Object.assign({className:"usa-breadcrumb__list-item usa-current","aria-current":"true"},{children:e("span",{children:t})})):e(a,{})]}))})):e(a,{}),z=({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 I(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 t=0;for(n=Object.getOwnPropertySymbols(e);t<n.length;t++)a.indexOf(n[t])<0&&Object.prototype.propertyIsEnumerable.call(e,n[t])&&(s[n[t]]=e[n[t]])}return s}"function"==typeof SuppressedError&&SuppressedError;const F=a=>{var{id:s,type:n="button",variant:t="default",className:i,children:r}=a,l=I(a,["id","type","variant","className","children"]);const c=V("usa-button",{"usa-button--secondary":"secondary"===t,"usa-button--accent-cool":"accent-cool"===t,"usa-button--accent-warm":"accent-warm"===t,"usa-button--base":"base"===t,"usa-button--outline":"outline"===t,"usa-button--outline usa-button--inverse":"outline-inverse"===t,"usa-button--big":"big"===t,"usa-button--unstyled":"unstyled"===t},i);return e("button",Object.assign({id:s,type:n,className:c,"data-testid":"button"},l,{children:r}))},q=({id:a,type:s="default",className:n,children:t})=>{const i=V("usa-button-group",{"usa-button-group--segmented":"segmented"===s},n);return e("ul",Object.assign({id:a,className:i},{children:l.map(t,((a,s)=>e("li",Object.assign({className:"usa-button-group__item"},{children:a}),s)))}))},H=({id:a,className:s,children:n})=>{const t=V("usa-card__container",s);return e("div",Object.assign({className:"usa-card",id:a},{children:e("div",Object.assign({className:t},{children:n}))}))},B=({children:a})=>e("div",Object.assign({className:"usa-card__body"},{children:a})),U=({children:a})=>e("div",Object.assign({className:"usa-card__header"},{children:e("h2",Object.assign({className:"usa-card__heading text-primary-dark"},{children:a}))})),Y=({children:a})=>e("div",Object.assign({className:"usa-card__footer"},{children:a})),R=a=>{var{className:s}=a,n=I(a,["className"]);const r=t(null);return i((()=>{const e=r.current;return b.on(e),()=>b.off(e)})),e("div",Object.assign({ref:r,className:V("usa-character-count",s)},n,{children:n.children}))},J=a=>{var{id:s}=a,n=I(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}))},W=a=>{var{id:n,name:t,label:i,checked:r,defaultChecked:l,isTile:c,onChange:o,onClick:d}=a,u=I(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:t,checked:r,defaultChecked:l,onChange:o,onClick:d},u)),e("label",Object.assign({className:"usa-checkbox__label",htmlFor:m},{children:i}))]}))},G=({id:s,name:n,data:t,areTiles:i,onChange:r,onClick:l})=>e(a,{children:t.map(((a,t)=>{const c=`${s}__checkbox${t}`;return e(W,{id:c,name:n,label:a.label,value:a.value,checked:a.checked,defaultChecked:a.defaultChecked,isTile:i,onChange:r,onClick:l},c)}))}),K=n=>{var{defaultOption:t={value:"",label:"- Select -"},options:i,onChange:r,className:l,children:c}=n,o=I(n,["defaultOption","options","onChange","className","children"]);return c||i?s("select",Object.assign({className:V("usa-select",l),onChange:r},o,{children:[X(t,-1),null!=c?c:null==i?void 0:i.map(X)]})):e(a,{})},Q=({value:a,label:s})=>e("option",Object.assign({value:a},{children:s})),X=(a,s)=>a&&e("option",Object.assign({value:a.value},{children:a.label}),s),Z=a=>{var{placeholder:s}=a,n=I(a,["placeholder"]);const i=t(null);c((()=>{const e=i.current;return p.on(e),()=>p.off(e)}));const r={className:"usa-combo-box",ref:i};return s&&(r["data-placeholder"]=s),n.defaultValue&&(r["data-default-value"]=n.defaultValue),e("div",Object.assign({},r,{children:e(K,Object.assign({},n))}))},ee=a=>{var{minDate:s,maxDate:n,dateRange:i,defaultValue:r,onChange:l}=a,o=I(a,["minDate","maxDate","dateRange","defaultValue","onChange"]);const d=t(null);c((()=>{const e=d.current,a=e.querySelector(".usa-date-picker__wrapper");a||_.on(e);const s=_.getDatePickerContext(e).externalInputEl;return l&&s.addEventListener("change",l),()=>{l&&s.removeEventListener("change",l),a&&_.off(e)}}),[]);const u={};return s&&(u["data-min-date"]=ae(s)),n&&(u["data-max-date"]=ae(n)),i&&(u["data-range-date"]=ae(i)),r&&(u["data-default-value"]=ae(r)),e("div",Object.assign({ref:d,className:"usa-date-picker"},u,{children:e("input",Object.assign({className:"usa-input",type:"text"},o))}))};function ae(e){if("string"==typeof e){return new Date(e).toISOString().substring(0,10)}return e.toISOString().substring(0,10)}const se=({id:a,children:s})=>{const n=t(null);return c((()=>{const e=n.current;return f.on(e),()=>f.off(e)})),e("div",Object.assign({id:a,ref:n,className:"usa-date-range-picker"},{children:s}))},ne=({id:s,errors:n,children:t})=>e(a,t||n?{children:null!=t?t:null==n?void 0:n.map(((a,n)=>e("span",Object.assign({id:`${s}-${n}`,className:"usa-error-message"},{children:a}),n)))}:{}),te=a=>{const s=t(null);return c((()=>{const e=s.current;return v.on(e),()=>v.off(e)}),[]),e("input",Object.assign({className:"usa-file-input",type:"file",ref:s},a))},ie=a=>{var{id:s,isLarge:n=!1,className:t,children:i}=a,r=I(a,["id","isLarge","className","children"]);return e("form",Object.assign({id:s,className:V("usa-form",{"usa-form--large":n},t),style:{maxWidth:"unset"}},r,{children:i}))},re=({id:a,errors:s,className:n,children:t})=>{const i=!!(s&&s.length>0),r=V("usa-form-group",{"usa-form-group--error":i},n);return e("div",Object.assign({id:a,className:r},{children:t}))},le=({id:a,type:s,size:n="size-3",className:t="text-base-darkest"})=>{const i=V("usa-icon",`usa-icon--${n}`,t);return e("svg",Object.assign({id:a,className:i,"aria-hidden":"true",focusable:"false",role:"img"},{children:e("use",{xlinkHref:`${O}#${s}`})}))},ce=(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},oe=(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},de=(e,a)=>{let s=null!=a?a:"text";if("phone_number"===e)s="tel";return s},ue=(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},me=a=>{var{id:n,name:t,className:i,type:r,mask:l,prefix:c,suffix:o,onChange:d}=a,u=I(a,["id","name","className","type","mask","prefix","suffix","onChange"]);const m=V("usa-input",{"usa-masked":l},i),h=e("input",Object.assign({id:n,name:t,className:m,"data-testid":"input",type:de(l,r),onChange:d,pattern:ce(l,u.pattern),placeholder:oe(l,u.placeholder),inputMode:ue(l,u.inputMode)},u));return(null!=c?c:o)?s("div",Object.assign({className:"usa-input-group"},{children:[c?e("div",Object.assign({className:"usa-input-prefix","aria-hidden":"true"},{children:c})):void 0,h,o?e("div",Object.assign({className:"usa-input-suffix","aria-hidden":"true"},{children:o})):void 0]})):h},he=a=>{var{htmlFor:n,required:t,children:i}=a,r=I(a,["htmlFor","required","children"]);return s("label",Object.assign({className:"usa-label",htmlFor:n},r,{children:[i,t&&e("span",Object.assign({className:"text-red"},{children:" *"}))]}))},ge=a=>{var{id:s,type:n="unordered",variant:t="default",className:i,items:r}=a,l=I(a,["id","type","variant","className","items"]);const c=V("usa-list",{"usa-list--unstyled":"unstyled"===t},i),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(r)}))},be=a=>{var{id:n,defaultMonthValue:t,defaultDayValue:i,defaultYearValue:r,onMonthChange:l,onDayChange:c,onYearChange:o}=a,d=I(a,["id","defaultMonthValue","defaultDayValue","defaultYearValue","onMonthChange","onDayChange","onYearChange"]);return s("div",Object.assign({id:`memorable-date-${n}`,className:"usa-memorable-date","data-testid":"memorable-date"},d,{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:t,onChange:l},{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}`,minLength:1,maxLength:2,pattern:"[0-9]*",inputMode:"numeric",defaultValue:i,onChange:c})]})),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}`,minLength:4,maxLength:4,pattern:"[0-9]*",inputMode:"numeric",defaultValue:r,onChange:o})]}))]}))},pe=({id:a,heading:n,size:i="small",footer:r,children:l})=>{const o=t(null);c((()=>{const e=o.current;return j.on(e),()=>j.off(e)}));const d=V("usa-modal",{"usa-modal--lg":"large"===i});return e("div",Object.assign({ref:o,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:r}))]})),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:`${O}#close`})}))}))]}))}))},_e=({id:n,currentPage:t,amountOfPages:i,amountOfVisiblePageItems:r=3,ariaLabel:l,createPageUrl:c=(()=>"#"),onPage:o=(()=>{})})=>{i<=7&&(r=7);let d=Math.max(0,t-Math.floor(r/2));const u=Math.min(i,d+r)-1;return u===i-1&&(d=Math.max(0,u-r+1)),e("nav",Object.assign({id:n,"aria-label":l,className:"usa-pagination"},{children:s("ul",Object.assign({className:"usa-pagination__list"},{children:[t>0&&e("li",Object.assign({className:"usa-pagination__item usa-pagination__arrow"},{children:s("a",Object.assign({href:c(t-1),onClick:e=>o(e,t-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:`${O}#navigate_before`})})),e("span",Object.assign({className:"usa-pagination__link-text"},{children:"Previous"}))]}))})),d>0&&s(a,{children:[ve(0,t,i,c,o),e("li",Object.assign({className:"usa-pagination__item usa-pagination__overflow"},{children:e("span",{children:"…"})}))]}),fe(d,u,(e=>ve(e,t,i,c,o))),u<i-1&&s(a,{children:[e("li",Object.assign({className:"usa-pagination__item usa-pagination__overflow"},{children:e("span",{children:"…"})})),ve(i-1,t,i,c,o)]}),t<i-1&&e("li",Object.assign({className:"usa-pagination__item usa-pagination__arrow"},{children:s("a",Object.assign({href:c(t+1),onClick:e=>o(e,t+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:`${O}#navigate_next`})}))]}))}))]}))}))};function fe(e,a,s){const n=[];for(;e<=a;e++)n.push(s(e));return n}function ve(a,s,n,t,i){const r=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:t(a),onClick:e=>i(e,a),className:V("usa-pagination__button",{"usa-current":r}),"aria-label":l,"aria-current":r?"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 Oe=({id:s,steps:n,currentStep:t=0,children:i})=>i||n?e("ol",Object.assign({id:s,className:"usa-process-list"},{children:null!=i?i:null==n?void 0:n.map(((a,s)=>e(je,Object.assign({heading:a.heading,isCurrentStep:t===s+1&&t!==n.length,isCompletedStep:t>s+1||t===n.length,isLastStep:s===n.length-1},{children:a.children}),s)))})):e(a,{}),je=({heading:e,headingClassName:a,headingElementName:t="h4",isCurrentStep:i,isCompletedStep:r,isLastStep:l,children:c})=>{const o=V("usa-process-list__item",{current:i&&!r,completed:r,last:l}),d=V("usa-process-list__heading",{current:i&&!r,completed:r,last:l},a);return s("li",Object.assign({className:o},{children:[n.createElement(t,{className:d},e),c]}))},Ne=a=>{var{id:s,className:n,children:t}=a,i=I(a,["id","className","children"]);const r=V("usa-prose",n);return e("section",Object.assign({id:s,className:r},i,{children:t}))},ye=a=>{var{id:n,name:t,label:i,checked:r,defaultChecked:l,isTile:c,onChange:o,onClick:d}=a,u=I(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:t,checked:r,defaultChecked:l,onChange:o,onClick:d},u)),e("label",Object.assign({className:"usa-radio__label",htmlFor:m},{children:i}))]}))},ke=({id:s,name:n,data:t,areTiles:i,onChange:r,onClick:l})=>e(a,{children:t.map(((a,t)=>{const c=`${s}__radio${t}`;return e(ye,{id:c,name:n,label:a.label,value:a.value,checked:a.checked,defaultChecked:a.defaultChecked,isTile:i,onChange:r,onClick:l},c)}))}),xe=a=>{var{id:s,minValue:n,maxValue:t,step:i="10",defaultValue:r,onChange:l}=a,c=I(a,["id","minValue","maxValue","step","defaultValue","onChange"]);return e("input",Object.assign({id:s,className:"usa-range",type:"range",min:n,max:t,step:i,defaultValue:r,onChange:l,role:"slider"},c))},we=a=>{var{id:n,type:t="default",onSearch:i}=a,r=I(a,["id","type","onSearch"]);const l=V("usa-search",{"usa-search--small":"small"===t,"usa-search--big":"big"===t});return s("form",Object.assign({id:n,className:l,role:"search",onSubmit:function(e){if(i){const a=e.target;i(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"},r)),s("button",Object.assign({className:"usa-button",type:"submit"},{children:[e("span",Object.assign({className:"small"===t?"usa-sr-only":"usa-search__submit-text"},{children:"Search"})),e("img",{src:N,className:"usa-search__submit-icon",alt:"Search icon"})]}))]}))},Ce=({id:s,ariaLabel:n,items:t,children:i})=>i||t?e("nav",Object.assign({id:s,"aria-label":n},{children:e("ul",Object.assign({className:"usa-sidenav"},{children:null!=i?i:null==t?void 0:t.map(((a,s)=>e(Se,{items:a.items,anchor:a.anchor},`side-nav-item-${s}`)))}))})):e(a,{}),Se=({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(Se,{items:a.items,anchor:a.anchor},`side-nav-item-sublist-${s}`)))}))]})),$e=({id:a,type:n="Info",heading:t,slim:i=!1,noIcon:r=!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":i,"usa-site-alert--no-icon":r},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:[t&&e("h3",Object.assign({className:"usa-alert__heading"},{children:t})),c&&e("p",Object.assign({className:"usa-alert__text"},{children:c}))]}))}))}))},Ve=({id:n,steps:t,currentStep:i,hideLabels:r=!1,showCounters:l=!1,showSmallCounters:c=!1,centerCounters:d=!1,headingLevel:u="h4"})=>{const m=V("usa-step-indicator",{"usa-step-indicator--no-labels":r,"usa-step-indicator--counters":l,"usa-step-indicator--counters-sm":c,"usa-step-indicator--center":d});return s("div",Object.assign({id:n,className:m,"aria-label":"progress"},{children:[e("ol",Object.assign({className:"usa-step-indicator__segments"},{children:t.map(((a,n)=>{const t={key:n,className:"usa-step-indicator__segment"};let r="";return n<i?(t.className+=" usa-step-indicator__segment--complete",r="completed"):n>i?r="not completed":(t.className+=" usa-step-indicator__segment--current",Object.assign(t,{"aria-current":!0})),o("li",Object.assign({},t,{key:`usa-step-label-${n}`}),s("span",Object.assign({className:"usa-step-indicator__segment-label"},{children:[a,""!==r&&e("span",Object.assign({className:"usa-sr-only"},{children:r}))]})))}))})),e("div",Object.assign({className:"usa-step-indicator__header"},{children:o(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:i+1})),s("span",Object.assign({className:"usa-step-indicator__total-steps"},{children:[" of ",t.length]}))]})),e("span",Object.assign({className:"usa-step-indicator__heading-text"},{children:t[i]}))]}))}))]}))},Me=({id:a,heading:n,className:t,items:i})=>{const r=V("usa-summary-box",t);return e("div",Object.assign({className:r,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:i.map(((a,s)=>e("li",{children:a},s)))}))}))]}))}))},Le=({id:a,caption:n,columns:r,data:l,sortable:c=!1,sortIndex:o=0,sortDir:d="ascending",onSort:u,scrollable:m=!1,borderless:h=!1,striped:g=!1,className:b,tabIndex:p=-1})=>{const _=t(null);return i((()=>{const e=_.current;return c&&y.on(e),()=>{c&&(y.off(e),null==e||e.querySelectorAll(".usa-table__header__button").forEach((e=>e.remove())))}})),i((()=>{const e=new MutationObserver((e=>{for(const a of e)if(u&&"aria-sort"===a.attributeName){a.target.getAttribute("aria-sort")&&u()}}));if(_.current&&u){_.current.querySelectorAll("th").forEach((a=>e.observe(a,{attributes:!0})))}}),[r]),s("div",Object.assign({id:a,className:V({"usa-table-container":!m},{"usa-table-container--scrollable":m},{"usa-table--borderless":h},{"usa-table--striped":g}),ref:_},{children:[s("table",Object.assign({className:V("usa-table",b),tabIndex:p},{children:[e("caption",Object.assign({hidden:!!n},{children:n})),e("thead",{children:e("tr",{children:r.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:t})=>{const i=V("usa-tag",{"usa-tag--big":"Big"===n},t);return e("span",Object.assign({id:a,className:i},{children:s}))},Ee=a=>{var{id:s,name:n,rows:t,className:i,onChange:r}=a,l=I(a,["id","name","rows","className","onChange"]);return e("textarea",Object.assign({className:V("usa-textarea",i),style:void 0===t?void 0:{height:"unset"},id:s,name:n,rows:t,onChange:r},l))},Te=a=>{var{filter:s,minTime:n,maxTime:i,step:r,onChange:l}=a,o=I(a,["filter","minTime","maxTime","step","onChange"]);const d=t(null);c((()=>{const e=d.current;k.on(e),p.on(e);const a=e.querySelector(".usa-combo-box__input");return l&&a.addEventListener("change",l),()=>{l&&a.removeEventListener("change",l),p.off(e),k.off(e)}}));const u={};return s&&(u["data-filter"]=s),n&&(u["data-min-time"]=n),i&&(u["data-max-time"]=i),r&&(u["data-step"]=r),e("div",Object.assign({ref:d,className:V("usa-time-picker",o.className)},u,{children:e("input",Object.assign({className:"usa-input",type:"text"},o))}))},Ae=({label:a,position:s="top",children:n})=>{const i=t(null);return c((()=>{var e;const n=null===(e=i.current)||void 0===e?void 0:e.firstChild;return n&&(n.classList.add("usa-tooltip"),n.title=a,n.setAttribute("data-position",s),x.on(n)),()=>x.off(n)})),e("span",Object.assign({ref:i},{children:n}))},Pe=()=>({on:e=>{w.on(e)},off:e=>{w.off(e)}}),ze=()=>({toggleModal:e=>{j.toggleModal.call(j,e)}});export{L as Accordion,D as AccordionItem,E as Alert,A as Banner,P as Breadcrumb,z as BreadcrumbItem,F as Button,q as ButtonGroup,H as Card,B as CardBody,Y as CardFooter,U as CardHeader,J as CharacterCount,R as CharacterCountContainer,W as Checkbox,G as CheckboxGroup,Z as ComboBox,ee as DatePicker,se as DateRangePicker,ne as ErrorMessages,te as FileInput,ie as Form,re as FormGroup,le as Icon,he as Label,ge as List,be as MemorableDate,pe as Modal,_e as Pagination,Oe as ProcessList,je as ProcessListStep,Ne as Prose,ye as RadioButton,ke as RadioButtonGroup,xe as RangeSlider,we as Search,K as Select,Q as SelectOption,Ce as SideNavigation,Se as SideNavigationItem,$e as SiteAlert,Ve as StepIndicator,Me as SummaryBox,Le as Table,De as Tag,Ee as TextArea,me as TextInput,Te as TimePicker,Ae as Tooltip,Pe as useHeader,ze as useModal}; | ||
| */$=T,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 i in s)e.call(s,i)&&s[i]&&(r=n(r,i));return r}function n(e,a){return a?e?e+" "+a:e+a:e}$.exports?(a.default=a,$.exports=a):window.classNames=a}();var q=S(T.exports);function V(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))}}V(".accordion-item {\n margin: 10px;\n border: none;\n}\n");const M=({id:s,allowMultiSelect:n=!1,items:t,children:l})=>{if(!l&&!t)return e(a,{});const c=r(null);return i((()=>{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:q("usa-accordion",{"usa-accordion--multiselectable":n}),"data-allow-multiple":!!n||void 0},{children:null!=l?l:null==t?void 0:t.map(((a,s)=>e(L,Object.assign({id:a.id,label:a.label,expanded:a.expanded},{children:a.children}),`accordion-item-${s}`)))}))},L=({id:a,label:n,expanded:r,children:i})=>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:i}))]})),E=({id:n,type:r,show:i=!0,slim:t,noIcon:l,heading:c,body:o,children:d})=>{const u=q("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":t,"usa-alert--no-icon":l});return i?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,{})},D={gov:"government",mil:"U.S. Department of Defense"},A=({id:a,type:n="gov"})=>{const[l]=t(!1),c=r(null);return i((()=>{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"," ",D[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:i,items:t,children:l})=>l||t?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==t?void 0:t.map(((a,s)=>e(z,{path:a.path,name:a.name,action:i},`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,{}),z=({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 I(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 F=a=>{var{id:s,type:n="button",variant:r="default",className:i,children:t}=a,l=I(a,["id","type","variant","className","children"]);const c=q("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},i);return e("button",Object.assign({id:s,type:n,className:c,"data-testid":"button"},l,{children:t}))},H=({id:a,type:s="default",className:n,children:r})=>{const i=q("usa-button-group",{"usa-button-group--segmented":"segmented"===s},n);return e("ul",Object.assign({id:a,className:i},{children:l.map(r,((a,s)=>e("li",Object.assign({className:"usa-button-group__item"},{children:a}),s)))}))},B=({id:a,className:s,children:n})=>{const r=q("usa-card__container",s);return e("div",Object.assign({className:"usa-card",id:a},{children:e("div",Object.assign({className:r},{children:n}))}))},U=({children:a})=>e("div",Object.assign({className:"usa-card__body"},{children:a})),Y=({children:a})=>e("div",Object.assign({className:"usa-card__header"},{children:e("h2",Object.assign({className:"usa-card__heading text-primary-dark"},{children:a}))})),R=({children:a})=>e("div",Object.assign({className:"usa-card__footer"},{children:a})),J=a=>{var{className:s}=a,n=I(a,["className"]);const t=r(null);return i((()=>{const e=t.current;return p.on(e),()=>p.off(e)})),e("div",Object.assign({ref:t,className:q("usa-character-count",s)},n,{children:n.children}))},W=a=>{var{id:s}=a,n=I(a,["id"]);return e("span",Object.assign({id:s,className:q("usa-hint","usa-character-count__message",n.className),"aria-live":"polite"},{children:n.children}))},G=a=>{var{htmlFor:n,required:r,children:i}=a,t=I(a,["htmlFor","required","children"]);return s("label",Object.assign({className:"usa-label",htmlFor:n},t,{children:[i,r&&e("span",Object.assign({className:"text-red"},{children:" *"}))]}))},K=({id:a,children:s})=>e("span",Object.assign({id:a,className:"usa-hint"},{children:s})),Q=({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,{}),X=({id:r,required:i,label:t,helperText:l,errors:o,validationStatus:d,className:u,fieldControl:m,children:h})=>{const b=q("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:[t?e(G,Object.assign({htmlFor:g,required:i},{children:t})):e(a,{}),l?e(K,Object.assign({id:`${r}-helper-text`},{children:l})):e(a,{}),o?e(Q,{id:`${r}-errors`,errors:o}):e(a,{}),f]}))},Z=a=>{var{id:n,name:r,label:i,checked:t,defaultChecked:l,isTile:c,onChange:o,onClick:d}=a,u=I(a,["id","name","label","checked","defaultChecked","isTile","onChange","onClick"]);const m=`${n}__usa-checkbox__input`,h=q("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:t,defaultChecked:l,onChange:o,onClick:d},u)),e("label",Object.assign({className:"usa-checkbox__label",htmlFor:m},{children:i}))]}))},ee=({id:s,name:n,data:r,areTiles:i,required:t,label:l,helperText:c,errors:o,onChange:d,onClick:u})=>e(X,{id:`form-group-${s}`,required:t,label:l,helperText:c,errors:o,fieldControl:e(a,{children:r.map(((a,r)=>{const t=`${s}__checkbox${r}`;return e(Z,{id:t,name:n,label:a.label,value:a.value,checked:a.checked,defaultChecked:a.defaultChecked,isTile:i,onChange:d,onClick:u},t)}))})}),ae=n=>{var{id:r,defaultOption:i={value:"",label:"- Select -"},options:t,required:l,label:c,helperText:o,errors:d,onChange:u,className:m,children:h}=n,b=I(n,["id","defaultOption","options","required","label","helperText","errors","onChange","className","children"]);return h||t?e(X,{id:`form-group-${r}`,required:l,label:c,helperText:o,errors:d,fieldControl:s("select",Object.assign({id:r,className:q("usa-select",m),defaultValue:null==i?void 0:i.value,onChange:u},b,{children:[ne(i,-1),null!=h?h:null==t?void 0:t.map(ne)]}))}):e(a,{})},se=({value:a,label:s})=>e("option",Object.assign({value:a},{children:s})),ne=(a,s)=>a&&e("option",Object.assign({value:a.value},{children:a.label}),s),re=a=>{var{id:s,options:n,required:i,label:t,helperText:l,errors:c,onChange:d,className:u,children:m,defaultValue:h,placeholder:b}=a,g=I(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(X,{id:`form-group-${s}`,required:i,label:t,helperText:l,errors:c,fieldControl:e("div",Object.assign({},_,{children:e("select",Object.assign({id:s,className:q("usa-select",u),defaultValue:h,onChange:d},g,{children:null!=m?m:null==n?void 0:n.map(ne)}))}))})},ie=a=>{var{id:s,minDate:n,maxDate:i,dateRange:t,defaultValue:l,required:c,label:d,helperText:u,errors:m,validationStatus:h,onChange:b}=a,g=I(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"]=te(n)),i&&(f["data-max-date"]=te(i)),t&&(f["data-range-date"]=te(t)),l&&(f["data-default-value"]=te(l));const v=q("usa-input",{"usa-input--error":"error"===h,"usa-input--success":"success"===h});return e(X,{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 te(e){if("string"==typeof e){return new Date(e).toISOString().substring(0,10)}return e.toISOString().substring(0,10)}const le=({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}))},ce=a=>{var{id:s,required:n,label:i,helperText:t,errors:l}=a,c=I(a,["id","required","label","helperText","errors"]);const d=r(null);return o((()=>{const e=d.current;return O.on(e),()=>O.off(e)}),[]),e(X,{id:`form-group-${s}`,required:n,label:i,helperText:t,errors:l,fieldControl:e("input",Object.assign({className:"usa-file-input",type:"file",ref:d,id:s},c))})},oe=a=>{var{id:s,isLarge:n=!1,className:r,children:i}=a,t=I(a,["id","isLarge","className","children"]);return e("form",Object.assign({id:s,className:q("usa-form",{"usa-form--large":n},r),style:{maxWidth:"unset"}},t,{children:i}))},de=({id:a,type:s,size:n="size-3",className:r="text-base-darkest"})=>{const i=q("usa-icon",`usa-icon--${n}`,r);return e("svg",Object.assign({id:a,className:i,"aria-hidden":"true",focusable:"false",role:"img"},{children:e("use",{xlinkHref:`${N}#${s}`})}))},ue=(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},me=(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},he=(e,a)=>{let s=null!=a?a:"text";if("phone_number"===e)s="tel";return s},be=(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},ge=a=>{var{id:n,name:r,required:i,label:t,helperText:l,errors:c,validationStatus:o,className:d,type:u,mask:m,prefix:h,suffix:b,onChange:g}=a,p=I(a,["id","name","required","label","helperText","errors","validationStatus","className","type","mask","prefix","suffix","onChange"]);const f=q("usa-input",{"usa-input--error":"error"===o,"usa-input--success":"success"===o,"usa-masked":m},d),_=e("input",Object.assign({id:n,name:r,className:f,"data-testid":"input",type:he(m,u),onChange:g,pattern:ue(m,p.pattern),placeholder:me(m,p.placeholder),inputMode:be(m,p.inputMode)},p)),v=s("div",Object.assign({className:"usa-input-group"},{children:[h?e("div",Object.assign({className:"usa-input-prefix","aria-hidden":"true"},{children:h})):void 0,_,b?e("div",Object.assign({className:"usa-input-suffix","aria-hidden":"true"},{children:b})):void 0]}));return e(X,{id:`form-group-${n}`,required:i,label:t,helperText:l,errors:c,validationStatus:o,fieldControl:(null!=h?h:b)?v:_})},pe=a=>{var{id:s,type:n="unordered",variant:r="default",className:i,items:t}=a,l=I(a,["id","type","variant","className","items"]);const c=q("usa-list",{"usa-list--unstyled":"unstyled"===r},i),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(t)}))},fe=a=>{var{id:n,required:r,label:i,helperText:t,errors:l,defaultMonthValue:c,defaultDayValue:o,defaultYearValue:d,onMonthChange:u,onDayChange:m,onYearChange:h}=a,b=I(a,["id","required","label","helperText","errors","defaultMonthValue","defaultDayValue","defaultYearValue","onMonthChange","onDayChange","onYearChange"]);return e(X,{id:`form-group-${n}`,required:r,label:i,helperText:t,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}`,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}`,minLength:4,maxLength:4,pattern:"[0-9]*",inputMode:"numeric",defaultValue:d,onChange:h})]}))]}))})},_e=({id:a,heading:n,size:i="small",footer:t,children:l})=>{const c=r(null);o((()=>{const e=c.current;return j.on(e),()=>j.off(e)}));const d=q("usa-modal",{"usa-modal--lg":"large"===i});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:t}))]})),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:`${N}#close`})}))}))]}))}))},ve=({id:n,currentPage:r,amountOfPages:i,amountOfVisiblePageItems:t=3,ariaLabel:l,createPageUrl:c=(()=>"#"),onPage:o=(()=>{})})=>{i<=7&&(t=7);let d=Math.max(0,r-Math.floor(t/2));const u=Math.min(i,d+t)-1;return u===i-1&&(d=Math.max(0,u-t+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:`${N}#navigate_before`})})),e("span",Object.assign({className:"usa-pagination__link-text"},{children:"Previous"}))]}))})),d>0&&s(a,{children:[Ne(0,r,i,c,o),e("li",Object.assign({className:"usa-pagination__item usa-pagination__overflow"},{children:e("span",{children:"…"})}))]}),Oe(d,u,(e=>Ne(e,r,i,c,o))),u<i-1&&s(a,{children:[e("li",Object.assign({className:"usa-pagination__item usa-pagination__overflow"},{children:e("span",{children:"…"})})),Ne(i-1,r,i,c,o)]}),r<i-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:`${N}#navigate_next`})}))]}))}))]}))}))};function Oe(e,a,s){const n=[];for(;e<=a;e++)n.push(s(e));return n}function Ne(a,s,n,r,i){const t=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=>i(e,a),className:q("usa-pagination__button",{"usa-current":t}),"aria-label":l,"aria-current":t?"page":void 0},{children:`${a+1}`}))}),a)}V(".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 je=({id:s,steps:n,currentStep:r=0,children:i})=>i||n?e("ol",Object.assign({id:s,className:"usa-process-list"},{children:null!=i?i: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:i,isCompletedStep:t,isLastStep:l,children:c})=>{const o=q("usa-process-list__item",{current:i&&!t,completed:t,last:l}),d=q("usa-process-list__heading",{current:i&&!t,completed:t,last:l},a);return s("li",Object.assign({className:o},{children:[n.createElement(r,{className:d},e),c]}))},ye=a=>{var{id:s,className:n,children:r}=a,i=I(a,["id","className","children"]);const t=q("usa-prose",n);return e("section",Object.assign({id:s,className:t},i,{children:r}))},ke=a=>{var{id:n,name:r,label:i,checked:t,defaultChecked:l,isTile:c,onChange:o,onClick:d}=a,u=I(a,["id","name","label","checked","defaultChecked","isTile","onChange","onClick"]);const m=`${n}__usa-radio__input`,h=q("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:t,defaultChecked:l,onChange:o,onClick:d},u)),e("label",Object.assign({className:"usa-radio__label",htmlFor:m},{children:i}))]}))},Ce=({id:s,name:n,data:r,areTiles:i,required:t,label:l,helperText:c,errors:o,onChange:d,onClick:u})=>e(X,{id:`form-group-${s}`,required:t,label:l,helperText:c,errors:o,fieldControl:e(a,{children:r.map(((a,r)=>{const t=`${s}__radio${r}`;return e(ke,{id:t,name:n,label:a.label,value:a.value,checked:a.checked,defaultChecked:a.defaultChecked,isTile:i,onChange:d,onClick:u},t)}))})}),we=a=>{var{id:s,required:n,label:r,helperText:i,errors:t,minValue:l,maxValue:c,step:o="10",defaultValue:d,onChange:u}=a,m=I(a,["id","required","label","helperText","errors","minValue","maxValue","step","defaultValue","onChange"]);return e(X,{id:`form-group-${s}`,required:n,label:r,helperText:i,errors:t,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))})},Se=a=>{var{id:n,type:r="default",onSearch:i}=a,t=I(a,["id","type","onSearch"]);const l=q("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(i){const a=e.target;i(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"},t)),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"})]}))]}))},$e=({id:s,ariaLabel:n,items:r,children:i})=>i||r?e("nav",Object.assign({id:s,"aria-label":n},{children:e("ul",Object.assign({className:"usa-sidenav"},{children:null!=i?i:null==r?void 0:r.map(((a,s)=>e(Te,{items:a.items,anchor:a.anchor},`side-nav-item-${s}`)))}))})):e(a,{}),Te=({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(Te,{items:a.items,anchor:a.anchor},`side-nav-item-sublist-${s}`)))}))]})),qe=({id:a,type:n="Info",heading:r,slim:i=!1,noIcon:t=!1,className:l,children:c})=>{const o=q("usa-site-alert",{"usa-site-alert--emergency":"Emergency"===n,"usa-site-alert--info":"Info"===n,"usa-site-alert--slim":i,"usa-site-alert--no-icon":t},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}))]}))}))}))},Ve=({id:n,steps:r,currentStep:i,hideLabels:t=!1,showCounters:l=!1,showSmallCounters:c=!1,centerCounters:o=!1,headingLevel:u="h4"})=>{const m=q("usa-step-indicator",{"usa-step-indicator--no-labels":t,"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 t="";return n<i?(r.className+=" usa-step-indicator__segment--complete",t="completed"):n>i?t="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,""!==t&&e("span",Object.assign({className:"usa-sr-only"},{children:t}))]})))}))})),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:i+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[i]}))]}))}))]}))},Me=({id:a,heading:n,className:r,items:i})=>{const t=q("usa-summary-box",r);return e("div",Object.assign({className:t,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:i.map(((a,s)=>e("li",{children:a},s)))}))}))]}))}))},Le=({id:a,caption:n,columns:t,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 i((()=>{const e=f.current;return c&&y.on(e),()=>{c&&(y.off(e),null==e||e.querySelectorAll(".usa-table__header__button").forEach((e=>e.remove())))}})),i((()=>{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})))}}),[t]),s("div",Object.assign({id:a,className:q({"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:q("usa-table",g),tabIndex:p},{children:[e("caption",Object.assign({hidden:!!n},{children:n})),e("thead",{children:e("tr",{children:t.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"})]}))},Ee=({id:a,children:s,size:n="Default",className:r})=>{const i=q("usa-tag",{"usa-tag--big":"Big"===n},r);return e("span",Object.assign({id:a,className:i},{children:s}))},De=a=>{var{id:s,name:n,rows:r,required:i,label:t,helperText:l,errors:c,validationStatus:o,className:d,onChange:u}=a,m=I(a,["id","name","rows","required","label","helperText","errors","validationStatus","className","onChange"]);const h=q("usa-textarea",{"usa-input--error":"error"===o,"usa-input--success":"success"===o},d);return e(X,{id:`form-group-${s}`,required:i,label:t,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))})},Ae=a=>{var{id:s,required:n,label:i,helperText:t,errors:l,filter:c,minTime:d,maxTime:u,step:m,onChange:h}=a,b=I(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){k.on(a),f.on(a);const e=a.querySelector(".usa-combo-box__input");h&&e.addEventListener("change",h)}return()=>{if(n){f.off(a),k.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(X,{id:`form-group-${s}`,required:n,label:i,helperText:t,errors:l,fieldControl:e("div",Object.assign({ref:g,className:q("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 i=r(null);return o((()=>{var e;const n=null===(e=i.current)||void 0===e?void 0:e.firstChild;return n&&(n.classList.add("usa-tooltip"),n.title=a,n.setAttribute("data-position",s),C.on(n)),()=>C.off(n)})),e("span",Object.assign({ref:i},{children:n}))},ze=()=>({on:e=>{w.on(e)},off:e=>{w.off(e)}}),Ie=()=>({toggleModal:e=>{j.toggleModal.call(j,e)}});export{M as Accordion,L as AccordionItem,E as Alert,A as Banner,P as Breadcrumb,z as BreadcrumbItem,F as Button,H as ButtonGroup,B as Card,U as CardBody,R as CardFooter,Y as CardHeader,W as CharacterCount,J as CharacterCountContainer,Z as Checkbox,ee as CheckboxGroup,re as ComboBox,ie as DatePicker,le as DateRangePicker,Q as ErrorMessages,ce as FileInput,oe as Form,X as FormGroup,K as HelperText,de as Icon,G as Label,pe as List,fe as MemorableDate,_e as Modal,ve as Pagination,je as ProcessList,xe as ProcessListStep,ye as Prose,ke as RadioButton,Ce as RadioButtonGroup,we as RangeSlider,Se as Search,ae as Select,se as SelectOption,$e as SideNavigation,Te as SideNavigationItem,qe as SiteAlert,Ve as StepIndicator,Me as SummaryBox,Le as Table,Ee as Tag,De as TextArea,ge as TextInput,Ae as TimePicker,Pe as Tooltip,ze as useHeader,Ie as useModal}; | ||
| //# sourceMappingURL=index.js.map |
@@ -292,2 +292,18 @@ import React$1, { ReactNode, ReactElement, SyntheticEvent, PropsWithChildren, ChangeEventHandler, MouseEventHandler, FormEvent } from 'react'; | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| /** | ||
| * Event handler will be triggered when the checkbox value changes | ||
@@ -301,3 +317,3 @@ */ | ||
| } | ||
| declare const CheckboxGroup: ({ id, name, data, areTiles, onChange, onClick, }: CheckboxGroupProps) => React$1.ReactElement; | ||
| declare const CheckboxGroup: ({ id, name, data, areTiles, required, label, helperText, errors, onChange, onClick, }: CheckboxGroupProps) => React$1.ReactElement; | ||
@@ -332,2 +348,18 @@ interface SelectOptionProps { | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| /** | ||
| * SelectOption components to display as children | ||
@@ -344,3 +376,3 @@ */ | ||
| */ | ||
| declare const Select: ({ defaultOption, options, onChange, className, children, ...selectProps }: SelectProps & JSX.IntrinsicElements['select']) => ReactElement; | ||
| declare const Select: ({ id, defaultOption, options, required, label, helperText, errors, onChange, className, children, ...selectProps }: SelectProps & JSX.IntrinsicElements['select']) => ReactElement; | ||
| declare const SelectOption: ({ value, label }: SelectOptionProps) => ReactElement; | ||
@@ -355,9 +387,37 @@ | ||
| /** | ||
| * The name for the combo box input field | ||
| * The name of the select | ||
| */ | ||
| name?: string; | ||
| /** | ||
| * The placeholder value to display in the control | ||
| * The options of the select | ||
| */ | ||
| options?: SelectOptionProps[]; | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| /** | ||
| * The placeholder value to display in the control | ||
| */ | ||
| placeholder?: string; | ||
| /** | ||
| * SelectOption components to display as children | ||
| */ | ||
| children?: ReactElement<SelectOptionProps> | Array<ReactElement<SelectOptionProps>>; | ||
| /** | ||
| * Event handler for when value of the select is changed | ||
| */ | ||
| onChange?: ChangeEventHandler<HTMLSelectElement>; | ||
| } & SelectProps & JSX.IntrinsicElements['select']; | ||
@@ -367,4 +427,6 @@ /** | ||
| */ | ||
| declare const ComboBox: ({ placeholder, ...comboBoxProps }: ComboBoxProps) => React$1.ReactElement; | ||
| declare const ComboBox: ({ id, options, required, label, helperText, errors, onChange, className, children, defaultValue, placeholder, ...selectProps }: ComboBoxProps) => React$1.ReactElement; | ||
| type ValidationStatus = 'error' | 'success'; | ||
| interface DatePickerProps { | ||
@@ -396,2 +458,22 @@ /** | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| /** | ||
| * State based styling to apply to the form group | ||
| */ | ||
| validationStatus?: ValidationStatus; | ||
| /** | ||
| * Event handler will be triggered when the date-picker value changes | ||
@@ -404,3 +486,3 @@ */ | ||
| */ | ||
| declare const DatePicker: ({ minDate, maxDate, dateRange, defaultValue, onChange, ...inputProps }: DatePickerProps & JSX.IntrinsicElements['input']) => React$1.ReactElement; | ||
| declare const DatePicker: ({ id, minDate, maxDate, dateRange, defaultValue, required, label, helperText, errors, validationStatus, onChange, ...inputProps }: DatePickerProps & JSX.IntrinsicElements['input']) => React$1.ReactElement; | ||
@@ -426,3 +508,3 @@ interface DateRangePickerProps { | ||
| */ | ||
| errors?: string[]; | ||
| errors?: string | string[]; | ||
| /** | ||
@@ -447,2 +529,18 @@ * ReactNode components to display as children | ||
| name?: string; | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| } | ||
@@ -452,3 +550,3 @@ /** | ||
| */ | ||
| declare const FileInput: (inputProps: FileInputProps & JSX.IntrinsicElements['input']) => React$1.ReactElement; | ||
| declare const FileInput: ({ id, required, label, helperText, errors, ...inputProps }: FileInputProps & JSX.IntrinsicElements['input']) => React$1.ReactElement; | ||
@@ -476,6 +574,22 @@ interface FormProps { | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string[]; | ||
| errors?: string | string[]; | ||
| /** | ||
| * State based styling to apply to the form group | ||
| */ | ||
| validationStatus?: ValidationStatus; | ||
| /** | ||
| * Additional class name for the form group | ||
@@ -487,3 +601,7 @@ */ | ||
| */ | ||
| children: ReactNode; | ||
| fieldControl?: ReactNode; | ||
| /** | ||
| * The contents of the form group | ||
| */ | ||
| children?: ReactNode; | ||
| } | ||
@@ -493,4 +611,19 @@ /** | ||
| */ | ||
| declare const FormGroup: ({ id, errors, className, children, }: FormGroupProps) => React$1.ReactElement; | ||
| declare const FormGroup: ({ id, required, label, helperText, errors, validationStatus, className, fieldControl, children, }: FormGroupProps) => React$1.ReactElement; | ||
| interface HelperTextProps { | ||
| /** | ||
| * The unique identifier for this component | ||
| */ | ||
| id?: string; | ||
| /** | ||
| * The contents of the helper text | ||
| */ | ||
| children: ReactNode; | ||
| } | ||
| /** | ||
| * Defines helper text for an HTML element. | ||
| */ | ||
| declare const HelperText: ({ id, children }: HelperTextProps) => React$1.ReactElement; | ||
| interface IconProps { | ||
@@ -525,3 +658,3 @@ /** | ||
| /** | ||
| * The name of the text input | ||
| * The name for the combo box input field | ||
| */ | ||
@@ -534,2 +667,22 @@ name?: string; | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| /** | ||
| * State based styling to apply to the form group | ||
| */ | ||
| validationStatus?: ValidationStatus; | ||
| /** | ||
| * The type of mask to apply to the input | ||
@@ -554,3 +707,3 @@ */ | ||
| */ | ||
| declare const TextInput: ({ id, name, className, type, mask, prefix, suffix, onChange, ...props }: TextInputProps & Omit<JSX.IntrinsicElements['input'], 'prefix' | 'suffix'>) => React$1.ReactElement; | ||
| declare const TextInput: ({ id, name, required, label, helperText, errors, validationStatus, className, type, mask, prefix, suffix, onChange, ...props }: TextInputProps & Omit<JSX.IntrinsicElements['input'], 'prefix' | 'suffix'>) => React$1.ReactElement; | ||
@@ -613,2 +766,18 @@ interface LabelProps { | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| /** | ||
| * The default value for the day field | ||
@@ -641,3 +810,3 @@ */ | ||
| */ | ||
| declare const MemorableDate: ({ id, defaultMonthValue, defaultDayValue, defaultYearValue, onMonthChange, onDayChange, onYearChange, ...props }: MemorableDateProps) => React$1.ReactElement; | ||
| declare const MemorableDate: ({ id, required, label, helperText, errors, defaultMonthValue, defaultDayValue, defaultYearValue, onMonthChange, onDayChange, onYearChange, ...props }: MemorableDateProps) => React$1.ReactElement; | ||
@@ -844,2 +1013,18 @@ interface ModalProps { | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| /** | ||
| * Event handler will be triggered when the radioButton value changes | ||
@@ -853,3 +1038,3 @@ */ | ||
| } | ||
| declare const RadioButtonGroup: ({ id, name, data, areTiles, onChange, onClick, }: RadioButtonGroupProps) => React$1.ReactElement; | ||
| declare const RadioButtonGroup: ({ id, name, data, areTiles, required, label, helperText, errors, onChange, onClick, }: RadioButtonGroupProps) => React$1.ReactElement; | ||
@@ -866,2 +1051,18 @@ interface RangeSliderProps { | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| /** | ||
| * A minimum value allowed for the slider | ||
@@ -890,3 +1091,3 @@ */ | ||
| */ | ||
| declare const RangeSlider: ({ id, minValue, maxValue, step, defaultValue, onChange, ...inputProps }: RangeSliderProps & Omit<JSX.IntrinsicElements['input'], 'min' | 'max'>) => React.ReactElement; | ||
| declare const RangeSlider: ({ id, required, label, helperText, errors, minValue, maxValue, step, defaultValue, onChange, ...inputProps }: RangeSliderProps & Omit<JSX.IntrinsicElements['input'], 'min' | 'max'>) => React.ReactElement; | ||
@@ -1148,2 +1349,22 @@ interface SearchProps { | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| /** | ||
| * State based styling to apply to the form group | ||
| */ | ||
| validationStatus?: ValidationStatus; | ||
| /** | ||
| * Event handler for when value of textarea is changes | ||
@@ -1156,3 +1377,3 @@ */ | ||
| */ | ||
| declare const TextArea: ({ id, name, rows, className, onChange, ...textAreaProps }: TextAreaProps & JSX.IntrinsicElements['textarea']) => React$1.ReactElement; | ||
| declare const TextArea: ({ id, name, rows, required, label, helperText, errors, validationStatus, className, onChange, ...props }: TextAreaProps & JSX.IntrinsicElements['textarea']) => React$1.ReactElement; | ||
@@ -1169,2 +1390,18 @@ interface TimePickerProps { | ||
| /** | ||
| * A boolean indicating whether or not the field is required | ||
| */ | ||
| required?: boolean; | ||
| /** | ||
| * Label text to display with the input | ||
| */ | ||
| label?: string; | ||
| /** | ||
| * Helper text to display with the input | ||
| */ | ||
| helperText?: string; | ||
| /** | ||
| * An array of string error messages | ||
| */ | ||
| errors?: string | string[]; | ||
| /** | ||
| * The time picker will use this regular expression to filter the time picker options. | ||
@@ -1193,3 +1430,3 @@ */ | ||
| */ | ||
| declare const TimePicker: ({ filter, minTime, maxTime, step, onChange, ...inputProps }: TimePickerProps & JSX.IntrinsicElements['input']) => React$1.ReactElement; | ||
| declare const TimePicker: ({ id, required, label, helperText, errors, filter, minTime, maxTime, step, onChange, ...inputProps }: TimePickerProps & JSX.IntrinsicElements['input']) => React$1.ReactElement; | ||
@@ -1224,2 +1461,2 @@ interface TooltipProps { | ||
| export { Accordion, AccordionItem, AccordionItemProps, Alert, Banner, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, Button, ButtonGroup, Card, CardBody, CardFooter, CardHeader, CharacterCount, CharacterCountContainer, Checkbox, CheckboxData, CheckboxGroup, ComboBox, ComboBoxOptionProps, CreatePageUrlHandler, DatePicker, DateRangePickerContainer as DateRangePicker, ErrorMessages, FileInput, Form, FormGroup, Icon, Label, List, ListItem, MemorableDate, Modal, OnPageHandler, Pagination, ProcessList, ProcessListStep, ProcessListStepProps, Prose, RadioButton, RadioButtonData, RadioButtonGroup, RangeSlider, Search, Select, SelectOption, SelectOptionProps, SideNavigation, SideNavigationItem, SideNavigationItemProps, SiteAlert, StepIndicator, SummaryBox, Table, TableCell, TableColumn, Tag, TextArea, TextInput, TimePicker, Tooltip, useHeader, useModal }; | ||
| export { Accordion, AccordionItem, AccordionItemProps, Alert, Banner, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, Button, ButtonGroup, Card, CardBody, CardFooter, CardHeader, CharacterCount, CharacterCountContainer, Checkbox, CheckboxData, CheckboxGroup, ComboBox, ComboBoxOptionProps, CreatePageUrlHandler, DatePicker, DateRangePickerContainer as DateRangePicker, ErrorMessages, FileInput, Form, FormGroup, HelperText, Icon, Label, List, ListItem, MemorableDate, Modal, OnPageHandler, Pagination, ProcessList, ProcessListStep, ProcessListStepProps, Prose, RadioButton, RadioButtonData, RadioButtonGroup, RangeSlider, Search, Select, SelectOption, SelectOptionProps, SideNavigation, SideNavigationItem, SideNavigationItemProps, SiteAlert, StepIndicator, SummaryBox, Table, TableCell, TableColumn, Tag, TextArea, TextInput, TimePicker, Tooltip, ValidationStatus, useHeader, useModal }; |
| { | ||
| "name": "@metrostar/comet-uswds", | ||
| "version": "2.4.1", | ||
| "version": "3.0.0-beta.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
New alerts
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by11.22%
342159
- Number of package files
- increased by5.78%
183
- Lines of code
- increased by18.31%
4886
Worsened metrics
- Number of low quality alerts
- increased by50%
3
No dependency changes