@bcgov/design-system-react-components 0.0.4 → 0.0.6

package/dist/cjs/index.cjs

@@ -31,8 +31,8 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$6 = "/**\n * Do not edit directly\n * Generated on Wed, 10 Jan 2024 17:50:02 GMT\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-primary-default: #053662;\n  --surface-primary-hover: #1E5189;\n  --surface-primary-disabled: #edebe9;\n  --surface-primary-active: #2E5DD7;\n  --surface-secondary-default: #ffffff;\n  --surface-secondary-hover: #edebe9;\n  --surface-secondary-disabled: #edebe9;\n  --surface-secondary-active: #2E5DD7;\n  --surface-tertiary-default: #ffffff00;\n  --surface-tertiary-hover: #eceae8;\n  --surface-tertiary-disabled: #edebe9;\n  --surface-tertiary-active: #2E5DD7;\n  --surface-danger-default: #ce3e39;\n  --surface-danger-hover: #a2312d;\n  --surface-danger-active: #2E5DD7;\n  --surface-danger-disabled: #edebe9;\n  --surface-background-white: #ffffff;\n  --surface-background-light: #faf9f8;\n  --surface-border-light: #d8d8d8;\n  --surface-border-medium: #898785;\n  --surface-border-dark: #353433;\n  --surface-overlay-default: #00000073;\n  --surface-brand-gold-10: #fff8e9;\n  --surface-brand-gold-20: #feebc2;\n  --surface-brand-gold-30: #fddf9d;\n  --surface-brand-gold-40: #fdd47b;\n  --surface-brand-gold-50: #fcc85d;\n  --surface-brand-gold-60: #f8ba47; /* BC Gold */\n  --surface-brand-gold-70: #ce9737;\n  --surface-brand-gold-80: #a5792b;\n  --surface-brand-gold-90: #7e5d21;\n  --surface-brand-gold-100: #584215;\n  --surface-brand-blue-10: #f1f8fe;\n  --surface-brand-blue-20: #d8eafd;\n  --surface-brand-blue-30: #c1ddfc;\n  --surface-brand-blue-40: #a8d0fb;\n  --surface-brand-blue-50: #91c4fa;\n  --surface-brand-blue-60: #7ab8f9;\n  --surface-brand-blue-70: #5595d9;\n  --surface-brand-blue-80: #3470b1;\n  --surface-brand-blue-90: #1e5189;\n  --surface-brand-blue-100: #053662; /* BC Blue */\n  --surface-brand-gray-10: #faf9f8;\n  --surface-brand-gray-20: #f3f2f1;\n  --surface-brand-gray-30: #eceae8;\n  --surface-brand-gray-40: #e0dedc;\n  --surface-brand-gray-50: #d1cfcd;\n  --surface-brand-gray-60: #c6c5c3;\n  --surface-brand-gray-70: #9f9d9c;\n  --surface-brand-gray-80: #605e5c;\n  --surface-brand-gray-90: #3d3c3b;\n  --surface-brand-gray-100: #353433;\n  --surface-brand-gray-110: #252423;\n  --surface-brand-gray-white: #ffffff;\n  --surface-icons-primary: #2d2d2d;\n  --surface-icons-secondary: #474543;\n  --surface-icons-disabled: #9f9d9c;\n  --surface-icons-link: #255a90;\n  --surface-icons-info: #053662;\n  --surface-icons-danger: #ce3e39;\n  --surface-icons-success: #42814a;\n  --surface-icons-warning: #f8bb47;\n  --surface-support-surface-color-info: #f7f9fc;\n  --surface-support-surface-color-danger: #f4e1e2;\n  --surface-support-surface-color-success: #f6fff8;\n  --surface-support-surface-color-warning: #fef1d8;\n  --surface-support-border-color-info: #053662;\n  --surface-support-border-color-danger: #ce3e39;\n  --surface-support-border-color-success: #42814a;\n  --surface-support-border-color-warning: #f8bb47;\n  --surface-shadow-none: 0 0.30000001192092896px 0.8999999761581421px 0 #0000001a, 0 1.600000023841858px 3.5999999046325684px 0 #00000021;\n  --surface-shadow-small: 0 0.6000000238418579px 1.7999999523162842px 0 #0000001a, 0 3.200000047683716px 7.199999809265137px 0 #00000021; /* Primarily used as a hover effect for cards */\n  --surface-shadow-medium: 0 1.2000000476837158px 3.5999999046325684px 0 #0000001a, 0 6.400000095367432px 14.399999618530273px 0 #00000021; /* Primarily used for dropdown menus and tooltips */\n  --surface-shadow-large: 0 4.800000190734863px 14.399999618530273px 0 #0000002e, 0 25.600000381469727px 57.599998474121094px 0 #00000038; /* Primarily used for dialogs */\n  --surface-border-radius-none: 0;\n  --surface-border-radius-small: 2px;\n  --surface-border-radius-medium: 4px;\n  --surface-border-radius-large: 6px;\n  --surface-border-width-none: 0;\n  --surface-border-width-small: 1px;\n  --surface-border-width-medium: 2px;\n  --surface-border-width-large: 4px;\n  --surface-size-small: 0px 8px;\n  --surface-size-medium: 6px 16px;\n  --support-support-surface-color-info: #f7f9fc;\n  --support-support-surface-color-danger: #f4e1e2;\n  --support-support-surface-color-success: #f6fff8;\n  --support-support-surface-color-warning: #fef1d8;\n  --support-support-border-color-info: #053662;\n  --support-support-border-color-danger: #ce3e39;\n  --support-support-border-color-success: #42814a;\n  --support-support-border-color-warning: #f8bb47;\n  --icons-icons-primary: #2d2d2d;\n  --icons-icons-secondary: #474543;\n  --icons-icons-disabled: #9f9d9c;\n  --icons-icons-link: #255a90;\n  --icons-icons-info: #053662;\n  --icons-icons-danger: #ce3e39;\n  --icons-icons-success: #42814a;\n  --icons-icons-warning: #f8bb47;\n  --icons-icons-primary-invert: #ffffff;\n  --icons-size-xsmall: 14px;\n  --icons-size-small: 16px;\n  --icons-size-medium: 20px;\n  --icons-size-large: 24px;\n  --icons-size-xlarge: 32px;\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;\n  --layout-padding-xsmall: 4px;\n  --layout-padding-small: 8px;\n  --layout-padding-medium: 16px;\n  --layout-padding-large: 24px;\n  --layout-padding-xlarge: 32px;\n  --layout-margin-none: 0;\n  --layout-margin-hair: 2px;\n  --layout-margin-xsmall: 4px;\n  --layout-margin-small: 8px;\n  --layout-margin-medium: 16px;\n  --layout-margin-large: 24px;\n  --layout-margin-xlarge: 32px;\n  --layout-margin-xxlarge: 40px;\n  --layout-margin-xxxlarge: 48px;\n  --layout-margin-huge: 56px;\n  --typography-font-families-bc-sans: 'BC Sans';\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;\n  --typography-line-heights-sparse: 2.25rem;\n  --typography-line-heights-xsparse: 3rem;\n  --typography-line-heights-xxsparse: 3.375rem;\n  --typography-line-heights-auto: AUTO;\n  --typography-font-weights-regular: 400;\n  --typography-font-weights-bold: 700;\n  --typography-font-weights-italic: Italic;\n  --typography-font-size-label: 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;\n  --typography-paragraph-spacing-0: 0;\n  --typography-regular-label: 400 0.875rem/1.313rem 'BC Sans';\n  --typography-regular-body: 400 1rem/1.688rem 'BC Sans';\n  --typography-regular-large-body: 400 1.125rem/1.913rem 'BC Sans';\n  --typography-regular-h5: 400 1.25rem/2.125rem 'BC Sans';\n  --typography-regular-h4: 400 1.5rem/2.25rem 'BC Sans';\n  --typography-regular-h3: 400 1.75rem/3rem 'BC Sans';\n  --typography-regular-h2: 400 2rem/3.375rem 'BC Sans';\n  --typography-regular-h1: 400 2.25rem/3rem 'BC Sans';\n  --typography-regular-display: 400 3rem/AUTO 'BC Sans';\n  --typography-bold-label: 700 0.875rem/1.313rem 'BC Sans';\n  --typography-bold-body: 700 1rem/1.688rem 'BC Sans';\n  --typography-bold-large-body: 700 1.125rem/1.913rem 'BC Sans';\n  --typography-bold-h5: 700 1.25rem/2.125rem 'BC Sans';\n  --typography-bold-h4: 700 1.5rem/2.25rem 'BC Sans';\n  --typography-bold-h3: 700 1.75rem/3.375rem 'BC Sans';\n  --typography-bold-h2: 700 2rem/3rem 'BC Sans';\n  --typography-bold-h1: 700 2.25rem/AUTO 'BC Sans';\n  --typography-bold-display: 700 3rem/AUTO 'BC Sans';\n  --typography-italic-label: 400 italic 0.875rem/1.313rem 'BC Sans';\n  --typography-italic-body: 400 italic 1rem/1.688rem 'BC Sans';\n  --typography-italic-large-body: 400 italic 1.125rem/1.913rem 'BC Sans';\n  --typography-italic-h5: 400 italic 1.25rem/2.125rem 'BC Sans';\n  --typography-italic-h4: 400 italic 1.5rem/2.25rem 'BC Sans';\n  --typography-italic-h3: 400 italic 1.75rem/3.375rem 'BC Sans';\n  --typography-italic-h2: 400 italic 2rem/3.375rem 'BC Sans';\n  --typography-italic-h1: 400 italic 2.25rem/3rem 'BC Sans';\n  --typography-italic-display: 400 italic 3rem/AUTO 'BC Sans';\n  --typography-text-case-none: none;\n  --typography-text-decoration-none: none;\n  --typography-paragraph-indent-0: 0px;\n  --typography-color-primary: #2D2D2D;\n  --typography-color-secondary: #474543;\n  --typography-color-disabled: #9F9D9C;\n  --typography-color-link: #255A90;\n  --typography-color-primary-invert: #FFFFFF;\n  --typography-color-secondary-invert: #ECEAE8;\n}\n";
-styleInject(css_248z$6);
+var css_248z$8 = "/**\n * Do not edit directly\n * Generated on Wed, 10 Jan 2024 17:50:02 GMT\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-primary-default: #053662;\n  --surface-primary-hover: #1E5189;\n  --surface-primary-disabled: #edebe9;\n  --surface-primary-active: #2E5DD7;\n  --surface-secondary-default: #ffffff;\n  --surface-secondary-hover: #edebe9;\n  --surface-secondary-disabled: #edebe9;\n  --surface-secondary-active: #2E5DD7;\n  --surface-tertiary-default: #ffffff00;\n  --surface-tertiary-hover: #eceae8;\n  --surface-tertiary-disabled: #edebe9;\n  --surface-tertiary-active: #2E5DD7;\n  --surface-danger-default: #ce3e39;\n  --surface-danger-hover: #a2312d;\n  --surface-danger-active: #2E5DD7;\n  --surface-danger-disabled: #edebe9;\n  --surface-background-white: #ffffff;\n  --surface-background-light: #faf9f8;\n  --surface-border-light: #d8d8d8;\n  --surface-border-medium: #898785;\n  --surface-border-dark: #353433;\n  --surface-overlay-default: #00000073;\n  --surface-brand-gold-10: #fff8e9;\n  --surface-brand-gold-20: #feebc2;\n  --surface-brand-gold-30: #fddf9d;\n  --surface-brand-gold-40: #fdd47b;\n  --surface-brand-gold-50: #fcc85d;\n  --surface-brand-gold-60: #f8ba47; /* BC Gold */\n  --surface-brand-gold-70: #ce9737;\n  --surface-brand-gold-80: #a5792b;\n  --surface-brand-gold-90: #7e5d21;\n  --surface-brand-gold-100: #584215;\n  --surface-brand-blue-10: #f1f8fe;\n  --surface-brand-blue-20: #d8eafd;\n  --surface-brand-blue-30: #c1ddfc;\n  --surface-brand-blue-40: #a8d0fb;\n  --surface-brand-blue-50: #91c4fa;\n  --surface-brand-blue-60: #7ab8f9;\n  --surface-brand-blue-70: #5595d9;\n  --surface-brand-blue-80: #3470b1;\n  --surface-brand-blue-90: #1e5189;\n  --surface-brand-blue-100: #053662; /* BC Blue */\n  --surface-brand-gray-10: #faf9f8;\n  --surface-brand-gray-20: #f3f2f1;\n  --surface-brand-gray-30: #eceae8;\n  --surface-brand-gray-40: #e0dedc;\n  --surface-brand-gray-50: #d1cfcd;\n  --surface-brand-gray-60: #c6c5c3;\n  --surface-brand-gray-70: #9f9d9c;\n  --surface-brand-gray-80: #605e5c;\n  --surface-brand-gray-90: #3d3c3b;\n  --surface-brand-gray-100: #353433;\n  --surface-brand-gray-110: #252423;\n  --surface-brand-gray-white: #ffffff;\n  --surface-icons-primary: #2d2d2d;\n  --surface-icons-secondary: #474543;\n  --surface-icons-disabled: #9f9d9c;\n  --surface-icons-link: #255a90;\n  --surface-icons-info: #053662;\n  --surface-icons-danger: #ce3e39;\n  --surface-icons-success: #42814a;\n  --surface-icons-warning: #f8bb47;\n  --surface-support-surface-color-info: #f7f9fc;\n  --surface-support-surface-color-danger: #f4e1e2;\n  --surface-support-surface-color-success: #f6fff8;\n  --surface-support-surface-color-warning: #fef1d8;\n  --surface-support-border-color-info: #053662;\n  --surface-support-border-color-danger: #ce3e39;\n  --surface-support-border-color-success: #42814a;\n  --surface-support-border-color-warning: #f8bb47;\n  --surface-shadow-none: 0 0.30000001192092896px 0.8999999761581421px 0 #0000001a, 0 1.600000023841858px 3.5999999046325684px 0 #00000021;\n  --surface-shadow-small: 0 0.6000000238418579px 1.7999999523162842px 0 #0000001a, 0 3.200000047683716px 7.199999809265137px 0 #00000021; /* Primarily used as a hover effect for cards */\n  --surface-shadow-medium: 0 1.2000000476837158px 3.5999999046325684px 0 #0000001a, 0 6.400000095367432px 14.399999618530273px 0 #00000021; /* Primarily used for dropdown menus and tooltips */\n  --surface-shadow-large: 0 4.800000190734863px 14.399999618530273px 0 #0000002e, 0 25.600000381469727px 57.599998474121094px 0 #00000038; /* Primarily used for dialogs */\n  --surface-border-radius-none: 0;\n  --surface-border-radius-small: 2px;\n  --surface-border-radius-medium: 4px;\n  --surface-border-radius-large: 6px;\n  --surface-border-width-none: 0;\n  --surface-border-width-small: 1px;\n  --surface-border-width-medium: 2px;\n  --surface-border-width-large: 4px;\n  --surface-size-small: 0px 8px;\n  --surface-size-medium: 6px 16px;\n  --support-support-surface-color-info: #f7f9fc;\n  --support-support-surface-color-danger: #f4e1e2;\n  --support-support-surface-color-success: #f6fff8;\n  --support-support-surface-color-warning: #fef1d8;\n  --support-support-border-color-info: #053662;\n  --support-support-border-color-danger: #ce3e39;\n  --support-support-border-color-success: #42814a;\n  --support-support-border-color-warning: #f8bb47;\n  --icons-icons-primary: #2d2d2d;\n  --icons-icons-secondary: #474543;\n  --icons-icons-disabled: #9f9d9c;\n  --icons-icons-link: #255a90;\n  --icons-icons-info: #053662;\n  --icons-icons-danger: #ce3e39;\n  --icons-icons-success: #42814a;\n  --icons-icons-warning: #f8bb47;\n  --icons-icons-primary-invert: #ffffff;\n  --icons-size-xsmall: 14px;\n  --icons-size-small: 16px;\n  --icons-size-medium: 20px;\n  --icons-size-large: 24px;\n  --icons-size-xlarge: 32px;\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;\n  --layout-padding-xsmall: 4px;\n  --layout-padding-small: 8px;\n  --layout-padding-medium: 16px;\n  --layout-padding-large: 24px;\n  --layout-padding-xlarge: 32px;\n  --layout-margin-none: 0;\n  --layout-margin-hair: 2px;\n  --layout-margin-xsmall: 4px;\n  --layout-margin-small: 8px;\n  --layout-margin-medium: 16px;\n  --layout-margin-large: 24px;\n  --layout-margin-xlarge: 32px;\n  --layout-margin-xxlarge: 40px;\n  --layout-margin-xxxlarge: 48px;\n  --layout-margin-huge: 56px;\n  --typography-font-families-bc-sans: 'BC Sans';\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;\n  --typography-line-heights-sparse: 2.25rem;\n  --typography-line-heights-xsparse: 3rem;\n  --typography-line-heights-xxsparse: 3.375rem;\n  --typography-line-heights-auto: AUTO;\n  --typography-font-weights-regular: 400;\n  --typography-font-weights-bold: 700;\n  --typography-font-weights-italic: Italic;\n  --typography-font-size-label: 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;\n  --typography-paragraph-spacing-0: 0;\n  --typography-regular-label: 400 0.875rem/1.313rem 'BC Sans';\n  --typography-regular-body: 400 1rem/1.688rem 'BC Sans';\n  --typography-regular-large-body: 400 1.125rem/1.913rem 'BC Sans';\n  --typography-regular-h5: 400 1.25rem/2.125rem 'BC Sans';\n  --typography-regular-h4: 400 1.5rem/2.25rem 'BC Sans';\n  --typography-regular-h3: 400 1.75rem/3rem 'BC Sans';\n  --typography-regular-h2: 400 2rem/3.375rem 'BC Sans';\n  --typography-regular-h1: 400 2.25rem/3rem 'BC Sans';\n  --typography-regular-display: 400 3rem/AUTO 'BC Sans';\n  --typography-bold-label: 700 0.875rem/1.313rem 'BC Sans';\n  --typography-bold-body: 700 1rem/1.688rem 'BC Sans';\n  --typography-bold-large-body: 700 1.125rem/1.913rem 'BC Sans';\n  --typography-bold-h5: 700 1.25rem/2.125rem 'BC Sans';\n  --typography-bold-h4: 700 1.5rem/2.25rem 'BC Sans';\n  --typography-bold-h3: 700 1.75rem/3.375rem 'BC Sans';\n  --typography-bold-h2: 700 2rem/3rem 'BC Sans';\n  --typography-bold-h1: 700 2.25rem/AUTO 'BC Sans';\n  --typography-bold-display: 700 3rem/AUTO 'BC Sans';\n  --typography-italic-label: 400 italic 0.875rem/1.313rem 'BC Sans';\n  --typography-italic-body: 400 italic 1rem/1.688rem 'BC Sans';\n  --typography-italic-large-body: 400 italic 1.125rem/1.913rem 'BC Sans';\n  --typography-italic-h5: 400 italic 1.25rem/2.125rem 'BC Sans';\n  --typography-italic-h4: 400 italic 1.5rem/2.25rem 'BC Sans';\n  --typography-italic-h3: 400 italic 1.75rem/3.375rem 'BC Sans';\n  --typography-italic-h2: 400 italic 2rem/3.375rem 'BC Sans';\n  --typography-italic-h1: 400 italic 2.25rem/3rem 'BC Sans';\n  --typography-italic-display: 400 italic 3rem/AUTO 'BC Sans';\n  --typography-text-case-none: none;\n  --typography-text-decoration-none: none;\n  --typography-paragraph-indent-0: 0px;\n  --typography-color-primary: #2D2D2D;\n  --typography-color-secondary: #474543;\n  --typography-color-disabled: #9F9D9C;\n  --typography-color-link: #255A90;\n  --typography-color-primary-invert: #FFFFFF;\n  --typography-color-secondary-invert: #ECEAE8;\n}\n";
+styleInject(css_248z$8);
 
 var $e038a7e7a6d81989$exports = {};
 $e038a7e7a6d81989$exports = {
@@ -3776,6 +3776,20 @@ function $e6afbd83fe6ebbd2$var$useFocusableContext(ref) {
     let { ref: _, ...otherProps } = context;
     return otherProps;
 }
+/**
+ * Provides DOM props to the nearest focusable child.
+ */ function $e6afbd83fe6ebbd2$var$FocusableProvider(props, ref) {
+    let { children: children, ...otherProps } = props;
+    let objRef = ($df56164dff5785e2$export$4338b53315abf666)(ref);
+    let context = {
+        ...otherProps,
+        ref: objRef
+    };
+    return /*#__PURE__*/ ($dGqE5$react).createElement($e6afbd83fe6ebbd2$var$FocusableContext.Provider, {
+        value: context
+    }, children);
+}
+let $e6afbd83fe6ebbd2$export$13f3202a3e5ddd5 = /*#__PURE__*/ ($dGqE5$react).forwardRef($e6afbd83fe6ebbd2$var$FocusableProvider);
 function $e6afbd83fe6ebbd2$export$4c014de7c8940b4c(props, domRef) {
     let { focusProps: focusProps } = ($a1ea59d68270f0dd$export$f8168d8dd8fd66e6)(props);
     let { keyboardProps: keyboardProps } = ($46d819fcbaf35654$export$8f71654801c2f7cd)(props);
@@ -5879,6 +5893,78 @@ function $49c51c25361d4cd2$var$willOpenKeyboard(target) {
 }
 
 
+/*
+ * 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 $f57aed4a881a3485$var$Context = /*#__PURE__*/ ($dGqE5$react).createContext(null);
+function $f57aed4a881a3485$export$178405afcd8c5eb(props) {
+    let { children: children } = props;
+    let parent = ($dGqE5$react.useContext)($f57aed4a881a3485$var$Context);
+    let [modalCount, setModalCount] = ($dGqE5$react.useState)(0);
+    let context = ($dGqE5$react.useMemo)(()=>({
+            parent: parent,
+            modalCount: modalCount,
+            addModal () {
+                setModalCount((count)=>count + 1);
+                if (parent) parent.addModal();
+            },
+            removeModal () {
+                setModalCount((count)=>count - 1);
+                if (parent) parent.removeModal();
+            }
+        }), [
+        parent,
+        modalCount
+    ]);
+    return /*#__PURE__*/ ($dGqE5$react).createElement($f57aed4a881a3485$var$Context.Provider, {
+        value: context
+    }, children);
+}
+function $f57aed4a881a3485$export$d9aaed4c3ece1bc0() {
+    let context = ($dGqE5$react.useContext)($f57aed4a881a3485$var$Context);
+    return {
+        modalProviderProps: {
+            "aria-hidden": context && context.modalCount > 0 ? true : null
+        }
+    };
+}
+/**
+ * Creates a root node that will be aria-hidden if there are other modals open.
+ */ function $f57aed4a881a3485$var$OverlayContainerDOM(props) {
+    let { modalProviderProps: modalProviderProps } = $f57aed4a881a3485$export$d9aaed4c3ece1bc0();
+    return /*#__PURE__*/ ($dGqE5$react).createElement("div", {
+        "data-overlay-container": true,
+        ...props,
+        ...modalProviderProps
+    });
+}
+function $f57aed4a881a3485$export$bf688221f59024e5(props) {
+    return /*#__PURE__*/ ($dGqE5$react).createElement($f57aed4a881a3485$export$178405afcd8c5eb, null, /*#__PURE__*/ ($dGqE5$react).createElement($f57aed4a881a3485$var$OverlayContainerDOM, props));
+}
+function $f57aed4a881a3485$export$b47c3594eab58386(props) {
+    let isSSR = ($b5e257d569688ac6$export$535bd6ca7f90a273)();
+    let { portalContainer: portalContainer = isSSR ? null : document.body, ...rest } = props;
+    ($dGqE5$react).useEffect(()=>{
+        if (portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.closest("[data-overlay-container]")) throw new Error("An OverlayContainer must not be inside another container. Please change the portalContainer prop.");
+    }, [
+        portalContainer
+    ]);
+    if (!portalContainer) return null;
+    let contents = /*#__PURE__*/ ($dGqE5$react).createElement($f57aed4a881a3485$export$bf688221f59024e5, rest);
+    return /*#__PURE__*/ ($dGqE5$reactdom).createPortal(contents, portalContainer);
+}
+
+
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -9556,6 +9642,149 @@ function $fc6126c82a4601f1$export$3f568fff7dff2f03(props, state, ref) {
     };
 }
 
+/*
+ * 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.
+ */ /*
+ * 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 $326e436e94273fe1$export$1c4b08e0eca38426(props, state) {
+    let domProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
+        labelable: true
+    });
+    let { hoverProps: hoverProps } = ($6179b936705e76d3$export$ae780daf29e6d456)({
+        onHoverStart: ()=>state === null || state === void 0 ? void 0 : state.open(true),
+        onHoverEnd: ()=>state === null || state === void 0 ? void 0 : state.close()
+    });
+    return {
+        tooltipProps: ($3ef42575df84b30b$export$9d1611c77c2fe928)(domProps, hoverProps, {
+            role: "tooltip"
+        })
+    };
+}
+
+
+/*
+ * 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 $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref) {
+    let { isDisabled: isDisabled, trigger: trigger } = props;
+    let tooltipId = ($bdb11010cef70236$export$f680877a34711e37)();
+    let isHovered = ($dGqE5$react.useRef)(false);
+    let isFocused = ($dGqE5$react.useRef)(false);
+    let handleShow = ()=>{
+        if (isHovered.current || isFocused.current) state.open(isFocused.current);
+    };
+    let handleHide = (immediate)=>{
+        if (!isHovered.current && !isFocused.current) state.close(immediate);
+    };
+    ($dGqE5$react.useEffect)(()=>{
+        let onKeyDown = (e)=>{
+            if (ref && ref.current) // Escape after clicking something can give it keyboard focus
+            // dismiss tooltip on esc key press
+            {
+                if (e.key === "Escape") {
+                    e.stopPropagation();
+                    state.close(true);
+                }
+            }
+        };
+        if (state.isOpen) {
+            document.addEventListener("keydown", onKeyDown, true);
+            return ()=>{
+                document.removeEventListener("keydown", onKeyDown, true);
+            };
+        }
+    }, [
+        ref,
+        state
+    ]);
+    let onHoverStart = ()=>{
+        if (trigger === "focus") return;
+        // In chrome, if you hover a trigger, then another element obscures it, due to keyboard
+        // interactions for example, hover will end. When hover is restored after that element disappears,
+        // focus moves on for example, then the tooltip will reopen. We check the modality to know if the hover
+        // is the result of moving the mouse.
+        if (($507fabe10e71c6fb$export$630ff653c5ada6a9)() === "pointer") isHovered.current = true;
+        else isHovered.current = false;
+        handleShow();
+    };
+    let onHoverEnd = ()=>{
+        if (trigger === "focus") return;
+        // no matter how the trigger is left, we should close the tooltip
+        isFocused.current = false;
+        isHovered.current = false;
+        handleHide();
+    };
+    let onPressStart = ()=>{
+        // no matter how the trigger is pressed, we should close the tooltip
+        isFocused.current = false;
+        isHovered.current = false;
+        handleHide(true);
+    };
+    let onFocus = ()=>{
+        let isVisible = ($507fabe10e71c6fb$export$b9b3dfddab17db27)();
+        if (isVisible) {
+            isFocused.current = true;
+            handleShow();
+        }
+    };
+    let onBlur = ()=>{
+        isFocused.current = false;
+        isHovered.current = false;
+        handleHide(true);
+    };
+    let { hoverProps: hoverProps } = ($6179b936705e76d3$export$ae780daf29e6d456)({
+        isDisabled: isDisabled,
+        onHoverStart: onHoverStart,
+        onHoverEnd: onHoverEnd
+    });
+    let { focusableProps: focusableProps } = ($e6afbd83fe6ebbd2$export$4c014de7c8940b4c)({
+        isDisabled: isDisabled,
+        onFocus: onFocus,
+        onBlur: onBlur
+    }, ref);
+    return {
+        triggerProps: {
+            "aria-describedby": state.isOpen ? tooltipId : undefined,
+            ...($3ef42575df84b30b$export$9d1611c77c2fe928)(focusableProps, hoverProps, {
+                onPointerDown: onPressStart,
+                onKeyDown: onPressStart
+            })
+        },
+        tooltipProps: {
+            id: tooltipId
+        }
+    };
+}
+
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -10294,6 +10523,117 @@ function $2bc3a590c5373a4e$export$5159ec8b34d4ec12(props) {
     };
 }
 
+/*
+ * 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.
+ */ /*
+ * 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 $8796f90736e175cb$var$TOOLTIP_DELAY = 1500; // this seems to be a 1.5 second delay, check with design
+const $8796f90736e175cb$var$TOOLTIP_COOLDOWN = 500;
+let $8796f90736e175cb$var$tooltips = {};
+let $8796f90736e175cb$var$tooltipId = 0;
+let $8796f90736e175cb$var$globalWarmedUp = false;
+let $8796f90736e175cb$var$globalWarmUpTimeout = null;
+let $8796f90736e175cb$var$globalCooldownTimeout = null;
+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 = ($dGqE5$react.useMemo)(()=>`${++$8796f90736e175cb$var$tooltipId}`, []);
+    let closeTimeout = ($dGqE5$react.useRef)();
+    let ensureTooltipEntry = ()=>{
+        $8796f90736e175cb$var$tooltips[id] = hideTooltip;
+    };
+    let closeOpenTooltips = ()=>{
+        for(let hideTooltipId in $8796f90736e175cb$var$tooltips)if (hideTooltipId !== id) {
+            $8796f90736e175cb$var$tooltips[hideTooltipId](true);
+            delete $8796f90736e175cb$var$tooltips[hideTooltipId];
+        }
+    };
+    let showTooltip = ()=>{
+        clearTimeout(closeTimeout.current);
+        closeTimeout.current = null;
+        closeOpenTooltips();
+        ensureTooltipEntry();
+        $8796f90736e175cb$var$globalWarmedUp = true;
+        open();
+        if ($8796f90736e175cb$var$globalWarmUpTimeout) {
+            clearTimeout($8796f90736e175cb$var$globalWarmUpTimeout);
+            $8796f90736e175cb$var$globalWarmUpTimeout = null;
+        }
+        if ($8796f90736e175cb$var$globalCooldownTimeout) {
+            clearTimeout($8796f90736e175cb$var$globalCooldownTimeout);
+            $8796f90736e175cb$var$globalCooldownTimeout = null;
+        }
+    };
+    let hideTooltip = (immediate)=>{
+        if (immediate || closeDelay <= 0) {
+            clearTimeout(closeTimeout.current);
+            closeTimeout.current = null;
+            close();
+        } else if (!closeTimeout.current) closeTimeout.current = setTimeout(()=>{
+            closeTimeout.current = null;
+            close();
+        }, closeDelay);
+        if ($8796f90736e175cb$var$globalWarmUpTimeout) {
+            clearTimeout($8796f90736e175cb$var$globalWarmUpTimeout);
+            $8796f90736e175cb$var$globalWarmUpTimeout = null;
+        }
+        if ($8796f90736e175cb$var$globalWarmedUp) {
+            if ($8796f90736e175cb$var$globalCooldownTimeout) clearTimeout($8796f90736e175cb$var$globalCooldownTimeout);
+            $8796f90736e175cb$var$globalCooldownTimeout = setTimeout(()=>{
+                delete $8796f90736e175cb$var$tooltips[id];
+                $8796f90736e175cb$var$globalCooldownTimeout = null;
+                $8796f90736e175cb$var$globalWarmedUp = false;
+            }, Math.max($8796f90736e175cb$var$TOOLTIP_COOLDOWN, closeDelay));
+        }
+    };
+    let warmupTooltip = ()=>{
+        closeOpenTooltips();
+        ensureTooltipEntry();
+        if (!isOpen && !$8796f90736e175cb$var$globalWarmUpTimeout && !$8796f90736e175cb$var$globalWarmedUp) $8796f90736e175cb$var$globalWarmUpTimeout = setTimeout(()=>{
+            $8796f90736e175cb$var$globalWarmUpTimeout = null;
+            $8796f90736e175cb$var$globalWarmedUp = true;
+            showTooltip();
+        }, delay);
+        else if (!isOpen) showTooltip();
+    };
+    // eslint-disable-next-line arrow-body-style
+    ($dGqE5$react.useEffect)(()=>{
+        return ()=>{
+            clearTimeout(closeTimeout.current);
+            let tooltip = $8796f90736e175cb$var$tooltips[id];
+            if (tooltip) delete $8796f90736e175cb$var$tooltips[id];
+        };
+    }, [
+        id
+    ]);
+    return {
+        isOpen: isOpen,
+        open: (immediate)=>{
+            if (!immediate && delay > 0 && !closeTimeout.current) warmupTooltip();
+            else showTooltip();
+        },
+        close: hideTooltip
+    };
+}
+
 var shim = {exports: {}};
 
 var useSyncExternalStoreShim_production_min = {};
@@ -12099,6 +12439,39 @@ const $eed445e0843c11d0$var$ListBoxtDropIndicatorForwardRef = /*#__PURE__*/ ($dG
 const $44f671af83e7d9e0$export$2de4954e8ae13b9f = /*#__PURE__*/ ($dGqE5$react.createContext)({
     placement: "bottom"
 });
+function $44f671af83e7d9e0$var$OverlayArrow(props, ref) {
+    [props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $44f671af83e7d9e0$export$2de4954e8ae13b9f);
+    let placement = props.placement;
+    let style = {
+        position: "absolute",
+        [placement]: "100%",
+        transform: placement === "top" || placement === "bottom" ? "translateX(-50%)" : "translateY(-50%)"
+    };
+    let renderProps = ($64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        defaultClassName: "react-aria-OverlayArrow",
+        values: {
+            placement: placement
+        }
+    });
+    // remove undefined values from renderProps.style object so that it can be
+    // spread merged with the other style object
+    if (renderProps.style) Object.keys(renderProps.style).forEach((key)=>renderProps.style[key] === undefined && delete renderProps.style[key]);
+    return /*#__PURE__*/ ($dGqE5$react).createElement("div", {
+        ...props,
+        ...renderProps,
+        style: {
+            ...style,
+            ...renderProps.style
+        },
+        ref: ref,
+        "data-placement": placement
+    });
+}
+/**
+ * An OverlayArrow renders a custom arrow element relative to an overlay element
+ * such as a popover or tooltip such that it aligns with a trigger element.
+ */ const $44f671af83e7d9e0$export$746d02f47f4d381 = /*#__PURE__*/ ($dGqE5$react.forwardRef)($44f671af83e7d9e0$var$OverlayArrow);
 
 
 
@@ -12724,21 +13097,124 @@ function $eaf9e70818b436db$var$TagItem({ item: item }) {
     }, renderProps.children)));
 }
 
-var css_248z$5 = ".bcds-react-aria-Button {\n  border: none;\n  border-radius: var(--layout-border-radius-medium, 4px);\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: 2px solid var(--surface-primary-active);\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-primary-default);\n  color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Button.primary.danger {\n  background-color: var(--surface-danger-default);\n}\n.bcds-react-aria-Button.primary[data-disabled] {\n  background-color: var(--surface-primary-disabled);\n  color: var(--typography-color-disabled);\n}\n.bcds-react-aria-Button.primary[data-hovered] {\n  background-color: var(--surface-primary-hover);\n}\n.bcds-react-aria-Button.primary.danger[data-hovered] {\n  background-color: var(--surface-danger-hover);\n}\n\n/* Variant - Secondary */\n.bcds-react-aria-Button.secondary {\n  background-color: var(--surface-secondary-default);\n  border: 1px solid var(--surface-border-dark);\n  color: var(--typography-color-primary);\n}\n.bcds-react-aria-Button.secondary.danger {\n  border-color: var(--surface-support-border-color-danger);\n  color: var(--surface-danger-default);\n}\n.bcds-react-aria-Button.secondary[data-disabled] {\n  background-color: var(--surface-primary-disabled);\n  border-color: var(--surface-border-light);\n  color: var(--typography-color-disabled);\n}\n.bcds-react-aria-Button.secondary[data-hovered] {\n  background-color: var(--surface-secondary-hover);\n}\n.bcds-react-aria-Button.secondary.danger[data-hovered] {\n  background-color: var(--surface-support-surface-color-danger);\n}\n\n/* Variant - Tertiary */\n.bcds-react-aria-Button.tertiary {\n  background-color: var(--surface-tertiary-default);\n  color: var(--typography-color-primary);\n}\n.bcds-react-aria-Button.tertiary.danger {\n  color: var(--surface-danger-default);\n}\n.bcds-react-aria-Button.tertiary[data-disabled] {\n  background-color: var(--surface-tertiary-default);\n  color: var(--typography-color-disabled);\n}\n.bcds-react-aria-Button.tertiary[data-hovered] {\n  background-color: var(--surface-tertiary-hover);\n}\n.bcds-react-aria-Button.tertiary.danger[data-hovered] {\n  background-color: var(--surface-support-surface-color-danger);\n}\n\n/* Variant - Link */\n.bcds-react-aria-Button.link {\n  background-color: var(--surface-tertiary-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-danger-default);\n}\n.bcds-react-aria-Button.link[data-disabled] {\n  color: var(--typography-color-disabled);\n}\n";
-styleInject(css_248z$5);
+
+/*
+ * 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 $4e3b923658d69c60$export$7a7623236eec67fa = /*#__PURE__*/ ($dGqE5$react.createContext)(null);
+const $4e3b923658d69c60$export$39ae08fa83328b12 = /*#__PURE__*/ ($dGqE5$react.createContext)(null);
+function $4e3b923658d69c60$export$8c610744efcf8a1d(props) {
+    let state = ($8796f90736e175cb$export$4d40659c25ecb50b)(props);
+    let ref = ($dGqE5$react.useRef)(null);
+    let { triggerProps: triggerProps, tooltipProps: tooltipProps } = ($4e1b34546679e357$export$a6da6c504e4bba8b)(props, state, ref);
+    return /*#__PURE__*/ ($dGqE5$react).createElement(($64fa3d84918910a7$export$2881499e37b75b9a), {
+        values: [
+            [
+                $4e3b923658d69c60$export$7a7623236eec67fa,
+                state
+            ],
+            [
+                $4e3b923658d69c60$export$39ae08fa83328b12,
+                {
+                    ...tooltipProps,
+                    triggerRef: ref
+                }
+            ]
+        ]
+    }, /*#__PURE__*/ ($dGqE5$react).createElement(($e6afbd83fe6ebbd2$export$13f3202a3e5ddd5), {
+        ...triggerProps,
+        ref: ref
+    }, props.children));
+}
+function $4e3b923658d69c60$var$Tooltip({ UNSTABLE_portalContainer: UNSTABLE_portalContainer, ...props }, ref) {
+    [props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $4e3b923658d69c60$export$39ae08fa83328b12);
+    let contextState = ($dGqE5$react.useContext)($4e3b923658d69c60$export$7a7623236eec67fa);
+    let localState = ($8796f90736e175cb$export$4d40659c25ecb50b)(props);
+    let state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
+    let isExiting = ($64fa3d84918910a7$export$45fda7c47f93fd48)(ref, state.isOpen) || props.isExiting || false;
+    if (!state.isOpen && !isExiting) return null;
+    return /*#__PURE__*/ ($dGqE5$react).createElement(($f57aed4a881a3485$export$b47c3594eab58386), {
+        portalContainer: UNSTABLE_portalContainer
+    }, /*#__PURE__*/ ($dGqE5$react).createElement($4e3b923658d69c60$var$TooltipInner, {
+        ...props,
+        tooltipRef: ref,
+        isExiting: isExiting
+    }));
+}
+/**
+ * A tooltip displays a description of an element on hover or focus.
+ */ const $4e3b923658d69c60$export$28c660c63b792dea = /*#__PURE__*/ ($dGqE5$react.forwardRef)($4e3b923658d69c60$var$Tooltip);
+function $4e3b923658d69c60$var$TooltipInner(props) {
+    let state = ($dGqE5$react.useContext)($4e3b923658d69c60$export$7a7623236eec67fa);
+    let { overlayProps: overlayProps, arrowProps: arrowProps, placement: placement } = ($2a41e45df1593e64$export$d39e1813b3bdd0e1)({
+        placement: props.placement || "top",
+        targetRef: props.triggerRef,
+        overlayRef: props.tooltipRef,
+        offset: props.offset,
+        crossOffset: props.crossOffset,
+        isOpen: state.isOpen
+    });
+    let isEntering = ($64fa3d84918910a7$export$6d3443f2c48bfc20)(props.tooltipRef, !!placement) || props.isEntering || false;
+    let renderProps = ($64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        defaultClassName: "react-aria-Tooltip",
+        values: {
+            placement: placement,
+            isEntering: isEntering,
+            isExiting: props.isExiting,
+            state: state
+        }
+    });
+    props = ($3ef42575df84b30b$export$9d1611c77c2fe928)(props, overlayProps);
+    let { tooltipProps: tooltipProps } = ($326e436e94273fe1$export$1c4b08e0eca38426)(props, state);
+    return /*#__PURE__*/ ($dGqE5$react).createElement("div", {
+        ...tooltipProps,
+        ref: props.tooltipRef,
+        ...renderProps,
+        style: {
+            ...overlayProps.style,
+            ...renderProps.style
+        },
+        "data-placement": placement,
+        "data-entering": isEntering || undefined,
+        "data-exiting": props.isExiting || undefined
+    }, /*#__PURE__*/ ($dGqE5$react).createElement(($44f671af83e7d9e0$export$2de4954e8ae13b9f).Provider, {
+        value: {
+            ...arrowProps,
+            placement: placement
+        }
+    }, renderProps.children));
+}
+
+var css_248z$7 = ".bcds-react-aria-Button {\n  border: none;\n  border-radius: var(--layout-border-radius-medium, 4px);\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: 2px solid var(--surface-primary-active);\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-primary-default);\n  color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Button.primary.danger {\n  background-color: var(--surface-danger-default);\n}\n.bcds-react-aria-Button.primary[data-disabled] {\n  background-color: var(--surface-primary-disabled);\n  color: var(--typography-color-disabled);\n}\n.bcds-react-aria-Button.primary[data-hovered] {\n  background-color: var(--surface-primary-hover);\n}\n.bcds-react-aria-Button.primary.danger[data-hovered] {\n  background-color: var(--surface-danger-hover);\n}\n\n/* Variant - Secondary */\n.bcds-react-aria-Button.secondary {\n  background-color: var(--surface-secondary-default);\n  border: 1px solid var(--surface-border-dark);\n  color: var(--typography-color-primary);\n}\n.bcds-react-aria-Button.secondary.danger {\n  border-color: var(--surface-support-border-color-danger);\n  color: var(--surface-danger-default);\n}\n.bcds-react-aria-Button.secondary[data-disabled] {\n  background-color: var(--surface-primary-disabled);\n  border-color: var(--surface-border-light);\n  color: var(--typography-color-disabled);\n}\n.bcds-react-aria-Button.secondary[data-hovered] {\n  background-color: var(--surface-secondary-hover);\n}\n.bcds-react-aria-Button.secondary.danger[data-hovered] {\n  background-color: var(--surface-support-surface-color-danger);\n}\n\n/* Variant - Tertiary */\n.bcds-react-aria-Button.tertiary {\n  background-color: var(--surface-tertiary-default);\n  color: var(--typography-color-primary);\n}\n.bcds-react-aria-Button.tertiary.danger {\n  color: var(--surface-danger-default);\n}\n.bcds-react-aria-Button.tertiary[data-disabled] {\n  background-color: var(--surface-tertiary-default);\n  color: var(--typography-color-disabled);\n}\n.bcds-react-aria-Button.tertiary[data-hovered] {\n  background-color: var(--surface-tertiary-hover);\n}\n.bcds-react-aria-Button.tertiary.danger[data-hovered] {\n  background-color: var(--surface-support-surface-color-danger);\n}\n\n/* Variant - Link */\n.bcds-react-aria-Button.link {\n  background-color: var(--surface-tertiary-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-danger-default);\n}\n.bcds-react-aria-Button.link[data-disabled] {\n  color: var(--typography-color-disabled);\n}\n";
+styleInject(css_248z$7);
 
 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$4 = ".bcds-header {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-around;\n  background-color: var(--surface-background-white);\n  border-bottom-color: var(--surface-border-light);\n  border-bottom-style: solid;\n  border-bottom-width: var(--layout-border-width-small);\n  min-height: 65px;\n  padding: var(--layout-padding-none) var(--layout-padding-medium);\n  width: 100%;\n}\n\n.bcds-header > .bcds-header--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}\n\n.bcds-header > .bcds-header--container > .bcds-header--title {\n  flex-grow: 1;\n  font: var(--typography-bold-h4);\n  color: var(--typography-color-primary);\n}\n\n.bcds-header > .bcds-header--container > ul.bcds-header--skiplinks {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  position: absolute;\n}\n\n.bcds-header > .bcds-header--container > ul.bcds-header--skiplinks li a,\n.bcds-header > .bcds-header--container > ul.bcds-header--skiplinks li button {\n  background-color: var(--surface-background-white);\n  box-sizing: border-box;\n  color: var(--typography-color-link);\n  font: var(--typography-regular-body);\n  margin-top: -17.5px; /* Center the link visually in a single line header */\n  padding: var(--layout-padding-xsmall) var(--layout-padding-medium);\n  position: absolute;\n  margin-left: -100000px;\n}\n\n.bcds-header > .bcds-header--container > ul.bcds-header--skiplinks li a:focus,\n.bcds-header\n  > .bcds-header--container\n  > ul.bcds-header--skiplinks\n  li\n  button:focus {\n  margin-left: 0; /* Line up left edge with left edge of logo image */\n  text-wrap: nowrap;\n}\n\n.bcds-header > .bcds-header--container > .bcds-header--line {\n  background-color: var(--surface-border-light);\n  width: 1px;\n  height: 32px;\n}\n\n.bcds-header > .bcds-header--container svg#bcgov-logo {\n  min-width: 129px;\n  width: 129px;\n}\n";
-styleInject(css_248z$4);
-
 // This logo is available as a plain SVG at src/assets/BCID_H_rgb_pos.svg
-function SvgBcLogo() {
-    return (jsxRuntime.jsxs("svg", { id: "bcgov-logo", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 847.65 327.01", children: [jsxRuntime.jsx("path", { d: "M109.59,226.32c44.7,0,106.54,25.17,151.41,25.17,32.02,0,63.26-8.54,81.04-21.13,1.24-7.39,1.9-14.97,1.9-22.72,0-75.13-60.91-136.04-136.04-136.04s-136.04,60.91-136.04,136.04c0,7.65.64,15.15,1.86,22.46,4.9-.91,21.57-3.79,35.87-3.79Z", style: { fill: "#fff", strokeWidth: "0px" } }), jsxRuntime.jsxs("g", { children: [jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("rect", { x: "415.4", y: "252.98", width: "314.66", height: "3.82", style: { fill: "#e3a82b", strokeWidth: "0px" } }), jsxRuntime.jsx("path", { d: "M423.47,116.64c0-6.39-.45-8.08-4.76-8.43l-3-.21c-.49-.39-.35-2.12.1-2.16,5.17-.46,11.69-.69,20.6-.69,6.04,0,11.79.43,16.1,2.42,4.12,1.81,7.28,5.26,7.28,10.79,0,6.22-4.03,9.41-9.77,11.83,0,.86.77,1.12,1.82,1.29,5.17.86,12.84,5.18,12.84,14.42,0,10.01-8.24,16.75-25.49,16.75-2.78,0-7.47-.26-11.5-.26s-7.47.17-11.02.26c-.57-.26-.77-1.64-.19-2.16l1.73-.26c5.08-.78,5.27-1.73,5.27-10.79v-32.8ZM431.32,128.12c0,2.42.1,2.59,4.98,2.42,9.77-.35,15.04-2.94,15.04-11.05s-7-11.65-14.28-11.65c-2.11,0-3.55.17-4.41.52-.96.26-1.34.69-1.34,2.24v17.52ZM431.32,148.14c0,3.11.19,7.51,2.01,9.41,1.82,1.98,4.7,2.42,7.57,2.42,8.53,0,15.04-3.45,15.04-12.08,0-6.82-3.83-14.76-19.07-14.76-5.17,0-5.56.52-5.56,2.24v12.77Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsxRuntime.jsx("path", { d: "M531.26,125.14c0-7.82-.16-9.07-4.99-9.44l-2.05-.15c-.49-.29-.33-1.62.16-1.84,4.09.15,6.87.22,10.31.22s6.06-.07,10.15-.22c.49.22.65,1.55.16,1.84l-2.04.15c-4.83.37-4.99,1.62-4.99,9.44v26.25c0,7.82.16,8.85,4.99,9.36l2.04.22c.49.29.33,1.62-.16,1.84-4.09-.15-6.87-.22-10.15-.22-3.44,0-6.22.07-10.31.22-.49-.22-.66-1.4-.16-1.84l2.05-.22c4.83-.52,4.99-1.55,4.99-9.36v-26.25Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsxRuntime.jsx("path", { d: "M576.66,151.53c0,7.74.15,8.85,4.6,9.22l2.45.22c.46.29.31,1.62-.15,1.84-4.37-.15-6.98-.22-10.05-.22s-5.75.07-10.66.22c-.46-.22-.62-1.47,0-1.84l2.76-.22c4.37-.37,4.75-1.48,4.75-9.22v-32.96c0-2.28,0-2.36-2.3-2.36h-4.22c-3.3,0-7.51.15-9.43,1.84-1.84,1.62-2.61,3.24-3.45,5.09-.62.44-1.69.07-1.99-.52,1.22-3.32,2.38-8.04,2.91-10.98.23-.15,1.23-.22,1.46,0,.46,2.36,2.99,2.29,6.52,2.29h31.05c4.14,0,4.83-.15,5.98-2.06.38-.15,1.23-.07,1.38.22-.84,3.02-1.38,9-1.15,11.21-.31.59-1.61.59-1.99.15-.23-1.84-.77-4.57-1.92-5.38-1.76-1.25-4.68-1.84-8.89-1.84h-5.44c-2.3,0-2.22.07-2.22,2.51v32.81Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsxRuntime.jsx("path", { d: "M609.53,125.14c0-7.82-.16-9.07-4.99-9.44l-2.05-.15c-.49-.29-.33-1.62.16-1.84,4.09.15,6.87.22,10.31.22s6.05-.07,10.15-.22c.49.22.66,1.55.17,1.84l-2.05.15c-4.83.37-4.99,1.62-4.99,9.44v26.25c0,7.82.16,8.85,4.99,9.36l2.05.22c.49.29.33,1.62-.17,1.84-4.09-.15-6.87-.22-10.15-.22-3.44,0-6.22.07-10.31.22-.49-.22-.65-1.4-.16-1.84l2.05-.22c4.83-.52,4.99-1.55,4.99-9.36v-26.25Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsxRuntime.jsx("path", { d: "M646.2,163.57c-7.31,0-11.92-1.92-13.57-2.73-1.04-1.62-2.18-6.86-2.35-10.32.44-.52,1.74-.66,2.09-.22,1.31,3.76,4.87,10.98,14.96,10.98,7.31,0,10.87-4.05,10.87-8.48,0-3.24-.78-6.86-7.13-10.32l-8.26-4.57c-4.35-2.43-9.4-6.64-9.4-12.68,0-7,6.44-12.68,17.75-12.68,2.7,0,5.83.44,8.09.96,1.13.29,2.35.44,3.04.44.78,1.77,1.57,5.9,1.57,9-.35.44-1.74.66-2.18.22-1.13-3.54-3.48-8.33-11.83-8.33s-10.35,4.79-10.35,8.18c0,4.28,4.18,7.38,7.39,9.07l6.96,3.69c5.48,2.88,10.88,7.15,10.88,14.16,0,8.11-7.22,13.64-18.53,13.64Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsxRuntime.jsx("path", { d: "M689.99,138.78c-3.81,0-3.96.15-3.96,2.36v10.4c0,7.74.4,8.77,4.84,9.22l2.3.22c.48.29.32,1.62-.16,1.84-4.28-.15-6.98-.22-10.08-.22-3.41,0-6.11.15-9.2.22-.47-.22-.63-1.4-.16-1.84l1.35-.22c4.45-.74,4.6-1.48,4.6-9.22v-26.54c0-7.74-.55-8.99-4.68-9.29l-2.06-.15c-.48-.29-.32-1.62.16-1.84,3.89.07,6.58.22,10,.22,3.1,0,5.79-.07,9.2-.22.48.22.63,1.55.16,1.84l-1.51.15c-4.6.44-4.76,1.55-4.76,9.29v8.48c0,2.28.16,2.36,3.96,2.36h22.69c3.81,0,3.97-.07,3.97-2.36v-8.48c0-7.74-.16-8.85-4.84-9.29l-1.51-.15c-.48-.29-.32-1.62.16-1.84,3.65.15,6.35.22,9.6.22s5.79-.07,9.36-.22c.48.22.63,1.55.16,1.84l-1.66.15c-4.6.44-4.76,1.55-4.76,9.29v26.54c0,7.74.16,8.7,4.76,9.22l1.9.22c.47.29.32,1.62-.16,1.84-3.81-.15-6.51-.22-9.6-.22-3.25,0-6.11.07-9.6.22-.48-.22-.63-1.4-.16-1.84l1.51-.22c4.84-.74,4.84-1.48,4.84-9.22v-10.4c0-2.21-.16-2.36-3.97-2.36h-22.69Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsxRuntime.jsx("path", { d: "M378.06,179.01c6.52-5.07,14.83-7.57,24.12-7.57,4.82,0,11.61.98,15.81,2.14,1.07.27,1.7.45,2.5.36.09,2.05.54,7.65,1.25,13.09-.45.62-1.79.71-2.41.18-1.34-6.05-5.36-13-18.31-13-13.67,0-25.28,8.64-25.28,27.06s11.88,29.02,26.53,29.02c11.52,0,16.62-7.48,18.67-12.73.63-.44,1.97-.27,2.32.36-.62,4.63-2.95,10.5-4.29,12.2-1.07.18-2.14.53-3.13.89-1.97.71-8.4,2.05-14.11,2.05-8.04,0-15.72-1.6-22.24-5.96-7.15-4.9-12.69-12.99-12.69-24.48,0-9.88,4.47-18.34,11.26-23.59Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsxRuntime.jsx("path", { d: "M426.92,207.81c0-14.75,11.61-26.03,27.56-26.03,17.88,0,26.86,12.31,26.86,25.29,0,14.89-11.92,25.73-26.86,25.73-17.19,0-27.56-11.72-27.56-25ZM473.6,209.35c0-12.17-5.65-25.29-20.44-25.29-8.05,0-18.5,5.24-18.5,21.38,0,10.91,5.57,25.07,20.82,25.07,9.29,0,18.12-6.64,18.12-21.16Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsxRuntime.jsx("path", { d: "M568.68,201.47c0-4.57-.16-13.05-1.49-15.26-.55-.89-1.95-1.4-3.91-1.55l-1.95-.15c-.47-.52-.31-1.47.15-1.77,2.97.15,5.86.22,8.91.22,3.28,0,5.39-.08,8.21-.22.62.37.55,1.33.16,1.77l-1.88.15c-1.95.15-3.44.81-3.91,1.77-1.09,2.43-1.09,10.91-1.09,15.04v8.33c0,6.42-1.1,13.2-5.47,17.62-3.36,3.47-9.14,5.38-14.93,5.38-5.39,0-10.79-.96-14.62-4.05-4.14-3.24-6.1-8.63-6.1-17.4v-17.4c0-7.67-.16-8.92-4.69-9.29l-1.96-.15c-.47-.29-.31-1.55.15-1.77,3.91.15,6.57.22,9.69.22s5.78-.08,9.61-.22c.47.22.63,1.47.16,1.77l-1.88.15c-4.53.37-4.69,1.62-4.69,9.29v15.93c0,11.87,3.91,19.69,15.87,19.69,11.33,0,15.63-8.41,15.63-19.61v-8.48Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsxRuntime.jsx("path", { d: "M659.52,192.26c0-5.51-.35-6.93-4.23-7.22l-2.77-.27c-.31-.28-.48-1.78.09-1.82,4.67-.35,10.54-.59,18.57-.59,5.44,0,10.62.37,14.51,2.08,3.71,1.57,6.56,4.54,6.56,9.31,0,5.36-3.63,8.12-8.81,10.2,0,.75.69.97,1.64,1.12,4.67.74,11.58,4.47,11.58,12.44,0,8.64-7.43,14.45-22.98,14.45-2.5,0-6.74-.22-10.37-.22s-6.74.15-9.93.22c-.52-.22-.69-1.41-.17-1.86l1.55-.22c4.58-.67,4.75-1.49,4.75-9.31v-28.3ZM666.6,202.16c0,2.09.09,2.24,4.49,2.09,8.81-.3,13.56-2.53,13.56-9.53s-6.3-10.05-12.87-10.05c-1.9,0-3.2.15-3.97.45-.87.22-1.21.59-1.21,1.94v15.12ZM666.6,219.44c0,2.68.17,6.48,1.81,8.12,1.64,1.71,4.23,2.08,6.82,2.08,7.69,0,13.56-2.98,13.56-10.43,0-5.88-3.45-12.73-17.19-12.73-4.67,0-5.01.44-5.01,1.94v11.02Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsxRuntime.jsx("path", { d: "M518.75,160.97l-2.05-.18c-.41-.04-.78-.1-1.13-.15-2.99-.53-4.19-3.2-5.6-5.67l-7.08-12.32c-1.22-2.05-2.53-4.82-5.33-5.21,7.25-.87,13.81-5.06,13.81-12.24,0-8.3-8.21-12.01-16.52-12.01-4.98,0-9.52.13-14.59.13-2.79,0-6.12-.13-8.92-.13-1.55,0-1.57.32-1.57,1.18,0,1.28.54.92,2.19,1.02,5.9.33,5.68,1.43,5.68,6.49v32.31c0,4.62.4,6-4.46,6.44,0,0-.74.08-1.17.12l-2.06.21c-.49.44-.33,1.62.16,1.84,1.09-.04,3.03-.12,3.03-.12,2.69-.08,5.38-.28,8.06-.28s5.29.21,7.95.29h0c.94.03,1.94.07,3.03.1.49-.22.66-1.4.16-1.84l-2.07-.2c-.42-.05-1.15-.11-1.15-.11-4.9-.33-4.6-1.71-4.6-6.46v-12.17c0-.71-.09-2.61.44-3.16.44-.48,1.22-.4,1.92-.4,6.64,0,6.55.63,9.7,6.16l8.56,15.4c.7,1.19,1.22,2.69,2.97,2.69h7.44c.94.03,1.92.06,3.01.1.49-.22.65-1.4.16-1.84ZM488.92,136.74c-1.49,0-4.46.55-4.46-1.42v-14.14c0-5.53.18-6.32,6.82-6.32,7.78,0,12.58,3.95,12.58,11.22,0,3.16-1.14,6.08-4.02,8.06-3.32,2.29-6.9,2.61-10.92,2.61Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("path", { d: "M490.53,194.2c0-7.74-.16-8.92-5.27-9.29l-2.03-.15c-.49-.3-.32-1.62.16-1.84,4.54.15,7.3.22,10.54.22s5.92-.07,9.98-.22c.49.22.65,1.55.16,1.84l-1.95.15c-4.78.37-4.95,1.55-4.95,9.29v25.66c0,4.64.24,6.56,1.7,7.96.89.81,2.43,1.7,8.84,1.7,6.89,0,8.6-.3,9.9-.96,1.62-.89,3.73-3.54,5.35-7.3.49-.37,2.03-.07,2.03.44,0,.81-2.27,8.33-3.41,10.32-4.13-.15-11.84-.22-20.2-.22h-7.46c-3.41,0-6,.07-10.54.22-.49-.22-.65-1.4-.16-1.84l2.43-.22c4.7-.44,4.87-1.48,4.87-9.22v-26.54Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsxRuntime.jsx("path", { d: "M707.79,194.34c0-7.81-.16-9.07-4.86-9.44l-1.99-.15c-.48-.3-.32-1.62.16-1.84,3.98.15,6.69.22,10.03.22s5.89-.07,9.87-.22c.48.22.64,1.55.16,1.84l-1.99.15c-4.7.37-4.86,1.62-4.86,9.44v26.25c0,7.82.16,8.85,4.86,9.36l1.99.22c.48.3.32,1.62-.16,1.84-3.98-.15-6.69-.22-9.87-.22-3.35,0-6.05.07-10.03.22-.48-.22-.64-1.4-.16-1.84l1.99-.22c4.7-.52,4.86-1.55,4.86-9.36v-26.25Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsxRuntime.jsx("path", { d: "M644.16,229.94c-.41-.04-1.17-.1-1.17-.1-.84-.08-1.59-.2-2.19-.86-1.03-1.1-.95-4.23-.95-5.48v-32.31c0-1.41-.34-4.46.69-5.56.52-.58,1.59-.67,2.55-.73h0c.58-.05.6-.05,1.11-.07l2.05-.15c.49-.3.33-1.62-.16-1.84-1.09.04-2.09.02-3.03.05h0s-8.7,0-8.7,0c-.95,0-1.81,0-2.32,1.02l-17.73,36.92-15.66-35.67c-.52-1.25-.6-2.27-2.24-2.27h-9.05c-.94-.03-1.98-.02-3.08-.06-.49.22-.66,1.55-.16,1.84l2.05.15c.42.03,1.19.09,1.19.09,3.4.22,3.61.98,3.3,4.55l-2.67,34.65c-.23,3.48-.42,5.32-4.07,5.66,0,0-.77.1-1.19.14l-2.04.22c-.49.44-.33,1.62.16,1.84,1.08-.04,3-.1,3-.1,1.85-.09,3.73-.25,5.61-.25,2.03,0,4.06.19,6.1.27h0c.94.03,1.94.07,3.03.1.49-.22.66-1.4.16-1.84l-2.04-.22c-.54-.04-1.14-.1-1.14-.1-5.26-.36-5.14-4.07-4.81-8.62l2.5-32.23h.6l16.95,39.66c.17.55.43,1.49,1.29,1.49.78,0,1.03-.86,1.29-1.41l19.1-40.68h.6v35.44c0,1.41.17,4.3-1.29,5.4-.76.57-3.25.91-3.25.91-.34.05-.7.1-1.11.15l-2.04.22c-.49.44-.33,1.62.16,1.84,1.08-.04,2.99-.1,2.99-.1,2.77-.08,5.59-.28,8.41-.28,2.03,0,6,.19,6,.19.95.03,2.02.13,3.12.17.49-.22.66-1.4.16-1.84l-2.05-.22Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsxRuntime.jsx("path", { d: "M777.13,230.14l-.28-.22c-.41-.04-.77-.09-1.11-.15-3.19-.71-4.43-4.55-5.61-7.29l-16.41-38.83c-.16-.47-.49-1.47-1.14-1.47-.89,0-1.14,1.08-1.38,1.7l-15.68,38.76c-.57,1.47-2.03,5.03-3.09,6.11-.81.83-1.86.99-2.99,1.1,0,0-.88.08-1.31.13l-1.93.2c-.49.44-.33,1.62.16,1.84,1.09-.04,3.03-.11,3.03-.11,2.14-.03,4.29-.3,6.44-.3,1.81,0,3.61.19,5.41.27,0,0,1.94.07,3.03.11.49-.22.65-1.4.16-1.84l-2.05-.22c-.41-.04-1.11-.11-1.11-.11-1.89-.21-4.24-.55-4.24-2.62,0-1.39.65-3.02,1.14-4.25l2.44-5.8c1.22-2.78.73-3.1,3.98-3.1h11.05c3.9,0,3.33,0,5.04,3.95l2.6,5.88c.41,1.01,1.14,2.71,1.14,3.79,0,1.94-2.12,2.07-4.11,2.24,0,0-.66.06-1.23.1l-1.97.14c-.49.44-.33,1.62.17,1.84,1.09-.04,3.03-.12,3.03-.12,2.31-.08,4.64-.26,6.87-.26,2.85,0,5.69.19,8.54.27h0c.93.03.14.06,1.22.1.49-.22.65-1.4.16-1.84ZM755.64,211.89h-9.57c-.33,0-3,.31-3-.47,0-.24.17-.7.25-.94l5.75-14.23c.17-.39.75-2.35,1.41-2.35.5,0,1.17,2.03,1.33,2.35l5.66,13.29c0,.16.58,1.41.58,1.72,0,.86-1.91.62-2.41.62Z", style: { fill: "#234075", strokeWidth: "0px" } })] }), jsxRuntime.jsx("rect", { width: "847.65", height: "327.01", style: { fill: "none", strokeWidth: "0px" } })] }), jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("polygon", { points: "295.89 176.17 301.27 178.4 313.19 170.08 295.89 176.17", style: { fill: "#e3a82b", strokeWidth: "0px" } }), jsxRuntime.jsx("path", { d: "M95.46,166.88l-14.14-4.97.71-1.73,15.92,5.31.07-.04,2.1-1.19.84-.53-17.36-7.39.73-1.82,38.75,15.67,1.28-.53-38.44-18.73.86-1.76,40.73,18.96.56-.29-39.49-22.4.81-1.68,57.03,31.03c.47-.86,1.44-2.44,1.95-3.28-21.68-20.39-42.61-35.69-42.61-35.69,0,0,21.52,14.41,48.07,27.81.88-1.09,1.6-1.97,2.53-3.01l-48.65-42.83,1.31-1.34,39.27,33.47-36.38-36.43,1.36-1.41,40.84,39.47-38.02-42.2,1.45-1.31,35.14,37.63-32.07-40.41,1.38-1.26,41.11,50.03c1.06-.92,1.95-1.61,3.06-2.46-12.44-26.91-26.02-48.8-26.02-48.8,0,0,14.46,21.28,33.96,43.56,1.19-.67,2.4-1.31,3.63-1.92l-.21-.13-28.81-57.5,1.71-.75,23.87,45.74-20.08-47.41,1.79-.8,23.08,51.9-19.45-53.37,1.84-.67,18.49,48.05-14.6-49.49,1.75-.65,19.22,61.38-.04.16.05-.02c1.28-.43,2.58-.81,3.89-1.16-1.46-29.48-5.82-54.7-5.82-54.7,0,0,5.4,25,15.08,52.87,1.35-.17,2.71-.31,4.07-.4l-.04-.06h.17l-.1-.14-5.17-64.11,1.87-.06,5,51.35-.86-51.48,1.96-.07,1.96,56.77,1.96-56.77,1.96.07-.86,51.48,5-51.35,1.87.06-5.17,64.11-.1.14h.03v.02s.07,0,.07,0c1.34.08,2.66.22,3.98.38,9.67-27.84,15.06-52.8,15.06-52.8,0,0-4.35,25.14-5.82,54.57,1.32.35,2.63.73,3.91,1.15l19.15-61.16,1.76.65-14.6,49.48,18.49-48.05,1.84.67-19.45,53.37,23.08-51.9,1.79.8-20.08,47.41,23.87-45.74,1.71.75-28.71,57.3.05.02c1.18.58,2.34,1.19,3.49,1.83,19.42-22.21,33.79-43.37,33.79-43.37,0,0-13.49,21.74-25.89,48.52,1.11.84,2.19,1.7,3.24,2.6l40.63-49.49,1.39,1.26-32.08,40.41,35.14-37.63,1.45,1.31-38.02,42.2,40.84-39.47,1.36,1.41-36.38,36.43,39.27-33.47,1.31,1.34-48.06,42.35.03.03c.84.94,1.65,1.9,2.44,2.88,26.39-13.34,47.71-27.62,47.71-27.62,0,0-20.72,15.16-42.29,35.4.59.99,1.55,2.67,2.09,3.69l56.22-30.61.81,1.69-44.88,25.45,46.68-21.72.86,1.76-43.48,21.19.83.29,44.24-17.89.74,1.82-41.12,17.49.77.32,27.4-9.13,4.13-2.88,1.37,1.05,9.02-3.01.71,1.73-7.8,2.75,11.27,8.6,3.61,2.01c-14.49-60.58-68.98-105.62-134-105.62s-121.42,46.63-134.73,108.82c.17-.08.34-.16.51-.24l1.65-.75,1.01-.47,19.01-10.66Z", style: { fill: "#e3a82b", strokeWidth: "0px" } })] }), jsxRuntime.jsx("path", { d: "M72.5,233.02s20.32-4.06,37.29-4.06c44.7,0,106.54,25.17,151.41,25.17,32.91,0,65.02-9.03,82.51-22.19,1.37-7.79,2.08-15.8,2.08-23.98,0-11.08-1.32-21.85-3.79-32.17l-18.7-10.43-21.95,15.39-14.76-5.75c-5,2.53-35.83,23.15-35.83,23.15l-11.84-8.57-12.7-2.51-16.93-12.33-19.42,13.33s-21.67,12.58-22.41,12.58-26.14-20.13-26.14-20.13l-11.7-12.33c-1.99,1.26-9.95,4.91-9.95,4.91l-.41.11-7.7-2.38-9.35-4.96-28.41,12.88c-.17.08-.34.16-.51.24-2,9.34-3.06,19.03-3.06,28.96,0,8.56.79,16.93,2.28,25.06Z", style: { fill: "#234075", strokeWidth: "0px" } })] })] }));
+function SvgBcLogo({ id = "bcgov-logo" }) {
+    return (jsxRuntime.jsxs("svg", { id: id, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 847.65 327.01", children: [jsxRuntime.jsx("path", { d: "M109.59,226.32c44.7,0,106.54,25.17,151.41,25.17,32.02,0,63.26-8.54,81.04-21.13,1.24-7.39,1.9-14.97,1.9-22.72,0-75.13-60.91-136.04-136.04-136.04s-136.04,60.91-136.04,136.04c0,7.65.64,15.15,1.86,22.46,4.9-.91,21.57-3.79,35.87-3.79Z", style: { fill: "#fff", strokeWidth: "0px" } }), jsxRuntime.jsxs("g", { children: [jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("rect", { x: "415.4", y: "252.98", width: "314.66", height: "3.82", style: { fill: "#e3a82b", strokeWidth: "0px" } }), jsxRuntime.jsx("path", { d: "M423.47,116.64c0-6.39-.45-8.08-4.76-8.43l-3-.21c-.49-.39-.35-2.12.1-2.16,5.17-.46,11.69-.69,20.6-.69,6.04,0,11.79.43,16.1,2.42,4.12,1.81,7.28,5.26,7.28,10.79,0,6.22-4.03,9.41-9.77,11.83,0,.86.77,1.12,1.82,1.29,5.17.86,12.84,5.18,12.84,14.42,0,10.01-8.24,16.75-25.49,16.75-2.78,0-7.47-.26-11.5-.26s-7.47.17-11.02.26c-.57-.26-.77-1.64-.19-2.16l1.73-.26c5.08-.78,5.27-1.73,5.27-10.79v-32.8ZM431.32,128.12c0,2.42.1,2.59,4.98,2.42,9.77-.35,15.04-2.94,15.04-11.05s-7-11.65-14.28-11.65c-2.11,0-3.55.17-4.41.52-.96.26-1.34.69-1.34,2.24v17.52ZM431.32,148.14c0,3.11.19,7.51,2.01,9.41,1.82,1.98,4.7,2.42,7.57,2.42,8.53,0,15.04-3.45,15.04-12.08,0-6.82-3.83-14.76-19.07-14.76-5.17,0-5.56.52-5.56,2.24v12.77Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsxRuntime.jsx("path", { d: "M531.26,125.14c0-7.82-.16-9.07-4.99-9.44l-2.05-.15c-.49-.29-.33-1.62.16-1.84,4.09.15,6.87.22,10.31.22s6.06-.07,10.15-.22c.49.22.65,1.55.16,1.84l-2.04.15c-4.83.37-4.99,1.62-4.99,9.44v26.25c0,7.82.16,8.85,4.99,9.36l2.04.22c.49.29.33,1.62-.16,1.84-4.09-.15-6.87-.22-10.15-.22-3.44,0-6.22.07-10.31.22-.49-.22-.66-1.4-.16-1.84l2.05-.22c4.83-.52,4.99-1.55,4.99-9.36v-26.25Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsxRuntime.jsx("path", { d: "M576.66,151.53c0,7.74.15,8.85,4.6,9.22l2.45.22c.46.29.31,1.62-.15,1.84-4.37-.15-6.98-.22-10.05-.22s-5.75.07-10.66.22c-.46-.22-.62-1.47,0-1.84l2.76-.22c4.37-.37,4.75-1.48,4.75-9.22v-32.96c0-2.28,0-2.36-2.3-2.36h-4.22c-3.3,0-7.51.15-9.43,1.84-1.84,1.62-2.61,3.24-3.45,5.09-.62.44-1.69.07-1.99-.52,1.22-3.32,2.38-8.04,2.91-10.98.23-.15,1.23-.22,1.46,0,.46,2.36,2.99,2.29,6.52,2.29h31.05c4.14,0,4.83-.15,5.98-2.06.38-.15,1.23-.07,1.38.22-.84,3.02-1.38,9-1.15,11.21-.31.59-1.61.59-1.99.15-.23-1.84-.77-4.57-1.92-5.38-1.76-1.25-4.68-1.84-8.89-1.84h-5.44c-2.3,0-2.22.07-2.22,2.51v32.81Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsxRuntime.jsx("path", { d: "M609.53,125.14c0-7.82-.16-9.07-4.99-9.44l-2.05-.15c-.49-.29-.33-1.62.16-1.84,4.09.15,6.87.22,10.31.22s6.05-.07,10.15-.22c.49.22.66,1.55.17,1.84l-2.05.15c-4.83.37-4.99,1.62-4.99,9.44v26.25c0,7.82.16,8.85,4.99,9.36l2.05.22c.49.29.33,1.62-.17,1.84-4.09-.15-6.87-.22-10.15-.22-3.44,0-6.22.07-10.31.22-.49-.22-.65-1.4-.16-1.84l2.05-.22c4.83-.52,4.99-1.55,4.99-9.36v-26.25Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsxRuntime.jsx("path", { d: "M646.2,163.57c-7.31,0-11.92-1.92-13.57-2.73-1.04-1.62-2.18-6.86-2.35-10.32.44-.52,1.74-.66,2.09-.22,1.31,3.76,4.87,10.98,14.96,10.98,7.31,0,10.87-4.05,10.87-8.48,0-3.24-.78-6.86-7.13-10.32l-8.26-4.57c-4.35-2.43-9.4-6.64-9.4-12.68,0-7,6.44-12.68,17.75-12.68,2.7,0,5.83.44,8.09.96,1.13.29,2.35.44,3.04.44.78,1.77,1.57,5.9,1.57,9-.35.44-1.74.66-2.18.22-1.13-3.54-3.48-8.33-11.83-8.33s-10.35,4.79-10.35,8.18c0,4.28,4.18,7.38,7.39,9.07l6.96,3.69c5.48,2.88,10.88,7.15,10.88,14.16,0,8.11-7.22,13.64-18.53,13.64Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsxRuntime.jsx("path", { d: "M689.99,138.78c-3.81,0-3.96.15-3.96,2.36v10.4c0,7.74.4,8.77,4.84,9.22l2.3.22c.48.29.32,1.62-.16,1.84-4.28-.15-6.98-.22-10.08-.22-3.41,0-6.11.15-9.2.22-.47-.22-.63-1.4-.16-1.84l1.35-.22c4.45-.74,4.6-1.48,4.6-9.22v-26.54c0-7.74-.55-8.99-4.68-9.29l-2.06-.15c-.48-.29-.32-1.62.16-1.84,3.89.07,6.58.22,10,.22,3.1,0,5.79-.07,9.2-.22.48.22.63,1.55.16,1.84l-1.51.15c-4.6.44-4.76,1.55-4.76,9.29v8.48c0,2.28.16,2.36,3.96,2.36h22.69c3.81,0,3.97-.07,3.97-2.36v-8.48c0-7.74-.16-8.85-4.84-9.29l-1.51-.15c-.48-.29-.32-1.62.16-1.84,3.65.15,6.35.22,9.6.22s5.79-.07,9.36-.22c.48.22.63,1.55.16,1.84l-1.66.15c-4.6.44-4.76,1.55-4.76,9.29v26.54c0,7.74.16,8.7,4.76,9.22l1.9.22c.47.29.32,1.62-.16,1.84-3.81-.15-6.51-.22-9.6-.22-3.25,0-6.11.07-9.6.22-.48-.22-.63-1.4-.16-1.84l1.51-.22c4.84-.74,4.84-1.48,4.84-9.22v-10.4c0-2.21-.16-2.36-3.97-2.36h-22.69Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsxRuntime.jsx("path", { d: "M378.06,179.01c6.52-5.07,14.83-7.57,24.12-7.57,4.82,0,11.61.98,15.81,2.14,1.07.27,1.7.45,2.5.36.09,2.05.54,7.65,1.25,13.09-.45.62-1.79.71-2.41.18-1.34-6.05-5.36-13-18.31-13-13.67,0-25.28,8.64-25.28,27.06s11.88,29.02,26.53,29.02c11.52,0,16.62-7.48,18.67-12.73.63-.44,1.97-.27,2.32.36-.62,4.63-2.95,10.5-4.29,12.2-1.07.18-2.14.53-3.13.89-1.97.71-8.4,2.05-14.11,2.05-8.04,0-15.72-1.6-22.24-5.96-7.15-4.9-12.69-12.99-12.69-24.48,0-9.88,4.47-18.34,11.26-23.59Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsxRuntime.jsx("path", { d: "M426.92,207.81c0-14.75,11.61-26.03,27.56-26.03,17.88,0,26.86,12.31,26.86,25.29,0,14.89-11.92,25.73-26.86,25.73-17.19,0-27.56-11.72-27.56-25ZM473.6,209.35c0-12.17-5.65-25.29-20.44-25.29-8.05,0-18.5,5.24-18.5,21.38,0,10.91,5.57,25.07,20.82,25.07,9.29,0,18.12-6.64,18.12-21.16Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsxRuntime.jsx("path", { d: "M568.68,201.47c0-4.57-.16-13.05-1.49-15.26-.55-.89-1.95-1.4-3.91-1.55l-1.95-.15c-.47-.52-.31-1.47.15-1.77,2.97.15,5.86.22,8.91.22,3.28,0,5.39-.08,8.21-.22.62.37.55,1.33.16,1.77l-1.88.15c-1.95.15-3.44.81-3.91,1.77-1.09,2.43-1.09,10.91-1.09,15.04v8.33c0,6.42-1.1,13.2-5.47,17.62-3.36,3.47-9.14,5.38-14.93,5.38-5.39,0-10.79-.96-14.62-4.05-4.14-3.24-6.1-8.63-6.1-17.4v-17.4c0-7.67-.16-8.92-4.69-9.29l-1.96-.15c-.47-.29-.31-1.55.15-1.77,3.91.15,6.57.22,9.69.22s5.78-.08,9.61-.22c.47.22.63,1.47.16,1.77l-1.88.15c-4.53.37-4.69,1.62-4.69,9.29v15.93c0,11.87,3.91,19.69,15.87,19.69,11.33,0,15.63-8.41,15.63-19.61v-8.48Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsxRuntime.jsx("path", { d: "M659.52,192.26c0-5.51-.35-6.93-4.23-7.22l-2.77-.27c-.31-.28-.48-1.78.09-1.82,4.67-.35,10.54-.59,18.57-.59,5.44,0,10.62.37,14.51,2.08,3.71,1.57,6.56,4.54,6.56,9.31,0,5.36-3.63,8.12-8.81,10.2,0,.75.69.97,1.64,1.12,4.67.74,11.58,4.47,11.58,12.44,0,8.64-7.43,14.45-22.98,14.45-2.5,0-6.74-.22-10.37-.22s-6.74.15-9.93.22c-.52-.22-.69-1.41-.17-1.86l1.55-.22c4.58-.67,4.75-1.49,4.75-9.31v-28.3ZM666.6,202.16c0,2.09.09,2.24,4.49,2.09,8.81-.3,13.56-2.53,13.56-9.53s-6.3-10.05-12.87-10.05c-1.9,0-3.2.15-3.97.45-.87.22-1.21.59-1.21,1.94v15.12ZM666.6,219.44c0,2.68.17,6.48,1.81,8.12,1.64,1.71,4.23,2.08,6.82,2.08,7.69,0,13.56-2.98,13.56-10.43,0-5.88-3.45-12.73-17.19-12.73-4.67,0-5.01.44-5.01,1.94v11.02Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsxRuntime.jsx("path", { d: "M518.75,160.97l-2.05-.18c-.41-.04-.78-.1-1.13-.15-2.99-.53-4.19-3.2-5.6-5.67l-7.08-12.32c-1.22-2.05-2.53-4.82-5.33-5.21,7.25-.87,13.81-5.06,13.81-12.24,0-8.3-8.21-12.01-16.52-12.01-4.98,0-9.52.13-14.59.13-2.79,0-6.12-.13-8.92-.13-1.55,0-1.57.32-1.57,1.18,0,1.28.54.92,2.19,1.02,5.9.33,5.68,1.43,5.68,6.49v32.31c0,4.62.4,6-4.46,6.44,0,0-.74.08-1.17.12l-2.06.21c-.49.44-.33,1.62.16,1.84,1.09-.04,3.03-.12,3.03-.12,2.69-.08,5.38-.28,8.06-.28s5.29.21,7.95.29h0c.94.03,1.94.07,3.03.1.49-.22.66-1.4.16-1.84l-2.07-.2c-.42-.05-1.15-.11-1.15-.11-4.9-.33-4.6-1.71-4.6-6.46v-12.17c0-.71-.09-2.61.44-3.16.44-.48,1.22-.4,1.92-.4,6.64,0,6.55.63,9.7,6.16l8.56,15.4c.7,1.19,1.22,2.69,2.97,2.69h7.44c.94.03,1.92.06,3.01.1.49-.22.65-1.4.16-1.84ZM488.92,136.74c-1.49,0-4.46.55-4.46-1.42v-14.14c0-5.53.18-6.32,6.82-6.32,7.78,0,12.58,3.95,12.58,11.22,0,3.16-1.14,6.08-4.02,8.06-3.32,2.29-6.9,2.61-10.92,2.61Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("path", { d: "M490.53,194.2c0-7.74-.16-8.92-5.27-9.29l-2.03-.15c-.49-.3-.32-1.62.16-1.84,4.54.15,7.3.22,10.54.22s5.92-.07,9.98-.22c.49.22.65,1.55.16,1.84l-1.95.15c-4.78.37-4.95,1.55-4.95,9.29v25.66c0,4.64.24,6.56,1.7,7.96.89.81,2.43,1.7,8.84,1.7,6.89,0,8.6-.3,9.9-.96,1.62-.89,3.73-3.54,5.35-7.3.49-.37,2.03-.07,2.03.44,0,.81-2.27,8.33-3.41,10.32-4.13-.15-11.84-.22-20.2-.22h-7.46c-3.41,0-6,.07-10.54.22-.49-.22-.65-1.4-.16-1.84l2.43-.22c4.7-.44,4.87-1.48,4.87-9.22v-26.54Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsxRuntime.jsx("path", { d: "M707.79,194.34c0-7.81-.16-9.07-4.86-9.44l-1.99-.15c-.48-.3-.32-1.62.16-1.84,3.98.15,6.69.22,10.03.22s5.89-.07,9.87-.22c.48.22.64,1.55.16,1.84l-1.99.15c-4.7.37-4.86,1.62-4.86,9.44v26.25c0,7.82.16,8.85,4.86,9.36l1.99.22c.48.3.32,1.62-.16,1.84-3.98-.15-6.69-.22-9.87-.22-3.35,0-6.05.07-10.03.22-.48-.22-.64-1.4-.16-1.84l1.99-.22c4.7-.52,4.86-1.55,4.86-9.36v-26.25Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsxRuntime.jsx("path", { d: "M644.16,229.94c-.41-.04-1.17-.1-1.17-.1-.84-.08-1.59-.2-2.19-.86-1.03-1.1-.95-4.23-.95-5.48v-32.31c0-1.41-.34-4.46.69-5.56.52-.58,1.59-.67,2.55-.73h0c.58-.05.6-.05,1.11-.07l2.05-.15c.49-.3.33-1.62-.16-1.84-1.09.04-2.09.02-3.03.05h0s-8.7,0-8.7,0c-.95,0-1.81,0-2.32,1.02l-17.73,36.92-15.66-35.67c-.52-1.25-.6-2.27-2.24-2.27h-9.05c-.94-.03-1.98-.02-3.08-.06-.49.22-.66,1.55-.16,1.84l2.05.15c.42.03,1.19.09,1.19.09,3.4.22,3.61.98,3.3,4.55l-2.67,34.65c-.23,3.48-.42,5.32-4.07,5.66,0,0-.77.1-1.19.14l-2.04.22c-.49.44-.33,1.62.16,1.84,1.08-.04,3-.1,3-.1,1.85-.09,3.73-.25,5.61-.25,2.03,0,4.06.19,6.1.27h0c.94.03,1.94.07,3.03.1.49-.22.66-1.4.16-1.84l-2.04-.22c-.54-.04-1.14-.1-1.14-.1-5.26-.36-5.14-4.07-4.81-8.62l2.5-32.23h.6l16.95,39.66c.17.55.43,1.49,1.29,1.49.78,0,1.03-.86,1.29-1.41l19.1-40.68h.6v35.44c0,1.41.17,4.3-1.29,5.4-.76.57-3.25.91-3.25.91-.34.05-.7.1-1.11.15l-2.04.22c-.49.44-.33,1.62.16,1.84,1.08-.04,2.99-.1,2.99-.1,2.77-.08,5.59-.28,8.41-.28,2.03,0,6,.19,6,.19.95.03,2.02.13,3.12.17.49-.22.66-1.4.16-1.84l-2.05-.22Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsxRuntime.jsx("path", { d: "M777.13,230.14l-.28-.22c-.41-.04-.77-.09-1.11-.15-3.19-.71-4.43-4.55-5.61-7.29l-16.41-38.83c-.16-.47-.49-1.47-1.14-1.47-.89,0-1.14,1.08-1.38,1.7l-15.68,38.76c-.57,1.47-2.03,5.03-3.09,6.11-.81.83-1.86.99-2.99,1.1,0,0-.88.08-1.31.13l-1.93.2c-.49.44-.33,1.62.16,1.84,1.09-.04,3.03-.11,3.03-.11,2.14-.03,4.29-.3,6.44-.3,1.81,0,3.61.19,5.41.27,0,0,1.94.07,3.03.11.49-.22.65-1.4.16-1.84l-2.05-.22c-.41-.04-1.11-.11-1.11-.11-1.89-.21-4.24-.55-4.24-2.62,0-1.39.65-3.02,1.14-4.25l2.44-5.8c1.22-2.78.73-3.1,3.98-3.1h11.05c3.9,0,3.33,0,5.04,3.95l2.6,5.88c.41,1.01,1.14,2.71,1.14,3.79,0,1.94-2.12,2.07-4.11,2.24,0,0-.66.06-1.23.1l-1.97.14c-.49.44-.33,1.62.17,1.84,1.09-.04,3.03-.12,3.03-.12,2.31-.08,4.64-.26,6.87-.26,2.85,0,5.69.19,8.54.27h0c.93.03.14.06,1.22.1.49-.22.65-1.4.16-1.84ZM755.64,211.89h-9.57c-.33,0-3,.31-3-.47,0-.24.17-.7.25-.94l5.75-14.23c.17-.39.75-2.35,1.41-2.35.5,0,1.17,2.03,1.33,2.35l5.66,13.29c0,.16.58,1.41.58,1.72,0,.86-1.91.62-2.41.62Z", style: { fill: "#234075", strokeWidth: "0px" } })] }), jsxRuntime.jsx("rect", { width: "847.65", height: "327.01", style: { fill: "none", strokeWidth: "0px" } })] }), jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("polygon", { points: "295.89 176.17 301.27 178.4 313.19 170.08 295.89 176.17", style: { fill: "#e3a82b", strokeWidth: "0px" } }), jsxRuntime.jsx("path", { d: "M95.46,166.88l-14.14-4.97.71-1.73,15.92,5.31.07-.04,2.1-1.19.84-.53-17.36-7.39.73-1.82,38.75,15.67,1.28-.53-38.44-18.73.86-1.76,40.73,18.96.56-.29-39.49-22.4.81-1.68,57.03,31.03c.47-.86,1.44-2.44,1.95-3.28-21.68-20.39-42.61-35.69-42.61-35.69,0,0,21.52,14.41,48.07,27.81.88-1.09,1.6-1.97,2.53-3.01l-48.65-42.83,1.31-1.34,39.27,33.47-36.38-36.43,1.36-1.41,40.84,39.47-38.02-42.2,1.45-1.31,35.14,37.63-32.07-40.41,1.38-1.26,41.11,50.03c1.06-.92,1.95-1.61,3.06-2.46-12.44-26.91-26.02-48.8-26.02-48.8,0,0,14.46,21.28,33.96,43.56,1.19-.67,2.4-1.31,3.63-1.92l-.21-.13-28.81-57.5,1.71-.75,23.87,45.74-20.08-47.41,1.79-.8,23.08,51.9-19.45-53.37,1.84-.67,18.49,48.05-14.6-49.49,1.75-.65,19.22,61.38-.04.16.05-.02c1.28-.43,2.58-.81,3.89-1.16-1.46-29.48-5.82-54.7-5.82-54.7,0,0,5.4,25,15.08,52.87,1.35-.17,2.71-.31,4.07-.4l-.04-.06h.17l-.1-.14-5.17-64.11,1.87-.06,5,51.35-.86-51.48,1.96-.07,1.96,56.77,1.96-56.77,1.96.07-.86,51.48,5-51.35,1.87.06-5.17,64.11-.1.14h.03v.02s.07,0,.07,0c1.34.08,2.66.22,3.98.38,9.67-27.84,15.06-52.8,15.06-52.8,0,0-4.35,25.14-5.82,54.57,1.32.35,2.63.73,3.91,1.15l19.15-61.16,1.76.65-14.6,49.48,18.49-48.05,1.84.67-19.45,53.37,23.08-51.9,1.79.8-20.08,47.41,23.87-45.74,1.71.75-28.71,57.3.05.02c1.18.58,2.34,1.19,3.49,1.83,19.42-22.21,33.79-43.37,33.79-43.37,0,0-13.49,21.74-25.89,48.52,1.11.84,2.19,1.7,3.24,2.6l40.63-49.49,1.39,1.26-32.08,40.41,35.14-37.63,1.45,1.31-38.02,42.2,40.84-39.47,1.36,1.41-36.38,36.43,39.27-33.47,1.31,1.34-48.06,42.35.03.03c.84.94,1.65,1.9,2.44,2.88,26.39-13.34,47.71-27.62,47.71-27.62,0,0-20.72,15.16-42.29,35.4.59.99,1.55,2.67,2.09,3.69l56.22-30.61.81,1.69-44.88,25.45,46.68-21.72.86,1.76-43.48,21.19.83.29,44.24-17.89.74,1.82-41.12,17.49.77.32,27.4-9.13,4.13-2.88,1.37,1.05,9.02-3.01.71,1.73-7.8,2.75,11.27,8.6,3.61,2.01c-14.49-60.58-68.98-105.62-134-105.62s-121.42,46.63-134.73,108.82c.17-.08.34-.16.51-.24l1.65-.75,1.01-.47,19.01-10.66Z", style: { fill: "#e3a82b", strokeWidth: "0px" } })] }), jsxRuntime.jsx("path", { d: "M72.5,233.02s20.32-4.06,37.29-4.06c44.7,0,106.54,25.17,151.41,25.17,32.91,0,65.02-9.03,82.51-22.19,1.37-7.79,2.08-15.8,2.08-23.98,0-11.08-1.32-21.85-3.79-32.17l-18.7-10.43-21.95,15.39-14.76-5.75c-5,2.53-35.83,23.15-35.83,23.15l-11.84-8.57-12.7-2.51-16.93-12.33-19.42,13.33s-21.67,12.58-22.41,12.58-26.14-20.13-26.14-20.13l-11.7-12.33c-1.99,1.26-9.95,4.91-9.95,4.91l-.41.11-7.7-2.38-9.35-4.96-28.41,12.88c-.17.08-.34.16-.51.24-2,9.34-3.06,19.03-3.06,28.96,0,8.56.79,16.93,2.28,25.06Z", style: { fill: "#234075", strokeWidth: "0px" } })] })] }));
 }
-function Header({ children, logoLinkElement, logoImage = jsxRuntime.jsx(SvgBcLogo, {}), skipLinks, title = "", titleElement = "span", }) {
+
+var css_248z$6 = ".bcds-header {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-around;\n  background-color: var(--surface-background-white);\n  border-bottom-color: var(--surface-border-light);\n  border-bottom-style: solid;\n  border-bottom-width: var(--layout-border-width-small);\n  min-height: 65px;\n  padding: var(--layout-padding-none) var(--layout-padding-medium);\n  width: 100%;\n}\n\n.bcds-header > .bcds-header--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}\n\n.bcds-header > .bcds-header--container > .bcds-header--title {\n  flex-grow: 1;\n  font: var(--typography-bold-h4);\n  color: var(--typography-color-primary);\n}\n\n.bcds-header > .bcds-header--container > ul.bcds-header--skiplinks {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  position: absolute;\n}\n\n.bcds-header > .bcds-header--container > ul.bcds-header--skiplinks li a,\n.bcds-header > .bcds-header--container > ul.bcds-header--skiplinks li button {\n  background-color: var(--surface-background-white);\n  box-sizing: border-box;\n  color: var(--typography-color-link);\n  font: var(--typography-regular-body);\n  margin-top: -17.5px; /* Center the link visually in a single line header */\n  padding: var(--layout-padding-xsmall) var(--layout-padding-medium);\n  position: absolute;\n  margin-left: -100000px;\n}\n\n.bcds-header > .bcds-header--container > ul.bcds-header--skiplinks li a:focus,\n.bcds-header\n  > .bcds-header--container\n  > ul.bcds-header--skiplinks\n  li\n  button:focus {\n  margin-left: 0; /* Line up left edge with left edge of logo image */\n  text-wrap: nowrap;\n}\n\n.bcds-header > .bcds-header--container > .bcds-header--line {\n  background-color: var(--surface-border-light);\n  width: 1px;\n  height: 32px;\n}\n\n.bcds-header > .bcds-header--container svg#bcgov-logo-header {\n  min-width: 129px;\n  width: 129px;\n}\n";
+styleInject(css_248z$6);
+
+function Header({ children, logoLinkElement, logoImage = jsxRuntime.jsx(SvgBcLogo, { id: "bcgov-logo-header" }), skipLinks, title = "", titleElement = "span", }) {
     function getLogo() {
         if (!logoLinkElement)
             return (jsxRuntime.jsx("a", { href: "/", title: "Government of British Columbia", children: logoImage }));
@@ -12769,8 +13245,59 @@ function Header({ children, logoLinkElement, logoImage = jsxRuntime.jsx(SvgBcLog
                     }) })), title && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "bcds-header--line" }), getTitle()] })), children] }) }));
 }
 
-var css_248z$3 = ".bcds-react-aria-Select {\n  display: inline-flex;\n  flex-direction: column;\n  gap: var(--layout-margin-xsmall);\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  font: var(--typography-regular-label);\n}\n.bcds-react-aria-Select[data-disabled] > .bcds-react-aria-Select--Label {\n  color: var(--typography-color-disabled);\n}\n\n/* \"(optional)\" text after Label*/\n.bcds-react-aria-Select--Label > .optional {\n  color: var(--typography-color-disabled);\n}\n\n/* Select input equivalent */\n.bcds-react-aria-Select--Button {\n  background-color: var(--surface-secondary-default);\n  border: 1px solid var(--surface-border-light);\n  border-radius: var(--surface-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}\n.bcds-react-aria-Select--Button.invalid {\n  border-color: var(--surface-support-border-color-danger);\n}\n.bcds-react-aria-Select[data-invalid] > .bcds-react-aria-Select--Button {\n  border-color: var(--surface-support-border-color-danger);\n}\n.bcds-react-aria-Select--Button[data-disabled] {\n  background-color: var(--surface-secondary-disabled);\n  cursor: not-allowed;\n}\n.bcds-react-aria-Select--Button[data-hovered] {\n  border-color: var(--surface-border-dark);\n}\n.bcds-react-aria-Select--Button[data-focused] {\n  border-color: var(--surface-primary-active);\n  outline: none;\n}\n.bcds-react-aria-Select--Button[data-pressed] {\n  border-color: var(--surface-primary-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-secondary-default);\n  border: 1px solid var(--surface-border-light);\n  border-radius: var(--surface-border-radius-medium);\n  box-shadow: var(--surface-shadow-medium);\n  box-sizing: border-box;\n  overflow-y: auto;\n  padding: var(--layout-margin-hair) var(--layout-margin-xsmall);\n  width: var(--trigger-width);\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-border-light);\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-label);\n  padding: var(--layout-margin-hair) var(--layout-margin-small);\n}\n\n/* ListBox option item */\n.bcds-react-aria-Select--ListBoxItem {\n  border-radius: var(--layout-margin-xsmall);\n  cursor: pointer;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--layout-margin-small);\n  padding: 6.5px 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-secondary-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-danger-default);\n}\n.bcds-react-aria-Select--ListBoxItem.destructive\n  .bcds-react-aria-Select--ListBoxItem-Text-label {\n  color: var(--surface-danger-default);\n}\n.bcds-react-aria-Select--ListBoxItem-Text-description {\n  font: var(--typography-regular-label);\n  color: var(--typography-color-secondary);\n}\n";
-styleInject(css_248z$3);
+var css_248z$5 = ".bcds-footer {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  width: 100%;\n}\n\n.bcds-footer > .bcds-footer--acknowledgement {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n  border-top: var(--layout-border-width-large) solid\n    var(--surface-brand-gold-60);\n  border-bottom: var(--layout-border-width-large) solid\n    var(--surface-brand-gold-60);\n  background-color: var(--surface-brand-gray-110);\n  padding: var(--layout-padding-xlarge);\n}\n\n.bcds-footer\n  > .bcds-footer--acknowledgement\n  > .bcds-footer--acknowledgement-text {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: stretch;\n  color: var(--typography-color-primary-invert);\n  font: var(--typography-regular-label);\n  max-width: 1100px;\n  width: 100%;\n}\n\n.bcds-footer\n  > .bcds-footer--acknowledgement\n  > .bcds-footer--acknowledgement-text\n  > p {\n  margin: var(--layout-margin-none);\n}\n\n.bcds-footer > .bcds-footer--container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n  background-color: var(--surface-background-light);\n  padding: var(--layout-padding-xlarge);\n}\n\n.bcds-footer > .bcds-footer--container > .bcds-footer--container-content {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: var(--layout-padding-xlarge);\n  max-width: 1100px;\n  width: 100%;\n}\n\n.bcds-footer\n  > .bcds-footer--container\n  > .bcds-footer--container-content\n  > .bcds-footer--logo-links {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  align-items: flex-start;\n  column-gap: var(--layout-padding-xlarge);\n  row-gap: var(--layout-padding-medium);\n  justify-content: space-between;\n  width: 100%;\n}\n\n/* `horizontal` class is the default, when no `children` prop is passed */\n.bcds-footer\n  > .bcds-footer--container\n  > .bcds-footer--container-content\n  > .bcds-footer--logo-links.horizontal {\n  flex-direction: row;\n}\n\n/* `vertical` class is used when a `children` prop is passed */\n.bcds-footer\n  > .bcds-footer--container\n  > .bcds-footer--container-content\n  > .bcds-footer--logo-links.vertical {\n  flex-direction: column;\n  align-items: stretch;\n  row-gap: var(--layout-padding-xlarge);\n}\n\n.bcds-footer\n  > .bcds-footer--container\n  > .bcds-footer--container-content\n  > .bcds-footer--logo-links\n  > .bcds-footer--logo {\n  display: flex;\n  flex-direction: column;\n  gap: var(--layout-padding-large);\n  min-width: 324px;\n  width: 576px;\n}\n\n.bcds-footer\n  > .bcds-footer--container\n  > .bcds-footer--container-content\n  > .bcds-footer--logo-links\n  > .bcds-footer--logo\n  > #bcgov-logo-footer {\n  width: 146px;\n  min-width: 146px;\n}\n\n.bcds-footer\n  > .bcds-footer--container\n  > .bcds-footer--container-content\n  > .bcds-footer--logo-links\n  > .bcds-footer--logo\n  > p {\n  font: var(--typography-regular-label);\n  margin: var(--layout-margin-none);\n}\n\n.bcds-footer\n  > .bcds-footer--container\n  > .bcds-footer--container-content\n  > .bcds-footer--logo-links\n  > .bcds-footer--logo\n  > p\n  > a {\n  color: var(--typography-color-secondary);\n  font: var(--typography-regular-label);\n  text-decoration: underline;\n}\n\n.bcds-footer\n  > .bcds-footer--container\n  > .bcds-footer--container-content\n  > .bcds-footer--logo-links\n  > .bcds-footer--logo\n  > p\n  > a:hover {\n  text-decoration: none;\n}\n\n.bcds-footer\n  > .bcds-footer--container\n  > .bcds-footer--container-content\n  > .bcds-footer--logo-links\n  > .bcds-footer--links {\n  margin: var(--layout-margin-none);\n}\n\n/*\n  When Footer hasn't been passed `children`, expand the links container to take\n  up 320px, as the default links are narrower.\n*/\n.bcds-footer\n  > .bcds-footer--container\n  > .bcds-footer--container-content\n  > .bcds-footer--logo-links.horizontal\n  > .bcds-footer--links {\n  min-width: 320px;\n}\n\n.bcds-footer\n  > .bcds-footer--container\n  > .bcds-footer--container-content\n  > .bcds-footer--logo-links\n  > .bcds-footer--links\n  > .bcds-footer--links-title {\n  display: block;\n  font: var(--typography-bold-label);\n  margin-bottom: var(--layout-padding-medium);\n  text-transform: uppercase;\n}\n\n.bcds-footer\n  > .bcds-footer--container\n  > .bcds-footer--container-content\n  > .bcds-footer--logo-links\n  > .bcds-footer--links\n  > ul {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: auto;\n  grid-column-gap: var(--layout-padding-xlarge);\n  grid-row-gap: var(--layout-padding-small);\n  list-style: none;\n  margin: var(--layout-margin-none);\n  padding: var(--layout-padding-none);\n}\n\n/*\n  When a Footer has been passed `children`, the logo-links container fills the\n  full width of the container, so there's room for 4 columns of links.\n*/\n.bcds-footer\n  > .bcds-footer--container\n  > .bcds-footer--container-content\n  > .bcds-footer--logo-links.vertical\n  > .bcds-footer--links\n  > ul {\n  grid-template-columns: repeat(4, 1fr);\n}\n\n.bcds-footer\n  > .bcds-footer--container\n  > .bcds-footer--container-content\n  > .bcds-footer--logo-links\n  > .bcds-footer--links\n  > ul\n  > li {\n  font: var(--typography-regular-label);\n}\n\n.bcds-footer\n  > .bcds-footer--container\n  > .bcds-footer--container-content\n  > .bcds-footer--logo-links\n  > .bcds-footer--links\n  > ul\n  > li\n  > a {\n  color: var(--typography-color-primary);\n  text-decoration: none;\n}\n\n.bcds-footer\n  > .bcds-footer--container\n  > .bcds-footer--container-content\n  > .bcds-footer--logo-links\n  > .bcds-footer--links\n  > ul\n  > li\n  > a:hover {\n  text-decoration: underline;\n}\n\n.bcds-footer > .bcds-footer--container > .bcds-footer--container-content > hr {\n  background-color: var(--surface-border-dark);\n  border: var(--layout-border-width-none);\n  height: var(--surface-border-width-small);\n  margin: var(--layout-margin-none);\n  width: 100%;\n}\n\np.bcds-footer--copyright {\n  color: var(--typography-color-secondary);\n  font: var(--typography-regular-body);\n  margin: var(--layout-margin-none);\n}\n\n/* Tablet */\n@media (max-width: 991px) {\n  /* Links drop beneath logo in the default configuration */\n  .bcds-footer\n    > .bcds-footer--container\n    > .bcds-footer--container-content\n    > .bcds-footer--logo-links {\n    flex-wrap: wrap;\n  }\n\n  .bcds-footer\n    > .bcds-footer--container\n    > .bcds-footer--container-content\n    > .bcds-footer--logo-links\n    > .bcds-footer--logo {\n    max-width: 324px;\n  }\n\n  /*\n    When the `children` prop is used with multiple FooterLinks components,\n    only two columns of links appear on screen at once.\n  */\n  .bcds-footer\n    > .bcds-footer--container\n    > .bcds-footer--container-content\n    > .bcds-footer--logo-links.vertical\n    > .bcds-footer--links\n    > ul {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n/* Extra small screens */\n@media (max-width: 575px) {\n  .bcds-footer > .bcds-footer--acknowledgement {\n    padding: var(--layout-padding-xlarge) var(--layout-padding-medium);\n  }\n\n  .bcds-footer > .bcds-footer--container {\n    padding: var(--layout-padding-medium);\n  }\n\n  .bcds-footer > .bcds-footer--container > .bcds-footer--container-content {\n    gap: var(--layout-padding-medium);\n  }\n\n  .bcds-footer\n    > .bcds-footer--container\n    > .bcds-footer--container-content\n    > .bcds-footer--logo-links\n    > .bcds-footer--logo {\n    gap: var(--layout-padding-medium);\n  }\n\n  /*\n    When the `children` prop is used with multiple FooterLinks components,\n    only one column of links appear on screen at once.\n  */\n  .bcds-footer\n    > .bcds-footer--container\n    > .bcds-footer--container-content\n    > .bcds-footer--logo-links.vertical\n    > .bcds-footer--links\n    > ul {\n    grid-template-columns: repeat(1, 1fr);\n  }\n}\n";
+styleInject(css_248z$5);
+
+/**
+ * A titled list of links for use in the Footer. Rendered inside a `<figure>`
+ * with the `title` prop inside of the `<figcaption>`.
+ * @param {FooterLinksProps} props
+ * @returns {React.ReactElement}
+ */
+function FooterLinks({ title, links }) {
+    return (jsxRuntime.jsxs("figure", { className: "bcds-footer--links", children: [title && (jsxRuntime.jsx("figcaption", { className: "bcds-footer--links-title", children: title })), links && (jsxRuntime.jsx("ul", { children: Array.isArray(links) &&
+                    links.map((link, index) => {
+                        return (jsxRuntime.jsx("li", { children: link }, `${title.toLowerCase().replace(/\s/g, "-")}-${index}`));
+                    }) }))] }));
+}
+/**
+ * A `<footer>` element with default content included.
+ *
+ * Passing `children` replaces `logo`, `contact`, and `links`.
+ * @param {FooterProps} props
+ * @returns {React.ReactElement}
+ */
+function Footer({ children, acknowledgement, logo, contact, links, copyright, hideAcknowledgement = false, hideLogoAndLinks = false, hideCopyright = false, }) {
+    function defaultAcknowledgement() {
+        return (jsxRuntime.jsx("p", { children: "The B.C. Public Service acknowledges the territories of First Nations around B.C. and is grateful to carry out our work on these lands. We acknowledge the rights, interests, priorities, and concerns of all Indigenous Peoples \u2014 First Nations, M\u00E9tis, and Inuit \u2014 respecting and acknowledging their distinct cultures, histories, rights, laws, and governments." }));
+    }
+    function defaultLogo() {
+        return jsxRuntime.jsx(SvgBcLogo, { id: "bcgov-logo-footer" });
+    }
+    function defaultContact() {
+        // "Call, email or text us" human-readable URL:
+        // https://www2.gov.bc.ca/gov/content/home/get-help-with-government-services
+        // "find a service centre" human-readable URL:
+        // https://www2.gov.bc.ca/gov/content/home/services-a-z
+        return (jsxRuntime.jsxs("p", { children: ["We can help in over 220 languages and through other accessible options.", " ", jsxRuntime.jsx("a", { href: "https://www2.gov.bc.ca/gov/content?id=6A77C17D0CCB48F897F8598CCC019111", children: "Call, email or text us" }), ", or", " ", jsxRuntime.jsx("a", { href: "https://www2.gov.bc.ca/gov/content?id=FBC4210F6BC047A5884198F543C97D53", children: "find a service centre" })] }));
+    }
+    function defaultLinks() {
+        return (jsxRuntime.jsx(FooterLinks, { title: "More Info", links: [
+                jsxRuntime.jsx("a", { href: "https://www2.gov.bc.ca/gov/content/home", children: "Home" }),
+                jsxRuntime.jsx("a", { href: "https://www2.gov.bc.ca/gov/content?id=3C4F47288DFB454987435AB5EFEFBB7F", children: "About gov.bc.ca" }),
+                jsxRuntime.jsx("a", { href: "https://www2.gov.bc.ca/gov/content?id=79F93E018712422FBC8E674A67A70535", children: "Disclaimer" }),
+                jsxRuntime.jsx("a", { href: "https://www2.gov.bc.ca/gov/content?id=9E890E16955E4FF4BF3B0E07B4722932", children: "Privacy" }),
+                jsxRuntime.jsx("a", { href: "https://www2.gov.bc.ca/gov/content?id=E08E79740F9C41B9B0C484685CC5E412", children: "Accessibility" }),
+                jsxRuntime.jsx("a", { href: "https://www2.gov.bc.ca/gov/content?id=1AAACC9C65754E4D89A118B875E0FBDA", children: "Copyright" }),
+                jsxRuntime.jsx("a", { href: "https://www2.gov.bc.ca/gov/content?id=6A77C17D0CCB48F897F8598CCC019111", children: "Contact us" }),
+            ] }));
+    }
+    const defaultCopyright = `© ${new Date().getUTCFullYear()} Government of British Columbia.`;
+    return (jsxRuntime.jsxs("footer", { className: "bcds-footer", children: [!hideAcknowledgement && (jsxRuntime.jsx("div", { className: "bcds-footer--acknowledgement", children: jsxRuntime.jsx("div", { className: "bcds-footer--acknowledgement-text", children: acknowledgement ? acknowledgement : defaultAcknowledgement() }) })), jsxRuntime.jsx("div", { className: "bcds-footer--container", children: jsxRuntime.jsxs("div", { className: "bcds-footer--container-content", children: [!hideLogoAndLinks && (jsxRuntime.jsx("div", { className: `bcds-footer--logo-links ${children ? "vertical" : "horizontal"}`, children: children ? (children) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "bcds-footer--logo", children: [logo ? logo : defaultLogo(), contact ? contact : defaultContact()] }), links ? links : defaultLinks()] })) })), !hideLogoAndLinks && !hideCopyright && jsxRuntime.jsx("hr", {}), !hideCopyright && (jsxRuntime.jsx("p", { className: "bcds-footer--copyright", children: copyright ? copyright : defaultCopyright }))] }) })] }));
+}
+
+var css_248z$4 = ".bcds-react-aria-Select {\n  display: inline-flex;\n  flex-direction: column;\n  gap: var(--layout-margin-xsmall);\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  font: var(--typography-regular-label);\n}\n.bcds-react-aria-Select[data-disabled] > .bcds-react-aria-Select--Label {\n  color: var(--typography-color-disabled);\n}\n\n/* \"(optional)\" text after Label*/\n.bcds-react-aria-Select--Label > .optional {\n  color: var(--typography-color-disabled);\n}\n\n/* Select input equivalent */\n.bcds-react-aria-Select--Button {\n  background-color: var(--surface-secondary-default);\n  border: 1px solid var(--surface-border-light);\n  border-radius: var(--surface-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}\n.bcds-react-aria-Select--Button.invalid {\n  border-color: var(--surface-support-border-color-danger);\n}\n.bcds-react-aria-Select[data-invalid] > .bcds-react-aria-Select--Button {\n  border-color: var(--surface-support-border-color-danger);\n}\n.bcds-react-aria-Select--Button[data-disabled] {\n  background-color: var(--surface-secondary-disabled);\n  cursor: not-allowed;\n}\n.bcds-react-aria-Select--Button[data-hovered] {\n  border-color: var(--surface-border-dark);\n}\n.bcds-react-aria-Select--Button[data-focused] {\n  border-color: var(--surface-primary-active);\n  outline: none;\n}\n.bcds-react-aria-Select--Button[data-pressed] {\n  border-color: var(--surface-primary-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-secondary-default);\n  border: 1px solid var(--surface-border-light);\n  border-radius: var(--surface-border-radius-medium);\n  box-shadow: var(--surface-shadow-medium);\n  box-sizing: border-box;\n  overflow-y: auto;\n  padding: var(--layout-margin-hair) var(--layout-margin-xsmall);\n  width: var(--trigger-width);\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-border-light);\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-label);\n  padding: var(--layout-margin-hair) var(--layout-margin-small);\n}\n\n/* ListBox option item */\n.bcds-react-aria-Select--ListBoxItem {\n  border-radius: var(--layout-margin-xsmall);\n  cursor: pointer;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--layout-margin-small);\n  padding: 6.5px 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-secondary-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-danger-default);\n}\n.bcds-react-aria-Select--ListBoxItem.destructive\n  .bcds-react-aria-Select--ListBoxItem-Text-label {\n  color: var(--surface-danger-default);\n}\n.bcds-react-aria-Select--ListBoxItem-Text-description {\n  font: var(--typography-regular-label);\n  color: var(--typography-color-secondary);\n}\n";
+styleInject(css_248z$4);
 
 function ChevronDown() {
     return (jsxRuntime.jsx("svg", { 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" }) }));
@@ -12798,32 +13325,46 @@ function Select({ items, sections, label, placeholder, size = "medium", ...props
                             : [{ 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($7135fc7d473fd974$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 }))] })) })] })) }) })] })) }));
 }
 
-var css_248z$2 = ".bcds-react-aria-Tag {\n  color: var(--typography-color-primary, #2d2d2d);\n  cursor: pointer;\n  border-radius: var(--layout-margin-hair, 2px);\n  border: 1px solid;\n  box-sizing: content-box;\n  font: var(--typography-regular-label, 400 0.875rem/1.313rem \"BC Sans\");\n  padding: 2px 8px;\n  width: fit-content;\n}\n.bcds-react-aria-Tag--contents {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.bcds-react-aria-Tag--contents .react-aria-Button {\n  background: none;\n  border: none;\n  color: var(--typography-color-primary, #2d2d2d);\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(--surface-color-primary-default, #013366);\n  border-color: var(--surface-color-primary-hover, #1e5189);\n  color: var(--typography-color-primary-invert, #ffffff);\n}\n.bcds-react-aria-Tag.bc-blue\n  .bcds-react-aria-Tag--contents\n  > .react-aria-Button {\n  color: var(--typography-color-primary-invert, #ffffff);\n}\n.bcds-react-aria-Tag.bc-gold {\n  background-color: var(--surface-color-brand-gold-60, #f8ba47);\n  border-color: var(--surface-color-primary-hover, #1e5189);\n}\n.bcds-react-aria-Tag.blue {\n  background-color: var(--surface-support-surface-color-info, #f7f9fc);\n  border-color: var(--surface-support-border-color-info, #053662);\n}\n.bcds-react-aria-Tag.dark {\n  border-color: var(--surface-primary-hover, #1e5189);\n  background: var(--surface-brand-gray-110, #252423);\n  color: var(--typography-color-primary-invert, #ffffff);\n}\n.bcds-react-aria-Tag.dark .bcds-react-aria-Tag--contents > .react-aria-Button {\n  color: var(--typography-color-primary-invert, #ffffff);\n}\n.bcds-react-aria-Tag.gray,\n.bcds-react-aria-Tag.grey {\n  background-color: var(--surface-brand-gray-20, #f3f2f1);\n  border-color: var(--surface-border-dark, #353433);\n}\n.bcds-react-aria-Tag.green {\n  background-color: var(--surface-support-surface-color-success, #f6fff8);\n  border-color: var(--surface-support-border-color-success, #42814a);\n}\n.bcds-react-aria-Tag.red {\n  background-color: var(--surface-support-surface-color-danger, #f4e1e2);\n  border-color: var(--surface-support-border-color-danger, #ce3e39);\n}\n.bcds-react-aria-Tag.yellow {\n  background-color: var(--surface-support-surface-color-warning, #fef1d8);\n  border-color: var(--surface-support-border-color-warning, #f8bb47);\n}\n\n/* Selected */\n.bcds-react-aria-Tag[data-selected] {\n  border: 2px solid var(--surface-primary-active, #2e5dd7);\n  padding: 1px 7px;\n}\n\n/* Focused */\n.bcds-react-aria-Tag[data-focused] {\n  outline: 4px solid #3b99fc;\n  outline-offset: 1px;\n}\n\n/* Disabled */\n.bcds-react-aria-Tag[data-disabled] {\n  background-color: var(--surface-primary-disabled, #edebe9);\n  border-color: var(--surface-border-light, #d8d8d8);\n  color: var(--typography-color-disabled, #9f9d9c);\n  cursor: not-allowed;\n}\n";
-styleInject(css_248z$2);
+var css_248z$3 = ".bcds-react-aria-Tag {\n  color: var(--typography-color-primary, #2d2d2d);\n  cursor: pointer;\n  border-radius: var(--layout-margin-hair, 2px);\n  border: 1px solid;\n  box-sizing: content-box;\n  font: var(--typography-regular-label, 400 0.875rem/1.313rem \"BC Sans\");\n  padding: 2px 8px;\n  width: fit-content;\n}\n.bcds-react-aria-Tag--contents {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.bcds-react-aria-Tag--contents .react-aria-Button {\n  background: none;\n  border: none;\n  color: var(--typography-color-primary, #2d2d2d);\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(--surface-color-primary-default, #013366);\n  border-color: var(--surface-color-primary-hover, #1e5189);\n  color: var(--typography-color-primary-invert, #ffffff);\n}\n.bcds-react-aria-Tag.bc-blue\n  .bcds-react-aria-Tag--contents\n  > .react-aria-Button {\n  color: var(--typography-color-primary-invert, #ffffff);\n}\n.bcds-react-aria-Tag.bc-gold {\n  background-color: var(--surface-color-brand-gold-60, #f8ba47);\n  border-color: var(--surface-color-primary-hover, #1e5189);\n}\n.bcds-react-aria-Tag.blue {\n  background-color: var(--surface-support-surface-color-info, #f7f9fc);\n  border-color: var(--surface-support-border-color-info, #053662);\n}\n.bcds-react-aria-Tag.dark {\n  border-color: var(--surface-primary-hover, #1e5189);\n  background: var(--surface-brand-gray-110, #252423);\n  color: var(--typography-color-primary-invert, #ffffff);\n}\n.bcds-react-aria-Tag.dark .bcds-react-aria-Tag--contents > .react-aria-Button {\n  color: var(--typography-color-primary-invert, #ffffff);\n}\n.bcds-react-aria-Tag.gray,\n.bcds-react-aria-Tag.grey {\n  background-color: var(--surface-brand-gray-20, #f3f2f1);\n  border-color: var(--surface-border-dark, #353433);\n}\n.bcds-react-aria-Tag.green {\n  background-color: var(--surface-support-surface-color-success, #f6fff8);\n  border-color: var(--surface-support-border-color-success, #42814a);\n}\n.bcds-react-aria-Tag.red {\n  background-color: var(--surface-support-surface-color-danger, #f4e1e2);\n  border-color: var(--surface-support-border-color-danger, #ce3e39);\n}\n.bcds-react-aria-Tag.yellow {\n  background-color: var(--surface-support-surface-color-warning, #fef1d8);\n  border-color: var(--surface-support-border-color-warning, #f8bb47);\n}\n\n/* Selected */\n.bcds-react-aria-Tag[data-selected] {\n  border: 2px solid var(--surface-primary-active, #2e5dd7);\n  padding: 1px 7px;\n}\n\n/* Focused */\n.bcds-react-aria-Tag[data-focused] {\n  outline: 4px solid #3b99fc;\n  outline-offset: 1px;\n}\n\n/* Disabled */\n.bcds-react-aria-Tag[data-disabled] {\n  background-color: var(--surface-primary-disabled, #edebe9);\n  border-color: var(--surface-border-light, #d8d8d8);\n  color: var(--typography-color-disabled, #9f9d9c);\n  cursor: not-allowed;\n}\n";
+styleInject(css_248z$3);
 
 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("div", { className: "bcds-react-aria-Tag--contents", 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$1 = ".bcds-react-aria-TagGroup {\n  color: var(--typography-color-primary, #2d2d2d);\n  font: var(--typography-regular-label, 400 0.875rem/1.313rem \"BC Sans\");\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  margin: var(--layout-margin-small) var(--layout-margin-none);\n}\n\n.bcds-react-aria-TagGroup--Text-error {\n  color: var(--surface-danger-default, #ce3e39);\n}\n";
-styleInject(css_248z$1);
+var css_248z$2 = ".bcds-react-aria-TagGroup {\n  color: var(--typography-color-primary, #2d2d2d);\n  font: var(--typography-regular-label, 400 0.875rem/1.313rem \"BC Sans\");\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  margin: var(--layout-margin-small) var(--layout-margin-none);\n}\n\n.bcds-react-aria-TagGroup--Text-error {\n  color: var(--surface-danger-default, #ce3e39);\n}\n";
+styleInject(css_248z$2);
 
 function TagGroup({ children, label, description, errorMessage, ...props }) {
     return (jsxRuntime.jsxs($eaf9e70818b436db$export$67ea30858aaf75e3, { className: "bcds-react-aria-TagGroup", ...props, children: [label && (jsxRuntime.jsx($01b77f81d0f07f68$export$b04be29aa201d4f5, { className: "bcds-react-aria-TagGroup--Label", children: label })), children, description && (jsxRuntime.jsx($514c0188e459b4c0$export$5f1af8db9871e1d6, { slot: "description", className: "bcds-react-aria-TagGroup--Text-description", children: description })), errorMessage && (jsxRuntime.jsx($514c0188e459b4c0$export$5f1af8db9871e1d6, { slot: "errorMessage", className: "bcds-react-aria-TagGroup--Text-error", children: errorMessage }))] }));
 }
 
-var css_248z = ".bcds-react-aria-TagList {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--layout-padding-small);\n  width: fit-content;\n}\n\n.bcds-react-aria-TagList.horizontal {\n  flex-direction: row;\n}\n\n.bcds-react-aria-TagList.vertical {\n  flex-direction: column;\n}\n";
-styleInject(css_248z);
+var css_248z$1 = ".bcds-react-aria-TagList {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--layout-padding-small);\n  width: fit-content;\n}\n\n.bcds-react-aria-TagList.horizontal {\n  flex-direction: row;\n}\n\n.bcds-react-aria-TagList.vertical {\n  flex-direction: column;\n}\n";
+styleInject(css_248z$1);
 
 function TagList({ items, orientation = "horizontal", renderEmptyState, ...props }) {
     return (jsxRuntime.jsx($eaf9e70818b436db$export$f9fef0f55402315b, { className: `bcds-react-aria-TagList ${orientation}`, ...props, renderEmptyState: renderEmptyState, items: items, children: (item) => $dGqE5$react.createElement(Tag, { ...item, key: item.id }) }));
 }
 
+var css_248z = ".bcds-react-aria-Tooltip {\n  background-color: var(--surface-brand-gray-110);\n  border-radius: var(--surface-border-radius-medium);\n  box-shadow: var(--surface-shadow-small);\n  color: var(--typography-color-primary-invert);\n  font: var(--typography-regular-label);\n  padding: var(--layout-padding-xsmall) var(--layout-padding-small);\n  transform: translate3d(0, 0, 0);\n}\n\n.bcds-react-aria-Tooltip > .bcds-react-aria-OverlayArrow {\n  color: var(--surface-brand-gray-110);\n}\n\n.bcds-react-aria-Tooltip[data-placement=\"top\"] > .bcds-react-aria-OverlayArrow,\n.bcds-react-aria-Tooltip[data-placement=\"bottom\"]\n  > .bcds-react-aria-OverlayArrow {\n  height: 9px;\n  width: 19px;\n}\n\n.bcds-react-aria-Tooltip[data-placement=\"right\"]\n  > .bcds-react-aria-OverlayArrow,\n.bcds-react-aria-Tooltip[data-placement=\"left\"]\n  > .bcds-react-aria-OverlayArrow {\n  height: 19px;\n  width: 9px;\n}\n\n/* Top placement */\n.bcds-react-aria-Tooltip[data-placement=\"top\"] {\n  margin-bottom: 10px; /* Offset is equal to the depth of the OverlayArrow */\n}\n.bcds-react-aria-Tooltip[data-placement=\"top\"] > .bcds-react-aria-OverlayArrow {\n  margin-top: -7.5px;\n}\n.bcds-react-aria-Tooltip[data-placement=\"top\"]\n  > .bcds-react-aria-OverlayArrow\n  > svg {\n  transform: rotate(180deg);\n}\n\n/* Right placement */\n.bcds-react-aria-Tooltip[data-placement=\"right\"] {\n  margin-left: 10px;\n}\n.bcds-react-aria-Tooltip[data-placement=\"right\"]\n  > .bcds-react-aria-OverlayArrow {\n  margin-top: -2px;\n  margin-right: 4.5px;\n}\n.bcds-react-aria-Tooltip[data-placement=\"right\"]\n  > .bcds-react-aria-OverlayArrow\n  > svg {\n  transform: rotate(-90deg);\n}\n\n/* Bottom placement */\n.bcds-react-aria-Tooltip[data-placement=\"bottom\"] {\n  margin-top: 9px;\n}\n.bcds-react-aria-Tooltip[data-placement=\"bottom\"]\n  > .bcds-react-aria-OverlayArrow {\n  margin-bottom: 6.5px;\n}\n\n/* Left placement */\n.bcds-react-aria-Tooltip[data-placement=\"left\"] {\n  margin-right: 10px;\n}\n.bcds-react-aria-Tooltip[data-placement=\"left\"]\n  > .bcds-react-aria-OverlayArrow {\n  margin-top: -2px;\n  margin-left: -5.5px;\n}\n.bcds-react-aria-Tooltip[data-placement=\"left\"]\n  > .bcds-react-aria-OverlayArrow\n  > svg {\n  transform: rotate(90deg);\n}\n";
+styleInject(css_248z);
+
+function SvgTooltipArrowUp() {
+    return (jsxRuntime.jsx("svg", { width: "19", height: "9", viewBox: "0 0 19 9", fill: "none", xmlns: "http://www.w3.org/2000/svg", 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" }) }));
+}
+function Tooltip({ children, placement, }) {
+    return (jsxRuntime.jsxs($4e3b923658d69c60$export$28c660c63b792dea, { placement: placement, className: "bcds-react-aria-Tooltip", children: [jsxRuntime.jsx($44f671af83e7d9e0$export$746d02f47f4d381, { className: "bcds-react-aria-OverlayArrow", children: jsxRuntime.jsx(SvgTooltipArrowUp, {}) }), children] }));
+}
+
 exports.Button = Button;
+exports.Footer = Footer;
+exports.FooterLinks = FooterLinks;
 exports.Header = Header;
 exports.Select = Select;
 exports.SvgBcLogo = SvgBcLogo;
 exports.Tag = Tag;
 exports.TagGroup = TagGroup;
 exports.TagList = TagList;
+exports.Tooltip = Tooltip;
+exports.TooltipTrigger = $4e3b923658d69c60$export$8c610744efcf8a1d;
 //# sourceMappingURL=index.cjs.map