@bcgov/design-system-react-components 0.8.0 → 0.8.1-pr761

package/dist/esm/index.js

@@ -82,16 +82,16 @@ const $c4867b2f328c2698$export$e5c5a5f917a5871c = typeof document !== 'undefined
 // being on the page at once, the prefix is set to a random number. SSRProvider
 // will reset this to zero for consistency between server and client, so in the
 // SSR case multiple copies of React Aria is not supported.
-const $c7eafbbe1ea5834e$var$defaultContext$2 = {
+const $c7eafbbe1ea5834e$var$defaultContext$1 = {
     prefix: String(Math.round(Math.random() * 10000000000)),
     current: 0
 };
-const $c7eafbbe1ea5834e$var$SSRContext$2 = /*#__PURE__*/ ($8WNJc$react).createContext($c7eafbbe1ea5834e$var$defaultContext$2);
-const $c7eafbbe1ea5834e$var$IsSSRContext$2 = /*#__PURE__*/ ($8WNJc$react).createContext(false);
-let $c7eafbbe1ea5834e$var$canUseDOM$2 = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
-let $c7eafbbe1ea5834e$var$componentIds$2 = new WeakMap();
-function $c7eafbbe1ea5834e$var$useCounter$2(isDisabled = false) {
-    let ctx = (useContext)($c7eafbbe1ea5834e$var$SSRContext$2);
+const $c7eafbbe1ea5834e$var$SSRContext$1 = /*#__PURE__*/ ($8WNJc$react).createContext($c7eafbbe1ea5834e$var$defaultContext$1);
+const $c7eafbbe1ea5834e$var$IsSSRContext$1 = /*#__PURE__*/ ($8WNJc$react).createContext(false);
+let $c7eafbbe1ea5834e$var$canUseDOM$1 = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
+let $c7eafbbe1ea5834e$var$componentIds$1 = new WeakMap();
+function $c7eafbbe1ea5834e$var$useCounter$1(isDisabled = false) {
+    let ctx = (useContext)($c7eafbbe1ea5834e$var$SSRContext$1);
     let ref = (useRef)(null);
     // eslint-disable-next-line rulesdir/pure-render
     if (ref.current === null && !isDisabled) {
@@ -107,9 +107,9 @@ function $c7eafbbe1ea5834e$var$useCounter$2(isDisabled = false) {
         // @ts-ignore
         let currentOwner = ($8WNJc$react).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED?.ReactCurrentOwner?.current;
         if (currentOwner) {
-            let prevComponentValue = $c7eafbbe1ea5834e$var$componentIds$2.get(currentOwner);
+            let prevComponentValue = $c7eafbbe1ea5834e$var$componentIds$1.get(currentOwner);
             if (prevComponentValue == null) // On the first render, and first call to useId, store the id and state in our weak map.
-            $c7eafbbe1ea5834e$var$componentIds$2.set(currentOwner, {
+            $c7eafbbe1ea5834e$var$componentIds$1.set(currentOwner, {
                 id: ctx.current,
                 state: currentOwner.memoizedState
             });
@@ -118,7 +118,7 @@ function $c7eafbbe1ea5834e$var$useCounter$2(isDisabled = false) {
                 // Reset the counter, and remove from the weak map so we don't
                 // do this for subsequent useId calls.
                 ctx.current = prevComponentValue.id;
-                $c7eafbbe1ea5834e$var$componentIds$2.delete(currentOwner);
+                $c7eafbbe1ea5834e$var$componentIds$1.delete(currentOwner);
             }
         }
         // eslint-disable-next-line rulesdir/pure-render
@@ -127,38 +127,38 @@ function $c7eafbbe1ea5834e$var$useCounter$2(isDisabled = false) {
     // eslint-disable-next-line rulesdir/pure-render
     return ref.current;
 }
-function $c7eafbbe1ea5834e$var$useLegacySSRSafeId$2(defaultId) {
-    let ctx = (useContext)($c7eafbbe1ea5834e$var$SSRContext$2);
+function $c7eafbbe1ea5834e$var$useLegacySSRSafeId$1(defaultId) {
+    let ctx = (useContext)($c7eafbbe1ea5834e$var$SSRContext$1);
     // If we are rendering in a non-DOM environment, and there's no SSRProvider,
     // provide a warning to hint to the developer to add one.
-    if (ctx === $c7eafbbe1ea5834e$var$defaultContext$2 && !$c7eafbbe1ea5834e$var$canUseDOM$2 && process.env.NODE_ENV !== 'production') console.warn('When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.');
-    let counter = $c7eafbbe1ea5834e$var$useCounter$2(!!defaultId);
-    let prefix = ctx === $c7eafbbe1ea5834e$var$defaultContext$2 && process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${ctx.prefix}`;
+    if (ctx === $c7eafbbe1ea5834e$var$defaultContext$1 && !$c7eafbbe1ea5834e$var$canUseDOM$1 && process.env.NODE_ENV !== 'production') console.warn('When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.');
+    let counter = $c7eafbbe1ea5834e$var$useCounter$1(!!defaultId);
+    let prefix = ctx === $c7eafbbe1ea5834e$var$defaultContext$1 && process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${ctx.prefix}`;
     return defaultId || `${prefix}-${counter}`;
 }
-function $c7eafbbe1ea5834e$var$useModernSSRSafeId$2(defaultId) {
+function $c7eafbbe1ea5834e$var$useModernSSRSafeId$1(defaultId) {
     let id = ($8WNJc$react).useId();
-    let [didSSR] = (useState)($c7eafbbe1ea5834e$export$535bd6ca7f90a273$2());
-    let prefix = didSSR || process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${$c7eafbbe1ea5834e$var$defaultContext$2.prefix}`;
+    let [didSSR] = (useState)($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1());
+    let prefix = didSSR || process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${$c7eafbbe1ea5834e$var$defaultContext$1.prefix}`;
     return defaultId || `${prefix}-${id}`;
 }
-const $c7eafbbe1ea5834e$export$619500959fc48b26 = typeof ($8WNJc$react)['useId'] === 'function' ? $c7eafbbe1ea5834e$var$useModernSSRSafeId$2 : $c7eafbbe1ea5834e$var$useLegacySSRSafeId$2;
-function $c7eafbbe1ea5834e$var$getSnapshot$2() {
+const $c7eafbbe1ea5834e$export$619500959fc48b26 = typeof ($8WNJc$react)['useId'] === 'function' ? $c7eafbbe1ea5834e$var$useModernSSRSafeId$1 : $c7eafbbe1ea5834e$var$useLegacySSRSafeId$1;
+function $c7eafbbe1ea5834e$var$getSnapshot$1() {
     return false;
 }
-function $c7eafbbe1ea5834e$var$getServerSnapshot$2() {
+function $c7eafbbe1ea5834e$var$getServerSnapshot$1() {
     return true;
 }
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-function $c7eafbbe1ea5834e$var$subscribe$2(onStoreChange) {
+function $c7eafbbe1ea5834e$var$subscribe$1(onStoreChange) {
     // noop
     return ()=>{};
 }
-function $c7eafbbe1ea5834e$export$535bd6ca7f90a273$2() {
+function $c7eafbbe1ea5834e$export$535bd6ca7f90a273$1() {
     // In React 18, we can use useSyncExternalStore to detect if we're server rendering or hydrating.
-    if (typeof ($8WNJc$react)['useSyncExternalStore'] === 'function') return ($8WNJc$react)['useSyncExternalStore']($c7eafbbe1ea5834e$var$subscribe$2, $c7eafbbe1ea5834e$var$getSnapshot$2, $c7eafbbe1ea5834e$var$getServerSnapshot$2);
+    if (typeof ($8WNJc$react)['useSyncExternalStore'] === 'function') return ($8WNJc$react)['useSyncExternalStore']($c7eafbbe1ea5834e$var$subscribe$1, $c7eafbbe1ea5834e$var$getSnapshot$1, $c7eafbbe1ea5834e$var$getServerSnapshot$1);
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    return (useContext)($c7eafbbe1ea5834e$var$IsSSRContext$2);
+    return (useContext)($c7eafbbe1ea5834e$var$IsSSRContext$1);
 }
 
 /*
@@ -1399,7 +1399,7 @@ function $8f5a2122b0992be3$export$98e20ec92f614cfe() {
             $8f5a2122b0992be3$export$901e90a13c50a14e.delete(handler);
         };
     }, []);
-    return ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$2)() ? null : modality;
+    return ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1)() ? null : modality;
 }
 const $8f5a2122b0992be3$var$nonTextInputTypes = new Set([
     'checkbox',
@@ -1581,7 +1581,7 @@ function $e8ac3c3f5d4bae7f$export$d6875122194c7b44(props, defaultLabel) {
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ // https://en.wikipedia.org/wiki/Right-to-left
-const $d805ff57cab8bee2$var$RTL_SCRIPTS$2 = new Set([
+const $d805ff57cab8bee2$var$RTL_SCRIPTS$1 = new Set([
     'Arab',
     'Syrc',
     'Samr',
@@ -1593,7 +1593,7 @@ const $d805ff57cab8bee2$var$RTL_SCRIPTS$2 = new Set([
     'Rohg',
     'Hebr'
 ]);
-const $d805ff57cab8bee2$var$RTL_LANGS$2 = new Set([
+const $d805ff57cab8bee2$var$RTL_LANGS$1 = new Set([
     'ae',
     'ar',
     'arc',
@@ -1614,7 +1614,7 @@ const $d805ff57cab8bee2$var$RTL_LANGS$2 = new Set([
     'ur',
     'yi'
 ]);
-function $d805ff57cab8bee2$export$702d680b21cbd764$2(localeString) {
+function $d805ff57cab8bee2$export$702d680b21cbd764$1(localeString) {
     // If the Intl.Locale API is available, use it to get the locale's text direction.
     if (Intl.Locale) {
         let locale = new Intl.Locale(localeString).maximize();
@@ -1625,11 +1625,11 @@ function $d805ff57cab8bee2$export$702d680b21cbd764$2(localeString) {
         if (textInfo) return textInfo.direction === 'rtl';
         // Fallback: guess using the script.
         // This is more accurate than guessing by language, since languages can be written in multiple scripts.
-        if (locale.script) return $d805ff57cab8bee2$var$RTL_SCRIPTS$2.has(locale.script);
+        if (locale.script) return $d805ff57cab8bee2$var$RTL_SCRIPTS$1.has(locale.script);
     }
     // If not, just guess by the language (first part of the locale)
     let lang = localeString.split('-')[0];
-    return $d805ff57cab8bee2$var$RTL_LANGS$2.has(lang);
+    return $d805ff57cab8bee2$var$RTL_LANGS$1.has(lang);
 }
 
 /*
@@ -1646,9 +1646,9 @@ function $d805ff57cab8bee2$export$702d680b21cbd764$2(localeString) {
 
 
 // Locale passed from server by PackageLocalizationProvider.
-const $520a025cdb0d710d$var$localeSymbol$2 = Symbol.for('react-aria.i18n.locale');
-function $520a025cdb0d710d$export$f09106e7c6677ec5$2() {
-    let locale = typeof window !== 'undefined' && window[$520a025cdb0d710d$var$localeSymbol$2] || typeof navigator !== 'undefined' && (navigator.language || navigator.userLanguage) || 'en-US';
+const $520a025cdb0d710d$var$localeSymbol$1 = Symbol.for('react-aria.i18n.locale');
+function $520a025cdb0d710d$export$f09106e7c6677ec5$1() {
+    let locale = typeof window !== 'undefined' && window[$520a025cdb0d710d$var$localeSymbol$1] || typeof navigator !== 'undefined' && (navigator.language || navigator.userLanguage) || 'en-US';
     try {
         Intl.DateTimeFormat.supportedLocalesOf([
             locale
@@ -1658,30 +1658,30 @@ function $520a025cdb0d710d$export$f09106e7c6677ec5$2() {
     }
     return {
         locale: locale,
-        direction: ($d805ff57cab8bee2$export$702d680b21cbd764$2)(locale) ? 'rtl' : 'ltr'
+        direction: ($d805ff57cab8bee2$export$702d680b21cbd764$1)(locale) ? 'rtl' : 'ltr'
     };
 }
-let $520a025cdb0d710d$var$currentLocale$2 = $520a025cdb0d710d$export$f09106e7c6677ec5$2();
-let $520a025cdb0d710d$var$listeners$2 = new Set();
-function $520a025cdb0d710d$var$updateLocale$2() {
-    $520a025cdb0d710d$var$currentLocale$2 = $520a025cdb0d710d$export$f09106e7c6677ec5$2();
-    for (let listener of $520a025cdb0d710d$var$listeners$2)listener($520a025cdb0d710d$var$currentLocale$2);
+let $520a025cdb0d710d$var$currentLocale$1 = $520a025cdb0d710d$export$f09106e7c6677ec5$1();
+let $520a025cdb0d710d$var$listeners$1 = new Set();
+function $520a025cdb0d710d$var$updateLocale$1() {
+    $520a025cdb0d710d$var$currentLocale$1 = $520a025cdb0d710d$export$f09106e7c6677ec5$1();
+    for (let listener of $520a025cdb0d710d$var$listeners$1)listener($520a025cdb0d710d$var$currentLocale$1);
 }
-function $520a025cdb0d710d$export$188ec29ebc2bdc3a$2() {
-    let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$2)();
-    let [defaultLocale, setDefaultLocale] = (useState)($520a025cdb0d710d$var$currentLocale$2);
+function $520a025cdb0d710d$export$188ec29ebc2bdc3a$1() {
+    let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1)();
+    let [defaultLocale, setDefaultLocale] = (useState)($520a025cdb0d710d$var$currentLocale$1);
     (useEffect)(()=>{
-        if ($520a025cdb0d710d$var$listeners$2.size === 0) window.addEventListener('languagechange', $520a025cdb0d710d$var$updateLocale$2);
-        $520a025cdb0d710d$var$listeners$2.add(setDefaultLocale);
+        if ($520a025cdb0d710d$var$listeners$1.size === 0) window.addEventListener('languagechange', $520a025cdb0d710d$var$updateLocale$1);
+        $520a025cdb0d710d$var$listeners$1.add(setDefaultLocale);
         return ()=>{
-            $520a025cdb0d710d$var$listeners$2.delete(setDefaultLocale);
-            if ($520a025cdb0d710d$var$listeners$2.size === 0) window.removeEventListener('languagechange', $520a025cdb0d710d$var$updateLocale$2);
+            $520a025cdb0d710d$var$listeners$1.delete(setDefaultLocale);
+            if ($520a025cdb0d710d$var$listeners$1.size === 0) window.removeEventListener('languagechange', $520a025cdb0d710d$var$updateLocale$1);
         };
     }, []);
     // We cannot determine the browser's language on the server, so default to
     // en-US. This will be updated after hydration on the client to the correct value.
     if (isSSR) {
-        let locale = typeof window !== 'undefined' && window[$520a025cdb0d710d$var$localeSymbol$2];
+        let locale = typeof window !== 'undefined' && window[$520a025cdb0d710d$var$localeSymbol$1];
         return {
             locale: locale || 'en-US',
             direction: 'ltr'
@@ -1703,18 +1703,18 @@ function $520a025cdb0d710d$export$188ec29ebc2bdc3a$2() {
  */ 
 
 
-const $2eb8e6d23f3d0cb0$var$I18nContext$2 = /*#__PURE__*/ ($8WNJc$react).createContext(null);
+const $2eb8e6d23f3d0cb0$var$I18nContext$1 = /*#__PURE__*/ ($8WNJc$react).createContext(null);
 /**
  * Internal component that handles the case when locale is provided.
  */ function $2eb8e6d23f3d0cb0$var$I18nProviderWithLocale(props) {
     let { locale: locale, children: children } = props;
     let value = ($8WNJc$react).useMemo(()=>({
             locale: locale,
-            direction: ($d805ff57cab8bee2$export$702d680b21cbd764$2)(locale) ? 'rtl' : 'ltr'
+            direction: ($d805ff57cab8bee2$export$702d680b21cbd764$1)(locale) ? 'rtl' : 'ltr'
         }), [
         locale
     ]);
-    return /*#__PURE__*/ ($8WNJc$react).createElement($2eb8e6d23f3d0cb0$var$I18nContext$2.Provider, {
+    return /*#__PURE__*/ ($8WNJc$react).createElement($2eb8e6d23f3d0cb0$var$I18nContext$1.Provider, {
         value: value
     }, children);
 }
@@ -1722,8 +1722,8 @@ const $2eb8e6d23f3d0cb0$var$I18nContext$2 = /*#__PURE__*/ ($8WNJc$react).createC
  * Internal component that handles the case when no locale is provided.
  */ function $2eb8e6d23f3d0cb0$var$I18nProviderWithDefaultLocale(props) {
     let { children: children } = props;
-    let defaultLocale = ($520a025cdb0d710d$export$188ec29ebc2bdc3a$2)();
-    return /*#__PURE__*/ ($8WNJc$react).createElement($2eb8e6d23f3d0cb0$var$I18nContext$2.Provider, {
+    let defaultLocale = ($520a025cdb0d710d$export$188ec29ebc2bdc3a$1)();
+    return /*#__PURE__*/ ($8WNJc$react).createElement($2eb8e6d23f3d0cb0$var$I18nContext$1.Provider, {
         value: defaultLocale
     }, children);
 }
@@ -1739,9 +1739,9 @@ function $2eb8e6d23f3d0cb0$export$a54013f0d02a8f82(props) {
         children: children
     });
 }
-function $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$2() {
-    let defaultLocale = ($520a025cdb0d710d$export$188ec29ebc2bdc3a$2)();
-    let context = (useContext)($2eb8e6d23f3d0cb0$var$I18nContext$2);
+function $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1() {
+    let defaultLocale = ($520a025cdb0d710d$export$188ec29ebc2bdc3a$1)();
+    let context = (useContext)($2eb8e6d23f3d0cb0$var$I18nContext$1);
     return context || defaultLocale;
 }
 
@@ -1894,7 +1894,7 @@ function $cf2482eff2eeeec2$export$87b761675e8eaa10$1(strings, packageName) {
     return packageName && ($a747a10fe70a57da$export$c17fa47878dc55b6).getGlobalDictionaryForPackage(packageName) || $cf2482eff2eeeec2$var$getCachedDictionary$1(strings);
 }
 function $cf2482eff2eeeec2$export$f12b703ca79dfbb1(strings, packageName) {
-    let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$2)();
+    let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
     let dictionary = $cf2482eff2eeeec2$export$87b761675e8eaa10$1(strings, packageName);
     return (useMemo)(()=>new ($b27c684a33948c64$export$2f817fcdc4b89ae0)(locale, dictionary), [
         locale,
@@ -3259,7 +3259,7 @@ function $42ceafc619f9c3ba$var$CollectionInner({ collection: collection, render:
 // React 16 and 17 don't support useSyncExternalStore natively, and the shim provided by React does not support getServerSnapshot.
 // This wrapper uses the shim, but additionally calls getServerSnapshot during SSR (according to SSRProvider).
 function $42ceafc619f9c3ba$var$useSyncExternalStoreFallback(subscribe, getSnapshot, getServerSnapshot) {
-    let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$2)();
+    let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1)();
     let isSSRRef = (useRef)(isSSR);
     // This is read immediately inside the wrapper, which also runs during render.
     // We just need a ref to avoid invalidating the callback itself, which
@@ -3422,7 +3422,7 @@ function $42ceafc619f9c3ba$var$CollectionRoot({ children: children }) {
     ]);
     // During SSR, we render the content directly, and append nodes to the document during render.
     // The collection children return null so that nothing is actually rendered into the HTML.
-    return ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$2)() ? /*#__PURE__*/ ($8WNJc$react).createElement($42ceafc619f9c3ba$var$SSRContext.Provider, {
+    return ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1)() ? /*#__PURE__*/ ($8WNJc$react).createElement($42ceafc619f9c3ba$var$SSRContext.Provider, {
         value: doc
     }, wrappedChildren) : /*#__PURE__*/ (createPortal)(wrappedChildren, doc);
 }
@@ -5377,7 +5377,7 @@ function $eb76cf4feb040f77$var$escapeRegex(string) {
 
 
 function $bd90acf18e792be6$export$b7a616150fdb9f44(options = {}) {
-    let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$2)();
+    let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
     return (useMemo)(()=>new ($1dfb119a85e764e5$export$cc77c4ff7e8673c5)(locale, options), [
         locale,
         options
@@ -6484,7 +6484,7 @@ $e05239aa7a8d905d$exports = {
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ /* eslint-disable rulesdir/pure-render */ 
-function $9c268ab73a5d55e5$export$722debc0e56fea39$2(value, isEqual) {
+function $9c268ab73a5d55e5$export$722debc0e56fea39$1(value, isEqual) {
     // Using a ref during render is ok here because it's only an optimization – both values are equivalent.
     // If a render is thrown away, it'll still work the same no matter if the next render is the same or not.
     let lastValue = (useRef)(null);
@@ -8891,16 +8891,16 @@ function $12a3c853105e5a70$var$getResolvedHourCycle(locale, options) {
 
 
 
-function $60f33508b4cd9d3b$export$85fd5fdf27bacc79$2(options) {
+function $60f33508b4cd9d3b$export$85fd5fdf27bacc79$1(options) {
     // Reuse last options object if it is shallowly equal, which allows the useMemo result to also be reused.
-    options = ($9c268ab73a5d55e5$export$722debc0e56fea39$2)(options ?? {}, $60f33508b4cd9d3b$var$isEqual$2);
-    let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$2)();
+    options = ($9c268ab73a5d55e5$export$722debc0e56fea39$1)(options ?? {}, $60f33508b4cd9d3b$var$isEqual$1);
+    let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
     return (useMemo)(()=>new ($12a3c853105e5a70$export$ad991b66133851cf)(locale, options), [
         locale,
         options
     ]);
 }
-function $60f33508b4cd9d3b$var$isEqual$2(a, b) {
+function $60f33508b4cd9d3b$var$isEqual$1(a, b) {
     if (a === b) return true;
     let aKeys = Object.keys(a);
     let bKeys = Object.keys(b);
@@ -8938,7 +8938,7 @@ function $9bac9bf03b87f160$export$b6df97c887c38e1a(state) {
     let start, end;
     if ('highlightedRange' in state) ({ start: start, end: end } = state.highlightedRange || {});
     else start = end = state.value ?? undefined;
-    let dateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$2)({
+    let dateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$1)({
         weekday: 'long',
         month: 'long',
         year: 'numeric',
@@ -8977,14 +8977,14 @@ function $9bac9bf03b87f160$export$b6df97c887c38e1a(state) {
 function $9bac9bf03b87f160$export$31afe65d91ef6e8(startDate, endDate, timeZone, isAria) {
     let stringFormatter = ($cf2482eff2eeeec2$export$f12b703ca79dfbb1)((($parcel$interopDefault$f($e05239aa7a8d905d$exports))), '@react-aria/calendar');
     let era = $9bac9bf03b87f160$export$134cbb7fb09a9522(startDate) || $9bac9bf03b87f160$export$134cbb7fb09a9522(endDate);
-    let monthFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$2)({
+    let monthFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$1)({
         month: 'long',
         year: 'numeric',
         era: era,
         calendar: startDate.calendar.identifier,
         timeZone: timeZone
     });
-    let dateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$2)({
+    let dateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$1)({
         month: 'long',
         year: 'numeric',
         day: 'numeric',
@@ -9203,7 +9203,7 @@ function $a1efc3efb5426bf7$export$3ee915f8151bd4f1(props, state) {
 
 function $2d54ee2ec11ddab8$export$cb95147730a423f5(props, state) {
     let { startDate: startDate = state.visibleRange.start, endDate: endDate = state.visibleRange.end, firstDayOfWeek: firstDayOfWeek } = props;
-    let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$2)();
+    let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
     let onKeyDown = (e)=>{
         switch(e.key){
             case 'Enter':
@@ -9271,11 +9271,11 @@ function $2d54ee2ec11ddab8$export$cb95147730a423f5(props, state) {
         ].filter(Boolean).join(', '),
         'aria-labelledby': ariaLabelledBy
     });
-    let dayFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$2)({
+    let dayFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$1)({
         weekday: props.weekdayStyle || 'narrow',
         timeZone: state.timeZone
     });
-    let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$2)();
+    let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
     let weekDays = (useMemo)(()=>{
         let weekStart = ($ad063034c8620db8$export$42c81a444fbfb5d4)(($ad063034c8620db8$export$d0bdf45af03a6ea3)(state.timeZone), locale, firstDayOfWeek);
         return [
@@ -9576,7 +9576,7 @@ function $be61a22f9aa88c7c$export$136073280381448e(props, state, ref) {
     let { date: date, isDisabled: isDisabled } = props;
     let { errorMessageId: errorMessageId, selectedDateDescription: selectedDateDescription } = ($9bac9bf03b87f160$export$653eddfc964b0f8a).get(state);
     let stringFormatter = ($cf2482eff2eeeec2$export$f12b703ca79dfbb1)((($parcel$interopDefault$d($e05239aa7a8d905d$exports))), '@react-aria/calendar');
-    let dateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$2)({
+    let dateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$1)({
         weekday: 'long',
         day: 'numeric',
         month: 'long',
@@ -9593,7 +9593,7 @@ function $be61a22f9aa88c7c$export$136073280381448e(props, state, ref) {
     if (isInvalid) isSelected = true;
     // For performance, reuse the same date object as before if the new date prop is the same.
     // This allows subsequent useMemo results to be reused.
-    date = ($9c268ab73a5d55e5$export$722debc0e56fea39$2)(date, ($ad063034c8620db8$export$91b62ebf2ba703ee));
+    date = ($9c268ab73a5d55e5$export$722debc0e56fea39$1)(date, ($ad063034c8620db8$export$91b62ebf2ba703ee));
     let nativeDate = (useMemo)(()=>date.toDate(state.timeZone), [
         date,
         state.timeZone
@@ -9767,7 +9767,7 @@ function $be61a22f9aa88c7c$export$136073280381448e(props, state, ref) {
         isFocused,
         ref
     ]);
-    let cellDateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$2)({
+    let cellDateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$1)({
         day: 'numeric',
         timeZone: state.timeZone,
         calendar: date.calendar.identifier
@@ -10278,7 +10278,7 @@ const $6f9a1820b787aac7$export$9e31dcedda1dadc7 = /*#__PURE__*/ (createContext)(
 const $6f9a1820b787aac7$export$5e0fc348c00f87a0 = /*#__PURE__*/ (createContext)(null);
 const $6f9a1820b787aac7$export$e1aef45b828286de = /*#__PURE__*/ (forwardRef)(function Calendar(props, ref) {
     [props, ref] = ($7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $6f9a1820b787aac7$export$3b805cea1f178355);
-    let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$2)();
+    let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
     let state = ($ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f)({
         ...props,
         locale: locale,
@@ -14869,7 +14869,7 @@ function $a475cdc2445827b5$export$72ef708ab07251f1(effect, dependencies) {
 function $d667c2af82d35a98$export$d6daf82dcd84e87c(options) {
     let { selectionManager: manager, keyboardDelegate: delegate, ref: ref, autoFocus: autoFocus = false, shouldFocusWrap: shouldFocusWrap = false, disallowEmptySelection: disallowEmptySelection = false, disallowSelectAll: disallowSelectAll = false, escapeKeyBehavior: escapeKeyBehavior = 'clearSelection', selectOnFocus: selectOnFocus = manager.selectionBehavior === 'replace', disallowTypeAhead: disallowTypeAhead = false, shouldUseVirtualFocus: shouldUseVirtualFocus, allowsTabNavigation: allowsTabNavigation = false, scrollRef: // If no scrollRef is provided, assume the collection ref is the scrollable region
     scrollRef = ref, linkBehavior: linkBehavior = 'action' } = options;
-    let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$2)();
+    let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
     let router = ($caaf0dd3060ed57c$export$9a302a45f65d0572)();
     let onKeyDown = (e)=>{
         // Prevent option + tab from doing anything since it doesn't move focus to the cells, only buttons/checkboxes
@@ -15466,7 +15466,7 @@ class $ae8f8d98b2b18f2f$export$a05409b8bb224a5a {
  */ 
 let $673d46fce3e5717d$var$cache = new Map();
 function $673d46fce3e5717d$export$a16aca283550c30d(options) {
-    let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$2)();
+    let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
     let cacheKey = locale + (options ? Object.entries(options).sort((a, b)=>a[0] < b[0] ? -1 : 1).join() : '');
     if ($673d46fce3e5717d$var$cache.has(cacheKey)) return $673d46fce3e5717d$var$cache.get(cacheKey);
     let formatter = new Intl.Collator(locale, options);
@@ -17126,7 +17126,7 @@ function $928221da08ecbc62$var$ListBoxInner({ state: inputState, props: props, l
     let { collection: collection, selectionManager: selectionManager } = state;
     let isListDraggable = !!dragAndDropHooks?.useDraggableCollectionState;
     let isListDroppable = !!dragAndDropHooks?.useDroppableCollectionState;
-    let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$2)();
+    let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
     let { disabledBehavior: disabledBehavior, disabledKeys: disabledKeys } = selectionManager;
     let collator = ($673d46fce3e5717d$export$a16aca283550c30d)({
         usage: 'search',
@@ -18246,7 +18246,7 @@ function $970072cf4b13fde3$export$683480f191c0e3ea(options) {
 
 let $b3526bc71400be8d$var$visualViewport = typeof document !== 'undefined' ? window.visualViewport : null;
 function $b3526bc71400be8d$export$d39e1813b3bdd0e1(props) {
-    let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$2)();
+    let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
     let { arrowSize: arrowSize, targetRef: targetRef, overlayRef: overlayRef, arrowRef: arrowRef, scrollRef: scrollRef = overlayRef, placement: placement = 'bottom', containerPadding: containerPadding = 12, shouldFlip: shouldFlip = true, boundaryElement: boundaryElement = typeof document !== 'undefined' ? document.body : null, offset: offset = 0, crossOffset: crossOffset = 0, shouldUpdatePosition: shouldUpdatePosition = true, isOpen: isOpen = true, onClose: onClose, maxHeight: maxHeight, arrowBoundaryOffset: arrowBoundaryOffset = 0 } = props;
     let [position, setPosition] = (useState)(null);
     let deps = [
@@ -19260,7 +19260,7 @@ function $72abaeab4d80592f$export$9fc1347d4195ccb3() {
 
 const $d7a937236970dc7f$export$a2200b96afd16271 = /*#__PURE__*/ ($8WNJc$react).createContext(null);
 function $d7a937236970dc7f$export$c6fdb837b070b4ff(props) {
-    let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$2)();
+    let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1)();
     let { portalContainer: portalContainer = isSSR ? null : document.body, isExiting: isExiting } = props;
     let [contain, setContain] = (useState)(false);
     let contextValue = (useMemo)(()=>({
@@ -19452,7 +19452,7 @@ const $542a13ca2fa5b484$export$5b6b19405a83ff9d = /*#__PURE__*/ (forwardRef)(fun
     let state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
     let isExiting = ($fcc7165e876206c6$export$45fda7c47f93fd48)(ref, state.isOpen) || props.isExiting || false;
     let isHidden = ($d7f64c32b702fe2c$export$b5d7cc18bb8d2b59)();
-    let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$2)();
+    let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
     // If we are in a hidden tree, we still need to preserve our children.
     if (isHidden) {
         let children = props.children;
@@ -20452,7 +20452,7 @@ function $8794213c1141208f$export$7138b0d059a6e743(props, state, ref) {
     let { parentMenuRef: parentMenuRef, submenuRef: submenuRef, type: type = 'menu', isDisabled: isDisabled, delay: delay = 200, shouldUseVirtualFocus: shouldUseVirtualFocus } = props;
     let submenuTriggerId = ($390e54f620492c70$export$f680877a34711e37)();
     let overlayId = ($390e54f620492c70$export$f680877a34711e37)();
-    let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$2)();
+    let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
     let openTimeout = (useRef)(undefined);
     let cancelOpenTimeout = (useCallback)(()=>{
         if (openTimeout.current) {
@@ -21595,7 +21595,7 @@ function $ef182bb9912241d8$export$3274cf84b703fff(options) {
  */ 
 
 function $b4eb6eb8d15fb21e$export$a2f47a3d2973640(options = {}) {
-    let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$2)();
+    let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
     return (useMemo)(()=>new Intl.ListFormat(locale, options), [
         locale,
         options
@@ -22464,7 +22464,7 @@ $0014db39426443c5$exports$1 = {
 };
 
 function $6a440d0e2d99dd46$export$4a931266a3838b86(state, ref, disableArrowNavigation) {
-    let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$2)();
+    let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
     let focusManager = (useMemo)(()=>($535772f9d2c1f38d$export$c5251b9e124bf29)(ref), [
         ref
     ]);
@@ -22740,7 +22740,7 @@ function $parcel$interopDefault$7(a) {
 
 
 function $40cf8faa4dad0740$export$d42c60378c8168f8$1() {
-    let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$2)();
+    let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
     let dictionary = ($cf2482eff2eeeec2$export$87b761675e8eaa10$1)((($parcel$interopDefault$7($0014db39426443c5$exports$1))), '@react-aria/datepicker');
     return (useMemo)(()=>{
         // Try to use Intl.DisplayNames if possible. It may be supported in browsers, but not support the dateTimeField
@@ -22797,18 +22797,18 @@ let $40cf8faa4dad0740$var$DisplayNamesPolyfill$1 = class $40cf8faa4dad0740$var$D
 
 function $d51706f903be7eab$export$1315d136e6f7581(segment, state, ref) {
     let enteredKeys = (useRef)('');
-    let { locale: locale, direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$2)();
+    let { locale: locale, direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
     let displayNames = ($40cf8faa4dad0740$export$d42c60378c8168f8$1)();
     let { ariaLabel: ariaLabel, ariaLabelledBy: ariaLabelledBy, ariaDescribedBy: ariaDescribedBy, focusManager: focusManager } = ($7541913c0284d84b$export$653eddfc964b0f8a).get(state);
     let textValue = segment.isPlaceholder ? '' : segment.text;
     let options = (useMemo)(()=>state.dateFormatter.resolvedOptions(), [
         state.dateFormatter
     ]);
-    let monthDateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$2)({
+    let monthDateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$1)({
         month: 'long',
         timeZone: options.timeZone
     });
-    let hourDateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$2)({
+    let hourDateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$1)({
         hour: 'numeric',
         hour12: options.hour12,
         timeZone: options.timeZone
@@ -22888,7 +22888,7 @@ function $d51706f903be7eab$export$1315d136e6f7581(segment, state, ref) {
     let { startsWith: startsWith } = ($ef182bb9912241d8$export$3274cf84b703fff)({
         sensitivity: 'base'
     });
-    let amPmFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$2)({
+    let amPmFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$1)({
         hour: 'numeric',
         hour12: true
     });
@@ -22907,7 +22907,7 @@ function $d51706f903be7eab$export$1315d136e6f7581(segment, state, ref) {
         amPmFormatter
     ]);
     // Get a list of formatted era names so users can type the first character to choose one.
-    let eraFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$2)({
+    let eraFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$1)({
         year: 'numeric',
         era: 'narrow',
         timeZone: 'UTC'
@@ -24805,7 +24805,7 @@ const $5400c097f4765e59$export$5eaee2322dd727eb = /*#__PURE__*/ (forwardRef)(fun
     [props, ref] = ($7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $5400c097f4765e59$export$8e17ddc448e87c1e);
     let { validationBehavior: formValidationBehavior } = ($7230ffa83bc0c2cf$export$fabf2dc03a41866e)(($cdaed739b1139372$export$c24727297075ec6a)) || {};
     let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';
-    let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$2)();
+    let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
     let state = ($b822555cf9fe955c$export$fd53cef0cc796101)({
         ...props,
         locale: locale,
@@ -24907,7 +24907,7 @@ const $5400c097f4765e59$var$DateInputStandalone = /*#__PURE__*/ (forwardRef)((pr
     let [dateFieldProps, fieldRef] = ($7230ffa83bc0c2cf$export$29f1550f4b0d4415)({
         slot: props.slot
     }, ref, $5400c097f4765e59$export$7b3e670c86da5fe8);
-    let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$2)();
+    let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
     let state = ($8e7461aabf74661f$export$60e84778edff6d26)({
         ...dateFieldProps,
         locale: locale,
@@ -25047,7 +25047,7 @@ function $6902a2bb26917a07$export$42df105a73306d51(props, state, ref) {
     });
     let groupProps = ($6a440d0e2d99dd46$export$4a931266a3838b86)(state, ref);
     let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
-    let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$2)();
+    let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
     let date = state.formatValue(locale, {
         month: 'long'
     });
@@ -25485,7 +25485,7 @@ function $89a3495b7d82e671$export$6e3e27031a30522f(props, state, ref) {
     let { isDisabled: isDisabled } = props;
     let triggerId = ($390e54f620492c70$export$f680877a34711e37)();
     let panelId = ($390e54f620492c70$export$f680877a34711e37)();
-    let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$2)();
+    let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1)();
     let raf = (useRef)(null);
     let handleBeforeMatch = (useCallback)(()=>{
         // Wait a frame to revert browser's removal of hidden attribute
@@ -26683,7 +26683,7 @@ function $be7bed9611dd7497$export$9610e69494fadfd2(props, state, ref) {
     // Copied from useGridCell + some modifications to make it not so grid specific
     let { node: node, isVirtualized: isVirtualized } = props;
     // let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/gridlist');
-    let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$2)();
+    let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
     let { onAction: onAction, linkBehavior: linkBehavior, keyboardNavigationBehavior: keyboardNavigationBehavior, shouldSelectOnPressUp: shouldSelectOnPressUp } = ($c1c90317e8bffe4d$export$5b9bb410392e3991).get(state);
     let descriptionId = ($390e54f620492c70$export$b4cc09c592e8fdb8)();
     // We need to track the key of the item at the time it was last focused so that we force
@@ -27001,7 +27001,7 @@ function $5698867baeb53f4e$export$dbc0f175b25fb0fb(props, state, ref) {
 
 let $6066a2c586ade9e1$var$visualViewport = typeof document !== 'undefined' && window.visualViewport;
 function $6066a2c586ade9e1$export$d699905dd57c73ca() {
-    let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$2)();
+    let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1)();
     let [size, setSize] = (useState)(()=>isSSR ? {
             width: 0,
             height: 0
@@ -27135,7 +27135,7 @@ function $8b8d26808cb8cb53$var$ModalOverlayWithForwardRef(props, ref) {
     let isOverlayExiting = ($fcc7165e876206c6$export$45fda7c47f93fd48)(objectRef, state.isOpen);
     let isModalExiting = ($fcc7165e876206c6$export$45fda7c47f93fd48)(modalRef, state.isOpen);
     let isExiting = isOverlayExiting || isModalExiting || props.isExiting || false;
-    let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$2)();
+    let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1)();
     if (!state.isOpen && !isExiting || isSSR) return null;
     return /*#__PURE__*/ ($8WNJc$react).createElement($8b8d26808cb8cb53$var$ModalOverlayInner, {
         ...props,
@@ -27268,7 +27268,7 @@ const $10076bcc592bc574$export$63c5fa0b2fdccd2e = /*#__PURE__*/ (forwardRef)(fun
     [props, ref] = ($7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $10076bcc592bc574$export$b414a48cf5dcbc11);
     let { validationBehavior: formValidationBehavior } = ($7230ffa83bc0c2cf$export$fabf2dc03a41866e)(($cdaed739b1139372$export$c24727297075ec6a)) || {};
     let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';
-    let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$2)();
+    let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
     let state = ($3d0ee518c6f3d04f$export$7f629e9dc1ecf37c)({
         ...props,
         locale: locale,
@@ -27495,7 +27495,7 @@ function $405627c100c5b965$export$37b0961d2f4751e2(props, state, ref) {
 
 function $eecdee08e0d8a75f$export$62b9571f283ff5c2(props, state) {
     let { name: name, form: form, isReadOnly: isReadOnly, isRequired: isRequired, isDisabled: isDisabled, orientation: orientation = 'vertical', validationBehavior: validationBehavior = 'aria' } = props;
-    let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$2)();
+    let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
     let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
     let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = ($191c9b6d48a0a4e2$export$294aa081a6c6f55d)({
         ...props,
@@ -28657,7 +28657,7 @@ const $24585aa46d6ffdff$export$b5d5cf8927ab7262 = /*#__PURE__*/ (forwardRef)(fun
 
 const $223860f9cb8a07a2$export$653eddfc964b0f8a = new WeakMap();
 function $223860f9cb8a07a2$export$4f8b5cda58b7e8ff(props, state, ref) {
-    let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$2)();
+    let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
     let keyboardDelegate = props.keyboardDelegate || new ($ae8f8d98b2b18f2f$export$a05409b8bb224a5a)({
         collection: state.collection,
         ref: ref,
@@ -29507,7 +29507,7 @@ function $afa781ff67c1cd08$export$fa142eb1681c520(props, ref) {
     ($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
         setInToolbar(!!(ref.current && ref.current.parentElement?.closest('[role="toolbar"]')));
     });
-    const { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$2)();
+    const { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
     const shouldReverse = direction === 'rtl' && orientation === 'horizontal';
     let focusManager = ($535772f9d2c1f38d$export$c5251b9e124bf29)(ref);
     const onKeyDown = (e)=>{
@@ -29843,7 +29843,7 @@ function $c07df45195231803$export$bf688221f59024e5(props) {
     return /*#__PURE__*/ ($8WNJc$react).createElement($c07df45195231803$export$178405afcd8c5eb, null, /*#__PURE__*/ ($8WNJc$react).createElement($c07df45195231803$var$OverlayContainerDOM, props));
 }
 function $c07df45195231803$export$b47c3594eab58386(props) {
-    let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$2)();
+    let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1)();
     let { portalContainer: portalContainer = isSSR ? null : document.body, ...rest } = props;
     let { getContainer: getContainer } = ($72abaeab4d80592f$export$9fc1347d4195ccb3)();
     if (!props.portalContainer && getContainer) portalContainer = getContainer();
@@ -30240,7 +30240,7 @@ function Accordion({ label, children, ...props }) {
     return (jsx($a3e16eab0ea4036c$export$74a362b31437ec83, { className: `bcds-react-aria-Disclosure`, ...props, children: ({ isExpanded }) => (jsxs(Fragment$1, { children: [jsxs(Button, { className: "bcds-react-aria-Disclosure--Button", size: "small", variant: "link", slot: "trigger", children: [label, isExpanded ? jsx(SvgChevronUpIcon, {}) : jsx(SvgChevronDownIcon, {})] }), jsx($a3e16eab0ea4036c$export$feabaa331e1d464c, { className: "bcds-react-aria-Disclosure--Panel", children: jsx(Fragment$1, { children: children }) })] })) }));
 }
 
-var css_248z$B = ".bcds-react-aria-DisclosureGroup {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: var(--layout-border-width-small);\n  background-color: var(--surface-color-border-default);\n  border: var(--layout-border-width-small) solid\n    var(--surface-color-border-default);\n  border-radius: var(--layout-border-radius-medium);\n  overflow: hidden;\n}\n\n/* Override individual accordion item borders */\n.bcds-react-aria-DisclosureGroup > .bcds-react-aria-Disclosure {\n  border: none;\n  border-radius: var(--layout-border-radius-none);\n}\n\n/* Focus state */\n.bcds-react-aria-DisclosureGroup\n  > .bcds-react-aria-Disclosure[data-focus-visible-within] {\n  border-radius: var(--layout-border-radius-hair);\n  outline-offset: calc(var(--layout-margin-hair) * -1);\n}\n\n/* Title styles */\n.bcds-react-aria-DisclosureGroup--Title {\n  color: var(--typography-color-primary);\n  margin: var(--layout-margin-medium) var(--layout-margin-none);\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h1 {\n  font: var(--typography-bold-h1);\n  margin-block-start: 0;\n  margin-block-end: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h2 {\n  font: var(--typography-bold-h2);\n  margin-block-start: 0;\n  margin-block-end: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h3 {\n  font: var(--typography-bold-h3);\n  margin-block-start: 0;\n  margin-block-end: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h4 {\n  font: var(--typography-bold-h4);\n  margin-block-start: 0;\n  margin-block-end: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h5 {\n  font: var(--typography-bold-h5);\n  margin-block-start: 0;\n  margin-block-end: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h6 {\n  font: var(--typography-bold-h6);\n  margin-block-start: 0;\n  margin-block-end: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > span {\n  font: var(--typography-bold-large-body);\n}\n";
+var css_248z$B = ".bcds-react-aria-DisclosureGroup {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: var(--layout-border-width-small);\n  background-color: var(--surface-color-border-default);\n  border: var(--layout-border-width-small) solid\n    var(--surface-color-border-default);\n  border-radius: var(--layout-border-radius-medium);\n  overflow: hidden;\n}\n\n/* Override individual accordion item borders */\n.bcds-react-aria-DisclosureGroup > .bcds-react-aria-Disclosure {\n  border: none;\n  border-radius: var(--layout-border-radius-none);\n}\n\n/* Focus state */\n.bcds-react-aria-DisclosureGroup\n  > .bcds-react-aria-Disclosure[data-focus-visible-within] {\n  border-radius: var(--layout-border-radius-hair);\n  outline-offset: calc(var(--layout-margin-hair) * -1);\n}\n\n/* Title styles */\n.bcds-react-aria-DisclosureGroup--Title {\n  color: var(--typography-color-primary);\n  margin: var(--layout-margin-medium) var(--layout-margin-none);\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h1 {\n  font: var(--typography-bold-h1);\n  margin-block: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h2 {\n  font: var(--typography-bold-h2);\n  margin-block: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h3 {\n  font: var(--typography-bold-h3);\n  margin-block: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h4 {\n  font: var(--typography-bold-h4);\n  margin-block: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h5 {\n  font: var(--typography-bold-h5);\n  margin-block: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h6 {\n  font: var(--typography-bold-h6);\n  margin-block: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > span {\n  font: var(--typography-bold-large-body);\n}\n";
 styleInject(css_248z$B);
 
 function AccordionGroup({ title, titleElement, children, ...props }) {
@@ -30265,7 +30265,7 @@ function AccordionGroup({ title, titleElement, children, ...props }) {
     return (jsxs(Fragment$1, { children: [title && (jsx("div", { className: "bcds-react-aria-DisclosureGroup--Title", children: getTitle() })), jsx($a3e16eab0ea4036c$export$944aceb4f8c89f10, { className: "bcds-react-aria-DisclosureGroup", ...props, children: children })] }));
 }
 
-var css_248z$A = ".bcds-Alert-Banner {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-around;\n  width: 100%;\n}\n\n.bcds-Alert-Banner--Container {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--layout-padding-medium);\n}\n\n.bcds-Alert-Banner--Icon {\n  align-self: first baseline;\n  justify-self: flex-start;\n  padding-top: var(--layout-padding-xsmall);\n  color: var(--icons-color-primary-invert);\n}\n\n.bcds-Alert-Banner--Content {\n  display: inline-flex;\n  gap: var(--layout-margin-medium);\n  align-items: first baseline;\n  flex-grow: 1;\n  flex-wrap: wrap;\n  color: var(--typography-color-primary-invert);\n}\n\n/* Layout */\n.bcds-Alert-Banner.fixed {\n  padding: var(--layout-padding-none) var(--layout-padding-medium);\n}\n.bcds-Alert-Banner.fixed > .bcds-Alert-Banner--Container {\n  max-width: 1100px;\n}\n.bcds-Alert-Banner.fluid {\n  padding: var(--layout-padding-none) var(--layout-padding-large);\n}\n\n/* Sizing */\n.bcds-Alert-Banner.small > .bcds-Alert-Banner--Container {\n  padding: var(--layout-padding-hair) var(--layout-padding-none);\n}\n.bcds-Alert-Banner.small .bcds-Alert-Banner--Content {\n  font: var(--typography-regular-small-body);\n}\n\n.bcds-Alert-Banner.medium > .bcds-Alert-Banner--Container {\n  padding: var(--layout-padding-small) var(--layout-padding-none);\n}\n.bcds-Alert-Banner.medium .bcds-Alert-Banner--Content {\n  font: var(--typography-regular-body);\n}\n\n/* Close icon */\n.bcds-Alert-Banner--closeIcon {\n  align-self: first baseline;\n}\n\n.bcds-Alert-Banner--closeIcon > .bcds-react-aria-Button[data-hovered] svg {\n  color: var(--icons-color-primary);\n}\n\n.bcds-Alert-Banner--closeIcon svg {\n  color: var(--icons-color-primary-invert);\n}\n\n/* Variants */\n\n/* Info theme */\n.bcds-Alert-Banner.info {\n  background-color: var(--surface-color-background-dark-blue);\n}\n\n/* Success theme */\n.bcds-Alert-Banner.success {\n  background-color: var(--support-border-color-success);\n}\n\n/* Warning theme */\n.bcds-Alert-Banner.warning {\n  background-color: var(--support-border-color-warning);\n}\n\n.bcds-Alert-Banner.warning .bcds-Alert-Banner--Icon {\n  color: var(--icons-color-primary);\n}\n\n.bcds-Alert-Banner.warning .bcds-Alert-Banner--Content {\n  color: var(--typography-color-primary);\n}\n\n.bcds-Alert-Banner.warning .bcds-Alert-Banner--closeIcon svg {\n  color: var(--icons-color-primary);\n}\n\n/* Danger theme */\n.bcds-Alert-Banner.danger {\n  background-color: var(--support-border-color-danger);\n}\n\n/* Black theme */\n\n.bcds-Alert-Banner.black {\n  background-color: var(--theme-gray-110);\n}\n";
+var css_248z$A = ".bcds-Alert-Banner {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-around;\n  width: 100%;\n}\n\n.bcds-Alert-Banner--Container {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--layout-padding-medium);\n}\n\n.bcds-Alert-Banner--Icon {\n  place-self: first baseline flex-start;\n  padding-top: var(--layout-padding-xsmall);\n  color: var(--icons-color-primary-invert);\n}\n\n.bcds-Alert-Banner--Content {\n  display: inline-flex;\n  gap: var(--layout-margin-medium);\n  align-items: first baseline;\n  flex-grow: 1;\n  flex-wrap: wrap;\n  color: var(--typography-color-primary-invert);\n}\n\n/* Layout */\n.bcds-Alert-Banner.fixed {\n  padding: var(--layout-padding-none) var(--layout-padding-medium);\n}\n.bcds-Alert-Banner.fixed > .bcds-Alert-Banner--Container {\n  max-width: 1100px;\n}\n.bcds-Alert-Banner.fluid {\n  padding: var(--layout-padding-none) var(--layout-padding-large);\n}\n\n/* Sizing */\n.bcds-Alert-Banner.small > .bcds-Alert-Banner--Container {\n  padding: var(--layout-padding-hair) var(--layout-padding-none);\n}\n.bcds-Alert-Banner.small .bcds-Alert-Banner--Content {\n  font: var(--typography-regular-small-body);\n}\n\n.bcds-Alert-Banner.medium > .bcds-Alert-Banner--Container {\n  padding: var(--layout-padding-small) var(--layout-padding-none);\n}\n.bcds-Alert-Banner.medium .bcds-Alert-Banner--Content {\n  font: var(--typography-regular-body);\n}\n\n/* Close icon */\n.bcds-Alert-Banner--closeIcon {\n  align-self: first baseline;\n}\n\n.bcds-Alert-Banner--closeIcon > .bcds-react-aria-Button[data-hovered] svg {\n  color: var(--icons-color-primary);\n}\n\n.bcds-Alert-Banner--closeIcon svg {\n  color: var(--icons-color-primary-invert);\n}\n\n/* Variants */\n\n/* Info theme */\n.bcds-Alert-Banner.info {\n  background-color: var(--surface-color-background-dark-blue);\n}\n\n/* Success theme */\n.bcds-Alert-Banner.success {\n  background-color: var(--support-border-color-success);\n}\n\n/* Warning theme */\n.bcds-Alert-Banner.warning {\n  background-color: var(--support-border-color-warning);\n}\n\n.bcds-Alert-Banner.warning .bcds-Alert-Banner--Icon {\n  color: var(--icons-color-primary);\n}\n\n.bcds-Alert-Banner.warning .bcds-Alert-Banner--Content {\n  color: var(--typography-color-primary);\n}\n\n.bcds-Alert-Banner.warning .bcds-Alert-Banner--closeIcon svg {\n  color: var(--icons-color-primary);\n}\n\n/* Danger theme */\n.bcds-Alert-Banner.danger {\n  background-color: var(--support-border-color-danger);\n}\n\n/* Black theme */\n\n.bcds-Alert-Banner.black {\n  background-color: var(--theme-gray-110);\n}\n";
 styleInject(css_248z$A);
 
 /* This component implements the Circle Check icon from Font Awesome: https://fontawesome.com/icons/circle-check */
@@ -30321,7 +30321,7 @@ function ButtonGroup({ orientation = "horizontal", alignment = "start", ariaLabe
     return (jsx("div", { className: `bcds-ButtonGroup ${orientation} ${alignment}`, role: "group", "aria-label": ariaLabel, ...props, children: children }));
 }
 
-var css_248z$y = ".bcds-react-aria-AlertDialog {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Variant icons */\n.bcds-react-aria-AlertDialog.info .bcds-react-aria-AlertDialog--Icon {\n  color: var(--icons-color-primary);\n}\n.bcds-react-aria-AlertDialog.confirmation .bcds-react-aria-AlertDialog--Icon {\n  color: var(--icons-color-success);\n}\n.bcds-react-aria-AlertDialog.warning .bcds-react-aria-AlertDialog--Icon {\n  color: var(--icons-color-warning);\n}\n.bcds-react-aria-AlertDialog.error .bcds-react-aria-AlertDialog--Icon {\n  color: var(--icons-color-danger);\n}\n.bcds-react-aria-AlertDialog.destructive .bcds-react-aria-AlertDialog--Icon {\n  color: var(--icons-color-danger);\n}\n\n.bcds-react-aria-AlertDialog--Header {\n  display: inline-flex;\n  flex-direction: row;\n  gap: var(--layout-padding-small);\n  justify-content: space-between;\n  padding: var(--layout-padding-medium) var(--layout-padding-large);\n  border-bottom: var(--layout-border-width-small) solid\n    var(--surface-color-border-default);\n}\n\n.bcds-react-aria-AlertDialog--Title {\n  flex-grow: 1;\n  font: var(--typography-bold-h5);\n  color: var(--typography-color-primary);\n}\n\n.bcds-react-aria-AlertDialog--Icon {\n  justify-self: flex-start;\n  align-self: center;\n  padding-top: var(--layout-padding-xsmall);\n}\n\n.bcds-react-aria-AlertDialog--closeIcon {\n  justify-self: flex-end;\n  color: var(--icons-color-primary);\n}\n\n.bcds-react-aria-AlertDialog--children {\n  font: var(--typography-regular-body);\n  color: var(--typography-color-primary);\n  padding: var(--layout-padding-medium) var(--layout-padding-large);\n  border-bottom: var(--layout-border-width-small) solid\n    var(--surface-color-border-default);\n}\n\n.bcds-react-aria-AlertDialog > .bcds-ButtonGroup {\n  padding: var(--layout-padding-medium) var(--layout-padding-large);\n}\n";
+var css_248z$y = ".bcds-react-aria-AlertDialog {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Variant icons */\n.bcds-react-aria-AlertDialog.info .bcds-react-aria-AlertDialog--Icon {\n  color: var(--icons-color-primary);\n}\n.bcds-react-aria-AlertDialog.confirmation .bcds-react-aria-AlertDialog--Icon {\n  color: var(--icons-color-success);\n}\n.bcds-react-aria-AlertDialog.warning .bcds-react-aria-AlertDialog--Icon {\n  color: var(--icons-color-warning);\n}\n.bcds-react-aria-AlertDialog.error .bcds-react-aria-AlertDialog--Icon {\n  color: var(--icons-color-danger);\n}\n.bcds-react-aria-AlertDialog.destructive .bcds-react-aria-AlertDialog--Icon {\n  color: var(--icons-color-danger);\n}\n\n.bcds-react-aria-AlertDialog--Header {\n  display: inline-flex;\n  flex-direction: row;\n  gap: var(--layout-padding-small);\n  justify-content: space-between;\n  padding: var(--layout-padding-medium) var(--layout-padding-large);\n  border-bottom: var(--layout-border-width-small) solid\n    var(--surface-color-border-default);\n}\n\n.bcds-react-aria-AlertDialog--Title {\n  flex-grow: 1;\n  font: var(--typography-bold-h5);\n  color: var(--typography-color-primary);\n}\n\n.bcds-react-aria-AlertDialog--Icon {\n  place-self: center flex-start;\n  padding-top: var(--layout-padding-xsmall);\n}\n\n.bcds-react-aria-AlertDialog--closeIcon {\n  justify-self: flex-end;\n  color: var(--icons-color-primary);\n}\n\n.bcds-react-aria-AlertDialog--children {\n  font: var(--typography-regular-body);\n  color: var(--typography-color-primary);\n  padding: var(--layout-padding-medium) var(--layout-padding-large);\n  border-bottom: var(--layout-border-width-small) solid\n    var(--surface-color-border-default);\n}\n\n.bcds-react-aria-AlertDialog > .bcds-ButtonGroup {\n  padding: var(--layout-padding-medium) var(--layout-padding-large);\n}\n";
 styleInject(css_248z$y);
 
 /* Sets correct left icon for selected variant */
@@ -30364,16 +30364,16 @@ function AlertDialog({ children, variant = "info", role = "dialog", title, isClo
 // being on the page at once, the prefix is set to a random number. SSRProvider
 // will reset this to zero for consistency between server and client, so in the
 // SSR case multiple copies of React Aria is not supported.
-const $c7eafbbe1ea5834e$var$defaultContext$1 = {
+const $c7eafbbe1ea5834e$var$defaultContext = {
     prefix: String(Math.round(Math.random() * 10000000000)),
     current: 0
 };
-const $c7eafbbe1ea5834e$var$SSRContext$1 = /*#__PURE__*/ ($8WNJc$react).createContext($c7eafbbe1ea5834e$var$defaultContext$1);
-const $c7eafbbe1ea5834e$var$IsSSRContext$1 = /*#__PURE__*/ ($8WNJc$react).createContext(false);
-let $c7eafbbe1ea5834e$var$canUseDOM$1 = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
-let $c7eafbbe1ea5834e$var$componentIds$1 = new WeakMap();
-function $c7eafbbe1ea5834e$var$useCounter$1(isDisabled = false) {
-    let ctx = (useContext)($c7eafbbe1ea5834e$var$SSRContext$1);
+const $c7eafbbe1ea5834e$var$SSRContext = /*#__PURE__*/ ($8WNJc$react).createContext($c7eafbbe1ea5834e$var$defaultContext);
+const $c7eafbbe1ea5834e$var$IsSSRContext = /*#__PURE__*/ ($8WNJc$react).createContext(false);
+let $c7eafbbe1ea5834e$var$canUseDOM = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
+let $c7eafbbe1ea5834e$var$componentIds = new WeakMap();
+function $c7eafbbe1ea5834e$var$useCounter(isDisabled = false) {
+    let ctx = (useContext)($c7eafbbe1ea5834e$var$SSRContext);
     let ref = (useRef)(null);
     // eslint-disable-next-line rsp-rules/pure-render
     if (ref.current === null && !isDisabled) {
@@ -30389,9 +30389,9 @@ function $c7eafbbe1ea5834e$var$useCounter$1(isDisabled = false) {
         let currentOwner = // @ts-ignore
         ($8WNJc$react).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED?.ReactCurrentOwner?.current;
         if (currentOwner) {
-            let prevComponentValue = $c7eafbbe1ea5834e$var$componentIds$1.get(currentOwner);
+            let prevComponentValue = $c7eafbbe1ea5834e$var$componentIds.get(currentOwner);
             if (prevComponentValue == null) // On the first render, and first call to useId, store the id and state in our weak map.
-            $c7eafbbe1ea5834e$var$componentIds$1.set(currentOwner, {
+            $c7eafbbe1ea5834e$var$componentIds.set(currentOwner, {
                 id: ctx.current,
                 state: currentOwner.memoizedState
             });
@@ -30400,7 +30400,7 @@ function $c7eafbbe1ea5834e$var$useCounter$1(isDisabled = false) {
                 // Reset the counter, and remove from the weak map so we don't
                 // do this for subsequent useId calls.
                 ctx.current = prevComponentValue.id;
-                $c7eafbbe1ea5834e$var$componentIds$1.delete(currentOwner);
+                $c7eafbbe1ea5834e$var$componentIds.delete(currentOwner);
             }
         }
         // eslint-disable-next-line rsp-rules/pure-render
@@ -30409,38 +30409,38 @@ function $c7eafbbe1ea5834e$var$useCounter$1(isDisabled = false) {
     // eslint-disable-next-line rsp-rules/pure-render
     return ref.current;
 }
-function $c7eafbbe1ea5834e$var$useLegacySSRSafeId$1(defaultId) {
-    let ctx = (useContext)($c7eafbbe1ea5834e$var$SSRContext$1);
+function $c7eafbbe1ea5834e$var$useLegacySSRSafeId(defaultId) {
+    let ctx = (useContext)($c7eafbbe1ea5834e$var$SSRContext);
     // If we are rendering in a non-DOM environment, and there's no SSRProvider,
     // provide a warning to hint to the developer to add one.
-    if (ctx === $c7eafbbe1ea5834e$var$defaultContext$1 && !$c7eafbbe1ea5834e$var$canUseDOM$1 && process.env.NODE_ENV !== 'production') console.warn('When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.');
-    let counter = $c7eafbbe1ea5834e$var$useCounter$1(!!defaultId);
-    let prefix = ctx === $c7eafbbe1ea5834e$var$defaultContext$1 && process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${ctx.prefix}`;
+    if (ctx === $c7eafbbe1ea5834e$var$defaultContext && !$c7eafbbe1ea5834e$var$canUseDOM && process.env.NODE_ENV !== 'production') console.warn('When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.');
+    let counter = $c7eafbbe1ea5834e$var$useCounter(!!defaultId);
+    let prefix = ctx === $c7eafbbe1ea5834e$var$defaultContext && process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${ctx.prefix}`;
     return defaultId || `${prefix}-${counter}`;
 }
-function $c7eafbbe1ea5834e$var$useModernSSRSafeId$1(defaultId) {
+function $c7eafbbe1ea5834e$var$useModernSSRSafeId(defaultId) {
     let id = ($8WNJc$react).useId();
-    let [didSSR] = (useState)($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1());
-    let prefix = didSSR || process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${$c7eafbbe1ea5834e$var$defaultContext$1.prefix}`;
+    let [didSSR] = (useState)($c7eafbbe1ea5834e$export$535bd6ca7f90a273());
+    let prefix = didSSR || process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${$c7eafbbe1ea5834e$var$defaultContext.prefix}`;
     return defaultId || `${prefix}-${id}`;
 }
-typeof ($8WNJc$react)['useId'] === 'function' ? $c7eafbbe1ea5834e$var$useModernSSRSafeId$1 : $c7eafbbe1ea5834e$var$useLegacySSRSafeId$1;
-function $c7eafbbe1ea5834e$var$getSnapshot$1() {
+typeof ($8WNJc$react)['useId'] === 'function' ? $c7eafbbe1ea5834e$var$useModernSSRSafeId : $c7eafbbe1ea5834e$var$useLegacySSRSafeId;
+function $c7eafbbe1ea5834e$var$getSnapshot() {
     return false;
 }
-function $c7eafbbe1ea5834e$var$getServerSnapshot$1() {
+function $c7eafbbe1ea5834e$var$getServerSnapshot() {
     return true;
 }
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-function $c7eafbbe1ea5834e$var$subscribe$1(onStoreChange) {
+function $c7eafbbe1ea5834e$var$subscribe(onStoreChange) {
     // noop
     return ()=>{};
 }
-function $c7eafbbe1ea5834e$export$535bd6ca7f90a273$1() {
+function $c7eafbbe1ea5834e$export$535bd6ca7f90a273() {
     // In React 18, we can use useSyncExternalStore to detect if we're server rendering or hydrating.
-    if (typeof ($8WNJc$react)['useSyncExternalStore'] === 'function') return ($8WNJc$react)['useSyncExternalStore']($c7eafbbe1ea5834e$var$subscribe$1, $c7eafbbe1ea5834e$var$getSnapshot$1, $c7eafbbe1ea5834e$var$getServerSnapshot$1);
+    if (typeof ($8WNJc$react)['useSyncExternalStore'] === 'function') return ($8WNJc$react)['useSyncExternalStore']($c7eafbbe1ea5834e$var$subscribe, $c7eafbbe1ea5834e$var$getSnapshot, $c7eafbbe1ea5834e$var$getServerSnapshot);
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    return (useContext)($c7eafbbe1ea5834e$var$IsSSRContext$1);
+    return (useContext)($c7eafbbe1ea5834e$var$IsSSRContext);
 }
 
 /*
@@ -30454,7 +30454,7 @@ function $c7eafbbe1ea5834e$export$535bd6ca7f90a273$1() {
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ // https://en.wikipedia.org/wiki/Right-to-left
-const $d805ff57cab8bee2$var$RTL_SCRIPTS$1 = new Set([
+const $d805ff57cab8bee2$var$RTL_SCRIPTS = new Set([
     'Arab',
     'Syrc',
     'Samr',
@@ -30466,7 +30466,7 @@ const $d805ff57cab8bee2$var$RTL_SCRIPTS$1 = new Set([
     'Rohg',
     'Hebr'
 ]);
-const $d805ff57cab8bee2$var$RTL_LANGS$1 = new Set([
+const $d805ff57cab8bee2$var$RTL_LANGS = new Set([
     'ae',
     'ar',
     'arc',
@@ -30487,7 +30487,7 @@ const $d805ff57cab8bee2$var$RTL_LANGS$1 = new Set([
     'ur',
     'yi'
 ]);
-function $d805ff57cab8bee2$export$702d680b21cbd764$1(localeString) {
+function $d805ff57cab8bee2$export$702d680b21cbd764(localeString) {
     // If the Intl.Locale API is available, use it to get the locale's text direction.
     if (Intl.Locale) {
         let locale = new Intl.Locale(localeString).maximize();
@@ -30498,11 +30498,11 @@ function $d805ff57cab8bee2$export$702d680b21cbd764$1(localeString) {
         if (textInfo) return textInfo.direction === 'rtl';
         // Fallback: guess using the script.
         // This is more accurate than guessing by language, since languages can be written in multiple scripts.
-        if (locale.script) return $d805ff57cab8bee2$var$RTL_SCRIPTS$1.has(locale.script);
+        if (locale.script) return $d805ff57cab8bee2$var$RTL_SCRIPTS.has(locale.script);
     }
     // If not, just guess by the language (first part of the locale)
     let lang = localeString.split('-')[0];
-    return $d805ff57cab8bee2$var$RTL_LANGS$1.has(lang);
+    return $d805ff57cab8bee2$var$RTL_LANGS.has(lang);
 }
 
 /*
@@ -30519,9 +30519,9 @@ function $d805ff57cab8bee2$export$702d680b21cbd764$1(localeString) {
 
 
 // Locale passed from server by PackageLocalizationProvider.
-const $520a025cdb0d710d$var$localeSymbol$1 = Symbol.for('react-aria.i18n.locale');
-function $520a025cdb0d710d$export$f09106e7c6677ec5$1() {
-    let locale = typeof window !== 'undefined' && window[$520a025cdb0d710d$var$localeSymbol$1] || // @ts-ignore
+const $520a025cdb0d710d$var$localeSymbol = Symbol.for('react-aria.i18n.locale');
+function $520a025cdb0d710d$export$f09106e7c6677ec5() {
+    let locale = typeof window !== 'undefined' && window[$520a025cdb0d710d$var$localeSymbol] || // @ts-ignore
     typeof navigator !== 'undefined' && (navigator.language || navigator.userLanguage) || 'en-US';
     try {
         Intl.DateTimeFormat.supportedLocalesOf([
@@ -30532,30 +30532,30 @@ function $520a025cdb0d710d$export$f09106e7c6677ec5$1() {
     }
     return {
         locale: locale,
-        direction: ($d805ff57cab8bee2$export$702d680b21cbd764$1)(locale) ? 'rtl' : 'ltr'
+        direction: ($d805ff57cab8bee2$export$702d680b21cbd764)(locale) ? 'rtl' : 'ltr'
     };
 }
-let $520a025cdb0d710d$var$currentLocale$1 = $520a025cdb0d710d$export$f09106e7c6677ec5$1();
-let $520a025cdb0d710d$var$listeners$1 = new Set();
-function $520a025cdb0d710d$var$updateLocale$1() {
-    $520a025cdb0d710d$var$currentLocale$1 = $520a025cdb0d710d$export$f09106e7c6677ec5$1();
-    for (let listener of $520a025cdb0d710d$var$listeners$1)listener($520a025cdb0d710d$var$currentLocale$1);
+let $520a025cdb0d710d$var$currentLocale = $520a025cdb0d710d$export$f09106e7c6677ec5();
+let $520a025cdb0d710d$var$listeners = new Set();
+function $520a025cdb0d710d$var$updateLocale() {
+    $520a025cdb0d710d$var$currentLocale = $520a025cdb0d710d$export$f09106e7c6677ec5();
+    for (let listener of $520a025cdb0d710d$var$listeners)listener($520a025cdb0d710d$var$currentLocale);
 }
-function $520a025cdb0d710d$export$188ec29ebc2bdc3a$1() {
-    let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1)();
-    let [defaultLocale, setDefaultLocale] = (useState)($520a025cdb0d710d$var$currentLocale$1);
+function $520a025cdb0d710d$export$188ec29ebc2bdc3a() {
+    let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273)();
+    let [defaultLocale, setDefaultLocale] = (useState)($520a025cdb0d710d$var$currentLocale);
     (useEffect)(()=>{
-        if ($520a025cdb0d710d$var$listeners$1.size === 0) window.addEventListener('languagechange', $520a025cdb0d710d$var$updateLocale$1);
-        $520a025cdb0d710d$var$listeners$1.add(setDefaultLocale);
+        if ($520a025cdb0d710d$var$listeners.size === 0) window.addEventListener('languagechange', $520a025cdb0d710d$var$updateLocale);
+        $520a025cdb0d710d$var$listeners.add(setDefaultLocale);
         return ()=>{
-            $520a025cdb0d710d$var$listeners$1.delete(setDefaultLocale);
-            if ($520a025cdb0d710d$var$listeners$1.size === 0) window.removeEventListener('languagechange', $520a025cdb0d710d$var$updateLocale$1);
+            $520a025cdb0d710d$var$listeners.delete(setDefaultLocale);
+            if ($520a025cdb0d710d$var$listeners.size === 0) window.removeEventListener('languagechange', $520a025cdb0d710d$var$updateLocale);
         };
     }, []);
     // We cannot determine the browser's language on the server, so default to
     // en-US. This will be updated after hydration on the client to the correct value.
     if (isSSR) {
-        let locale = typeof window !== 'undefined' && window[$520a025cdb0d710d$var$localeSymbol$1];
+        let locale = typeof window !== 'undefined' && window[$520a025cdb0d710d$var$localeSymbol];
         return {
             locale: locale || 'en-US',
             direction: 'ltr'
@@ -30577,10 +30577,10 @@ function $520a025cdb0d710d$export$188ec29ebc2bdc3a$1() {
  */ 
 
 
-const $2eb8e6d23f3d0cb0$var$I18nContext$1 = /*#__PURE__*/ ($8WNJc$react).createContext(null);
-function $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1() {
-    let defaultLocale = ($520a025cdb0d710d$export$188ec29ebc2bdc3a$1)();
-    let context = (useContext)($2eb8e6d23f3d0cb0$var$I18nContext$1);
+const $2eb8e6d23f3d0cb0$var$I18nContext = /*#__PURE__*/ ($8WNJc$react).createContext(null);
+function $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7() {
+    let defaultLocale = ($520a025cdb0d710d$export$188ec29ebc2bdc3a)();
+    let context = (useContext)($2eb8e6d23f3d0cb0$var$I18nContext);
     return context || defaultLocale;
 }
 
@@ -30621,7 +30621,7 @@ function $cf2482eff2eeeec2$export$87b761675e8eaa10(strings, packageName) {
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ /* eslint-disable rsp-rules/pure-render */ 
-function $9c268ab73a5d55e5$export$722debc0e56fea39$1(value, isEqual) {
+function $9c268ab73a5d55e5$export$722debc0e56fea39(value, isEqual) {
     // Using a ref during render is ok here because it's only an optimization – both values are equivalent.
     // If a render is thrown away, it'll still work the same no matter if the next render is the same or not.
     let lastValue = (useRef)(null);
@@ -30644,16 +30644,16 @@ function $9c268ab73a5d55e5$export$722debc0e56fea39$1(value, isEqual) {
 
 
 
-function $60f33508b4cd9d3b$export$85fd5fdf27bacc79$1(options) {
+function $60f33508b4cd9d3b$export$85fd5fdf27bacc79(options) {
     // Reuse last options object if it is shallowly equal, which allows the useMemo result to also be reused.
-    options = ($9c268ab73a5d55e5$export$722debc0e56fea39$1)(options ?? {}, $60f33508b4cd9d3b$var$isEqual$1);
-    let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
+    options = ($9c268ab73a5d55e5$export$722debc0e56fea39)(options ?? {}, $60f33508b4cd9d3b$var$isEqual);
+    let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7)();
     return (useMemo)(()=>new ($12a3c853105e5a70$export$ad991b66133851cf)(locale, options), [
         locale,
         options
     ]);
 }
-function $60f33508b4cd9d3b$var$isEqual$1(a, b) {
+function $60f33508b4cd9d3b$var$isEqual(a, b) {
     if (a === b) return true;
     let aKeys = Object.keys(a);
     let bKeys = Object.keys(b);
@@ -31435,7 +31435,7 @@ function $parcel$interopDefault(a) {
 
 
 function $40cf8faa4dad0740$export$d42c60378c8168f8() {
-    let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
+    let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7)();
     let dictionary = ($cf2482eff2eeeec2$export$87b761675e8eaa10)((($parcel$interopDefault($0014db39426443c5$exports))), '@react-aria/datepicker');
     return (useMemo)(()=>{
         // Try to use Intl.DisplayNames if possible. It may be supported in browsers, but not support the dateTimeField
@@ -31462,7 +31462,7 @@ class $40cf8faa4dad0740$var$DisplayNamesPolyfill {
     }
 }
 
-var css_248z$x = ".bcds-react-aria-Calendar {\n  display: inline-flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: var(--layout-margin-large);\n  padding: var(--layout-padding-medium);\n  box-sizing: border-box;\n  justify-content: center;\n  background-color: var(--surface-color-forms-default);\n  border: var(--layout-border-width-small) solid\n    var(--surface-color-border-default);\n  border-radius: var(--layout-border-radius-medium);\n  font: var(--typography-regular-small-body);\n}\n.bcds-react-aria-Calendar--GridContainer {\n  display: inline-flex;\n  flex: 0 1 0;\n  flex-direction: column;\n  gap: var(--layout-margin-small);\n  box-sizing: border-box;\n}\n.bcds-react-aria-Calendar--Header {\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding: var(--layout-padding-none) var(--layout-padding-xsmall);\n}\n.bcds-react-aria-Calendar--HeaderButton {\n  width: var(--icons-size-large);\n  height: var(--icons-size-large);\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n.bcds-react-aria-Calendar--Header > h2.bcds-react-aria-Heading {\n  flex: 1;\n  text-align: center;\n  font: var(--typography-bold-small-body);\n  margin: var(--layout-margin-none);\n}\n.bcds-react-aria-Calendar--Header > button > svg {\n  min-width: var(--icons-size-small);\n  height: var(--icons-size-small);\n}\n.bcds-react-aria-Calendar--Grid {\n  text-align: center;\n  border-spacing: var(--layout-margin-xsmall);\n}\n.bcds-react-aria-Calendar--Cell {\n  cursor: pointer;\n  box-sizing: border-box;\n  width: var(--icons-size-xlarge);\n  height: var(--icons-size-xlarge);\n  padding: var(--layout-padding-xsmall);\n  border: solid var(--layout-border-width-small) transparent;\n}\n/* Hide days outside current month or visible range */\n.bcds-react-aria-Calendar--Cell[data-outside-visible-range],\n.bcds-react-aria-Calendar--Cell[data-outside-month] {\n  visibility: hidden;\n}\n\n/* Calendar item states */\n.bcds-react-aria-Calendar--Cell[data-hovered] {\n  background-color: var(--surface-color-secondary-button-hover);\n  border-radius: var(--layout-border-radius-small);\n}\n.bcds-react-aria-Calendar--Cell[data-selected] {\n  background-color: var(--surface-color-primary-button-default);\n  color: var(--typography-color-primary-invert);\n  border-radius: var(--layout-border-radius-small);\n}\n.bcds-react-aria-Calendar--Cell[data-selected][data-focused],\n.bcds-react-aria-Calendar--Cell[data-selected][data-focus-visible] {\n  background-color: var(--surface-color-primary-button-default);\n  color: var(--typography-color-primary-invert);\n  outline: solid var(--layout-border-width-small)\n    var(--surface-color-border-active);\n  outline-offset: var(--layout-margin-hair);\n  border-radius: var(--layout-border-radius-small);\n}\n.bcds-react-aria-Calendar--Cell[data-selected][data-hovered] {\n  background-color: var(--surface-color-primary-button-hover);\n}\n.bcds-react-aria-Calendar--Cell[data-focused] {\n  outline: none;\n}\n.bcds-react-aria-Calendar--Cell[data-focus-visible] {\n  background-color: var(--surface-color-secondary-button-hover);\n  border: solid var(--layout-border-width-small)\n    var(--surface-color-border-active);\n  border-radius: var(--layout-border-radius-small);\n  outline: none;\n}\n.bcds-react-aria-Calendar--Cell[data-today] {\n  font: var(--typography-bold-small-body);\n}\n.bcds-react-aria-Calendar--Cell[data-disabled],\n.bcds-react-aria-Calendar--Cell[data-unavailable][data-disabled] {\n  color: var(--typography-color-disabled);\n  text-decoration: none;\n  cursor: not-allowed;\n}\n.bcds-react-aria-Calendar--Cell[data-unavailable] {\n  color: var(--typography-color-danger);\n  text-decoration: line-through;\n  cursor: not-allowed;\n}\n";
+var css_248z$x = ".bcds-react-aria-Calendar {\n  display: inline-flex;\n  flex-flow: row wrap;\n  gap: var(--layout-margin-large);\n  padding: var(--layout-padding-medium);\n  box-sizing: border-box;\n  justify-content: center;\n  background-color: var(--surface-color-forms-default);\n  border: var(--layout-border-width-small) solid\n    var(--surface-color-border-default);\n  border-radius: var(--layout-border-radius-medium);\n  font: var(--typography-regular-small-body);\n}\n.bcds-react-aria-Calendar--GridContainer {\n  display: inline-flex;\n  flex: 0 1 0;\n  flex-direction: column;\n  gap: var(--layout-margin-small);\n  box-sizing: border-box;\n}\n.bcds-react-aria-Calendar--Header {\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding: var(--layout-padding-none) var(--layout-padding-xsmall);\n}\n.bcds-react-aria-Calendar--HeaderButton {\n  width: var(--icons-size-large);\n  height: var(--icons-size-large);\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n.bcds-react-aria-Calendar--Header > h2.bcds-react-aria-Heading {\n  flex: 1;\n  text-align: center;\n  font: var(--typography-bold-small-body);\n  margin: var(--layout-margin-none);\n}\n.bcds-react-aria-Calendar--Header > button > svg {\n  min-width: var(--icons-size-small);\n  height: var(--icons-size-small);\n}\n.bcds-react-aria-Calendar--Grid {\n  text-align: center;\n  border-spacing: var(--layout-margin-xsmall);\n}\n.bcds-react-aria-Calendar--Cell {\n  cursor: pointer;\n  box-sizing: border-box;\n  width: var(--icons-size-xlarge);\n  height: var(--icons-size-xlarge);\n  padding: var(--layout-padding-xsmall);\n  border: solid var(--layout-border-width-small) transparent;\n}\n/* Hide days outside current month or visible range */\n.bcds-react-aria-Calendar--Cell[data-outside-visible-range],\n.bcds-react-aria-Calendar--Cell[data-outside-month] {\n  visibility: hidden;\n}\n\n/* Calendar item states */\n.bcds-react-aria-Calendar--Cell[data-hovered] {\n  background-color: var(--surface-color-secondary-button-hover);\n  border-radius: var(--layout-border-radius-small);\n}\n.bcds-react-aria-Calendar--Cell[data-selected] {\n  background-color: var(--surface-color-primary-button-default);\n  color: var(--typography-color-primary-invert);\n  border-radius: var(--layout-border-radius-small);\n}\n.bcds-react-aria-Calendar--Cell[data-selected][data-focused],\n.bcds-react-aria-Calendar--Cell[data-selected][data-focus-visible] {\n  background-color: var(--surface-color-primary-button-default);\n  color: var(--typography-color-primary-invert);\n  outline: solid var(--layout-border-width-small)\n    var(--surface-color-border-active);\n  outline-offset: var(--layout-margin-hair);\n  border-radius: var(--layout-border-radius-small);\n}\n.bcds-react-aria-Calendar--Cell[data-selected][data-hovered] {\n  background-color: var(--surface-color-primary-button-hover);\n}\n.bcds-react-aria-Calendar--Cell[data-focused] {\n  outline: none;\n}\n.bcds-react-aria-Calendar--Cell[data-focus-visible] {\n  background-color: var(--surface-color-secondary-button-hover);\n  border: solid var(--layout-border-width-small)\n    var(--surface-color-border-active);\n  border-radius: var(--layout-border-radius-small);\n  outline: none;\n}\n.bcds-react-aria-Calendar--Cell[data-today] {\n  font: var(--typography-bold-small-body);\n}\n.bcds-react-aria-Calendar--Cell[data-disabled],\n.bcds-react-aria-Calendar--Cell[data-unavailable][data-disabled] {\n  color: var(--typography-color-disabled);\n  text-decoration: none;\n  cursor: not-allowed;\n}\n.bcds-react-aria-Calendar--Cell[data-unavailable] {\n  color: var(--typography-color-danger);\n  text-decoration: line-through;\n  cursor: not-allowed;\n}\n";
 styleInject(css_248z$x);
 
 var css_248z$w = "/* Headings */\nh1.bcds-react-aria-Heading {\n  font: var(--typography-bold-h1);\n}\n\nh2.bcds-react-aria-Heading {\n  font: var(--typography-bold-h2);\n}\n\nh3.bcds-react-aria-Heading {\n  font: var(--typography-bold-h3);\n}\n\nh4.bcds-react-aria-Heading {\n  font: var(--typography-bold-h4);\n}\n\nh5.bcds-react-aria-Heading {\n  font: var(--typography-bold-h5);\n}\n\nh6.bcds-react-aria-Heading {\n  font: var(--typography-bold-h6);\n}\n\n/* Text colour */\n.bcds-react-aria-Heading.primary {\n  color: var(--typography-color-primary);\n}\n.bcds-react-aria-Heading.primaryInvert {\n  color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Heading.secondary {\n  color: var(--typography-color-secondary);\n}\n.bcds-react-aria-Heading.secondaryInvert {\n  color: var(--typography-color-secondary-invert);\n}\n.bcds-react-aria-Heading.disabled {\n  color: var(--typography-color-disabled);\n}\n.bcds-react-aria-Heading.danger {\n  color: var(--typography-color-danger);\n}\n";
@@ -31483,7 +31483,7 @@ function SvgChevronRightIcon({ id = "chevron-right-icon" }) {
 }
 
 function Calendar({ visibleDuration = { months: 1 }, ...props }) {
-    const monthFormatter = $60f33508b4cd9d3b$export$85fd5fdf27bacc79$1({
+    const monthFormatter = $60f33508b4cd9d3b$export$85fd5fdf27bacc79({
         month: "long",
         year: "numeric",
     });
@@ -31522,298 +31522,6 @@ function CheckboxGroup({ orientation = "vertical", label, description, errorMess
     return (jsx($ed8ccb2e23e76301$export$4aa08d5625cb8ead, { className: `bcds-react-aria-CheckboxGroup`, ...props, children: ({ isRequired, isInvalid }) => (jsxs(Fragment$1, { children: [label && (jsxs($43a3b93638fe5db9$export$b04be29aa201d4f5, { className: "bcds-react-aria-CheckboxGroup--label", children: [label, " ", isRequired && "(required)"] })), jsx("div", { className: `bcds-react-aria-CheckboxGroup--options ${orientation} flex-wrap-${flexWrap}`, children: jsx(Fragment$1, { children: children }) }), description && (jsx($efe09c6d1c304b50$export$5f1af8db9871e1d6, { slot: "description", className: "bcds-react-aria-CheckboxGroup--description", children: description })), isInvalid && (jsxs("div", { className: "bcds-react-aria-CheckboxGroup--error", children: [jsx(SvgExclamationIcon, {}), jsx($1f3c3b1a70cec653$export$f551688fc98f2e09, { children: errorMessage })] }))] })) }));
 }
 
-/*
- * 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.
- */ // https://en.wikipedia.org/wiki/Right-to-left
-const $d805ff57cab8bee2$var$RTL_SCRIPTS = new Set([
-    'Arab',
-    'Syrc',
-    'Samr',
-    'Mand',
-    'Thaa',
-    'Mend',
-    'Nkoo',
-    'Adlm',
-    'Rohg',
-    'Hebr'
-]);
-const $d805ff57cab8bee2$var$RTL_LANGS = new Set([
-    'ae',
-    'ar',
-    'arc',
-    'bcc',
-    'bqi',
-    'ckb',
-    'dv',
-    'fa',
-    'glk',
-    'he',
-    'ku',
-    'mzn',
-    'nqo',
-    'pnb',
-    'ps',
-    'sd',
-    'ug',
-    'ur',
-    'yi'
-]);
-function $d805ff57cab8bee2$export$702d680b21cbd764(localeString) {
-    // If the Intl.Locale API is available, use it to get the locale's text direction.
-    if (Intl.Locale) {
-        let locale = new Intl.Locale(localeString).maximize();
-        // Use the text info object to get the direction if possible.
-        // @ts-ignore - this was implemented as a property by some browsers before it was standardized as a function.
-        // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/getTextInfo
-        let textInfo = typeof locale.getTextInfo === 'function' ? locale.getTextInfo() : locale.textInfo;
-        if (textInfo) return textInfo.direction === 'rtl';
-        // Fallback: guess using the script.
-        // This is more accurate than guessing by language, since languages can be written in multiple scripts.
-        if (locale.script) return $d805ff57cab8bee2$var$RTL_SCRIPTS.has(locale.script);
-    }
-    // If not, just guess by the language (first part of the locale)
-    let lang = localeString.split('-')[0];
-    return $d805ff57cab8bee2$var$RTL_LANGS.has(lang);
-}
-
-/*
- * 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.
- */ // We must avoid a circular dependency with @react-aria/utils, and this useLayoutEffect is
-// guarded by a check that it only runs on the client side.
-// eslint-disable-next-line rulesdir/useLayoutEffectRule
-
-// Default context value to use in case there is no SSRProvider. This is fine for
-// client-only apps. In order to support multiple copies of React Aria potentially
-// being on the page at once, the prefix is set to a random number. SSRProvider
-// will reset this to zero for consistency between server and client, so in the
-// SSR case multiple copies of React Aria is not supported.
-const $c7eafbbe1ea5834e$var$defaultContext = {
-    prefix: String(Math.round(Math.random() * 10000000000)),
-    current: 0
-};
-const $c7eafbbe1ea5834e$var$SSRContext = /*#__PURE__*/ ($8WNJc$react).createContext($c7eafbbe1ea5834e$var$defaultContext);
-const $c7eafbbe1ea5834e$var$IsSSRContext = /*#__PURE__*/ ($8WNJc$react).createContext(false);
-let $c7eafbbe1ea5834e$var$canUseDOM = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
-let $c7eafbbe1ea5834e$var$componentIds = new WeakMap();
-function $c7eafbbe1ea5834e$var$useCounter(isDisabled = false) {
-    let ctx = (useContext)($c7eafbbe1ea5834e$var$SSRContext);
-    let ref = (useRef)(null);
-    // eslint-disable-next-line rulesdir/pure-render
-    if (ref.current === null && !isDisabled) {
-        // In strict mode, React renders components twice, and the ref will be reset to null on the second render.
-        // This means our id counter will be incremented twice instead of once. This is a problem because on the
-        // server, components are only rendered once and so ids generated on the server won't match the client.
-        // In React 18, useId was introduced to solve this, but it is not available in older versions. So to solve this
-        // we need to use some React internals to access the underlying Fiber instance, which is stable between renders.
-        // This is exposed as ReactCurrentOwner in development, which is all we need since StrictMode only runs in development.
-        // To ensure that we only increment the global counter once, we store the starting id for this component in
-        // a weak map associated with the Fiber. On the second render, we reset the global counter to this value.
-        // Since React runs the second render immediately after the first, this is safe.
-        // @ts-ignore
-        let currentOwner = ($8WNJc$react).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED?.ReactCurrentOwner?.current;
-        if (currentOwner) {
-            let prevComponentValue = $c7eafbbe1ea5834e$var$componentIds.get(currentOwner);
-            if (prevComponentValue == null) // On the first render, and first call to useId, store the id and state in our weak map.
-            $c7eafbbe1ea5834e$var$componentIds.set(currentOwner, {
-                id: ctx.current,
-                state: currentOwner.memoizedState
-            });
-            else if (currentOwner.memoizedState !== prevComponentValue.state) {
-                // On the second render, the memoizedState gets reset by React.
-                // Reset the counter, and remove from the weak map so we don't
-                // do this for subsequent useId calls.
-                ctx.current = prevComponentValue.id;
-                $c7eafbbe1ea5834e$var$componentIds.delete(currentOwner);
-            }
-        }
-        // eslint-disable-next-line rulesdir/pure-render
-        ref.current = ++ctx.current;
-    }
-    // eslint-disable-next-line rulesdir/pure-render
-    return ref.current;
-}
-function $c7eafbbe1ea5834e$var$useLegacySSRSafeId(defaultId) {
-    let ctx = (useContext)($c7eafbbe1ea5834e$var$SSRContext);
-    // If we are rendering in a non-DOM environment, and there's no SSRProvider,
-    // provide a warning to hint to the developer to add one.
-    if (ctx === $c7eafbbe1ea5834e$var$defaultContext && !$c7eafbbe1ea5834e$var$canUseDOM && process.env.NODE_ENV !== 'production') console.warn('When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.');
-    let counter = $c7eafbbe1ea5834e$var$useCounter(!!defaultId);
-    let prefix = ctx === $c7eafbbe1ea5834e$var$defaultContext && process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${ctx.prefix}`;
-    return defaultId || `${prefix}-${counter}`;
-}
-function $c7eafbbe1ea5834e$var$useModernSSRSafeId(defaultId) {
-    let id = ($8WNJc$react).useId();
-    let [didSSR] = (useState)($c7eafbbe1ea5834e$export$535bd6ca7f90a273());
-    let prefix = didSSR || process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${$c7eafbbe1ea5834e$var$defaultContext.prefix}`;
-    return defaultId || `${prefix}-${id}`;
-}
-typeof ($8WNJc$react)['useId'] === 'function' ? $c7eafbbe1ea5834e$var$useModernSSRSafeId : $c7eafbbe1ea5834e$var$useLegacySSRSafeId;
-function $c7eafbbe1ea5834e$var$getSnapshot() {
-    return false;
-}
-function $c7eafbbe1ea5834e$var$getServerSnapshot() {
-    return true;
-}
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-function $c7eafbbe1ea5834e$var$subscribe(onStoreChange) {
-    // noop
-    return ()=>{};
-}
-function $c7eafbbe1ea5834e$export$535bd6ca7f90a273() {
-    // In React 18, we can use useSyncExternalStore to detect if we're server rendering or hydrating.
-    if (typeof ($8WNJc$react)['useSyncExternalStore'] === 'function') return ($8WNJc$react)['useSyncExternalStore']($c7eafbbe1ea5834e$var$subscribe, $c7eafbbe1ea5834e$var$getSnapshot, $c7eafbbe1ea5834e$var$getServerSnapshot);
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    return (useContext)($c7eafbbe1ea5834e$var$IsSSRContext);
-}
-
-/*
- * 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.
- */ 
-
-
-// Locale passed from server by PackageLocalizationProvider.
-const $520a025cdb0d710d$var$localeSymbol = Symbol.for('react-aria.i18n.locale');
-function $520a025cdb0d710d$export$f09106e7c6677ec5() {
-    let locale = typeof window !== 'undefined' && window[$520a025cdb0d710d$var$localeSymbol] || typeof navigator !== 'undefined' && (navigator.language || navigator.userLanguage) || 'en-US';
-    try {
-        Intl.DateTimeFormat.supportedLocalesOf([
-            locale
-        ]);
-    } catch  {
-        locale = 'en-US';
-    }
-    return {
-        locale: locale,
-        direction: ($d805ff57cab8bee2$export$702d680b21cbd764)(locale) ? 'rtl' : 'ltr'
-    };
-}
-let $520a025cdb0d710d$var$currentLocale = $520a025cdb0d710d$export$f09106e7c6677ec5();
-let $520a025cdb0d710d$var$listeners = new Set();
-function $520a025cdb0d710d$var$updateLocale() {
-    $520a025cdb0d710d$var$currentLocale = $520a025cdb0d710d$export$f09106e7c6677ec5();
-    for (let listener of $520a025cdb0d710d$var$listeners)listener($520a025cdb0d710d$var$currentLocale);
-}
-function $520a025cdb0d710d$export$188ec29ebc2bdc3a() {
-    let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273)();
-    let [defaultLocale, setDefaultLocale] = (useState)($520a025cdb0d710d$var$currentLocale);
-    (useEffect)(()=>{
-        if ($520a025cdb0d710d$var$listeners.size === 0) window.addEventListener('languagechange', $520a025cdb0d710d$var$updateLocale);
-        $520a025cdb0d710d$var$listeners.add(setDefaultLocale);
-        return ()=>{
-            $520a025cdb0d710d$var$listeners.delete(setDefaultLocale);
-            if ($520a025cdb0d710d$var$listeners.size === 0) window.removeEventListener('languagechange', $520a025cdb0d710d$var$updateLocale);
-        };
-    }, []);
-    // We cannot determine the browser's language on the server, so default to
-    // en-US. This will be updated after hydration on the client to the correct value.
-    if (isSSR) {
-        let locale = typeof window !== 'undefined' && window[$520a025cdb0d710d$var$localeSymbol];
-        return {
-            locale: locale || 'en-US',
-            direction: 'ltr'
-        };
-    }
-    return defaultLocale;
-}
-
-/*
- * 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 $2eb8e6d23f3d0cb0$var$I18nContext = /*#__PURE__*/ ($8WNJc$react).createContext(null);
-function $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7() {
-    let defaultLocale = ($520a025cdb0d710d$export$188ec29ebc2bdc3a)();
-    let context = (useContext)($2eb8e6d23f3d0cb0$var$I18nContext);
-    return context || defaultLocale;
-}
-
-/*
- * Copyright 2023 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ /* eslint-disable rulesdir/pure-render */ 
-function $9c268ab73a5d55e5$export$722debc0e56fea39(value, isEqual) {
-    // Using a ref during render is ok here because it's only an optimization – both values are equivalent.
-    // If a render is thrown away, it'll still work the same no matter if the next render is the same or not.
-    let lastValue = (useRef)(null);
-    if (value && lastValue.current && isEqual(value, lastValue.current)) value = lastValue.current;
-    lastValue.current = value;
-    return value;
-}
-
-/*
- * 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 $60f33508b4cd9d3b$export$85fd5fdf27bacc79(options) {
-    // Reuse last options object if it is shallowly equal, which allows the useMemo result to also be reused.
-    options = ($9c268ab73a5d55e5$export$722debc0e56fea39)(options ?? {}, $60f33508b4cd9d3b$var$isEqual);
-    let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7)();
-    return (useMemo)(()=>new ($12a3c853105e5a70$export$ad991b66133851cf)(locale, options), [
-        locale,
-        options
-    ]);
-}
-function $60f33508b4cd9d3b$var$isEqual(a, b) {
-    if (a === b) return true;
-    let aKeys = Object.keys(a);
-    let bKeys = Object.keys(b);
-    if (aKeys.length !== bKeys.length) return false;
-    for (let key of aKeys){
-        if (b[key] !== a[key]) return false;
-    }
-    return true;
-}
-
 var css_248z$s = ".bcds-react-aria-DatePicker {\n  display: flex;\n  flex: 1 1 0;\n  flex-direction: column;\n  background-color: var(--surface-color-forms-default);\n  align-self: flex-start;\n  width: 100%;\n  max-width: -moz-available;\n  max-width: -webkit-fill-available;\n}\n.bcds-react-aria-DatePicker--Group {\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  box-sizing: border-box;\n  border: var(--layout-border-width-small) solid\n    var(--surface-color-border-default);\n  border-radius: var(--layout-border-radius-medium);\n  gap: var(--layout-margin-small);\n}\n.bcds-react-aria-DatePicker--Input {\n  display: inline;\n  box-sizing: border-box;\n  width: 100%;\n  min-width: 0;\n  align-items: center;\n  white-space: nowrap;\n  border: none;\n}\n\n/* Sizing */\n.bcds-react-aria-DatePicker.small > .bcds-react-aria-DatePicker--Group {\n  padding: var(--layout-padding-hair) var(--layout-padding-small);\n  height: 32px;\n}\n.bcds-react-aria-DatePicker.small .bcds-react-aria-DatePicker--Input {\n  font: var(--typography-regular-small-body);\n}\n\n.bcds-react-aria-DatePicker.medium > .bcds-react-aria-DatePicker--Group {\n  padding: var(--layout-padding-xsmall) 0.75rem;\n  height: 40px;\n}\n.bcds-react-aria-DatePicker.medium .bcds-react-aria-DatePicker--Input {\n  font: var(--typography-regular-body);\n}\n\n/* Label */\n.bcds-react-aria-DatePicker--Label {\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-primary);\n  padding: var(--layout-padding-xsmall) var(--layout-padding-none);\n}\n/* Required indicator */\n.bcds-react-aria-DatePicker--Label.required {\n  color: var(--typography-color-secondary);\n  padding: var(--layout-padding-none) var(--layout-padding-xsmall);\n}\n/* Description */\n.bcds-react-aria-DatePicker--Description {\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-secondary);\n  padding: var(--layout-padding-xsmall) var(--layout-padding-none);\n}\n/* Error message */\n.bcds-react-aria-DatePicker--Error {\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-danger);\n}\n.bcds-react-aria-DatePicker[data-invalid] > .bcds-react-aria-DatePicker--Group {\n  border-color: var(--support-border-color-danger);\n}\n.bcds-react-aria-DatePicker[data-invalid]\n  > .bcds-react-aria-DatePicker--Group\n  > svg {\n  color: var(--icons-color-danger);\n  min-width: var(--icons-size-medium);\n  height: var(--icons-size-medium);\n}\n/* Format helper text */\n.bcds-react-aria-DatePicker--FormatHelpText {\n  unicode-bidi: embed;\n  direction: ltr;\n}\n\n/* Hover and focus */\n.bcds-react-aria-DatePicker--Group[data-hovered] {\n  border-color: var(--surface-color-border-dark);\n}\n.bcds-react-aria-DatePicker[data-focus-visible]\n  > .bcds-react-aria-DatePicker--Group {\n  outline: solid var(--layout-border-width-medium)\n    var(--surface-color-border-active);\n  outline-offset: var(--layout-margin-hair);\n}\n.bcds-react-aria-DatePicker[data-focus-visible]\n  > .bcds-react-aria-DatePicker--Group:has(\n    .bcds-react-aria-Button[data-focus-visible]\n  ) {\n  outline: none; /* Hide focus ring when button is focused */\n}\n.bcds-react-aria-DatePicker[data-focus-visible]\n  .bcds-react-aria-DatePicker--Segment {\n  outline: none;\n}\n.bcds-react-aria-DatePicker--Segment[data-focused] {\n  outline: none;\n  border-radius: var(--layout-border-radius-small);\n  background-color: var(--surface-color-primary-default);\n  color: var(--typography-color-primary-invert);\n  padding: var(--layout-padding-hair);\n  margin: var(--layout-margin-none) var(--layout-margin-hair);\n}\n.bcds-react-aria-DatePicker > .bcds-react-aria-Button[data-focused] {\n  outline: none;\n}\n\n/* Disabled and read-only */\n.bcds-react-aria-DatePicker[data-readonly]\n  > .bcds-react-aria-DatePicker--Group {\n  cursor: not-allowed;\n}\n.bcds-react-aria-DatePicker--Segment[data-readonly][data-focused] {\n  background-color: var(--surface-color-forms-disabled);\n  color: var(--typography-color-primary);\n}\n.bcds-react-aria-DatePicker[data-disabled]\n  > .bcds-react-aria-DatePicker--Group {\n  background-color: var(--surface-color-forms-disabled);\n  color: var(--typography-color-disabled);\n  cursor: not-allowed;\n}\n";
 styleInject(css_248z$s);
 
@@ -31863,14 +31571,14 @@ function DatePicker({ size = "medium", label, description, errorMessage, showFor
     return isBrowserLocaleUsed ? (datePicker) : (jsx($2eb8e6d23f3d0cb0$export$a54013f0d02a8f82, { locale: "en-CA", children: datePicker }));
 }
 
-var css_248z$p = ".bcds-bc-logo--whiteFill {\n  fill: #ffffff;\n  stroke-width: 0px;\n}\n\n.bcds-bc-logo--blueFill {\n  fill: #234075;\n  stroke-width: 0px;\n}\n\n.bcds-bc-logo--goldFill {\n  fill: #e3a82b;\n  stroke-width: 0px;\n}\n\n.bcds-bc-logo--noFill {\n  fill: none;\n  stroke-width: 0px;\n}\n";
+var css_248z$p = ".bcds-bc-logo--whiteFill {\n  fill: #fff;\n  stroke-width: 0;\n}\n\n.bcds-bc-logo--blueFill {\n  fill: #234075;\n  stroke-width: 0;\n}\n\n.bcds-bc-logo--goldFill {\n  fill: #e3a82b;\n  stroke-width: 0;\n}\n\n.bcds-bc-logo--noFill {\n  fill: none;\n  stroke-width: 0;\n}\n";
 styleInject(css_248z$p);
 
 function SvgBcLogo({ id = "bcgov-logo" }) {
     return (jsxs("svg", { id: id, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 847.65 327.01", children: [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", className: "bcds-bc-logo--whiteFill" }), jsxs("g", { children: [jsxs("g", { children: [jsx("rect", { x: "415.4", y: "252.98", width: "314.66", height: "3.82", className: "bcds-bc-logo--goldFill" }), 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", className: "bcds-bc-logo--blueFill" }), 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", className: "bcds-bc-logo--blueFill" }), 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", className: "bcds-bc-logo--blueFill" }), 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", className: "bcds-bc-logo--blueFill" }), 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", className: "bcds-bc-logo--blueFill" }), 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", className: "bcds-bc-logo--blueFill" }), 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", className: "bcds-bc-logo--blueFill" }), 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", className: "bcds-bc-logo--blueFill" }), 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", className: "bcds-bc-logo--blueFill" }), 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", className: "bcds-bc-logo--blueFill" }), 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", className: "bcds-bc-logo--blueFill" }), jsxs("g", { children: [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", className: "bcds-bc-logo--blueFill" }), 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", className: "bcds-bc-logo--blueFill" }), 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", className: "bcds-bc-logo--blueFill" }), 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", className: "bcds-bc-logo--blueFill" })] }), jsx("rect", { width: "847.65", height: "327.01", className: "bcds-bc-logo--noFill" })] }), jsxs("g", { children: [jsx("polygon", { points: "295.89 176.17 301.27 178.4 313.19 170.08 295.89 176.17", className: "bcds-bc-logo--goldFill" }), 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", className: "bcds-bc-logo--goldFill" })] }), 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", className: "bcds-bc-logo--blueFill" })] })] }));
 }
 
-var css_248z$o = ".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 var(--theme-gold-60);\n  border-bottom: var(--layout-border-width-large) solid var(--theme-gold-60);\n  background-color: var(--theme-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-small-body);\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-color-background-light-gray);\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-small-body);\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-small-body);\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-small-body);\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-small-body);\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-color-border-dark);\n  border: var(--layout-border-width-none);\n  height: var(--layout-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";
+var css_248z$o = ".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 var(--theme-gold-60);\n  border-bottom: var(--layout-border-width-large) solid var(--theme-gold-60);\n  background-color: var(--theme-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-small-body);\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-color-background-light-gray);\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-flow: row nowrap;\n  align-items: flex-start;\n  gap: var(--layout-padding-medium) var(--layout-padding-xlarge);\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-small-body);\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-small-body);\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-small-body);\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  gap: var(--layout-padding-small) var(--layout-padding-xlarge);\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-small-body);\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-color-border-dark);\n  border: var(--layout-border-width-none);\n  height: var(--layout-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 (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 (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$o);
 
 /**
@@ -31925,7 +31633,7 @@ function Form({ ...props }) {
     return jsx($cdaed739b1139372$export$a7fed597f4b8afd8, { ...props });
 }
 
-var css_248z$n = ".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-color-forms-default);\n  border-bottom-color: var(--surface-color-border-default);\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-color-forms-default);\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-height 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-color-border-default);\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";
+var css_248z$n = ".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-color-forms-default);\n  border-bottom: var(--layout-border-width-small) solid\n    var(--surface-color-border-default);\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-color-forms-default);\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-height 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-color-border-default);\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$n);
 
 function Header({ children, logoLinkElement, logoImage = jsx(SvgBcLogo, { id: "bcgov-logo-header" }), skipLinks, title = "", titleElement = "span", }) {
@@ -32073,14 +31781,14 @@ function ProgressCircle({ size = "medium", valueLabel, ...props }) {
     return (jsx($6c0095e7e99364f2$export$c17561cb55d4db30, { className: "bcds-react-aria-ProgressCircle", ...props, children: ({ percentage, valueText, isIndeterminate }) => (jsxs(Fragment$1, { children: [jsxs("svg", { className: `bcds-react-aria-ProgressCircle--Container ${size}`, children: [jsx("circle", { className: "bcds-react-aria-ProgressCircle--Track" }), jsx("circle", { className: "bcds-react-aria-ProgressCircle--Fill", pathLength: "100", strokeDashoffset: 100 - (isIndeterminate || percentage == null ? 25 : percentage) })] }), valueLabel && (jsxs("div", { className: "bcds-react-aria-ProgressCircle--Label", children: [jsx($43a3b93638fe5db9$export$b04be29aa201d4f5, { children: valueLabel }), !isIndeterminate && (jsx("span", { className: "bcds-react-aria-ProgressCircle--Value", children: valueText }))] }))] })) }));
 }
 
-var css_248z$e = ".bcds-react-aria-Radio {\n  cursor: pointer;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--layout-margin-small);\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-secondary);\n  forced-color-adjust: none;\n}\n\n/* Selector */\n.bcds-react-aria-Radio:before {\n  align-self: first baseline;\n  margin-top: var(--layout-margin-xsmall);\n  content: \"\";\n  display: block;\n  width: var(--icons-size-xsmall);\n  height: var(--icons-size-xsmall);\n  box-sizing: border-box;\n  background-color: var(--surface-color-secondary-default);\n  border-radius: var(--icons-size-small);\n  border: var(--layout-border-width-small) solid\n    var(--surface-color-border-medium);\n  transition: all 200ms;\n}\n@media (prefers-reduced-motion) {\n  .bcds-react-aria-Radio:before {\n    /* No animation on radio button circle if user has reduced motion set */\n    transition: none;\n  }\n}\n\n/* Hover */\n.bcds-react-aria-Radio[data-hovered]:before {\n  border: var(--layout-border-width-small) solid\n    var(--surface-color-border-dark);\n}\n\n/* Pressed */\n.bcds-react-aria-Radio[data-pressed]:before {\n  border: var(--layout-border-width-small) solid\n    var(--surface-color-border-dark);\n}\n\n/* Selected */\n.bcds-react-aria-Radio[data-selected]:before {\n  border: 5px solid var(--surface-color-primary-default);\n}\n\n/* Focused */\n.bcds-react-aria-Radio[data-focus-visible]:before {\n  outline: solid var(--layout-border-width-medium)\n    var(--surface-color-border-active);\n  outline-offset: var(--layout-margin-hair);\n}\n\n/* Invalid */\n.bcds-react-aria-Radio[data-invalid]:before {\n  border: var(--layout-border-width-small) solid\n    var(--support-border-color-danger);\n}\n.bcds-react-aria-Radio[data-selected][data-invalid] {\n  color: var(--typography-color-danger);\n}\n.bcds-react-aria-Radio[data-selected][data-invalid]:before {\n  border: 5px solid var(--support-border-color-danger);\n}\n\n/* Disabled */\n.bcds-react-aria-Radio[data-disabled] {\n  color: var(--typography-color-disabled);\n  cursor: not-allowed;\n}\n.bcds-react-aria-radio[data-selected][data-disabled]:before {\n  border: 5px solid var(--surface-color-border-default);\n}\n\n/* Read only */\n.bcds-react-aria-Radio[data-readonly] {\n  cursor: not-allowed;\n}\n";
+var css_248z$e = ".bcds-react-aria-Radio {\n  cursor: pointer;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--layout-margin-small);\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-secondary);\n  forced-color-adjust: none;\n}\n\n/* Selector */\n.bcds-react-aria-Radio::before {\n  align-self: first baseline;\n  margin-top: var(--layout-margin-xsmall);\n  content: \"\";\n  display: block;\n  width: var(--icons-size-xsmall);\n  height: var(--icons-size-xsmall);\n  box-sizing: border-box;\n  background-color: var(--surface-color-secondary-default);\n  border-radius: var(--icons-size-small);\n  border: var(--layout-border-width-small) solid\n    var(--surface-color-border-medium);\n  transition: all 200ms;\n}\n@media (prefers-reduced-motion) {\n  .bcds-react-aria-Radio::before {\n    /* No animation on radio button circle if user has reduced motion set */\n    transition: none;\n  }\n}\n\n/* Hover */\n.bcds-react-aria-Radio[data-hovered]::before {\n  border: var(--layout-border-width-small) solid\n    var(--surface-color-border-dark);\n}\n\n/* Pressed */\n.bcds-react-aria-Radio[data-pressed]::before {\n  border: var(--layout-border-width-small) solid\n    var(--surface-color-border-dark);\n}\n\n/* Selected */\n.bcds-react-aria-Radio[data-selected]::before {\n  border: 5px solid var(--surface-color-primary-default);\n}\n\n/* Focused */\n.bcds-react-aria-Radio[data-focus-visible]::before {\n  outline: solid var(--layout-border-width-medium)\n    var(--surface-color-border-active);\n  outline-offset: var(--layout-margin-hair);\n}\n\n/* Invalid */\n.bcds-react-aria-Radio[data-invalid]::before {\n  border: var(--layout-border-width-small) solid\n    var(--support-border-color-danger);\n}\n.bcds-react-aria-Radio[data-selected][data-invalid] {\n  color: var(--typography-color-danger);\n}\n.bcds-react-aria-Radio[data-selected][data-invalid]::before {\n  border: 5px solid var(--support-border-color-danger);\n}\n\n/* Disabled */\n.bcds-react-aria-Radio[data-disabled] {\n  color: var(--typography-color-disabled);\n  cursor: not-allowed;\n}\n.bcds-react-aria-Radio[data-selected][data-disabled]::before {\n  border: 5px solid var(--surface-color-border-default);\n}\n\n/* Read only */\n.bcds-react-aria-Radio[data-readonly] {\n  cursor: not-allowed;\n}\n";
 styleInject(css_248z$e);
 
 function Radio({ value, children, ...props }) {
     return (jsx($fe21c36db05242bb$export$d7b12c4107be0d61, { className: "bcds-react-aria-Radio", value: value, ...props, children: children }));
 }
 
-var css_248z$d = ".bcds-react-aria-RadioGroup {\n  display: flex;\n  flex-direction: column;\n  gap: var(--layout-margin-small);\n}\n\n/* Orientation */\n.bcds-react-aria-RadioGroup--options {\n  display: inline-flex;\n}\n\n.bcds-react-aria-RadioGroup--options.vertical {\n  flex-direction: column;\n  gap: var(--layout-margin-small);\n}\n\n.bcds-react-aria-RadioGroup--options.horizontal {\n  flex-direction: row;\n  gap: var(--layout-margin-medium);\n}\n.bcds-react-aria-RadioGroup--options.horizontal.flex-wrap-nowrap {\n  flex-wrap: nowrap;\n}\n.bcds-react-aria-RadioGroup--options.horizontal.flex-wrap-wrap {\n  flex-wrap: wrap;\n}\n.bcds-react-aria-RadioGroup--options.horizontal.flex-wrap-nowrap {\n  flex-wrap: wrap-reverse;\n}\n\n/* Parts */\n.bcds-react-aria-RadioGroup--label {\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-primary);\n}\n\n.bcds-react-aria-RadioGroup--description {\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-secondary);\n}\n\n.bcds-react-aria-RadioGroup--error {\n  display: inline-flex;\n  flex-direction: row;\n  gap: var(--layout-margin-xsmall);\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-danger);\n}\n";
+var css_248z$d = ".bcds-react-aria-RadioGroup {\n  display: flex;\n  flex-direction: column;\n  gap: var(--layout-margin-small);\n}\n\n/* Orientation */\n.bcds-react-aria-RadioGroup--options {\n  display: inline-flex;\n}\n\n.bcds-react-aria-RadioGroup--options.vertical {\n  flex-direction: column;\n  gap: var(--layout-margin-small);\n}\n\n.bcds-react-aria-RadioGroup--options.horizontal {\n  flex-direction: row;\n  gap: var(--layout-margin-medium);\n}\n.bcds-react-aria-RadioGroup--options.horizontal.flex-wrap-wrap {\n  flex-wrap: wrap;\n}\n.bcds-react-aria-RadioGroup--options.horizontal.flex-wrap-nowrap {\n  flex-wrap: wrap-reverse;\n}\n\n/* Parts */\n.bcds-react-aria-RadioGroup--label {\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-primary);\n}\n\n.bcds-react-aria-RadioGroup--description {\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-secondary);\n}\n\n.bcds-react-aria-RadioGroup--error {\n  display: inline-flex;\n  flex-direction: row;\n  gap: var(--layout-margin-xsmall);\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-danger);\n}\n";
 styleInject(css_248z$d);
 
 function RadioGroup({ orientation = "vertical", label, description, children, errorMessage, flexWrap = "nowrap", ...props }) {
@@ -32094,7 +31802,7 @@ function TagGroup({ children, label, description, errorMessage, ...props }) {
     return (jsxs($3df3ddf5bafbc7b1$export$67ea30858aaf75e3, { className: "bcds-react-aria-TagGroup", ...props, children: [label && (jsx($43a3b93638fe5db9$export$b04be29aa201d4f5, { className: "bcds-react-aria-TagGroup--Label", children: label })), children, description && (jsx($efe09c6d1c304b50$export$5f1af8db9871e1d6, { slot: "description", className: "bcds-react-aria-TagGroup--Text-description", children: description })), errorMessage && (jsxs($efe09c6d1c304b50$export$5f1af8db9871e1d6, { slot: "errorMessage", className: "bcds-react-aria-TagGroup--Text-error", children: [jsx(SvgExclamationIcon, {}), errorMessage] }))] }));
 }
 
-var css_248z$b = ".bcds-react-aria-Tag {\n  color: var(--typography-color-primary);\n  cursor: pointer;\n  border: var(--layout-border-width-small) solid;\n  display: flex;\n  flex: 0 1 auto;\n  align-items: center;\n  text-align: left;\n  font: var(--typography-regular-label);\n  width: fit-content;\n  max-width: 100%;\n  min-width: 0;\n}\n.bcds-react-aria-Tag--Label {\n  min-width: 0;\n  overflow-wrap: break-word;\n  white-space: normal;\n}\n.bcds-react-aria-Tag .react-aria-Button {\n  background: none;\n  border: none;\n  color: var(--typography-color-primary);\n  cursor: pointer;\n  display: flex;\n  flex: 0 0 auto;\n  margin: 0;\n  padding: 0;\n}\n\n/* Focus handling for close button */\n.bcds-react-aria-Tag .react-aria-Button[data-focus-visible] {\n  outline: solid var(--layout-border-width-medium)\n    var(--surface-color-border-active);\n  outline-offset: var(--layout-margin-hair);\n  border-radius: var(--layout-border-radius-small);\n}\n\n/* Tag colors */\n.bcds-react-aria-Tag.bc-blue {\n  background-color: var(--theme-primary-blue);\n  border-color: var(--theme-blue-90);\n  color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Tag.bc-blue .react-aria-Button {\n  color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Tag.bc-gold {\n  background-color: var(--theme-primary-gold);\n  border-color: var(--theme-blue-90);\n}\n.bcds-react-aria-Tag.blue {\n  background-color: var(--support-surface-color-info);\n  border-color: var(--support-border-color-info);\n}\n.bcds-react-aria-Tag.dark {\n  background: var(--theme-gray-110);\n  border-color: var(--theme-blue-90);\n  color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Tag.dark .react-aria-Button {\n  color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Tag.gray,\n.bcds-react-aria-Tag.grey {\n  background-color: var(--theme-gray-20);\n  border-color: var(--surface-color-border-dark);\n}\n.bcds-react-aria-Tag.green {\n  background-color: var(--support-surface-color-success);\n  border-color: var(--support-border-color-success);\n}\n.bcds-react-aria-Tag.red {\n  background-color: var(--support-surface-color-danger);\n  border-color: var(--support-border-color-danger);\n}\n.bcds-react-aria-Tag.yellow {\n  background-color: var(--support-surface-color-warning);\n  border-color: var(--support-border-color-warning);\n}\n\n/* Tag style */\n.bcds-react-aria-Tag.rectangular {\n  border-radius: var(--layout-border-radius-small);\n}\n.bcds-react-aria-Tag.circular {\n  border-radius: var(--layout-borderRadius-Circular, 9999px);\n}\n\n/* Tag size */\n.bcds-react-aria-Tag.xsmall {\n  min-height: var(--layout-padding-medium);\n  padding: var(--layout-padding-hair) var(--layout-padding-small);\n  gap: var(--layout-margin-xsmall);\n}\n.bcds-react-aria-Tag.small {\n  min-height: var(--layout-padding-large);\n  padding: var(--layout-padding-hair) var(--layout-padding-small);\n  gap: var(--layout-margin-small);\n}\n.bcds-react-aria-Tag.medium {\n  min-height: var(--layout-padding-xlarge);\n  padding: var(--layout-padding-hair) var(--layout-padding-medium);\n  gap: var(--layout-margin-medium);\n}\n/* Selected */\n.bcds-react-aria-Tag[data-selected] {\n  border-radius: var(--layout-border-radius-small);\n  border: var(--layout-border-width-medium) solid\n    var(--surface-color-border-active);\n}\n\n/* Focused */\n.bcds-react-aria-Tag[data-focus-visible] {\n  outline: var(--layout-border-width-medium) solid\n    var(--surface-color-border-active);\n  outline-offset: var(--layout-margin-hair);\n}\n\n/* Disabled */\n.bcds-react-aria-Tag[data-disabled] {\n  background-color: var(--surface-color-primary-button-disabled);\n  border-color: var(--surface-color-border-default);\n  color: var(--typography-color-disabled);\n  cursor: not-allowed;\n}\n";
+var css_248z$b = ".bcds-react-aria-Tag {\n  color: var(--typography-color-primary);\n  cursor: pointer;\n  border: var(--layout-border-width-small) solid;\n  display: flex;\n  flex: 0 1 auto;\n  align-items: center;\n  text-align: left;\n  font: var(--typography-regular-label);\n  width: fit-content;\n  max-width: 100%;\n  min-width: 0;\n}\n.bcds-react-aria-Tag--Label {\n  min-width: 0;\n  overflow-wrap: break-word;\n  white-space: normal;\n}\n.bcds-react-aria-Tag .react-aria-Button {\n  background: none;\n  border: none;\n  color: var(--typography-color-primary);\n  cursor: pointer;\n  display: flex;\n  flex: 0 0 auto;\n  margin: 0;\n  padding: 0;\n}\n\n/* Focus handling for close button */\n.bcds-react-aria-Tag .react-aria-Button[data-focus-visible] {\n  outline: solid var(--layout-border-width-medium)\n    var(--surface-color-border-active);\n  outline-offset: var(--layout-margin-hair);\n  border-radius: var(--layout-border-radius-small);\n}\n\n/* Tag colors */\n.bcds-react-aria-Tag.bc-blue {\n  background-color: var(--theme-primary-blue);\n  border-color: var(--theme-blue-90);\n  color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Tag.bc-blue .react-aria-Button {\n  color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Tag.bc-gold {\n  background-color: var(--theme-primary-gold);\n  border-color: var(--theme-blue-90);\n}\n.bcds-react-aria-Tag.blue {\n  background-color: var(--support-surface-color-info);\n  border-color: var(--support-border-color-info);\n}\n.bcds-react-aria-Tag.dark {\n  background: var(--theme-gray-110);\n  border-color: var(--theme-blue-90);\n  color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Tag.dark .react-aria-Button {\n  color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Tag.gray,\n.bcds-react-aria-Tag.grey {\n  background-color: var(--theme-gray-20);\n  border-color: var(--surface-color-border-dark);\n}\n.bcds-react-aria-Tag.green {\n  background-color: var(--support-surface-color-success);\n  border-color: var(--support-border-color-success);\n}\n.bcds-react-aria-Tag.red {\n  background-color: var(--support-surface-color-danger);\n  border-color: var(--support-border-color-danger);\n}\n.bcds-react-aria-Tag.yellow {\n  background-color: var(--support-surface-color-warning);\n  border-color: var(--support-border-color-warning);\n}\n\n/* Tag style */\n.bcds-react-aria-Tag.rectangular {\n  border-radius: var(--layout-border-radius-small);\n}\n.bcds-react-aria-Tag.circular {\n  border-radius: var(--layout-border-radius-circular);\n}\n\n/* Tag size */\n.bcds-react-aria-Tag.xsmall {\n  min-height: var(--layout-padding-medium);\n  padding: var(--layout-padding-hair) var(--layout-padding-small);\n  gap: var(--layout-margin-xsmall);\n}\n.bcds-react-aria-Tag.small {\n  min-height: var(--layout-padding-large);\n  padding: var(--layout-padding-hair) var(--layout-padding-small);\n  gap: var(--layout-margin-small);\n}\n.bcds-react-aria-Tag.medium {\n  min-height: var(--layout-padding-xlarge);\n  padding: var(--layout-padding-hair) var(--layout-padding-medium);\n  gap: var(--layout-margin-medium);\n}\n/* Selected */\n.bcds-react-aria-Tag[data-selected] {\n  border-radius: var(--layout-border-radius-small);\n  border: var(--layout-border-width-medium) solid\n    var(--surface-color-border-active);\n}\n\n/* Focused */\n.bcds-react-aria-Tag[data-focus-visible] {\n  outline: var(--layout-border-width-medium) solid\n    var(--surface-color-border-active);\n  outline-offset: var(--layout-margin-hair);\n}\n\n/* Disabled */\n.bcds-react-aria-Tag[data-disabled] {\n  background-color: var(--surface-color-primary-button-disabled);\n  border-color: var(--surface-color-border-default);\n  color: var(--typography-color-disabled);\n  cursor: not-allowed;\n}\n";
 styleInject(css_248z$b);
 
 function Tag({ color = "blue", tagStyle = "rectangular", size = "small", icon, id, textValue, ...props }) {
@@ -32228,11 +31936,11 @@ function TextField({ size, label, description, errorMessage, iconLeft, iconRight
 var css_248z$5 = ".bcds-react-aria-TimeField {\n  display: flex;\n  flex: 1 1 0;\n  flex-direction: column;\n  align-self: flex-start;\n  width: 100%;\n  max-width: -moz-available;\n  max-width: -webkit-fill-available;\n}\n\n/* Input field */\n.bcds-react-aria-TimeField--InputContainer {\n  display: inline-flex;\n  flex-direction: row;\n  min-width: 0;\n  align-items: center;\n  box-sizing: border-box;\n  gap: var(--layout-margin-small);\n  border: var(--layout-border-width-small) solid\n    var(--surface-color-border-default);\n  border-radius: var(--layout-border-radius-medium);\n  background: var(--surface-color-forms-default);\n}\n.bcds-react-aria-TimeField--Input {\n  display: inline-flex;\n  align-items: center;\n  box-sizing: border-box;\n  gap: var(--layout-margin-hair);\n  width: 100%;\n  white-space: nowrap;\n  border: none;\n  color: var(--typography-color-primary);\n}\n.bcds-react-aria-TimeField--Segment {\n  padding: var(--layout-padding-none) var(--layout-padding-hair);\n}\n.bcds-react-aria-TimeField--Segment[data-type=\"literal\"] {\n  padding: var(--layout-padding-none);\n}\n.bcds-react-aria-TimeField--Segment[data-type=\"timeZoneName\"] {\n  color: var(--typography-color-secondary);\n}\n.bcds-react-aria-TimeField--Input[data-placeholder] {\n  color: var(--typography-color-placeholder);\n}\n\n/* Label */\n.bcds-react-aria-TimeField--Label {\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-primary);\n  padding: var(--layout-padding-xsmall) var(--layout-padding-none);\n}\n\n/* Required indicator */\n.bcds-react-aria-TimeField--Label.required {\n  color: var(--typography-color-secondary);\n  padding: var(--layout-padding-none) var(--layout-padding-xsmall);\n}\n\n/* Description */\n.bcds-react-aria-TimeField--Description {\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-secondary);\n  padding: var(--layout-padding-xsmall) var(--layout-padding-none);\n}\n\n/* Error message */\n.bcds-react-aria-TimeField--Error {\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-danger);\n}\n\n/* Sizing */\n.bcds-react-aria-TimeField.small .bcds-react-aria-TimeField--InputContainer {\n  padding: var(--layout-padding-hair) var(--layout-padding-small);\n  height: 32px;\n}\n.bcds-react-aria-TimeField.small .bcds-react-aria-TimeField--Segment {\n  font: var(--typography-regular-small-body);\n}\n\n.bcds-react-aria-TimeField.medium .bcds-react-aria-TimeField--InputContainer {\n  padding: var(--layout-padding-small) 0.75rem;\n  height: 40px;\n}\n.bcds-react-aria-TimeField.medium .bcds-react-aria-TimeField--Segment {\n  font: var(--typography-regular-body);\n}\n\n/* Hover and focus states */\n.bcds-react-aria-TimeField--InputContainer:has(\n  .bcds-react-aria-TimeField--Input[data-hovered]\n) {\n  border-color: var(--surface-color-border-dark);\n}\n.bcds-react-aria-TimeField--InputContainer:has(\n  .bcds-react-aria-TimeField--Segment[data-focus-visible]\n) {\n  outline: solid var(--layout-border-width-medium)\n    var(--surface-color-border-active);\n  outline-offset: var(--layout-margin-hair);\n}\n\n.bcds-react-aria-TimeField--Segment[data-focused] {\n  outline: none;\n  border-radius: var(--layout-border-radius-small);\n  background-color: var(--surface-color-primary-default);\n  color: var(--typography-color-primary-invert);\n  padding: var(--layout-padding-hair);\n}\n.bcds-react-aria-TimeField--Segment[data-focused][data-type=\"timeZoneName\"] {\n  background-color: var(--surface-color-forms-disabled);\n  color: var(--typography-color-secondary);\n}\n\n/* Disabled and read-only states */\n.bcds-react-aria-TimeField[data-disabled]\n  > .bcds-react-aria-TimeField--InputContainer,\n.bcds-react-aria-TimeField[data-disabled] .bcds-react-aria-TimeField--Input,\n.bcds-react-aria-TimeField[data-disabled]\n  .bcds-react-aria-TimeField--Segment[data-type=\"timeZoneName\"] {\n  background: var(--surface-color-forms-disabled);\n  color: var(--typography-color-placeholder);\n  cursor: not-allowed;\n}\n\n.bcds-react-aria-TimeField[data-readonly]\n  > .bcds-react-aria-TimeField--InputContainer,\n.bcds-react-aria-TimeField[data-readonly] .bcds-react-aria-TimeField--Input {\n  background: var(--surface-color-forms-disabled);\n}\n\n/* Invalid state */\n.bcds-react-aria-TimeField[data-invalid]\n  > .bcds-react-aria-TimeField--InputContainer {\n  border-radius: var(--layout-border-radius-medium);\n  border: var(--layout-border-width-small) solid\n    var(--support-border-color-danger);\n  background: var(--surface-color-forms-default);\n}\n.bcds-react-aria-TimeField[data-invalid]\n  > .bcds-react-aria-TimeField--InputContainer\n  > .bcds-react-aria-TimeField--ErrorIcon\n  > svg {\n  color: var(--icons-color-danger);\n  min-width: var(--icons-size-medium);\n  height: var(--icons-size-medium);\n}\n";
 styleInject(css_248z$5);
 
-function TimeField({ size = "medium", label, description, errorMessage, isRequired, ...props }) {
-    return (jsx($5400c097f4765e59$export$5eaee2322dd727eb, { className: `bcds-react-aria-TimeField ${size}`, ...props, children: ({ isInvalid }) => (jsxs(Fragment$1, { children: [label && (jsxs($43a3b93638fe5db9$export$b04be29aa201d4f5, { className: "bcds-react-aria-TimeField--Label", children: [label, isRequired && (jsx("span", { className: "bcds-react-aria-TimeField--Label required", children: "(required)" }))] })), jsxs("div", { className: "bcds-react-aria-TimeField--InputContainer", children: [jsx($5400c097f4765e59$export$7edc06cf1783b30f, { className: "bcds-react-aria-TimeField--Input", children: (segment) => (jsx($5400c097f4765e59$export$336ab7fa954c4b5f, { className: "bcds-react-aria-TimeField--Segment", segment: segment })) }), isInvalid && (jsx("span", { className: "bcds-react-aria-TimeField--ErrorIcon", children: jsx(SvgExclamationIcon, {}) }))] }), description && (jsx(Text, { slot: "description", className: "bcds-react-aria-TimeField--Description", children: description })), jsx($1f3c3b1a70cec653$export$f551688fc98f2e09, { className: "bcds-react-aria-TimeField--Error", children: errorMessage })] })) }));
+function TimeField({ size = "medium", label, description, errorMessage, ...props }) {
+    return (jsx($5400c097f4765e59$export$5eaee2322dd727eb, { className: `bcds-react-aria-TimeField ${size}`, ...props, children: ({ isRequired, isInvalid }) => (jsxs(Fragment$1, { children: [label && (jsxs($43a3b93638fe5db9$export$b04be29aa201d4f5, { className: "bcds-react-aria-TimeField--Label", children: [label, isRequired && (jsx("span", { className: "bcds-react-aria-TimeField--Label required", children: "(required)" }))] })), jsxs("div", { className: "bcds-react-aria-TimeField--InputContainer", children: [jsx($5400c097f4765e59$export$7edc06cf1783b30f, { className: "bcds-react-aria-TimeField--Input", children: (segment) => (jsx($5400c097f4765e59$export$336ab7fa954c4b5f, { className: "bcds-react-aria-TimeField--Segment", segment: segment })) }), isInvalid && (jsx("span", { className: "bcds-react-aria-TimeField--ErrorIcon", children: jsx(SvgExclamationIcon, {}) }))] }), description && (jsx(Text, { slot: "description", className: "bcds-react-aria-TimeField--Description", children: description })), jsx($1f3c3b1a70cec653$export$f551688fc98f2e09, { className: "bcds-react-aria-TimeField--Error", children: errorMessage })] })) }));
 }
 
-var css_248z$4 = ".bcds-react-aria-ToggleButton {\n  display: inline-flex;\n  flex: 0 1 auto;\n  flex-direction: row;\n  flex-wrap: wrap;\n  white-space: normal;\n  box-sizing: border-box;\n  gap: var(--layout-margin-xsmall);\n  align-items: center;\n  justify-content: center;\n  padding: var(--layout-padding-hair) var(--layout-padding-small);\n  color: var(--typography-color-secondary);\n  background-color: var(--surface-color-secondary-button-disabled);\n  border: var(--layout-border-width-small) solid transparent;\n  border-radius: var(--layout-border-radius-medium);\n  cursor: pointer;\n}\n\n/* Size */\n.bcds-react-aria-ToggleButtonGroup.small > .bcds-react-aria-ToggleButton,\n.bcds-react-aria-ToggleButton.small {\n  font: var(--typography-regular-small-body);\n}\n\n.bcds-react-aria-ToggleButtonGroup.medium > .bcds-react-aria-ToggleButton,\n.bcds-react-aria-ToggleButton.medium {\n  font: var(--typography-regular-body);\n}\n\n/* Icon button */\n.bcds-react-aria-ToggleButton.icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 auto;\n}\n\n.bcds-react-aria-ToggleButton.icon > * {\n  line-height: 0;\n}\n\n.bcds-react-aria-ToggleButton.small.icon {\n  padding: unset;\n  height: var(--icons-size-large);\n  width: var(--icons-size-large);\n  min-width: var(--icons-size-large);\n}\n\n.bcds-react-aria-ToggleButton.medium.icon {\n  padding: unset;\n  height: var(--icons-size-xlarge);\n  width: var(--icons-size-xlarge);\n  min-width: var(--icons-size-xlarge);\n}\n\n/* Active */\n.bcds-react-aria-ToggleButton[data-selected] {\n  background-color: var(--surface-color-secondary-button-default);\n  color: var(--typography-color-primary);\n  border: var(--layout-border-width-small) solid\n    var(--surface-color-secondary-button-default);\n  box-shadow: var(--surface-shadow-small);\n  /* Animate transition on select or deselect */\n  transition: 200ms ease;\n\n  @media (prefers-reduced-motion: reduce) {\n    transition: none;\n  }\n}\n\n/* Hover */\n.bcds-react-aria-ToggleButton[data-hovered] {\n  background-color: var(--surface-color-secondary-pressed);\n  color: var(--typography-color-primary);\n  border: var(--layout-border-width-small) solid\n    var(--surface-color-border-medium);\n  border-radius: var(--layout-border-radius-medium);\n}\n/* Focused */\n.bcds-react-aria-ToggleButton[data-focus-visible] {\n  background-color: var(--theme-blue-10);\n  outline: var(--layout-border-width-medium) solid\n    var(--surface-color-border-active);\n}\n\n/* Pressed */\n.bcds-react-aria-ToggleButton[data-hovered][data-pressed] {\n  background-color: var(--theme-gray-20);\n  border: var(--layout-border-width-small) solid var(--theme-gray-20);\n}\n\n/* Disabled */\n.bcds-react-aria-ToggleButton[data-disabled] {\n  color: var(--typography-color-disabled);\n  cursor: not-allowed;\n  /* Animate transition on disable or enable */\n  transition: 200ms ease;\n\n  @media (prefers-reduced-motion: reduce) {\n    transition: none;\n  }\n}\n";
+var css_248z$4 = ".bcds-react-aria-ToggleButton {\n  display: inline-flex;\n  flex: 0 1 auto;\n  flex-flow: row wrap;\n  white-space: normal;\n  box-sizing: border-box;\n  gap: var(--layout-margin-xsmall);\n  align-items: center;\n  justify-content: center;\n  padding: var(--layout-padding-hair) var(--layout-padding-small);\n  color: var(--typography-color-secondary);\n  background-color: var(--surface-color-secondary-button-disabled);\n  border: var(--layout-border-width-small) solid transparent;\n  border-radius: var(--layout-border-radius-medium);\n  cursor: pointer;\n}\n\n/* Size */\n.bcds-react-aria-ToggleButtonGroup.small > .bcds-react-aria-ToggleButton,\n.bcds-react-aria-ToggleButton.small {\n  font: var(--typography-regular-small-body);\n}\n\n.bcds-react-aria-ToggleButtonGroup.medium > .bcds-react-aria-ToggleButton,\n.bcds-react-aria-ToggleButton.medium {\n  font: var(--typography-regular-body);\n}\n\n/* Icon button */\n.bcds-react-aria-ToggleButton.icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 auto;\n}\n\n.bcds-react-aria-ToggleButton.icon > * {\n  line-height: 0;\n}\n\n.bcds-react-aria-ToggleButton.small.icon {\n  padding: unset;\n  height: var(--icons-size-large);\n  width: var(--icons-size-large);\n  min-width: var(--icons-size-large);\n}\n\n.bcds-react-aria-ToggleButton.medium.icon {\n  padding: unset;\n  height: var(--icons-size-xlarge);\n  width: var(--icons-size-xlarge);\n  min-width: var(--icons-size-xlarge);\n}\n\n/* Active */\n.bcds-react-aria-ToggleButton[data-selected] {\n  background-color: var(--surface-color-secondary-button-default);\n  color: var(--typography-color-primary);\n  border: var(--layout-border-width-small) solid\n    var(--surface-color-secondary-button-default);\n  box-shadow: var(--surface-shadow-small);\n  /* Animate transition on select or deselect */\n  transition: 200ms ease;\n\n  @media (prefers-reduced-motion: reduce) {\n    transition: none;\n  }\n}\n\n/* Hover */\n.bcds-react-aria-ToggleButton[data-hovered] {\n  background-color: var(--surface-color-secondary-pressed);\n  color: var(--typography-color-primary);\n  border: var(--layout-border-width-small) solid\n    var(--surface-color-border-medium);\n  border-radius: var(--layout-border-radius-medium);\n}\n/* Focused */\n.bcds-react-aria-ToggleButton[data-focus-visible] {\n  background-color: var(--theme-blue-10);\n  outline: var(--layout-border-width-medium) solid\n    var(--surface-color-border-active);\n}\n\n/* Pressed */\n.bcds-react-aria-ToggleButton[data-hovered][data-pressed] {\n  background-color: var(--theme-gray-20);\n  border: var(--layout-border-width-small) solid var(--theme-gray-20);\n}\n\n/* Disabled */\n.bcds-react-aria-ToggleButton[data-disabled] {\n  color: var(--typography-color-disabled);\n  cursor: not-allowed;\n  /* Animate transition on disable or enable */\n  transition: 200ms ease;\n\n  @media (prefers-reduced-motion: reduce) {\n    transition: none;\n  }\n}\n";
 styleInject(css_248z$4);
 
 function ToggleButton({ size = "medium", children, isIconButton = false, ...props }) {
@@ -32263,8 +31971,8 @@ function Tooltip(props) {
 var css_248z = ".bcds-react-aria-NumberField {\n  display: flex;\n  flex-direction: column;\n  gap: var(--layout-margin-hair);\n  background-color: var(--surface-color-forms-default);\n  /* Hacks for `stretch`: https://caniuse.com/mdn-css_properties_max-width_stretch */\n  align-self: stretch;\n  max-width: -moz-available;\n  max-width: -webkit-fill-available;\n}\n/* Input and controls */\n.bcds-react-aria-NumberField--Group {\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  box-sizing: border-box;\n  border: var(--layout-border-width-small) solid\n    var(--surface-color-border-default);\n  border-radius: var(--layout-border-radius-medium);\n}\n/* Decrement button */\n.bcds-react-aria-NumberField--Group\n  > .bcds-react-aria-NumberField--Button:first-child {\n  border-right: var(--layout-border-width-small) solid\n    var(--surface-color-border-default);\n  border-radius: var(--layout-border-radius-none);\n}\n.bcds-react-aria-NumberField--Group\n  > .bcds-react-aria-NumberField--Button:first-child\n  > .bcds-react-aria-Button {\n  border-top-right-radius: var(--layout-border-radius-none);\n  border-bottom-right-radius: var(--layout-border-radius-none);\n}\n/* Increment button */\n.bcds-react-aria-NumberField--Group\n  > .bcds-react-aria-NumberField--Button:last-child {\n  border-left: var(--layout-border-width-small) solid\n    var(--surface-color-border-default);\n  border-radius: var(--layout-border-radius-none);\n}\n.bcds-react-aria-NumberField--Group\n  > .bcds-react-aria-NumberField--Button:last-child\n  > .bcds-react-aria-Button {\n  border-top-left-radius: var(--layout-border-radius-none);\n  border-bottom-left-radius: var(--layout-border-radius-none);\n}\n/* Button icons */\n.bcds-react-aria-NumberField--Group > button > svg {\n  color: var(--icons-color-primary);\n}\n/* Input container */\n.bcds-react-aria-NumberField--InputContainer {\n  display: flex;\n  flex-direction: row;\n  flex: 1 1 0;\n  min-width: 0;\n  align-items: center;\n  gap: var(--layout-margin-small);\n  padding: var(--layout-padding-small) 0.75rem;\n}\n/* Input field */\n.bcds-react-aria-NumberField--Input {\n  box-sizing: border-box;\n  border: none;\n  width: 100%;\n}\n\n/* Sizing */\n.bcds-react-aria-NumberField.medium > .bcds-react-aria-NumberField--Group {\n  height: 40px;\n}\n.bcds-react-aria-NumberField.medium .bcds-react-aria-NumberField--Input {\n  font: var(--typography-regular-body);\n}\n.bcds-react-aria-NumberField.small > .bcds-react-aria-NumberField--Group {\n  height: 32px;\n}\n.bcds-react-aria-NumberField.small .bcds-react-aria-NumberField--Input {\n  font: var(--typography-regular-small-body);\n}\n\n/* Label above the input field */\n.bcds-react-aria-NumberField--Label {\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-primary);\n  padding: var(--layout-padding-xsmall) var(--layout-padding-none);\n}\n\n/* \"Required\" label */\n.bcds-react-aria-NumberField--Label.required {\n  color: var(--typography-color-secondary);\n  padding: var(--layout-padding-small) var(--layout-padding-xsmall);\n}\n\n/* Description below the input field */\n.bcds-react-aria-NumberField--Description {\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-secondary);\n  padding: var(--layout-padding-xsmall) var(--layout-padding-none);\n}\n\n/* Hover state */\n.bcds-react-aria-NumberField--Group[data-hovered],\n.bcds-react-aria-NumberField--Group[data-hovered][data-disabled],\n.bcds-react-aria-NumberField--Group[data-hovered]\n  > .bcds-react-aria-NumberField--Button {\n  border-color: var(--surface-color-border-dark);\n}\n\n/* Focus state */\n.bcds-react-aria-NumberField--Group[data-focus-within],\n.bcds-react-aria-NumberField--Group[data-focus-within]\n  > .bcds-react-aria-NumberField--Button,\n.bcds-react-aria-NumberField--Group[data-hovered][data-focus-within]\n  > .bcds-react-aria-NumberField--Button {\n  border-color: var(--surface-color-border-active);\n}\n.bcds-react-aria-NumberField--Group[data-focus-within]\n  .bcds-react-aria-NumberField--Input,\n.bcds-react-aria-NumberField--Group[data-focus-visible]\n  .bcds-react-aria-NumberField--Input {\n  outline: none;\n}\n.bcds-react-aria-NumberField--Group[data-focus-visible] {\n  outline: solid var(--layout-border-width-medium)\n    var(--surface-color-border-active);\n  outline-offset: var(--layout-margin-hair);\n}\n\n/* Error state */\n.bcds-react-aria-NumberField--Error {\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-danger);\n}\n.bcds-react-aria-NumberField[data-invalid]\n  .bcds-react-aria-NumberField--InputContainer\n  > svg {\n  color: var(--icons-color-danger);\n}\n.bcds-react-aria-NumberField[data-invalid]\n  > .bcds-react-aria-NumberField--Group {\n  border-color: var(--support-border-color-danger);\n}\n.bcds-react-aria-NumberField[data-invalid]\n  > .bcds-react-aria-NumberField--Group\n  > .bcds-react-aria-NumberField--Button {\n  border-color: var(--support-border-color-danger);\n}\n\n/* Disabled and read-only states */\n.bcds-react-aria-NumberField[data-disabled]\n  > .bcds-react-aria-NumberField--Group,\n.bcds-react-aria-NumberField[data-disabled]\n  .bcds-react-aria-NumberField--Input {\n  background-color: var(--surface-color-forms-disabled);\n  color: var(--typography-color-disabled);\n  cursor: not-allowed;\n}\n.bcds-react-aria-NumberField--Group\n  > .bcds-react-aria-NumberField--Button\n  > .bcds-react-aria-Button[data-disabled] {\n  background-color: var(--surface-color-forms-disabled);\n}\n/* BCDS Button style tweaks */\n/* Hover/focus states */\n.bcds-react-aria-NumberField--Group[data-hovered]\n  > .bcds-react-aria-NumberField--Button\n  > .bcds-react-aria-Button,\n.bcds-react-aria-NumberField--Group[data-hovered]\n  > .bcds-react-aria-NumberField--Button\n  > .bcds-react-aria-Button[data-disabled] {\n  border-top: var(--layout-border-width-small) solid\n    var(--surface-color-border-dark);\n  border-bottom: var(--layout-border-width-small) solid\n    var(--surface-color-border-dark);\n}\n.bcds-react-aria-NumberField--Group[data-hovered][data-focus-within]\n  > .bcds-react-aria-NumberField--Button\n  > .bcds-react-aria-Button,\n.bcds-react-aria-NumberField--Group[data-focus-within]\n  > .bcds-react-aria-NumberField--Button\n  .bcds-react-aria-Button[data-disabled] {\n  border-top: var(--layout-border-width-small) solid\n    var(--surface-color-border-active);\n  border-bottom: var(--layout-border-width-small) solid\n    var(--surface-color-border-active);\n}\n/* Disabled/read-only states */\n.bcds-react-aria-NumberField--Group[data-disabled],\n.bcds-react-aria-NumberField--Group\n  > .bcds-react-aria-NumberField--Button\n  > .bcds-react-aria-Button[data-disabled] {\n  border-top: var(--layout-border-width-small) solid\n    var(--surface-color-border-default);\n  border-bottom: var(--layout-border-width-small) solid\n    var(--surface-color-border-default);\n}\n/* Error state */\n.bcds-react-aria-NumberField--Group[data-invalid]\n  > .bcds-react-aria-NumberField--Button\n  > .bcds-react-aria-Button,\n.bcds-react-aria-NumberField--Group[data-invalid][data-focus-within]\n  > .bcds-react-aria-NumberField--Button\n  > .bcds-react-aria-Button,\n.bcds-react-aria-NumberField--Group[data-invalid][data-hovered]\n  > .bcds-react-aria-NumberField--Button\n  > .bcds-react-aria-Button[data-disabled],\n.bcds-react-aria-NumberField--Group[data-invalid][data-focus-within]\n  > .bcds-react-aria-NumberField--Button\n  > .bcds-react-aria-Button[data-disabled] {\n  border-top: var(--layout-border-width-small) solid\n    var(--support-border-color-danger);\n  border-bottom: var(--layout-border-width-small) solid\n    var(--support-border-color-danger);\n}\n";
 styleInject(css_248z);
 
-function NumberField({ size = "medium", label, description, errorMessage, ...props }) {
-    return (jsx($10076bcc592bc574$export$63c5fa0b2fdccd2e, { className: `bcds-react-aria-NumberField ${size}`, minValue: 0, ...props, children: ({ isRequired, isInvalid }) => (jsxs(Fragment$1, { children: [label && (jsxs($43a3b93638fe5db9$export$b04be29aa201d4f5, { className: "bcds-react-aria-NumberField--Label", children: [label, isRequired && (jsx("span", { className: "bcds-react-aria-NumberField--Label required", children: "(required)" }))] })), jsxs($3a442827418ebe87$export$eb2fcfdbd7ba97d4, { className: "bcds-react-aria-NumberField--Group", children: [jsx("div", { className: "bcds-react-aria-NumberField--Button", children: size == "small" ? (jsx(Button, { size: "small", slot: "decrement", variant: "tertiary", isIconButton: true, children: jsx(SvgDashIcon, {}) })) : (jsx(Button, { slot: "decrement", variant: "tertiary", isIconButton: true, children: jsx(SvgDashIcon, {}) })) }), jsxs("div", { className: "bcds-react-aria-NumberField--InputContainer", children: [jsx($41fb335299a4a39e$export$f5b8910cec6cf069, { className: "bcds-react-aria-NumberField--Input" }), isInvalid && jsx(SvgExclamationIcon, {})] }), jsx("div", { className: "bcds-react-aria-NumberField--Button", children: size == "small" ? (jsx(Button, { size: "small", slot: "increment", variant: "tertiary", isIconButton: true, children: jsx(SvgPlusIcon, {}) })) : (jsx(Button, { slot: "increment", variant: "tertiary", isIconButton: true, children: jsx(SvgPlusIcon, {}) })) })] }), description && (jsx(Text, { className: "bcds-react-aria-NumberField--Description", slot: "description", children: description })), isInvalid && (jsx($1f3c3b1a70cec653$export$f551688fc98f2e09, { className: "bcds-react-aria-NumberField--Error", children: errorMessage }))] })) }));
+function NumberField({ size = "medium", label, description, minValue = 0, errorMessage, ...props }) {
+    return (jsx($10076bcc592bc574$export$63c5fa0b2fdccd2e, { className: `bcds-react-aria-NumberField ${size}`, minValue: minValue, ...props, children: ({ isRequired, isInvalid }) => (jsxs(Fragment$1, { children: [label && (jsxs($43a3b93638fe5db9$export$b04be29aa201d4f5, { className: "bcds-react-aria-NumberField--Label", children: [label, isRequired && (jsx("span", { className: "bcds-react-aria-NumberField--Label required", children: "(required)" }))] })), jsxs($3a442827418ebe87$export$eb2fcfdbd7ba97d4, { className: "bcds-react-aria-NumberField--Group", children: [jsx("div", { className: "bcds-react-aria-NumberField--Button", children: size == "small" ? (jsx(Button, { size: "small", slot: "decrement", variant: "tertiary", isIconButton: true, children: jsx(SvgDashIcon, {}) })) : (jsx(Button, { slot: "decrement", variant: "tertiary", isIconButton: true, children: jsx(SvgDashIcon, {}) })) }), jsxs("div", { className: "bcds-react-aria-NumberField--InputContainer", children: [jsx($41fb335299a4a39e$export$f5b8910cec6cf069, { className: "bcds-react-aria-NumberField--Input" }), isInvalid && jsx(SvgExclamationIcon, {})] }), jsx("div", { className: "bcds-react-aria-NumberField--Button", children: size == "small" ? (jsx(Button, { size: "small", slot: "increment", variant: "tertiary", isIconButton: true, children: jsx(SvgPlusIcon, {}) })) : (jsx(Button, { slot: "increment", variant: "tertiary", isIconButton: true, children: jsx(SvgPlusIcon, {}) })) })] }), description && (jsx(Text, { className: "bcds-react-aria-NumberField--Description", slot: "description", children: description })), isInvalid && (jsx($1f3c3b1a70cec653$export$f551688fc98f2e09, { className: "bcds-react-aria-NumberField--Error", children: errorMessage }))] })) }));
 }
 
 export { Accordion, AccordionGroup, AlertBanner, AlertDialog, Button, ButtonGroup, Calendar, Callout, Checkbox, CheckboxGroup, DatePicker, Dialog, $f2ff30fde7b014be$export$2e1e1122cf0cba88 as DialogTrigger, Footer, FooterLinks, Form, Header, Heading, InlineAlert, Link, Menu, MenuItem, $49319ee1285aa241$export$4b1545b4f2016d26 as MenuSection, $53e61d82d8b8611d$export$8b251419efc915eb as MenuSectionHeader, $49319ee1285aa241$export$27d2ad3c5815583e as MenuTrigger, Modal, NumberField, ProgressBar, ProgressCircle, Radio, RadioGroup, Select, Separator, Subheader, $49319ee1285aa241$export$ecabc99eeffab7ca as SubmenuTrigger, SvgBcLogo, SvgBcOutlineIcon, SvgBetaIcon, SvgCalendarIcon, SvgCheckCircleIcon, SvgCheckIcon, SvgChevronDownIcon, SvgChevronLeftIcon, SvgChevronRightIcon, SvgChevronUpIcon, SvgCloseIcon, SvgDashIcon$1 as SvgDashIcon, SvgExclamationCircleIcon, SvgExclamationIcon, SvgInfoIcon, SvgDashIcon as SvgMinusIcon, SvgPlaceholderIcon, SvgPlusIcon, SvgReactAriaIcon, SvgTooltipArrowUp, SvgUpRightFromSquareIcon, Switch, Tag, TagGroup, TagList, Text, TextArea, TextField, TimeField, ToggleButton, ToggleButtonGroup, Tooltip, $05a50f7d78b03ad9$export$8c610744efcf8a1d as TooltipTrigger };