@bcgov/design-system-react-components 0.4.0-pr495 → 0.4.0-pr504

package/dist/cjs/index.cjs

@@ -31,8 +31,8 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$k = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n  --surface-opacity-0: 0;\n  --surface-opacity-10: 0.1;\n  --surface-opacity-20: 0.2;\n  --surface-opacity-30: 0.3;\n  --surface-opacity-40: 0.4;\n  --surface-opacity-50: 0.5;\n  --surface-opacity-60: 0.6;\n  --surface-opacity-70: 0.7;\n  --surface-opacity-80: 0.8;\n  --surface-opacity-90: 0.9;\n  --surface-opacity-100: 1;\n  --surface-shadow-none: 0 0.30000001192092896px 0.8999999761581421px 0 #0000001a, 0 1.600000023841858px 3.5999999046325684px 0 #00000021; /* Default shadow for most content and UI elements */\n  --surface-shadow-small: 0 0.6000000238418579px 1.7999999523162842px 0 #0000001a, 0 3.200000047683716px 7.199999809265137px 0 #00000021; /* Reduced shadow for secondary UI elements */\n  --surface-shadow-medium: 0 1.2000000476837158px 3.5999999046325684px 0 #0000001a, 0 6.400000095367432px 14.399999618530273px 0 #00000021; /* Standard shadow for UI elements like cards and buttons */\n  --surface-shadow-large: 0 4.800000190734863px 14.399999618530273px 0 #0000002e, 0 25.600000381469727px 57.599998474121094px 0 #00000038; /* Larger shadow for emphasis. Use sparingly */\n  --surface-color-primary-button-default: #013366; /* Default fill colour for primary buttons */\n  --surface-color-primary-button-hover: #1E5189; /* Fill colour used when user hovers over primary button */\n  --surface-color-primary-button-disabled: #EDEBE9; /* Fill colour for inactive primary buttons */\n  --surface-color-primary-danger-button-default: #CE3E39; /* Default fill colour for buttons in danger/warning state */\n  --surface-color-primary-danger-button-hover: #A2312D; /* Fill colour used when user hovers over danger/warning button */\n  --surface-color-primary-danger-button-disabled: #EDEBE9; /* Default fill colour for disabled danger/warning button */\n  --surface-color-primary-default: #013366; /* Default theme colour for components and layout */\n  --surface-color-primary-hover: #1E5189; /* Hover variant of surface.color.primary.default */\n  --surface-color-primary-pressed: #01264C; /* Selected/pressed variant of surface.color.primary.default */\n  --surface-color-primary-disabled: #EDEBE9; /* Disabled/inactive variant of surface.color.primary default */\n  --surface-color-secondary-button-default: #FFFFFF; /* Fill colour for secondary buttons */\n  --surface-color-secondary-button-hover: #EDEBE9; /* Fill colour used when user hovers over secondary button */\n  --surface-color-secondary-button-disabled: #EDEBE9; /* Fill colour for inactive secondary buttons */\n  --surface-color-secondary-default: #FFFFFF; /* Light theme colour for components and layout */\n  --surface-color-secondary-hover: #EDEBE9; /* Hover variant of surface.color.secondary.default */\n  --surface-color-secondary-pressed: #E0DEDC; /* Selected/pressed variant of surface.color.secondary.default */\n  --surface-color-secondary-disabled: #EDEBE9; /* Disabled/inactive variant of surface.color.secondary default */\n  --surface-color-tertiary-button-default: rgba(255,255,255,0); /* Default fill colour for tertiary buttons */\n  --surface-color-tertiary-button-hover: #ECEAE8; /* Fill colour used when user hovers over tertiary button */\n  --surface-color-tertiary-button-disabled: #EDEBE9; /* Fill colour for inactive tertiary buttons */\n  --surface-color-tertiary-default: #FFFFFF00; /* Alternative light theme colour for components and layout */\n  --surface-color-tertiary-hover: #ECEAE8; /* Hover variant of surface.color.tertiary.default */\n  --surface-color-tertiary-pressed: #E0DEDC; /* Selected/pressed variant of surface.color.tertiary.default */\n  --surface-color-tertiary-disabled: #EDEBE9; /* Disabled/inactive variant of surface.color.tertiary default */\n  --surface-color-menus-default: #FFFFFF; /* Default fill colour for menu items */\n  --surface-color-menus-hover: #EDEBE9; /* Fill colour used when user hovers over a menu item */\n  --surface-color-forms-default: #FFFFFF; /* Default fill colour for form/input fields */\n  --surface-color-forms-disabled: #EDEBE9; /* Fill colour for inactive/disabled form/input fields */\n  --surface-color-background-white: #FFFFFF; /* White background */\n  --surface-color-background-light-gray: #FAF9F8; /* Default background colour for layout */\n  --surface-color-background-light-blue: #F1F8FE; /* Light blue background */\n  --surface-color-background-dark-blue: #053662; /* Dark blue background */\n  --surface-color-border-default: #D8D8D8; /* Lighter border colour for UI elements */\n  --surface-color-border-medium: #898785; /* Default border colour for UI elements */\n  --surface-color-border-dark: #353433; /* Used as a hover colour for form fields and inputs */\n  --surface-color-border-active: #2E5DD7; /* Used as the active stroke colour for UI elements */\n  --surface-color-overlay-default: rgba(0,0,0,0.45); /* Background overlay colour for images and modal dialogues */\n  --support-surface-color-info: #F7F9FC;\n  --support-surface-color-danger: #F4E1E2; /* Background colour for error, failure or danger messages */\n  --support-surface-color-success: #F6FFF8; /* Background colour for success messages */\n  --support-surface-color-warning: #FEF1D8; /* Background colour for warning messages */\n  --support-border-color-info: #053662; /* Border stroke for general/informational messages */\n  --support-border-color-danger: #CE3E39; /* Border stroke for error, failure or danger messages */\n  --support-border-color-success: #42814A; /* Border stroke for success messages */\n  --support-border-color-warning: #F8BB47; /* Border stroke for warning messages */\n  --icons-size-xsmall: 14px; /* Smallest icon size */\n  --icons-size-small: 16px;\n  --icons-size-medium: 20px; /* Default icon size */\n  --icons-size-large: 24px;\n  --icons-size-xlarge: 32px; /* Largest icon size */\n  --icons-color-primary: #2D2D2D; /* Default colour for icons */\n  --icons-color-secondary: #474543; /* Alternative colour for secondary/miscellaneous icons */\n  --icons-color-disabled: #9F9D9C; /* Use only for inactive/disabled icons */\n  --icons-color-link: #255A90; /* Use for hyperlinked icons */\n  --icons-color-info: #053662; /* Emphasis colour for icons in general/informational state */\n  --icons-color-danger: #CE3E39; /* Emphasis colour for icons in error, failure or danger state */\n  --icons-color-success: #42814A; /* Emphasis colour for icons in success state */\n  --icons-color-warning: #F8BB47; /* Emphasis colour for icons in warning state */\n  --icons-color-primary-invert: #FFFFFF; /* Default colour for icons on dark backgrounds */\n  --layout-border-width-none: 0;\n  --layout-border-width-small: 1px;\n  --layout-border-width-medium: 2px;\n  --layout-border-width-large: 4px;\n  --layout-padding-none: 0; /* No padding */\n  --layout-padding-hair: 0.125rem; /* Smallest padding value for layout */\n  --layout-padding-xsmall: 0.25rem;\n  --layout-padding-small: 0.5rem;\n  --layout-padding-medium: 1rem; /* Default padding value for layout */\n  --layout-padding-large: 1.5rem;\n  --layout-padding-xlarge: 2rem; /* Largest padding value for layout */\n  --layout-margin-none: 0rem; /* No margin */\n  --layout-margin-hair: 0.125rem; /* Smallest margin value for layout */\n  --layout-margin-xsmall: 0.25rem;\n  --layout-margin-small: 0.5rem; /* Default margin value for layout */\n  --layout-margin-medium: 1rem;\n  --layout-margin-large: 1.5rem;\n  --layout-margin-xlarge: 2rem;\n  --layout-margin-xxlarge: 2.5rem;\n  --layout-margin-xxxlarge: 3rem;\n  --layout-margin-huge: 3.5rem; /* Largest margin value for layout */\n  --layout-border-radius-none: 0;\n  --layout-border-radius-small: 2px;\n  --layout-border-radius-medium: 4px;\n  --layout-border-radius-large: 6px;\n  --typography-font-families-bc-sans: 'BC Sans'; /* BC Sans font. Requires BC Sans package */\n  --typography-line-heights-xxxdense: 1.125rem; /* Smallest line height */\n  --typography-line-heights-xxdense: 1.313rem;\n  --typography-line-heights-xdense: 1.688rem;\n  --typography-line-heights-dense: 1.913rem;\n  --typography-line-heights-regular: 2.125rem; /* Default line height */\n  --typography-line-heights-sparse: 2.25rem;\n  --typography-line-heights-xsparse: 3rem;\n  --typography-line-heights-xxsparse: 3.375rem; /* Largest line height */\n  --typography-line-heights-auto: AUTO; /* System token, used to generate type styles */\n  --typography-font-weights-regular: 400; /* System token, used to generate text styles */\n  --typography-font-weights-bold: 700; /* System token, used to generate text styles */\n  --typography-font-weights-italic: Italic; /* DEPRECATED - will be removed in next major version. */\n  --typography-font-weights-italic-weight: 400; /* System token, used to generate text styles */\n  --typography-font-weights-italic-style: italic; /* System token, used to generate text styles */\n  --typography-font-size-label: 0.75rem;\n  --typography-font-size-small-body: 0.875rem;\n  --typography-font-size-body: 1rem;\n  --typography-font-size-large-body: 1.125rem;\n  --typography-font-size-h5: 1.25rem;\n  --typography-font-size-h4: 1.5rem;\n  --typography-font-size-h3: 1.75rem;\n  --typography-font-size-h2: 2rem;\n  --typography-font-size-h1: 2.25rem;\n  --typography-font-size-display: 3rem;\n  --typography-letter-spacing-0: 0em; /* System token, used to generate type styles */\n  --typography-paragraph-spacing-0: 0; /* System token, used to generate type styles */\n  --typography-regular-label: 400 0.75rem/1.125rem 'BC Sans'; /* Labels and captions */\n  --typography-regular-small-body: 400 0.875rem/1.313rem 'BC Sans'; /* Smaller body text */\n  --typography-regular-body: 400 1rem/1.688rem 'BC Sans'; /* Default body text */\n  --typography-regular-large-body: 400 1.125rem/1.913rem 'BC Sans'; /* Larger body text */\n  --typography-regular-h6: 400 1.125rem/1.913rem 'BC Sans'; /* Alternate (unbolded) style for Heading 6 */\n  --typography-regular-h5: 400 1.25rem/2.125rem 'BC Sans'; /* Alternate (unbolded) style for Heading 5 */\n  --typography-regular-h4: 400 1.5rem/2.25rem 'BC Sans'; /* Alternate (unbolded) style for Heading 4 */\n  --typography-regular-h3: 400 1.75rem/3rem 'BC Sans'; /* Alternate (unbolded) style for Heading 3 */\n  --typography-regular-h2: 400 2rem/3.375rem 'BC Sans'; /* Alternate (unbolded) style for Heading 2 */\n  --typography-regular-h1: 400 2.25rem/3rem 'BC Sans'; /* Alternate (unbolded) style for Heading 1 */\n  --typography-regular-display: 400 3rem/AUTO 'BC Sans'; /* Extra-large body text size. Do not use for headings */\n  --typography-bold-label: 700 0.75rem/1.125rem 'BC Sans'; /* Labels and captions (bolded) */\n  --typography-bold-small-body: 700 0.875rem/1.313rem 'BC Sans'; /* Default for small body text (bolded) */\n  --typography-bold-body: 700 1rem/1.688rem 'BC Sans'; /* Default for body text (bolded) */\n  --typography-bold-large-body: 700 1.125rem/1.913rem 'BC Sans'; /* Larger text size for body text (bolded) */\n  --typography-bold-h6: 700 1.125rem/1.913rem 'BC Sans'; /* Default style for Heading 6. Includes all sizing/spacing values for H6 */\n  --typography-bold-h5: 700 1.25rem/2.125rem 'BC Sans'; /* Default style for Heading 6. Includes all sizing/spacing values for H5 */\n  --typography-bold-h4: 700 1.5rem/2.25rem 'BC Sans'; /* Default style for Heading 6. Includes all sizing/spacing values for H4 */\n  --typography-bold-h3: 700 1.75rem/3rem 'BC Sans'; /* Default style for Heading 6. Includes all sizing/spacing values for H3 */\n  --typography-bold-h2: 700 2rem/3rem 'BC Sans'; /* Default style for Heading 6. Includes all sizing/spacing values for H2 */\n  --typography-bold-h1: 700 2.25rem/3.375rem 'BC Sans'; /* Default style for Heading 6. Includes all sizing/spacing values for H1 */\n  --typography-bold-display: 700 3rem/AUTO 'BC Sans'; /* Extra-large font size (bolded). Do not use for headings */\n  --typography-italic-label: 400 italic 0.75rem/1.125rem 'BC Sans'; /* Labels and captions (italic) */\n  --typography-italic-small-body: 400 italic 0.875rem/1.313rem 'BC Sans'; /* Small body text (italic) */\n  --typography-italic-body: 400 italic 1rem/1.688rem 'BC Sans'; /* Default for body text (italic) */\n  --typography-italic-large-body: 400 italic 1.125rem/1.913rem 'BC Sans'; /* Larger text size for body text (italic) */\n  --typography-italic-h6: 400 italic 1.125rem/1.913rem 'BC Sans'; /* Alternate (italic) style for Heading 6 */\n  --typography-italic-h5: 400 italic 1.25rem/2.125rem 'BC Sans'; /* Alternate (italic) style for Heading 5 */\n  --typography-italic-h4: 400 italic 1.5rem/2.25rem 'BC Sans'; /* Alternate (italic) style for Heading 4 */\n  --typography-italic-h3: 400 italic 1.75rem/3.375rem 'BC Sans'; /* Alternate (italic) style for Heading 3 */\n  --typography-italic-h2: 400 italic 2rem/3rem 'BC Sans'; /* Alternate (italic) style for Heading 2 */\n  --typography-italic-h1: 400 italic 2.25rem/3.375rem 'BC Sans'; /* Alternate (italic) style for Heading 1 */\n  --typography-italic-display: 400 italic 3rem/AUTO 'BC Sans'; /* Extra-large font size (italic). Do not use for headings */\n  --typography-text-case-none: none;\n  --typography-text-decoration-none: none; /* System token, used to generate type styles */\n  --typography-paragraph-indent-0: 0px; /* System token, used to generate type styles */\n  --typography-color-primary: #2D2D2D; /* Default colour for all body text and headings */\n  --typography-color-secondary: #474543; /* Alternative colour for secondary/miscellaneous text */\n  --typography-color-placeholder: #9F9D9C; /* Use for placeholder text in forms */\n  --typography-color-disabled: #9F9D9C; /* Use only for text in inactive user interface elements */\n  --typography-color-link: #255A90; /* Use for hyperlinks in body text and headings */\n  --typography-color-danger: #CE3E39; /* Use for error, failure or danger message text */\n  --typography-color-primary-invert: #FFFFFF; /* Default colour for text on dark backgrounds */\n  --typography-color-secondary-invert: #ECEAE8; /* Secondary colour for text on dark backgrounds */\n  --theme-gold-10: #FEF8E8; /* Gold scale — lightest */\n  --theme-gold-20: #FEF0D8; /* Gold scale */\n  --theme-gold-30: #FDE9C4; /* Gold scale */\n  --theme-gold-40: #FCE2B0; /* Gold scale */\n  --theme-gold-50: #FBDA9D; /* Gold scale */\n  --theme-gold-60: #FBD389; /* Gold scale */\n  --theme-gold-70: #FACC75; /* Gold scale */\n  --theme-gold-80: #F9C462; /* Gold scale */\n  --theme-gold-90: #F8BA47; /* Gold scale */\n  --theme-gold-100: #FCBA19; /* Gold scale — darkest */\n  --theme-blue-10: #F1F8FE; /* Blue scale — lightest */\n  --theme-blue-20: #D8EAFD; /* Blue scale */\n  --theme-blue-30: #C1DDFC; /* Blue scale */\n  --theme-blue-40: #A8D0FB; /* Blue scale */\n  --theme-blue-50: #91C4FA; /* Blue scale */\n  --theme-blue-60: #7AB8F9; /* Blue scale */\n  --theme-blue-70: #5595D9; /* Blue scale */\n  --theme-blue-80: #3470B1; /* Blue scale */\n  --theme-blue-90: #1E5189; /* Blue scale */\n  --theme-blue-100: #013366; /* Blue scale — darkest */\n  --theme-gray-10: #FAF9F8; /* Greyscale — lightest */\n  --theme-gray-20: #F3F2F1; /* Greyscale */\n  --theme-gray-30: #ECEAE8; /* Greyscale */\n  --theme-gray-40: #E0DEDC; /* Greyscale */\n  --theme-gray-50: #D1CFCD; /* Greyscale */\n  --theme-gray-60: #C6C5C3; /* Greyscale */\n  --theme-gray-70: #9F9D9C; /* Greyscale */\n  --theme-gray-80: #605E5C; /* Greyscale */\n  --theme-gray-90: #3D3C3B; /* Greyscale */\n  --theme-gray-100: #353433; /* Greyscale */\n  --theme-gray-110: #252423; /* Greyscale — darkest */\n  --theme-gray-white: #FFFFFF; /* White */\n  --theme-primary-blue: #013366; /* Primary Blue (Blue 100) */\n  --theme-primary-gold: #FCBA19; /* Primary Gold (Gold 100) */\n}\n";
-styleInject(css_248z$k);
+var css_248z$o = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n  --surface-opacity-0: 0;\n  --surface-opacity-10: 0.1;\n  --surface-opacity-20: 0.2;\n  --surface-opacity-30: 0.3;\n  --surface-opacity-40: 0.4;\n  --surface-opacity-50: 0.5;\n  --surface-opacity-60: 0.6;\n  --surface-opacity-70: 0.7;\n  --surface-opacity-80: 0.8;\n  --surface-opacity-90: 0.9;\n  --surface-opacity-100: 1;\n  --surface-shadow-none: 0 0.30000001192092896px 0.8999999761581421px 0 #0000001a, 0 1.600000023841858px 3.5999999046325684px 0 #00000021; /* Default shadow for most content and UI elements */\n  --surface-shadow-small: 0 0.6000000238418579px 1.7999999523162842px 0 #0000001a, 0 3.200000047683716px 7.199999809265137px 0 #00000021; /* Reduced shadow for secondary UI elements */\n  --surface-shadow-medium: 0 1.2000000476837158px 3.5999999046325684px 0 #0000001a, 0 6.400000095367432px 14.399999618530273px 0 #00000021; /* Standard shadow for UI elements like cards and buttons */\n  --surface-shadow-large: 0 4.800000190734863px 14.399999618530273px 0 #0000002e, 0 25.600000381469727px 57.599998474121094px 0 #00000038; /* Larger shadow for emphasis. Use sparingly */\n  --surface-color-primary-button-default: #013366; /* Default fill colour for primary buttons */\n  --surface-color-primary-button-hover: #1E5189; /* Fill colour used when user hovers over primary button */\n  --surface-color-primary-button-disabled: #EDEBE9; /* Fill colour for inactive primary buttons */\n  --surface-color-primary-danger-button-default: #CE3E39; /* Default fill colour for buttons in danger/warning state */\n  --surface-color-primary-danger-button-hover: #A2312D; /* Fill colour used when user hovers over danger/warning button */\n  --surface-color-primary-danger-button-disabled: #EDEBE9; /* Default fill colour for disabled danger/warning button */\n  --surface-color-primary-default: #013366; /* Default theme colour for components and layout */\n  --surface-color-primary-hover: #1E5189; /* Hover variant of surface.color.primary.default */\n  --surface-color-primary-pressed: #01264C; /* Selected/pressed variant of surface.color.primary.default */\n  --surface-color-primary-disabled: #EDEBE9; /* Disabled/inactive variant of surface.color.primary default */\n  --surface-color-secondary-button-default: #FFFFFF; /* Fill colour for secondary buttons */\n  --surface-color-secondary-button-hover: #EDEBE9; /* Fill colour used when user hovers over secondary button */\n  --surface-color-secondary-button-disabled: #EDEBE9; /* Fill colour for inactive secondary buttons */\n  --surface-color-secondary-default: #FFFFFF; /* Light theme colour for components and layout */\n  --surface-color-secondary-hover: #EDEBE9; /* Hover variant of surface.color.secondary.default */\n  --surface-color-secondary-pressed: #E0DEDC; /* Selected/pressed variant of surface.color.secondary.default */\n  --surface-color-secondary-disabled: #EDEBE9; /* Disabled/inactive variant of surface.color.secondary default */\n  --surface-color-tertiary-button-default: rgba(255,255,255,0); /* Default fill colour for tertiary buttons */\n  --surface-color-tertiary-button-hover: #ECEAE8; /* Fill colour used when user hovers over tertiary button */\n  --surface-color-tertiary-button-disabled: #EDEBE9; /* Fill colour for inactive tertiary buttons */\n  --surface-color-tertiary-default: #FFFFFF00; /* Alternative light theme colour for components and layout */\n  --surface-color-tertiary-hover: #ECEAE8; /* Hover variant of surface.color.tertiary.default */\n  --surface-color-tertiary-pressed: #E0DEDC; /* Selected/pressed variant of surface.color.tertiary.default */\n  --surface-color-tertiary-disabled: #EDEBE9; /* Disabled/inactive variant of surface.color.tertiary default */\n  --surface-color-menus-default: #FFFFFF; /* Default fill colour for menu items */\n  --surface-color-menus-hover: #EDEBE9; /* Fill colour used when user hovers over a menu item */\n  --surface-color-forms-default: #FFFFFF; /* Default fill colour for form/input fields */\n  --surface-color-forms-disabled: #EDEBE9; /* Fill colour for inactive/disabled form/input fields */\n  --surface-color-background-white: #FFFFFF; /* White background */\n  --surface-color-background-light-gray: #FAF9F8; /* Default background colour for layout */\n  --surface-color-background-light-blue: #F1F8FE; /* Light blue background */\n  --surface-color-background-dark-blue: #053662; /* Dark blue background */\n  --surface-color-border-default: #D8D8D8; /* Lighter border colour for UI elements */\n  --surface-color-border-medium: #898785; /* Default border colour for UI elements */\n  --surface-color-border-dark: #353433; /* Used as a hover colour for form fields and inputs */\n  --surface-color-border-active: #2E5DD7; /* Used as the active stroke colour for UI elements */\n  --surface-color-overlay-default: rgba(0,0,0,0.45); /* Background overlay colour for images and modal dialogues */\n  --support-surface-color-info: #F7F9FC;\n  --support-surface-color-danger: #F4E1E2; /* Background colour for error, failure or danger messages */\n  --support-surface-color-success: #F6FFF8; /* Background colour for success messages */\n  --support-surface-color-warning: #FEF1D8; /* Background colour for warning messages */\n  --support-border-color-info: #053662; /* Border stroke for general/informational messages */\n  --support-border-color-danger: #CE3E39; /* Border stroke for error, failure or danger messages */\n  --support-border-color-success: #42814A; /* Border stroke for success messages */\n  --support-border-color-warning: #F8BB47; /* Border stroke for warning messages */\n  --icons-size-xsmall: 14px; /* Smallest icon size */\n  --icons-size-small: 16px;\n  --icons-size-medium: 20px; /* Default icon size */\n  --icons-size-large: 24px;\n  --icons-size-xlarge: 32px; /* Largest icon size */\n  --icons-color-primary: #2D2D2D; /* Default colour for icons */\n  --icons-color-secondary: #474543; /* Alternative colour for secondary/miscellaneous icons */\n  --icons-color-disabled: #9F9D9C; /* Use only for inactive/disabled icons */\n  --icons-color-link: #255A90; /* Use for hyperlinked icons */\n  --icons-color-info: #053662; /* Emphasis colour for icons in general/informational state */\n  --icons-color-danger: #CE3E39; /* Emphasis colour for icons in error, failure or danger state */\n  --icons-color-success: #42814A; /* Emphasis colour for icons in success state */\n  --icons-color-warning: #F8BB47; /* Emphasis colour for icons in warning state */\n  --icons-color-primary-invert: #FFFFFF; /* Default colour for icons on dark backgrounds */\n  --layout-border-width-none: 0;\n  --layout-border-width-small: 1px;\n  --layout-border-width-medium: 2px;\n  --layout-border-width-large: 4px;\n  --layout-padding-none: 0; /* No padding */\n  --layout-padding-hair: 0.125rem; /* Smallest padding value for layout */\n  --layout-padding-xsmall: 0.25rem;\n  --layout-padding-small: 0.5rem;\n  --layout-padding-medium: 1rem; /* Default padding value for layout */\n  --layout-padding-large: 1.5rem;\n  --layout-padding-xlarge: 2rem; /* Largest padding value for layout */\n  --layout-margin-none: 0rem; /* No margin */\n  --layout-margin-hair: 0.125rem; /* Smallest margin value for layout */\n  --layout-margin-xsmall: 0.25rem;\n  --layout-margin-small: 0.5rem; /* Default margin value for layout */\n  --layout-margin-medium: 1rem;\n  --layout-margin-large: 1.5rem;\n  --layout-margin-xlarge: 2rem;\n  --layout-margin-xxlarge: 2.5rem;\n  --layout-margin-xxxlarge: 3rem;\n  --layout-margin-huge: 3.5rem; /* Largest margin value for layout */\n  --layout-border-radius-none: 0;\n  --layout-border-radius-small: 2px;\n  --layout-border-radius-medium: 4px;\n  --layout-border-radius-large: 6px;\n  --typography-font-families-bc-sans: 'BC Sans'; /* BC Sans font. Requires BC Sans package */\n  --typography-line-heights-xxxdense: 1.125rem; /* Smallest line height */\n  --typography-line-heights-xxdense: 1.313rem;\n  --typography-line-heights-xdense: 1.688rem;\n  --typography-line-heights-dense: 1.913rem;\n  --typography-line-heights-regular: 2.125rem; /* Default line height */\n  --typography-line-heights-sparse: 2.25rem;\n  --typography-line-heights-xsparse: 3rem;\n  --typography-line-heights-xxsparse: 3.375rem; /* Largest line height */\n  --typography-line-heights-auto: AUTO; /* System token, used to generate type styles */\n  --typography-font-weights-regular: 400; /* System token, used to generate text styles */\n  --typography-font-weights-bold: 700; /* System token, used to generate text styles */\n  --typography-font-weights-italic: Italic; /* DEPRECATED - will be removed in next major version. */\n  --typography-font-weights-italic-weight: 400; /* System token, used to generate text styles */\n  --typography-font-weights-italic-style: italic; /* System token, used to generate text styles */\n  --typography-font-size-label: 0.75rem;\n  --typography-font-size-small-body: 0.875rem;\n  --typography-font-size-body: 1rem;\n  --typography-font-size-large-body: 1.125rem;\n  --typography-font-size-h5: 1.25rem;\n  --typography-font-size-h4: 1.5rem;\n  --typography-font-size-h3: 1.75rem;\n  --typography-font-size-h2: 2rem;\n  --typography-font-size-h1: 2.25rem;\n  --typography-font-size-display: 3rem;\n  --typography-letter-spacing-0: 0em; /* System token, used to generate type styles */\n  --typography-paragraph-spacing-0: 0; /* System token, used to generate type styles */\n  --typography-regular-label: 400 0.75rem/1.125rem 'BC Sans'; /* Labels and captions */\n  --typography-regular-small-body: 400 0.875rem/1.313rem 'BC Sans'; /* Smaller body text */\n  --typography-regular-body: 400 1rem/1.688rem 'BC Sans'; /* Default body text */\n  --typography-regular-large-body: 400 1.125rem/1.913rem 'BC Sans'; /* Larger body text */\n  --typography-regular-h6: 400 1.125rem/1.913rem 'BC Sans'; /* Alternate (unbolded) style for Heading 6 */\n  --typography-regular-h5: 400 1.25rem/2.125rem 'BC Sans'; /* Alternate (unbolded) style for Heading 5 */\n  --typography-regular-h4: 400 1.5rem/2.25rem 'BC Sans'; /* Alternate (unbolded) style for Heading 4 */\n  --typography-regular-h3: 400 1.75rem/3rem 'BC Sans'; /* Alternate (unbolded) style for Heading 3 */\n  --typography-regular-h2: 400 2rem/3.375rem 'BC Sans'; /* Alternate (unbolded) style for Heading 2 */\n  --typography-regular-h1: 400 2.25rem/3rem 'BC Sans'; /* Alternate (unbolded) style for Heading 1 */\n  --typography-regular-display: 400 3rem/AUTO 'BC Sans'; /* Extra-large body text size. Do not use for headings */\n  --typography-bold-label: 700 0.75rem/1.125rem 'BC Sans'; /* Labels and captions (bolded) */\n  --typography-bold-small-body: 700 0.875rem/1.313rem 'BC Sans'; /* Default for small body text (bolded) */\n  --typography-bold-body: 700 1rem/1.688rem 'BC Sans'; /* Default for body text (bolded) */\n  --typography-bold-large-body: 700 1.125rem/1.913rem 'BC Sans'; /* Larger text size for body text (bolded) */\n  --typography-bold-h6: 700 1.125rem/1.913rem 'BC Sans'; /* Default style for Heading 6. Includes all sizing/spacing values for H6 */\n  --typography-bold-h5: 700 1.25rem/2.125rem 'BC Sans'; /* Default style for Heading 6. Includes all sizing/spacing values for H5 */\n  --typography-bold-h4: 700 1.5rem/2.25rem 'BC Sans'; /* Default style for Heading 6. Includes all sizing/spacing values for H4 */\n  --typography-bold-h3: 700 1.75rem/3rem 'BC Sans'; /* Default style for Heading 6. Includes all sizing/spacing values for H3 */\n  --typography-bold-h2: 700 2rem/3rem 'BC Sans'; /* Default style for Heading 6. Includes all sizing/spacing values for H2 */\n  --typography-bold-h1: 700 2.25rem/3.375rem 'BC Sans'; /* Default style for Heading 6. Includes all sizing/spacing values for H1 */\n  --typography-bold-display: 700 3rem/AUTO 'BC Sans'; /* Extra-large font size (bolded). Do not use for headings */\n  --typography-italic-label: 400 italic 0.75rem/1.125rem 'BC Sans'; /* Labels and captions (italic) */\n  --typography-italic-small-body: 400 italic 0.875rem/1.313rem 'BC Sans'; /* Small body text (italic) */\n  --typography-italic-body: 400 italic 1rem/1.688rem 'BC Sans'; /* Default for body text (italic) */\n  --typography-italic-large-body: 400 italic 1.125rem/1.913rem 'BC Sans'; /* Larger text size for body text (italic) */\n  --typography-italic-h6: 400 italic 1.125rem/1.913rem 'BC Sans'; /* Alternate (italic) style for Heading 6 */\n  --typography-italic-h5: 400 italic 1.25rem/2.125rem 'BC Sans'; /* Alternate (italic) style for Heading 5 */\n  --typography-italic-h4: 400 italic 1.5rem/2.25rem 'BC Sans'; /* Alternate (italic) style for Heading 4 */\n  --typography-italic-h3: 400 italic 1.75rem/3.375rem 'BC Sans'; /* Alternate (italic) style for Heading 3 */\n  --typography-italic-h2: 400 italic 2rem/3rem 'BC Sans'; /* Alternate (italic) style for Heading 2 */\n  --typography-italic-h1: 400 italic 2.25rem/3.375rem 'BC Sans'; /* Alternate (italic) style for Heading 1 */\n  --typography-italic-display: 400 italic 3rem/AUTO 'BC Sans'; /* Extra-large font size (italic). Do not use for headings */\n  --typography-text-case-none: none;\n  --typography-text-decoration-none: none; /* System token, used to generate type styles */\n  --typography-paragraph-indent-0: 0px; /* System token, used to generate type styles */\n  --typography-color-primary: #2D2D2D; /* Default colour for all body text and headings */\n  --typography-color-secondary: #474543; /* Alternative colour for secondary/miscellaneous text */\n  --typography-color-placeholder: #9F9D9C; /* Use for placeholder text in forms */\n  --typography-color-disabled: #9F9D9C; /* Use only for text in inactive user interface elements */\n  --typography-color-link: #255A90; /* Use for hyperlinks in body text and headings */\n  --typography-color-danger: #CE3E39; /* Use for error, failure or danger message text */\n  --typography-color-primary-invert: #FFFFFF; /* Default colour for text on dark backgrounds */\n  --typography-color-secondary-invert: #ECEAE8; /* Secondary colour for text on dark backgrounds */\n  --theme-gold-10: #FEF8E8; /* Gold scale — lightest */\n  --theme-gold-20: #FEF0D8; /* Gold scale */\n  --theme-gold-30: #FDE9C4; /* Gold scale */\n  --theme-gold-40: #FCE2B0; /* Gold scale */\n  --theme-gold-50: #FBDA9D; /* Gold scale */\n  --theme-gold-60: #FBD389; /* Gold scale */\n  --theme-gold-70: #FACC75; /* Gold scale */\n  --theme-gold-80: #F9C462; /* Gold scale */\n  --theme-gold-90: #F8BA47; /* Gold scale */\n  --theme-gold-100: #FCBA19; /* Gold scale — darkest */\n  --theme-blue-10: #F1F8FE; /* Blue scale — lightest */\n  --theme-blue-20: #D8EAFD; /* Blue scale */\n  --theme-blue-30: #C1DDFC; /* Blue scale */\n  --theme-blue-40: #A8D0FB; /* Blue scale */\n  --theme-blue-50: #91C4FA; /* Blue scale */\n  --theme-blue-60: #7AB8F9; /* Blue scale */\n  --theme-blue-70: #5595D9; /* Blue scale */\n  --theme-blue-80: #3470B1; /* Blue scale */\n  --theme-blue-90: #1E5189; /* Blue scale */\n  --theme-blue-100: #013366; /* Blue scale — darkest */\n  --theme-gray-10: #FAF9F8; /* Greyscale — lightest */\n  --theme-gray-20: #F3F2F1; /* Greyscale */\n  --theme-gray-30: #ECEAE8; /* Greyscale */\n  --theme-gray-40: #E0DEDC; /* Greyscale */\n  --theme-gray-50: #D1CFCD; /* Greyscale */\n  --theme-gray-60: #C6C5C3; /* Greyscale */\n  --theme-gray-70: #9F9D9C; /* Greyscale */\n  --theme-gray-80: #605E5C; /* Greyscale */\n  --theme-gray-90: #3D3C3B; /* Greyscale */\n  --theme-gray-100: #353433; /* Greyscale */\n  --theme-gray-110: #252423; /* Greyscale — darkest */\n  --theme-gray-white: #FFFFFF; /* White */\n  --theme-primary-blue: #013366; /* Primary Blue (Blue 100) */\n  --theme-primary-gold: #FCBA19; /* Primary Gold (Gold 100) */\n}\n";
+styleInject(css_248z$o);
 
 /*
  * Copyright 2024 Adobe. All rights reserved.
@@ -389,11 +389,8 @@ class $681cc3c98f569e39$export$dc064fe9e59310fd extends $681cc3c98f569e39$export
     setAttributeNS() {}
     removeAttribute() {}
     constructor(type, ownerDocument){
-        super(ownerDocument);
-        this.nodeType = 8 // COMMENT_NODE (we'd use ELEMENT_NODE but React DevTools will fail to get its dimensions)
-        ;
-        this._index = 0;
-        this.hasSetProps = false;
+        super(ownerDocument), this.nodeType = 8 // COMMENT_NODE (we'd use ELEMENT_NODE but React DevTools will fail to get its dimensions)
+        , this._index = 0, this.hasSetProps = false;
         this.node = new ($23b9f4fcf0fe224b$export$d68d59712b04d9d1)(type, `react-aria-${++ownerDocument.nodeId}`);
         // Start a transaction so that no updates are emitted from the collection
         // until the props for this node are set. We don't know the real id for the
@@ -489,18 +486,8 @@ class $681cc3c98f569e39$export$b34a105447964f9f extends $681cc3c98f569e39$export
     }
     constructor(collection){
         // @ts-ignore
-        super(null);
-        this.nodeType = 11 // DOCUMENT_FRAGMENT_NODE
-        ;
-        this.ownerDocument = this;
-        this.dirtyNodes = new Set();
-        this.isSSR = false;
-        this.nodeId = 0;
-        this.nodesByProps = new WeakMap();
-        this.isMounted = true;
-        this.mutatedNodes = new Set();
-        this.subscriptions = new Set();
-        this.transactionCount = 0;
+        super(null), this.nodeType = 11 // DOCUMENT_FRAGMENT_NODE
+        , this.ownerDocument = this, this.dirtyNodes = new Set(), this.isSSR = false, this.nodeId = 0, this.nodesByProps = new WeakMap(), this.isMounted = true, this.mutatedNodes = new Set(), this.subscriptions = new Set(), this.transactionCount = 0;
         this.collection = collection;
         this.collectionMutated = true;
     }
@@ -532,9 +519,7 @@ function $e948873055cbafe4$export$727c8fc270210f13(props) {
                     var _rendered_props_id, _ref;
                     // @ts-ignore
                     let key = (_ref = (_rendered_props_id = rendered.props.id) !== null && _rendered_props_id !== void 0 ? _rendered_props_id : item.key) !== null && _ref !== void 0 ? _ref : item.id;
-                    // eslint-disable-next-line max-depth
                     if (key == null) throw new Error('Could not determine key for item');
-                    // eslint-disable-next-line max-depth
                     if (idScope) key = idScope + ':' + key;
                     // Note: only works if wrapped Item passes through id...
                     rendered = ($dbSRa$react.cloneElement)(rendered, addIdAndValue ? {
@@ -634,7 +619,6 @@ function $b5e257d569688ac6$var$useLegacySSRSafeId(defaultId) {
     return defaultId || `${prefix}-${counter}`;
 }
 function $b5e257d569688ac6$var$useModernSSRSafeId(defaultId) {
-    // @ts-ignore
     let id = ($dbSRa$react).useId();
     let [didSSR] = ($dbSRa$react.useState)($b5e257d569688ac6$export$535bd6ca7f90a273());
     let prefix = didSSR || process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${$b5e257d569688ac6$var$defaultContext.prefix}`;
@@ -829,7 +813,16 @@ function $bdb11010cef70236$export$f680877a34711e37(defaultId) {
     let updateValue = ($dbSRa$react.useCallback)((val)=>{
         nextId.current = val;
     }, []);
-    if ($bdb11010cef70236$var$canUseDOM) $bdb11010cef70236$var$idsUpdaterMap.set(res, updateValue);
+    if ($bdb11010cef70236$var$canUseDOM) {
+        // TS not smart enough to know that `has` means the value exists
+        if ($bdb11010cef70236$var$idsUpdaterMap.has(res) && !$bdb11010cef70236$var$idsUpdaterMap.get(res).includes(updateValue)) $bdb11010cef70236$var$idsUpdaterMap.set(res, [
+            ...$bdb11010cef70236$var$idsUpdaterMap.get(res),
+            updateValue
+        ]);
+        else $bdb11010cef70236$var$idsUpdaterMap.set(res, [
+            updateValue
+        ]);
+    }
     ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
         let r = res;
         return ()=>{
@@ -851,14 +844,14 @@ function $bdb11010cef70236$export$f680877a34711e37(defaultId) {
 }
 function $bdb11010cef70236$export$cd8c9cb68f842629(idA, idB) {
     if (idA === idB) return idA;
-    let setIdA = $bdb11010cef70236$var$idsUpdaterMap.get(idA);
-    if (setIdA) {
-        setIdA(idB);
+    let setIdsA = $bdb11010cef70236$var$idsUpdaterMap.get(idA);
+    if (setIdsA) {
+        setIdsA.forEach((fn)=>fn(idB));
         return idB;
     }
-    let setIdB = $bdb11010cef70236$var$idsUpdaterMap.get(idB);
-    if (setIdB) {
-        setIdB(idA);
+    let setIdsB = $bdb11010cef70236$var$idsUpdaterMap.get(idB);
+    if (setIdsB) {
+        setIdsB.forEach((fn)=>fn(idA));
         return idA;
     }
     return idB;
@@ -1037,7 +1030,7 @@ function $7215afc6de606d6b$var$supportsPreventScroll() {
                     return true;
                 }
             });
-        } catch (e) {
+        } catch  {
         // Ignore
         }
     }
@@ -1199,8 +1192,10 @@ function $ea8dcbcb9ea1b556$var$openSyntheticLink(target, modifiers) {
 }
 function $ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6(props) {
     let router = $ea8dcbcb9ea1b556$export$9a302a45f65d0572();
+    var _props_href;
+    const href = router.useHref((_props_href = props.href) !== null && _props_href !== void 0 ? _props_href : '');
     return {
-        'data-href': props.href ? router.useHref(props.href) : undefined,
+        'data-href': props.href ? href : undefined,
         'data-target': props.target,
         'data-rel': props.rel,
         'data-download': props.download,
@@ -1210,8 +1205,10 @@ function $ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6(props) {
 }
 function $ea8dcbcb9ea1b556$export$7e924b3091a3bd18(props) {
     let router = $ea8dcbcb9ea1b556$export$9a302a45f65d0572();
+    var _props_href;
+    const href = router.useHref((_props_href = props === null || props === void 0 ? void 0 : props.href) !== null && _props_href !== void 0 ? _props_href : '');
     return {
-        href: (props === null || props === void 0 ? void 0 : props.href) ? router.useHref(props === null || props === void 0 ? void 0 : props.href) : undefined,
+        href: (props === null || props === void 0 ? void 0 : props.href) ? href : undefined,
         target: props === null || props === void 0 ? void 0 : props.target,
         rel: props === null || props === void 0 ? void 0 : props.rel,
         download: props === null || props === void 0 ? void 0 : props.download,
@@ -1334,7 +1331,6 @@ function $03deb23ff14920c4$export$4eaf04e54aa8eed6() {
     }, [
         removeGlobalListener
     ]);
-    // eslint-disable-next-line arrow-body-style
     ($dbSRa$react.useEffect)(()=>{
         return removeAllGlobalListeners;
     }, [
@@ -1501,6 +1497,7 @@ function $e7801be82b4b2a53$export$4debdb1a3f0fa79e(context, ref) {
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ function $cc38e7bd3fc7b213$export$2bb74740c4e19def(node, checkForOverflow) {
+    if (!node) return false;
     let style = window.getComputedStyle(node);
     let isScrollable = /(auto|scroll)/.test(style.overflow + style.overflowX + style.overflowY);
     if (isScrollable && checkForOverflow) isScrollable = node.scrollHeight !== node.clientHeight || node.scrollWidth !== node.clientWidth;
@@ -1557,7 +1554,6 @@ function $a40c673dc9f6d9c7$export$94ed1c92c7beeb22(node, checkForOverflow) {
  * governing permissions and limitations under the License.
  */ 
 
-// @ts-ignore
 let $5df64b3807dc15ee$var$visualViewport = typeof document !== 'undefined' && window.visualViewport;
 function $5df64b3807dc15ee$export$d699905dd57c73ca() {
     let isSSR = ($b5e257d569688ac6$export$535bd6ca7f90a273)();
@@ -1722,7 +1718,7 @@ function $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollView, element) {
     return sum;
 }
 function $2f04cbc44ee30ce0$export$c826860796309d1b(targetElement, opts) {
-    if (document.contains(targetElement)) {
+    if (targetElement && document.contains(targetElement)) {
         let root = document.scrollingElement || document.documentElement;
         let isScrollPrevented = window.getComputedStyle(root).overflow === 'hidden';
         // If scrolling is not currently prevented then we aren’t in a overlay nor is a overlay open, just use element.scrollIntoView to bring the element into view
@@ -2399,10 +2395,6 @@ function $e1995378a142960e$var$CollectionRoot({ children: children }) {
  */ 
 
 const $7135fc7d473fd974$export$d40e14dec8b060a8 = /*#__PURE__*/ ($dbSRa$react.createContext)(null);
-const $7135fc7d473fd974$export$6e2c8f0811a474ce = /*#__PURE__*/ ($e1995378a142960e$export$e953bb1cd0f19726)('section', (props, ref, section)=>{
-    let { render: render } = ($dbSRa$react.useContext)($7135fc7d473fd974$export$d40e14dec8b060a8);
-    return render(props, ref, section);
-});
 const $7135fc7d473fd974$export$a164736487e3f0ae = {
     CollectionRoot ({ collection: collection, renderDropIndicator: renderDropIndicator }) {
         return $7135fc7d473fd974$var$useCollectionRender(collection, null, renderDropIndicator);
@@ -2661,7 +2653,6 @@ let $14c0b72509d70225$var$modifiedElementMap = new WeakMap();
 function $14c0b72509d70225$export$16a4697467175487(target) {
     if (($c87311424ea30a05$export$fedb369cb70207f1)()) {
         if ($14c0b72509d70225$var$state === 'default') {
-            // eslint-disable-next-line no-restricted-globals
             const documentObject = ($431fbd86ca7dc216$export$b204af158042fbac)(target);
             $14c0b72509d70225$var$savedUserSelect = documentObject.documentElement.style.webkitUserSelect;
             documentObject.documentElement.style.webkitUserSelect = 'none';
@@ -2688,7 +2679,6 @@ function $14c0b72509d70225$export$b0d6fa1ab32e3295(target) {
             ($bbed8b41f857bcc0$export$24490316f764c430)(()=>{
                 // Avoid race conditions
                 if ($14c0b72509d70225$var$state === 'restoring') {
-                    // eslint-disable-next-line no-restricted-globals
                     const documentObject = ($431fbd86ca7dc216$export$b204af158042fbac)(target);
                     if (documentObject.documentElement.style.webkitUserSelect === 'none') documentObject.documentElement.style.webkitUserSelect = $14c0b72509d70225$var$savedUserSelect || '';
                     $14c0b72509d70225$var$savedUserSelect = '';
@@ -3027,7 +3017,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                 }
                 // Due to browser inconsistencies, especially on mobile browsers, we prevent
                 // default on pointer down and handle focusing the pressable element ourselves.
-                if ($f6c31cce2adf654f$var$shouldPreventDefault(e.currentTarget)) e.preventDefault();
+                if ($f6c31cce2adf654f$var$shouldPreventDefaultDown(e.currentTarget)) e.preventDefault();
                 state.pointerType = e.pointerType;
                 let shouldStopPropagation = true;
                 if (!state.isPressed) {
@@ -3050,7 +3040,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                     // Chrome and Firefox on touch Windows devices require mouse down events
                     // to be canceled in addition to pointer events, or an extra asynchronous
                     // focus event will be fired.
-                    if ($f6c31cce2adf654f$var$shouldPreventDefault(e.currentTarget)) e.preventDefault();
+                    if ($f6c31cce2adf654f$var$shouldPreventDefaultDown(e.currentTarget)) e.preventDefault();
                     e.stopPropagation();
                 }
             };
@@ -3088,8 +3078,23 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                     state.pointerType = null;
                     removeAllGlobalListeners();
                     if (!allowTextSelectionOnPress) ($14c0b72509d70225$export$b0d6fa1ab32e3295)(state.target);
+                    // Prevent subsequent touchend event from triggering onClick on unrelated elements on Android. See below.
+                    // Both 'touch' and 'pen' pointerTypes trigger onTouchEnd, but 'mouse' does not.
+                    if ('ontouchend' in state.target && e.pointerType !== 'mouse') addGlobalListener(state.target, 'touchend', onTouchEnd, {
+                        once: true
+                    });
                 }
             };
+            // This is a workaround for an Android Chrome/Firefox issue where click events are fired on an incorrect element
+            // if the original target is removed during onPointerUp (before onClick).
+            // https://github.com/adobe/react-spectrum/issues/1513
+            // https://issues.chromium.org/issues/40732224
+            // Note: this event must be registered directly on the element, not via React props in order to work.
+            // https://github.com/facebook/react/issues/9809
+            let onTouchEnd = (e)=>{
+                // Don't preventDefault if we actually want the default (e.g. submit/link click).
+                if ($f6c31cce2adf654f$var$shouldPreventDefaultUp(e.currentTarget)) e.preventDefault();
+            };
             let onPointerCancel = (e)=>{
                 cancel(e);
             };
@@ -3104,7 +3109,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                 if (e.button !== 0 || !e.currentTarget.contains(e.target)) return;
                 // Due to browser inconsistencies, especially on mobile browsers, we prevent
                 // default on mouse down and handle focusing the pressable element ourselves.
-                if ($f6c31cce2adf654f$var$shouldPreventDefault(e.currentTarget)) e.preventDefault();
+                if ($f6c31cce2adf654f$var$shouldPreventDefaultDown(e.currentTarget)) e.preventDefault();
                 if (state.ignoreEmulatedMouseEvents) {
                     e.stopPropagation();
                     return;
@@ -3245,7 +3250,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
         triggerPressUp
     ]);
     // Remove user-select: none in case component unmounts immediately after pressStart
-    // eslint-disable-next-line arrow-body-style
     ($dbSRa$react.useEffect)(()=>{
         return ()=>{
             var _ref_current_target;
@@ -3341,16 +3345,20 @@ function $f6c31cce2adf654f$var$isOverTarget(point, target) {
     let pointRect = $f6c31cce2adf654f$var$getPointClientRect(point);
     return $f6c31cce2adf654f$var$areRectanglesOverlapping(rect, pointRect);
 }
-function $f6c31cce2adf654f$var$shouldPreventDefault(target) {
+function $f6c31cce2adf654f$var$shouldPreventDefaultDown(target) {
     // We cannot prevent default if the target is a draggable element.
     return !(target instanceof HTMLElement) || !target.hasAttribute('draggable');
 }
-function $f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(target, key) {
-    if (target instanceof HTMLInputElement) return !$f6c31cce2adf654f$var$isValidInputKey(target, key);
+function $f6c31cce2adf654f$var$shouldPreventDefaultUp(target) {
+    if (target instanceof HTMLInputElement) return false;
     if (target instanceof HTMLButtonElement) return target.type !== 'submit' && target.type !== 'reset';
     if ($f6c31cce2adf654f$var$isHTMLAnchorLink(target)) return false;
     return true;
 }
+function $f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(target, key) {
+    if (target instanceof HTMLInputElement) return !$f6c31cce2adf654f$var$isValidInputKey(target, key);
+    return $f6c31cce2adf654f$var$shouldPreventDefaultUp(target);
+}
 const $f6c31cce2adf654f$var$nonTextInputTypes = new Set([
     'checkbox',
     'radio',
@@ -3460,7 +3468,6 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
         observer: null
     });
     // Clean up MutationObserver on unmount. See below.
-    // eslint-disable-next-line arrow-body-style
     ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
         const state = stateRef.current;
         return ()=>{
@@ -4558,7 +4565,6 @@ function $9bf71ea28793e738$var$useFocusContainment(scopeRef, contain) {
         contain
     ]);
     // This is a useLayoutEffect so it is guaranteed to run before our async synthetic blur
-    // eslint-disable-next-line arrow-body-style
     ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
         return ()=>{
             if (raf.current) cancelAnimationFrame(raf.current);
@@ -4600,12 +4606,12 @@ function $9bf71ea28793e738$var$isAncestorScope(ancestor, scope) {
 function $9bf71ea28793e738$var$focusElement(element, scroll = false) {
     if (element != null && !scroll) try {
         (0, $6a99195332edec8b$export$80f3e147d781571c)(element);
-    } catch (err) {
+    } catch  {
     // ignore
     }
     else if (element != null) try {
         element.focus();
-    } catch (err) {
+    } catch  {
     // ignore
     }
 }
@@ -4712,7 +4718,7 @@ function $9bf71ea28793e738$var$useRestoreFocus(scopeRef, restoreFocus, contain)
         let onKeyDown = (e)=>{
             if (e.key !== 'Tab' || e.altKey || e.ctrlKey || e.metaKey || !$9bf71ea28793e738$var$shouldContainFocus(scopeRef) || e.isComposing) return;
             let focusedElement = ownerDocument.activeElement;
-            if (!$9bf71ea28793e738$var$isElementInScope(focusedElement, scopeRef.current)) return;
+            if (!$9bf71ea28793e738$var$isElementInChildScope(focusedElement, scopeRef) || !$9bf71ea28793e738$var$shouldRestoreFocus(scopeRef)) return;
             let treeNode = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scopeRef);
             if (!treeNode) return;
             let nodeToRestore = treeNode.nodeToRestore;
@@ -4729,11 +4735,11 @@ function $9bf71ea28793e738$var$useRestoreFocus(scopeRef, restoreFocus, contain)
             }
             // If there is no next element, or it is outside the current scope, move focus to the
             // next element after the node to restore to instead.
-            if ((!nextElement || !$9bf71ea28793e738$var$isElementInScope(nextElement, scopeRef.current)) && nodeToRestore) {
+            if ((!nextElement || !$9bf71ea28793e738$var$isElementInChildScope(nextElement, scopeRef)) && nodeToRestore) {
                 walker.currentNode = nodeToRestore;
                 // Skip over elements within the scope, in case the scope immediately follows the node to restore.
                 do nextElement = e.shiftKey ? walker.previousNode() : walker.nextNode();
-                while ($9bf71ea28793e738$var$isElementInScope(nextElement, scopeRef.current));
+                while ($9bf71ea28793e738$var$isElementInChildScope(nextElement, scopeRef));
                 e.preventDefault();
                 e.stopPropagation();
                 if (nextElement) $9bf71ea28793e738$var$focusElement(nextElement, true);
@@ -4766,8 +4772,7 @@ function $9bf71ea28793e738$var$useRestoreFocus(scopeRef, restoreFocus, contain)
             if (!treeNode) return;
             let nodeToRestore = treeNode.nodeToRestore;
             // if we already lost focus to the body and this was the active scope, then we should attempt to restore
-            if (restoreFocus && nodeToRestore && // eslint-disable-next-line react-hooks/exhaustive-deps
-            ($9bf71ea28793e738$var$isElementInScope(ownerDocument.activeElement, scopeRef.current) || ownerDocument.activeElement === ownerDocument.body && $9bf71ea28793e738$var$shouldRestoreFocus(scopeRef))) {
+            if (restoreFocus && nodeToRestore && (ownerDocument.activeElement && $9bf71ea28793e738$var$isElementInChildScope(ownerDocument.activeElement, scopeRef) || ownerDocument.activeElement === ownerDocument.body && $9bf71ea28793e738$var$shouldRestoreFocus(scopeRef))) {
                 // freeze the focusScopeTree so it persists after the raf, otherwise during unmount nodes are removed from it
                 let clonedTree = $9bf71ea28793e738$export$d06fae2ee68b101e.clone();
                 requestAnimationFrame(()=>{
@@ -5089,7 +5094,6 @@ const $148a7a147e38ea7f$var$RTL_LANGS = new Set([
 ]);
 function $148a7a147e38ea7f$export$702d680b21cbd764(localeString) {
     // If the Intl.Locale API is available, use it to get the locale's text direction.
-    // @ts-ignore
     if (Intl.Locale) {
         let locale = new Intl.Locale(localeString).maximize();
         // Use the text info object to get the direction if possible.
@@ -5124,11 +5128,10 @@ const $1e5a04cdaf7d1af8$var$localeSymbol = Symbol.for('react-aria.i18n.locale');
 function $1e5a04cdaf7d1af8$export$f09106e7c6677ec5() {
     let locale = typeof window !== 'undefined' && window[$1e5a04cdaf7d1af8$var$localeSymbol] || typeof navigator !== 'undefined' && (navigator.language || navigator.userLanguage) || 'en-US';
     try {
-        // @ts-ignore
         Intl.DateTimeFormat.supportedLocalesOf([
             locale
         ]);
-    } catch (_err) {
+    } catch  {
         locale = 'en-US';
     }
     return {
@@ -5374,8 +5377,7 @@ function $325a3faab7a68acd$export$a16aca283550c30d(options) {
 
 
 function $701a24aa0da5b062$export$ea18c227d4417cc3(props, ref) {
-    let { elementType: elementType = 'button', isDisabled: isDisabled, onPress: onPress, onPressStart: onPressStart, onPressEnd: onPressEnd, onPressUp: onPressUp, onPressChange: onPressChange, preventFocusOnPress: // @ts-ignore - undocumented
-    preventFocusOnPress, allowFocusWhenDisabled: // @ts-ignore - undocumented
+    let { elementType: elementType = 'button', isDisabled: isDisabled, onPress: onPress, onPressStart: onPressStart, onPressEnd: onPressEnd, onPressUp: onPressUp, onPressChange: onPressChange, preventFocusOnPress: preventFocusOnPress, allowFocusWhenDisabled: // @ts-ignore - undocumented
     allowFocusWhenDisabled, // @ts-ignore
     onClick: deprecatedOnClick, href: href, target: target, rel: rel, type: type = 'button' } = props;
     let additionalProps;
@@ -5386,7 +5388,7 @@ function $701a24aa0da5b062$export$ea18c227d4417cc3(props, ref) {
     else additionalProps = {
         role: 'button',
         tabIndex: isDisabled ? undefined : 0,
-        href: elementType === 'a' && isDisabled ? undefined : href,
+        href: elementType === 'a' && !isDisabled ? href : undefined,
         target: elementType === 'a' ? target : undefined,
         type: elementType === 'input' ? type : undefined,
         disabled: elementType === 'input' ? isDisabled : undefined,
@@ -5438,8 +5440,20 @@ function $701a24aa0da5b062$export$ea18c227d4417cc3(props, ref) {
  */ /* Inspired by https://github.com/AlmeroSteyn/react-aria-live */ const $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY = 7000;
 let $319e236875307eab$var$liveAnnouncer = null;
 function $319e236875307eab$export$a9b970dcc4ae71a9(message, assertiveness = 'assertive', timeout = $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY) {
-    if (!$319e236875307eab$var$liveAnnouncer) $319e236875307eab$var$liveAnnouncer = new $319e236875307eab$var$LiveAnnouncer();
-    $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
+    if (!$319e236875307eab$var$liveAnnouncer) {
+        $319e236875307eab$var$liveAnnouncer = new $319e236875307eab$var$LiveAnnouncer();
+        // wait for the live announcer regions to be added to the dom, then announce
+        // otherwise Safari won't announce the message if it's added too quickly
+        // found most times less than 100ms were not consistent when announcing with Safari
+        // IS_REACT_ACT_ENVIRONMENT is used by React 18. Previous versions checked for the `jest` global.
+        // https://github.com/reactwg/react-18/discussions/102
+        // if we're in a test environment, announce without waiting
+        // @ts-ignore
+        if (!(typeof IS_REACT_ACT_ENVIRONMENT === 'boolean' ? IS_REACT_ACT_ENVIRONMENT : typeof jest !== 'undefined')) setTimeout(()=>{
+            if ($319e236875307eab$var$liveAnnouncer === null || $319e236875307eab$var$liveAnnouncer === void 0 ? void 0 : $319e236875307eab$var$liveAnnouncer.isAttached()) $319e236875307eab$var$liveAnnouncer === null || $319e236875307eab$var$liveAnnouncer === void 0 ? void 0 : $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
+        }, 100);
+        else $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
+    } else $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
 }
 // LiveAnnouncer is implemented using vanilla DOM, not React. That's because as of React 18
 // ReactDOM.render is deprecated, and the replacement, ReactDOM.createRoot is moved into a
@@ -5448,6 +5462,10 @@ function $319e236875307eab$export$a9b970dcc4ae71a9(message, assertiveness = 'ass
 // is simple enough to implement without React, so that's what we do here.
 // See this discussion for more details: https://github.com/reactwg/react-18/discussions/125#discussioncomment-2382638
 class $319e236875307eab$var$LiveAnnouncer {
+    isAttached() {
+        var _this_node;
+        return (_this_node = this.node) === null || _this_node === void 0 ? void 0 : _this_node.isConnected;
+    }
     createLog(ariaLive) {
         let node = document.createElement('div');
         node.setAttribute('role', 'log');
@@ -5461,146 +5479,52 @@ class $319e236875307eab$var$LiveAnnouncer {
         this.node = null;
     }
     announce(message, assertiveness = 'assertive', timeout = $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY) {
+        var _this_assertiveLog, _this_politeLog;
         if (!this.node) return;
         let node = document.createElement('div');
-        node.textContent = message;
-        if (assertiveness === 'assertive') this.assertiveLog.appendChild(node);
-        else this.politeLog.appendChild(node);
+        if (typeof message === 'object') {
+            // To read an aria-labelledby, the element must have an appropriate role, such as img.
+            node.setAttribute('role', 'img');
+            node.setAttribute('aria-labelledby', message['aria-labelledby']);
+        } else node.textContent = message;
+        if (assertiveness === 'assertive') (_this_assertiveLog = this.assertiveLog) === null || _this_assertiveLog === void 0 ? void 0 : _this_assertiveLog.appendChild(node);
+        else (_this_politeLog = this.politeLog) === null || _this_politeLog === void 0 ? void 0 : _this_politeLog.appendChild(node);
         if (message !== '') setTimeout(()=>{
             node.remove();
         }, timeout);
     }
     clear(assertiveness) {
         if (!this.node) return;
-        if (!assertiveness || assertiveness === 'assertive') this.assertiveLog.innerHTML = '';
-        if (!assertiveness || assertiveness === 'polite') this.politeLog.innerHTML = '';
+        if ((!assertiveness || assertiveness === 'assertive') && this.assertiveLog) this.assertiveLog.innerHTML = '';
+        if ((!assertiveness || assertiveness === 'polite') && this.politeLog) this.politeLog.innerHTML = '';
     }
     constructor(){
-        this.node = document.createElement('div');
-        this.node.dataset.liveAnnouncer = 'true';
-        // copied from VisuallyHidden
-        Object.assign(this.node.style, {
-            border: 0,
-            clip: 'rect(0 0 0 0)',
-            clipPath: 'inset(50%)',
-            height: '1px',
-            margin: '-1px',
-            overflow: 'hidden',
-            padding: 0,
-            position: 'absolute',
-            width: '1px',
-            whiteSpace: 'nowrap'
-        });
-        this.assertiveLog = this.createLog('assertive');
-        this.node.appendChild(this.assertiveLog);
-        this.politeLog = this.createLog('polite');
-        this.node.appendChild(this.politeLog);
-        document.body.prepend(this.node);
-    }
-}
-
-/*
- * Copyright 2023 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-function $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
-    let { validationBehavior: validationBehavior, focus: focus } = props;
-    // This is a useLayoutEffect so that it runs before the useEffect in useFormValidationState, which commits the validation change.
-    ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
-        if (validationBehavior === 'native' && (ref === null || ref === void 0 ? void 0 : ref.current)) {
-            let errorMessage = state.realtimeValidation.isInvalid ? state.realtimeValidation.validationErrors.join(' ') || 'Invalid value.' : '';
-            ref.current.setCustomValidity(errorMessage);
-            // Prevent default tooltip for validation message.
-            // https://bugzilla.mozilla.org/show_bug.cgi?id=605277
-            if (!ref.current.hasAttribute('title')) ref.current.title = '';
-            if (!state.realtimeValidation.isInvalid) state.updateValidation($e93e671b31057976$var$getNativeValidity(ref.current));
-        }
-    });
-    let onReset = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(()=>{
-        state.resetValidation();
-    });
-    let onInvalid = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)((e)=>{
-        var _ref_current;
-        // Only commit validation if we are not already displaying one.
-        // This avoids clearing server errors that the user didn't actually fix.
-        if (!state.displayValidation.isInvalid) state.commitValidation();
-        // Auto focus the first invalid input in a form, unless the error already had its default prevented.
-        let form = ref === null || ref === void 0 ? void 0 : (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.form;
-        if (!e.defaultPrevented && ref && form && $e93e671b31057976$var$getFirstInvalidInput(form) === ref.current) {
-            var _ref_current1;
-            if (focus) focus();
-            else (_ref_current1 = ref.current) === null || _ref_current1 === void 0 ? void 0 : _ref_current1.focus();
-            // Always show focus ring.
-            ($507fabe10e71c6fb$export$8397ddfc504fdb9a)('keyboard');
+        this.node = null;
+        this.assertiveLog = null;
+        this.politeLog = null;
+        if (typeof document !== 'undefined') {
+            this.node = document.createElement('div');
+            this.node.dataset.liveAnnouncer = 'true';
+            // copied from VisuallyHidden
+            Object.assign(this.node.style, {
+                border: 0,
+                clip: 'rect(0 0 0 0)',
+                clipPath: 'inset(50%)',
+                height: '1px',
+                margin: '-1px',
+                overflow: 'hidden',
+                padding: 0,
+                position: 'absolute',
+                width: '1px',
+                whiteSpace: 'nowrap'
+            });
+            this.assertiveLog = this.createLog('assertive');
+            this.node.appendChild(this.assertiveLog);
+            this.politeLog = this.createLog('polite');
+            this.node.appendChild(this.politeLog);
+            document.body.prepend(this.node);
         }
-        // Prevent default browser error UI from appearing.
-        e.preventDefault();
-    });
-    let onChange = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(()=>{
-        state.commitValidation();
-    });
-    ($dbSRa$react.useEffect)(()=>{
-        let input = ref === null || ref === void 0 ? void 0 : ref.current;
-        if (!input) return;
-        let form = input.form;
-        input.addEventListener('invalid', onInvalid);
-        input.addEventListener('change', onChange);
-        form === null || form === void 0 ? void 0 : form.addEventListener('reset', onReset);
-        return ()=>{
-            input.removeEventListener('invalid', onInvalid);
-            input.removeEventListener('change', onChange);
-            form === null || form === void 0 ? void 0 : form.removeEventListener('reset', onReset);
-        };
-    }, [
-        ref,
-        onInvalid,
-        onChange,
-        onReset,
-        validationBehavior
-    ]);
-}
-function $e93e671b31057976$var$getValidity(input) {
-    // The native ValidityState object is live, meaning each property is a getter that returns the current state.
-    // We need to create a snapshot of the validity state at the time this function is called to avoid unpredictable React renders.
-    let validity = input.validity;
-    return {
-        badInput: validity.badInput,
-        customError: validity.customError,
-        patternMismatch: validity.patternMismatch,
-        rangeOverflow: validity.rangeOverflow,
-        rangeUnderflow: validity.rangeUnderflow,
-        stepMismatch: validity.stepMismatch,
-        tooLong: validity.tooLong,
-        tooShort: validity.tooShort,
-        typeMismatch: validity.typeMismatch,
-        valueMissing: validity.valueMissing,
-        valid: validity.valid
-    };
-}
-function $e93e671b31057976$var$getNativeValidity(input) {
-    return {
-        isInvalid: !input.validity.valid,
-        validationDetails: $e93e671b31057976$var$getValidity(input),
-        validationErrors: input.validationMessage ? [
-            input.validationMessage
-        ] : []
-    };
-}
-function $e93e671b31057976$var$getFirstInvalidInput(form) {
-    for(let i = 0; i < form.elements.length; i++){
-        let element = form.elements[i];
-        if (!element.validity.valid) return element;
     }
-    return null;
 }
 
 /*
@@ -5665,11 +5589,15 @@ function $e5be200c675c3b3a$var$useFormValidationStateImpl(props) {
         validationDetails: $e5be200c675c3b3a$var$CUSTOM_VALIDITY_STATE
     } : null;
     // Perform custom client side validation.
-    let clientError = ($dbSRa$react.useMemo)(()=>$e5be200c675c3b3a$var$getValidationResult($e5be200c675c3b3a$var$runValidate(validate, value)), [
+    let clientError = ($dbSRa$react.useMemo)(()=>{
+        if (!validate || value == null) return null;
+        let validateErrors = $e5be200c675c3b3a$var$runValidate(validate, value);
+        return $e5be200c675c3b3a$var$getValidationResult(validateErrors);
+    }, [
         validate,
         value
     ]);
-    if (builtinValidation === null || builtinValidation === void 0 ? void 0 : builtinValidation.validationDetails.valid) builtinValidation = null;
+    if (builtinValidation === null || builtinValidation === void 0 ? void 0 : builtinValidation.validationDetails.valid) builtinValidation = undefined;
     // Get relevant server errors from the form.
     let serverErrors = ($dbSRa$react.useContext)($e5be200c675c3b3a$export$571b5131b7e65c11);
     let serverErrorMessages = ($dbSRa$react.useMemo)(()=>{
@@ -5761,7 +5689,7 @@ function $e5be200c675c3b3a$var$getValidationResult(errors) {
 }
 function $e5be200c675c3b3a$var$isEqualValidation(a, b) {
     if (a === b) return true;
-    return a && b && a.isInvalid === b.isInvalid && a.validationErrors.length === b.validationErrors.length && a.validationErrors.every((a, i)=>a === b.validationErrors[i]) && Object.entries(a.validationDetails).every(([k, v])=>b.validationDetails[k] === v);
+    return !!a && !!b && a.isInvalid === b.isInvalid && a.validationErrors.length === b.validationErrors.length && a.validationErrors.every((a, i)=>a === b.validationErrors[i]) && Object.entries(a.validationDetails).every(([k, v])=>b.validationDetails[k] === v);
 }
 function $e5be200c675c3b3a$export$75ee7c75d68f5b0e(...results) {
     let errors = new Set();
@@ -5786,6 +5714,110 @@ function $e5be200c675c3b3a$export$75ee7c75d68f5b0e(...results) {
     };
 }
 
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+function $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
+    let { validationBehavior: validationBehavior, focus: focus } = props;
+    // This is a useLayoutEffect so that it runs before the useEffect in useFormValidationState, which commits the validation change.
+    ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
+        if (validationBehavior === 'native' && (ref === null || ref === void 0 ? void 0 : ref.current)) {
+            let errorMessage = state.realtimeValidation.isInvalid ? state.realtimeValidation.validationErrors.join(' ') || 'Invalid value.' : '';
+            ref.current.setCustomValidity(errorMessage);
+            // Prevent default tooltip for validation message.
+            // https://bugzilla.mozilla.org/show_bug.cgi?id=605277
+            if (!ref.current.hasAttribute('title')) ref.current.title = '';
+            if (!state.realtimeValidation.isInvalid) state.updateValidation($e93e671b31057976$var$getNativeValidity(ref.current));
+        }
+    });
+    let onReset = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(()=>{
+        state.resetValidation();
+    });
+    let onInvalid = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)((e)=>{
+        var _ref_current;
+        // Only commit validation if we are not already displaying one.
+        // This avoids clearing server errors that the user didn't actually fix.
+        if (!state.displayValidation.isInvalid) state.commitValidation();
+        // Auto focus the first invalid input in a form, unless the error already had its default prevented.
+        let form = ref === null || ref === void 0 ? void 0 : (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.form;
+        if (!e.defaultPrevented && ref && form && $e93e671b31057976$var$getFirstInvalidInput(form) === ref.current) {
+            var _ref_current1;
+            if (focus) focus();
+            else (_ref_current1 = ref.current) === null || _ref_current1 === void 0 ? void 0 : _ref_current1.focus();
+            // Always show focus ring.
+            ($507fabe10e71c6fb$export$8397ddfc504fdb9a)('keyboard');
+        }
+        // Prevent default browser error UI from appearing.
+        e.preventDefault();
+    });
+    let onChange = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(()=>{
+        state.commitValidation();
+    });
+    ($dbSRa$react.useEffect)(()=>{
+        let input = ref === null || ref === void 0 ? void 0 : ref.current;
+        if (!input) return;
+        let form = input.form;
+        input.addEventListener('invalid', onInvalid);
+        input.addEventListener('change', onChange);
+        form === null || form === void 0 ? void 0 : form.addEventListener('reset', onReset);
+        return ()=>{
+            input.removeEventListener('invalid', onInvalid);
+            input.removeEventListener('change', onChange);
+            form === null || form === void 0 ? void 0 : form.removeEventListener('reset', onReset);
+        };
+    }, [
+        ref,
+        onInvalid,
+        onChange,
+        onReset,
+        validationBehavior
+    ]);
+}
+function $e93e671b31057976$var$getValidity(input) {
+    // The native ValidityState object is live, meaning each property is a getter that returns the current state.
+    // We need to create a snapshot of the validity state at the time this function is called to avoid unpredictable React renders.
+    let validity = input.validity;
+    return {
+        badInput: validity.badInput,
+        customError: validity.customError,
+        patternMismatch: validity.patternMismatch,
+        rangeOverflow: validity.rangeOverflow,
+        rangeUnderflow: validity.rangeUnderflow,
+        stepMismatch: validity.stepMismatch,
+        tooLong: validity.tooLong,
+        tooShort: validity.tooShort,
+        typeMismatch: validity.typeMismatch,
+        valueMissing: validity.valueMissing,
+        valid: validity.valid
+    };
+}
+function $e93e671b31057976$var$getNativeValidity(input) {
+    return {
+        isInvalid: !input.validity.valid,
+        validationDetails: $e93e671b31057976$var$getValidity(input),
+        validationErrors: input.validationMessage ? [
+            input.validationMessage
+        ] : []
+    };
+}
+function $e93e671b31057976$var$getFirstInvalidInput(form) {
+    for(let i = 0; i < form.elements.length; i++){
+        let element = form.elements[i];
+        if (!element.validity.valid) return element;
+    }
+    return null;
+}
+
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -5867,6 +5899,8 @@ function $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref) {
 
 
 
+
+
 function $406796ff087fe49b$export$e375f10ce42261c5(props, state, inputRef) {
     // Create validation state here because it doesn't make sense to add to general useToggleState.
     let validationState = ($e5be200c675c3b3a$export$fc1a364ae1f3ff10)({
@@ -5885,8 +5919,18 @@ function $406796ff087fe49b$export$e375f10ce42261c5(props, state, inputRef) {
         // https://css-tricks.com/indeterminate-checkboxes/
         if (inputRef.current) inputRef.current.indeterminate = !!isIndeterminate;
     });
+    // Reset validation state on label press for checkbox with a hidden input.
+    let { pressProps: pressProps } = ($f6c31cce2adf654f$export$45712eceda6fad21)({
+        isDisabled: isDisabled || isReadOnly,
+        onPress () {
+            // @ts-expect-error
+            let { [($e5be200c675c3b3a$export$a763b9476acd3eb)]: groupValidationState } = props;
+            let { commitValidation: commitValidation } = groupValidationState ? groupValidationState : validationState;
+            commitValidation();
+        }
+    });
     return {
-        labelProps: labelProps,
+        labelProps: ($3ef42575df84b30b$export$9d1611c77c2fe928)(labelProps, pressProps),
         inputProps: {
             ...inputProps,
             checked: isSelected,
@@ -6168,23 +6212,185 @@ function $fba3e38d5ca8983f$export$353b32fc6898d37d(props, state, inputRef) {
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
-const $edcf132a9284368a$var$AXIS = {
-    top: 'top',
-    bottom: 'top',
-    left: 'left',
-    right: 'left'
-};
-const $edcf132a9284368a$var$FLIPPED_DIRECTION = {
-    top: 'bottom',
-    bottom: 'top',
-    left: 'right',
-    right: 'left'
-};
-const $edcf132a9284368a$var$CROSS_AXIS = {
-    top: 'left',
-    left: 'top'
-};
-const $edcf132a9284368a$var$AXIS_SIZE = {
+
+
+const $5c3e21d68f1c4674$var$styles = {
+    border: 0,
+    clip: 'rect(0 0 0 0)',
+    clipPath: 'inset(50%)',
+    height: '1px',
+    margin: '-1px',
+    overflow: 'hidden',
+    padding: 0,
+    position: 'absolute',
+    width: '1px',
+    whiteSpace: 'nowrap'
+};
+function $5c3e21d68f1c4674$export$a966af930f325cab(props = {}) {
+    let { style: style, isFocusable: isFocusable } = props;
+    let [isFocused, setFocused] = ($dbSRa$react.useState)(false);
+    let { focusWithinProps: focusWithinProps } = ($9ab94262bd0047c7$export$420e68273165f4ec)({
+        isDisabled: !isFocusable,
+        onFocusWithinChange: (val)=>setFocused(val)
+    });
+    // If focused, don't hide the element.
+    let combinedStyles = ($dbSRa$react.useMemo)(()=>{
+        if (isFocused) return style;
+        else if (style) return {
+            ...$5c3e21d68f1c4674$var$styles,
+            ...style
+        };
+        else return $5c3e21d68f1c4674$var$styles;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        isFocused
+    ]);
+    return {
+        visuallyHiddenProps: {
+            ...focusWithinProps,
+            style: combinedStyles
+        }
+    };
+}
+function $5c3e21d68f1c4674$export$439d29a4e110a164(props) {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    let { children: children, elementType: Element = 'div', isFocusable: isFocusable, style: style, ...otherProps } = props;
+    let { visuallyHiddenProps: visuallyHiddenProps } = $5c3e21d68f1c4674$export$a966af930f325cab(props);
+    return /*#__PURE__*/ ($dbSRa$react).createElement(Element, ($3ef42575df84b30b$export$9d1611c77c2fe928)(otherProps, visuallyHiddenProps), children);
+}
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
+    let { inputElementType: inputElementType = 'input', isDisabled: isDisabled = false, isRequired: isRequired = false, isReadOnly: isReadOnly = false, type: type = 'text', validationBehavior: validationBehavior = 'aria' } = props;
+    let [value, setValue] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(props.value, props.defaultValue || '', props.onChange);
+    let { focusableProps: focusableProps } = ($e6afbd83fe6ebbd2$export$4c014de7c8940b4c)(props, ref);
+    let validationState = ($e5be200c675c3b3a$export$fc1a364ae1f3ff10)({
+        ...props,
+        value: value
+    });
+    let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = validationState.displayValidation;
+    let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = ($2baaea4c71418dea$export$294aa081a6c6f55d)({
+        ...props,
+        isInvalid: isInvalid,
+        errorMessage: props.errorMessage || validationErrors
+    });
+    let domProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
+        labelable: true
+    });
+    const inputOnlyProps = {
+        type: type,
+        pattern: props.pattern
+    };
+    ($99facab73266f662$export$5add1d006293d136)(ref, value, setValue);
+    ($e93e671b31057976$export$b8473d3665f3a75a)(props, validationState, ref);
+    ($dbSRa$react.useEffect)(()=>{
+        // This works around a React/Chrome bug that prevents textarea elements from validating when controlled.
+        // We prevent React from updating defaultValue (i.e. children) of textarea when `value` changes,
+        // which causes Chrome to skip validation. Only updating `value` is ok in our case since our
+        // textareas are always controlled. React is planning on removing this synchronization in a
+        // future major version.
+        // https://github.com/facebook/react/issues/19474
+        // https://github.com/facebook/react/issues/11896
+        if (ref.current instanceof ($431fbd86ca7dc216$export$f21a1ffae260145a)(ref.current).HTMLTextAreaElement) {
+            let input = ref.current;
+            Object.defineProperty(input, 'defaultValue', {
+                get: ()=>input.value,
+                set: ()=>{},
+                configurable: true
+            });
+        }
+    }, [
+        ref
+    ]);
+    return {
+        labelProps: labelProps,
+        inputProps: ($3ef42575df84b30b$export$9d1611c77c2fe928)(domProps, inputElementType === 'input' ? inputOnlyProps : undefined, {
+            disabled: isDisabled,
+            readOnly: isReadOnly,
+            required: isRequired && validationBehavior === 'native',
+            'aria-required': isRequired && validationBehavior === 'aria' || undefined,
+            'aria-invalid': isInvalid || undefined,
+            'aria-errormessage': props['aria-errormessage'],
+            'aria-activedescendant': props['aria-activedescendant'],
+            'aria-autocomplete': props['aria-autocomplete'],
+            'aria-haspopup': props['aria-haspopup'],
+            value: value,
+            onChange: (e)=>setValue(e.target.value),
+            autoComplete: props.autoComplete,
+            autoCapitalize: props.autoCapitalize,
+            maxLength: props.maxLength,
+            minLength: props.minLength,
+            name: props.name,
+            placeholder: props.placeholder,
+            inputMode: props.inputMode,
+            // Clipboard events
+            onCopy: props.onCopy,
+            onCut: props.onCut,
+            onPaste: props.onPaste,
+            // Composition events
+            onCompositionEnd: props.onCompositionEnd,
+            onCompositionStart: props.onCompositionStart,
+            onCompositionUpdate: props.onCompositionUpdate,
+            // Selection events
+            onSelect: props.onSelect,
+            // Input events
+            onBeforeInput: props.onBeforeInput,
+            onInput: props.onInput,
+            ...focusableProps,
+            ...fieldProps
+        }),
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps,
+        isInvalid: isInvalid,
+        validationErrors: validationErrors,
+        validationDetails: validationDetails
+    };
+}
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+const $edcf132a9284368a$var$AXIS = {
+    top: 'top',
+    bottom: 'top',
+    left: 'left',
+    right: 'left'
+};
+const $edcf132a9284368a$var$FLIPPED_DIRECTION = {
+    top: 'bottom',
+    bottom: 'top',
+    left: 'right',
+    right: 'left'
+};
+const $edcf132a9284368a$var$CROSS_AXIS = {
+    top: 'left',
+    left: 'top'
+};
+const $edcf132a9284368a$var$AXIS_SIZE = {
     top: 'height',
     left: 'width'
 };
@@ -6193,12 +6399,12 @@ const $edcf132a9284368a$var$TOTAL_SIZE = {
     height: 'totalHeight'
 };
 const $edcf132a9284368a$var$PARSED_PLACEMENT_CACHE = {};
-// @ts-ignore
-let $edcf132a9284368a$var$visualViewport = typeof document !== 'undefined' && window.visualViewport;
+let $edcf132a9284368a$var$visualViewport = typeof document !== 'undefined' ? window.visualViewport : null;
 function $edcf132a9284368a$var$getContainerDimensions(containerNode) {
     let width = 0, height = 0, totalWidth = 0, totalHeight = 0, top = 0, left = 0;
     let scroll = {};
-    let isPinchZoomedIn = ($edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === void 0 ? void 0 : $edcf132a9284368a$var$visualViewport.scale) > 1;
+    var _visualViewport_scale;
+    let isPinchZoomedIn = ((_visualViewport_scale = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === void 0 ? void 0 : $edcf132a9284368a$var$visualViewport.scale) !== null && _visualViewport_scale !== void 0 ? _visualViewport_scale : 1) > 1;
     if (containerNode.tagName === 'BODY') {
         let documentElement = document.documentElement;
         totalWidth = documentElement.clientWidth;
@@ -6230,8 +6436,10 @@ function $edcf132a9284368a$var$getContainerDimensions(containerNode) {
         // before pinch zoom happens
         scroll.top = 0;
         scroll.left = 0;
-        top = $edcf132a9284368a$var$visualViewport.pageTop;
-        left = $edcf132a9284368a$var$visualViewport.pageLeft;
+        var _visualViewport_pageTop;
+        top = (_visualViewport_pageTop = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === void 0 ? void 0 : $edcf132a9284368a$var$visualViewport.pageTop) !== null && _visualViewport_pageTop !== void 0 ? _visualViewport_pageTop : 0;
+        var _visualViewport_pageLeft;
+        left = (_visualViewport_pageLeft = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === void 0 ? void 0 : $edcf132a9284368a$var$visualViewport.pageLeft) !== null && _visualViewport_pageLeft !== void 0 ? _visualViewport_pageLeft : 0;
     }
     return {
         width: width,
@@ -6260,7 +6468,8 @@ boundaryDimensions, // The dimensions of the containing block element that the p
 // is portaled somewhere other than the body and has an ancestor with
 // position: relative/absolute, it will be different.
 containerDimensions, padding, containerOffsetWithBoundary) {
-    let containerScroll = containerDimensions.scroll[axis];
+    var _containerDimensions_scroll_axis;
+    let containerScroll = (_containerDimensions_scroll_axis = containerDimensions.scroll[axis]) !== null && _containerDimensions_scroll_axis !== void 0 ? _containerDimensions_scroll_axis : 0;
     // The height/width of the boundary. Matches the axis along which we are adjusting the overlay position
     let boundarySize = boundaryDimensions[$edcf132a9284368a$var$AXIS_SIZE[axis]];
     // Calculate the edges of the boundary (accomodating for the boundary padding) and the edges of the overlay.
@@ -6305,14 +6514,16 @@ function $edcf132a9284368a$var$parsePlacement(input) {
 function $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset) {
     let { placement: placement, crossPlacement: crossPlacement, axis: axis, crossAxis: crossAxis, size: size, crossSize: crossSize } = placementInfo;
     let position = {};
+    var _childOffset_crossAxis;
     // button position
-    position[crossAxis] = childOffset[crossAxis];
+    position[crossAxis] = (_childOffset_crossAxis = childOffset[crossAxis]) !== null && _childOffset_crossAxis !== void 0 ? _childOffset_crossAxis : 0;
+    var _childOffset_crossSize, _overlaySize_crossSize, _childOffset_crossSize1, _overlaySize_crossSize1;
     if (crossPlacement === 'center') //  + (button size / 2) - (overlay size / 2)
     // at this point the overlay center should match the button center
-    position[crossAxis] += (childOffset[crossSize] - overlaySize[crossSize]) / 2;
+    position[crossAxis] += (((_childOffset_crossSize = childOffset[crossSize]) !== null && _childOffset_crossSize !== void 0 ? _childOffset_crossSize : 0) - ((_overlaySize_crossSize = overlaySize[crossSize]) !== null && _overlaySize_crossSize !== void 0 ? _overlaySize_crossSize : 0)) / 2;
     else if (crossPlacement !== crossAxis) //  + (button size) - (overlay size)
     // at this point the overlay bottom should match the button bottom
-    position[crossAxis] += childOffset[crossSize] - overlaySize[crossSize];
+    position[crossAxis] += ((_childOffset_crossSize1 = childOffset[crossSize]) !== null && _childOffset_crossSize1 !== void 0 ? _childOffset_crossSize1 : 0) - ((_overlaySize_crossSize1 = overlaySize[crossSize]) !== null && _overlaySize_crossSize1 !== void 0 ? _overlaySize_crossSize1 : 0);
      /* else {
     the overlay top should match the button top
   } */ 
@@ -6335,23 +6546,26 @@ function $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions,
 }
 function $edcf132a9284368a$var$getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, isContainerPositioned, margins, padding, overlayHeight, heightGrowthDirection) {
     const containerHeight = isContainerPositioned ? containerOffsetWithBoundary.height : boundaryDimensions[$edcf132a9284368a$var$TOTAL_SIZE.height];
+    var _position_bottom;
     // For cases where position is set via "bottom" instead of "top", we need to calculate the true overlay top with respect to the boundary. Reverse calculate this with the same method
     // used in computePosition.
-    let overlayTop = position.top != null ? containerOffsetWithBoundary.top + position.top : containerOffsetWithBoundary.top + (containerHeight - position.bottom - overlayHeight);
+    let overlayTop = position.top != null ? containerOffsetWithBoundary.top + position.top : containerOffsetWithBoundary.top + (containerHeight - ((_position_bottom = position.bottom) !== null && _position_bottom !== void 0 ? _position_bottom : 0) - overlayHeight);
+    var _boundaryDimensions_scroll_top, _margins_top, _margins_bottom, _boundaryDimensions_scroll_top1, _margins_top1, _margins_bottom1;
     let maxHeight = heightGrowthDirection !== 'top' ? // We want the distance between the top of the overlay to the bottom of the boundary
-    Math.max(0, boundaryDimensions.height + boundaryDimensions.top + boundaryDimensions.scroll.top // this is the bottom of the boundary
-     - overlayTop // this is the top of the overlay
-     - (margins.top + margins.bottom + padding // save additional space for margin and padding
+    Math.max(0, boundaryDimensions.height + boundaryDimensions.top + ((_boundaryDimensions_scroll_top = boundaryDimensions.scroll.top) !== null && _boundaryDimensions_scroll_top !== void 0 ? _boundaryDimensions_scroll_top : 0) - overlayTop // this is the top of the overlay
+     - (((_margins_top = margins.top) !== null && _margins_top !== void 0 ? _margins_top : 0) + ((_margins_bottom = margins.bottom) !== null && _margins_bottom !== void 0 ? _margins_bottom : 0) + padding // save additional space for margin and padding
     )) : Math.max(0, overlayTop + overlayHeight // this is the bottom of the overlay
-     - (boundaryDimensions.top + boundaryDimensions.scroll.top // this is the top of the boundary
-    ) - (margins.top + margins.bottom + padding // save additional space for margin and padding
+     - (boundaryDimensions.top + ((_boundaryDimensions_scroll_top1 = boundaryDimensions.scroll.top) !== null && _boundaryDimensions_scroll_top1 !== void 0 ? _boundaryDimensions_scroll_top1 : 0) // this is the top of the boundary
+    ) - (((_margins_top1 = margins.top) !== null && _margins_top1 !== void 0 ? _margins_top1 : 0) + ((_margins_bottom1 = margins.bottom) !== null && _margins_bottom1 !== void 0 ? _margins_bottom1 : 0) + padding // save additional space for margin and padding
     ));
     return Math.min(boundaryDimensions.height - padding * 2, maxHeight);
 }
 function $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding, placementInfo) {
     let { placement: placement, axis: axis, size: size } = placementInfo;
-    if (placement === axis) return Math.max(0, childOffset[axis] - boundaryDimensions[axis] - boundaryDimensions.scroll[axis] + containerOffsetWithBoundary[axis] - margins[axis] - margins[$edcf132a9284368a$var$FLIPPED_DIRECTION[axis]] - padding);
-    return Math.max(0, boundaryDimensions[size] + boundaryDimensions[axis] + boundaryDimensions.scroll[axis] - containerOffsetWithBoundary[axis] - childOffset[axis] - childOffset[size] - margins[axis] - margins[$edcf132a9284368a$var$FLIPPED_DIRECTION[axis]] - padding);
+    var _boundaryDimensions_scroll_axis, _margins_axis;
+    if (placement === axis) return Math.max(0, childOffset[axis] - boundaryDimensions[axis] - ((_boundaryDimensions_scroll_axis = boundaryDimensions.scroll[axis]) !== null && _boundaryDimensions_scroll_axis !== void 0 ? _boundaryDimensions_scroll_axis : 0) + containerOffsetWithBoundary[axis] - ((_margins_axis = margins[axis]) !== null && _margins_axis !== void 0 ? _margins_axis : 0) - margins[$edcf132a9284368a$var$FLIPPED_DIRECTION[axis]] - padding);
+    var _margins_axis1;
+    return Math.max(0, boundaryDimensions[size] + boundaryDimensions[axis] + boundaryDimensions.scroll[axis] - containerOffsetWithBoundary[axis] - childOffset[axis] - childOffset[size] - ((_margins_axis1 = margins[axis]) !== null && _margins_axis1 !== void 0 ? _margins_axis1 : 0) - margins[$edcf132a9284368a$var$FLIPPED_DIRECTION[axis]] - padding);
 }
 function $edcf132a9284368a$export$6839422d1f33cee9(placementInput, childOffset, overlaySize, scrollSize, margins, padding, flip, boundaryDimensions, containerDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, userSetMaxHeight, arrowSize, arrowBoundaryOffset) {
     let placementInfo = $edcf132a9284368a$var$parsePlacement(placementInput);
@@ -6397,8 +6611,9 @@ function $edcf132a9284368a$export$6839422d1f33cee9(placementInput, childOffset,
     let preferredArrowPosition = childOffset[crossAxis] + .5 * childOffset[crossSize] - position[crossAxis] - margins[$edcf132a9284368a$var$AXIS[crossAxis]];
     // Min/Max position limits for the arrow with respect to the overlay
     const arrowMinPosition = arrowSize / 2 + arrowBoundaryOffset;
+    var _margins_left, _margins_right, _margins_top, _margins_bottom;
     // overlaySize[crossSize] - margins = true size of the overlay
-    const overlayMargin = $edcf132a9284368a$var$AXIS[crossAxis] === 'left' ? margins.left + margins.right : margins.top + margins.bottom;
+    const overlayMargin = $edcf132a9284368a$var$AXIS[crossAxis] === 'left' ? ((_margins_left = margins.left) !== null && _margins_left !== void 0 ? _margins_left : 0) + ((_margins_right = margins.right) !== null && _margins_right !== void 0 ? _margins_right : 0) : ((_margins_top = margins.top) !== null && _margins_top !== void 0 ? _margins_top : 0) + ((_margins_bottom = margins.bottom) !== null && _margins_bottom !== void 0 ? _margins_bottom : 0);
     const arrowMaxPosition = overlaySize[crossSize] - overlayMargin - arrowSize / 2 - arrowBoundaryOffset;
     // Min/Max position limits for the arrow with respect to the trigger/overlay anchor element
     // Same margin accomodation done here as well as for the preferredArrowPosition
@@ -6429,8 +6644,10 @@ function $edcf132a9284368a$export$b3ceb0cbf1056d98(opts) {
     }
     let overlaySize = $edcf132a9284368a$var$getOffset(overlayNode);
     let margins = $edcf132a9284368a$var$getMargins(overlayNode);
-    overlaySize.width += margins.left + margins.right;
-    overlaySize.height += margins.top + margins.bottom;
+    var _margins_left, _margins_right;
+    overlaySize.width += ((_margins_left = margins.left) !== null && _margins_left !== void 0 ? _margins_left : 0) + ((_margins_right = margins.right) !== null && _margins_right !== void 0 ? _margins_right : 0);
+    var _margins_top, _margins_bottom;
+    overlaySize.height += ((_margins_top = margins.top) !== null && _margins_top !== void 0 ? _margins_top : 0) + ((_margins_bottom = margins.bottom) !== null && _margins_bottom !== void 0 ? _margins_bottom : 0);
     let scrollSize = $edcf132a9284368a$var$getScroll(scrollNode);
     let boundaryDimensions = $edcf132a9284368a$var$getContainerDimensions(boundaryElement);
     let containerDimensions = $edcf132a9284368a$var$getContainerDimensions(container);
@@ -6503,9 +6720,7 @@ function $edcf132a9284368a$var$getContainingBlock(node) {
 // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
 function $edcf132a9284368a$var$isContainingBlock(node) {
     let style = window.getComputedStyle(node);
-    return style.transform !== 'none' || /transform|perspective/.test(style.willChange) || style.filter !== 'none' || style.contain === 'paint' || // @ts-ignore
-    'backdropFilter' in style && style.backdropFilter !== 'none' || // @ts-ignore
-    'WebkitBackdropFilter' in style && style.WebkitBackdropFilter !== 'none';
+    return style.transform !== 'none' || /transform|perspective/.test(style.willChange) || style.filter !== 'none' || style.contain === 'paint' || 'backdropFilter' in style && style.backdropFilter !== 'none' || 'WebkitBackdropFilter' in style && style.WebkitBackdropFilter !== 'none';
 }
 
 /*
@@ -6562,18 +6777,11 @@ function $dd149f63282afbbf$export$18fc8428861184da(opts) {
 
 
 
-// @ts-ignore
-let $2a41e45df1593e64$var$visualViewport = typeof document !== 'undefined' && window.visualViewport;
+let $2a41e45df1593e64$var$visualViewport = typeof document !== 'undefined' ? window.visualViewport : null;
 function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
     let { direction: direction } = ($18f2051aff69b9bf$export$43bb16f9c6d9e3f7)();
     let { arrowSize: arrowSize = 0, targetRef: targetRef, overlayRef: overlayRef, scrollRef: scrollRef = overlayRef, placement: placement = 'bottom', containerPadding: containerPadding = 12, shouldFlip: shouldFlip = true, boundaryElement: boundaryElement = typeof document !== 'undefined' ? document.body : null, offset: offset = 0, crossOffset: crossOffset = 0, shouldUpdatePosition: shouldUpdatePosition = true, isOpen: isOpen = true, onClose: onClose, maxHeight: maxHeight, arrowBoundaryOffset: arrowBoundaryOffset = 0 } = props;
-    let [position, setPosition] = ($dbSRa$react.useState)({
-        position: {},
-        arrowOffsetLeft: undefined,
-        arrowOffsetTop: undefined,
-        maxHeight: undefined,
-        placement: undefined
-    });
+    let [position, setPosition] = ($dbSRa$react.useState)(null);
     let deps = [
         shouldUpdatePosition,
         placement,
@@ -6609,17 +6817,20 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
         // changes, the focused element appears to stay in the same position.
         let anchor = null;
         if (scrollRef.current && scrollRef.current.contains(document.activeElement)) {
-            let anchorRect = document.activeElement.getBoundingClientRect();
+            var _document_activeElement;
+            let anchorRect = (_document_activeElement = document.activeElement) === null || _document_activeElement === void 0 ? void 0 : _document_activeElement.getBoundingClientRect();
             let scrollRect = scrollRef.current.getBoundingClientRect();
+            var _anchorRect_top;
             // Anchor from the top if the offset is in the top half of the scrollable element,
             // otherwise anchor from the bottom.
             anchor = {
                 type: 'top',
-                offset: anchorRect.top - scrollRect.top
+                offset: ((_anchorRect_top = anchorRect === null || anchorRect === void 0 ? void 0 : anchorRect.top) !== null && _anchorRect_top !== void 0 ? _anchorRect_top : 0) - scrollRect.top
             };
             if (anchor.offset > scrollRect.height / 2) {
                 anchor.type = 'bottom';
-                anchor.offset = anchorRect.bottom - scrollRect.bottom;
+                var _anchorRect_bottom;
+                anchor.offset = ((_anchorRect_bottom = anchorRect === null || anchorRect === void 0 ? void 0 : anchorRect.bottom) !== null && _anchorRect_bottom !== void 0 ? _anchorRect_bottom : 0) - scrollRect.bottom;
             }
         }
         // Always reset the overlay's previous max height if not defined by the user so that we can compensate for
@@ -6646,6 +6857,7 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
             arrowSize: arrowSize,
             arrowBoundaryOffset: arrowBoundaryOffset
         });
+        if (!position.position) return;
         // Modify overlay styles directly so positioning happens immediately without the need of a second render
         // This is so we don't have to delay autoFocus scrolling or delay applying preventScroll for popovers
         overlay.style.top = '';
@@ -6653,9 +6865,9 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
         overlay.style.left = '';
         overlay.style.right = '';
         Object.keys(position.position).forEach((key)=>overlay.style[key] = position.position[key] + 'px');
-        overlay.style.maxHeight = position.maxHeight != null ? position.maxHeight + 'px' : undefined;
+        overlay.style.maxHeight = position.maxHeight != null ? position.maxHeight + 'px' : '';
         // Restore scroll position relative to anchor element.
-        if (anchor) {
+        if (anchor && document.activeElement && scrollRef.current) {
             let anchorRect = document.activeElement.getBoundingClientRect();
             let scrollRect = scrollRef.current.getBoundingClientRect();
             let newOffset = anchorRect[anchor.type] - scrollRect[anchor.type];
@@ -6708,7 +6920,7 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
         updatePosition
     ]);
     let close = ($dbSRa$react.useCallback)(()=>{
-        if (!isResizing.current) onClose();
+        if (!isResizing.current) onClose === null || onClose === void 0 ? void 0 : onClose();
     }, [
         onClose,
         isResizing
@@ -6720,23 +6932,23 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
         isOpen: isOpen,
         onClose: onClose && close
     });
-    var _position_maxHeight;
+    var _position_maxHeight, _position_placement;
     return {
         overlayProps: {
             style: {
                 position: 'absolute',
                 zIndex: 100000,
-                ...position.position,
-                maxHeight: (_position_maxHeight = position.maxHeight) !== null && _position_maxHeight !== void 0 ? _position_maxHeight : '100vh'
+                ...position === null || position === void 0 ? void 0 : position.position,
+                maxHeight: (_position_maxHeight = position === null || position === void 0 ? void 0 : position.maxHeight) !== null && _position_maxHeight !== void 0 ? _position_maxHeight : '100vh'
             }
         },
-        placement: position.placement,
+        placement: (_position_placement = position === null || position === void 0 ? void 0 : position.placement) !== null && _position_placement !== void 0 ? _position_placement : null,
         arrowProps: {
             'aria-hidden': 'true',
             role: 'presentation',
             style: {
-                left: position.arrowOffsetLeft,
-                top: position.arrowOffsetTop
+                left: position === null || position === void 0 ? void 0 : position.arrowOffsetLeft,
+                top: position === null || position === void 0 ? void 0 : position.arrowOffsetTop
             }
         },
         updatePosition: updatePosition
@@ -6816,7 +7028,7 @@ function $a11501f3d1d39e6c$export$ea8f71083e90600f(props, ref) {
     // Handle clicking outside the overlay to close it
     ($e0b6e0b68ec7f50f$export$872b660ac5a1ff98)({
         ref: ref,
-        onInteractOutside: isDismissable && isOpen ? onInteractOutside : null,
+        onInteractOutside: isDismissable && isOpen ? onInteractOutside : undefined,
         onInteractOutsideStart: onInteractOutsideStart
     });
     let { focusWithinProps: focusWithinProps } = ($9ab94262bd0047c7$export$420e68273165f4ec)({
@@ -6832,7 +7044,7 @@ function $a11501f3d1d39e6c$export$ea8f71083e90600f(props, ref) {
             // do not close the outer overlay. At this point, the active scope should
             // still be the outer overlay, since blur events run before focus.
             if (!e.relatedTarget || ($9bf71ea28793e738$export$1258395f99bf9cbf)(e.relatedTarget)) return;
-            if (!shouldCloseOnInteractOutside || shouldCloseOnInteractOutside(e.relatedTarget)) onClose();
+            if (!shouldCloseOnInteractOutside || shouldCloseOnInteractOutside(e.relatedTarget)) onClose === null || onClose === void 0 ? void 0 : onClose();
         }
     });
     let onPointerDownUnderlay = (e)=>{
@@ -6883,7 +7095,7 @@ function $628037886ba31236$export$f9d5c8beee7d008d(props, state, ref) {
         triggerProps: {
             'aria-haspopup': ariaHasPopup,
             'aria-expanded': isOpen,
-            'aria-controls': isOpen ? overlayId : null,
+            'aria-controls': isOpen ? overlayId : undefined,
             onPress: state.toggle
         },
         overlayProps: {
@@ -6903,7 +7115,6 @@ function $628037886ba31236$export$f9d5c8beee7d008d(props, state, ref) {
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
-// @ts-ignore
 const $49c51c25361d4cd2$var$visualViewport = typeof document !== 'undefined' && window.visualViewport;
 // HTML input types that do not cause the software keyboard to appear.
 const $49c51c25361d4cd2$var$nonTextInputTypes = new Set([
@@ -7086,22 +7297,26 @@ function $49c51c25361d4cd2$var$setStyle(element, style, value) {
 }
 // Adds an event listener to an element, and returns a function to remove it.
 function $49c51c25361d4cd2$var$addEvent(target, event, handler, options) {
+    // internal function, so it's ok to ignore the difficult to fix type error
+    // @ts-ignore
     target.addEventListener(event, handler, options);
     return ()=>{
+        // @ts-ignore
         target.removeEventListener(event, handler, options);
     };
 }
 function $49c51c25361d4cd2$var$scrollIntoView(target) {
     let root = document.scrollingElement || document.documentElement;
-    while(target && target !== root){
+    let nextTarget = target;
+    while(nextTarget && nextTarget !== root){
         // Find the parent scrollable element and adjust the scroll position if the target is not already in view.
-        let scrollable = ($62d8ded9296f3872$export$cfa2225e87938781)(target);
-        if (scrollable !== document.documentElement && scrollable !== document.body && scrollable !== target) {
+        let scrollable = ($62d8ded9296f3872$export$cfa2225e87938781)(nextTarget);
+        if (scrollable !== document.documentElement && scrollable !== document.body && scrollable !== nextTarget) {
             let scrollableTop = scrollable.getBoundingClientRect().top;
-            let targetTop = target.getBoundingClientRect().top;
-            if (targetTop > scrollableTop + target.clientHeight) scrollable.scrollTop += targetTop - scrollableTop;
+            let targetTop = nextTarget.getBoundingClientRect().top;
+            if (targetTop > scrollableTop + nextTarget.clientHeight) scrollable.scrollTop += targetTop - scrollableTop;
         }
-        target = scrollable.parentElement;
+        nextTarget = scrollable.parentElement;
     }
 }
 function $49c51c25361d4cd2$var$willOpenKeyboard(target) {
@@ -7149,7 +7364,7 @@ function $f57aed4a881a3485$export$d9aaed4c3ece1bc0() {
     let context = ($dbSRa$react.useContext)($f57aed4a881a3485$var$Context);
     return {
         modalProviderProps: {
-            'aria-hidden': context && context.modalCount > 0 ? true : null
+            'aria-hidden': context && context.modalCount > 0 ? true : undefined
         }
     };
 }
@@ -7421,64 +7636,6 @@ $a2f21f5f14f60553$exports = {
     "zh-TW": $2b2734393847c884$exports
 };
 
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-const $5c3e21d68f1c4674$var$styles = {
-    border: 0,
-    clip: 'rect(0 0 0 0)',
-    clipPath: 'inset(50%)',
-    height: '1px',
-    margin: '-1px',
-    overflow: 'hidden',
-    padding: 0,
-    position: 'absolute',
-    width: '1px',
-    whiteSpace: 'nowrap'
-};
-function $5c3e21d68f1c4674$export$a966af930f325cab(props = {}) {
-    let { style: style, isFocusable: isFocusable } = props;
-    let [isFocused, setFocused] = ($dbSRa$react.useState)(false);
-    let { focusWithinProps: focusWithinProps } = ($9ab94262bd0047c7$export$420e68273165f4ec)({
-        isDisabled: !isFocusable,
-        onFocusWithinChange: (val)=>setFocused(val)
-    });
-    // If focused, don't hide the element.
-    let combinedStyles = ($dbSRa$react.useMemo)(()=>{
-        if (isFocused) return style;
-        else if (style) return {
-            ...$5c3e21d68f1c4674$var$styles,
-            ...style
-        };
-        else return $5c3e21d68f1c4674$var$styles;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        isFocused
-    ]);
-    return {
-        visuallyHiddenProps: {
-            ...focusWithinProps,
-            style: combinedStyles
-        }
-    };
-}
-function $5c3e21d68f1c4674$export$439d29a4e110a164(props) {
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    let { children: children, elementType: Element = 'div', isFocusable: isFocusable, style: style, ...otherProps } = props;
-    let { visuallyHiddenProps: visuallyHiddenProps } = $5c3e21d68f1c4674$export$a966af930f325cab(props);
-    return /*#__PURE__*/ ($dbSRa$react).createElement(Element, ($3ef42575df84b30b$export$9d1611c77c2fe928)(otherProps, visuallyHiddenProps), children);
-}
-
 function $parcel$interopDefault$5(a) {
   return a && a.__esModule ? a.default : a;
 }
@@ -7540,7 +7697,7 @@ function $5e3802645cc19319$export$1c3ebcada18427bf(targets, root = document.body
             // Also skip children of already hidden nodes, as aria-hidden is recursive. An exception is
             // made for elements with role="row" since VoiceOver on iOS has issues hiding elements with role="row".
             // For that case we want to hide the cells inside as well (https://bugs.webkit.org/show_bug.cgi?id=222623).
-            if (visibleNodes.has(node) || hiddenNodes.has(node.parentElement) && node.parentElement.getAttribute('role') !== 'row') return NodeFilter.FILTER_REJECT;
+            if (visibleNodes.has(node) || node.parentElement && hiddenNodes.has(node.parentElement) && node.parentElement.getAttribute('role') !== 'row') return NodeFilter.FILTER_REJECT;
             // Skip this node but continue to children if one of the targets is inside the node.
             for (let target of visibleNodes){
                 if (node.contains(target)) return NodeFilter.FILTER_SKIP;
@@ -7615,6 +7772,7 @@ function $5e3802645cc19319$export$1c3ebcada18427bf(targets, root = document.body
         observer.disconnect();
         for (let node of hiddenNodes){
             let count = $5e3802645cc19319$var$refCountMap.get(node);
+            if (count == null) continue;
             if (count === 1) {
                 node.removeAttribute('aria-hidden');
                 $5e3802645cc19319$var$refCountMap.delete(node);
@@ -7646,7 +7804,8 @@ function $5e3802645cc19319$export$1c3ebcada18427bf(targets, root = document.body
 function $f2f8a6077418541e$export$542a6fd13ac93354(props, state) {
     let { triggerRef: triggerRef, popoverRef: popoverRef, isNonModal: isNonModal, isKeyboardDismissDisabled: isKeyboardDismissDisabled, shouldCloseOnInteractOutside: shouldCloseOnInteractOutside, ...otherProps } = props;
     let { overlayProps: overlayProps, underlayProps: underlayProps } = ($a11501f3d1d39e6c$export$ea8f71083e90600f)({
-        isOpen: state.isOpen,
+        // If popover is in the top layer, it should not prevent other popovers from being dismissed.
+        isOpen: state.isOpen && !otherProps['data-react-aria-top-layer'],
         onClose: state.close,
         shouldCloseOnBlur: true,
         isDismissable: !isNonModal,
@@ -7658,7 +7817,7 @@ function $f2f8a6077418541e$export$542a6fd13ac93354(props, state) {
         targetRef: triggerRef,
         overlayRef: popoverRef,
         isOpen: state.isOpen,
-        onClose: isNonModal ? state.close : null
+        onClose: isNonModal ? state.close : undefined
     });
     ($49c51c25361d4cd2$export$ee0f7cc6afcd1c18)({
         isDisabled: isNonModal || !state.isOpen
@@ -7776,7 +7935,7 @@ function $8ac8429251c45e4b$export$dbc0f175b25fb0fb(props, state, ref) {
     });
     ($337b884510726a0d$export$14c98a7594375490)();
     ($dbSRa$react.useEffect)(()=>{
-        if (state.isOpen) return ($5e3802645cc19319$export$1c3ebcada18427bf)([
+        if (state.isOpen && ref.current) return ($5e3802645cc19319$export$1c3ebcada18427bf)([
             ref.current
         ]);
     }, [
@@ -7849,7 +8008,7 @@ function $fb3050f43d946246$export$e32c88dfddc6e1d8(options) {
     let { keyboardDelegate: keyboardDelegate, selectionManager: selectionManager, onTypeSelect: onTypeSelect } = options;
     let state = ($dbSRa$react.useRef)({
         search: '',
-        timeout: null
+        timeout: undefined
     }).current;
     let onKeyDown = (e)=>{
         let character = $fb3050f43d946246$var$getStringForKey(e.key);
@@ -7863,14 +8022,16 @@ function $fb3050f43d946246$export$e32c88dfddc6e1d8(options) {
             if (!('continuePropagation' in e)) e.stopPropagation();
         }
         state.search += character;
-        // Use the delegate to find a key to focus.
-        // Prioritize items after the currently focused item, falling back to searching the whole list.
-        let key = keyboardDelegate.getKeyForSearch(state.search, selectionManager.focusedKey);
-        // If no key found, search from the top.
-        if (key == null) key = keyboardDelegate.getKeyForSearch(state.search);
-        if (key != null) {
-            selectionManager.setFocusedKey(key);
-            if (onTypeSelect) onTypeSelect(key);
+        if (keyboardDelegate.getKeyForSearch != null) {
+            // Use the delegate to find a key to focus.
+            // Prioritize items after the currently focused item, falling back to searching the whole list.
+            let key = keyboardDelegate.getKeyForSearch(state.search, selectionManager.focusedKey);
+            // If no key found, search from the top.
+            if (key == null) key = keyboardDelegate.getKeyForSearch(state.search);
+            if (key != null) {
+                selectionManager.setFocusedKey(key);
+                if (onTypeSelect) onTypeSelect(key);
+            }
         }
         clearTimeout(state.timeout);
         state.timeout = setTimeout(()=>{
@@ -7881,7 +8042,7 @@ function $fb3050f43d946246$export$e32c88dfddc6e1d8(options) {
         typeSelectProps: {
             // Using a capturing listener to catch the keydown event before
             // other hooks in order to handle the Spacebar event.
-            onKeyDownCapture: keyboardDelegate.getKeyForSearch ? onKeyDown : null
+            onKeyDownCapture: keyboardDelegate.getKeyForSearch ? onKeyDown : undefined
         }
     };
 }
@@ -7918,21 +8079,23 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
     let { direction: direction } = ($18f2051aff69b9bf$export$43bb16f9c6d9e3f7)();
     let router = ($ea8dcbcb9ea1b556$export$9a302a45f65d0572)();
     let onKeyDown = (e)=>{
+        var _ref_current;
         // Prevent option + tab from doing anything since it doesn't move focus to the cells, only buttons/checkboxes
         if (e.altKey && e.key === 'Tab') e.preventDefault();
         // Keyboard events bubble through portals. Don't handle keyboard events
         // for elements outside the collection (e.g. menus).
-        if (!ref.current.contains(e.target)) return;
+        if (!((_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.contains(e.target))) return;
         const navigateToKey = (key, childFocus)=>{
             if (key != null) {
                 if (manager.isLink(key) && linkBehavior === 'selection' && selectOnFocus && !($feb5ffebff200149$export$d3e3bd3e26688c04)(e)) {
+                    var _scrollRef_current;
                     // Set focused key and re-render synchronously to bring item into view if needed.
                     ($iETbY$reactdom.flushSync)(()=>{
                         manager.setFocusedKey(key, childFocus);
                     });
-                    let item = scrollRef.current.querySelector(`[data-key="${CSS.escape(key.toString())}"]`);
+                    let item = (_scrollRef_current = scrollRef.current) === null || _scrollRef_current === void 0 ? void 0 : _scrollRef_current.querySelector(`[data-key="${CSS.escape(key.toString())}"]`);
                     let itemProps = manager.getItemProps(key);
-                    router.open(item, e, itemProps.href, itemProps.routerOptions);
+                    if (item) router.open(item, e, itemProps.href, itemProps.routerOptions);
                     return;
                 }
                 manager.setFocusedKey(key, childFocus);
@@ -7944,38 +8107,46 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
         switch(e.key){
             case 'ArrowDown':
                 if (delegate.getKeyBelow) {
-                    var _delegate_getFirstKey, _delegate_getFirstKey1;
-                    e.preventDefault();
-                    let nextKey = manager.focusedKey != null ? delegate.getKeyBelow(manager.focusedKey) : (_delegate_getFirstKey = delegate.getFirstKey) === null || _delegate_getFirstKey === void 0 ? void 0 : _delegate_getFirstKey.call(delegate);
+                    var _delegate_getKeyBelow, _delegate_getFirstKey, _delegate_getFirstKey1;
+                    let nextKey = manager.focusedKey != null ? (_delegate_getKeyBelow = delegate.getKeyBelow) === null || _delegate_getKeyBelow === void 0 ? void 0 : _delegate_getKeyBelow.call(delegate, manager.focusedKey) : (_delegate_getFirstKey = delegate.getFirstKey) === null || _delegate_getFirstKey === void 0 ? void 0 : _delegate_getFirstKey.call(delegate);
                     if (nextKey == null && shouldFocusWrap) nextKey = (_delegate_getFirstKey1 = delegate.getFirstKey) === null || _delegate_getFirstKey1 === void 0 ? void 0 : _delegate_getFirstKey1.call(delegate, manager.focusedKey);
-                    navigateToKey(nextKey);
+                    if (nextKey != null) {
+                        e.preventDefault();
+                        navigateToKey(nextKey);
+                    }
                 }
                 break;
             case 'ArrowUp':
                 if (delegate.getKeyAbove) {
-                    var _delegate_getLastKey, _delegate_getLastKey1;
-                    e.preventDefault();
-                    let nextKey = manager.focusedKey != null ? delegate.getKeyAbove(manager.focusedKey) : (_delegate_getLastKey = delegate.getLastKey) === null || _delegate_getLastKey === void 0 ? void 0 : _delegate_getLastKey.call(delegate);
+                    var _delegate_getKeyAbove, _delegate_getLastKey, _delegate_getLastKey1;
+                    let nextKey = manager.focusedKey != null ? (_delegate_getKeyAbove = delegate.getKeyAbove) === null || _delegate_getKeyAbove === void 0 ? void 0 : _delegate_getKeyAbove.call(delegate, manager.focusedKey) : (_delegate_getLastKey = delegate.getLastKey) === null || _delegate_getLastKey === void 0 ? void 0 : _delegate_getLastKey.call(delegate);
                     if (nextKey == null && shouldFocusWrap) nextKey = (_delegate_getLastKey1 = delegate.getLastKey) === null || _delegate_getLastKey1 === void 0 ? void 0 : _delegate_getLastKey1.call(delegate, manager.focusedKey);
-                    navigateToKey(nextKey);
+                    if (nextKey != null) {
+                        e.preventDefault();
+                        navigateToKey(nextKey);
+                    }
                 }
                 break;
             case 'ArrowLeft':
                 if (delegate.getKeyLeftOf) {
-                    var _delegate_getFirstKey2, _delegate_getLastKey2;
-                    e.preventDefault();
-                    let nextKey = delegate.getKeyLeftOf(manager.focusedKey);
+                    var _delegate_getKeyLeftOf, _delegate_getFirstKey2, _delegate_getLastKey2;
+                    let nextKey = manager.focusedKey != null ? (_delegate_getKeyLeftOf = delegate.getKeyLeftOf) === null || _delegate_getKeyLeftOf === void 0 ? void 0 : _delegate_getKeyLeftOf.call(delegate, manager.focusedKey) : null;
                     if (nextKey == null && shouldFocusWrap) nextKey = direction === 'rtl' ? (_delegate_getFirstKey2 = delegate.getFirstKey) === null || _delegate_getFirstKey2 === void 0 ? void 0 : _delegate_getFirstKey2.call(delegate, manager.focusedKey) : (_delegate_getLastKey2 = delegate.getLastKey) === null || _delegate_getLastKey2 === void 0 ? void 0 : _delegate_getLastKey2.call(delegate, manager.focusedKey);
-                    navigateToKey(nextKey, direction === 'rtl' ? 'first' : 'last');
+                    if (nextKey != null) {
+                        e.preventDefault();
+                        navigateToKey(nextKey, direction === 'rtl' ? 'first' : 'last');
+                    }
                 }
                 break;
             case 'ArrowRight':
                 if (delegate.getKeyRightOf) {
-                    var _delegate_getLastKey3, _delegate_getFirstKey3;
-                    e.preventDefault();
-                    let nextKey = delegate.getKeyRightOf(manager.focusedKey);
+                    var _delegate_getKeyRightOf, _delegate_getLastKey3, _delegate_getFirstKey3;
+                    let nextKey = manager.focusedKey != null ? (_delegate_getKeyRightOf = delegate.getKeyRightOf) === null || _delegate_getKeyRightOf === void 0 ? void 0 : _delegate_getKeyRightOf.call(delegate, manager.focusedKey) : null;
                     if (nextKey == null && shouldFocusWrap) nextKey = direction === 'rtl' ? (_delegate_getLastKey3 = delegate.getLastKey) === null || _delegate_getLastKey3 === void 0 ? void 0 : _delegate_getLastKey3.call(delegate, manager.focusedKey) : (_delegate_getFirstKey3 = delegate.getFirstKey) === null || _delegate_getFirstKey3 === void 0 ? void 0 : _delegate_getFirstKey3.call(delegate, manager.focusedKey);
-                    navigateToKey(nextKey, direction === 'rtl' ? 'last' : 'first');
+                    if (nextKey != null) {
+                        e.preventDefault();
+                        navigateToKey(nextKey, direction === 'rtl' ? 'last' : 'first');
+                    }
                 }
                 break;
             case 'Home':
@@ -7983,8 +8154,10 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
                     e.preventDefault();
                     let firstKey = delegate.getFirstKey(manager.focusedKey, ($feb5ffebff200149$export$16792effe837dba3)(e));
                     manager.setFocusedKey(firstKey);
-                    if (($feb5ffebff200149$export$16792effe837dba3)(e) && e.shiftKey && manager.selectionMode === 'multiple') manager.extendSelection(firstKey);
-                    else if (selectOnFocus) manager.replaceSelection(firstKey);
+                    if (firstKey != null) {
+                        if (($feb5ffebff200149$export$16792effe837dba3)(e) && e.shiftKey && manager.selectionMode === 'multiple') manager.extendSelection(firstKey);
+                        else if (selectOnFocus) manager.replaceSelection(firstKey);
+                    }
                 }
                 break;
             case 'End':
@@ -7992,22 +8165,28 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
                     e.preventDefault();
                     let lastKey = delegate.getLastKey(manager.focusedKey, ($feb5ffebff200149$export$16792effe837dba3)(e));
                     manager.setFocusedKey(lastKey);
-                    if (($feb5ffebff200149$export$16792effe837dba3)(e) && e.shiftKey && manager.selectionMode === 'multiple') manager.extendSelection(lastKey);
-                    else if (selectOnFocus) manager.replaceSelection(lastKey);
+                    if (lastKey != null) {
+                        if (($feb5ffebff200149$export$16792effe837dba3)(e) && e.shiftKey && manager.selectionMode === 'multiple') manager.extendSelection(lastKey);
+                        else if (selectOnFocus) manager.replaceSelection(lastKey);
+                    }
                 }
                 break;
             case 'PageDown':
-                if (delegate.getKeyPageBelow) {
-                    e.preventDefault();
+                if (delegate.getKeyPageBelow && manager.focusedKey != null) {
                     let nextKey = delegate.getKeyPageBelow(manager.focusedKey);
-                    navigateToKey(nextKey);
+                    if (nextKey != null) {
+                        e.preventDefault();
+                        navigateToKey(nextKey);
+                    }
                 }
                 break;
             case 'PageUp':
-                if (delegate.getKeyPageAbove) {
-                    e.preventDefault();
+                if (delegate.getKeyPageAbove && manager.focusedKey != null) {
                     let nextKey = delegate.getKeyPageAbove(manager.focusedKey);
-                    navigateToKey(nextKey);
+                    if (nextKey != null) {
+                        e.preventDefault();
+                        navigateToKey(nextKey);
+                    }
                 }
                 break;
             case 'a':
@@ -8036,7 +8215,7 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
                         let walker = ($9bf71ea28793e738$export$2d6ec8fc375ceafa)(ref.current, {
                             tabbable: true
                         });
-                        let next;
+                        let next = undefined;
                         let last;
                         do {
                             last = walker.lastChild();
@@ -8054,10 +8233,12 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
         top: 0,
         left: 0
     });
-    ($e9faafb641e167db$export$90fc3a17d93f704c)(scrollRef, 'scroll', isVirtualized ? null : ()=>{
+    ($e9faafb641e167db$export$90fc3a17d93f704c)(scrollRef, 'scroll', isVirtualized ? undefined : ()=>{
+        var _scrollRef_current, _scrollRef_current1;
+        var _scrollRef_current_scrollTop, _scrollRef_current_scrollLeft;
         scrollPos.current = {
-            top: scrollRef.current.scrollTop,
-            left: scrollRef.current.scrollLeft
+            top: (_scrollRef_current_scrollTop = (_scrollRef_current = scrollRef.current) === null || _scrollRef_current === void 0 ? void 0 : _scrollRef_current.scrollTop) !== null && _scrollRef_current_scrollTop !== void 0 ? _scrollRef_current_scrollTop : 0,
+            left: (_scrollRef_current_scrollLeft = (_scrollRef_current1 = scrollRef.current) === null || _scrollRef_current1 === void 0 ? void 0 : _scrollRef_current1.scrollLeft) !== null && _scrollRef_current_scrollLeft !== void 0 ? _scrollRef_current_scrollLeft : 0
         };
     });
     let onFocus = (e)=>{
@@ -8070,6 +8251,7 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
         if (!e.currentTarget.contains(e.target)) return;
         manager.setFocused(true);
         if (manager.focusedKey == null) {
+            var _delegate_getLastKey, _delegate_getFirstKey;
             let navigateToFirstKey = (key)=>{
                 if (key != null) {
                     manager.setFocusedKey(key);
@@ -8081,14 +8263,14 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
             // and either focus the first or last item accordingly.
             let relatedTarget = e.relatedTarget;
             var _manager_lastSelectedKey, _manager_firstSelectedKey;
-            if (relatedTarget && e.currentTarget.compareDocumentPosition(relatedTarget) & Node.DOCUMENT_POSITION_FOLLOWING) navigateToFirstKey((_manager_lastSelectedKey = manager.lastSelectedKey) !== null && _manager_lastSelectedKey !== void 0 ? _manager_lastSelectedKey : delegate.getLastKey());
-            else navigateToFirstKey((_manager_firstSelectedKey = manager.firstSelectedKey) !== null && _manager_firstSelectedKey !== void 0 ? _manager_firstSelectedKey : delegate.getFirstKey());
-        } else if (!isVirtualized) {
+            if (relatedTarget && e.currentTarget.compareDocumentPosition(relatedTarget) & Node.DOCUMENT_POSITION_FOLLOWING) navigateToFirstKey((_manager_lastSelectedKey = manager.lastSelectedKey) !== null && _manager_lastSelectedKey !== void 0 ? _manager_lastSelectedKey : (_delegate_getLastKey = delegate.getLastKey) === null || _delegate_getLastKey === void 0 ? void 0 : _delegate_getLastKey.call(delegate));
+            else navigateToFirstKey((_manager_firstSelectedKey = manager.firstSelectedKey) !== null && _manager_firstSelectedKey !== void 0 ? _manager_firstSelectedKey : (_delegate_getFirstKey = delegate.getFirstKey) === null || _delegate_getFirstKey === void 0 ? void 0 : _delegate_getFirstKey.call(delegate));
+        } else if (!isVirtualized && scrollRef.current) {
             // Restore the scroll position to what it was before.
             scrollRef.current.scrollTop = scrollPos.current.top;
             scrollRef.current.scrollLeft = scrollPos.current.left;
         }
-        if (manager.focusedKey != null) {
+        if (manager.focusedKey != null && scrollRef.current) {
             // Refocus and scroll the focused item into view if it exists within the scrollable region.
             let element = scrollRef.current.querySelector(`[data-key="${CSS.escape(manager.focusedKey.toString())}"]`);
             if (element) {
@@ -8108,10 +8290,13 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
     const autoFocusRef = ($dbSRa$react.useRef)(autoFocus);
     ($dbSRa$react.useEffect)(()=>{
         if (autoFocusRef.current) {
+            var _delegate_getFirstKey, _delegate_getLastKey;
             let focusedKey = null;
+            var _delegate_getFirstKey1;
             // Check focus strategy to determine which item to focus
-            if (autoFocus === 'first') focusedKey = delegate.getFirstKey();
-            if (autoFocus === 'last') focusedKey = delegate.getLastKey();
+            if (autoFocus === 'first') focusedKey = (_delegate_getFirstKey1 = (_delegate_getFirstKey = delegate.getFirstKey) === null || _delegate_getFirstKey === void 0 ? void 0 : _delegate_getFirstKey.call(delegate)) !== null && _delegate_getFirstKey1 !== void 0 ? _delegate_getFirstKey1 : null;
+            var _delegate_getLastKey1;
+            if (autoFocus === 'last') focusedKey = (_delegate_getLastKey1 = (_delegate_getLastKey = delegate.getLastKey) === null || _delegate_getLastKey === void 0 ? void 0 : _delegate_getLastKey.call(delegate)) !== null && _delegate_getLastKey1 !== void 0 ? _delegate_getLastKey1 : null;
             // If there are any selected keys, make the first one the new focus target
             let selectedKeys = manager.selectedKeys;
             if (selectedKeys.size) {
@@ -8123,14 +8308,14 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
             manager.setFocused(true);
             manager.setFocusedKey(focusedKey);
             // If no default focus key is selected, focus the collection itself.
-            if (focusedKey == null && !shouldUseVirtualFocus) ($6a99195332edec8b$export$80f3e147d781571c)(ref.current);
+            if (focusedKey == null && !shouldUseVirtualFocus && ref.current) ($6a99195332edec8b$export$80f3e147d781571c)(ref.current);
         }
     // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     // Scroll the focused element into view when the focusedKey changes.
     let lastFocusedKey = ($dbSRa$react.useRef)(manager.focusedKey);
     ($dbSRa$react.useEffect)(()=>{
-        if (manager.isFocused && manager.focusedKey != null && (manager.focusedKey !== lastFocusedKey.current || autoFocusRef.current) && (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current)) {
+        if (manager.isFocused && manager.focusedKey != null && (manager.focusedKey !== lastFocusedKey.current || autoFocusRef.current) && scrollRef.current && ref.current) {
             let modality = ($507fabe10e71c6fb$export$630ff653c5ada6a9)();
             let element = ref.current.querySelector(`[data-key="${CSS.escape(manager.focusedKey.toString())}"]`);
             if (!element) // If item element wasn't found, return early (don't update autoFocusRef and lastFocusedKey).
@@ -8145,7 +8330,7 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
             }
         }
         // If the focused key becomes null (e.g. the last item is deleted), focus the whole collection.
-        if (!shouldUseVirtualFocus && manager.isFocused && manager.focusedKey == null && lastFocusedKey.current != null) ($6a99195332edec8b$export$80f3e147d781571c)(ref.current);
+        if (!shouldUseVirtualFocus && manager.isFocused && manager.focusedKey == null && lastFocusedKey.current != null && ref.current) ($6a99195332edec8b$export$80f3e147d781571c)(ref.current);
         lastFocusedKey.current = manager.focusedKey;
         autoFocusRef.current = false;
     });
@@ -8173,7 +8358,7 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
     // This will be marshalled to either the first or last item depending on where focus came from.
     // If using virtual focus, don't set a tabIndex at all so that VoiceOver on iOS 14 doesn't try
     // to move real DOM focus to the element anyway.
-    let tabIndex;
+    let tabIndex = undefined;
     if (!shouldUseVirtualFocus) tabIndex = manager.focusedKey == null ? 0 : -1;
     return {
         collectionProps: {
@@ -8206,7 +8391,7 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
         else {
             if (manager.selectionMode === 'none') return;
             if (manager.isLink(key)) {
-                if (linkBehavior === 'selection') {
+                if (linkBehavior === 'selection' && ref.current) {
                     let itemProps = manager.getItemProps(key);
                     router.open(ref.current, e, itemProps.href, itemProps.routerOptions);
                     // Always set selected keys back to what they were so that select and combobox close.
@@ -8228,7 +8413,7 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
         let isFocused = key === manager.focusedKey;
         if (isFocused && manager.isFocused && !shouldUseVirtualFocus) {
             if (focus) focus();
-            else if (document.activeElement !== ref.current) ($6a99195332edec8b$export$80f3e147d781571c)(ref.current);
+            else if (document.activeElement !== ref.current && ref.current) ($6a99195332edec8b$export$80f3e147d781571c)(ref.current);
         }
     // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
@@ -8271,7 +8456,7 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
     let hadPrimaryActionOnPressStart = ($dbSRa$react.useRef)(false);
     let performAction = (e)=>{
         if (onAction) onAction();
-        if (hasLinkAction) {
+        if (hasLinkAction && ref.current) {
             let itemProps = manager.getItemProps(key);
             router.open(ref.current, e, itemProps.href, itemProps.routerOptions);
         }
@@ -8299,10 +8484,10 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
             } else if (e.pointerType !== 'keyboard' && allowsSelection) onSelect(e);
         };
         else {
-            itemPressProps.onPressUp = hasPrimaryAction ? null : (e)=>{
+            itemPressProps.onPressUp = hasPrimaryAction ? undefined : (e)=>{
                 if (e.pointerType !== 'keyboard' && allowsSelection) onSelect(e);
             };
-            itemPressProps.onPress = hasPrimaryAction ? performAction : null;
+            itemPressProps.onPress = hasPrimaryAction ? performAction : undefined;
         }
     } else {
         itemPressProps.onPressStart = (e)=>{
@@ -8395,6 +8580,7 @@ function $880e95eb8b93ba9a$var$isSelectionKey() {
  */ class $657e4dc4a6e88df0$export$8f5ed9ff9f511381 {
     getItemRect(key) {
         let container = this.ref.current;
+        if (!container) return null;
         let item = key != null ? container.querySelector(`[data-key="${CSS.escape(key.toString())}"]`) : null;
         if (!item) return null;
         let containerRect = container.getBoundingClientRect();
@@ -8408,18 +8594,20 @@ function $880e95eb8b93ba9a$var$isSelectionKey() {
     }
     getContentSize() {
         let container = this.ref.current;
+        var _container_scrollWidth, _container_scrollHeight;
         return {
-            width: container.scrollWidth,
-            height: container.scrollHeight
+            width: (_container_scrollWidth = container === null || container === void 0 ? void 0 : container.scrollWidth) !== null && _container_scrollWidth !== void 0 ? _container_scrollWidth : 0,
+            height: (_container_scrollHeight = container === null || container === void 0 ? void 0 : container.scrollHeight) !== null && _container_scrollHeight !== void 0 ? _container_scrollHeight : 0
         };
     }
     getVisibleRect() {
         let container = this.ref.current;
+        var _container_scrollLeft, _container_scrollTop, _container_offsetWidth, _container_offsetHeight;
         return {
-            x: container.scrollLeft,
-            y: container.scrollTop,
-            width: container.offsetWidth,
-            height: container.offsetHeight
+            x: (_container_scrollLeft = container === null || container === void 0 ? void 0 : container.scrollLeft) !== null && _container_scrollLeft !== void 0 ? _container_scrollLeft : 0,
+            y: (_container_scrollTop = container === null || container === void 0 ? void 0 : container.scrollTop) !== null && _container_scrollTop !== void 0 ? _container_scrollTop : 0,
+            width: (_container_offsetWidth = container === null || container === void 0 ? void 0 : container.offsetWidth) !== null && _container_offsetWidth !== void 0 ? _container_offsetWidth : 0,
+            height: (_container_offsetHeight = container === null || container === void 0 ? void 0 : container.offsetHeight) !== null && _container_offsetHeight !== void 0 ? _container_offsetHeight : 0
         };
     }
     constructor(ref){
@@ -8444,34 +8632,37 @@ class $2a25aae57d74318e$export$a05409b8bb224a5a {
         var _item_props;
         return this.disabledBehavior === 'all' && (((_item_props = item.props) === null || _item_props === void 0 ? void 0 : _item_props.isDisabled) || this.disabledKeys.has(item.key));
     }
-    getNextKey(key) {
-        key = this.collection.getKeyAfter(key);
-        while(key != null){
-            let item = this.collection.getItem(key);
-            if (item.type === 'item' && !this.isDisabled(item)) return key;
-            key = this.collection.getKeyAfter(key);
+    findNextNonDisabled(key, getNext) {
+        let nextKey = key;
+        while(nextKey != null){
+            let item = this.collection.getItem(nextKey);
+            if ((item === null || item === void 0 ? void 0 : item.type) === 'item' && !this.isDisabled(item)) return nextKey;
+            nextKey = getNext(nextKey);
         }
         return null;
     }
+    getNextKey(key) {
+        let nextKey = key;
+        nextKey = this.collection.getKeyAfter(nextKey);
+        return this.findNextNonDisabled(nextKey, (key)=>this.collection.getKeyAfter(key));
+    }
     getPreviousKey(key) {
-        key = this.collection.getKeyBefore(key);
-        while(key != null){
-            let item = this.collection.getItem(key);
-            if (item.type === 'item' && !this.isDisabled(item)) return key;
-            key = this.collection.getKeyBefore(key);
-        }
-        return null;
+        let nextKey = key;
+        nextKey = this.collection.getKeyBefore(nextKey);
+        return this.findNextNonDisabled(nextKey, (key)=>this.collection.getKeyBefore(key));
     }
     findKey(key, nextKey, shouldSkip) {
-        let itemRect = this.layoutDelegate.getItemRect(key);
-        if (!itemRect) return null;
+        let tempKey = key;
+        let itemRect = this.layoutDelegate.getItemRect(tempKey);
+        if (!itemRect || tempKey == null) return null;
         // Find the item above or below in the same column.
         let prevRect = itemRect;
         do {
-            key = nextKey(key);
-            itemRect = this.layoutDelegate.getItemRect(key);
-        }while (itemRect && shouldSkip(prevRect, itemRect));
-        return key;
+            tempKey = nextKey(tempKey);
+            if (tempKey == null) break;
+            itemRect = this.layoutDelegate.getItemRect(tempKey);
+        }while (itemRect && shouldSkip(prevRect, itemRect) && tempKey != null);
+        return tempKey;
     }
     isSameRow(prevRect, itemRect) {
         return prevRect.y === itemRect.y || prevRect.x !== itemRect.x;
@@ -8491,6 +8682,13 @@ class $2a25aae57d74318e$export$a05409b8bb224a5a {
         return right ? this.getPreviousKey(key) : this.getNextKey(key);
     }
     getKeyRightOf(key) {
+        // This is a temporary solution for CardView until we refactor useSelectableCollection.
+        // https://github.com/orgs/adobe/projects/19/views/32?pane=issue&itemId=77825042
+        let layoutDelegateMethod = this.direction === 'ltr' ? 'getKeyRightOf' : 'getKeyLeftOf';
+        if (this.layoutDelegate[layoutDelegateMethod]) {
+            key = this.layoutDelegate[layoutDelegateMethod](key);
+            return this.findNextNonDisabled(key, (key)=>this.layoutDelegate[layoutDelegateMethod](key));
+        }
         if (this.layout === 'grid') {
             if (this.orientation === 'vertical') return this.getNextColumn(key, this.direction === 'rtl');
             else return this.findKey(key, (key)=>this.getNextColumn(key, this.direction === 'rtl'), this.isSameColumn);
@@ -8498,6 +8696,11 @@ class $2a25aae57d74318e$export$a05409b8bb224a5a {
         return null;
     }
     getKeyLeftOf(key) {
+        let layoutDelegateMethod = this.direction === 'ltr' ? 'getKeyLeftOf' : 'getKeyRightOf';
+        if (this.layoutDelegate[layoutDelegateMethod]) {
+            key = this.layoutDelegate[layoutDelegateMethod](key);
+            return this.findNextNonDisabled(key, (key)=>this.layoutDelegate[layoutDelegateMethod](key));
+        }
         if (this.layout === 'grid') {
             if (this.orientation === 'vertical') return this.getNextColumn(key, this.direction === 'ltr');
             else return this.findKey(key, (key)=>this.getNextColumn(key, this.direction === 'ltr'), this.isSameColumn);
@@ -8506,61 +8709,53 @@ class $2a25aae57d74318e$export$a05409b8bb224a5a {
     }
     getFirstKey() {
         let key = this.collection.getFirstKey();
-        while(key != null){
-            let item = this.collection.getItem(key);
-            if ((item === null || item === void 0 ? void 0 : item.type) === 'item' && !this.isDisabled(item)) return key;
-            key = this.collection.getKeyAfter(key);
-        }
-        return null;
+        return this.findNextNonDisabled(key, (key)=>this.collection.getKeyAfter(key));
     }
     getLastKey() {
         let key = this.collection.getLastKey();
-        while(key != null){
-            let item = this.collection.getItem(key);
-            if (item.type === 'item' && !this.isDisabled(item)) return key;
-            key = this.collection.getKeyBefore(key);
-        }
-        return null;
+        return this.findNextNonDisabled(key, (key)=>this.collection.getKeyBefore(key));
     }
     getKeyPageAbove(key) {
         let menu = this.ref.current;
         let itemRect = this.layoutDelegate.getItemRect(key);
         if (!itemRect) return null;
-        if (!($cc38e7bd3fc7b213$export$2bb74740c4e19def)(menu)) return this.getFirstKey();
+        if (menu && !($cc38e7bd3fc7b213$export$2bb74740c4e19def)(menu)) return this.getFirstKey();
+        let nextKey = key;
         if (this.orientation === 'horizontal') {
             let pageX = Math.max(0, itemRect.x + itemRect.width - this.layoutDelegate.getVisibleRect().width);
-            while(itemRect && itemRect.x > pageX){
-                key = this.getKeyAbove(key);
-                itemRect = key == null ? null : this.layoutDelegate.getItemRect(key);
+            while(itemRect && itemRect.x > pageX && nextKey != null){
+                nextKey = this.getKeyAbove(nextKey);
+                itemRect = nextKey == null ? null : this.layoutDelegate.getItemRect(nextKey);
             }
         } else {
             let pageY = Math.max(0, itemRect.y + itemRect.height - this.layoutDelegate.getVisibleRect().height);
-            while(itemRect && itemRect.y > pageY){
-                key = this.getKeyAbove(key);
-                itemRect = key == null ? null : this.layoutDelegate.getItemRect(key);
+            while(itemRect && itemRect.y > pageY && nextKey != null){
+                nextKey = this.getKeyAbove(nextKey);
+                itemRect = nextKey == null ? null : this.layoutDelegate.getItemRect(nextKey);
             }
         }
-        return key !== null && key !== void 0 ? key : this.getFirstKey();
+        return nextKey !== null && nextKey !== void 0 ? nextKey : this.getFirstKey();
     }
     getKeyPageBelow(key) {
         let menu = this.ref.current;
         let itemRect = this.layoutDelegate.getItemRect(key);
         if (!itemRect) return null;
-        if (!($cc38e7bd3fc7b213$export$2bb74740c4e19def)(menu)) return this.getLastKey();
+        if (menu && !($cc38e7bd3fc7b213$export$2bb74740c4e19def)(menu)) return this.getLastKey();
+        let nextKey = key;
         if (this.orientation === 'horizontal') {
             let pageX = Math.min(this.layoutDelegate.getContentSize().width, itemRect.y - itemRect.width + this.layoutDelegate.getVisibleRect().width);
-            while(itemRect && itemRect.x < pageX){
-                key = this.getKeyBelow(key);
-                itemRect = key == null ? null : this.layoutDelegate.getItemRect(key);
+            while(itemRect && itemRect.x < pageX && nextKey != null){
+                nextKey = this.getKeyBelow(nextKey);
+                itemRect = nextKey == null ? null : this.layoutDelegate.getItemRect(nextKey);
             }
         } else {
             let pageY = Math.min(this.layoutDelegate.getContentSize().height, itemRect.y - itemRect.height + this.layoutDelegate.getVisibleRect().height);
-            while(itemRect && itemRect.y < pageY){
-                key = this.getKeyBelow(key);
-                itemRect = key == null ? null : this.layoutDelegate.getItemRect(key);
+            while(itemRect && itemRect.y < pageY && nextKey != null){
+                nextKey = this.getKeyBelow(nextKey);
+                itemRect = nextKey == null ? null : this.layoutDelegate.getItemRect(nextKey);
             }
         }
-        return key !== null && key !== void 0 ? key : this.getLastKey();
+        return nextKey !== null && nextKey !== void 0 ? nextKey : this.getLastKey();
     }
     getKeyForSearch(search, fromKey) {
         if (!this.collator) return null;
@@ -8568,9 +8763,10 @@ class $2a25aae57d74318e$export$a05409b8bb224a5a {
         let key = fromKey || this.getFirstKey();
         while(key != null){
             let item = collection.getItem(key);
+            if (!item) return null;
             let substring = item.textValue.slice(0, search.length);
             if (item.textValue && this.collator.compare(substring, search) === 0) return key;
-            key = this.getKeyBelow(key);
+            key = this.getNextKey(key);
         }
         return null;
     }
@@ -8741,17 +8937,26 @@ class $eb2240fc39a57fa5$export$bf788dd355e3a401 {
     }
     *iterateCollection(props) {
         let { children: children, items: items } = props;
-        if (typeof children === 'function') {
+        if (($dbSRa$react).isValidElement(children) && children.type === ($dbSRa$react).Fragment) yield* this.iterateCollection({
+            children: children.props.children,
+            items: items
+        });
+        else if (typeof children === 'function') {
             if (!items) throw new Error('props.children was a function but props.items is missing');
-            for (let item of props.items)yield* this.getFullNode({
-                value: item
-            }, {
-                renderer: children
-            });
+            let index = 0;
+            for (let item of items){
+                yield* this.getFullNode({
+                    value: item,
+                    index: index
+                }, {
+                    renderer: children
+                });
+                index++;
+            }
         } else {
             let items = [];
             ($dbSRa$react).Children.forEach(children, (child)=>{
-                items.push(child);
+                if (child) items.push(child);
             });
             let index = 0;
             for (let item of items){
@@ -8784,6 +8989,19 @@ class $eb2240fc39a57fa5$export$bf788dd355e3a401 {
         };
     }
     *getFullNode(partialNode, state, parentKey, parentNode) {
+        if (($dbSRa$react).isValidElement(partialNode.element) && partialNode.element.type === ($dbSRa$react).Fragment) {
+            let children = [];
+            ($dbSRa$react).Children.forEach(partialNode.element.props.children, (child)=>{
+                children.push(child);
+            });
+            var _partialNode_index;
+            let index = (_partialNode_index = partialNode.index) !== null && _partialNode_index !== void 0 ? _partialNode_index : 0;
+            for (const child of children)yield* this.getFullNode({
+                element: child,
+                index: index++
+            }, state, parentKey, parentNode);
+            return;
+        }
         // If there's a value instead of an element on the node, and a parent renderer function is available,
         // use it to render an element for the value.
         let element = partialNode.element;
@@ -8802,17 +9020,19 @@ class $eb2240fc39a57fa5$export$bf788dd355e3a401 {
         if (($dbSRa$react).isValidElement(element)) {
             let type = element.type;
             if (typeof type !== 'function' && typeof type.getCollectionNode !== 'function') {
-                let name = typeof element.type === 'function' ? element.type.name : element.type;
+                let name = element.type;
                 throw new Error(`Unknown element <${name}> in collection.`);
             }
             let childNodes = type.getCollectionNode(element.props, this.context);
-            let index = partialNode.index;
+            var _partialNode_index1;
+            let index = (_partialNode_index1 = partialNode.index) !== null && _partialNode_index1 !== void 0 ? _partialNode_index1 : 0;
             let result = childNodes.next();
             while(!result.done && result.value){
                 let childNode = result.value;
                 partialNode.index = index;
-                let nodeKey = childNode.key;
-                if (!nodeKey) nodeKey = childNode.element ? null : this.getKey(element, partialNode, state, parentKey);
+                var _childNode_key;
+                let nodeKey = (_childNode_key = childNode.key) !== null && _childNode_key !== void 0 ? _childNode_key : null;
+                if (nodeKey == null) nodeKey = childNode.element ? null : this.getKey(element, partialNode, state, parentKey);
                 let nodes = this.getFullNode({
                     ...childNode,
                     key: nodeKey,
@@ -8823,12 +9043,14 @@ class $eb2240fc39a57fa5$export$bf788dd355e3a401 {
                     ...nodes
                 ];
                 for (let node of children){
+                    var _childNode_value, _ref;
                     // Cache the node based on its value
-                    node.value = childNode.value || partialNode.value;
+                    node.value = (_ref = (_childNode_value = childNode.value) !== null && _childNode_value !== void 0 ? _childNode_value : partialNode.value) !== null && _ref !== void 0 ? _ref : null;
                     if (node.value) this.cache.set(node.value, node);
+                    var _parentNode_type;
                     // The partial node may have specified a type for the child in order to specify a constraint.
                     // Verify that the full node that was built recursively matches this type.
-                    if (partialNode.type && node.type !== partialNode.type) throw new Error(`Unsupported type <${$eb2240fc39a57fa5$var$capitalize(node.type)}> in <${$eb2240fc39a57fa5$var$capitalize(parentNode.type)}>. Only <${$eb2240fc39a57fa5$var$capitalize(partialNode.type)}> is supported.`);
+                    if (partialNode.type && node.type !== partialNode.type) throw new Error(`Unsupported type <${$eb2240fc39a57fa5$var$capitalize(node.type)}> in <${$eb2240fc39a57fa5$var$capitalize((_parentNode_type = parentNode === null || parentNode === void 0 ? void 0 : parentNode.type) !== null && _parentNode_type !== void 0 ? _parentNode_type : 'unknown parent type')}>. Only <${$eb2240fc39a57fa5$var$capitalize(partialNode.type)}> is supported.`);
                     index++;
                     yield node;
                 }
@@ -8837,25 +9059,26 @@ class $eb2240fc39a57fa5$export$bf788dd355e3a401 {
             return;
         }
         // Ignore invalid elements
-        if (partialNode.key == null) return;
+        if (partialNode.key == null || partialNode.type == null) return;
         // Create full node
         let builder = this;
+        var _partialNode_value, _partialNode_textValue;
         let node = {
             type: partialNode.type,
             props: partialNode.props,
             key: partialNode.key,
             parentKey: parentNode ? parentNode.key : null,
-            value: partialNode.value,
+            value: (_partialNode_value = partialNode.value) !== null && _partialNode_value !== void 0 ? _partialNode_value : null,
             level: parentNode ? parentNode.level + 1 : 0,
             index: partialNode.index,
             rendered: partialNode.rendered,
-            textValue: partialNode.textValue,
+            textValue: (_partialNode_textValue = partialNode.textValue) !== null && _partialNode_textValue !== void 0 ? _partialNode_textValue : '',
             'aria-label': partialNode['aria-label'],
             wrapper: partialNode.wrapper,
             shouldInvalidate: partialNode.shouldInvalidate,
-            hasChildNodes: partialNode.hasChildNodes,
+            hasChildNodes: partialNode.hasChildNodes || false,
             childNodes: $eb2240fc39a57fa5$var$iterable(function*() {
-                if (!partialNode.hasChildNodes) return;
+                if (!partialNode.hasChildNodes || !partialNode.childNodes) return;
                 let index = 0;
                 for (let child of partialNode.childNodes()){
                     // Ensure child keys are globally unique by prepending the parent node's key
@@ -8864,8 +9087,10 @@ class $eb2240fc39a57fa5$export$bf788dd355e3a401 {
                     // but another parent has key `ab` and its child has a key `c`. The combined keys would result in both
                     // children having a key of `abc`.
                     child.key = `${node.key}${child.key}`;
-                    child.index = index;
-                    let nodes = builder.getFullNode(child, builder.getChildState(state, child), node.key, node);
+                    let nodes = builder.getFullNode({
+                        ...child,
+                        index: index
+                    }, builder.getChildState(state, child), node.key, node);
                     for (let node of nodes){
                         index++;
                         yield node;
@@ -8994,9 +9219,10 @@ function $c5a24bc478652b5f$export$8c434b3a7a4dad6(collection, a, b) {
 }
 function $c5a24bc478652b5f$var$getAncestors(collection, node) {
     let parents = [];
-    while((node === null || node === void 0 ? void 0 : node.parentKey) != null){
-        node = collection.getItem(node.parentKey);
-        parents.unshift(node);
+    let currNode = node;
+    while((currNode === null || currNode === void 0 ? void 0 : currNode.parentKey) != null){
+        currNode = collection.getItem(currNode.parentKey);
+        if (currNode) parents.unshift(currNode);
     }
     return parents;
 }
@@ -9016,14 +9242,15 @@ const $453cc9f0df89c0a5$var$cache = new WeakMap();
 function $453cc9f0df89c0a5$export$77d5aafae4e095b2(collection) {
     let count = $453cc9f0df89c0a5$var$cache.get(collection);
     if (count != null) return count;
-    count = 0;
+    // TS isn't smart enough to know we've ensured count is a number, so use a new variable
+    let counter = 0;
     let countItems = (items)=>{
         for (let item of items)if (item.type === 'section') countItems(($c5a24bc478652b5f$export$1005530eda016c13)(item, collection));
-        else count++;
+        else counter++;
     };
     countItems(collection);
-    $453cc9f0df89c0a5$var$cache.set(collection, count);
-    return count;
+    $453cc9f0df89c0a5$var$cache.set(collection, counter);
+    return counter;
 }
 
 /*
@@ -9462,136 +9689,33 @@ function $168583247155ddda$export$dc9c12ed27dd1b49(props, state, ref) {
             state.open('first');
         }
     });
-    let pressProps = {
-        onPressStart (e) {
-            // For consistency with native, open the menu on mouse/key down, but touch up.
-            if (e.pointerType !== 'touch' && e.pointerType !== 'keyboard' && !isDisabled) // If opened with a screen reader, auto focus the first item.
-            // Otherwise, the menu itself will be focused.
-            state.open(e.pointerType === 'virtual' ? 'first' : null);
-        },
-        onPress (e) {
-            if (e.pointerType === 'touch' && !isDisabled) state.toggle();
-        }
-    };
-    // omit onPress from triggerProps since we override it above.
-    delete triggerProps.onPress;
-    return {
-        menuTriggerProps: {
-            ...triggerProps,
-            ...trigger === 'press' ? pressProps : longPressProps,
-            id: menuTriggerId,
-            onKeyDown: onKeyDown
-        },
-        menuProps: {
-            ...overlayProps,
-            'aria-labelledby': menuTriggerId,
-            autoFocus: state.focusStrategy || true,
-            onClose: state.close
-        }
-    };
-}
-
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-
-
-
-function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
-    let { inputElementType: inputElementType = 'input', isDisabled: isDisabled = false, isRequired: isRequired = false, isReadOnly: isReadOnly = false, type: type = 'text', validationBehavior: validationBehavior = 'aria' } = props;
-    let [value, setValue] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(props.value, props.defaultValue || '', props.onChange);
-    let { focusableProps: focusableProps } = ($e6afbd83fe6ebbd2$export$4c014de7c8940b4c)(props, ref);
-    let validationState = ($e5be200c675c3b3a$export$fc1a364ae1f3ff10)({
-        ...props,
-        value: value
-    });
-    let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = validationState.displayValidation;
-    let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = ($2baaea4c71418dea$export$294aa081a6c6f55d)({
-        ...props,
-        isInvalid: isInvalid,
-        errorMessage: props.errorMessage || validationErrors
-    });
-    let domProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
-        labelable: true
-    });
-    const inputOnlyProps = {
-        type: type,
-        pattern: props.pattern
-    };
-    ($99facab73266f662$export$5add1d006293d136)(ref, value, setValue);
-    ($e93e671b31057976$export$b8473d3665f3a75a)(props, validationState, ref);
-    ($dbSRa$react.useEffect)(()=>{
-        // This works around a React/Chrome bug that prevents textarea elements from validating when controlled.
-        // We prevent React from updating defaultValue (i.e. children) of textarea when `value` changes,
-        // which causes Chrome to skip validation. Only updating `value` is ok in our case since our
-        // textareas are always controlled. React is planning on removing this synchronization in a
-        // future major version.
-        // https://github.com/facebook/react/issues/19474
-        // https://github.com/facebook/react/issues/11896
-        if (ref.current instanceof ($431fbd86ca7dc216$export$f21a1ffae260145a)(ref.current).HTMLTextAreaElement) {
-            let input = ref.current;
-            Object.defineProperty(input, 'defaultValue', {
-                get: ()=>input.value,
-                set: ()=>{},
-                configurable: true
-            });
+    let pressProps = {
+        onPressStart (e) {
+            // For consistency with native, open the menu on mouse/key down, but touch up.
+            if (e.pointerType !== 'touch' && e.pointerType !== 'keyboard' && !isDisabled) // If opened with a screen reader, auto focus the first item.
+            // Otherwise, the menu itself will be focused.
+            state.open(e.pointerType === 'virtual' ? 'first' : null);
+        },
+        onPress (e) {
+            if (e.pointerType === 'touch' && !isDisabled) state.toggle();
         }
-    }, [
-        ref
-    ]);
+    };
+    // omit onPress from triggerProps since we override it above.
+    delete triggerProps.onPress;
     return {
-        labelProps: labelProps,
-        inputProps: ($3ef42575df84b30b$export$9d1611c77c2fe928)(domProps, inputElementType === 'input' ? inputOnlyProps : undefined, {
-            disabled: isDisabled,
-            readOnly: isReadOnly,
-            required: isRequired && validationBehavior === 'native',
-            'aria-required': isRequired && validationBehavior === 'aria' || undefined,
-            'aria-invalid': isInvalid || undefined,
-            'aria-errormessage': props['aria-errormessage'],
-            'aria-activedescendant': props['aria-activedescendant'],
-            'aria-autocomplete': props['aria-autocomplete'],
-            'aria-haspopup': props['aria-haspopup'],
-            value: value,
-            onChange: (e)=>setValue(e.target.value),
-            autoComplete: props.autoComplete,
-            autoCapitalize: props.autoCapitalize,
-            maxLength: props.maxLength,
-            minLength: props.minLength,
-            name: props.name,
-            placeholder: props.placeholder,
-            inputMode: props.inputMode,
-            // Clipboard events
-            onCopy: props.onCopy,
-            onCut: props.onCut,
-            onPaste: props.onPaste,
-            // Composition events
-            onCompositionEnd: props.onCompositionEnd,
-            onCompositionStart: props.onCompositionStart,
-            onCompositionUpdate: props.onCompositionUpdate,
-            // Selection events
-            onSelect: props.onSelect,
-            // Input events
-            onBeforeInput: props.onBeforeInput,
-            onInput: props.onInput,
-            ...focusableProps,
-            ...fieldProps
-        }),
-        descriptionProps: descriptionProps,
-        errorMessageProps: errorMessageProps,
-        isInvalid: isInvalid,
-        validationErrors: validationErrors,
-        validationDetails: validationDetails
+        // @ts-ignore - TODO we pass out both DOMAttributes AND AriaButtonProps, but useButton will discard the longPress event handlers, it's only through PressResponder magic that this works for RSP and RAC. it does not work in aria examples
+        menuTriggerProps: {
+            ...triggerProps,
+            ...trigger === 'press' ? pressProps : longPressProps,
+            id: menuTriggerId,
+            onKeyDown: onKeyDown
+        },
+        menuProps: {
+            ...overlayProps,
+            'aria-labelledby': menuTriggerId,
+            autoFocus: state.focusStrategy || true,
+            onClose: state.close
+        }
     };
 }
 
@@ -9665,6 +9789,85 @@ function $40df3f8667284809$export$d55e7ee900f34e93(props, ref) {
     };
 }
 
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the 'License');
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+function $5e910fae8e128ead$export$6e3e27031a30522f(props, state, ref) {
+    let { isDisabled: isDisabled } = props;
+    let triggerId = ($bdb11010cef70236$export$f680877a34711e37)();
+    let panelId = ($bdb11010cef70236$export$f680877a34711e37)();
+    let isSSR = ($b5e257d569688ac6$export$535bd6ca7f90a273)();
+    let supportsBeforeMatch = !isSSR && 'onbeforematch' in document.body;
+    let raf = ($dbSRa$react.useRef)(null);
+    let handleBeforeMatch = ($dbSRa$react.useCallback)(()=>{
+        // Wait a frame to revert browser's removal of hidden attribute
+        raf.current = requestAnimationFrame(()=>{
+            if (ref.current) ref.current.setAttribute('hidden', 'until-found');
+        });
+        // Force sync state update
+        ($iETbY$reactdom.flushSync)(()=>{
+            state.toggle();
+        });
+    }, [
+        ref,
+        state
+    ]);
+    // @ts-ignore https://github.com/facebook/react/pull/24741
+    ($e9faafb641e167db$export$90fc3a17d93f704c)(ref, 'beforematch', supportsBeforeMatch ? handleBeforeMatch : null);
+    ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
+        // Cancel any pending RAF to prevent stale updates
+        if (raf.current) cancelAnimationFrame(raf.current);
+        // Until React supports hidden="until-found": https://github.com/facebook/react/pull/24741
+        if (supportsBeforeMatch && ref.current && !isDisabled) {
+            if (state.isExpanded) ref.current.removeAttribute('hidden');
+            else ref.current.setAttribute('hidden', 'until-found');
+        }
+    }, [
+        isDisabled,
+        ref,
+        state.isExpanded,
+        supportsBeforeMatch
+    ]);
+    ($dbSRa$react.useEffect)(()=>{
+        return ()=>{
+            if (raf.current) cancelAnimationFrame(raf.current);
+        };
+    }, []);
+    return {
+        buttonProps: {
+            id: triggerId,
+            'aria-expanded': state.isExpanded,
+            'aria-controls': panelId,
+            onPress: (e)=>{
+                if (!isDisabled && e.pointerType !== 'keyboard') state.toggle();
+            },
+            isDisabled: isDisabled,
+            onPressStart (e) {
+                if (e.pointerType === 'keyboard' && !isDisabled) state.toggle();
+            }
+        },
+        panelProps: {
+            id: panelId,
+            // This can be overridden at the panel element level.
+            role: 'group',
+            'aria-labelledby': triggerId,
+            'aria-hidden': !state.isExpanded,
+            hidden: supportsBeforeMatch ? true : !state.isExpanded
+        }
+    };
+}
+
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -9677,7 +9880,8 @@ function $40df3f8667284809$export$d55e7ee900f34e93(props, ref) {
  * governing permissions and limitations under the License.
  */ const $ce9b18daab526bbd$export$5b9bb410392e3991 = new WeakMap();
 function $ce9b18daab526bbd$export$f45c25170b9a99c2(state, key) {
-    let { id: id } = $ce9b18daab526bbd$export$5b9bb410392e3991.get(state);
+    var _listMap_get;
+    let { id: id } = (_listMap_get = $ce9b18daab526bbd$export$5b9bb410392e3991.get(state)) !== null && _listMap_get !== void 0 ? _listMap_get : {};
     if (!id) throw new Error('Unknown list');
     return `${id}-${$ce9b18daab526bbd$export$e0c709538cb8ae18(key)}`;
 }
@@ -10339,7 +10543,7 @@ function $5b9b5b5723db6ae1$export$be42ebdab07ae4c2(props) {
     let interactionDescription = ($dbSRa$react.useMemo)(()=>{
         let selectionMode = props.selectionManager.selectionMode;
         let selectionBehavior = props.selectionManager.selectionBehavior;
-        let message = undefined;
+        let message;
         if (shouldLongPress) message = stringFormatter.format('longPressToSelect');
         return selectionBehavior === 'replace' && selectionMode !== 'none' && props.hasItemActions ? message : undefined;
     }, [
@@ -10461,26 +10665,39 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
         var _ref_current;
         // Don't shift focus to the row if the active element is a element within the row already
         // (e.g. clicking on a row button)
-        if (keyWhenFocused.current != null && node.key !== keyWhenFocused.current || !((_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.contains(document.activeElement))) ($6a99195332edec8b$export$80f3e147d781571c)(ref.current);
+        if (ref.current !== null && (keyWhenFocused.current != null && node.key !== keyWhenFocused.current || !((_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.contains(document.activeElement)))) ($6a99195332edec8b$export$80f3e147d781571c)(ref.current);
     };
     let treeGridRowProps = {};
     let hasChildRows;
     let hasLink = state.selectionManager.isLink(node.key);
     if (node != null && 'expandedKeys' in state) {
+        var _state_collection_getChildren, _state_collection, _filter_at;
         // TODO: ideally node.hasChildNodes would be a way to tell if a row has child nodes, but the row's contents make it so that value is always
         // true...
+        let children = (_state_collection_getChildren = (_state_collection = state.collection).getChildren) === null || _state_collection_getChildren === void 0 ? void 0 : _state_collection_getChildren.call(_state_collection, node.key);
         hasChildRows = [
-            ...state.collection.getChildren(node.key)
+            ...children !== null && children !== void 0 ? children : []
         ].length > 1;
         if (onAction == null && !hasLink && state.selectionManager.selectionMode === 'none' && hasChildRows) onAction = ()=>state.toggleKey(node.key);
         let isExpanded = hasChildRows ? state.expandedKeys.has(node.key) : undefined;
+        let setSize = 1;
+        var _filter_at_index;
+        if (node.level > 0 && (node === null || node === void 0 ? void 0 : node.parentKey) != null) {
+            let parent = state.collection.getItem(node.parentKey);
+            if (parent) {
+                var _state_collection_getChildren1, _state_collection1;
+                // siblings must exist because our original node exists, same with lastItem
+                let siblings = (_state_collection_getChildren1 = (_state_collection1 = state.collection).getChildren) === null || _state_collection_getChildren1 === void 0 ? void 0 : _state_collection_getChildren1.call(_state_collection1, parent.key);
+                setSize = ($c5a24bc478652b5f$export$7475b2c64539e4cf)(siblings).index + 1;
+            }
+        } else setSize = ((_filter_at_index = (_filter_at = [
+            ...state.collection
+        ].filter((row)=>row.level === 0).at(-1)) === null || _filter_at === void 0 ? void 0 : _filter_at.index) !== null && _filter_at_index !== void 0 ? _filter_at_index : 0) + 1;
         treeGridRowProps = {
             'aria-expanded': isExpanded,
             'aria-level': node.level + 1,
             'aria-posinset': (node === null || node === void 0 ? void 0 : node.index) + 1,
-            'aria-setsize': node.level > 0 ? ($c5a24bc478652b5f$export$7475b2c64539e4cf)(state.collection.getChildren(node === null || node === void 0 ? void 0 : node.parentKey)).index + 1 : [
-                ...state.collection
-            ].filter((row)=>row.level === 0).at(-1).index + 1
+            'aria-setsize': setSize
         };
     }
     let { itemProps: itemProps, ...itemStates } = ($880e95eb8b93ba9a$export$ecf600387e221c37)({
@@ -10494,7 +10711,7 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
         linkBehavior: linkBehavior
     });
     let onKeyDown = (e)=>{
-        if (!e.currentTarget.contains(e.target)) return;
+        if (!e.currentTarget.contains(e.target) || !ref.current || !document.activeElement) return;
         let walker = ($9bf71ea28793e738$export$2d6ec8fc375ceafa)(ref.current);
         walker.currentNode = document.activeElement;
         if ('expandedKeys' in state && document.activeElement === ref.current) {
@@ -10579,9 +10796,10 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
                 // to the row above/below instead. We need to re-dispatch the event from a higher parent so it still
                 // bubbles and gets handled by useSelectableCollection.
                 if (!e.altKey && ref.current.contains(e.target)) {
+                    var _ref_current_parentElement;
                     e.stopPropagation();
                     e.preventDefault();
-                    ref.current.parentElement.dispatchEvent(new KeyboardEvent(e.nativeEvent.type, e.nativeEvent));
+                    (_ref_current_parentElement = ref.current.parentElement) === null || _ref_current_parentElement === void 0 ? void 0 : _ref_current_parentElement.dispatchEvent(new KeyboardEvent(e.nativeEvent.type, e.nativeEvent));
                 }
                 break;
             case 'Tab':
@@ -10650,8 +10868,8 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
     };
 }
 function $4e8b0456ef72939f$var$last(walker) {
-    let next;
-    let last;
+    let next = null;
+    let last = null;
     do {
         last = walker.lastChild();
         if (last) next = last;
@@ -10893,7 +11111,7 @@ function $58aed456727eb0f3$export$e64b2f635402ca43(props, state, ref) {
         usage: 'search',
         sensitivity: 'base'
     });
-    let delegate = ($dbSRa$react.useMemo)(()=>keyboardDelegate || new ($2a25aae57d74318e$export$a05409b8bb224a5a)(state.collection, state.disabledKeys, null, collator), [
+    let delegate = ($dbSRa$react.useMemo)(()=>keyboardDelegate || new ($2a25aae57d74318e$export$a05409b8bb224a5a)(state.collection, state.disabledKeys, ref, collator), [
         keyboardDelegate,
         state.collection,
         state.disabledKeys,
@@ -10907,17 +11125,19 @@ function $58aed456727eb0f3$export$e64b2f635402ca43(props, state, ref) {
         switch(e.key){
             case 'ArrowLeft':
                 {
+                    var _delegate_getKeyAbove, _delegate_getFirstKey;
                     // prevent scrolling containers
                     e.preventDefault();
-                    let key = state.selectedKey != null ? delegate.getKeyAbove(state.selectedKey) : delegate.getFirstKey();
+                    let key = state.selectedKey != null ? (_delegate_getKeyAbove = delegate.getKeyAbove) === null || _delegate_getKeyAbove === void 0 ? void 0 : _delegate_getKeyAbove.call(delegate, state.selectedKey) : (_delegate_getFirstKey = delegate.getFirstKey) === null || _delegate_getFirstKey === void 0 ? void 0 : _delegate_getFirstKey.call(delegate);
                     if (key) state.setSelectedKey(key);
                     break;
                 }
             case 'ArrowRight':
                 {
+                    var _delegate_getKeyBelow, _delegate_getFirstKey1;
                     // prevent scrolling containers
                     e.preventDefault();
-                    let key = state.selectedKey != null ? delegate.getKeyBelow(state.selectedKey) : delegate.getFirstKey();
+                    let key = state.selectedKey != null ? (_delegate_getKeyBelow = delegate.getKeyBelow) === null || _delegate_getKeyBelow === void 0 ? void 0 : _delegate_getKeyBelow.call(delegate, state.selectedKey) : (_delegate_getFirstKey1 = delegate.getFirstKey) === null || _delegate_getFirstKey1 === void 0 ? void 0 : _delegate_getFirstKey1.call(delegate);
                     if (key) state.setSelectedKey(key);
                     break;
                 }
@@ -10955,7 +11175,8 @@ function $58aed456727eb0f3$export$e64b2f635402ca43(props, state, ref) {
             ...labelProps,
             onClick: ()=>{
                 if (!props.isDisabled) {
-                    ref.current.focus();
+                    var _ref_current;
+                    (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.focus();
                     // Show the focus ring so the user knows where focus went
                     ($507fabe10e71c6fb$export$8397ddfc504fdb9a)('keyboard');
                 }
@@ -11028,17 +11249,18 @@ function $58aed456727eb0f3$export$e64b2f635402ca43(props, state, ref) {
 
 
 
-
 function $bdd25dc72710631f$export$f809e80f58e251d1(props, state, triggerRef) {
     let data = ($58aed456727eb0f3$export$703601b7e90536f8).get(state) || {};
     let { autoComplete: autoComplete, name: name = data.name, isDisabled: isDisabled = data.isDisabled } = props;
     let { validationBehavior: validationBehavior, isRequired: isRequired } = data;
-    let modality = ($507fabe10e71c6fb$export$98e20ec92f614cfe)();
     let { visuallyHiddenProps: visuallyHiddenProps } = ($5c3e21d68f1c4674$export$a966af930f325cab)();
     ($99facab73266f662$export$5add1d006293d136)(props.selectRef, state.selectedKey, state.setSelectedKey);
     ($e93e671b31057976$export$b8473d3665f3a75a)({
         validationBehavior: validationBehavior,
-        focus: ()=>triggerRef.current.focus()
+        focus: ()=>{
+            var _triggerRef_current;
+            return (_triggerRef_current = triggerRef.current) === null || _triggerRef_current === void 0 ? void 0 : _triggerRef_current.focus();
+        }
     }, state, props.selectRef);
     var _state_selectedKey;
     // In Safari, the <select> cannot have `display: none` or `hidden` for autofill to work.
@@ -11047,18 +11269,6 @@ function $bdd25dc72710631f$export$f809e80f58e251d1(props, state, triggerRef) {
     // The solution is to use <VisuallyHidden> to hide the elements, which clips the elements to a
     // 1px rectangle. In addition, we hide from screen readers with aria-hidden, and make the <select>
     // non tabbable with tabIndex={-1}.
-    //
-    // In mobile browsers, there are next/previous buttons above the software keyboard for navigating
-    // between fields in a form. These only support native form inputs that are tabbable. In order to
-    // support those, an additional hidden input is used to marshall focus to the button. It is tabbable
-    // except when the button is focused, so that shift tab works properly to go to the actual previous
-    // input in the form. Using the <select> for this also works, but Safari on iOS briefly flashes
-    // the native menu on focus, so this isn't ideal. A font-size of 16px or greater is required to
-    // prevent Safari from zooming in on the input when it is focused.
-    //
-    // If the current interaction modality is null, then the user hasn't interacted with the page yet.
-    // In this case, we set the tabIndex to -1 on the input element so that automated accessibility
-    // checkers don't throw false-positives about focusable elements inside an aria-hidden parent.
     return {
         containerProps: {
             ...visuallyHiddenProps,
@@ -11069,13 +11279,9 @@ function $bdd25dc72710631f$export$f809e80f58e251d1(props, state, triggerRef) {
             ['data-a11y-ignore']: 'aria-hidden-focus'
         },
         inputProps: {
-            type: 'text',
-            tabIndex: modality == null || state.isFocused || state.isOpen ? -1 : 0,
             style: {
-                fontSize: 16
-            },
-            onFocus: ()=>triggerRef.current.focus(),
-            disabled: isDisabled
+                display: 'none'
+            }
         },
         selectProps: {
             tabIndex: -1,
@@ -11091,7 +11297,7 @@ function $bdd25dc72710631f$export$f809e80f58e251d1(props, state, triggerRef) {
 function $bdd25dc72710631f$export$cbd84cdb2e668835(props) {
     let { state: state, triggerRef: triggerRef, label: label, name: name, isDisabled: isDisabled } = props;
     let selectRef = ($dbSRa$react.useRef)(null);
-    let { containerProps: containerProps, inputProps: inputProps, selectProps: selectProps } = $bdd25dc72710631f$export$f809e80f58e251d1({
+    let { containerProps: containerProps, selectProps: selectProps } = $bdd25dc72710631f$export$f809e80f58e251d1({
         ...props,
         selectRef: selectRef
     }, state, triggerRef);
@@ -11102,14 +11308,14 @@ function $bdd25dc72710631f$export$cbd84cdb2e668835(props) {
     if (state.collection.size <= 300) return /*#__PURE__*/ ($dbSRa$react).createElement("div", {
         ...containerProps,
         "data-testid": "hidden-select-container"
-    }, /*#__PURE__*/ ($dbSRa$react).createElement("input", inputProps), /*#__PURE__*/ ($dbSRa$react).createElement("label", null, label, /*#__PURE__*/ ($dbSRa$react).createElement("select", {
+    }, /*#__PURE__*/ ($dbSRa$react).createElement("label", null, label, /*#__PURE__*/ ($dbSRa$react).createElement("select", {
         ...selectProps,
         ref: selectRef
     }, /*#__PURE__*/ ($dbSRa$react).createElement("option", null), [
         ...state.collection.getKeys()
     ].map((key)=>{
         let item = state.collection.getItem(key);
-        if (item.type === 'item') return /*#__PURE__*/ ($dbSRa$react).createElement("option", {
+        if (item && item.type === 'item') return /*#__PURE__*/ ($dbSRa$react).createElement("option", {
             key: item.key,
             value: item.key
         }, item.textValue);
@@ -11544,7 +11750,6 @@ function $fc6126c82a4601f1$export$3f568fff7dff2f03(props, state, ref) {
     let description = onRemove && (modality === 'keyboard' || modality === 'virtual') ? stringFormatter.format('removeDescription') : '';
     let descProps = ($ef06256079686ba0$export$f8aeda7b10753fa1)(description);
     let isFocused = item.key === state.selectionManager.focusedKey;
-    // @ts-ignore - data attributes are ok but TS doesn't know about them.
     let domProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(item.props);
     let linkProps = ($ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6)(item.props);
     return {
@@ -11717,6 +11922,51 @@ function $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref) {
  */ 
 
 
+const $01b77f81d0f07f68$export$75b6ee27786ba447 = /*#__PURE__*/ ($dbSRa$react.createContext)({});
+function $01b77f81d0f07f68$var$Label(props, ref) {
+    [props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $01b77f81d0f07f68$export$75b6ee27786ba447);
+    let { elementType: ElementType = 'label', ...labelProps } = props;
+    // @ts-ignore
+    return /*#__PURE__*/ ($dbSRa$react).createElement(ElementType, {
+        className: "react-aria-Label",
+        ...labelProps,
+        ref: ref
+    });
+}
+const $01b77f81d0f07f68$export$b04be29aa201d4f5 = /*#__PURE__*/ ($f39a9eba43920ace$export$86427a43e3e48ebb)($01b77f81d0f07f68$var$Label);
+
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+const $0393f8ab869a0f1a$export$e9f3bf65a26ce129 = /*#__PURE__*/ ($dbSRa$react.createContext)(null);
+
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
 
 
 const $d2b4bc8c273e7be6$var$additionalButtonHTMLAttributes = new Set([
@@ -11732,35 +11982,88 @@ const $d2b4bc8c273e7be6$var$additionalButtonHTMLAttributes = new Set([
 const $d2b4bc8c273e7be6$export$24d547caef80ccd1 = /*#__PURE__*/ ($dbSRa$react.createContext)({});
 function $d2b4bc8c273e7be6$var$Button(props, ref) {
     [props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $d2b4bc8c273e7be6$export$24d547caef80ccd1);
+    props = $d2b4bc8c273e7be6$var$disablePendingProps(props);
     let ctx = props;
+    let { isPending: isPending } = ctx;
     let { buttonProps: buttonProps, isPressed: isPressed } = ($701a24aa0da5b062$export$ea18c227d4417cc3)(props, ref);
     let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = ($f7dceffc5ad7768b$export$4e328f61c538687f)(props);
-    let { hoverProps: hoverProps, isHovered: isHovered } = ($6179b936705e76d3$export$ae780daf29e6d456)(props);
+    let { hoverProps: hoverProps, isHovered: isHovered } = ($6179b936705e76d3$export$ae780daf29e6d456)({
+        ...props,
+        isDisabled: props.isDisabled || isPending
+    });
+    let renderValues = {
+        isHovered: isHovered,
+        isPressed: (ctx.isPressed || isPressed) && !isPending,
+        isFocused: isFocused,
+        isFocusVisible: isFocusVisible,
+        isDisabled: props.isDisabled || false,
+        isPending: isPending !== null && isPending !== void 0 ? isPending : false
+    };
     let renderProps = ($64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
-        values: {
-            isHovered: isHovered,
-            isPressed: isPressed,
-            isFocused: isFocused,
-            isFocusVisible: isFocusVisible,
-            isDisabled: props.isDisabled || false
-        },
+        values: renderValues,
         defaultClassName: 'react-aria-Button'
     });
+    let buttonId = ($bdb11010cef70236$export$f680877a34711e37)(buttonProps.id);
+    let progressId = ($bdb11010cef70236$export$f680877a34711e37)();
+    let ariaLabelledby = buttonProps['aria-labelledby'];
+    if (isPending) {
+        // aria-labelledby wins over aria-label
+        // https://www.w3.org/TR/accname-1.2/#computation-steps
+        if (ariaLabelledby) ariaLabelledby = `${ariaLabelledby} ${progressId}`;
+        else if (buttonProps['aria-label']) ariaLabelledby = `${buttonId} ${progressId}`;
+    }
+    let wasPending = ($dbSRa$react.useRef)(isPending);
+    ($dbSRa$react.useEffect)(()=>{
+        let message = {
+            'aria-labelledby': ariaLabelledby || buttonId
+        };
+        if (!wasPending.current && isFocused && isPending) ($319e236875307eab$export$a9b970dcc4ae71a9)(message, 'assertive');
+        else if (wasPending.current && isFocused && !isPending) ($319e236875307eab$export$a9b970dcc4ae71a9)(message, 'assertive');
+        wasPending.current = isPending;
+    }, [
+        isPending,
+        isFocused,
+        ariaLabelledby,
+        buttonId
+    ]);
     return /*#__PURE__*/ ($dbSRa$react).createElement("button", {
         ...($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
             propNames: $d2b4bc8c273e7be6$var$additionalButtonHTMLAttributes
         }),
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(buttonProps, focusProps, hoverProps),
         ...renderProps,
+        id: buttonId,
         ref: ref,
+        "aria-labelledby": ariaLabelledby,
         slot: props.slot || undefined,
+        "aria-disabled": isPending ? 'true' : buttonProps['aria-disabled'],
         "data-disabled": props.isDisabled || undefined,
-        "data-pressed": ctx.isPressed || isPressed || undefined,
+        "data-pressed": renderValues.isPressed || undefined,
         "data-hovered": isHovered || undefined,
         "data-focused": isFocused || undefined,
+        "data-pending": isPending || undefined,
         "data-focus-visible": isFocusVisible || undefined
-    });
+    }, /*#__PURE__*/ ($dbSRa$react).createElement(($0393f8ab869a0f1a$export$e9f3bf65a26ce129).Provider, {
+        value: {
+            id: progressId
+        }
+    }, renderProps.children));
+}
+function $d2b4bc8c273e7be6$var$disablePendingProps(props) {
+    // Don't allow interaction while isPending is true
+    if (props.isPending) {
+        props.onPress = undefined;
+        props.onPressStart = undefined;
+        props.onPressEnd = undefined;
+        props.onPressChange = undefined;
+        props.onPressUp = undefined;
+        props.onKeyDown = undefined;
+        props.onKeyUp = undefined;
+        props.onClick = undefined;
+        props.href = undefined;
+    }
+    return props;
 }
 /**
  * A button allows a user to perform an action, with mouse, touch, and keyboard interactions.
@@ -11875,11 +12178,13 @@ function $587d3ad58be6d31f$export$daff6da51032a415(props = {}) {
     }
     getKeyBefore(key) {
         let node = this.keyMap.get(key);
-        return node ? node.prevKey : null;
+        var _node_prevKey;
+        return node ? (_node_prevKey = node.prevKey) !== null && _node_prevKey !== void 0 ? _node_prevKey : null : null;
     }
     getKeyAfter(key) {
         let node = this.keyMap.get(key);
-        return node ? node.nextKey : null;
+        var _node_nextKey;
+        return node ? (_node_nextKey = node.nextKey) !== null && _node_nextKey !== void 0 ? _node_nextKey : null : null;
     }
     getFirstKey() {
         return this.firstKey;
@@ -11888,7 +12193,8 @@ function $587d3ad58be6d31f$export$daff6da51032a415(props = {}) {
         return this.lastKey;
     }
     getItem(key) {
-        return this.keyMap.get(key);
+        var _this_keyMap_get;
+        return (_this_keyMap_get = this.keyMap.get(key)) !== null && _this_keyMap_get !== void 0 ? _this_keyMap_get : null;
     }
     at(idx) {
         const keys = [
@@ -11902,13 +12208,15 @@ function $587d3ad58be6d31f$export$daff6da51032a415(props = {}) {
     }
     constructor(nodes){
         this.keyMap = new Map();
+        this.firstKey = null;
+        this.lastKey = null;
         this.iterable = nodes;
         let visit = (node)=>{
             this.keyMap.set(node.key, node);
             if (node.childNodes && node.type === 'section') for (let child of node.childNodes)visit(child);
         };
         for (let node of nodes)visit(node);
-        let last;
+        let last = null;
         let index = 0;
         for (let [key, node] of this.keyMap){
             if (last) {
@@ -11924,7 +12232,8 @@ function $587d3ad58be6d31f$export$daff6da51032a415(props = {}) {
             // If it isn't the last node, last.nextKey will properly set at start of new loop
             last.nextKey = undefined;
         }
-        this.lastKey = last === null || last === void 0 ? void 0 : last.key;
+        var _last_key;
+        this.lastKey = (_last_key = last === null || last === void 0 ? void 0 : last.key) !== null && _last_key !== void 0 ? _last_key : null;
     }
 }
 
@@ -11942,11 +12251,11 @@ function $587d3ad58be6d31f$export$daff6da51032a415(props = {}) {
     constructor(keys, anchorKey, currentKey){
         super(keys);
         if (keys instanceof $e40ea825a81a3709$export$52baac22726c72bf) {
-            this.anchorKey = anchorKey || keys.anchorKey;
-            this.currentKey = currentKey || keys.currentKey;
+            this.anchorKey = anchorKey !== null && anchorKey !== void 0 ? anchorKey : keys.anchorKey;
+            this.currentKey = currentKey !== null && currentKey !== void 0 ? currentKey : keys.currentKey;
         } else {
-            this.anchorKey = anchorKey;
-            this.currentKey = currentKey;
+            this.anchorKey = anchorKey !== null && anchorKey !== void 0 ? anchorKey : null;
+            this.currentKey = currentKey !== null && currentKey !== void 0 ? currentKey : null;
         }
     }
 }
@@ -11972,7 +12281,7 @@ function $7af3f5b51489e0b5$var$equalSets(setA, setB) {
     return true;
 }
 function $7af3f5b51489e0b5$export$253fe78d46329472(props) {
-    let { selectionMode: selectionMode = 'none', disallowEmptySelection: disallowEmptySelection, allowDuplicateSelectionEvents: allowDuplicateSelectionEvents, selectionBehavior: selectionBehaviorProp = 'toggle', disabledBehavior: disabledBehavior = 'all' } = props;
+    let { selectionMode: selectionMode = 'none', disallowEmptySelection: disallowEmptySelection = false, allowDuplicateSelectionEvents: allowDuplicateSelectionEvents, selectionBehavior: selectionBehaviorProp = 'toggle', disabledBehavior: disabledBehavior = 'all' } = props;
     // We want synchronous updates to `isFocused` and `focusedKey` after their setters are called.
     // But we also need to trigger a react re-render. So, we have both a ref (sync) and state (async).
     let isFocusedRef = ($dbSRa$react.useRef)(false);
@@ -12111,8 +12420,9 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
    * Returns whether a key is selected.
    */ isSelected(key) {
         if (this.state.selectionMode === 'none') return false;
-        key = this.getKey(key);
-        return this.state.selectedKeys === 'all' ? this.canSelectItem(key) : this.state.selectedKeys.has(key);
+        let mappedKey = this.getKey(key);
+        if (mappedKey == null) return false;
+        return this.state.selectedKeys === 'all' ? this.canSelectItem(mappedKey) : this.state.selectedKeys.has(mappedKey);
     }
     /**
    * Whether the selection is empty.
@@ -12136,7 +12446,8 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
             let item = this.collection.getItem(key);
             if (!first || item && ($c5a24bc478652b5f$export$8c434b3a7a4dad6)(this.collection, item, first) < 0) first = item;
         }
-        return first === null || first === void 0 ? void 0 : first.key;
+        var _first_key;
+        return (_first_key = first === null || first === void 0 ? void 0 : first.key) !== null && _first_key !== void 0 ? _first_key : null;
     }
     get lastSelectedKey() {
         let last = null;
@@ -12144,7 +12455,8 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
             let item = this.collection.getItem(key);
             if (!last || item && ($c5a24bc478652b5f$export$8c434b3a7a4dad6)(this.collection, item, last) > 0) last = item;
         }
-        return last === null || last === void 0 ? void 0 : last.key;
+        var _last_key;
+        return (_last_key = last === null || last === void 0 ? void 0 : last.key) !== null && _last_key !== void 0 ? _last_key : null;
     }
     get disabledKeys() {
         return this.state.disabledKeys;
@@ -12160,18 +12472,21 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
             this.replaceSelection(toKey);
             return;
         }
-        toKey = this.getKey(toKey);
+        let mappedToKey = this.getKey(toKey);
+        if (mappedToKey == null) return;
         let selection;
         // Only select the one key if coming from a select all.
         if (this.state.selectedKeys === 'all') selection = new ($e40ea825a81a3709$export$52baac22726c72bf)([
-            toKey
-        ], toKey, toKey);
+            mappedToKey
+        ], mappedToKey, mappedToKey);
         else {
             let selectedKeys = this.state.selectedKeys;
-            let anchorKey = selectedKeys.anchorKey || toKey;
-            selection = new ($e40ea825a81a3709$export$52baac22726c72bf)(selectedKeys, anchorKey, toKey);
-            for (let key of this.getKeyRange(anchorKey, selectedKeys.currentKey || toKey))selection.delete(key);
-            for (let key of this.getKeyRange(toKey, anchorKey))if (this.canSelectItem(key)) selection.add(key);
+            var _selectedKeys_anchorKey;
+            let anchorKey = (_selectedKeys_anchorKey = selectedKeys.anchorKey) !== null && _selectedKeys_anchorKey !== void 0 ? _selectedKeys_anchorKey : mappedToKey;
+            selection = new ($e40ea825a81a3709$export$52baac22726c72bf)(selectedKeys, anchorKey, mappedToKey);
+            var _selectedKeys_currentKey;
+            for (let key of this.getKeyRange(anchorKey, (_selectedKeys_currentKey = selectedKeys.currentKey) !== null && _selectedKeys_currentKey !== void 0 ? _selectedKeys_currentKey : mappedToKey))selection.delete(key);
+            for (let key of this.getKeyRange(mappedToKey, anchorKey))if (this.canSelectItem(key)) selection.add(key);
         }
         this.state.setSelectedKeys(selection);
     }
@@ -12185,11 +12500,13 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
         return [];
     }
     getKeyRangeInternal(from, to) {
+        var _this_layoutDelegate;
+        if ((_this_layoutDelegate = this.layoutDelegate) === null || _this_layoutDelegate === void 0 ? void 0 : _this_layoutDelegate.getKeyRange) return this.layoutDelegate.getKeyRange(from, to);
         let keys = [];
         let key = from;
-        while(key){
+        while(key != null){
             let item = this.collection.getItem(key);
-            if (item && item.type === 'item' || item.type === 'cell' && this.allowsCellSelection) keys.push(key);
+            if (item && (item.type === 'item' || item.type === 'cell' && this.allowsCellSelection)) keys.push(key);
             if (key === to) return keys;
             key = this.collection.getKeyAfter(key);
         }
@@ -12202,7 +12519,7 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
         // If cell selection is allowed, just return the key.
         if (item.type === 'cell' && this.allowsCellSelection) return key;
         // Find a parent item to select
-        while(item.type !== 'item' && item.parentKey != null)item = this.collection.getItem(item.parentKey);
+        while(item && item.type !== 'item' && item.parentKey != null)item = this.collection.getItem(item.parentKey);
         if (!item || item.type !== 'item') return null;
         return item.key;
     }
@@ -12214,14 +12531,14 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
             this.replaceSelection(key);
             return;
         }
-        key = this.getKey(key);
-        if (key == null) return;
+        let mappedKey = this.getKey(key);
+        if (mappedKey == null) return;
         let keys = new ($e40ea825a81a3709$export$52baac22726c72bf)(this.state.selectedKeys === 'all' ? this.getSelectAllKeys() : this.state.selectedKeys);
-        if (keys.has(key)) keys.delete(key);
-        else if (this.canSelectItem(key)) {
-            keys.add(key);
-            keys.anchorKey = key;
-            keys.currentKey = key;
+        if (keys.has(mappedKey)) keys.delete(mappedKey);
+        else if (this.canSelectItem(mappedKey)) {
+            keys.add(mappedKey);
+            keys.anchorKey = mappedKey;
+            keys.currentKey = mappedKey;
         }
         if (this.disallowEmptySelection && keys.size === 0) return;
         this.state.setSelectedKeys(keys);
@@ -12230,11 +12547,11 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
    * Replaces the selection with only the given key.
    */ replaceSelection(key) {
         if (this.selectionMode === 'none') return;
-        key = this.getKey(key);
-        if (key == null) return;
-        let selection = this.canSelectItem(key) ? new ($e40ea825a81a3709$export$52baac22726c72bf)([
-            key
-        ], key, key) : new ($e40ea825a81a3709$export$52baac22726c72bf)();
+        let mappedKey = this.getKey(key);
+        if (mappedKey == null) return;
+        let selection = this.canSelectItem(mappedKey) ? new ($e40ea825a81a3709$export$52baac22726c72bf)([
+            mappedKey
+        ], mappedKey, mappedKey) : new ($e40ea825a81a3709$export$52baac22726c72bf)();
         this.state.setSelectedKeys(selection);
     }
     /**
@@ -12243,9 +12560,9 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
         if (this.selectionMode === 'none') return;
         let selection = new ($e40ea825a81a3709$export$52baac22726c72bf)();
         for (let key of keys){
-            key = this.getKey(key);
-            if (key != null) {
-                selection.add(key);
+            let mappedKey = this.getKey(key);
+            if (mappedKey != null) {
+                selection.add(mappedKey);
                 if (this.selectionMode === 'single') break;
             }
         }
@@ -12256,10 +12573,12 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
         let addKeys = (key)=>{
             while(key != null){
                 if (this.canSelectItem(key)) {
+                    var _getFirstItem;
                     let item = this.collection.getItem(key);
-                    if (item.type === 'item') keys.push(key);
+                    if ((item === null || item === void 0 ? void 0 : item.type) === 'item') keys.push(key);
+                    var _getFirstItem_key;
                     // Add child keys. If cell selection is allowed, then include item children too.
-                    if (item.hasChildNodes && (this.allowsCellSelection || item.type !== 'item')) addKeys(($c5a24bc478652b5f$export$fbdeaa6a76694f71)(($c5a24bc478652b5f$export$1005530eda016c13)(item, this.collection)).key);
+                    if ((item === null || item === void 0 ? void 0 : item.hasChildNodes) && (this.allowsCellSelection || item.type !== 'item')) addKeys((_getFirstItem_key = (_getFirstItem = ($c5a24bc478652b5f$export$fbdeaa6a76694f71)(($c5a24bc478652b5f$export$1005530eda016c13)(item, this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key) !== null && _getFirstItem_key !== void 0 ? _getFirstItem_key : null);
                 }
                 key = this.collection.getKeyAfter(key);
             }
@@ -12332,6 +12651,7 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
         var _options_allowsCellSelection;
         this.allowsCellSelection = (_options_allowsCellSelection = options === null || options === void 0 ? void 0 : options.allowsCellSelection) !== null && _options_allowsCellSelection !== void 0 ? _options_allowsCellSelection : false;
         this._isSelectAll = null;
+        this.layoutDelegate = (options === null || options === void 0 ? void 0 : options.layoutDelegate) || null;
     }
 }
 
@@ -12350,7 +12670,7 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
 
 
 function $e72dd72e1c76a225$export$2f645645f7bca764(props) {
-    let { filter: filter } = props;
+    let { filter: filter, layoutDelegate: layoutDelegate } = props;
     let selectionState = ($7af3f5b51489e0b5$export$253fe78d46329472)(props);
     let disabledKeys = ($dbSRa$react.useMemo)(()=>props.disabledKeys ? new Set(props.disabledKeys) : new Set(), [
         props.disabledKeys
@@ -12364,30 +12684,35 @@ function $e72dd72e1c76a225$export$2f645645f7bca764(props) {
         props.suppressTextValueWarning
     ]);
     let collection = ($7613b1592d41b092$export$6cd28814d92fa9c9)(props, factory, context);
-    let selectionManager = ($dbSRa$react.useMemo)(()=>new ($d496c0a20b6e58ec$export$6c8a5aaad13c9852)(collection, selectionState), [
+    let selectionManager = ($dbSRa$react.useMemo)(()=>new ($d496c0a20b6e58ec$export$6c8a5aaad13c9852)(collection, selectionState, {
+            layoutDelegate: layoutDelegate
+        }), [
         collection,
-        selectionState
+        selectionState,
+        layoutDelegate
     ]);
     // Reset focused key if that item is deleted from the collection.
     const cachedCollection = ($dbSRa$react.useRef)(null);
     ($dbSRa$react.useEffect)(()=>{
-        if (selectionState.focusedKey != null && !collection.getItem(selectionState.focusedKey)) {
+        if (selectionState.focusedKey != null && !collection.getItem(selectionState.focusedKey) && cachedCollection.current) {
             const startItem = cachedCollection.current.getItem(selectionState.focusedKey);
             const cachedItemNodes = [
                 ...cachedCollection.current.getKeys()
             ].map((key)=>{
                 const itemNode = cachedCollection.current.getItem(key);
-                return itemNode.type === 'item' ? itemNode : null;
+                return (itemNode === null || itemNode === void 0 ? void 0 : itemNode.type) === 'item' ? itemNode : null;
             }).filter((node)=>node !== null);
             const itemNodes = [
                 ...collection.getKeys()
             ].map((key)=>{
                 const itemNode = collection.getItem(key);
-                return itemNode.type === 'item' ? itemNode : null;
+                return (itemNode === null || itemNode === void 0 ? void 0 : itemNode.type) === 'item' ? itemNode : null;
             }).filter((node)=>node !== null);
-            const diff = cachedItemNodes.length - itemNodes.length;
-            let index = Math.min(diff > 1 ? Math.max(startItem.index - diff + 1, 0) : startItem.index, itemNodes.length - 1);
-            let newNode;
+            var _cachedItemNodes_length, _itemNodes_length;
+            const diff = ((_cachedItemNodes_length = cachedItemNodes === null || cachedItemNodes === void 0 ? void 0 : cachedItemNodes.length) !== null && _cachedItemNodes_length !== void 0 ? _cachedItemNodes_length : 0) - ((_itemNodes_length = itemNodes === null || itemNodes === void 0 ? void 0 : itemNodes.length) !== null && _itemNodes_length !== void 0 ? _itemNodes_length : 0);
+            var _startItem_index, _startItem_index1, _itemNodes_length1;
+            let index = Math.min(diff > 1 ? Math.max(((_startItem_index = startItem === null || startItem === void 0 ? void 0 : startItem.index) !== null && _startItem_index !== void 0 ? _startItem_index : 0) - diff + 1, 0) : (_startItem_index1 = startItem === null || startItem === void 0 ? void 0 : startItem.index) !== null && _startItem_index1 !== void 0 ? _startItem_index1 : 0, ((_itemNodes_length1 = itemNodes === null || itemNodes === void 0 ? void 0 : itemNodes.length) !== null && _itemNodes_length1 !== void 0 ? _itemNodes_length1 : 0) - 1);
+            let newNode = null;
             let isReverseSearching = false;
             while(index >= 0){
                 if (!selectionManager.isDisabled(itemNodes[index].key)) {
@@ -12398,7 +12723,8 @@ function $e72dd72e1c76a225$export$2f645645f7bca764(props) {
                 if (index < itemNodes.length - 1 && !isReverseSearching) index++;
                 else {
                     isReverseSearching = true;
-                    if (index > startItem.index) index = startItem.index;
+                    var _startItem_index2, _startItem_index3;
+                    if (index > ((_startItem_index2 = startItem === null || startItem === void 0 ? void 0 : startItem.index) !== null && _startItem_index2 !== void 0 ? _startItem_index2 : 0)) index = (_startItem_index3 = startItem === null || startItem === void 0 ? void 0 : startItem.index) !== null && _startItem_index3 !== void 0 ? _startItem_index3 : 0;
                     index--;
                 }
             }
@@ -12446,6 +12772,8 @@ function $a0d645289fe9b86b$export$e7f05e985daf4b5f(props) {
         allowDuplicateSelectionEvents: true,
         selectedKeys: selectedKeys,
         onSelectionChange: (keys)=>{
+            // impossible, but TS doesn't know that
+            if (keys === 'all') return;
             var _keys_values_next_value;
             let key = (_keys_values_next_value = keys.values().next().value) !== null && _keys_values_next_value !== void 0 ? _keys_values_next_value : null;
             // Always fire onSelectionChange, even if the key is the same
@@ -12496,11 +12824,150 @@ function $fc909762b330b746$export$61c6a8c84e605fb6(props) {
         isOpen
     ]);
     return {
-        isOpen: isOpen,
-        setOpen: setOpen,
-        open: open,
-        close: close,
-        toggle: toggle
+        isOpen: isOpen,
+        setOpen: setOpen,
+        open: open,
+        close: close,
+        toggle: toggle
+    };
+}
+
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+function $bf996d45f4a36925$export$3fcbf6e4407997e0(props) {
+    let [isExpanded, setExpanded] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(props.isExpanded, props.defaultExpanded || false, props.onExpandedChange);
+    const expand = ($dbSRa$react.useCallback)(()=>{
+        setExpanded(true);
+    }, [
+        setExpanded
+    ]);
+    const collapse = ($dbSRa$react.useCallback)(()=>{
+        setExpanded(false);
+    }, [
+        setExpanded
+    ]);
+    const toggle = ($dbSRa$react.useCallback)(()=>{
+        setExpanded(!isExpanded);
+    }, [
+        setExpanded,
+        isExpanded
+    ]);
+    return {
+        isExpanded: isExpanded,
+        setExpanded: setExpanded,
+        expand: expand,
+        collapse: collapse,
+        toggle: toggle
+    };
+}
+
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+function $9385b3affbdec831$export$f36461af0ef4707d(props) {
+    let { allowsMultipleExpanded: allowsMultipleExpanded = false, isDisabled: isDisabled = false } = props;
+    let [expandedKeys, setExpandedKeys] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(($dbSRa$react.useMemo)(()=>props.expandedKeys ? new Set(props.expandedKeys) : undefined, [
+        props.expandedKeys
+    ]), ($dbSRa$react.useMemo)(()=>props.defaultExpandedKeys ? new Set(props.defaultExpandedKeys) : new Set(), [
+        props.defaultExpandedKeys
+    ]), props.onExpandedChange);
+    ($dbSRa$react.useEffect)(()=>{
+        // Ensure only one item is expanded if allowsMultipleExpanded is false.
+        if (!allowsMultipleExpanded && expandedKeys.size > 1) setExpandedKeys(new Set([
+            expandedKeys.values().next().value
+        ]));
+    });
+    return {
+        allowsMultipleExpanded: allowsMultipleExpanded,
+        isDisabled: isDisabled,
+        expandedKeys: expandedKeys,
+        setExpandedKeys: setExpandedKeys,
+        toggleKey (key) {
+            let keys;
+            if (allowsMultipleExpanded) {
+                keys = new Set(expandedKeys);
+                if (keys.has(key)) keys.delete(key);
+                else keys.add(key);
+            } else keys = new Set(expandedKeys.has(key) ? [] : [
+                key
+            ]);
+            setExpandedKeys(keys);
+        }
+    };
+}
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+function $a28c903ee9ad8dc5$export$79fefeb1c2091ac3(props) {
+    let overlayTriggerState = ($fc909762b330b746$export$61c6a8c84e605fb6)(props);
+    let [focusStrategy, setFocusStrategy] = ($dbSRa$react.useState)(null);
+    let [expandedKeysStack, setExpandedKeysStack] = ($dbSRa$react.useState)([]);
+    let closeAll = ()=>{
+        setExpandedKeysStack([]);
+        overlayTriggerState.close();
+    };
+    let openSubmenu = (triggerKey, level)=>{
+        setExpandedKeysStack((oldStack)=>{
+            if (level > oldStack.length) return oldStack;
+            return [
+                ...oldStack.slice(0, level),
+                triggerKey
+            ];
+        });
+    };
+    let closeSubmenu = (triggerKey, level)=>{
+        setExpandedKeysStack((oldStack)=>{
+            let key = oldStack[level];
+            if (key === triggerKey) return oldStack.slice(0, level);
+            else return oldStack;
+        });
+    };
+    return {
+        focusStrategy: focusStrategy,
+        ...overlayTriggerState,
+        open (focusStrategy = null) {
+            setFocusStrategy(focusStrategy);
+            overlayTriggerState.open();
+        },
+        toggle (focusStrategy = null) {
+            setFocusStrategy(focusStrategy);
+            overlayTriggerState.toggle();
+        },
+        close () {
+            closeAll();
+        },
+        expandedKeysStack: expandedKeysStack,
+        openSubmenu: openSubmenu,
+        closeSubmenu: closeSubmenu
     };
 }
 
@@ -12629,7 +13096,7 @@ function $8796f90736e175cb$export$4d40659c25ecb50b(props = {}) {
     let { delay: delay = $8796f90736e175cb$var$TOOLTIP_DELAY, closeDelay: closeDelay = $8796f90736e175cb$var$TOOLTIP_COOLDOWN } = props;
     let { isOpen: isOpen, open: open, close: close } = ($fc909762b330b746$export$61c6a8c84e605fb6)(props);
     let id = ($dbSRa$react.useMemo)(()=>`${++$8796f90736e175cb$var$tooltipId}`, []);
-    let closeTimeout = ($dbSRa$react.useRef)(undefined);
+    let closeTimeout = ($dbSRa$react.useRef)(null);
     let closeCallback = ($dbSRa$react.useRef)(close);
     let ensureTooltipEntry = ()=>{
         $8796f90736e175cb$var$tooltips[id] = hideTooltip;
@@ -12641,7 +13108,7 @@ function $8796f90736e175cb$export$4d40659c25ecb50b(props = {}) {
         }
     };
     let showTooltip = ()=>{
-        clearTimeout(closeTimeout.current);
+        if (closeTimeout.current) clearTimeout(closeTimeout.current);
         closeTimeout.current = null;
         closeOpenTooltips();
         ensureTooltipEntry();
@@ -12658,7 +13125,7 @@ function $8796f90736e175cb$export$4d40659c25ecb50b(props = {}) {
     };
     let hideTooltip = (immediate)=>{
         if (immediate || closeDelay <= 0) {
-            clearTimeout(closeTimeout.current);
+            if (closeTimeout.current) clearTimeout(closeTimeout.current);
             closeTimeout.current = null;
             closeCallback.current();
         } else if (!closeTimeout.current) closeTimeout.current = setTimeout(()=>{
@@ -12693,10 +13160,9 @@ function $8796f90736e175cb$export$4d40659c25ecb50b(props = {}) {
     }, [
         close
     ]);
-    // eslint-disable-next-line arrow-body-style
     ($dbSRa$react.useEffect)(()=>{
         return ()=>{
-            clearTimeout(closeTimeout.current);
+            if (closeTimeout.current) clearTimeout(closeTimeout.current);
             let tooltip = $8796f90736e175cb$var$tooltips[id];
             if (tooltip) delete $8796f90736e175cb$var$tooltips[id];
         };
@@ -12726,6 +13192,7 @@ function $8796f90736e175cb$export$4d40659c25ecb50b(props = {}) {
  */ 
 
 
+
 const $ee014567cb39d3f0$export$ff05c3ac10437e03 = /*#__PURE__*/ ($dbSRa$react.createContext)(null);
 function $ee014567cb39d3f0$var$FieldError(props, ref) {
     let validation = ($dbSRa$react.useContext)($ee014567cb39d3f0$export$ff05c3ac10437e03);
@@ -12740,6 +13207,7 @@ function $ee014567cb39d3f0$var$FieldError(props, ref) {
  */ const $ee014567cb39d3f0$export$f551688fc98f2e09 = /*#__PURE__*/ ($dbSRa$react.forwardRef)($ee014567cb39d3f0$var$FieldError);
 const $ee014567cb39d3f0$var$FieldErrorInner = /*#__PURE__*/ ($dbSRa$react.forwardRef)((props, ref)=>{
     let validation = ($dbSRa$react.useContext)($ee014567cb39d3f0$export$ff05c3ac10437e03);
+    let domProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props);
     let renderProps = ($64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
         defaultClassName: 'react-aria-FieldError',
@@ -12749,6 +13217,7 @@ const $ee014567cb39d3f0$var$FieldErrorInner = /*#__PURE__*/ ($dbSRa$react.forwar
     if (renderProps.children == null) return null;
     return /*#__PURE__*/ ($dbSRa$react).createElement(($514c0188e459b4c0$export$5f1af8db9871e1d6), {
         slot: "errorMessage",
+        ...domProps,
         ...renderProps,
         ref: ref
     });
@@ -12803,32 +13272,6 @@ function $d3e0e05bdfcf66bd$var$Form(props, ref) {
  */ 
 
 
-const $01b77f81d0f07f68$export$75b6ee27786ba447 = /*#__PURE__*/ ($dbSRa$react.createContext)({});
-function $01b77f81d0f07f68$var$Label(props, ref) {
-    [props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $01b77f81d0f07f68$export$75b6ee27786ba447);
-    let { elementType: ElementType = 'label', ...labelProps } = props;
-    // @ts-ignore
-    return /*#__PURE__*/ ($dbSRa$react).createElement(ElementType, {
-        className: "react-aria-Label",
-        ...labelProps,
-        ref: ref
-    });
-}
-const $01b77f81d0f07f68$export$b04be29aa201d4f5 = /*#__PURE__*/ ($f39a9eba43920ace$export$86427a43e3e48ebb)($01b77f81d0f07f68$var$Label);
-
-/*
- * Copyright 2022 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
 
 
 
@@ -12912,7 +13355,7 @@ function $bc237834342dbd75$var$Checkbox(props, ref) {
     let groupState = ($dbSRa$react.useContext)($bc237834342dbd75$export$139c5b8563afc1fc);
     let inputRef = ($df56164dff5785e2$export$4338b53315abf666)(($5dc95899b306f630$export$c9058316764c140e)(userProvidedInputRef, props.inputRef !== undefined ? props.inputRef : null));
     let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isPressed: isPressed, isInvalid: isInvalid } = groupState ? ($fba3e38d5ca8983f$export$353b32fc6898d37d)({
-        ...props,
+        ...($64fa3d84918910a7$export$ef03459518577ad4)(props),
         // Value is optional for standalone checkboxes, but required for CheckboxGroup items;
         // it's passed explicitly here to avoid typescript error (requires ignore).
         // @ts-ignore
@@ -12920,7 +13363,7 @@ function $bc237834342dbd75$var$Checkbox(props, ref) {
         // ReactNode type doesn't allow function children.
         children: typeof props.children === 'function' ? true : props.children
     }, groupState, inputRef) : ($406796ff087fe49b$export$e375f10ce42261c5)({
-        ...props,
+        ...($64fa3d84918910a7$export$ef03459518577ad4)(props),
         children: typeof props.children === 'function' ? true : props.children,
         validationBehavior: validationBehavior
     }, ($3017fa7ffdddec74$export$8042c6c013fd5226)(props), inputRef);
@@ -12931,7 +13374,6 @@ function $bc237834342dbd75$var$Checkbox(props, ref) {
         isDisabled: isInteractionDisabled
     });
     let renderProps = ($64fa3d84918910a7$export$4d86445c2cf5e3)({
-        // TODO: should data attrs go on the label or on the <input>? useCheckbox passes them to the input...
         ...props,
         defaultClassName: 'react-aria-Checkbox',
         values: {
@@ -13429,7 +13871,7 @@ function $612b8eb6cb90e02d$export$d1e8e3fbb7461f6(selectionManager, dragAndDropH
         return new Set([
             focusedKey,
             dropTargetKey
-        ].filter((k)=>k !== null));
+        ].filter((k)=>k != null));
     }, [
         focusedKey,
         dropTargetKey
@@ -13527,7 +13969,11 @@ function $eed445e0843c11d0$var$StandaloneListBox({ props: props, listBoxRef: lis
         children: null,
         items: null
     };
-    let state = ($e72dd72e1c76a225$export$2f645645f7bca764)(props);
+    let { layoutDelegate: layoutDelegate } = ($dbSRa$react.useContext)(($7135fc7d473fd974$export$4feb769f8ddf26c5));
+    let state = ($e72dd72e1c76a225$export$2f645645f7bca764)({
+        ...props,
+        layoutDelegate: layoutDelegate
+    });
     return /*#__PURE__*/ ($dbSRa$react).createElement($eed445e0843c11d0$var$ListBoxInner, {
         state: state,
         props: props,
@@ -13691,6 +14137,7 @@ function $eed445e0843c11d0$var$ListBoxInner({ state: state, props: props, listBo
             [
                 ($7135fc7d473fd974$export$d40e14dec8b060a8),
                 {
+                    name: 'ListBoxSection',
                     render: $eed445e0843c11d0$var$ListBoxSection
                 }
             ]
@@ -13702,7 +14149,7 @@ function $eed445e0843c11d0$var$ListBoxInner({ state: state, props: props, listBo
         renderDropIndicator: ($612b8eb6cb90e02d$export$971707d8a129a1f7)(dragAndDropHooks, dropState)
     })), emptyState, dragPreview));
 }
-function $eed445e0843c11d0$var$ListBoxSection(props, ref, section) {
+function $eed445e0843c11d0$var$ListBoxSection(props, ref, section, className = 'react-aria-ListBoxSection') {
     let state = ($dbSRa$react.useContext)($eed445e0843c11d0$export$7c5906fe4f1f2af2);
     let { dragAndDropHooks: dragAndDropHooks, dropState: dropState } = ($dbSRa$react.useContext)(($612b8eb6cb90e02d$export$d188a835a7bc5783));
     let { CollectionBranch: CollectionBranch } = ($dbSRa$react.useContext)(($7135fc7d473fd974$export$4feb769f8ddf26c5));
@@ -13713,7 +14160,7 @@ function $eed445e0843c11d0$var$ListBoxSection(props, ref, section) {
         'aria-label': (_props_arialabel = props['aria-label']) !== null && _props_arialabel !== void 0 ? _props_arialabel : undefined
     });
     let renderProps = ($64fa3d84918910a7$export$4d86445c2cf5e3)({
-        defaultClassName: 'react-aria-Section',
+        defaultClassName: className,
         className: props.className,
         style: props.style,
         values: {}
@@ -13734,6 +14181,9 @@ function $eed445e0843c11d0$var$ListBoxSection(props, ref, section) {
         renderDropIndicator: ($612b8eb6cb90e02d$export$971707d8a129a1f7)(dragAndDropHooks, dropState)
     })));
 }
+/**
+ * A ListBoxSection represents a section within a ListBox.
+ */ const $eed445e0843c11d0$export$dca12b0bb56e4fc = /*#__PURE__*/ ($e1995378a142960e$export$e953bb1cd0f19726)('section', $eed445e0843c11d0$var$ListBoxSection);
 const $eed445e0843c11d0$export$a11e76429ed99b4 = /*#__PURE__*/ ($e1995378a142960e$export$18af5c7a9e9b3664)('item', function ListBoxItem(props, forwardedRef, item) {
     let ref = ($df56164dff5785e2$export$4338b53315abf666)(forwardedRef);
     let state = ($dbSRa$react.useContext)($eed445e0843c11d0$export$7c5906fe4f1f2af2);
@@ -13862,9 +14312,9 @@ function $44f671af83e7d9e0$var$OverlayArrow(props, ref) {
     let placement = props.placement;
     let style = {
         position: 'absolute',
-        [placement]: '100%',
         transform: placement === 'top' || placement === 'bottom' ? 'translateX(-50%)' : 'translateY(-50%)'
     };
+    if (placement != null) style[placement] = '100%';
     let renderProps = ($64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
         defaultClassName: 'react-aria-OverlayArrow',
@@ -13975,6 +14425,7 @@ function $07b14b47974efb58$var$PopoverInner({ state: state, isExiting: isExiting
         ...renderProps.style
     };
     return /*#__PURE__*/ ($dbSRa$react).createElement(($337b884510726a0d$export$c6fdb837b070b4ff), {
+        ...props,
         isExiting: isExiting,
         portalContainer: UNSTABLE_portalContainer
     }, !props.isNonModal && state.isOpen && /*#__PURE__*/ ($dbSRa$react).createElement("div", {
@@ -14007,6 +14458,8 @@ function $07b14b47974efb58$var$PopoverInner({ state: state, isExiting: isExiting
     })));
 }
 
+const $3674c52c6b3c5bce$export$795aec4671cbae19 = /*#__PURE__*/ ($dbSRa$react.createContext)(null);
+
 /*
  * Copyright 2022 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -14025,10 +14478,14 @@ function $07b14b47974efb58$var$PopoverInner({ state: state, isExiting: isExiting
 
 
 
+
+
 const $de32f1b87079253c$export$8b93a07348a7730c = /*#__PURE__*/ ($dbSRa$react.createContext)(null);
 const $de32f1b87079253c$export$d2f961adcb0afbe = /*#__PURE__*/ ($dbSRa$react.createContext)(null);
 function $de32f1b87079253c$export$2e1e1122cf0cba88(props) {
-    let state = ($fc909762b330b746$export$61c6a8c84e605fb6)(props);
+    // Use useMenuTriggerState instead of useOverlayTriggerState in case a menu is embedded in the dialog.
+    // This is needed to handle submenus.
+    let state = ($a28c903ee9ad8dc5$export$79fefeb1c2091ac3)(props);
     let buttonRef = ($dbSRa$react.useRef)(null);
     let { triggerProps: triggerProps, overlayProps: overlayProps } = ($628037886ba31236$export$f9d5c8beee7d008d)({
         type: 'dialog'
@@ -14045,6 +14502,10 @@ function $de32f1b87079253c$export$2e1e1122cf0cba88(props) {
                 $de32f1b87079253c$export$d2f961adcb0afbe,
                 state
             ],
+            [
+                ($3674c52c6b3c5bce$export$795aec4671cbae19),
+                state
+            ],
             [
                 $de32f1b87079253c$export$8b93a07348a7730c,
                 overlayProps
@@ -14073,24 +14534,27 @@ function $de32f1b87079253c$var$Dialog(props, ref) {
         'aria-labelledby': originalAriaLabelledby
     }, ref);
     let state = ($dbSRa$react.useContext)($de32f1b87079253c$export$d2f961adcb0afbe);
-    let children = props.children;
-    if (typeof children === 'function') children = children({
-        close: (state === null || state === void 0 ? void 0 : state.close) || (()=>{})
-    });
     if (!dialogProps['aria-label'] && !dialogProps['aria-labelledby']) {
         // If aria-labelledby exists on props, we know it came from context.
         // Use that as a fallback in case there is no title slot.
         if (props['aria-labelledby']) dialogProps['aria-labelledby'] = props['aria-labelledby'];
         else console.warn('If a Dialog does not contain a <Heading slot="title">, it must have an aria-label or aria-labelledby attribute for accessibility.');
     }
-    var _props_className;
+    let renderProps = ($64fa3d84918910a7$export$4d86445c2cf5e3)({
+        defaultClassName: 'react-aria-Dialog',
+        className: props.className,
+        style: props.style,
+        children: props.children,
+        values: {
+            close: (state === null || state === void 0 ? void 0 : state.close) || (()=>{})
+        }
+    });
     return /*#__PURE__*/ ($dbSRa$react).createElement("section", {
         ...($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props),
         ...dialogProps,
+        ...renderProps,
         ref: ref,
-        slot: props.slot || undefined,
-        style: props.style,
-        className: (_props_className = props.className) !== null && _props_className !== void 0 ? _props_className : 'react-aria-Dialog'
+        slot: props.slot || undefined
     }, /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
             [
@@ -14104,14 +14568,180 @@ function $de32f1b87079253c$var$Dialog(props, ref) {
                         }
                     }
                 }
+            ],
+            [
+                ($d2b4bc8c273e7be6$export$24d547caef80ccd1),
+                {
+                    slots: {
+                        [($64fa3d84918910a7$export$c62b8e45d58ddad9)]: {},
+                        close: {
+                            onPress: ()=>state === null || state === void 0 ? void 0 : state.close()
+                        }
+                    }
+                }
             ]
         ]
-    }, children));
+    }, renderProps.children));
 }
 /**
  * A dialog is an overlay shown above other content in an application.
  */ const $de32f1b87079253c$export$3ddf2d174ce01153 = /*#__PURE__*/ ($dbSRa$react.forwardRef)($de32f1b87079253c$var$Dialog);
 
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+const $28f4fd908f0de97f$export$1d40e3e0cc4d5de = /*#__PURE__*/ ($dbSRa$react.createContext)(null);
+function $28f4fd908f0de97f$var$DisclosureGroup(props, ref) {
+    let state = ($9385b3affbdec831$export$f36461af0ef4707d)(props);
+    let renderProps = ($64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        defaultClassName: 'react-aria-DisclosureGroup',
+        values: {
+            isDisabled: state.isDisabled,
+            state: state
+        }
+    });
+    let domProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props);
+    return /*#__PURE__*/ ($dbSRa$react).createElement("div", {
+        ...domProps,
+        ...renderProps,
+        ref: ref,
+        "data-disabled": props.isDisabled || undefined
+    }, /*#__PURE__*/ ($dbSRa$react).createElement($28f4fd908f0de97f$export$1d40e3e0cc4d5de.Provider, {
+        value: state
+    }, renderProps.children));
+}
+/**
+ * A DisclosureGroup is a grouping of related disclosures, sometimes called an accordion.
+ * It supports both single and multiple expanded items.
+ */ const $28f4fd908f0de97f$export$944aceb4f8c89f10 = /*#__PURE__*/ ($dbSRa$react.forwardRef)($28f4fd908f0de97f$var$DisclosureGroup);
+const $28f4fd908f0de97f$export$d665dd135a51b28a = /*#__PURE__*/ ($dbSRa$react.createContext)(null);
+const $28f4fd908f0de97f$export$dab3ea4a6ef094da = /*#__PURE__*/ ($dbSRa$react.createContext)(null);
+const $28f4fd908f0de97f$var$InternalDisclosureContext = /*#__PURE__*/ ($dbSRa$react.createContext)(null);
+function $28f4fd908f0de97f$var$Disclosure(props, ref) {
+    [props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $28f4fd908f0de97f$export$d665dd135a51b28a);
+    let groupState = ($dbSRa$react.useContext)($28f4fd908f0de97f$export$1d40e3e0cc4d5de);
+    let { id: id, ...otherProps } = props;
+    // Generate an id if one wasn't provided.
+    // (can't pass id into useId since it can also be a number)
+    let defaultId = ($bdb11010cef70236$export$f680877a34711e37)();
+    id || (id = defaultId);
+    let isExpanded = groupState ? groupState.expandedKeys.has(id) : props.isExpanded;
+    let state = ($bf996d45f4a36925$export$3fcbf6e4407997e0)({
+        ...props,
+        isExpanded: isExpanded,
+        onExpandedChange (isExpanded) {
+            var _props_onExpandedChange;
+            if (groupState) groupState.toggleKey(id);
+            (_props_onExpandedChange = props.onExpandedChange) === null || _props_onExpandedChange === void 0 ? void 0 : _props_onExpandedChange.call(props, isExpanded);
+        }
+    });
+    let panelRef = ($dbSRa$react).useRef(null);
+    let isDisabled = props.isDisabled || (groupState === null || groupState === void 0 ? void 0 : groupState.isDisabled) || false;
+    let { buttonProps: buttonProps, panelProps: panelProps } = ($5e910fae8e128ead$export$6e3e27031a30522f)({
+        ...props,
+        isExpanded: isExpanded,
+        isDisabled: isDisabled
+    }, state, panelRef);
+    let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = ($f7dceffc5ad7768b$export$4e328f61c538687f)({
+        within: true
+    });
+    let renderProps = ($64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        id: undefined,
+        defaultClassName: 'react-aria-Disclosure',
+        values: {
+            isExpanded: state.isExpanded,
+            isDisabled: isDisabled,
+            isFocusVisibleWithin: isFocusVisibleWithin,
+            state: state
+        }
+    });
+    let domProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(otherProps);
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$2881499e37b75b9a), {
+        values: [
+            [
+                ($d2b4bc8c273e7be6$export$24d547caef80ccd1),
+                {
+                    slots: {
+                        [($64fa3d84918910a7$export$c62b8e45d58ddad9)]: {},
+                        trigger: buttonProps
+                    }
+                }
+            ],
+            [
+                $28f4fd908f0de97f$var$InternalDisclosureContext,
+                {
+                    panelProps: panelProps,
+                    panelRef: panelRef
+                }
+            ],
+            [
+                $28f4fd908f0de97f$export$dab3ea4a6ef094da,
+                state
+            ]
+        ]
+    }, /*#__PURE__*/ ($dbSRa$react).createElement("div", {
+        ref: ref,
+        "data-expanded": state.isExpanded || undefined,
+        "data-disabled": isDisabled || undefined,
+        "data-focus-visible-within": isFocusVisibleWithin || undefined,
+        ...domProps,
+        ...focusWithinProps,
+        ...renderProps
+    }, renderProps.children));
+}
+function $28f4fd908f0de97f$var$DisclosurePanel(props, ref) {
+    let { role: role = 'group' } = props;
+    let { panelProps: panelProps, panelRef: panelRef } = ($dbSRa$react.useContext)($28f4fd908f0de97f$var$InternalDisclosureContext);
+    let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = ($f7dceffc5ad7768b$export$4e328f61c538687f)({
+        within: true
+    });
+    let renderProps = ($64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        defaultClassName: 'react-aria-DisclosurePanel',
+        values: {
+            isFocusVisibleWithin: isFocusVisibleWithin
+        }
+    });
+    let DOMProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props);
+    return /*#__PURE__*/ ($dbSRa$react).createElement("div", {
+        ...DOMProps,
+        ref: ($5dc95899b306f630$export$c9058316764c140e)(ref, panelRef),
+        ...($3ef42575df84b30b$export$9d1611c77c2fe928)(panelProps, focusWithinProps),
+        ...renderProps,
+        role: role,
+        "data-focus-visible-within": isFocusVisibleWithin || undefined
+    }, /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$2881499e37b75b9a), {
+        values: [
+            [
+                ($d2b4bc8c273e7be6$export$24d547caef80ccd1),
+                null
+            ]
+        ]
+    }, props.children));
+}
+/**
+ * A disclosure is a collapsible section of content. It is composed of a a header with a heading and trigger button, and a panel that contains the content.
+ */ const $28f4fd908f0de97f$export$74a362b31437ec83 = /*#__PURE__*/ ($dbSRa$react.forwardRef)($28f4fd908f0de97f$var$Disclosure);
+/**
+ * A DisclosurePanel provides the content for a disclosure.
+ */ const $28f4fd908f0de97f$export$feabaa331e1d464c = /*#__PURE__*/ ($dbSRa$react.forwardRef)($28f4fd908f0de97f$var$DisclosurePanel);
+
 /*
  * Copyright 2022 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -14628,10 +15258,10 @@ function $82d7e5349645de74$var$SelectValue(props, ref) {
         });
     }
     let stringFormatter = ($fca6afa0e843324b$export$f12b703ca79dfbb1)((($parcel$interopDefault($df39c1238ae2b5f3$exports))), 'react-aria-components');
-    var _state_selectedItem_value, _state_selectedItem_textValue;
+    var _ref, _state_selectedItem_value, _state_selectedItem_textValue;
     let renderProps = ($64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
-        defaultChildren: rendered || placeholder || stringFormatter.format('selectPlaceholder'),
+        defaultChildren: (_ref = rendered !== null && rendered !== void 0 ? rendered : placeholder) !== null && _ref !== void 0 ? _ref : stringFormatter.format('selectPlaceholder'),
         defaultClassName: 'react-aria-SelectValue',
         values: {
             selectedItem: (_state_selectedItem_value = (_state_selectedItem = state.selectedItem) === null || _state_selectedItem === void 0 ? void 0 : _state_selectedItem.value) !== null && _state_selectedItem_value !== void 0 ? _state_selectedItem_value : null,
@@ -15155,7 +15785,8 @@ function $4e3b923658d69c60$var$TooltipInner(props) {
         isOpen: state.isOpen,
         arrowSize: arrowWidth,
         arrowBoundaryOffset: props.arrowBoundaryOffset,
-        shouldFlip: props.shouldFlip
+        shouldFlip: props.shouldFlip,
+        onClose: ()=>state.close(true)
     });
     let isEntering = ($64fa3d84918910a7$export$6d3443f2c48bfc20)(props.tooltipRef, !!placement) || props.isEntering || false;
     let renderProps = ($64fa3d84918910a7$export$4d86445c2cf5e3)({
@@ -15178,7 +15809,7 @@ function $4e3b923658d69c60$var$TooltipInner(props) {
             ...overlayProps.style,
             ...renderProps.style
         },
-        "data-placement": placement,
+        "data-placement": placement !== null && placement !== void 0 ? placement : undefined,
         "data-entering": isEntering || undefined,
         "data-exiting": props.isExiting || undefined
     }, /*#__PURE__*/ ($dbSRa$react).createElement(($44f671af83e7d9e0$export$2de4954e8ae13b9f).Provider, {
@@ -15190,43 +15821,113 @@ function $4e3b923658d69c60$var$TooltipInner(props) {
     }, renderProps.children));
 }
 
-var css_248z$j = ".bcds-react-aria-Button {\n  border: none;\n  border-radius: var(--layout-border-radius-medium);\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--layout-padding-small);\n  font: var(--typography-regular-body);\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.bcds-react-aria-Button[data-disabled] {\n  cursor: not-allowed;\n}\n.bcds-react-aria-Button[data-focused] {\n  outline: solid var(--layout-border-width-medium)\n    var(--surface-color-border-active);\n  outline-offset: var(--layout-margin-hair);\n}\n\n/* Icon button */\n.bcds-react-aria-Button.icon {\n  align-items: center;\n  justify-content: space-around;\n}\n\n/* Sizes */\n.bcds-react-aria-Button.small {\n  min-height: 32px;\n}\n.bcds-react-aria-Button.small.icon {\n  padding: unset;\n  height: 32px;\n  width: 32px;\n  min-width: 32px;\n}\n.bcds-react-aria-Button.medium {\n  min-height: 40px;\n}\n.bcds-react-aria-Button.medium.icon {\n  padding: unset;\n  height: 40px;\n  width: 40px;\n  min-width: 40px;\n}\n\n/* Variant - Primary */\n.bcds-react-aria-Button.primary {\n  background: var(--surface-color-primary-button-default);\n  color: var(--icons-color-primary-invert);\n}\n.bcds-react-aria-Button.primary.danger {\n  background-color: var(--surface-color-primary-danger-button-default);\n}\n.bcds-react-aria-Button.primary[data-disabled] {\n  background-color: var(--surface-color-primary-danger-button-disabled);\n  color: var(--typography-color-disabled);\n}\n.bcds-react-aria-Button.primary[data-hovered] {\n  background-color: var(--surface-color-primary-button-hover);\n}\n.bcds-react-aria-Button.primary.danger[data-hovered] {\n  background-color: var(--surface-color-primary-danger-button-hover);\n}\n\n/* Variant - Secondary */\n.bcds-react-aria-Button.secondary {\n  background-color: var(--surface-color-secondary-button-default);\n  border: 1px solid var(--surface-color-border-dark);\n  color: var(--typography-color-primary);\n}\n.bcds-react-aria-Button.secondary.danger {\n  border-color: var(--support-border-color-danger);\n  color: var(--surface-color-primary-danger-button-default);\n}\n.bcds-react-aria-Button.secondary[data-disabled] {\n  background-color: var(--surface-color-secondary-button-disabled);\n  border-color: var(--surface-color-border-default);\n  color: var(--typography-color-disabled);\n}\n.bcds-react-aria-Button.secondary[data-hovered] {\n  background-color: var(--surface-color-secondary-button-hover);\n}\n.bcds-react-aria-Button.secondary.danger[data-hovered] {\n  background-color: var(--support-surface-color-danger);\n}\n\n/* Variant - Tertiary */\n.bcds-react-aria-Button.tertiary {\n  background-color: var(--surface-color-tertiary-button-default);\n  color: var(--typography-color-primary);\n}\n.bcds-react-aria-Button.tertiary.danger {\n  color: var(--surface-color-primary-danger-button-default);\n}\n.bcds-react-aria-Button.tertiary[data-disabled] {\n  background-color: var(--surface-color-tertiary-button-default);\n  color: var(--typography-color-disabled);\n}\n.bcds-react-aria-Button.tertiary[data-hovered] {\n  background-color: var(--surface-color-tertiary-button-hover);\n}\n.bcds-react-aria-Button.tertiary.danger[data-hovered] {\n  background-color: var(--support-surface-color-danger);\n}\n\n/* Variant - Link */\n.bcds-react-aria-Button.link {\n  background-color: var(--surface-color-tertiary-button-default);\n  color: var(--typography-color-link);\n  text-decoration: underline;\n  text-underline-offset: 0.3em;\n}\n.bcds-react-aria-Button.link.danger {\n  color: var(--surface-color-primary-danger-button-default);\n}\n.bcds-react-aria-Button.link[data-disabled] {\n  color: var(--typography-color-disabled);\n}\n";
-styleInject(css_248z$j);
+var css_248z$n = ".bcds-react-aria-Disclosure {\n  display: flex;\n  flex-direction: column;\n  border: var(--layout-border-width-small) solid\n    var(--surface-color-border-default);\n  border-radius: var(--layout-border-radius-medium);\n  overflow: hidden;\n}\n\n.bcds-react-aria-Disclosure--Button {\n  display: inline-flex;\n  flex-direction: row;\n  padding: var(--layout-padding-small) var(--layout-padding-medium);\n  gap: var(--layout-margin-small);\n  justify-content: space-between;\n  align-items: center;\n  background-color: var(--surface-color-background-light-gray);\n  border: none;\n  cursor: pointer;\n  font: var(--typography-bold-body);\n  color: var(--typography-color-primary);\n}\n\n/* Hover */\n.bcds-react-aria-Disclosure--Button[data-hovered] {\n  background-color: var(--surface-color-menus-hover);\n}\n\n/* Accordion content */\n.bcds-react-aria-Disclosure[data-expanded]\n  > .bcds-react-aria-Disclosure--Panel {\n  display: flex;\n  align-items: flex-start;\n  padding: var(--layout-padding-medium);\n  gap: var(--layout-margin-small);\n  background-color: var(--surface-color-forms-default);\n  font: var(--typography-regular-body);\n}\n\n/* Focus state */\n.bcds-react-aria-Disclosure[data-focus-visible-within] {\n  outline: solid var(--layout-border-width-medium)\n    var(--surface-color-border-active);\n  outline-offset: var(--layout-margin-hair);\n}\n\n/* Override default focus behaviour for button */\n.bcds-react-aria-Disclosure[data-focus-visible-within]\n  > .bcds-react-aria-Disclosure--Button {\n  outline: none;\n}\n\n.bcds-react-aria-Disclosure--Button[data-focused] {\n  outline: none;\n}\n\n/* Disabled state */\n.bcds-react-aria-Disclosure[data-disabled]\n  > .bcds-react-aria-Disclosure--Button {\n  background-color: var(--surface-color-forms-disabled);\n  color: var(--typography-color-disabled);\n  cursor: not-allowed;\n}\n";
+styleInject(css_248z$n);
+
+var css_248z$m = ".bcds-react-aria-Button {\n  border: none;\n  border-radius: var(--layout-border-radius-medium);\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--layout-padding-small);\n  font: var(--typography-regular-body);\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.bcds-react-aria-Button[data-disabled] {\n  cursor: not-allowed;\n}\n.bcds-react-aria-Button[data-focused] {\n  outline: solid var(--layout-border-width-medium)\n    var(--surface-color-border-active);\n  outline-offset: var(--layout-margin-hair);\n}\n\n/* Icon button */\n.bcds-react-aria-Button.icon {\n  align-items: center;\n  justify-content: space-around;\n}\n\n/* Sizes */\n.bcds-react-aria-Button.small {\n  min-height: 32px;\n}\n.bcds-react-aria-Button.small.icon {\n  padding: unset;\n  height: 32px;\n  width: 32px;\n  min-width: 32px;\n}\n.bcds-react-aria-Button.medium {\n  min-height: 40px;\n}\n.bcds-react-aria-Button.medium.icon {\n  padding: unset;\n  height: 40px;\n  width: 40px;\n  min-width: 40px;\n}\n\n/* Variant - Primary */\n.bcds-react-aria-Button.primary {\n  background: var(--surface-color-primary-button-default);\n  color: var(--icons-color-primary-invert);\n}\n.bcds-react-aria-Button.primary.danger {\n  background-color: var(--surface-color-primary-danger-button-default);\n}\n.bcds-react-aria-Button.primary[data-disabled] {\n  background-color: var(--surface-color-primary-danger-button-disabled);\n  color: var(--typography-color-disabled);\n}\n.bcds-react-aria-Button.primary[data-hovered] {\n  background-color: var(--surface-color-primary-button-hover);\n}\n.bcds-react-aria-Button.primary.danger[data-hovered] {\n  background-color: var(--surface-color-primary-danger-button-hover);\n}\n\n/* Variant - Secondary */\n.bcds-react-aria-Button.secondary {\n  background-color: var(--surface-color-secondary-button-default);\n  border: 1px solid var(--surface-color-border-dark);\n  color: var(--typography-color-primary);\n}\n.bcds-react-aria-Button.secondary.danger {\n  border-color: var(--support-border-color-danger);\n  color: var(--surface-color-primary-danger-button-default);\n}\n.bcds-react-aria-Button.secondary[data-disabled] {\n  background-color: var(--surface-color-secondary-button-disabled);\n  border-color: var(--surface-color-border-default);\n  color: var(--typography-color-disabled);\n}\n.bcds-react-aria-Button.secondary[data-hovered] {\n  background-color: var(--surface-color-secondary-button-hover);\n}\n.bcds-react-aria-Button.secondary.danger[data-hovered] {\n  background-color: var(--support-surface-color-danger);\n}\n\n/* Variant - Tertiary */\n.bcds-react-aria-Button.tertiary {\n  background-color: var(--surface-color-tertiary-button-default);\n  color: var(--typography-color-primary);\n}\n.bcds-react-aria-Button.tertiary.danger {\n  color: var(--surface-color-primary-danger-button-default);\n}\n.bcds-react-aria-Button.tertiary[data-disabled] {\n  background-color: var(--surface-color-tertiary-button-default);\n  color: var(--typography-color-disabled);\n}\n.bcds-react-aria-Button.tertiary[data-hovered] {\n  background-color: var(--surface-color-tertiary-button-hover);\n}\n.bcds-react-aria-Button.tertiary.danger[data-hovered] {\n  background-color: var(--support-surface-color-danger);\n}\n\n/* Variant - Link */\n.bcds-react-aria-Button.link {\n  background-color: var(--surface-color-tertiary-button-default);\n  color: var(--typography-color-link);\n  text-decoration: underline;\n  text-underline-offset: 0.3em;\n}\n.bcds-react-aria-Button.link.danger {\n  color: var(--surface-color-primary-danger-button-default);\n}\n.bcds-react-aria-Button.link[data-disabled] {\n  color: var(--typography-color-disabled);\n}\n";
+styleInject(css_248z$m);
 
 function Button({ size = "medium", variant = "primary", danger = false, isIconButton = false, ...props }) {
     return (jsxRuntime.jsx($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: `bcds-react-aria-Button ${size} ${variant} ${danger ? "danger" : ""} ${isIconButton ? "icon" : ""}`, ...props }));
 }
 
-var css_248z$i = ".bcds-ButtonGroup {\n  display: flex;\n  gap: var(--layout-margin-small);\n  flex-grow: 1;\n}\n\n.bcds-ButtonGroup.horizontal {\n  flex-direction: row;\n}\n\n.bcds-ButtonGroup.vertical {\n  flex-direction: column;\n}\n\n.bcds-ButtonGroup.start {\n  justify-content: flex-start;\n}\n\n.bcds-ButtonGroup.center {\n  justify-content: center;\n}\n\n.bcds-ButtonGroup.end {\n  justify-content: flex-end;\n}\n";
-styleInject(css_248z$i);
+/* The component implements the Chevron Up icon from Font Awesome: https://fontawesome.com/icons/chevron-up */
+function SvgChevronUpIcon({ id = "chevron-up-icon" }) {
+    return (jsxRuntime.jsx("svg", { id: id, width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M4.21231 13.3146L9.52695 8.2226C9.6939 8.08348 9.86086 8 10.0278 8C10.1948 8 10.3339 8.05565 10.473 8.16695L15.7876 13.259C16.066 13.5372 16.066 13.9546 15.8155 14.2051C15.5651 14.4833 15.1477 14.4833 14.8694 14.2329L10.0278 9.61387L5.13054 14.2885C4.88011 14.539 4.43491 14.539 4.18448 14.2607C3.93405 13.9825 3.93405 13.5651 4.21231 13.3146Z", fill: "currentColor" }) }));
+}
 
-function ButtonGroup({ orientation = "horizontal", alignment = "start", ariaLabel, children, ...props }) {
-    return (jsxRuntime.jsx("div", { className: `bcds-ButtonGroup ${orientation} ${alignment}`, role: "group", "aria-label": ariaLabel, ...props, children: children }));
+/* The component implements the Chevron Down icon from Font Awesome: https://fontawesome.com/icons/chevron-down */
+function SvgChevronDownIcon({ id = "chevron-down-icon" }) {
+    return (jsxRuntime.jsx("svg", { id: id, width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M15.7882 9.15569L10.4858 14.236C10.3192 14.3748 10.1527 14.4303 10.0139 14.4303C9.84731 14.4303 9.68074 14.3748 9.54194 14.2637L4.21182 9.15569C3.9342 8.90584 3.9342 8.46167 4.18405 8.21182C4.4339 7.9342 4.87808 7.9342 5.12793 8.18405L10.0139 12.8479L14.872 8.18405C15.1219 7.9342 15.5661 7.9342 15.8159 8.21182C16.0658 8.46167 16.0658 8.90584 15.7882 9.15569Z", fill: "currentColor" }) }));
+}
+
+function Accordion({ label, children, ...props }) {
+    return (jsxRuntime.jsx($28f4fd908f0de97f$export$74a362b31437ec83, { className: `bcds-react-aria-Disclosure`, ...props, children: ({ isExpanded }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Button, { className: "bcds-react-aria-Disclosure--Button", size: "small", variant: "link", slot: "trigger", children: [label, isExpanded ? jsxRuntime.jsx(SvgChevronUpIcon, {}) : jsxRuntime.jsx(SvgChevronDownIcon, {})] }), jsxRuntime.jsx($28f4fd908f0de97f$export$feabaa331e1d464c, { className: "bcds-react-aria-Disclosure--Panel", children: jsxRuntime.jsx(jsxRuntime.Fragment, { children: children }) })] })) }));
+}
+
+var css_248z$l = ".bcds-react-aria-DisclosureGroup {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: var(--layout-border-width-small);\n  background-color: var(--surface-color-border-default);\n  border: var(--layout-border-width-small) solid\n    var(--surface-color-border-default);\n  border-radius: var(--layout-border-radius-medium);\n  overflow: hidden;\n}\n\n/* Override individual accordion item borders */\n.bcds-react-aria-DisclosureGroup > .bcds-react-aria-Disclosure {\n  border: none;\n  border-radius: var(--layout-border-radius-none);\n}\n\n/* Focus state */\n.bcds-react-aria-DisclosureGroup\n  > .bcds-react-aria-Disclosure[data-focus-visible-within] {\n  border-radius: var(--layout-border-radius-hair);\n  outline-offset: calc(var(--layout-margin-hair) * -1);\n}\n\n/* Title styles */\n.bcds-react-aria-DisclosureGroup--Title {\n  color: var(--typography-color-primary);\n  margin: var(--layout-margin-medium) var(--layout-margin-none);\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h1 {\n  font: var(--typography-bold-h1);\n  margin-block-start: 0;\n  margin-block-end: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h2 {\n  font: var(--typography-bold-h2);\n  margin-block-start: 0;\n  margin-block-end: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h3 {\n  font: var(--typography-bold-h3);\n  margin-block-start: 0;\n  margin-block-end: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h4 {\n  font: var(--typography-bold-h4);\n  margin-block-start: 0;\n  margin-block-end: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h5 {\n  font: var(--typography-bold-h5);\n  margin-block-start: 0;\n  margin-block-end: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h6 {\n  font: var(--typography-bold-h6);\n  margin-block-start: 0;\n  margin-block-end: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > span {\n  font: var(--typography-bold-large-body);\n}\n";
+styleInject(css_248z$l);
+
+function AccordionGroup({ title, titleElement, children, ...props }) {
+    function getTitle() {
+        switch (titleElement) {
+            case "h1":
+                return jsxRuntime.jsx("h1", { children: title });
+            case "h2":
+                return jsxRuntime.jsx("h2", { children: title });
+            case "h3":
+                return jsxRuntime.jsx("h3", { children: title });
+            case "h4":
+                return jsxRuntime.jsx("h4", { children: title });
+            case "h5":
+                return jsxRuntime.jsx("h5", { children: title });
+            case "h6":
+                return jsxRuntime.jsx("h6", { children: title });
+            default:
+                return jsxRuntime.jsx("span", { children: title });
+        }
+    }
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [title && (jsxRuntime.jsx("div", { className: "bcds-react-aria-DisclosureGroup--Title", children: getTitle() })), jsxRuntime.jsx($28f4fd908f0de97f$export$944aceb4f8c89f10, { className: "bcds-react-aria-DisclosureGroup", ...props, children: children })] }));
 }
 
+var css_248z$k = ".bcds-Alert-Banner {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-around;\n  width: 100%;\n  padding: var(--layout-padding-none) var(--layout-padding-medium);\n}\n\n.bcds-Alert-Banner--Container {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--layout-padding-medium);\n  max-width: 1100px;\n  padding: var(--layout-padding-small) var(--layout-padding-none);\n}\n\n.bcds-Alert-Banner--Icon {\n  align-self: first baseline;\n  justify-self: flex-start;\n  padding-top: var(--layout-padding-xsmall);\n  color: var(--icons-color-primary-invert);\n}\n\n.bcds-Alert-Banner--Content {\n  display: inline-flex;\n  gap: var(--layout-margin-medium);\n  align-items: first baseline;\n  flex-grow: 1;\n  flex-wrap: wrap;\n  font: var(--typography-regular-body);\n  color: var(--typography-color-primary-invert);\n}\n\n.bcds-Alert-Banner--closeIcon {\n  align-self: first baseline;\n}\n\n.bcds-Alert-Banner--closeIcon > .bcds-react-aria-Button[data-hovered] svg {\n  color: var(--icons-color-primary);\n}\n\n.bcds-Alert-Banner--closeIcon svg {\n  color: var(--icons-color-primary-invert);\n}\n\n/* Variants */\n\n/* Info theme */\n.bcds-Alert-Banner.info {\n  background-color: var(--surface-color-background-dark-blue);\n}\n\n/* Success theme */\n.bcds-Alert-Banner.success {\n  background-color: var(--support-border-color-success);\n}\n\n/* Warning theme */\n.bcds-Alert-Banner.warning {\n  background-color: var(--support-border-color-warning);\n}\n\n.bcds-Alert-Banner.warning .bcds-Alert-Banner--Icon {\n  color: var(--icons-color-primary);\n}\n\n.bcds-Alert-Banner.warning .bcds-Alert-Banner--Content {\n  color: var(--typography-color-primary);\n}\n\n.bcds-Alert-Banner.warning .bcds-Alert-Banner--closeIcon svg {\n  color: var(--icons-color-primary);\n}\n\n/* Danger theme */\n.bcds-Alert-Banner.danger {\n  background-color: var(--support-border-color-danger);\n}\n\n/* Black theme */\n\n.bcds-Alert-Banner.black {\n  background-color: var(--theme-gray-110);\n}\n";
+styleInject(css_248z$k);
+
+/* The component implements the Circle Check icon from Font Awesome: https://fontawesome.com/icons/circle-check */
 function SvgCheckCircleIcon({ id = "check-icon" }) {
     return (jsxRuntime.jsx("svg", { id: id, width: "20", height: "20", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("g", { children: jsxRuntime.jsx("path", { d: "M12.4688 7.46875C12.75 7.1875 13.2188 7.1875 13.5 7.5C13.8125 7.78125 13.8125 8.25 13.5 8.53125L9.5 12.5312C9.375 12.6875 9.1875 12.75 9 12.75C8.78125 12.75 8.59375 12.6875 8.4375 12.5312L6.4375 10.5312C6.125 10.25 6.125 9.78125 6.4375 9.46875C6.71875 9.1875 7.1875 9.1875 7.5 9.46875L9 10.9688L12.4688 7.46875ZM10 2C14.4062 2 18 5.59375 18 10C18 14.4375 14.4062 18 10 18C5.5625 18 2 14.4375 2 10C2 5.59375 5.5625 2 10 2ZM10 16.5C13.5625 16.5 16.5 13.5938 16.5 10C16.5 6.4375 13.5625 3.5 10 3.5C6.40625 3.5 3.5 6.4375 3.5 10C3.5 13.5938 6.40625 16.5 10 16.5Z", fill: "currentColor" }) }) }));
 }
 
+/* The component implements the X Mark icon from Font Awesome: https://fontawesome.com/icons/xmark */
 function SvgCloseIcon({ id = "close-icon" }) {
     return (jsxRuntime.jsx("svg", { id: id, width: "20", height: "20", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("g", { children: jsxRuntime.jsx("path", { d: "M16 5.21286L14.7871 4L10 8.78714L5.21286 4L4 5.21286L8.78714 10L4 14.7871L5.21286 16L10 11.2129L14.7871 16L16 14.7871L11.2129 10L16 5.21286Z", fill: "currentColor" }) }) }));
 }
 
+/* The component implements the Circle Exclamation icon from Font Awesome: https://fontawesome.com/icons/circle-exclamation */
 function SvgExclamationCircleIcon({ id = "exclamation-icon-circle", }) {
     return (jsxRuntime.jsx("svg", { id: id, width: "20", height: "20", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("g", { children: jsxRuntime.jsx("path", { d: "M9.99999 2C14.4062 2 18 5.59375 18 10C18 14.4375 14.4062 18 9.99999 18C5.56249 18 1.99998 14.4375 1.99998 10C1.99998 5.59375 5.56249 2 9.99999 2ZM9.99999 16.5C13.5625 16.5 16.5 13.5938 16.5 10C16.5 6.4375 13.5625 3.5 9.99999 3.5C6.40624 3.5 3.49999 6.4375 3.49999 10C3.49999 13.5938 6.40624 16.5 9.99999 16.5ZM9.99999 11.5C9.56249 11.5 9.24999 11.1875 9.24999 10.75V6.75C9.24999 6.34375 9.56249 6 9.99999 6C10.4062 6 10.75 6.34375 10.75 6.75V10.75C10.75 11.1875 10.4062 11.5 9.99999 11.5ZM9.99999 12.5625C10.5312 12.5625 10.9687 13 10.9687 13.5312C10.9687 14.0625 10.5312 14.5 9.99999 14.5C9.43749 14.5 8.99999 14.0625 8.99999 13.5312C8.99999 13 9.43749 12.5625 9.99999 12.5625Z", fill: "currentColor" }) }) }));
 }
 
-// This icon is available as a plain SVG at src/assets/icon-exclamation.svg
+/* The component implements the Triangle Exclamation icon from Font Awesome: https://fontawesome.com/icons/triangle-exclamation */
 function SvgExclamationIcon({ id = "exclamation-icon" }) {
     return (jsxRuntime.jsx("svg", { id: id, width: "20", height: "20", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("g", { children: jsxRuntime.jsx("path", { d: "M17.835 15.0312C18.335 15.9062 17.71 17 16.6787 17H3.33499C2.30374 17 1.67874 15.9062 2.14749 15.0312L8.83499 3.65625C9.11624 3.21875 9.55373 3 10.0225 3C10.46 3 10.8975 3.21875 11.1787 3.65625L17.835 15.0312ZM3.64749 15.5H16.3663L9.99123 4.65625L3.64749 15.5ZM10.0225 12.5625C10.5537 12.5625 10.9912 13 10.9912 13.5312C10.9912 14.0625 10.5537 14.5 10.0225 14.5C9.45998 14.5 9.02249 14.0625 9.02249 13.5312C9.02249 13 9.45998 12.5625 10.0225 12.5625ZM9.27249 7.75C9.27249 7.34375 9.58498 7 10.0225 7C10.4287 7 10.7725 7.34375 10.7725 7.75V10.75C10.7725 11.1875 10.4287 11.5 10.0225 11.5C9.58498 11.5 9.27249 11.1875 9.27249 10.75V7.75Z", fill: "currentColor" }) }) }));
 }
 
+/* The component implements the Circle Info icon from Font Awesome: https://fontawesome.com/icons/circle-info */
 function SvgInfoIcon({ id = "information-icon" }) {
     return (jsxRuntime.jsx("svg", { id: id, width: "20", height: "20", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("g", { children: jsxRuntime.jsx("path", { d: "M9.99999 2C14.4062 2 18 5.59375 18 10C18 14.4375 14.4062 18 9.99999 18C5.56249 18 1.99998 14.4375 1.99998 10C1.99998 5.59375 5.56249 2 9.99999 2ZM9.99999 16.5C13.5625 16.5 16.5 13.5938 16.5 10C16.5 6.4375 13.5625 3.5 9.99999 3.5C6.40624 3.5 3.49999 6.4375 3.49999 10C3.49999 13.5938 6.40624 16.5 9.99999 16.5ZM11.25 12.5C11.6562 12.5 12 12.8438 12 13.25C12 13.6875 11.6562 14 11.25 14H8.74999C8.31249 14 7.99999 13.6875 7.99999 13.25C7.99999 12.8438 8.31249 12.5 8.74999 12.5H9.24999V10.5H8.99999C8.56249 10.5 8.24999 10.1875 8.24999 9.75C8.24999 9.34375 8.56249 9 8.99999 9H9.99999C10.4062 9 10.75 9.34375 10.75 9.75V12.5H11.25ZM9.99999 8C9.43749 8 8.99999 7.5625 8.99999 7C8.99999 6.46875 9.43749 6 9.99999 6C10.5312 6 11 6.46875 11 7C11 7.5625 10.5312 8 9.99999 8Z", fill: "currentColor" }) }) }));
 }
 
-var css_248z$h = ".bcds-react-aria-AlertDialog {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Variant icons */\n.bcds-react-aria-AlertDialog.info .bcds-react-aria-AlertDialog--Icon {\n  color: var(--icons-color-primary);\n}\n.bcds-react-aria-AlertDialog.confirmation .bcds-react-aria-AlertDialog--Icon {\n  color: var(--icons-color-success);\n}\n.bcds-react-aria-AlertDialog.warning .bcds-react-aria-AlertDialog--Icon {\n  color: var(--icons-color-warning);\n}\n.bcds-react-aria-AlertDialog.error .bcds-react-aria-AlertDialog--Icon {\n  color: var(--icons-color-danger);\n}\n.bcds-react-aria-AlertDialog.destructive .bcds-react-aria-AlertDialog--Icon {\n  color: var(--icons-color-danger);\n}\n\n.bcds-react-aria-AlertDialog--Header {\n  display: inline-flex;\n  flex-direction: row;\n  gap: var(--layout-padding-small);\n  justify-content: space-between;\n  padding: var(--layout-padding-medium) var(--layout-padding-large);\n  border-bottom: var(--layout-border-width-small) solid\n    var(--surface-color-border-default);\n}\n\n.bcds-react-aria-AlertDialog--Title {\n  flex-grow: 1;\n  font: var(--typography-bold-h5);\n  color: var(--typography-color-primary);\n}\n\n.bcds-react-aria-AlertDialog--Icon {\n  justify-self: flex-start;\n  align-self: center;\n  padding-top: var(--layout-padding-xsmall);\n}\n\n.bcds-react-aria-AlertDialog--closeIcon {\n  justify-self: flex-end;\n  color: var(--icons-color-primary);\n}\n\n.bcds-react-aria-AlertDialog--children {\n  font: var(--typography-regular-body);\n  color: var(--typography-color-primary);\n  padding: var(--layout-padding-medium) var(--layout-padding-large);\n  border-bottom: var(--layout-border-width-small) solid\n    var(--surface-color-border-default);\n}\n\n.bcds-react-aria-AlertDialog > .bcds-ButtonGroup {\n  padding: var(--layout-padding-medium) var(--layout-padding-large);\n}\n";
-styleInject(css_248z$h);
+/* Sets correct icon for theme */
+function getIcon$2(variant) {
+    switch (variant) {
+        case "info":
+            return jsxRuntime.jsx(SvgInfoIcon, {});
+        case "black":
+            return jsxRuntime.jsx(SvgInfoIcon, {});
+        case "success":
+            return jsxRuntime.jsx(SvgCheckCircleIcon, {});
+        case "warning":
+            return jsxRuntime.jsx(SvgExclamationIcon, {});
+        case "danger":
+            return jsxRuntime.jsx(SvgExclamationCircleIcon, {});
+        default:
+            return;
+    }
+}
+function AlertBanner({ variant = "info", isIconHidden = false, isCloseable = true, role = "status", onClose, children, customIcon, ...props }) {
+    return (jsxRuntime.jsx("div", { className: `bcds-Alert-Banner ${variant}`, ...props, children: jsxRuntime.jsxs("div", { className: "bcds-Alert-Banner--Container", children: [" ", !isIconHidden && (jsxRuntime.jsx("span", { className: "bcds-Alert-Banner--Icon", children: customIcon ? customIcon : getIcon$2(variant) })), jsxRuntime.jsx("div", { className: "bcds-Alert-Banner--Content", role: role, children: children }), isCloseable && (jsxRuntime.jsx("span", { className: "bcds-Alert-Banner--closeIcon", children: jsxRuntime.jsx(Button, { variant: "tertiary", isIconButton: true, size: "small", "aria-label": "Close this alert", type: "button", onPress: onClose, children: jsxRuntime.jsx(SvgCloseIcon, {}) }) }))] }) }));
+}
+
+var css_248z$j = ".bcds-ButtonGroup {\n  display: flex;\n  gap: var(--layout-margin-small);\n  flex-grow: 1;\n}\n\n.bcds-ButtonGroup.horizontal {\n  flex-direction: row;\n}\n\n.bcds-ButtonGroup.vertical {\n  flex-direction: column;\n}\n\n.bcds-ButtonGroup.start {\n  justify-content: flex-start;\n}\n\n.bcds-ButtonGroup.center {\n  justify-content: center;\n}\n\n.bcds-ButtonGroup.end {\n  justify-content: flex-end;\n}\n";
+styleInject(css_248z$j);
+
+function ButtonGroup({ orientation = "horizontal", alignment = "start", ariaLabel, children, ...props }) {
+    return (jsxRuntime.jsx("div", { className: `bcds-ButtonGroup ${orientation} ${alignment}`, role: "group", "aria-label": ariaLabel, ...props, children: children }));
+}
+
+var css_248z$i = ".bcds-react-aria-AlertDialog {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Variant icons */\n.bcds-react-aria-AlertDialog.info .bcds-react-aria-AlertDialog--Icon {\n  color: var(--icons-color-primary);\n}\n.bcds-react-aria-AlertDialog.confirmation .bcds-react-aria-AlertDialog--Icon {\n  color: var(--icons-color-success);\n}\n.bcds-react-aria-AlertDialog.warning .bcds-react-aria-AlertDialog--Icon {\n  color: var(--icons-color-warning);\n}\n.bcds-react-aria-AlertDialog.error .bcds-react-aria-AlertDialog--Icon {\n  color: var(--icons-color-danger);\n}\n.bcds-react-aria-AlertDialog.destructive .bcds-react-aria-AlertDialog--Icon {\n  color: var(--icons-color-danger);\n}\n\n.bcds-react-aria-AlertDialog--Header {\n  display: inline-flex;\n  flex-direction: row;\n  gap: var(--layout-padding-small);\n  justify-content: space-between;\n  padding: var(--layout-padding-medium) var(--layout-padding-large);\n  border-bottom: var(--layout-border-width-small) solid\n    var(--surface-color-border-default);\n}\n\n.bcds-react-aria-AlertDialog--Title {\n  flex-grow: 1;\n  font: var(--typography-bold-h5);\n  color: var(--typography-color-primary);\n}\n\n.bcds-react-aria-AlertDialog--Icon {\n  justify-self: flex-start;\n  align-self: center;\n  padding-top: var(--layout-padding-xsmall);\n}\n\n.bcds-react-aria-AlertDialog--closeIcon {\n  justify-self: flex-end;\n  color: var(--icons-color-primary);\n}\n\n.bcds-react-aria-AlertDialog--children {\n  font: var(--typography-regular-body);\n  color: var(--typography-color-primary);\n  padding: var(--layout-padding-medium) var(--layout-padding-large);\n  border-bottom: var(--layout-border-width-small) solid\n    var(--surface-color-border-default);\n}\n\n.bcds-react-aria-AlertDialog > .bcds-ButtonGroup {\n  padding: var(--layout-padding-medium) var(--layout-padding-large);\n}\n";
+styleInject(css_248z$i);
 
 /* Sets correct left icon for selected variant */
 function getIcon$1(variant) {
@@ -15249,6 +15950,14 @@ function AlertDialog({ children, variant = "info", role = "dialog", title, isClo
     return (jsxRuntime.jsx($de32f1b87079253c$export$3ddf2d174ce01153, { className: `bcds-react-aria-AlertDialog ${variant}`, role: role, ...props, children: ({ close }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "bcds-react-aria-AlertDialog--Header", children: [!isIconHidden && (jsxRuntime.jsx("div", { className: "bcds-react-aria-AlertDialog--Icon", children: getIcon$1(variant) })), title && (jsxRuntime.jsx("div", { className: "bcds-react-aria-AlertDialog--Title", slot: "title", children: title })), isCloseable && (jsxRuntime.jsx("div", { className: "bcds-react-aria-AlertDialog--closeIcon", children: jsxRuntime.jsx(Button, { variant: "tertiary", isIconButton: true, size: "small", "aria-label": "Close", type: "button", onPress: close, children: jsxRuntime.jsx(SvgCloseIcon, {}) }) }))] }), children && (jsxRuntime.jsx("div", { className: "bcds-react-aria-AlertDialog--children", slot: "children", children: jsxRuntime.jsx(jsxRuntime.Fragment, { children: children }) })), buttons && (jsxRuntime.jsx(ButtonGroup, { alignment: "end", orientation: "horizontal", children: buttons }))] })) }));
 }
 
+var css_248z$h = ".bcds-Callout {\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  padding: var(--layout-padding-medium) var(--layout-padding-large);\n  border-radius: var(--layout-border-radius-medium)\n    var(--layout-border-radius-none) var(--layout-border-radius-none)\n    var(--layout-border-radius-medium);\n}\n\n.bcds-Callout--Container {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  gap: var(--layout-margin-small);\n}\n\n.bcds-Callout--Container > .bcds-Callout--Title {\n  font: var(--typography-bold-large-body);\n  color: var(--typography-color-primary);\n}\n\n.bcds-Callout--Container > .bcds-Callout--Description {\n  font: var(--typography-regular-body);\n  color: var(--typography-color-secondary);\n}\n\n/* Theme - light grey (default) */\n.bcds-Callout.lightGrey {\n  background-color: var(--surface-color-background-light-gray);\n  border-left: var(--layout-border-width-large) solid var(--theme-primary-blue);\n}\n\n/* Theme - light blue */\n.bcds-Callout.lightBlue {\n  background-color: var(--theme-blue-10);\n  border-left: var(--layout-border-width-large) solid var(--theme-primary-blue);\n}\n\n/* Theme - light gold */\n.bcds-Callout.lightGold {\n  background-color: var(--theme-gold-10);\n  border-left: var(--layout-border-width-large) solid var(--theme-primary-blue);\n}\n\n/* Theme - blue  */\n.bcds-Callout.Blue {\n  background-color: var(--surface-color-background-dark-blue);\n  border-left: var(--layout-border-width-large) solid var(--theme-primary-gold);\n}\n\n.bcds-Callout.Blue .bcds-Callout--Title {\n  color: var(--typography-color-primary-invert);\n}\n\n.bcds-Callout.Blue .bcds-Callout--Description {\n  color: var(--typography-color-secondary-invert);\n}\n\n/* Theme - grey */\n.bcds-Callout.Grey {\n  background-color: var(--theme-gray-80);\n  border-left: var(--layout-border-width-large) solid var(--theme-primary-gold);\n}\n\n.bcds-Callout.Grey .bcds-Callout--Title {\n  color: var(--typography-color-primary-invert);\n}\n\n.bcds-Callout.Grey .bcds-Callout--Description {\n  color: var(--typography-color-secondary-invert);\n}\n\n/* Theme - black */\n.bcds-Callout.Black {\n  background-color: var(--theme-gray-100);\n  border-left: var(--layout-border-width-large) solid var(--theme-primary-gold);\n}\n\n.bcds-Callout.Black .bcds-Callout--Title {\n  color: var(--typography-color-primary-invert);\n}\n\n.bcds-Callout.Black .bcds-Callout--Description {\n  color: var(--typography-color-secondary-invert);\n}\n\n/* Border disabled */\n.bcds-Callout.lightGrey.noBorder,\n.bcds-Callout.lightGold.noBorder,\n.bcds-Callout.lightBlue.noBorder,\n.bcds-Callout.Blue.noBorder,\n.bcds-Callout.Grey.noBorder,\n.bcds-Callout.Black.noBorder {\n  border-left: none;\n  border-radius: var(--layout-border-radius-none);\n}\n";
+styleInject(css_248z$h);
+
+function Callout({ variant = "lightGrey", title, description, buttons, role = "note", isLeftBorderDisabled = false, children, ...props }) {
+    return (jsxRuntime.jsx("div", { className: `bcds-Callout ${variant} ${isLeftBorderDisabled ? "noBorder" : ""}`, ...props, role: role, children: children ? (children) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: "bcds-Callout--Container", "aria-labelledby": "callout-title", role: role, children: [title && (jsxRuntime.jsx("span", { className: "bcds-Callout--Title", id: "callout-title", children: title })), description && (jsxRuntime.jsx("span", { className: "bcds-Callout--Description", children: description })), buttons && (jsxRuntime.jsx(ButtonGroup, { alignment: "start", orientation: "horizontal", children: buttons }))] }) })) }));
+}
+
+/* The component implements the Check icon from Font Awesome: https://fontawesome.com/icons/check */
 function SvgCheckIcon({ id = "check-icon" }) {
     return (jsxRuntime.jsx("svg", { id: id, width: "10", height: "10", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("g", { children: jsxRuntime.jsx("path", { d: "M9.09447 1.16176C8.67766 0.834916 8.07489 0.907409 7.74747 1.32376L3.63547 6.55676L2.21847 4.85676C1.87495 4.46651 1.2832 4.42064 0.883639 4.75329C0.484082 5.08594 0.421942 5.6762 0.743468 6.08476L2.92047 8.69776C2.94047 8.72176 2.96947 8.72976 2.99047 8.75176C3.0133 8.78196 3.03802 8.81068 3.06447 8.83776C3.10707 8.86542 3.15189 8.8895 3.19847 8.90976C3.23068 8.92977 3.26407 8.9478 3.29847 8.96376C3.41159 9.01295 3.53316 9.03977 3.65647 9.04276H3.65747C3.78585 9.04006 3.91238 9.01149 4.02947 8.95876C4.06502 8.9413 4.09942 8.92159 4.13247 8.89976C4.18141 8.87729 4.22826 8.85052 4.27247 8.81976C4.29837 8.79134 4.32242 8.76128 4.34447 8.72976C4.36447 8.70976 4.39347 8.69976 4.41247 8.67576L9.25747 2.50976C9.58477 2.09253 9.51178 1.48896 9.09447 1.16176V1.16176Z", fill: "currentColor" }) }) }));
 }
@@ -15414,14 +16123,6 @@ function RadioGroup({ orientation = "vertical", label, description, children, er
     return (jsxRuntime.jsx($b6c3ddc6086f204d$export$a98f0dcb43a68a25, { className: "bcds-react-aria-RadioGroup", ...props, children: ({ isRequired, isInvalid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [label && (jsxRuntime.jsxs($01b77f81d0f07f68$export$b04be29aa201d4f5, { className: "bcds-react-aria-RadioGroup--label", children: [label, " ", isRequired && "(required)"] })), jsxRuntime.jsx("div", { className: `bcds-react-aria-RadioGroup--options ${orientation} flex-wrap-${flexWrap}`, children: children }), description && (jsxRuntime.jsx($514c0188e459b4c0$export$5f1af8db9871e1d6, { slot: "description", className: "bcds-react-aria-RadioGroup--description", children: description })), isInvalid && (jsxRuntime.jsxs("div", { className: "bcds-react-aria-RadioGroup--error", children: [jsxRuntime.jsx(SvgExclamationIcon, {}), jsxRuntime.jsx($ee014567cb39d3f0$export$f551688fc98f2e09, { children: errorMessage })] }))] })) }));
 }
 
-function SvgChevronUpIcon({ id = "chevron-up-icon" }) {
-    return (jsxRuntime.jsx("svg", { id: id, width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M4.21231 13.3146L9.52695 8.2226C9.6939 8.08348 9.86086 8 10.0278 8C10.1948 8 10.3339 8.05565 10.473 8.16695L15.7876 13.259C16.066 13.5372 16.066 13.9546 15.8155 14.2051C15.5651 14.4833 15.1477 14.4833 14.8694 14.2329L10.0278 9.61387L5.13054 14.2885C4.88011 14.539 4.43491 14.539 4.18448 14.2607C3.93405 13.9825 3.93405 13.5651 4.21231 13.3146Z", fill: "currentColor" }) }));
-}
-
-function SvgChevronDownIcon({ id = "chevron-down-icon" }) {
-    return (jsxRuntime.jsx("svg", { id: id, width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M15.7882 9.15569L10.4858 14.236C10.3192 14.3748 10.1527 14.4303 10.0139 14.4303C9.84731 14.4303 9.68074 14.3748 9.54194 14.2637L4.21182 9.15569C3.9342 8.90584 3.9342 8.46167 4.18405 8.21182C4.4339 7.9342 4.87808 7.9342 5.12793 8.18405L10.0139 12.8479L14.872 8.18405C15.1219 7.9342 15.5661 7.9342 15.8159 8.21182C16.0658 8.46167 16.0658 8.90584 15.7882 9.15569Z", fill: "currentColor" }) }));
-}
-
 var css_248z$7 = ".bcds-react-aria-Select {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  /* Hacks for `stretch`: https://caniuse.com/mdn-css_properties_max-width_stretch */\n  max-width: -moz-available;\n  max-width: -webkit-fill-available;\n}\n\n/* Label above select input */\n.bcds-react-aria-Select--Label {\n  color: var(--typography-color-secondary);\n  font: var(--typography-regular-small-body);\n  padding: var(--layout-padding-xsmall) var(--layout-padding-none);\n}\n.bcds-react-aria-Select[data-disabled] > .bcds-react-aria-Select--Label {\n  color: var(--typography-color-disabled);\n}\n\n/* Text description below select input */\n.bcds-react-aria-Select--Description {\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-secondary);\n  padding: var(--layout-padding-xsmall) var(--layout-padding-none);\n}\n\n/* Error message */\n.bcds-react-aria-Select--Error {\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-danger);\n}\n\n/* Error icon */\n.bcds-react-aria-Select[data-invalid]\n  > .bcds-react-aria-Select--Button\n  > svg:not(:last-child) {\n  color: var(--icons-color-danger);\n}\n\n/* Select input equivalent */\n.bcds-react-aria-Select--Button {\n  background-color: var(--surface-color-forms-default);\n  border: 1px solid var(--surface-color-border-default);\n  border-radius: var(--layout-border-radius-medium);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  gap: var(--layout-margin-small);\n  align-items: center;\n  padding: 0 12px;\n  max-width: 100%;\n}\n.bcds-react-aria-Select--Button.invalid {\n  border-color: var(--support-border-color-danger);\n}\n.bcds-react-aria-Select[data-invalid] > .bcds-react-aria-Select--Button {\n  border-color: var(--support-border-color-danger);\n}\n.bcds-react-aria-Select--Button[data-disabled] {\n  background-color: var(--surface-color-forms-disabled);\n  cursor: not-allowed;\n}\n.bcds-react-aria-Select--Button[data-hovered] {\n  border-color: var(--surface-color-border-dark);\n}\n.bcds-react-aria-Select--Button[data-focused] {\n  border-color: var(--surface-color-border-active);\n  outline: solid var(--layout-border-width-medium)\n    var(--surface-color-border-active);\n  outline-offset: var(--layout-margin-hair);\n}\n.bcds-react-aria-Select--Button[data-pressed] {\n  border-color: var(--surface-color-border-active);\n}\n.bcds-react-aria-Select--Button.medium {\n  height: 40px;\n}\n.bcds-react-aria-Select--Button.small {\n  height: 32px;\n}\n.bcds-react-aria-Select--Button > .bcds-react-aria-SelectValue {\n  font: var(--typography-regular-body);\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  min-width: 0;\n}\n.bcds-react-aria-Select--Button > svg {\n  flex-shrink: 0;\n}\n\n/* Dropdown menu panel */\n.bcds-react-aria-Select--Popover {\n  background-color: var(--surface-color-forms-default);\n  border: 1px solid var(--surface-color-border-default);\n  border-radius: var(--layout-border-radius-medium);\n  box-shadow: var(--surface-shadow-medium);\n  box-sizing: border-box;\n  overflow-y: auto;\n  padding: var(--layout-padding-hair) var(--layout-padding-xsmall);\n  width: var(\n    --trigger-width\n  ); /* Variable provided by Select component https://react-spectrum.adobe.com/react-aria/Select.html#popover-1 */\n}\n.bcds-react-aria-Select--ListBox[data-focused] {\n  outline: none;\n}\n.bcds-react-aria-Select--ListBox > .bcds-react-aria-Section:not(:first-child) {\n  border-top: 1px solid var(--surface-color-border-default);\n  margin-top: 1px;\n  padding-top: 2px;\n}\n\n/* Header label within Section of multi-section Select */\n.bcds-react-aria-Select--Header {\n  color: var(--typography-color-secondary);\n  font: var(--typography-regular-small-body);\n  padding: var(--layout-padding-hair) var(--layout-padding-small);\n}\n\n/* ListBox option item */\n.bcds-react-aria-Select--ListBoxItem {\n  border-radius: var(--layout-border-radius-medium);\n  cursor: pointer;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--layout-margin-small);\n  padding: var(--layout-padding-small);\n}\n.bcds-react-aria-Select--ListBoxItem[data-focused],\n.bcds-react-aria-Select--ListBoxItem[data-hovered] {\n  background-color: var(--surface-color-secondary-button-hover);\n  outline: none;\n}\n.bcds-react-aria-Select--ListBoxItem-icon {\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  /* This `min-width` rule can cause horizontal overflow on very narrow Select\n  instances, but if we leave it out, the icons will shrink instead. */\n  min-width: 20px;\n}\n.bcds-react-aria-Select--ListBoxItem-Text-container {\n  color: var(--typography-color-primary);\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n}\n.bcds-react-aria-Select--ListBoxItem-Text-label {\n  font: var(--typography-regular-body);\n}\n.bcds-react-aria-Select--ListBoxItem.destructive {\n  color: var(--surface-color-primary-danger-button-default);\n}\n.bcds-react-aria-Select--ListBoxItem.destructive\n  .bcds-react-aria-Select--ListBoxItem-Text-label {\n  color: var(--surface-color-primary-danger-button-default);\n}\n.bcds-react-aria-Select--ListBoxItem-Text-description {\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-secondary);\n}\n";
 styleInject(css_248z$7);
 
@@ -15442,18 +16143,27 @@ function Select({ items, sections, label, description, placeholder, size = "medi
                         // support different markup within the same component.
                         items: sections
                             ? sections
-                            : [{ id: "section", header: "", items: items ? items : [] }], children: (section) => (jsxRuntime.jsxs($7135fc7d473fd974$export$6e2c8f0811a474ce, { id: section.id, className: "bcds-react-aria-Section", children: [section?.header && (jsxRuntime.jsx($72a5793c14baf454$export$8b251419efc915eb, { className: "bcds-react-aria-Select--Header", children: section.header })), jsxRuntime.jsx($e1995378a142960e$export$fb8073518f34e6ec, { items: section.items, children: (item) => (jsxRuntime.jsxs($eed445e0843c11d0$export$a11e76429ed99b4, { id: item?.id ? item.id : item.label, className: `bcds-react-aria-Select--ListBoxItem ${item?.isDestructive ? "destructive" : ""}`, textValue: item.label, children: [item?.iconLeft && (jsxRuntime.jsx("div", { className: "bcds-react-aria-Select--ListBoxItem-icon", children: item.iconLeft })), jsxRuntime.jsxs("div", { className: "bcds-react-aria-Select--ListBoxItem-Text-container", children: [jsxRuntime.jsx($514c0188e459b4c0$export$5f1af8db9871e1d6, { slot: "label", className: "bcds-react-aria-Select--ListBoxItem-Text-label", children: item.label }), item.description && (jsxRuntime.jsx($514c0188e459b4c0$export$5f1af8db9871e1d6, { slot: "description", className: "bcds-react-aria-Select--ListBoxItem-Text-description", children: item.description }))] }), item?.iconRight && (jsxRuntime.jsx("div", { className: "bcds-react-aria-Select--ListBoxItem-icon", children: item.iconRight }))] })) })] })) }) })] })) }));
+                            : [{ id: "section", header: "", items: items ? items : [] }], children: (section) => (jsxRuntime.jsxs($eed445e0843c11d0$export$dca12b0bb56e4fc, { id: section.id, className: "bcds-react-aria-Section", children: [section?.header && (jsxRuntime.jsx($72a5793c14baf454$export$8b251419efc915eb, { className: "bcds-react-aria-Select--Header", children: section.header })), jsxRuntime.jsx($e1995378a142960e$export$fb8073518f34e6ec, { items: section.items, children: (item) => (jsxRuntime.jsxs($eed445e0843c11d0$export$a11e76429ed99b4, { id: item?.id ? item.id : item.label, className: `bcds-react-aria-Select--ListBoxItem ${item?.isDestructive ? "destructive" : ""}`, textValue: item.label, children: [item?.iconLeft && (jsxRuntime.jsx("div", { className: "bcds-react-aria-Select--ListBoxItem-icon", children: item.iconLeft })), jsxRuntime.jsxs("div", { className: "bcds-react-aria-Select--ListBoxItem-Text-container", children: [jsxRuntime.jsx($514c0188e459b4c0$export$5f1af8db9871e1d6, { slot: "label", className: "bcds-react-aria-Select--ListBoxItem-Text-label", children: item.label }), item.description && (jsxRuntime.jsx($514c0188e459b4c0$export$5f1af8db9871e1d6, { slot: "description", className: "bcds-react-aria-Select--ListBoxItem-Text-description", children: item.description }))] }), item?.iconRight && (jsxRuntime.jsx("div", { className: "bcds-react-aria-Select--ListBoxItem-icon", children: item.iconRight }))] })) })] })) }) })] })) }));
+}
+
+function SvgBcOutlineIcon({ id = "bc-outline-icon" }) {
+    return (jsxRuntime.jsx("svg", { id: id, xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "currentColor", children: jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("path", { d: "M8.55494 17.9955C8.48489 17.9953 8.4157 17.9801 8.35199 17.951C8.28827 17.9219 8.23149 17.8795 8.18543 17.8268L7.40648 16.9832L6.22541 16.0636L5.199 15.4961C5.11007 15.4438 5.03665 15.3688 4.98625 15.2788C4.93585 15.1887 4.91028 15.0869 4.91217 14.9838V13.6103C4.90822 13.4748 4.9534 13.3423 5.03939 13.2374C5.12538 13.1325 5.24638 13.0622 5.3801 13.0395L5.90315 12.9832C5.85315 12.9105 5.81957 12.8278 5.80473 12.7408L5.47065 10.7162L4.85199 9.65994C4.77992 9.54214 4.75071 9.40308 4.76932 9.26624L5.06009 7.19318L4.03761 6.7708C3.97024 6.74182 3.90941 6.69953 3.85878 6.64647C3.80814 6.59342 3.76873 6.53069 3.74291 6.46204L2.8481 4.13645L2.06072 4.06615C1.97763 4.05479 1.89849 4.02362 1.82998 3.97527C1.76146 3.92691 1.70557 3.86279 1.66703 3.78831L0.0922668 0.863752C0.0326295 0.767506 0.000706201 0.65667 1.15824e-05 0.543447C-0.000683036 0.430224 0.0298779 0.319005 0.0883299 0.222035C0.14711 0.132622 0.233402 0.0647766 0.33416 0.0287553C0.434919 -0.00726609 0.544665 -0.00950484 0.646809 0.0223775C0.717673 0.042062 7.83223 2.31085 11.7298 1.5634C11.7994 1.5514 11.8709 1.55502 11.9389 1.57398C12.007 1.59295 12.0701 1.62679 12.1235 1.67307C12.2388 1.77389 12.3119 1.91446 12.3282 2.06676L13.0245 9.77692L13.6994 10.2111C13.7984 10.2792 13.8741 10.3762 13.9159 10.4889L14.1836 11.2324L15.3647 11.7251C15.4523 11.7653 15.5285 11.8268 15.5862 11.904C15.6439 11.9812 15.6812 12.0717 15.6948 12.1672L15.8326 13.0749L16.5131 13.5249C16.5697 13.5613 16.6179 13.6092 16.6549 13.6655L17.8922 15.4179C17.9503 15.5022 17.9865 15.5996 17.9975 15.7013C18.0085 15.803 17.9939 15.9059 17.9552 16.0006C17.9216 16.0925 17.8628 16.1731 17.7857 16.2333C17.7085 16.2934 17.616 16.3307 17.5187 16.3409L10.2529 16.9123C10.2067 17.0062 10.136 17.0859 10.0482 17.1429L8.81084 17.9252C8.73397 17.9725 8.64519 17.9969 8.55494 17.9955ZM5.97851 14.6356L6.76589 15.0619C6.79052 15.0739 6.81311 15.0896 6.83282 15.1086L8.07014 16.0827L8.13706 16.139L8.65224 16.7098L9.43962 16.2211L9.11342 15.5642L8.32604 14.8893L7.08872 14.0367L5.96389 14.1581L5.97851 14.6356ZM7.22539 12.8595C7.32381 12.8587 7.42002 12.8888 7.50041 12.9456L8.91601 13.9197L8.96719 13.959L9.85187 14.7414C9.91189 14.7939 9.95904 14.8595 9.98966 14.9331L10.3834 15.7588L16.4957 15.2768L15.9136 14.4551L15.1262 13.923C15.0604 13.8776 15.0044 13.8193 14.9618 13.7517C14.9191 13.684 14.8907 13.6084 14.8782 13.5294L14.7522 12.6857L13.6156 12.2161C13.5437 12.1851 13.4791 12.1395 13.4256 12.0823C13.3722 12.0251 13.3312 11.9575 13.3051 11.8837L13.0183 11.1014L12.2826 10.6166C12.2115 10.567 12.1521 10.5025 12.1085 10.4274C12.065 10.3524 12.0384 10.2688 12.0307 10.1824L11.3631 2.78271C8.21693 3.17641 3.76484 2.09432 1.6136 1.48916L2.40098 2.94413L3.24461 3.01837C3.34242 3.03086 3.43481 3.07037 3.5114 3.13246C3.588 3.19455 3.64577 3.27677 3.67823 3.36988L4.61015 5.78826L5.83341 6.27307C5.94925 6.32592 6.04441 6.41555 6.10411 6.52802C6.1638 6.6405 6.1847 6.76953 6.16355 6.8951L5.83341 9.20719L6.42844 10.192C6.46921 10.2576 6.49601 10.3309 6.50718 10.4074L6.86094 12.5513C6.8826 12.6703 6.8675 12.7932 6.81764 12.9034L7.18321 12.8601L7.22539 12.8595Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M4.04436 12.2499C3.95082 12.2486 3.8594 12.2218 3.78006 12.1722C3.70073 12.1226 3.63652 12.0522 3.59443 11.9687L2.23676 9.43722C2.19774 9.36465 2.17379 9.28495 2.16634 9.20289C2.1589 9.12084 2.16812 9.03813 2.19345 8.95973C2.21557 8.8832 2.2541 8.81242 2.30636 8.7523C2.35861 8.69218 2.42334 8.64416 2.49603 8.61159L3.4004 8.2179C3.46575 8.19146 3.53591 8.17896 3.60637 8.1812C3.67684 8.18345 3.74606 8.20039 3.80959 8.23094C3.87313 8.26149 3.92959 8.30498 3.97534 8.35862C4.02109 8.41225 4.05514 8.47486 4.0753 8.54241C4.12772 8.68078 4.12656 8.83374 4.07204 8.97129C4.01752 9.10884 3.91357 9.22106 3.78059 9.28593L3.44314 9.43047L4.48923 11.3866C4.56015 11.5165 4.58089 11.6679 4.54751 11.8122C4.51412 11.9564 4.42894 12.0833 4.30814 12.1689C4.23031 12.2217 4.13841 12.2499 4.04436 12.2499Z", fill: "currentColor" })] }) }));
+}
+
+/* The component implements the Flask icon from Font Awesome: https://fontawesome.com/icons/flask */
+function SvgBetaIcon({ id = "beta-icon" }) {
+    return (jsxRuntime.jsx("svg", { id: id, width: "20", height: "20", viewBox: "0 0 448 512", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("g", { children: jsxRuntime.jsx("path", { d: "M288 0L160 0 128 0C110.3 0 96 14.3 96 32s14.3 32 32 32l0 132.8c0 11.8-3.3 23.5-9.5 33.5L10.3 406.2C3.6 417.2 0 429.7 0 442.6C0 480.9 31.1 512 69.4 512l309.2 0c38.3 0 69.4-31.1 69.4-69.4c0-12.8-3.6-25.4-10.3-36.4L329.5 230.4c-6.2-10.1-9.5-21.7-9.5-33.5L320 64c17.7 0 32-14.3 32-32s-14.3-32-32-32L288 0zM192 196.8L192 64l64 0 0 132.8c0 23.7 6.6 46.9 19 67.1L309.5 320l-171 0L173 263.9c12.4-20.2 19-43.4 19-67.1z", fill: "currentColor" }) }) }));
 }
 
 function SvgTooltipArrowUp({ id = "tooltip-arrow" }) {
     return (jsxRuntime.jsx("svg", { id: id, width: "19", height: "9", viewBox: "0 0 19 9", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("g", { children: jsxRuntime.jsx("path", { d: "M8.4188 1.41421C9.19985 0.633163 10.4662 0.633165 11.2472 1.41421L18.833 9L0.833008 9L8.4188 1.41421Z", fill: "currentColor" }) }) }));
 }
 
-var css_248z$6 = ".bcds-react-aria-Tag {\n  color: var(--typography-color-primary);\n  cursor: pointer;\n  border-radius: var(--layout-margin-hair);\n  border: var(--layout-border-width-small) solid;\n  display: flex;\n  align-items: center;\n  gap: var(--layout-margin-small);\n  font: var(--typography-regular-label);\n  padding: var(--layout-padding-hair) var(--layout-padding-small);\n  width: fit-content;\n}\n.bcds-react-aria-Tag .react-aria-Button {\n  background: none;\n  border: none;\n  color: var(--typography-color-primary);\n  cursor: pointer;\n  display: flex;\n  margin: 0;\n  padding: 0;\n}\n\n/* Tag colors */\n.bcds-react-aria-Tag.bc-blue {\n  background-color: var(--theme-primary-blue);\n  border-color: var(--theme-blue-90);\n  color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Tag.bc-blue .react-aria-Button {\n  color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Tag.bc-gold {\n  background-color: var(--theme-primary-gold);\n  border-color: var(--theme-blue-90);\n}\n.bcds-react-aria-Tag.blue {\n  background-color: var(--support-surface-color-info);\n  border-color: var(--support-border-color-info);\n}\n.bcds-react-aria-Tag.dark {\n  background: var(--theme-gray-110);\n  border-color: var(--theme-blue-90);\n  color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Tag.dark .react-aria-Button {\n  color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Tag.gray,\n.bcds-react-aria-Tag.grey {\n  background-color: var(--theme-gray-20);\n  border-color: var(--surface-color-border-dark);\n}\n.bcds-react-aria-Tag.green {\n  background-color: var(--support-surface-color-success);\n  border-color: var(--support-border-color-success);\n}\n.bcds-react-aria-Tag.red {\n  background-color: var(--support-surface-color-danger);\n  border-color: var(--support-border-color-danger);\n}\n.bcds-react-aria-Tag.yellow {\n  background-color: var(--support-surface-color-warning);\n  border-color: var(--support-border-color-warning);\n}\n\n/* Selected */\n.bcds-react-aria-Tag[data-selected] {\n  border-radius: var(--layout-border-radius-small);\n  border: var(--layout-border-width-medium) solid\n    var(--surface-color-border-active);\n}\n\n/* Focused */\n.bcds-react-aria-Tag[data-focused] {\n  outline: var(--layout-border-width-medium) solid\n    var(--surface-color-border-active);\n  outline-offset: var(--layout-margin-hair);\n}\n\n/* Disabled */\n.bcds-react-aria-Tag[data-disabled] {\n  background-color: var(--surface-color-primary-button-disabled);\n  border-color: var(--surface-color-border-default);\n  color: var(--typography-color-disabled);\n  cursor: not-allowed;\n}\n";
+var css_248z$6 = ".bcds-react-aria-Tag {\n  color: var(--typography-color-primary);\n  cursor: pointer;\n  border: var(--layout-border-width-small) solid;\n  display: flex;\n  align-items: center;\n  font: var(--typography-regular-label);\n  width: fit-content;\n}\n.bcds-react-aria-Tag .react-aria-Button {\n  background: none;\n  border: none;\n  color: var(--typography-color-primary);\n  cursor: pointer;\n  display: flex;\n  margin: 0;\n  padding: 0;\n}\n\n/* Tag colors */\n.bcds-react-aria-Tag.bc-blue {\n  background-color: var(--theme-primary-blue);\n  border-color: var(--theme-blue-90);\n  color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Tag.bc-blue .react-aria-Button {\n  color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Tag.bc-gold {\n  background-color: var(--theme-primary-gold);\n  border-color: var(--theme-blue-90);\n}\n.bcds-react-aria-Tag.blue {\n  background-color: var(--support-surface-color-info);\n  border-color: var(--support-border-color-info);\n}\n.bcds-react-aria-Tag.dark {\n  background: var(--theme-gray-110);\n  border-color: var(--theme-blue-90);\n  color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Tag.dark .react-aria-Button {\n  color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Tag.gray,\n.bcds-react-aria-Tag.grey {\n  background-color: var(--theme-gray-20);\n  border-color: var(--surface-color-border-dark);\n}\n.bcds-react-aria-Tag.green {\n  background-color: var(--support-surface-color-success);\n  border-color: var(--support-border-color-success);\n}\n.bcds-react-aria-Tag.red {\n  background-color: var(--support-surface-color-danger);\n  border-color: var(--support-border-color-danger);\n}\n.bcds-react-aria-Tag.yellow {\n  background-color: var(--support-surface-color-warning);\n  border-color: var(--support-border-color-warning);\n}\n\n/* Tag style */\n.bcds-react-aria-Tag.rectangular {\n  border-radius: var(--layout-border-radius-small);\n}\n.bcds-react-aria-Tag.circular {\n  border-radius: var(--layout-borderRadius-Circular, 9999px);\n}\n\n/* Tag size */\n.bcds-react-aria-Tag.medium {\n  height: var(--layout-padding-xlarge);\n  padding: var(--layout-padding-hair) var(--layout-padding-medium);\n  gap: var(--layout-margin-medium);\n}\n.bcds-react-aria-Tag.small {\n  height: var(--layout-padding-large);\n  padding: var(--layout-padding-hair) var(--layout-padding-small);\n  gap: var(--layout-margin-small);\n}\n\n/* Selected */\n.bcds-react-aria-Tag[data-selected] {\n  border-radius: var(--layout-border-radius-small);\n  border: var(--layout-border-width-medium) solid\n    var(--surface-color-border-active);\n}\n\n/* Focused */\n.bcds-react-aria-Tag[data-focused] {\n  outline: var(--layout-border-width-medium) solid\n    var(--surface-color-border-active);\n  outline-offset: var(--layout-margin-hair);\n}\n\n/* Disabled */\n.bcds-react-aria-Tag[data-disabled] {\n  background-color: var(--surface-color-primary-button-disabled);\n  border-color: var(--surface-color-border-default);\n  color: var(--typography-color-disabled);\n  cursor: not-allowed;\n}\n";
 styleInject(css_248z$6);
 
-function Tag({ color = "blue", icon, id, textValue }) {
-    return (jsxRuntime.jsx($eaf9e70818b436db$export$3288d34c523a1192, { className: `bcds-react-aria-Tag ${color}`, id: id, textValue: textValue, children: ({ allowsRemoving, isDisabled }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [icon, textValue, !isDisabled && allowsRemoving && (jsxRuntime.jsx($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { "aria-label": `Remove ${textValue}`, slot: "remove", children: jsxRuntime.jsx("svg", { width: "14", height: "15", viewBox: "0 0 14 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("g", { id: "Icons / Close", children: jsxRuntime.jsx("path", { id: "Vector", d: "M12.6004 3.03239L11.4684 1.90039L7.00039 6.36839L2.53239 1.90039L1.40039 3.03239L5.86839 7.50039L1.40039 11.9684L2.53239 13.1004L7.00039 8.63239L11.4684 13.1004L12.6004 11.9684L8.13239 7.50039L12.6004 3.03239Z", fill: "currentColor" }) }) }) }))] })) }));
+function Tag({ color = "blue", tagStyle = "rectangular", size = "small", icon, id, textValue, }) {
+    return (jsxRuntime.jsx($eaf9e70818b436db$export$3288d34c523a1192, { className: `bcds-react-aria-Tag ${color} ${tagStyle} ${size}`, id: id, textValue: textValue, children: ({ allowsRemoving, isDisabled }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [icon, textValue, !isDisabled && allowsRemoving && (jsxRuntime.jsx($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { "aria-label": `Remove ${textValue}`, slot: "remove", children: jsxRuntime.jsx("svg", { width: "14", height: "15", viewBox: "0 0 14 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("g", { id: "Icons / Close", children: jsxRuntime.jsx("path", { id: "Vector", d: "M12.6004 3.03239L11.4684 1.90039L7.00039 6.36839L2.53239 1.90039L1.40039 3.03239L5.86839 7.50039L1.40039 11.9684L2.53239 13.1004L7.00039 8.63239L11.4684 13.1004L12.6004 11.9684L8.13239 7.50039L12.6004 3.03239Z", fill: "currentColor" }) }) }) }))] })) }));
 }
 
 var css_248z$5 = ".bcds-react-aria-TagGroup {\n  color: var(--typography-color-primary);\n  font: var(--typography-regular-small-body);\n}\n\n.bcds-react-aria-TagGroup--Label,\n.bcds-react-aria-TagGroup--Text-description,\n.bcds-react-aria-TagGroup--Text-error {\n  display: block;\n  padding: var(--layout-padding-xsmall) var(--layout-padding-none);\n}\n\n.bcds-react-aria-TagGroup--Text-error {\n  display: flex;\n  color: var(--typography-color-danger);\n}\n\n.bcds-react-aria-TagGroup--Text-error > svg {\n  padding-right: var(--layout-padding-xsmall);\n  color: var(--icons-color-danger);\n  min-width: var(--icons-size-medium);\n  height: var(--icons-size-medium);\n}\n";
@@ -15505,9 +16215,13 @@ function Tooltip(props) {
     return (jsxRuntime.jsxs($4e3b923658d69c60$export$28c660c63b792dea, { className: "bcds-react-aria-Tooltip", ...props, children: [jsxRuntime.jsx($44f671af83e7d9e0$export$746d02f47f4d381, { className: "bcds-react-aria-OverlayArrow", children: jsxRuntime.jsx(SvgTooltipArrowUp, {}) }), jsxRuntime.jsx(jsxRuntime.Fragment, { children: props.children })] }));
 }
 
+exports.Accordion = Accordion;
+exports.AccordionGroup = AccordionGroup;
+exports.AlertBanner = AlertBanner;
 exports.AlertDialog = AlertDialog;
 exports.Button = Button;
 exports.ButtonGroup = ButtonGroup;
+exports.Callout = Callout;
 exports.Checkbox = Checkbox;
 exports.CheckboxGroup = CheckboxGroup;
 exports.Dialog = Dialog;
@@ -15522,6 +16236,8 @@ exports.Radio = Radio;
 exports.RadioGroup = RadioGroup;
 exports.Select = Select;
 exports.SvgBcLogo = SvgBcLogo;
+exports.SvgBcOutlineIcon = SvgBcOutlineIcon;
+exports.SvgBetaIcon = SvgBetaIcon;
 exports.SvgCheckCircleIcon = SvgCheckCircleIcon;
 exports.SvgCheckIcon = SvgCheckIcon;
 exports.SvgChevronDownIcon = SvgChevronDownIcon;