@beeq/core 1.12.2 → 1.12.3-beta.0

package/dist/hydrate/index.js

@@ -138,6 +138,8 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
 const NAMESPACE = 'beeq';
 const BUILD = /* beeq */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", slotRelocation: true, state: true, updatable: true};
 
+const globalStyles = "@tailwind base;@tailwind utilities;@tailwind components;@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.border-spacing-0,.bordered{--tw-border-spacing-x:0;--tw-border-spacing-y:0}.after\\:scale-x-0:after,.bottom-center,.bq-link:after,.hover\\:after\\:scale-x-100:after,.sm\\:-translate-x-1\\/2,.top-center{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:\"Outfit\",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:\"Poppins\",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-xxl2{bottom:var(--bq-spacing-xxl2)}.end-0{inset-inline-end:0}.left-0{left:0}.top-0{top:0}.top-xxl2{top:var(--bq-spacing-xxl2)}.z-50{z-index:50}.m-4{margin:1rem}.inline-block{display:inline-block}.flex{display:flex}.h-\\[--bq-table--header-height\\]{height:var(--bq-table--header-height)}.max-h-full{max-height:100%}.w-full{width:100%}.max-w-full{max-width:100%}.border-separate{border-collapse:separate}.border-spacing-0{--tw-border-spacing-x:0px;--tw-border-spacing-y:0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.flex-col{flex-direction:column}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overscroll-none{overscroll-behavior:none}.rounded-\\[--bq-table--border-radius\\]{border-radius:var(--bq-table--border-radius)}.rounded-xs{border-radius:var(--bq-radius--xs)}.rounded-ee-\\[--bq-table--border-radius\\]{border-end-end-radius:var(--bq-table--border-radius)}.rounded-es-\\[--bq-table--border-radius\\]{border-end-start-radius:var(--bq-table--border-radius)}.rounded-se-\\[--bq-table--border-radius\\]{border-start-end-radius:var(--bq-table--border-radius)}.rounded-ss-\\[--bq-table--border-radius\\]{border-start-start-radius:var(--bq-table--border-radius)}.border-0{border-width:0}.border-s{border-width:var(--bq-stroke-s)}.border-solid{border-style:solid}.border-\\[--bq-table--border-color\\]{border-color:var(--bq-table--border-color)}.border-primary{border-color:var(--bq-stroke--primary)}.bg-\\[--bq-table--border-color\\]{background-color:var(--bq-table--border-color)}.bg-\\[--bq-table--row-selected-bg\\]{background-color:var(--bq-table--row-selected-bg)}.px-m{padding-left:var(--bq-spacing-m);padding-right:var(--bq-spacing-m)}.ps-\\[var\\(--bq-side-menu--width\\)\\]{padding-inline-start:var(--bq-side-menu--width)}.ps-\\[var\\(--bq-side-menu--width-collapse\\)\\]{padding-inline-start:var(--bq-side-menu--width-collapse)}.text-start{text-align:start}.font-\\[inherit\\]{font-family:inherit}.text-l{font-size:var(--bq-font-size--l)}.text-s{font-size:var(--bq-font-size--s)}.text-xl{font-size:var(--bq-font-size--xl)}.text-xs{font-size:var(--bq-font-size--xs)}.text-xxl{font-size:var(--bq-font-size--xxl)}.text-xxl2{font-size:var(--bq-font-size--xxl2)}.text-xxl3{font-size:var(--bq-font-size--xxl3)}.text-xxl4{font-size:var(--bq-font-size--xxl4)}.text-xxl5{font-size:var(--bq-font-size--xxl5)}.font-bold{font-weight:var(--bq-font-weight--bold)}.font-regular{font-weight:var(--bq-font-weight--regular)}.font-semibold{font-weight:var(--bq-font-weight--semibold)}.leading-regular{line-height:var(--bq-font-line-height--regular)}.leading-small{line-height:var(--bq-font-line-height--small)}.text-brand{color:var(--bq-text--brand)}.text-primary{color:var(--bq-text--primary)}.overline{text-decoration-line:overline}.no-underline{text-decoration-line:none}.outline{outline-style:solid}.outline-\\[length\\:--bq-table--border-width\\]{outline-width:var(--bq-table--border-width)}.outline-offset-\\[-1px\\]{outline-offset:-1px}.outline-offset-\\[-2px\\]{outline-offset:-2px}.outline-\\[--bq-table--row-selected-border\\]{outline-color:var(--bq-table--row-selected-border)}.transition-\\[padding-inline-start\\]{transition-duration:.15s;transition-property:padding-inline-start;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.content-empty{--tw-content:\"\";content:var(--tw-content)}.bs-1\\/2{block-size:50%}.bs-full{block-size:100%}.is-\\[--bq-table--border-width\\]{inline-size:var(--bq-table--border-width)}.is-full{inline-size:100%}.p-b-\\[--bq-table--cell-padding-block\\]{padding-block:var(--bq-table--cell-padding-block)}.p-b-\\[--bq-table--header-padding-block\\]{padding-block:var(--bq-table--header-padding-block)}.p-i-\\[--bq-table--cell-padding-inline\\]{padding-inline:var(--bq-table--cell-padding-inline)}.p-i-\\[--bq-table--header-padding-inline\\]{padding-inline:var(--bq-table--header-padding-inline)}.inset-bs-\\[--bq-table--header-divider-inset\\]{inset-block-start:var(--bq-table--header-divider-inset)}.inset-ie-0{inset-inline-end:0}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:100;src:url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJuktqUYLkn8BJ.woff2) format(\"woff2\");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:100;src:url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJuktqUYLkn8BJ.woff2) format(\"woff2\");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJuktqUYLkn8BJ.woff2) format(\"woff2\");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJuktqUYLkn8BJ.woff2) format(\"woff2\");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJuktqUYLkn8BJ.woff2) format(\"woff2\");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJuktqUYLkn8BJ.woff2) format(\"woff2\");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:100;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTucXtAOvWDSHFF.woff2) format(\"woff2\");unicode-range:U+0900-097f,U+1cd0-1cf9,U+200c-200d,U+20a8,U+20b9,U+20f0,U+25cc,U+a830-a839,U+a8e0-a8ff,U+11b00-11b09}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:100;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTufntAOvWDSHFF.woff2) format(\"woff2\");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:100;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTucHtAOvWDSA.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z11lFd2JQEl8qw.woff2) format(\"woff2\");unicode-range:U+0900-097f,U+1cd0-1cf9,U+200c-200d,U+20a8,U+20b9,U+20f0,U+25cc,U+a830-a839,U+a8e0-a8ff,U+11b00-11b09}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1JlFd2JQEl8qw.woff2) format(\"woff2\");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1xlFd2JQEk.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format(\"woff2\");unicode-range:U+0900-097f,U+1cd0-1cf9,U+200c-200d,U+20a8,U+20b9,U+20f0,U+25cc,U+a830-a839,U+a8e0-a8ff,U+11b00-11b09}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format(\"woff2\");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z11lFd2JQEl8qw.woff2) format(\"woff2\");unicode-range:U+0900-097f,U+1cd0-1cf9,U+200c-200d,U+20a8,U+20b9,U+20f0,U+25cc,U+a830-a839,U+a8e0-a8ff,U+11b00-11b09}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1JlFd2JQEl8qw.woff2) format(\"woff2\");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z11lFd2JQEl8qw.woff2) format(\"woff2\");unicode-range:U+0900-097f,U+1cd0-1cf9,U+200c-200d,U+20a8,U+20b9,U+20f0,U+25cc,U+a830-a839,U+a8e0-a8ff,U+11b00-11b09}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.woff2) format(\"woff2\");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z11lFd2JQEl8qw.woff2) format(\"woff2\");unicode-range:U+0900-097f,U+1cd0-1cf9,U+200c-200d,U+20a8,U+20b9,U+20f0,U+25cc,U+a830-a839,U+a8e0-a8ff,U+11b00-11b09}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1JlFd2JQEl8qw.woff2) format(\"woff2\");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}.display{font-size:var(--bq-font-size--xxl5)}.display,.h1,h1{font-family:inherit;font-weight:var(--bq-font-weight--regular);line-height:var(--bq-font-line-height--small)}.h1,h1{font-size:var(--bq-font-size--xxl4)}.h2,h2{font-size:var(--bq-font-size--xxl3)}.h2,.h3,h2,h3{font-family:inherit;font-weight:var(--bq-font-weight--regular);line-height:var(--bq-font-line-height--small)}.h3,h3{font-size:var(--bq-font-size--xxl2)}.h4,h4{font-family:inherit;font-size:var(--bq-font-size--xxl);font-weight:var(--bq-font-weight--regular);line-height:var(--bq-font-line-height--small)}.h5,h5{font-size:var(--bq-font-size--xl)}.h5,.h6,h5,h6{font-family:inherit;font-weight:var(--bq-font-weight--regular);line-height:var(--bq-font-line-height--regular)}.h6,h6{font-size:var(--bq-font-size--l)}.caption,figcaption{font-size:var(--bq-font-size--s)}.caption,.overline,figcaption{font-family:inherit;font-weight:var(--bq-font-weight--regular);line-height:var(--bq-font-line-height--regular)}.overline{font-size:var(--bq-font-size--xs)}.caption.semibold,.display.semibold,.h1.semibold,.h2.semibold,.h3.semibold,.h4.semibold,.h5.semibold,.h6.semibold,.overline.semibold,caption.semibold,h1.semibold,h2.semibold,h3.semibold,h4.semibold,h5.semibold,h6.semibold{font-weight:var(--bq-font-weight--semibold)}.caption.bold,.display.bold,.h1.bold,.h2.bold,.h3.bold,.h4.bold,.h5.bold,.h6.bold,.overline.bold,caption.bold,h1.bold,h2.bold,h3.bold,h4.bold,h5.bold,h6.bold{font-weight:var(--bq-font-weight--bold)}.bq-link{border-radius:var(--bq-radius--xs);color:var(--bq-text--brand);display:inline-block;position:relative;text-decoration-line:none}.bq-link:focus-visible{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.bq-link:hover{color:color-mix(in srgb,var(--bq-text--brand),var(--bq-hover) 20%)}.bq-link:active{color:color-mix(in srgb,var(--bq-text--brand),var(--bq-active) 20%)}.bq-link:after{--tw-scale-x:0;--tw-content:\"\";border-radius:var(--bq-radius--full);bottom:0;display:block;height:2px;position:absolute;transition-duration:.3s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.bq-link:after,.bq-link:hover:after{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bq-link:hover:after{--tw-scale-x:1;background-color:color-mix(in srgb,var(--bq-background--brand),var(--bq-hover) 20%)}.bq-link:active:after{background-color:color-mix(in srgb,var(--bq-background--brand),var(--bq-active) 20%);content:var(--tw-content)}.bq-body--side-menu{position:relative;transition-duration:.3s;transition-property:padding-inline-start;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bq-body--side-menu__collapse{padding-inline-start:var(--bq-side-menu--width-collapse)!important}.bq-body--side-menu__expand{padding-inline-start:var(--bq-side-menu--width)!important}.bq-notification-portal{inset-inline-end:0;max-height:100%;max-width:100%;position:fixed;top:0;z-index:50}.bq-notification-portal bq-notification{margin:1rem}.bq-toast-portal{display:flex;flex-direction:column;gap:var(--bq-spacing-s);left:0;max-height:100%;padding-left:var(--bq-spacing-m);padding-right:var(--bq-spacing-m);position:fixed;width:100%;z-index:50}@media (min-width:640px){.bq-toast-portal{left:auto;padding-left:0;padding-right:0;width:fit-content}}.bq-toast-portal.top-left{top:var(--bq-spacing-xxl2)}@media (min-width:640px){.bq-toast-portal.top-left{left:var(--bq-spacing-xxl2)}}.bq-toast-portal.top-center{top:var(--bq-spacing-xxl2)}@media (min-width:640px){.bq-toast-portal.top-center{--tw-translate-x:-50%;left:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.bq-toast-portal.top-right{top:var(--bq-spacing-xxl2)}@media (min-width:640px){.bq-toast-portal.top-right{right:var(--bq-spacing-xxl2)}}.bq-toast-portal.bottom-left{bottom:var(--bq-spacing-xxl2)}@media (min-width:640px){.bq-toast-portal.bottom-left{left:var(--bq-spacing-xxl2)}}.bq-toast-portal.bottom-center{bottom:var(--bq-spacing-xxl2)}@media (min-width:640px){.bq-toast-portal.bottom-center{--tw-translate-x:-50%;left:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.bq-toast-portal.bottom-right{bottom:var(--bq-spacing-xxl2)}@media (min-width:640px){.bq-toast-portal.bottom-right{right:var(--bq-spacing-xxl2)}}.bq-body--scroll-lock{overflow:hidden;overscroll-behavior:none}@supports(-webkit-touch-callout:none){.bq-body--scroll-lock{-webkit-overflow-scrolling:auto;overscroll-behavior:none}}:root{--bq-icon--direction:1;--bq-side-menu--width:256px;--bq-side-menu--width-collapse:72px}[dir=rtl]{--bq-icon--direction:-1}.bq-table{--bq-table--border-color:var(--bq-stroke--primary);--bq-table--border-style:solid;--bq-table--border-width:var(--bq-stroke-s);--bq-table--border-radius:var(--bq-radius--m);--bq-table--cell-padding-block:var(--bq-spacing-m);--bq-table--cell-padding-inline:var(--bq-spacing-m);--bq-table--header-divider-inset:25%;--bq-table--header-height:3.25rem;--bq-table--header-padding-block:var(--bq-spacing-xs);--bq-table--header-padding-inline:var(--bq-spacing-m);--bq-table--row-selected-bg:var(--bq-ui--brand-alt);--bq-table--row-selected-border:var(--bq-stroke--brand);font-size:var(--bq-font-size--s);inline-size:100%;overflow:hidden}.bq-table:not(.bordered){border-collapse:collapse}.bq-table:not(.bordered) th:after{--tw-content:\"\";background-color:var(--bq-table--border-color);block-size:50%;content:var(--tw-content);inline-size:var(--bq-table--border-width);inset-block-start:var(--bq-table--header-divider-inset);inset-inline-end:0;position:absolute}.bq-table:not(.bordered) tr.selected{border-radius:var(--bq-table--border-radius);outline-offset:-1px}.bq-table:not(.bordered) tr.selected td:first-child{border-end-start-radius:var(--bq-table--border-radius);border-start-start-radius:var(--bq-table--border-radius)}.bq-table:not(.bordered) tr.selected td:last-child{border-end-end-radius:var(--bq-table--border-radius);border-start-end-radius:var(--bq-table--border-radius)}.bq-table thead{border-color:var(--bq-table--border-color);border-style:solid;border-width:0;border-block-end-width:var(--bq-table--border-width);height:var(--bq-table--header-height)}.bq-table th{color:var(--bq-text--primary);font-weight:var(--bq-font-weight--semibold);padding-block:var(--bq-table--header-padding-block);padding-inline:var(--bq-table--header-padding-inline);position:relative;text-align:start}.bq-table tbody tr{border-color:var(--bq-table--border-color);border-style:solid;border-width:0;border-block-end-width:var(--bq-table--border-width);position:relative}.bq-table td{color:var(--bq-text--primary);padding-block:var(--bq-table--cell-padding-block);padding-inline:var(--bq-table--cell-padding-inline);position:relative;text-align:start}.bq-table tr.selected{background-color:var(--bq-table--row-selected-bg);border-block-end-width:0;outline-color:var(--bq-table--row-selected-border);outline-offset:-2px;outline-style:solid;outline-width:var(--bq-table--border-width)}.bq-table.compact{--bq-table--cell-padding-block:var(--bq-spacing-xs2);--bq-table--cell-padding-inline:var(--bq-spacing-xs2);--bq-table--header-height:2rem;--bq-table--header-padding-block:var(--bq-spacing-xs2);--bq-table--header-padding-inline:var(--bq-spacing-xs2)}.bq-table.bordered{--tw-border-spacing-x:0px;--tw-border-spacing-y:0px;border-collapse:separate;border-color:var(--bq-stroke--primary);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-width:var(--bq-stroke-s)}.bq-table.bordered td,.bq-table.bordered th{border-color:var(--bq-stroke--primary);border-style:solid;border-width:var(--bq-stroke-s)}.bq-table.bordered thead th:first-child{border-start-start-radius:var(--bq-table--border-radius)}.bq-table.bordered thead th:last-child{border-start-end-radius:var(--bq-table--border-radius)}.bq-table.bordered tbody tr:last-child td:first-child{border-end-start-radius:var(--bq-table--border-radius)}.bq-table.bordered tbody tr:last-child td:last-child{border-end-end-radius:var(--bq-table--border-radius)}.bq-table--container{block-size:100%;overflow-x:auto}.focus-visible\\:focus:focus-visible{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:bottom-0:after{bottom:0;content:var(--tw-content)}.after\\:block:after{content:var(--tw-content);display:block}.after\\:h-\\[2px\\]:after{content:var(--tw-content);height:2px}.after\\:w-full:after{content:var(--tw-content);width:100%}.after\\:scale-x-0:after{--tw-scale-x:0;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\\:rounded-full:after{border-radius:var(--bq-radius--full);content:var(--tw-content)}.after\\:transition-transform:after{content:var(--tw-content);transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\\:duration-300:after{content:var(--tw-content);transition-duration:.3s}.hover\\:text-hover-brand:hover{color:color-mix(in srgb,var(--bq-text--brand),var(--bq-hover) 20%)}.hover\\:after\\:scale-x-100:hover:after{--tw-scale-x:1;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:after\\:bg-hover-brand:hover:after{background-color:color-mix(in srgb,var(--bq-background--brand),var(--bq-hover) 20%);content:var(--tw-content)}.active\\:after\\:bg-active-brand:active:after{background-color:color-mix(in srgb,var(--bq-background--brand),var(--bq-active) 20%);content:var(--tw-content)}@media (min-width:640px){.sm\\:left-1\\/2{left:50%}.sm\\:left-auto{left:auto}.sm\\:left-xxl2{left:var(--bq-spacing-xxl2)}.sm\\:right-xxl2{right:var(--bq-spacing-xxl2)}.sm\\:w-fit{width:fit-content}.sm\\:-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\\:px-0{padding-left:0;padding-right:0}}";
+
 /*
  Stencil Hydrate Platform v4.41.3 | MIT Licensed | https://stenciljs.com
  */
@@ -487,6 +489,10 @@ function createShadowRoot(cmpMeta) {
     {
       shadowRoot.adoptedStyleSheets = [...shadowRoot.adoptedStyleSheets, globalStyleSheet];
     }
+  } else {
+    const styleElm = document.createElement("style");
+    styleElm.innerHTML = globalStyles;
+    shadowRoot.prepend(styleElm);
   }
 }
 var updateFallbackSlotVisibility = (elm) => {
@@ -3093,32 +3099,6 @@ function transformTag(tag) {
   return tag;
 }
 
-// src/runtime/vdom/jsx-runtime.ts
-function jsx(type, props, key) {
-  const propsObj = props || {};
-  const { children, ...rest } = propsObj;
-  let vnodeData = rest;
-  if (key !== void 0 && !("key" in rest)) {
-    vnodeData = { ...rest, key };
-  }
-  if (vnodeData && Object.keys(vnodeData).length === 0) {
-    vnodeData = null;
-  }
-  if (children !== void 0) {
-    if (Array.isArray(children)) {
-      return h(type, vnodeData, ...children);
-    }
-    if (typeof children === "object" && children !== null && "$flags$" in children) {
-      return h(type, vnodeData, children);
-    }
-    return h(type, vnodeData, children);
-  }
-  return h(type, vnodeData);
-}
-function jsxs(type, props, key) {
-  return jsx(type, props, key);
-}
-
 // src/runtime/vdom/vdom-annotations.ts
 var insertVdomAnnotations = (doc, staticComponents) => {
   if (doc != null) {
@@ -3264,6 +3244,22 @@ var insertChildVNodeAnnotations = (doc, vnodeChild, cmpData, hostId, depth, inde
   }
 };
 
+// src/hydrate/platform/h-async.ts
+var hAsync = (nodeName, vnodeData, ...children) => {
+  if (Array.isArray(children) && children.length > 0) {
+    const flatChildren = children.flat(Infinity);
+    if (flatChildren.some((child) => child instanceof Promise)) {
+      return Promise.all(flatChildren).then((resolvedChildren) => {
+        return h(nodeName, vnodeData, ...resolvedChildren);
+      }).catch((err2) => {
+        return h(nodeName, vnodeData);
+      });
+    }
+    return h(nodeName, vnodeData, ...flatChildren);
+  }
+  return h(nodeName, vnodeData);
+};
+
 // node_modules/minimatch/dist/esm/index.js
 var import_brace_expansion = __toESM(require_brace_expansion());
 
@@ -6283,24 +6279,24 @@ class BqAccordion {
     // Always the last one in the class.
     // ===================================
     render() {
-        return (jsxs("details", { class: {
+        return (hAsync("details", { key: 'da5a12645fb18b5b03b0c00a28fb613aa91b2ec6', class: {
                 [`bq-accordion overflow-hidden ${this.size} ${this.appearance}`]: true,
                 'no-animation': this.noAnimation,
                 disabled: this.disabled,
             }, open: this.open, part: "base", ref: (detailsElem) => {
                 this.detailsElem = detailsElem;
-            }, children: [jsxs("summary", { "aria-controls": "bq-accordion__content", "aria-disabled": this.disabled ? 'true' : 'false', "aria-expanded": this.expanded ? 'true' : 'false', class: "bq-accordion__header", id: "bq-accordion__header", onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, part: "header", role: "button", tabindex: this.disabled ? -1 : 0, children: [jsx("div", { class: { 'bq-accordion__header--prefix': true, '!hidden': !this.hasPrefix }, part: "prefix", ref: (element) => {
-                                this.prefixElem = element;
-                            }, children: jsx("slot", { name: "prefix", onSlotchange: this.handleSlotChange }, 'd8bf2db5a09d1ed2c1b73d20c14d991ee0d6d05e') }, '0a0a9e33888c75c61b1fd5c2788010f6343c3f35'), jsx("div", { class: "bq-accordion__header--text", part: "text", children: jsx("slot", { name: "header" }, 'cb7c7023adb0d4abf664704ccd75a04792abb4ac') }, '9a0cc57accf4fcad8cfb4f5fe71bbb3c75b27f41'), jsx("div", { class: { 'bq-accordion__header--suffix': true, '!hidden': !this.hasSuffix }, part: "suffix", ref: (element) => {
-                                this.suffixElem = element;
-                            }, children: jsx("slot", { name: "suffix", onSlotchange: this.handleSlotChange }, '6ba8e3f0aa016e6c9a84fbd0fab313ebc0e58091') }, '8684b0e7108acf8ff1ca02417e111c1837257cac'), jsx("div", { "aria-hidden": "true", class: {
-                                'flex items-center justify-center text-primary transition-transform duration-300 ease-in-out': true,
-                                '!hidden': this.open && !this.rotate,
-                                'rotate-180': this.rotate && this.open,
-                            }, children: jsx("slot", { name: "expand", children: jsx("bq-icon", { name: "plus" }, '3859de7351f959d7933099f5af98836ae14dc10d') }, '3eab5a012026d9f811f2e0f0c42c9786f2011cbe') }, '8a550639b44476bf3933fae9498f4997df9ff432'), jsx("div", { "aria-hidden": "true", class: {
-                                'flex items-center justify-center text-primary': true,
-                                '!hidden': (!this.open && !this.rotate) || this.rotate,
-                            }, children: jsx("slot", { name: "collapse", children: jsx("bq-icon", { name: "minus" }, '64647d9a985ae1a77feeefce604b0ee4eb4e3139') }, '854a17a1d7ccc32f15fec71672ec23a349789785') }, '5b4aa263e8cf82ce99ba150d3443ab08cff85486')] }, 'cfd1a99938b99541be4c6798e2fc82f9b5510021'), jsx("div", { "aria-labelledby": "bq-accordion__header", class: "bq-accordion__body overflow-hidden bg-ui-primary text-primary", part: "panel", role: "region", children: jsx("slot", { class: "bq-accordion__content block", id: "bq-accordion__content" }, 'e266fd8245c27ea9e8d95854bf42aafa6b17142a') }, '217e486696ee634400bfa7f0ae0040b60d1c3408')] }, '19dda693d37d0a6a711d8e8d40e90306b3ace319'));
+            } }, hAsync("summary", { key: '59e0cb7a06341785784a46af30cb53acefd2f759', "aria-controls": "bq-accordion__content", "aria-disabled": this.disabled ? 'true' : 'false', "aria-expanded": this.expanded ? 'true' : 'false', class: "bq-accordion__header", id: "bq-accordion__header", onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, part: "header", role: "button", tabindex: this.disabled ? -1 : 0 }, hAsync("div", { key: '2db7c4bc9e7eea0d59a1c98f627809bb5506025b', class: { 'bq-accordion__header--prefix': true, '!hidden': !this.hasPrefix }, part: "prefix", ref: (element) => {
+                this.prefixElem = element;
+            } }, hAsync("slot", { key: 'c92878b5a5d5732489f833e7153524f9339ea245', name: "prefix", onSlotchange: this.handleSlotChange })), hAsync("div", { key: '9d6effe690fc2f5205d795366d926de921859e25', class: "bq-accordion__header--text", part: "text" }, hAsync("slot", { key: '9041a223ea167c82b674978246c053318e305ff8', name: "header" })), hAsync("div", { key: 'd7b64e7cd51a85b2097478e775d22bd2544ab0ee', class: { 'bq-accordion__header--suffix': true, '!hidden': !this.hasSuffix }, part: "suffix", ref: (element) => {
+                this.suffixElem = element;
+            } }, hAsync("slot", { key: '54d7d90808b5ef95dd0335291a7f9d597590d209', name: "suffix", onSlotchange: this.handleSlotChange })), hAsync("div", { key: '003b726f317284d91c88ababa11cfd899b481e40', "aria-hidden": "true", class: {
+                'flex items-center justify-center text-primary transition-transform duration-300 ease-in-out': true,
+                '!hidden': this.open && !this.rotate,
+                'rotate-180': this.rotate && this.open,
+            } }, hAsync("slot", { key: '5d19fe854e192e415e1b42d1b9c51a6400ff4289', name: "expand" }, hAsync("bq-icon", { key: '163438d298ac687447f58b1f42b29dfb1e7dc7d0', name: "plus" }))), hAsync("div", { key: '26150395f63e65f4c8f7a54a21296fbd7c11fa3f', "aria-hidden": "true", class: {
+                'flex items-center justify-center text-primary': true,
+                '!hidden': (!this.open && !this.rotate) || this.rotate,
+            } }, hAsync("slot", { key: 'b30afb3dad67a9c3b112574254a5b4dc7ae796b8', name: "collapse" }, hAsync("bq-icon", { key: 'de68eecbc616343175e9554178b6af3b75d5a077', name: "minus" })))), hAsync("div", { key: '8836c58e12a182bbae2323cdbb561ba120d65067', "aria-labelledby": "bq-accordion__header", class: "bq-accordion__body overflow-hidden bg-ui-primary text-primary", part: "panel", role: "region" }, hAsync("slot", { key: '3b877005c7c9fc05ea3f59bf73312ce122cdb1ff', class: "bq-accordion__content block", id: "bq-accordion__content" }))));
     }
     static get watchers() { return {
         "size": [{
@@ -6444,7 +6440,7 @@ class BqAccordionGroup {
     // Always the last one in the class.
     // ===================================
     render() {
-        return (jsx("div", { class: "flex flex-col gap-[--bq-accordion-group--gap]", part: "base", children: jsx("slot", {}, '72b21ed37ad96002f3e15c4c2268bfb69e34929e') }, '2697a74a88fc4266bd32bf6fb73614a36e55fd59'));
+        return (hAsync("div", { key: '646cf8dd63e62a13b26ba00b5ed8800a2dd6bed4', class: "flex flex-col gap-[--bq-accordion-group--gap]", part: "base" }, hAsync("slot", { key: 'efce7d88e22807675764ced32c76610c8106884f' })));
     }
     static get watchers() { return {
         "appearance": [{
@@ -6717,19 +6713,19 @@ class BqAlert {
         const style = {
             ...(this.border && { '--bq-alert--border-radius': `var(--bq-radius--${this.border})` }),
         };
-        return (jsx(Host, { "aria-hidden": !this.open ? 'true' : 'false', class: { 'is-sticky': this.sticky }, hidden: !this.open ? 'true' : 'false', role: "alert", style: style, children: jsxs("div", { class: { [`bq-alert bq-alert__${this.type}`]: true, 'is-sticky': this.sticky }, "data-transition-enter": "transition ease-out duration-300", "data-transition-enter-end": "opacity-100", "data-transition-enter-start": "opacity-0", "data-transition-leave": "transition ease-in duration-200", "data-transition-leave-end": "opacity-0", "data-transition-leave-start": "opacity-100", part: "wrapper", ref: (div) => {
-                    this.alertElement = div;
-                }, children: [!this.disableClose && (jsx("bq-button", { appearance: "text", border: "s", class: "absolute end-s [&::part(label)]:inline-flex", exportparts: "button:btn-close", label: "Close alert", onBqClick: () => this.hide(), onlyIcon: true, size: "small", children: jsx("slot", { name: "btn-close", children: jsx("bq-icon", { name: "x", size: 16, "aria-hidden": "true" }, 'b1c1758a819624255c9e9145313c53d0948d4317') }, '9dc4997fd7e21ec7458c47b7bfa2bff408663441') }, '8ac13cae18e896c21764d0cb02e64dc5d2ef252b')), jsx("div", { class: {
-                            [`bq-alert__icon--${this.type} me-s flex text-left align-top`]: true,
-                            '!hidden': this.hideIcon,
-                        }, part: "icon-outline", children: jsx("slot", { name: "icon", children: this.type !== 'default' && jsx("bq-icon", { exportparts: "base,svg", name: this.iconName, part: "icon" }, '29f8f4952a239f9f4a306cc2f3c4d6a2f50f207d') }, '85628e82cb4356decdf9db2af4250004d005c9df') }, 'e2130b19c0b877305c137b26d9f1efac69a8216b'), jsxs("div", { class: "flex flex-col items-start gap-[--bq-alert--content-footer-gap]", part: "main", children: [jsxs("div", { class: "flex flex-col gap-[--bq-alert--title-body-gap]", part: "content", children: [jsx("div", { class: {
-                                            'title-font font-semibold text-primary leading-regular': true,
-                                            'flex items-center': this.sticky,
-                                        }, part: "title", children: jsx("slot", {}, '411768f320069e92044541cfa6e1b3eedbffee81') }, '430660e5ef44ce9a028987c21b3831314169c942'), jsx("div", { class: { 'text-primary text-s leading-regular': true, '!hidden': !this.hasContent }, part: "body", ref: (div) => {
-                                            this.bodyElem = div;
-                                        }, children: jsx("slot", { name: "body", onSlotchange: this.handleSlotChange }, '3bad0d049a96f74a3201e1c83f2d68e1a10fbb08') }, '838d7681c34d77ade64c6ab6f388ead217876964')] }, '60d8d20becdfda022fb96146f933319f5c13cfe0'), jsx("div", { class: { 'flex items-start gap-xs': true, '!hidden': !this.hasFooter }, part: "footer", ref: (div) => {
-                                    this.footerElem = div;
-                                }, children: jsx("slot", { name: "footer", onSlotchange: this.handleSlotChange }, '04585ea20396f2d84da3e8ca6171454ae06cbea5') }, '9cd1165fa934ee302c494a1e4b6c35cff8c7279f')] }, 'c506271b985b19933d5248fad1025e50441dbbf6')] }, 'd2164298c7747c1de7d6c58e523902d814c24eae') }, '5c32cd7d95e520e31c12879d16358a5f049ecad5'));
+        return (hAsync(Host, { key: '1bb3f9932d458e902a6ba9214fcf3209368a42c3', "aria-hidden": !this.open ? 'true' : 'false', class: { 'is-sticky': this.sticky }, hidden: !this.open ? 'true' : 'false', role: "alert", style: style }, hAsync("div", { key: 'ea90514b1e17abfceb11ba982ea1e06ff5949eb7', class: { [`bq-alert bq-alert__${this.type}`]: true, 'is-sticky': this.sticky }, "data-transition-enter": "transition ease-out duration-300", "data-transition-enter-end": "opacity-100", "data-transition-enter-start": "opacity-0", "data-transition-leave": "transition ease-in duration-200", "data-transition-leave-end": "opacity-0", "data-transition-leave-start": "opacity-100", part: "wrapper", ref: (div) => {
+                this.alertElement = div;
+            } }, !this.disableClose && (hAsync("bq-button", { key: '01451d89b702a670958b0a03cfa360499f5a3578', appearance: "text", border: "s", class: "absolute end-s [&::part(label)]:inline-flex", exportparts: "button:btn-close", label: "Close alert", onBqClick: () => this.hide(), onlyIcon: true, size: "small" }, hAsync("slot", { key: 'f65b31ebc5a2b5f84cf9ad499b5924a1fe5abd87', name: "btn-close" }, hAsync("bq-icon", { key: 'fb89ee64678fcf3a71ac083affc65e10dcd1979e', name: "x", size: 16, "aria-hidden": "true" })))), hAsync("div", { key: 'eadfb7c1034aa996fca8c3a5b6dccf05adb5c432', class: {
+                [`bq-alert__icon--${this.type} me-s flex text-left align-top`]: true,
+                '!hidden': this.hideIcon,
+            }, part: "icon-outline" }, hAsync("slot", { key: '5573e0545c5f70e900449b7495bcbd9ef93bd994', name: "icon" }, this.type !== 'default' && hAsync("bq-icon", { key: 'c12c11e9996abcbb1244bf9380ff6e5adfff6361', exportparts: "base,svg", name: this.iconName, part: "icon" }))), hAsync("div", { key: '570d169e985de7661899ddc59326bcd833d24af1', class: "flex flex-col items-start gap-[--bq-alert--content-footer-gap]", part: "main" }, hAsync("div", { key: '018c1d5c964ad7f59ad4fe314be2b032b44aa65f', class: "flex flex-col gap-[--bq-alert--title-body-gap]", part: "content" }, hAsync("div", { key: 'b4abd2ca920f79d9f42973243d9ef0df90c20c94', class: {
+                'title-font font-semibold text-primary leading-regular': true,
+                'flex items-center': this.sticky,
+            }, part: "title" }, hAsync("slot", { key: '96c8482b4de8cd88e73d6cc9b5a39a5c6d1dcde9' })), hAsync("div", { key: '0eb2bd72f8782e1b30355568fdaaab0fe99f0bbd', class: { 'text-primary text-s leading-regular': true, '!hidden': !this.hasContent }, part: "body", ref: (div) => {
+                this.bodyElem = div;
+            } }, hAsync("slot", { key: '357fbc3dbf82f59a0e51127b0c3fd1b4eab82c4a', name: "body", onSlotchange: this.handleSlotChange }))), hAsync("div", { key: '414eff0712b4a4b7677a168ba8f5ee2f4299418e', class: { 'flex items-start gap-xs': true, '!hidden': !this.hasFooter }, part: "footer", ref: (div) => {
+                this.footerElem = div;
+            } }, hAsync("slot", { key: 'fa8f1282859815bd86a560f9d9eb2848f9de8676', name: "footer", onSlotchange: this.handleSlotChange }))))));
     }
     static get watchers() { return {
         "autoDismiss": [{
@@ -6915,18 +6911,18 @@ class BqAvatar {
     // Always the last one in the class.
     // ===================================
     render() {
-        return (jsxs(Host, { children: [jsxs("div", { "aria-label": this.label, class: {
-                        'bq-avatar': true,
-                        [`size--${this.size}`]: true,
-                        'rounded-[--bq-avatar--border-radius-circle]': this.shape === 'circle',
-                        'rounded-[--bq-avatar--border-radius-squareXs]': this.shape === 'square' && this.size === 'xsmall',
-                        'rounded-[--bq-avatar--border-radius-squareS]': this.shape === 'square' && this.size === 'small',
-                        'rounded-[--bq-avatar--border-radius-squareM]': this.shape === 'square' && (this.size === 'medium' || this.size === 'large'),
-                    }, part: "base", role: "img", children: [this.initials && (jsx("span", { class: "bs-full is-full absolute inset-bs-0 start-0 inline-flex items-center justify-center font-bold text-primary", part: "text", children: this.trimmedInitials }, 'adf6b55a6e63d07c3c5764dba6a1bd46de936112')), this.image && !this.hasError && (jsx("img", { alt: this.altText ?? undefined, class: "bs-full is-full absolute inset-bs-0 start-0 object-cover", onError: this.onImageError, part: "img", src: this.image }, '59d74314e304499ab01353b8ced85b74bfe30d8c'))] }, '504d72cd94112ad6d041a77af5def324b04f9f6a'), jsx("div", { class: {
-                        'absolute flex items-center justify-center': true,
-                        'inset-bs-[--bq-avatar--badge-top-square] start-[--bq-avatar--badge-left-square]': this.shape === 'square',
-                        'inset-bs-[--bq-avatar--badge-top-circle] start-[--bq-avatar--badge-left-circle]': this.shape === 'circle',
-                    }, part: "badge", children: jsx("slot", { name: "badge" }, '1cbe852fc506c9616bc4d3b59efe01e14f46b294') }, '2286ab1541c363deea0745a60f918a15a578119a')] }, '223df872ba27f65126949314fd5cc311066e9cc6'));
+        return (hAsync(Host, { key: 'd542134d8c9b763e908c7573ad8430a131e2751e' }, hAsync("div", { key: 'b8445c73138ab0c321fa77c2c477eb514626b73d', "aria-label": this.label, class: {
+                'bq-avatar': true,
+                [`size--${this.size}`]: true,
+                'rounded-[--bq-avatar--border-radius-circle]': this.shape === 'circle',
+                'rounded-[--bq-avatar--border-radius-squareXs]': this.shape === 'square' && this.size === 'xsmall',
+                'rounded-[--bq-avatar--border-radius-squareS]': this.shape === 'square' && this.size === 'small',
+                'rounded-[--bq-avatar--border-radius-squareM]': this.shape === 'square' && (this.size === 'medium' || this.size === 'large'),
+            }, part: "base", role: "img" }, this.initials && (hAsync("span", { key: '1b73eb51ae99dfcf22e8f8be7d3d272d21bc7b19', class: "bs-full is-full absolute inset-bs-0 start-0 inline-flex items-center justify-center font-bold text-primary", part: "text" }, this.trimmedInitials)), this.image && !this.hasError && (hAsync("img", { key: 'cb7143ed83d135c3f611b4caf6d842ef25b522dd', alt: this.altText ?? undefined, class: "bs-full is-full absolute inset-bs-0 start-0 object-cover", onError: this.onImageError, part: "img", src: this.image }))), hAsync("div", { key: '20745fee89866cccf35f6863bfb8a9eff14aa387', class: {
+                'absolute flex items-center justify-center': true,
+                'inset-bs-[--bq-avatar--badge-top-square] start-[--bq-avatar--badge-left-square]': this.shape === 'square',
+                'inset-bs-[--bq-avatar--badge-top-circle] start-[--bq-avatar--badge-left-circle]': this.shape === 'circle',
+            }, part: "badge" }, hAsync("slot", { key: '220d8780e323c32d838ce761dad35e4ecb92b656', name: "badge" }))));
     }
     static get watchers() { return {
         "image": [{
@@ -7082,14 +7078,14 @@ class BqBadge {
             ...(this.backgroundColor && { '--bq-badge--background-color': getColorCSSVariable(this.backgroundColor) }),
             ...(this.textColor && { '--bq-badge--text-color': getColorCSSVariable(this.textColor) }),
         };
-        return (jsx(Host, { style: styles, children: jsx("div", { class: {
-                    'bq-badge': true,
-                    [`size--${this.size}`]: this.contentLength === 0,
-                    digit: this.contentLength > 0,
-                    'p-i-xs2': this.contentLength > 1,
-                }, part: "base", children: jsx("span", { class: "font-bold text-xs leading-small", part: "number", ref: (element) => {
-                        this.spanElement = element;
-                    }, children: jsx("slot", { onSlotchange: this.handleSlotChange }, '8f9415c3553ffdbce2648fc51f2b13219f5f0e92') }, '48257204ed0e405e0285faed7fdbcfc71bf9d0a4') }, '0eff9208b94e6a95d4054df951b8a7ebef5ac875') }, '62aa0bc73e0bb039ef11fa654c0778ddebf9973e'));
+        return (hAsync(Host, { key: '4d6b4653506d8b406226c839d96744f0960058be', style: styles }, hAsync("div", { key: '7c025d136551f77a5ba224f322b4c4d547940514', class: {
+                'bq-badge': true,
+                [`size--${this.size}`]: this.contentLength === 0,
+                digit: this.contentLength > 0,
+                'p-i-xs2': this.contentLength > 1,
+            }, part: "base" }, hAsync("span", { key: '25ec4c8b78a3bf191692da8d70d0c8a3d7765e16', class: "font-bold text-xs leading-small", part: "number", ref: (element) => {
+                this.spanElement = element;
+            } }, hAsync("slot", { key: '900f53f255db157c50de876c4d43235b3c116d2b', onSlotchange: this.handleSlotChange })))));
     }
     static get watchers() { return {
         "size": [{
@@ -7209,11 +7205,11 @@ class BqBreadcrumb {
     // Always the last one in the class.
     // ===================================
     render() {
-        return (jsxs(Host, { children: [jsx("nav", { "aria-label": this.label, class: "flex items-center", part: "navigation", ref: (elem) => {
-                        this.navElem = elem;
-                    }, children: jsx("slot", { onSlotchange: this.handleSlotChange }, '281a873e92e56f97049616ee82a63adc78e5578f') }, '35030be4b40c56abee812d15558262d7eb15f3ab'), jsx("span", { "aria-hidden": "true", hidden: true, part: "separator", ref: (element) => {
-                        this.spanElem = element;
-                    }, children: jsx("slot", { name: "separator", children: jsx("span", { class: "is-3 flex items-center justify-center", children: "/" }, '79fa0d26e937fb87f472be5cf9613cac662c3b79') }, '44a3585aad5e83b2fa7ff338702b2e7596990bcc') }, 'f72776ca0dce58151bef2b8263d8684828da11c6')] }, '1005d042790614a9ca0ae38d05e93f128193aa0a'));
+        return (hAsync(Host, { key: 'aae87cc8b4a6faf6fd4f98ecd3a417332f0b11a5' }, hAsync("nav", { key: 'eeebb3ae723f6ec75ea707109c8e80eec8a96fd8', "aria-label": this.label, class: "flex items-center", part: "navigation", ref: (elem) => {
+                this.navElem = elem;
+            } }, hAsync("slot", { key: '733199ba2016771d7ef4f6b4dfafd7934cc25f60', onSlotchange: this.handleSlotChange })), hAsync("span", { key: '16bc244633fba3223f7e3e62105b00b0d0d992a9', "aria-hidden": "true", hidden: true, part: "separator", ref: (element) => {
+                this.spanElem = element;
+            } }, hAsync("slot", { key: 'ded02598143fef6596e929c1f0b12c5aa8a9e346', name: "separator" }, hAsync("span", { key: '13bbd7d815f75140665e09519283945ed38227c6', class: "is-3 flex items-center justify-center" }, "/")))));
     }
     static get style() { return bqBreadcrumbCss(); }
     static get cmpMeta() { return {
@@ -7336,7 +7332,7 @@ class BqBreadcrumbItem {
     render() {
         const isLink = isDefined(this.href);
         const TagElem = isLink ? 'a' : 'button';
-        return (jsxs("div", { class: "flex items-center", part: "base", children: [jsx(TagElem, { class: "breadcrumb-item", href: isLink ? this.href : undefined, onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, part: "item", rel: isLink && this.target ? 'noreferrer noopener' : undefined, target: isLink ? this.target : undefined, children: jsx("span", { class: "flex items-center gap-xs2", part: "content", children: jsx("slot", {}, 'c0040b5ef53400e89776184c3c39b04604654d9b') }, '6d1cb5c7269db437675589c170a89a22a59c25bd') }, 'd2a03460d88c78d9765316169860d0f29d634a86'), jsx("span", { class: "breadcrumb-separator", part: "separator", children: jsx("slot", { name: "separator" }, '0ee412fee8256011c04df8f2906beb8696e22810') }, '9f698e839e864a1ce3f97dcc5462d768b532b337')] }, '1414ecc049740b809bcf383e8405e04da71f2b63'));
+        return (hAsync("div", { key: '76b21263852564dd2819baa47f0ea6bd0cecaaba', class: "flex items-center", part: "base" }, hAsync(TagElem, { key: '57fe9fc084c3b04eb3c64241987811b1f6f032da', class: "breadcrumb-item", href: isLink ? this.href : undefined, onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, part: "item", rel: isLink && this.target ? 'noreferrer noopener' : undefined, target: isLink ? this.target : undefined }, hAsync("span", { key: 'fb853379089aa81a865557b9d76a4ee42a864e36', class: "flex items-center gap-xs2", part: "content" }, hAsync("slot", { key: 'd447ccd4592702202a53cb9aecc6bcd0ce0eddf1' }))), hAsync("span", { key: 'eecbe1bca281af57f5fa604f9ab7282078ecefeb', class: "breadcrumb-separator", part: "separator" }, hAsync("slot", { key: '4c016aecf135483b32fb879bc0625e8955a9f4eb', name: "separator" }))));
     }
     static get style() { return bqBreadcrumbItemCss(); }
     static get cmpMeta() { return {
@@ -7581,23 +7577,23 @@ class BqButton {
         const style = {
             ...(this.border && { '--bq-button--border-radius': `var(--bq-radius--${this.border})` }),
         };
-        return (jsx(Host, { style: style, children: jsxs(TagElem, { "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.label ?? undefined, class: {
-                    'bq-button': true,
-                    [`bq-button--${this.appearance}`]: true,
-                    [`content-${this.justifyContent}`]: true,
-                    [`${this.variant}`]: true,
-                    [`${this.size}`]: true,
-                    block: this.block,
-                    disabled: this.disabled,
-                    'has-prefix': this.hasPrefix,
-                    'has-suffix': this.hasSuffix,
-                    loading: this.loading,
-                    'only-icon': this.onlyIcon,
-                }, disabled: this.disabled, download: isLink ? this.download : undefined, href: isLink ? this.href : undefined, onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, part: "button", rel: isLink && this.target ? 'noreferrer noopener' : undefined, tabIndex: this.disabled ? -1 : 0, target: isLink ? this.target : undefined, type: this.type, children: [jsx("span", { class: "bq-button__prefix", part: "prefix", ref: (spanElem) => {
-                            this.prefixElem = spanElem;
-                        }, children: jsx("slot", { name: "prefix", onSlotchange: this.handleSlotChange }, '55575b413c59f9499932490fb3ee2551ff709bce') }, '5f1f85af3d7e96b2114174c9081edab4d694f809'), jsx("span", { class: "bq-button__label", part: "label", children: jsx("slot", {}, '7d9a81d3372e34d3830f5e13b1cecdfe72cc6a63') }, 'fb1d5752b5c6ea83ef03e7dfafae09d62b773bb8'), jsx("span", { class: "bq-button__suffix", part: "suffix", ref: (spanElem) => {
-                            this.suffixElem = spanElem;
-                        }, children: jsx("slot", { name: "suffix", onSlotchange: this.handleSlotChange }, '671f87b0a668528881ac47476a4a8730487ee56c') }, '9d6f8f7e8059227149234299e00f353982db3212'), this.loading && jsx("bq-icon", { class: "bq-button__loader", name: "spinner-gap" }, 'd7ab32aba962018d2584f35c45bb2675c565695c')] }, 'b3c2855e63f79457f88123a21b71e13490bc6f13') }, '112ba618a14a84e57dd17427422b6088b518d6c1'));
+        return (hAsync(Host, { key: '59aa5d609765eb449a0c880b51e9047d846c1d39', style: style }, hAsync(TagElem, { key: 'a41c8a26f4baabc52c6baff2d36a6080949a0b9a', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.label ?? undefined, class: {
+                'bq-button': true,
+                [`bq-button--${this.appearance}`]: true,
+                [`content-${this.justifyContent}`]: true,
+                [`${this.variant}`]: true,
+                [`${this.size}`]: true,
+                block: this.block,
+                disabled: this.disabled,
+                'has-prefix': this.hasPrefix,
+                'has-suffix': this.hasSuffix,
+                loading: this.loading,
+                'only-icon': this.onlyIcon,
+            }, disabled: this.disabled, download: isLink ? this.download : undefined, href: isLink ? this.href : undefined, onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, part: "button", rel: isLink && this.target ? 'noreferrer noopener' : undefined, tabIndex: this.disabled ? -1 : 0, target: isLink ? this.target : undefined, type: this.type }, hAsync("span", { key: 'a371c05dfb53e89de6baccf7f32c266392f39e78', class: "bq-button__prefix", part: "prefix", ref: (spanElem) => {
+                this.prefixElem = spanElem;
+            } }, hAsync("slot", { key: '14d062855f2a5e6b5314402c450a251bcec63f56', name: "prefix", onSlotchange: this.handleSlotChange })), hAsync("span", { key: 'eddde84e0d66e759ddae018f1d2593e88dd14962', class: "bq-button__label", part: "label" }, hAsync("slot", { key: 'e311be1ac0f20eda0fea376953efd4dd44e2ce1d' })), hAsync("span", { key: 'cc3e13436975f93402ee230b654bbaa85aeec8ce', class: "bq-button__suffix", part: "suffix", ref: (spanElem) => {
+                this.suffixElem = spanElem;
+            } }, hAsync("slot", { key: '211a86e553a17b1985175375fc22c87b409d5fe2', name: "suffix", onSlotchange: this.handleSlotChange })), this.loading && hAsync("bq-icon", { key: '5684d748b4ccdf7731e98cd1e67f8233bf96383f', class: "bq-button__loader", name: "spinner-gap" }))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
@@ -7730,12 +7726,12 @@ class BqCard {
         const style = {
             ...(this.border && { '--bq-card--borderRadius': `var(--bq-radius--${this.border})` }),
         };
-        return (jsx(Host, { style: style, children: jsx("div", { class: {
-                    'bq-card rounded-[--bq-card--borderRadius] border-[color:--bq-card--borderColor] border-[length:--bq-card--borderWidth] bg-[--bq-card--background]': true,
-                    'p-b-[--bq-card--padding] p-i-[--bq-card--padding]': this.type === 'default',
-                    // Remove padding for minimal card type
-                    'p-b-0 p-i-0': this.type === 'minimal',
-                }, part: "wrapper", children: jsx("slot", {}, 'b1663bad5dfb656e1cbb455fa715a6c789701b4c') }, '5b0508901a7a50a4987419a748fbff112b83a209') }, '79843b4331902edb6dc8409cb2a7085781135fd7'));
+        return (hAsync(Host, { key: '3ac2ef6895a154485e2123b9ea6298d437e0918a', style: style }, hAsync("div", { key: '1b8ccdca965fec742339ff11869e080cb49d9bb3', class: {
+                'bq-card rounded-[--bq-card--borderRadius] border-[color:--bq-card--borderColor] border-[length:--bq-card--borderWidth] bg-[--bq-card--background]': true,
+                'p-b-[--bq-card--padding] p-i-[--bq-card--padding]': this.type === 'default',
+                // Remove padding for minimal card type
+                'p-b-0 p-i-0': this.type === 'minimal',
+            }, part: "wrapper" }, hAsync("slot", { key: 'd7b652982dc0e9e1eae929416d5bd88fcf0c5c3b' }))));
     }
     static get watchers() { return {
         "type": [{
@@ -7968,15 +7964,15 @@ class BqCheckbox {
     // Always the last one in the class.
     // ===================================
     render() {
-        return (jsxs("label", { "aria-label": this.name || 'checkbox', class: {
+        return (hAsync("label", { key: 'ac095d204487e115cb1d11cf63f5688dc30be6ba', "aria-label": this.name || 'checkbox', class: {
                 'bq-checkbox group': true,
                 'is-checked': this.checked,
                 'is-indeterminate': this.indeterminate,
                 'is-disabled !cursor-not-allowed': this.disabled,
                 'has-background': this.backgroundOnHover,
-            }, part: "base", children: [jsxs("div", { class: "bq-checkbox__control bs-[--bq-checkbox--size] is-[--bq-checkbox--size] relative box-border flex items-center justify-center p-b-xs3 p-i-xs3", part: "control", children: [jsx("input", { "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', checked: this.checked, class: "bq-checkbox__input pointer-events-none absolute m-b-0 m-i-0 p-b-0 p-i-0 opacity-0", disabled: this.disabled, form: this.formId, indeterminate: this.indeterminate, name: !isNil(this.name) ? this.name : undefined, onBlur: this.handleOnBlur, onChange: this.handleChange, onFocus: this.handleOnFocus, part: "input", ref: (input) => {
-                                this.inputElem = input;
-                            }, required: this.required, tabindex: "0", type: "checkbox", value: this.value }, '82705831b212ce4295abf361b33778096b1830d0'), jsxs("span", { class: "bq-checkbox__checkbox bs-full is-[--bq-checkbox--size] relative box-border flex items-center justify-center", part: "checkbox", children: [this.checked && (jsxs("svg", { "aria-hidden": "true", class: "bs-full is-full absolute text-neutral-white", viewBox: "0 0 256 256", xmlns: "http://www.w3.org/2000/svg", children: [jsx("path", { d: "M0 0h256v256H0z", fill: "none" }, 'b9639c45ba423f57e3d52ffcc139f7806cd16a4c'), jsx("path", { d: "M216 72 104 184l-56-56", fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "32" }, '0e870063a942e07968558c4c6217ba5e5e4cb07e')] }, '7eec03aadbeaf92e76cad339ef8b71d7a7202cf2')), !this.checked && this.indeterminate && (jsxs("svg", { "aria-hidden": "true", class: "bs-full is-full absolute text-neutral-white", fill: "currentColor", viewBox: "0 0 256 256", xmlns: "http://www.w3.org/2000/svg", children: [jsx("path", { d: "M0 0h256v256H0z", fill: "none" }, '4b0cf7e0dcf552aa21c9778eee796de3f4927916'), jsx("path", { d: "M40 128h176", fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "32" }, 'bfc9017dd7d5c89b68f292dcc91501b072f8374b')] }, '65ad79b2823f8a4a20459687fab6e1462943e013'))] }, '49f2681d3ac70f03a2f3b12f0404cb7d0e8f842e')] }, '8a6ccdc8d6386f308467c816351c5fbdc1ff3ec5'), jsx("span", { class: "bq-checkbox__label ps-xs text-start font-medium text-primary leading-regular group-hover-[&:not(.is-disabled)]:text-hover-primary group-[.is-disabled]:opacity-60", part: "label", children: jsx("slot", {}, '91709a8ae5aca9ea6b9db45d13eec7664961bb5d') }, 'a52dfe3e8800c3988a0af094a853396ee37d4167')] }, '5bac9ae4cab3a640fc43608f5e6a78f3a14f359f'));
+            }, part: "base" }, hAsync("div", { key: '2de34c0b5f1d2d67df7a10d3825bdfbd000cf9d3', class: "bq-checkbox__control bs-[--bq-checkbox--size] is-[--bq-checkbox--size] relative box-border flex items-center justify-center p-b-xs3 p-i-xs3", part: "control" }, hAsync("input", { key: 'eedf7c8931a93a33fea19a7472cd199c7198732a', "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', checked: this.checked, class: "bq-checkbox__input pointer-events-none absolute m-b-0 m-i-0 p-b-0 p-i-0 opacity-0", disabled: this.disabled, form: this.formId, indeterminate: this.indeterminate, name: !isNil(this.name) ? this.name : undefined, onBlur: this.handleOnBlur, onChange: this.handleChange, onFocus: this.handleOnFocus, part: "input", ref: (input) => {
+                this.inputElem = input;
+            }, required: this.required, tabindex: "0", type: "checkbox", value: this.value }), hAsync("span", { key: '6316510ffdb21d195f8ed0aa7ae46e02c5746266', class: "bq-checkbox__checkbox bs-full is-[--bq-checkbox--size] relative box-border flex items-center justify-center", part: "checkbox" }, this.checked && (hAsync("svg", { key: '11dfd11d0cac62b824169cf8312222348c5bd39c', "aria-hidden": "true", class: "bs-full is-full absolute text-neutral-white", viewBox: "0 0 256 256", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '0de7ed79d17f4a26356ad4cd4e61a4a8c573f9da', d: "M0 0h256v256H0z", fill: "none" }), hAsync("path", { key: 'b74ec0b4fded0752a4d494ed264c30beb97026e3', d: "M216 72 104 184l-56-56", fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "32" }))), !this.checked && this.indeterminate && (hAsync("svg", { key: '5eb4937e2654ce5d87521303d1d21583c31c3394', "aria-hidden": "true", class: "bs-full is-full absolute text-neutral-white", fill: "currentColor", viewBox: "0 0 256 256", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'a2205d8f2d4212c6c06590ea9cf1e3c7f9d72f6a', d: "M0 0h256v256H0z", fill: "none" }), hAsync("path", { key: '1001683358e518ca20ffdd0fe18a276452a2f69f', d: "M40 128h176", fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "32" }))))), hAsync("span", { key: '0735d4ebff84e967c511f23ea3c4700217b0e37a', class: "bq-checkbox__label ps-xs text-start font-medium text-primary leading-regular group-hover-[&:not(.is-disabled)]:text-hover-primary group-[.is-disabled]:opacity-60", part: "label" }, hAsync("slot", { key: 'a212b9b8b092b87a537575048156c5cd590e5976' }))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
@@ -8626,7 +8622,7 @@ class BqDatePicker {
     generateCalendarMonth = (offset, className = '') => {
         if (!this.isCallyLoaded)
             return null;
-        return jsx("calendar-month", { class: className, exportparts: CALENDAR_MONTH_EXPORT_PARTS, offset: offset });
+        return hAsync("calendar-month", { class: className, exportparts: CALENDAR_MONTH_EXPORT_PARTS, offset: offset });
     };
     /**
      * Generates an array of Elements representing the calendar months.
@@ -8683,24 +8679,24 @@ class BqDatePicker {
     render() {
         const CallyCalendar = this.calendarType;
         const labelId = `bq-date-picker__label-${this.name || DEFAULT_INPUT_ID}`;
-        return (jsxs("div", { class: "bq-date-picker", part: "base", children: [jsx("label", { "aria-labelledby": labelId, class: { 'bq-date-picker__label': true, '!hidden': !this.hasLabel }, htmlFor: this.name || DEFAULT_INPUT_ID, part: "label", ref: (labelElem) => {
-                        this.labelElem = labelElem;
-                    }, children: jsx("slot", { id: labelId, name: "label", onSlotchange: this.handleSlotChange }, '6070c604475bef562672492c607435e7ac647c1a') }, '5a0aeb21acf08cacbf320ef6a87a2d8237ebedd0'), jsxs("bq-dropdown", { class: "bq-date-picker__dropdown is-full [&::part(panel)]:is-auto [&::part(panel)]:p-m", disabled: this.disabled, distance: this.distance, exportparts: "panel", open: this.open, panelHeight: this.panelHeight, placement: this.placement, skidding: this.skidding, strategy: this.strategy, children: [jsxs("div", { class: {
-                                'bq-date-picker__control': true,
-                                [`validation-${this.validationStatus}`]: true,
-                                disabled: this.disabled,
-                            }, part: "control", slot: "trigger", children: [jsx("span", { class: { 'bq-date-picker__control--prefix': true, '!hidden': !this.hasPrefix }, part: "prefix", ref: (spanElem) => {
-                                        this.prefixElem = spanElem;
-                                    }, children: jsx("slot", { name: "prefix", onSlotchange: this.handleSlotChange }, '7f3bbec696f39303127be65762bb2a6dcf36be3e') }, '3cef7076a1f189e5f906e4a9b702ad896758177c'), jsx("input", { "aria-controls": `${this.name}`, "aria-describedby": this.hasLabel ? labelId : null, "aria-disabled": this.disabled ? 'true' : 'false', "aria-invalid": this.validationStatus === 'error' ? 'true' : 'false', "aria-haspopup": "dialog", autoCapitalize: "off", autoComplete: "off", class: "bq-date-picker__control--input", disabled: this.disabled, form: this.form, id: this.name || DEFAULT_INPUT_ID, name: this.name, onBlur: this.handleBlur, onChange: this.handleChange, onFocus: this.handleFocus, part: "input", placeholder: this.placeholder, readonly: this.type !== 'single', ref: (inputElem) => {
-                                        this.inputElem = inputElem;
-                                    }, required: this.required, spellcheck: false, type: "text", value: this.displayDate }, '535c3a503761a059186e8635fd5c3515f0a7a405'), this.hasValue && !this.disabled && !this.disableClear && (
-                                // The clear button will be visible as long as the input has a value
-                                // and the parent group is hovered or has focus-within
-                                jsx("bq-button", { appearance: "text", border: "s", class: "bq-date-picker__control--clear ms-[--bq-date-picker--gap] hidden [&::part(button)]:border-none [&::part(button)]:p-0", exportparts: "button", label: this.clearButtonLabel, onBqClick: this.handleClearClick, onlyIcon: true, part: "clear-btn", size: "small", children: jsx("slot", { name: "clear-icon", children: jsx("bq-icon", { "aria-hidden": "true", class: "flex", name: "x-circle" }, '9ad2d96b08e2221e03093ca76ad6dcd588707404') }, '971e0e91974086bd4b263ece346ff1de3639a231') }, 'dbf106fe06a46cc654ce3848035ae7c758586855')), jsx("span", { class: "bq-date-picker__control--suffix", part: "suffix", ref: (spanElem) => {
-                                        this.suffixElem = spanElem;
-                                    }, children: jsx("slot", { name: "suffix", onSlotchange: this.handleSlotChange, children: jsx("bq-icon", { class: "flex", name: "calendar-blank" }, 'ed788d286ead83d0cb56afb97a51f690f1a0a7fa') }, '0e9a0e5a7770726937bb0e82e79587706e383a2a') }, 'a59d1e17dedd9ca004bebe1cb6750fa9a22aadac')] }, '633d4083b42e3354d1b465deafc51a7124e41587'), this.isCallyLoaded && (jsxs(CallyCalendar, { "aria-labelledby": labelId, "aria-modal": "true", exportparts: CALENDAR_CONTAINER_EXPORT_PARTS, firstDayOfWeek: this.firstDayOfWeek, isDateDisallowed: this.isDateDisallowed, locale: this.locale, max: this.max, min: this.min, months: this.months, onChange: this.handleCalendarChange, onRangeend: this.handleCalendarRangeEnd, onRangestart: this.handleCalendarRangeStart, pageBy: this.monthsPerView, ref: (elem) => {
-                                this.callyElem = elem;
-                            }, role: "dialog", showOutsideDays: this.showOutsideDays, tentative: this.tentative, value: this.value, children: [jsx("bq-icon", { color: "text--primary", label: "Previous", name: "caret-left", slot: "previous" }, '5b717c86faaa5fc7733b080c5fc6c80518c6c064'), jsx("bq-icon", { color: "text--primary", label: "Next", name: "caret-right", slot: "next" }, '30cf13e187f0b0f1b5ead36875ddce8313d63ab9'), jsx("div", { class: "flex flex-wrap justify-center gap-[--bq-spacing-m]", children: this.generateCalendarMonths() }, '65561cf18c5c34d309d306c38fa682f61d719fec')] }, 'ba2fa07f289f65ca95e5f4d3513c0647e537d25a'))] }, '6e46bde115a7bc8950e1d48439ac17207a5b5cbb')] }, '00bdb12502734469ab0a29de76c830c1ca9dd927'));
+        return (hAsync("div", { key: 'd3bc7266653e663ceb7d09a7823bc3988ab94a39', class: "bq-date-picker", part: "base" }, hAsync("label", { key: 'b36af597441d055958e36c0e3804cd7bcf25e820', "aria-labelledby": labelId, class: { 'bq-date-picker__label': true, '!hidden': !this.hasLabel }, htmlFor: this.name || DEFAULT_INPUT_ID, part: "label", ref: (labelElem) => {
+                this.labelElem = labelElem;
+            } }, hAsync("slot", { key: '6a56eb52cf58f8aba43750a154cf8ed81f864960', id: labelId, name: "label", onSlotchange: this.handleSlotChange })), hAsync("bq-dropdown", { key: '1b2acccef5b1e12d3d3b4a239df4eda1f0df2e1f', class: "bq-date-picker__dropdown is-full [&::part(panel)]:is-auto [&::part(panel)]:p-m", disabled: this.disabled, distance: this.distance, exportparts: "panel", open: this.open, panelHeight: this.panelHeight, placement: this.placement, skidding: this.skidding, strategy: this.strategy }, hAsync("div", { key: 'cbe0e797f421654c647ccf9539d515f1d9d6b515', class: {
+                'bq-date-picker__control': true,
+                [`validation-${this.validationStatus}`]: true,
+                disabled: this.disabled,
+            }, part: "control", slot: "trigger" }, hAsync("span", { key: '8b9a4d62b9682a0b99d41aac5d6a0ef6e919e622', class: { 'bq-date-picker__control--prefix': true, '!hidden': !this.hasPrefix }, part: "prefix", ref: (spanElem) => {
+                this.prefixElem = spanElem;
+            } }, hAsync("slot", { key: '2cb3a8524d866c584a3cf5141acdb1ad92224e86', name: "prefix", onSlotchange: this.handleSlotChange })), hAsync("input", { key: 'a2a3dc60a66e9bb5fea79d58ed5b92583f735f91', "aria-controls": `${this.name}`, "aria-describedby": this.hasLabel ? labelId : null, "aria-disabled": this.disabled ? 'true' : 'false', "aria-invalid": this.validationStatus === 'error' ? 'true' : 'false', "aria-haspopup": "dialog", autoCapitalize: "off", autoComplete: "off", class: "bq-date-picker__control--input", disabled: this.disabled, form: this.form, id: this.name || DEFAULT_INPUT_ID, name: this.name, onBlur: this.handleBlur, onChange: this.handleChange, onFocus: this.handleFocus, part: "input", placeholder: this.placeholder, readonly: this.type !== 'single', ref: (inputElem) => {
+                this.inputElem = inputElem;
+            }, required: this.required, spellcheck: false, type: "text", value: this.displayDate }), this.hasValue && !this.disabled && !this.disableClear && (
+        // The clear button will be visible as long as the input has a value
+        // and the parent group is hovered or has focus-within
+        hAsync("bq-button", { key: 'd88805afb10746d198428dc0a6da5d550092bdff', appearance: "text", border: "s", class: "bq-date-picker__control--clear ms-[--bq-date-picker--gap] hidden [&::part(button)]:border-none [&::part(button)]:p-0", exportparts: "button", label: this.clearButtonLabel, onBqClick: this.handleClearClick, onlyIcon: true, part: "clear-btn", size: "small" }, hAsync("slot", { key: '9e0440b32ae931bbaf731645dff13fa9522f9fa8', name: "clear-icon" }, hAsync("bq-icon", { key: '48602de99d51ada0a61ee141276a54054e08264c', "aria-hidden": "true", class: "flex", name: "x-circle" })))), hAsync("span", { key: 'f1d346f483c58d0dbd64cf83baf0ef9f018eb94e', class: "bq-date-picker__control--suffix", part: "suffix", ref: (spanElem) => {
+                this.suffixElem = spanElem;
+            } }, hAsync("slot", { key: '5501e90797705d98883a0a9ec178ae21922407dd', name: "suffix", onSlotchange: this.handleSlotChange }, hAsync("bq-icon", { key: '0a7e047ade9014cb9997a0ffcf47098bbe6160eb', class: "flex", name: "calendar-blank" })))), this.isCallyLoaded && (hAsync(CallyCalendar, { key: 'cdbb9f9cb40d03b40f743d1086f9cc3c0055c233', "aria-labelledby": labelId, "aria-modal": "true", exportparts: CALENDAR_CONTAINER_EXPORT_PARTS, firstDayOfWeek: this.firstDayOfWeek, isDateDisallowed: this.isDateDisallowed, locale: this.locale, max: this.max, min: this.min, months: this.months, onChange: this.handleCalendarChange, onRangeend: this.handleCalendarRangeEnd, onRangestart: this.handleCalendarRangeStart, pageBy: this.monthsPerView, ref: (elem) => {
+                this.callyElem = elem;
+            }, role: "dialog", showOutsideDays: this.showOutsideDays, tentative: this.tentative, value: this.value }, hAsync("bq-icon", { key: '4c10bc74c6e248f07b66fc4af28917a9b83bcc48', color: "text--primary", label: "Previous", name: "caret-left", slot: "previous" }), hAsync("bq-icon", { key: '4f1875fa4e48db09e83ae5aa5c4c7ab0591cb2d4', color: "text--primary", label: "Next", name: "caret-right", slot: "next" }), hAsync("div", { key: '92d856991700e38e8fbf383eae2b8d2c85d0faed', class: "flex flex-wrap justify-center gap-[--bq-spacing-m]" }, this.generateCalendarMonths()))))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
@@ -9025,24 +9021,24 @@ class BqDialog {
         const style = {
             ...(this.border && { '--bq-dialog--border-radius': `var(--bq-radius--${this.border})` }),
         };
-        return (jsxs("dialog", { "aria-labelledby": "bq-dialog--title", "aria-modal": "true", class: {
+        return (hAsync("dialog", { key: 'a52424f5fcc4ea2f6662a882d0041978fb07fabd', "aria-labelledby": "bq-dialog--title", "aria-modal": "true", class: {
                 [`bq-dialog hidden ${this.size} m-auto focus-visible:outline-none`]: true,
                 'inset-be-[50%] inset-bs-[50%]': this.disableBackdrop,
             }, "data-transition-enter": "transition ease-in duration-300", "data-transition-enter-end": "opacity-100 scale-100", "data-transition-enter-start": "opacity-0 scale-90", "data-transition-leave": "transition ease-out duration-300", "data-transition-leave-end": "opacity-0 scale-90", "data-transition-leave-start": "opacity-100 scale-100", inert: this.open ? undefined : true, part: "dialog", ref: (dialogElem) => {
                 this.dialogElem = dialogElem;
-            }, style: style, children: [jsxs("main", { class: "flex flex-col gap-[--bq-dialog--title-body-gap] overflow-hidden", part: "content", children: [jsxs("header", { class: "bq-dialog--header", part: "header", children: [jsx("div", { class: "bq-dialog--title flex flex-1 items-center justify-between", id: "bq-dialog--title", part: "title", children: jsx("slot", { name: "title" }, 'bd4970734b763a921867d51461c4b7a68f961bbf') }, '41d12c58009f836237159f630e679e40b8480e93'), jsx("slot", { name: "button-close", children: !this.hideCloseButton && (jsx("bq-button", { appearance: "text", class: "bq-dialog--close", size: "small", onlyIcon: true, label: "Close", children: jsx("bq-icon", { name: "x", title: "Close", "aria-hidden": "true" }, 'caff3d8836c1b308543f53678fc9b580d2c8bc70') }, '2941bd829249ace44b507502dbcb44698dfacc01')) }, 'fd5ff616453b4f64626049392d2be9ed568615e4')] }, '534963f34e0dcd81164bdc006c8ded8c0de89269'), jsx("div", { class: {
-                                '!hidden': !this.hasContent,
-                                'overflow-y-auto p-i-[--bq-dialog--padding]': this.hasContent,
-                                '!p-be-[--bq-dialog--padding]': !this.hasFooter,
-                            }, part: "body", ref: (mainElem) => {
-                                this.contentElem = mainElem;
-                            }, children: jsx("slot", { onSlotchange: this.handleSlotChange }, 'e92e38e5922a76b052e8c2efb54f672860106690') }, '54587f113be5d6b976f916d7d3e5b88cee9bcf87')] }, '25e0205a6f047b3bc92efb09ca8b651c3f10a1f8'), jsx("footer", { class: {
-                        '!hidden': !this.hasFooter,
-                        'bq-dialog--footer': this.hasFooter,
-                        '!p-b-s bg-ui-alt': this.footerAppearance === 'highlight',
-                    }, part: "footer", ref: (footerElem) => {
-                        this.footerElem = footerElem;
-                    }, children: jsx("slot", { name: "footer", onSlotchange: this.handleSlotChange }, 'be13314b263469ccc19f2caae4aaf59f3cc1378b') }, '3f3aa2f3922458b3fc6d787f4ca82e4b9eb3a70b')] }, 'd5b6de7aef90a657a68a42236b99fe0985cce927'));
+            }, style: style }, hAsync("main", { key: '2c2167eac55b7108bca003c2b9d834933e3c2d27', class: "flex flex-col gap-[--bq-dialog--title-body-gap] overflow-hidden", part: "content" }, hAsync("header", { key: '81e28aa91f6f488a9dee784c366cdd5806f363b6', class: "bq-dialog--header", part: "header" }, hAsync("div", { key: '24ceb02dbc276a22d3191bed8ec50efe78601d6a', class: "bq-dialog--title flex flex-1 items-center justify-between", id: "bq-dialog--title", part: "title" }, hAsync("slot", { key: 'c7593d3930dba755f1bee330c9ff2bdb5cf12583', name: "title" })), hAsync("slot", { key: '22a5d57e2749670fd61544e1c76163c23b12a528', name: "button-close" }, !this.hideCloseButton && (hAsync("bq-button", { key: '0bd023bac036851bff9327c6a19a014843fccbff', appearance: "text", class: "bq-dialog--close", size: "small", onlyIcon: true, label: "Close" }, hAsync("bq-icon", { key: '96492c732cff028fee0960be287947bfa4312c46', name: "x", title: "Close", "aria-hidden": "true" }))))), hAsync("div", { key: '82033a3ea6752b8f7254c28fd5d6a3460bae3814', class: {
+                '!hidden': !this.hasContent,
+                'overflow-y-auto p-i-[--bq-dialog--padding]': this.hasContent,
+                '!p-be-[--bq-dialog--padding]': !this.hasFooter,
+            }, part: "body", ref: (mainElem) => {
+                this.contentElem = mainElem;
+            } }, hAsync("slot", { key: 'c5176e9f4e512e23b8df7592dc42f85e20d0fb5f', onSlotchange: this.handleSlotChange }))), hAsync("footer", { key: '1de7c5237750c07c8f1bfe0f3ab5c7b14c7a4229', class: {
+                '!hidden': !this.hasFooter,
+                'bq-dialog--footer': this.hasFooter,
+                '!p-b-s bg-ui-alt': this.footerAppearance === 'highlight',
+            }, part: "footer", ref: (footerElem) => {
+                this.footerElem = footerElem;
+            } }, hAsync("slot", { key: '281311f4b6e15547b5caf5d312908bb1db358184', name: "footer", onSlotchange: this.handleSlotChange }))));
     }
     static get watchers() { return {
         "footerAppearance": [{
@@ -9222,20 +9218,20 @@ class BqDivider {
             ...(this.strokeThickness && { '--bq-divider--stroke-thickness': `${this.strokeThickness}px` }),
             ...(!isNil(this.strokeBasis) && { '--bq-divider--stroke-basis': `${this.strokeBasis}px` }),
         };
-        return (jsx(Host, { style: styles, children: jsxs("div", { class: {
-                    'bq-divider': true,
-                    [`bq-divider--${this.orientation}`]: true,
-                    [`bq-divider--title__${this.titleAlignment}`]: true,
-                    'gap-0': !this.hasTitle,
-                }, part: "base", ref: (div) => {
-                    this.titleElem = div;
-                }, children: [jsx("svg", { "aria-hidden": "true", class: {
-                            'bq-divider--stroke start': true,
-                            '!hidden': this.strokeBasis === 0 && this.titleAlignment === 'start',
-                        }, part: "dash-start", children: jsx("line", { ...this.strokeAttributes, part: "dash-start-line" }, 'a78ab60f0fc1dbda6ebda276145bc3656d57e53d') }, '200095fbbae67c379e7682d40e757f794f0483fe'), jsx("slot", { onSlotchange: this.handleSlotChange }, '249b3fd1ffee046fc7f7706f6359cd30af9c9420'), jsx("svg", { "aria-hidden": "true", class: {
-                            'bq-divider--stroke end': true,
-                            '!hidden': !this.hasTitle || (this.strokeBasis === 0 && this.titleAlignment === 'end'),
-                        }, part: "dash-end", children: jsx("line", { ...this.strokeAttributes, part: "dash-end-line" }, 'a1d84549325dfac4c2780f5ff77d4b51bc85c5be') }, '5107088457ed12cce7be8a739115ff3d4e3fe17f')] }, '6df9b34d94c93a2e3d2d12214846ed0f77f006bc') }, '645748d8009ba03019df8f8daba502b863429c59'));
+        return (hAsync(Host, { key: '4103d484b5ccb459e9c6cbbb2bdfa2e2f6b4828c', style: styles }, hAsync("div", { key: '873d97ed59ed11212daf79e8fdadbf90efd1db58', class: {
+                'bq-divider': true,
+                [`bq-divider--${this.orientation}`]: true,
+                [`bq-divider--title__${this.titleAlignment}`]: true,
+                'gap-0': !this.hasTitle,
+            }, part: "base", ref: (div) => {
+                this.titleElem = div;
+            } }, hAsync("svg", { key: '993928654e09cef10c7c1e1ebb5c0cb8da67bc95', "aria-hidden": "true", class: {
+                'bq-divider--stroke start': true,
+                '!hidden': this.strokeBasis === 0 && this.titleAlignment === 'start',
+            }, part: "dash-start" }, hAsync("line", { key: '36ad986e0b9328e1fb903e7b844783c10a29d464', ...this.strokeAttributes, part: "dash-start-line" })), hAsync("slot", { key: 'e1cc1c809970e7694895a6d85338b43e697fd658', onSlotchange: this.handleSlotChange }), hAsync("svg", { key: '1cb61ca3051f40b19dc3003c3d24b882416961df', "aria-hidden": "true", class: {
+                'bq-divider--stroke end': true,
+                '!hidden': !this.hasTitle || (this.strokeBasis === 0 && this.titleAlignment === 'end'),
+            }, part: "dash-end" }, hAsync("line", { key: '063e4c1eb33d0e7c55fa78cb2521ac89353bc050', ...this.strokeAttributes, part: "dash-end-line" })))));
     }
     static get watchers() { return {
         "orientation": [{
@@ -9511,24 +9507,24 @@ class BqDrawer {
     // Always the last one in the class.
     // ===================================
     render() {
-        return (jsxs(Host, { children: [this.enableBackdrop && (jsx("div", { class: {
-                        'fixed inset-0 block bg-[--bq-drawer--backgroundBackdrop] opacity-0 transition-opacity duration-300': true,
-                        'pointer-events-none': !this.open,
-                        'opacity-60': this.open,
-                    }, part: "backdrop", tabIndex: -1 }, '8a34d126f80e691b63e1ff20c8d10bbb9d244d03')), jsxs("div", { "aria-hidden": !this.open ? 'true' : 'false', "aria-labelledby": "bq-drawer__title", "aria-modal": "true", class: {
-                        [`bq-drawer transition-all duration-300 ease-in-out ${this.position || this.placement}`]: true,
-                        '-start-[--bq-drawer--width]': this.isPositionStart,
-                        '-end-[--bq-drawer--width]': this.isPositionEnd,
-                        'start-0': this.open && this.isPositionStart,
-                        'end-0': this.open && this.isPositionEnd,
-                    }, hidden: !this.open, part: "panel", ref: (div) => {
-                        this.drawerElem = div;
-                    }, role: "dialog", children: [jsxs("header", { class: "flex items-center", part: "header", children: [jsx("h2", { class: "flex-1 items-center justify-between font-bold text-primary text-xl leading-regular", id: "bq-drawer__title", part: "title", children: jsx("slot", { name: "title" }, 'e4fd9b23e2c5020028a31c630771120bb449ba14') }, 'fcf2494499a94eb2102aa04d5bd3103c0f7fda3d'), jsx("div", { class: "flex", part: "button-close", children: jsx("bq-button", { appearance: "text", border: "s", class: "[&::part(label)]:inline-flex", exportparts: "button:button-close__btn,label:button-close__label", label: "Close", onBqClick: () => this.hide(), onlyIcon: true, size: "small", slot: "button-close", children: jsx("slot", { name: "button-close", children: jsx("bq-icon", { "aria-hidden": "true", name: "x-bold", title: "Close" }, '4d4f1f480383b0c16b290fd5406fb16ffa10649b') }, '6b23017c827353fc6a404b34cc388a32eb3c84f5') }, '66c669cfe5e914ff47ba362ad333b19b82d5635f') }, '12ee44b0fa7510c3857d47019048179cd5c93f1f')] }, 'f613345f2819c2d3376be9b46876b23196e423f2'), jsx("main", { class: "block flex-auto overflow-auto", part: "body", children: jsx("slot", {}, '12243cf148b1b321535579a812f6dac040047e6e') }, '05657d35b5b43cc4d51490be304857f60ad7b787'), jsxs("footer", { class: {
-                                block: true,
-                                '!hidden': !this.hasFooter,
-                            }, part: "footer", ref: (footerElem) => {
-                                this.footerElem = footerElem;
-                            }, children: [jsx("slot", { name: "footer-divider", children: jsx("bq-divider", { class: "mb-m block", dashed: true }, 'ca7129f0c9e5cc0d38b0e771b5b84b305ed350a5') }, 'a836e16cf514d31559fdcea0f556ac3653c6bbf0'), jsx("slot", { name: "footer", onSlotchange: this.handleFooterSlotChange }, 'f86f8ce234ab6e3b4902e50f6afc82fdb7922652')] }, '6b08220c28f1d777ab54db7c3b0e26c087541086')] }, '38a4365ba2a56d348780867fa30e60fd0e0e95b8')] }, 'b07e14536372506bdda69bbc677ce72c22c32677'));
+        return (hAsync(Host, { key: 'efb946ee8385eb53479a2775b0374a0545d19e2d' }, this.enableBackdrop && (hAsync("div", { key: 'b3afc7c855f826110f59af39118ec0677f1d878b', class: {
+                'fixed inset-0 block bg-[--bq-drawer--backgroundBackdrop] opacity-0 transition-opacity duration-300': true,
+                'pointer-events-none': !this.open,
+                'opacity-60': this.open,
+            }, part: "backdrop", tabIndex: -1 })), hAsync("div", { key: 'c86c49c074fd1e7d59de8d8df33fe43504fcb169', "aria-hidden": !this.open ? 'true' : 'false', "aria-labelledby": "bq-drawer__title", "aria-modal": "true", class: {
+                [`bq-drawer transition-all duration-300 ease-in-out ${this.position || this.placement}`]: true,
+                '-start-[--bq-drawer--width]': this.isPositionStart,
+                '-end-[--bq-drawer--width]': this.isPositionEnd,
+                'start-0': this.open && this.isPositionStart,
+                'end-0': this.open && this.isPositionEnd,
+            }, hidden: !this.open, part: "panel", ref: (div) => {
+                this.drawerElem = div;
+            }, role: "dialog" }, hAsync("header", { key: '6cd1d9ce70d4cb30d6524af6dd366e989e676c62', class: "flex items-center", part: "header" }, hAsync("h2", { key: '3212557ad0649414eb332e187acd52c96efbd835', class: "flex-1 items-center justify-between font-bold text-primary text-xl leading-regular", id: "bq-drawer__title", part: "title" }, hAsync("slot", { key: '6aebb931e8cea3ede8dde98c66ebf9a275d1cb66', name: "title" })), hAsync("div", { key: 'd68cac1a5bc9d7e7d4b4c885003630baae96c46e', class: "flex", part: "button-close" }, hAsync("bq-button", { key: '2d9ece0738afc94ac2b93e315fd814e9c5112930', appearance: "text", border: "s", class: "[&::part(label)]:inline-flex", exportparts: "button:button-close__btn,label:button-close__label", label: "Close", onBqClick: () => this.hide(), onlyIcon: true, size: "small", slot: "button-close" }, hAsync("slot", { key: '9f8cef6896ce38cacf0b2035dda22bfa92d61f10', name: "button-close" }, hAsync("bq-icon", { key: '173869695225aae3e1b17c3ad5bdf96902f85d8e', "aria-hidden": "true", name: "x-bold", title: "Close" }))))), hAsync("main", { key: '671bf595a03619ab1ace8262cf636d1b20728897', class: "block flex-auto overflow-auto", part: "body" }, hAsync("slot", { key: 'e3f41064ea0b690df0da286cf22e6ce6c8c0fae5' })), hAsync("footer", { key: 'efad25f94af91333beacf50450f74e25a4719505', class: {
+                block: true,
+                '!hidden': !this.hasFooter,
+            }, part: "footer", ref: (footerElem) => {
+                this.footerElem = footerElem;
+            } }, hAsync("slot", { key: 'fc2440d2e8bb7ef396ec8757ef4a9a53c2f2059e', name: "footer-divider" }, hAsync("bq-divider", { key: '5f8e1a591997cb7fa07a34ce7cc3bfd087d9c2cf', class: "mb-m block", dashed: true })), hAsync("slot", { key: '98ed77fe6ad40a1c6e9082e3f661a7d9aaa24e54', name: "footer", onSlotchange: this.handleFooterSlotChange })))));
     }
     static get watchers() { return {
         "open": [{
@@ -9742,7 +9738,7 @@ class BqDropdown {
         const style = {
             ...(this.panelHeight && { '--bq-panel--height': this.panelHeight }),
         };
-        return (jsxs("div", { class: "bq-dropdown", part: "base", children: [jsx("div", { "aria-controls": this.dropdownPanelId, "aria-haspopup": "true", class: "bq-dropdown__trigger block", part: "trigger", children: jsx("slot", { name: "trigger" }, '04a874f2e1563e256d39f2b8a9319f993ae42508') }, 'de46343dd60ac0152ce80f3e5338a9c670b4e3f1'), jsx("bq-panel", { class: "bq-dropdown__panel", disableScrollLock: this.disableScrollLock, distance: this.distance, exportparts: "panel", id: this.dropdownPanelId, open: this.open, part: "dropdown", placement: this.placement, sameWidth: this.sameWidth, skidding: this.skidding, strategy: this.strategy, style: style, children: jsx("slot", {}, '7e77d0529aebe004724782c3a6cfb6b10dd71613') }, '325ac39db04880b216d849a681f8e5700913c827')] }, '202060b1af8b945f539566d95fc1ab9b99f553e0'));
+        return (hAsync("div", { key: 'ae583f26db0f5dd9ed8a9b1bad4700fa1f43d64d', class: "bq-dropdown", part: "base" }, hAsync("div", { key: '5ed63cafc2149a554cf19f448b84f74b7e90ad4e', "aria-controls": this.dropdownPanelId, "aria-haspopup": "true", class: "bq-dropdown__trigger block", part: "trigger" }, hAsync("slot", { key: '4a0c6d8df5b8ea1be06db2b95f30603348b6d86a', name: "trigger" })), hAsync("bq-panel", { key: '863be4b92b73f3769edcabee007c622270074cb1', class: "bq-dropdown__panel", disableScrollLock: this.disableScrollLock, distance: this.distance, exportparts: "panel", id: this.dropdownPanelId, open: this.open, part: "dropdown", placement: this.placement, sameWidth: this.sameWidth, skidding: this.skidding, strategy: this.strategy, style: style }, hAsync("slot", { key: '94c1d32fbb1f0e19bce48851443e52c5471a09ed' }))));
     }
     static get watchers() { return {
         "open": [{
@@ -9867,31 +9863,31 @@ class BqEmptyState {
     // Always the last one in the class.
     // ===================================
     render() {
-        return (jsxs("div", { class: "inline-flex flex-col items-center", part: "wrapper", children: [jsx("div", { class: {
-                        'm-be-m': this.size === 'small',
-                        'm-be-xl': this.size === 'medium',
-                        'm-be-xxl': this.size === 'large',
-                    }, part: "thumbnail", children: jsx("slot", { name: "thumbnail", children: jsx("bq-icon", { exportparts: "base,svg", name: "database", part: "icon", size: this.iconSize }, 'a45fa58ef79f38d6b78293de36bb81f37168d9b7') }, 'b2638becbdb923b9af82a48e4f78db1a25c2b71b') }, '88f74c7597b0790c702c63a9d9d640bd5c74b7b0'), jsx("div", { class: {
-                        'font-bold text-primary leading-regular': true,
-                        'text-m': this.size === 'small',
-                        'text-l': this.size === 'medium',
-                        'text-xxl2': this.size === 'large',
-                        'm-be-xs': this.size === 'small' && this.hasBody,
-                        'm-be-m': this.size === 'medium' && this.hasBody,
-                        'm-be-l': this.size === 'large' && this.hasBody,
-                    }, part: "title", children: jsx("slot", {}, '845dc954984f9393d98eea9995911e7c5fe922db') }, 'fa40bbf8a03d790be012595c9293fef9bc7a2439'), jsx("div", { class: {
-                        'font-normal leading-regular': true,
-                        'text-s': this.size === 'small',
-                        'text-m': this.size === 'medium',
-                        'text-l': this.size === 'large',
-                        'm-be-m': this.size === 'small' && this.hasFooter,
-                        'm-be-l': this.size === 'medium' && this.hasFooter,
-                        'm-be-xl': this.size === 'large' && this.hasFooter,
-                    }, part: "body", ref: (div) => {
-                        this.bodyElem = div;
-                    }, children: jsx("slot", { name: "body", onSlotchange: this.handleSlotChange }, 'c3c73d7bb244fc3d8257de37e2afa1f8000d6fbc') }, '0b8c910850db1170f21e85f5c9ca44c42bd2267e'), jsx("div", { class: "flex items-start gap-xs", part: "footer", ref: (div) => {
-                        this.footerElem = div;
-                    }, children: jsx("slot", { name: "footer", onSlotchange: this.handleSlotChange }, 'adac122723255ced5684e08b66224eba10767162') }, '063cc492a6b27f0ed57361c63e8afdab463677cf')] }, '6bb005c4f292483b49308abbd604167024837a85'));
+        return (hAsync("div", { key: 'ca9753f87f3aa64c300215b3e1400810ff93cb02', class: "inline-flex flex-col items-center", part: "wrapper" }, hAsync("div", { key: '3a9b44d9d90bbd909e22a2cac0ce5437caefe7c4', class: {
+                'm-be-m': this.size === 'small',
+                'm-be-xl': this.size === 'medium',
+                'm-be-xxl': this.size === 'large',
+            }, part: "thumbnail" }, hAsync("slot", { key: '643c89912ebd98e4690c603d9dea6e158bf5b20d', name: "thumbnail" }, hAsync("bq-icon", { key: 'e60ce04ea42f7c5167c1c44bf0c496c1846f40b1', exportparts: "base,svg", name: "database", part: "icon", size: this.iconSize }))), hAsync("div", { key: 'a939eee07a7076849ac0619c8198bbc55e60c2c8', class: {
+                'font-bold text-primary leading-regular': true,
+                'text-m': this.size === 'small',
+                'text-l': this.size === 'medium',
+                'text-xxl2': this.size === 'large',
+                'm-be-xs': this.size === 'small' && this.hasBody,
+                'm-be-m': this.size === 'medium' && this.hasBody,
+                'm-be-l': this.size === 'large' && this.hasBody,
+            }, part: "title" }, hAsync("slot", { key: '34f897969f846ae3fc962e45201f719551fab812' })), hAsync("div", { key: 'a20024b1c429b05e4d69afff8f86d00d67a330c4', class: {
+                'font-normal leading-regular': true,
+                'text-s': this.size === 'small',
+                'text-m': this.size === 'medium',
+                'text-l': this.size === 'large',
+                'm-be-m': this.size === 'small' && this.hasFooter,
+                'm-be-l': this.size === 'medium' && this.hasFooter,
+                'm-be-xl': this.size === 'large' && this.hasFooter,
+            }, part: "body", ref: (div) => {
+                this.bodyElem = div;
+            } }, hAsync("slot", { key: 'bce4e2e9ed40496b40352395ffa4c746ca3dc640', name: "body", onSlotchange: this.handleSlotChange })), hAsync("div", { key: '782ad1f922b120301ba25cd5e303bdc8d01ca0a5', class: "flex items-start gap-xs", part: "footer", ref: (div) => {
+                this.footerElem = div;
+            } }, hAsync("slot", { key: '989ee75a06b199dc997f93f3828e0aa9699028a9', name: "footer", onSlotchange: this.handleSlotChange }))));
     }
     static get watchers() { return {
         "size": [{
@@ -10186,7 +10182,7 @@ class BqIcon {
             ...(color && { '--bq-icon--color': getColorCSSVariable(color) }),
             ...(size && { '--bq-icon--size': `${size}px` }),
         };
-        return (jsx(Host, { style: styles, children: jsx("div", { "aria-label": label ?? `${name} icon`, class: "bs-[--bq-icon--size] is-[--bq-icon--size] flex text-[--bq-icon--color]", innerHTML: this.svgContent, part: "base", role: "img" }, 'dd469cb5d05971c3521ebaf8ceb1a0fc530d5674') }, 'f969b183a0684a4471f7191e61d2b6a4a5d7dc0d'));
+        return (hAsync(Host, { key: '7d609e95807e9a4cd6be72e467b674ac9a0fef24', style: styles }, hAsync("div", { key: '95452929fe794238458d65447e2b57c39e67c4cf', "aria-label": label ?? `${name} icon`, class: "bs-[--bq-icon--size] is-[--bq-icon--size] flex text-[--bq-icon--color]", innerHTML: this.svgContent, part: "base", role: "img" })));
     }
     static get assetsDirs() { return ["svg"]; }
     static get watchers() { return {
@@ -10580,27 +10576,27 @@ class BqInput {
     // Always the last one in the class.
     // ===================================
     render() {
-        return (jsxs("div", { class: "bq-input", part: "base", children: [jsx("label", { "aria-label": this.name || this.fallbackInputId, class: { 'bq-input--label': true, '!hidden': !this.hasLabel }, htmlFor: this.name || this.fallbackInputId, part: "label", ref: (labelElem) => {
-                        this.labelElem = labelElem;
-                    }, children: jsx("slot", { name: "label", onSlotchange: this.handleSlotChange }, 'f086b82bf49ba6ff623e835cf6fde5d8ad91cf8b') }, '97c6d07ecad766b6e9f686c415519c79f419dfac'), jsxs("div", { class: {
-                        'bq-input--control': true,
-                        [`validation-${this.validationStatus}`]: true,
-                        disabled: this.disabled,
-                    }, part: "control", children: [jsx("span", { class: { 'bq-input--control__prefix': true, '!hidden': !this.hasPrefix }, part: "prefix", ref: (spanElem) => {
-                                this.prefixElem = spanElem;
-                            }, children: jsx("slot", { name: "prefix", onSlotchange: this.handleSlotChange }, 'eed7ff0ffc728c7aa0cc7ea6a9740cc5f37f4ff2') }, '60d7c84d19996f672e71b7846b63b94c71402fe8'), jsx("input", { "aria-disabled": this.disabled ? 'true' : 'false', autocapitalize: this.autocapitalize, autocomplete: this.autocomplete, autofocus: this.autofocus, class: "bq-input--control__input", disabled: this.disabled, form: this.form, id: this.name || this.fallbackInputId, inputMode: this.inputmode, max: this.max, maxLength: this.maxlength, min: this.min, minLength: this.minlength, name: this.name, onBlur: this.handleBlur, onChange: this.handleChange, onFocus: this.handleFocus, onInput: this.handleInput, part: "input", pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, ref: (inputElem) => {
-                                this.inputElem = inputElem;
-                            }, required: this.required, step: this.step, type: this.type, value: this.value }, '3f2027f9b92335ef1e5c7a8b8cf51d7b2d34fd41'), this.hasValue && !this.disabled && !this.disableClear && (
-                        // The clear button will be visible as long as the input has a value
-                        // and the parent group is hovered or has focus-within
-                        jsx("bq-button", { appearance: "text", border: "s", class: "bq-input--control__clear ms-[--bq-date-picker--gap] hidden [&::part(button)]:border-none [&::part(button)]:p-0", exportparts: "button", label: this.clearButtonLabel, onBqClick: this.handleClearClick, onlyIcon: true, part: "clear-btn", size: "small", children: jsx("slot", { name: "clear-icon", children: jsx("bq-icon", { "aria-hidden": "true", class: "flex", name: "x-circle" }, '02d9ee81ee4c2ca93a5311e532ef972fc5ef6f68') }, '24e0b3472235cfafaef8e8893302161494084e6d') }, 'a8307f83b5cf4e1e4e5b66f863529bb2be162eb6')), jsx("span", { class: { 'bq-input--control__suffix': true, '!hidden': !this.hasSuffix }, part: "suffix", ref: (spanElem) => {
-                                this.suffixElem = spanElem;
-                            }, children: jsx("slot", { name: "suffix", onSlotchange: this.handleSlotChange }, 'a947095a99cd5287a00ada3801560715cd7c333f') }, '0b76cd07ef8df5fadd6aad9d7b6498c5e2dba757')] }, '471ed45b2a7c40a4355866fd8b91e9904b5ba932'), jsx("div", { class: {
-                        [`bq-input--helper-text validation-${this.validationStatus}`]: true,
-                        '!hidden': !this.hasHelperText,
-                    }, part: "helper-text", ref: (divElem) => {
-                        this.helperTextElem = divElem;
-                    }, children: jsx("slot", { name: "helper-text", onSlotchange: this.handleSlotChange }, '897182f144435ed0ea5d8a51d4a849ecb2cf00e1') }, 'b8cdf736c4dfbe43515aaa8ae56e263459b5ca6f')] }, '66e46174b5afe8cd7e5d246ce30f43a958246583'));
+        return (hAsync("div", { key: 'f4f5b217cabb4cd9bac80293c39a3ea0c8e90cb9', class: "bq-input", part: "base" }, hAsync("label", { key: '9ff6667bcb5dc4a29b039a426c3b8a61660402ff', "aria-label": this.name || this.fallbackInputId, class: { 'bq-input--label': true, '!hidden': !this.hasLabel }, htmlFor: this.name || this.fallbackInputId, part: "label", ref: (labelElem) => {
+                this.labelElem = labelElem;
+            } }, hAsync("slot", { key: 'de378fc3f0a6e8b9fd5c7ef410b2c20de1e2d3a4', name: "label", onSlotchange: this.handleSlotChange })), hAsync("div", { key: '70fed44122c2a666f71d066a1f414bcb86f5a650', class: {
+                'bq-input--control': true,
+                [`validation-${this.validationStatus}`]: true,
+                disabled: this.disabled,
+            }, part: "control" }, hAsync("span", { key: '0e8b29b9e13a874da3509477a52bc198ea30da73', class: { 'bq-input--control__prefix': true, '!hidden': !this.hasPrefix }, part: "prefix", ref: (spanElem) => {
+                this.prefixElem = spanElem;
+            } }, hAsync("slot", { key: '8499f9f20cc3e73f04e6de7311eab835e7b75d30', name: "prefix", onSlotchange: this.handleSlotChange })), hAsync("input", { key: '739101406af9113f0ab39ac331b70b3d048a58bd', "aria-disabled": this.disabled ? 'true' : 'false', autocapitalize: this.autocapitalize, autocomplete: this.autocomplete, autofocus: this.autofocus, class: "bq-input--control__input", disabled: this.disabled, form: this.form, id: this.name || this.fallbackInputId, inputMode: this.inputmode, max: this.max, maxLength: this.maxlength, min: this.min, minLength: this.minlength, name: this.name, onBlur: this.handleBlur, onChange: this.handleChange, onFocus: this.handleFocus, onInput: this.handleInput, part: "input", pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, ref: (inputElem) => {
+                this.inputElem = inputElem;
+            }, required: this.required, step: this.step, type: this.type, value: this.value }), this.hasValue && !this.disabled && !this.disableClear && (
+        // The clear button will be visible as long as the input has a value
+        // and the parent group is hovered or has focus-within
+        hAsync("bq-button", { key: 'dd6aa7e837d09335eef410359617ad317d1e048a', appearance: "text", border: "s", class: "bq-input--control__clear ms-[--bq-date-picker--gap] hidden [&::part(button)]:border-none [&::part(button)]:p-0", exportparts: "button", label: this.clearButtonLabel, onBqClick: this.handleClearClick, onlyIcon: true, part: "clear-btn", size: "small" }, hAsync("slot", { key: '10ee3f8591b0491c44ff7552f6e6d023dde2d023', name: "clear-icon" }, hAsync("bq-icon", { key: '4cc5bfa88e3cfbb0bc5e32cf0ed63ed8899059c5', "aria-hidden": "true", class: "flex", name: "x-circle" })))), hAsync("span", { key: '34856dd9d9ef6c459e259e47e03a866fa3ea4b10', class: { 'bq-input--control__suffix': true, '!hidden': !this.hasSuffix }, part: "suffix", ref: (spanElem) => {
+                this.suffixElem = spanElem;
+            } }, hAsync("slot", { key: '4ed615dcacd49e33773d645301b144278d3cae63', name: "suffix", onSlotchange: this.handleSlotChange }))), hAsync("div", { key: '1526539d9b70e042ff628e6dafca46b2615eed69', class: {
+                [`bq-input--helper-text validation-${this.validationStatus}`]: true,
+                '!hidden': !this.hasHelperText,
+            }, part: "helper-text", ref: (divElem) => {
+                this.helperTextElem = divElem;
+            } }, hAsync("slot", { key: 'b323181543a5bc46d6f1361055dc300f267ea68c', name: "helper-text", onSlotchange: this.handleSlotChange }))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
@@ -10909,17 +10905,17 @@ class BqNotification {
         const style = {
             ...(this.border && { '--bq-notification--border-radius': `var(--bq-radius--${this.border})` }),
         };
-        return (jsx(Host, { "aria-hidden": !this.open ? 'true' : 'false', class: { 'is-hidden': !this.open }, hidden: !this.open ? 'true' : 'false', role: "alert", style: style, children: jsxs("div", { class: "bq-notification", "data-transition-enter": "transform transition ease-out duration-300", "data-transition-enter-end": "translate-y-0 opacity-100 sm:translate-x-0", "data-transition-enter-start": "translate-y-xs opacity-0 sm:translate-y-0 sm:translate-x-s", "data-transition-leave": "transform transition ease-in duration-100", "data-transition-leave-end": "-translate-y-xs opacity-0 sm:translate-y-0 sm:translate-x-s", "data-transition-leave-start": "translate-y-0 opacity-100 sm:translate-x-0", part: "wrapper", ref: (div) => {
-                    this.notificationElem = div;
-                }, children: [!this.disableClose && (jsx("bq-button", { appearance: "text", border: "s", class: "absolute inset-ie-m [&::part(button)]:p-0", label: "Close", onBqClick: () => this.hide(), onlyIcon: true, part: "btn-close", size: "small", children: jsx("slot", { name: "btn-close", children: jsx("bq-icon", { "aria-hidden": "true", name: "x" }, 'e9f9e6dcf98416f7c08fc27148f9e29a8172d639') }, 'd48c04b8312c5e8406e99932b4fbcd2d2318281b') }, '26d4491711c093d73a1111f9f242067beba2216e')), jsx("div", { class: {
-                            '!hidden': this.hideIcon,
-                            [`color-${this.type}`]: true, // The icon color will be based on the type (info, success, warning, error)
-                            'notification--icon me-xs flex text-left align-top': true,
-                        }, part: "icon-outline", children: jsx("slot", { name: "icon", children: jsx("bq-icon", { exportparts: "base,svg", name: this.iconName, part: "icon" }, '84c6851efd1a00ea2bc09163f19d99745132663e') }, '087d0c9075c4d3a008928f1bac7b4ed25320149e') }, '27ea3035eaf10a85ee9799e528458a4bb5b85eaf'), jsxs("div", { class: "flex flex-col items-start gap-[--bq-notification--content-footer-gap]", part: "main", children: [jsxs("div", { class: "flex flex-col gap-[--bq-notification--title-body-gap]", part: "content", children: [jsx("div", { class: "title-font font-semibold leading-regular", part: "title", children: jsx("slot", {}, '28ea69a36d437bb362d07dad07944b2911bc1544') }, 'b76d5fd5299960bc10817edaad33973df601c6cf'), jsx("div", { class: { 'text-s leading-regular': true, '!hidden': !this.hasContent }, part: "body", ref: (div) => {
-                                            this.bodyElem = div;
-                                        }, children: jsx("slot", { name: "body", onSlotchange: this.handleSlotChange }, '9579c2de900af09753e11bf815844519a5ed32c2') }, '6df2fee156ee13a64b4b09958eebbaf070e8e89a')] }, 'c8c111de95602acf9c7078ec4202ee2c03f36dc8'), jsx("div", { class: { 'flex items-start gap-xs': true, '!hidden': !this.hasFooter }, part: "footer", ref: (div) => {
-                                    this.footerElem = div;
-                                }, children: jsx("slot", { name: "footer", onSlotchange: this.handleSlotChange }, '168a55c7e0aeb56001cb5b56aa5210588a7620d8') }, '5cac890b2d5eb8d9d9e04b863d78c84ecf69c67d')] }, '6db46730f5002c3e94f6e33e366af831eb3a40b9')] }, 'e1b74480a2526c2739c08760ad0324fc85d7d536') }, '3a16720348de3bd1c0642f15c8821c7300b0867c'));
+        return (hAsync(Host, { key: '50f8cdb42efa01007b01bcaee82c261a124cb917', "aria-hidden": !this.open ? 'true' : 'false', class: { 'is-hidden': !this.open }, hidden: !this.open ? 'true' : 'false', role: "alert", style: style }, hAsync("div", { key: '6147f1a1a832b02f0be4d799548f620bb975f67f', class: "bq-notification", "data-transition-enter": "transform transition ease-out duration-300", "data-transition-enter-end": "translate-y-0 opacity-100 sm:translate-x-0", "data-transition-enter-start": "translate-y-xs opacity-0 sm:translate-y-0 sm:translate-x-s", "data-transition-leave": "transform transition ease-in duration-100", "data-transition-leave-end": "-translate-y-xs opacity-0 sm:translate-y-0 sm:translate-x-s", "data-transition-leave-start": "translate-y-0 opacity-100 sm:translate-x-0", part: "wrapper", ref: (div) => {
+                this.notificationElem = div;
+            } }, !this.disableClose && (hAsync("bq-button", { key: '0b25461348347a3c248af52619a1309cd1098e17', appearance: "text", border: "s", class: "absolute inset-ie-m [&::part(button)]:p-0", label: "Close", onBqClick: () => this.hide(), onlyIcon: true, part: "btn-close", size: "small" }, hAsync("slot", { key: '4c8bd5002ab827bfc6ca8f8393f1a89b19dd5bce', name: "btn-close" }, hAsync("bq-icon", { key: 'fcd71fa37255da11edb409205e12492d2d8996f8', "aria-hidden": "true", name: "x" })))), hAsync("div", { key: '6f97f089f03f4aec8fd479e66985203de204b3cd', class: {
+                '!hidden': this.hideIcon,
+                [`color-${this.type}`]: true, // The icon color will be based on the type (info, success, warning, error)
+                'notification--icon me-xs flex text-left align-top': true,
+            }, part: "icon-outline" }, hAsync("slot", { key: '9e2dbcbd84f5043959f8fdc99cca3bc084ad9a0d', name: "icon" }, hAsync("bq-icon", { key: '8f99e0b6f03306a25e349c4f141cacfa316853e6', exportparts: "base,svg", name: this.iconName, part: "icon" }))), hAsync("div", { key: '8d4dc714404ce7ceb0353d1d689f64ae6a6d33d1', class: "flex flex-col items-start gap-[--bq-notification--content-footer-gap]", part: "main" }, hAsync("div", { key: '2b78d175900647e8839ee9bbd4b99ff394196224', class: "flex flex-col gap-[--bq-notification--title-body-gap]", part: "content" }, hAsync("div", { key: 'b5e79d81ae31dac9ff11e29ac32cc4078e922137', class: "title-font font-semibold leading-regular", part: "title" }, hAsync("slot", { key: '2edebb9afe4181a1637899d3c4cb85fa0344c4ae' })), hAsync("div", { key: '1cfe45e470f4a67e98a99e73871415f8457d46a7', class: { 'text-s leading-regular': true, '!hidden': !this.hasContent }, part: "body", ref: (div) => {
+                this.bodyElem = div;
+            } }, hAsync("slot", { key: 'adc5b82445daa31e8c6cbce28f8faee5fd62782a', name: "body", onSlotchange: this.handleSlotChange }))), hAsync("div", { key: 'd5ee9db0959c004c05df9aafde7625a6623b66e7', class: { 'flex items-start gap-xs': true, '!hidden': !this.hasFooter }, part: "footer", ref: (div) => {
+                this.footerElem = div;
+            } }, hAsync("slot", { key: '5d2b2510e3523f59e101511a75b8e40180a74005', name: "footer", onSlotchange: this.handleSlotChange }))))));
     }
     static get watchers() { return {
         "autoDismiss": [{
@@ -11111,20 +11107,20 @@ class BqOption {
     // Always the last one in the class.
     // ===================================
     render() {
-        return (jsx(Host, { "aria-disabled": this.isDisabledOrHidden ? 'true' : 'false', "aria-hidden": this.hidden ? 'true' : 'false', "aria-selected": this.selected ? 'true' : 'false', role: "option", children: jsxs("button", { class: {
-                    'bq-option': true,
-                    active: !this.disabled && this.selected,
-                }, disabled: this.disabled, onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, part: "base", tabindex: this.isDisabledOrHidden ? '-1' : '0', type: "button", children: [jsx("span", { class: {
-                            'bq-option__prefix me-[--bq-option--gap-start] flex items-center': true,
-                            '!hidden': !this.hasPrefix,
-                        }, part: "prefix", ref: (elem) => {
-                            this.prefixElem = elem;
-                        }, children: jsx("slot", { name: "prefix", onSlotchange: this.handleSlotChange }, '9ae01e757cd0d27f9917245d8d8f4962e5f78c93') }, '08c41fadbc45d833a6ac72ffcf6468bf29914702'), jsx("span", { class: "bq-option__label", part: "label", children: jsx("slot", {}, '728ea34138e3c22a95d56d53504e4afc700dd587') }, 'b331fb016b8b6c32539386fb10e920dbf8321956'), jsx("span", { class: {
-                            'bq-option__suffix ms-[--bq-option--gap-end] ml-auto flex items-center': true,
-                            '!hidden': !this.hasSuffix,
-                        }, part: "suffix", ref: (elem) => {
-                            this.suffixElem = elem;
-                        }, children: jsx("slot", { name: "suffix", onSlotchange: this.handleSlotChange }, '7087ecfcaf0f87efe83eb497286613b50449d5a0') }, '57fd35712962de4cacb9b4f3e14820d2e7d7abd3')] }, 'b7d3b542e779a66a34dae8e4d1e009ab86e6dba9') }, '92739335e9917d171e4a1c9aa63928f3b0a18619'));
+        return (hAsync(Host, { key: 'c7a4669b738bdd89621ce20af7371fc19ad44a0a', "aria-disabled": this.isDisabledOrHidden ? 'true' : 'false', "aria-hidden": this.hidden ? 'true' : 'false', "aria-selected": this.selected ? 'true' : 'false', role: "option" }, hAsync("button", { key: 'c1306b0f6c379c8cb538379c4d46dea8951d50e0', class: {
+                'bq-option': true,
+                active: !this.disabled && this.selected,
+            }, disabled: this.disabled, onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, part: "base", tabindex: this.isDisabledOrHidden ? '-1' : '0', type: "button" }, hAsync("span", { key: 'f5f1e459b118f63df3ced8cf8d025420f9470c00', class: {
+                'bq-option__prefix me-[--bq-option--gap-start] flex items-center': true,
+                '!hidden': !this.hasPrefix,
+            }, part: "prefix", ref: (elem) => {
+                this.prefixElem = elem;
+            } }, hAsync("slot", { key: '6f3e0d0a7696674f75ac001c44e3b235d6c4b344', name: "prefix", onSlotchange: this.handleSlotChange })), hAsync("span", { key: '8d34df347f28bf3e4eef600162d8be6737b4ad54', class: "bq-option__label", part: "label" }, hAsync("slot", { key: 'af8fcc14f08a710d020fadf21f49dcf548eb955e' })), hAsync("span", { key: '96e095c549e9d5fb05f01eca67c2dfd4bba5fc28', class: {
+                'bq-option__suffix ms-[--bq-option--gap-end] ml-auto flex items-center': true,
+                '!hidden': !this.hasSuffix,
+            }, part: "suffix", ref: (elem) => {
+                this.suffixElem = elem;
+            } }, hAsync("slot", { key: 'bda265f82adbd5ebd87b85ba1eecc012ba687cc3', name: "suffix", onSlotchange: this.handleSlotChange })))));
     }
     static get style() { return bqOptionCss(); }
     static get cmpMeta() { return {
@@ -11219,7 +11215,7 @@ class BqOptionGroup {
     // Always the last one in the class.
     // ===================================
     render() {
-        return (jsxs("div", { class: "bg-ui-primary", children: [jsxs("legend", { class: "bq-option-group m-be-[--bq-option-group--gapY-list]", part: "label", children: [jsx("span", { class: "option-group__prefix flex items-center", part: "prefix", children: jsx("slot", { name: "header-prefix" }, 'dbd3f45451f0e6db02265259a9e59200d0ee8274') }, '2fa883db26205ff845ab7913a2a9ac0ebfae7520'), jsx("span", { class: "bq-option-group__label is-auto inline-block overflow-hidden text-ellipsis whitespace-nowrap", part: "label", children: jsx("slot", { name: "header-label" }, '80407730d62b5369ac70800229f13edebc5de793') }, 'cfa3a2fc2b53712737365b3e42efe5e4a568aff0'), jsx("span", { class: "bq-option-group__suffix", part: "suffix", children: jsx("slot", { name: "header-suffix" }, '8b7ce9a4eb7926fa5b605efde258553f9f81d221') }, 'f15ed9194628b64fb46b829920956a701e3e051f')] }, '66a397c7009e5afea75b29a9a2552aafc366ef17'), jsx("div", { "aria-label": "Options", class: "bq-option-group__container flex flex-col gap-[--bq-option-group--gapY-list]", part: "group", role: "group", children: jsx("slot", {}, '840c2c8965f457e3d408a70d048c8509ffa380fb') }, '6e70d4968408a3affdc65bb372fbae552a1943c5')] }, '8c4dce6569d75ee7a8520209660e390e793e15be'));
+        return (hAsync("div", { key: '9d22c7277e0241abffbf980c45bc1ce799b91229', class: "bg-ui-primary" }, hAsync("legend", { key: 'ee461058a73f38ec92aab04dedbd08fb8c8d2ff0', class: "bq-option-group m-be-[--bq-option-group--gapY-list]", part: "label" }, hAsync("span", { key: '9a12125b0655be47a3463d103aa2920bd534ad6e', class: "option-group__prefix flex items-center", part: "prefix" }, hAsync("slot", { key: '405da21722c959a185f962ce2a747655336f0e5a', name: "header-prefix" })), hAsync("span", { key: 'c4d1cefe05b2af976f4a6fced9a96b42246f8c53', class: "bq-option-group__label is-auto inline-block overflow-hidden text-ellipsis whitespace-nowrap", part: "label" }, hAsync("slot", { key: 'eebacd38b7a492ce156f40f405335b533204c62f', name: "header-label" })), hAsync("span", { key: '1fc6f0c822993f57966d4cff6f246db267a1627a', class: "bq-option-group__suffix", part: "suffix" }, hAsync("slot", { key: '1e2b96a4b83ce30f8408546b34c2e186e4e01e74', name: "header-suffix" }))), hAsync("div", { key: 'f6d2887b59eb7ec4e91424345733819a960a581c', "aria-label": "Options", class: "bq-option-group__container flex flex-col gap-[--bq-option-group--gapY-list]", part: "group", role: "group" }, hAsync("slot", { key: '054159cf1cad2e52afb24719643bfa4b1b078d28' }))));
     }
     static get style() { return bqOptionGroupCss(); }
     static get cmpMeta() { return {
@@ -11306,7 +11302,7 @@ class BqOptionList {
     // Always the last one in the class.
     // ===================================
     render() {
-        return (jsx("div", { class: "bq-option__list flex flex-col gap-y-[--bq-option-group--gapY-list]", part: "base", children: jsx("slot", {}, 'fecea0fe74a4d979d86d2eda28540c3f31a880af') }, '799dd1276f2c7b20db8b065d15c25af6947d1594'));
+        return (hAsync("div", { key: 'b09ade569200292cc6180d6d5f03abc9cb8c379c', class: "bq-option__list flex flex-col gap-y-[--bq-option-group--gapY-list]", part: "base" }, hAsync("slot", { key: 'bcc5f238f3dcca342bdbce92e6f66e793270a288' })));
     }
     static get style() { return bqOptionListCss(); }
     static get cmpMeta() { return {
@@ -11419,16 +11415,16 @@ class BqPageTitle {
     // Always the last one in the class.
     // ===================================
     render() {
-        return (jsxs("div", { class: "flex gap-xs p-b-[--paddingY] [border-block-end:--subtitle-borderBlockEnd]", part: "base", children: [jsx("div", { class: { flex: true, '!hidden': !this.haveBackNavigation }, part: "back", ref: (divElem) => {
-                        this.backNavigationElem = divElem;
-                    }, children: jsx("slot", { name: "back", onSlotchange: this.handleSlotChange }, '50fd2ef09d7255df21a70f2576f3758ca6a47d90') }, '5130af3ef51d2956d7eaac406bc0d1e23bf43067'), jsxs("div", { class: "flex flex-grow flex-col gap-xs", part: "content", children: [jsxs("div", { class: "flex items-center gap-xs", part: "title-suffix", children: [jsx("h1", { class: "title-font font-[--title-fontWeight] text-[color:--title-textColor] text-[length:--title-textSize] leading-[--title-lineHeight]", part: "title", children: jsx("slot", {}, 'f062c18755f5080c8539d4908d3f9b6ced0feea3') }, '2fb5d9bac8f67b0920c4f334cf89aa2bf6dfbac8'), jsx("div", { class: { 'flex flex-grow gap-xs p-b-xs2 p-i-xs2': true, '!hidden': !this.hasSuffix }, part: "suffix", ref: (divElem) => {
-                                        this.suffixElem = divElem;
-                                    }, children: jsx("slot", { name: "suffix", onSlotchange: this.handleSlotChange }, 'eacb4362ed596c7d8fdc3b102301b3fcf2cd5e48') }, '2c28261deda3937ce077eaaeb12c526faf5980eb')] }, '7d1875cd84382e821dcec60f2dda65284fbda670'), jsx("div", { class: {
-                                'title-font font-[--subtitle-fontWeight] text-[color:--subtitle-textColor] text-[length:--subtitle-textSize] leading-[--title-lineHeight]': true,
-                                hidden: !this.hasSubTitle,
-                            }, part: "sub-title", ref: (divElem) => {
-                                this.subTitleElem = divElem;
-                            }, children: jsx("slot", { name: "sub-title", onSlotchange: this.handleSlotChange }, 'bb51031d30f954b3bd69e7e25b18b8b6b0807611') }, 'f31336377def62337aad2ea9f4451a083f51918f')] }, '01c8b2552451e4a9bc48ae6a8fad0671e3579c17')] }, '998060460f5ec59058a931ffaed93b146dd290b6'));
+        return (hAsync("div", { key: '234aa6eeb328738441f3545b61257ec3a14c51cf', class: "flex gap-xs p-b-[--paddingY] [border-block-end:--subtitle-borderBlockEnd]", part: "base" }, hAsync("div", { key: '8a5c45612e292ab3d842cbe06957f65fc90d3133', class: { flex: true, '!hidden': !this.haveBackNavigation }, part: "back", ref: (divElem) => {
+                this.backNavigationElem = divElem;
+            } }, hAsync("slot", { key: '3626bff96632f10b00d4a00a45e7aee1ae302f47', name: "back", onSlotchange: this.handleSlotChange })), hAsync("div", { key: '39d235ad4405ae2ab258296b0dbc4cdeff85e7ae', class: "flex flex-grow flex-col gap-xs", part: "content" }, hAsync("div", { key: '2eeb23d83af799904500cc18e07b36aa365e971a', class: "flex items-center gap-xs", part: "title-suffix" }, hAsync("h1", { key: 'c4611b1349e6123c1330ba4fc5ced08c9796fa7d', class: "title-font font-[--title-fontWeight] text-[color:--title-textColor] text-[length:--title-textSize] leading-[--title-lineHeight]", part: "title" }, hAsync("slot", { key: '4d39a4e52887981b85592ba94f63f8f2d55a386e' })), hAsync("div", { key: '96716879e594a36cca068d563a1b0893cc83d6d6', class: { 'flex flex-grow gap-xs p-b-xs2 p-i-xs2': true, '!hidden': !this.hasSuffix }, part: "suffix", ref: (divElem) => {
+                this.suffixElem = divElem;
+            } }, hAsync("slot", { key: '9ff02a8dbfdf65a5df391e165bb85598e00ece39', name: "suffix", onSlotchange: this.handleSlotChange }))), hAsync("div", { key: '6bd37444d66feac3886682c4baad0df69f51211f', class: {
+                'title-font font-[--subtitle-fontWeight] text-[color:--subtitle-textColor] text-[length:--subtitle-textSize] leading-[--title-lineHeight]': true,
+                hidden: !this.hasSubTitle,
+            }, part: "sub-title", ref: (divElem) => {
+                this.subTitleElem = divElem;
+            } }, hAsync("slot", { key: 'bef2eca7d7363b5a04ad151a02234c46d5ca8aae', name: "sub-title", onSlotchange: this.handleSlotChange })))));
     }
     static get style() { return bqPageTitleCss(); }
     static get cmpMeta() { return {
@@ -13482,9 +13478,9 @@ class BqPanel {
     // Always the last one in the class.
     // ===================================
     render() {
-        return (jsx("div", { "aria-hidden": !this.open ? 'true' : 'false', class: "bq-panel", hidden: !this.open, part: "panel", ref: (el) => {
+        return (hAsync("div", { key: '7682fbe1b1f2532ab3e067719c1f13de4963d929', "aria-hidden": !this.open ? 'true' : 'false', class: "bq-panel", hidden: !this.open, part: "panel", ref: (el) => {
                 this.panel = el;
-            }, children: jsx("slot", {}, 'e900bcff03aa19148ff1c0d1d60eb356583a4d53') }, 'e4b7d1853683ef38b0118f456ee661ad955e53b8'));
+            } }, hAsync("slot", { key: '052cc8005930e58afa9d4c8e83e550a20cdc4f1b' })));
     }
     static get watchers() { return {
         "open": [{
@@ -13637,18 +13633,18 @@ class BqProgress {
             ...(this.thickness === 'large' && { '--bq-progress-bar--height': 'var(--bq-spacing-xs)' }),
             ...(this.type === 'error' && { '--bq-progress-bar--indicatorColor': 'var(--bq-ui--danger)' }),
         };
-        return (jsx(Host, { style: style, children: jsxs("div", { class: "flex items-center", part: "wrapper", children: [jsxs("div", { class: "is-full relative flex items-center", part: "progress", children: [jsx("progress", { class: {
-                                    [`progress-bar progress-bar__${this.type} ${this.thickness}`]: true,
-                                    'progress-bar__border-shape rounded-full': this.borderShape === 'rounded',
-                                }, max: "100", part: "progress-bar", value: this.indeterminate ? undefined : this.value }, '19c00704a46d96cc0be5556317d5380c95106e2e'), this.enableTooltip && !this.indeterminate && (jsxs("bq-tooltip", { alwaysVisible: true, class: "absolute [&::part(panel)]:absolute", distance: 16, exportparts: "base,trigger,panel", style: { insetInlineStart: `${this.value}%`, fontVariant: 'tabular-nums' }, children: [jsx("div", { class: "bs-1 is-1 absolute", slot: "trigger" }, '28dfb829158c3a6812cd61e97b84fc027993fd05'), this.value] }, '7699f03950fb94de937970f4c3e9118c619d2d26')), this.indeterminate && (jsx("div", { class: {
-                                    'progress-bar__indeterminate bs-[--bq-progress-bar--height] is-[--bq-progress-bar--indeterminateWidth] absolute bg-[--bq-progress-bar--indicatorColor]': true,
-                                    'rounded-full': this.borderShape === 'rounded',
-                                }, part: "indeterminate" }, '037d60aa30c798e97f548ace3c5ee6255bd2fde3'))] }, 'c4dead7cc9abb330f8f3ac96fe45469478f5b962'), jsx("div", { "aria-hidden": !this.label || this.indeterminate ? 'true' : 'false', class: {
-                            'ms-xs font-medium leading-regular': true,
-                            'text-primary': this.type !== 'error',
-                            'text-danger': this.type === 'error',
-                            'is-0 invisible ms-0': !this.label || this.indeterminate,
-                        }, part: "label", style: { fontVariant: 'tabular-nums' }, children: jsxs("span", { children: [this.value, "%"] }, 'b6d258a746a5954ca6e100adf06f77cb1341b167') }, '2e32d6fe7f84029cadd1187e0277038d1204b3a7')] }, 'd3042ea61b8cfb058ebfc30fd659f294e69090b4') }, '5d52cdbdd0e11f1732764f17e1787f4fd8d19c97'));
+        return (hAsync(Host, { key: 'db2ef23caba8731b42a7c74fd7d19aa366a1ba30', style: style }, hAsync("div", { key: 'b657b368fa271571de30a925c2c7e8ab77380524', class: "flex items-center", part: "wrapper" }, hAsync("div", { key: '97cafbe2deceb4c979b2765dfdeb8be6296722cd', class: "is-full relative flex items-center", part: "progress" }, hAsync("progress", { key: '5d9e1a576b18383ca67135e1fffe4cc71c57fcc4', class: {
+                [`progress-bar progress-bar__${this.type} ${this.thickness}`]: true,
+                'progress-bar__border-shape rounded-full': this.borderShape === 'rounded',
+            }, max: "100", part: "progress-bar", value: this.indeterminate ? undefined : this.value }), this.enableTooltip && !this.indeterminate && (hAsync("bq-tooltip", { key: 'c903b6e6f689610b6285e484702ea8fca1c20bff', alwaysVisible: true, class: "absolute [&::part(panel)]:absolute", distance: 16, exportparts: "base,trigger,panel", style: { insetInlineStart: `${this.value}%`, fontVariant: 'tabular-nums' } }, hAsync("div", { key: '558222b0e2ab822fb4d59fe7665157fa8dd22dcf', class: "bs-1 is-1 absolute", slot: "trigger" }), this.value)), this.indeterminate && (hAsync("div", { key: 'e1a35b5e085b7853e8599bc9b7ff00417a15ee11', class: {
+                'progress-bar__indeterminate bs-[--bq-progress-bar--height] is-[--bq-progress-bar--indeterminateWidth] absolute bg-[--bq-progress-bar--indicatorColor]': true,
+                'rounded-full': this.borderShape === 'rounded',
+            }, part: "indeterminate" }))), hAsync("div", { key: 'c3bf63045c31d9eb98f2b5c4033630b835ed076d', "aria-hidden": !this.label || this.indeterminate ? 'true' : 'false', class: {
+                'ms-xs font-medium leading-regular': true,
+                'text-primary': this.type !== 'error',
+                'text-danger': this.type === 'error',
+                'is-0 invisible ms-0': !this.label || this.indeterminate,
+            }, part: "label", style: { fontVariant: 'tabular-nums' } }, hAsync("span", { key: '9e2413dcea94c034f7106203085c35ad27bcbdd7' }, this.value, "%")))));
     }
     static get watchers() { return {
         "borderShape": [{
@@ -13840,14 +13836,14 @@ class BqRadio {
     // Always the last one in the class.
     // ===================================
     render() {
-        return (jsx(Host, { children: jsxs("label", { class: {
-                    'bq-radio group': true,
-                    'is-disabled': this.isDisabled,
-                    'is-checked': this.checked,
-                    'has-background': this.backgroundOnHover,
-                }, part: "base", children: [jsxs("div", { class: "bq-radio__control", children: [jsx("input", { "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.isDisabled ? 'true' : 'false', "aria-labelledby": "bq-radio__label", checked: this.checked, class: "bq-radio__input", disabled: this.isDisabled, form: this.formId, name: this.name, onBlur: this.handleOnBlur, onClick: this.handleClick, onFocus: this.handleOnFocus, onKeyDown: this.handleOnKeyDown, part: "input", ref: (element) => {
-                                    this.inputElement = element;
-                                }, required: this.required, type: "radio", value: this.value }, 'f66c4b4c9f6198ce9633427d72aa53633cf0a755'), jsx("div", { class: "bq-radio__circle", part: "radio", children: jsx("div", { class: "bq-radio__checked" }, '5ec3e348bfa8b603d985706ab461a7efd21fb486') }, 'b96eb2344583b5d863ecb5826454e3013677c345')] }, '08e24ae8593a75299931e672f968b7c03322080b'), jsx("span", { class: "bq-radio__label group-hover:text-text-primary-hover group-[.is-disabled]:text-text-primary-disabled", part: "label", children: jsx("slot", { id: "bq-radio__label" }, '79d783632d8c11da457b4ec343999bcc2d8b7bb2') }, '1f8d0690de7c18068a32b314bb40dad2be46f953')] }, '0df6f0b244d4d87d794ac71090fbccd98d5b8eb0') }, '2d1547345897731128ca2bf8260d19346fddfc48'));
+        return (hAsync(Host, { key: '249afdf1c2d2cc1c16ae7fd6df091e4e9b67080f' }, hAsync("label", { key: '8ccd3bd89aacea77cf04f3c772d0e244442f02a3', class: {
+                'bq-radio group': true,
+                'is-disabled': this.isDisabled,
+                'is-checked': this.checked,
+                'has-background': this.backgroundOnHover,
+            }, part: "base" }, hAsync("div", { key: '438b1daf66ba3fab98ed6e5afaac925e4086c050', class: "bq-radio__control" }, hAsync("input", { key: '6fe9c908da9f0dc81d368ecd9721e24e27520c95', "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.isDisabled ? 'true' : 'false', "aria-labelledby": "bq-radio__label", checked: this.checked, class: "bq-radio__input", disabled: this.isDisabled, form: this.formId, name: this.name, onBlur: this.handleOnBlur, onClick: this.handleClick, onFocus: this.handleOnFocus, onKeyDown: this.handleOnKeyDown, part: "input", ref: (element) => {
+                this.inputElement = element;
+            }, required: this.required, type: "radio", value: this.value }), hAsync("div", { key: 'd3f23f57a905431a31dfb4eb426176c04a4295d4', class: "bq-radio__circle", part: "radio" }, hAsync("div", { key: '074045b752f2e1541d9fe2b51c8290b55dc23fb3', class: "bq-radio__checked" }))), hAsync("span", { key: 'd2849008f9e81df99ddfc9fefa38aab255bf22aa', class: "bq-radio__label group-hover:text-text-primary-hover group-[.is-disabled]:text-text-primary-disabled", part: "label" }, hAsync("slot", { key: '97c17462f377502cad6a6f2e3588df84ee762ea3', id: "bq-radio__label" })))));
     }
     static get delegatesFocus() { return true; }
     static get style() { return bqRadioCss(); }
@@ -14238,7 +14234,7 @@ class BqRadioGroup {
     // Always the last one in the class.
     // ===================================
     render() {
-        return (jsx(Host, { tabindex: this.tabIndex, children: jsxs("fieldset", { "aria-controls": "bq-radiogroup", "aria-disabled": this.disabled, "aria-labelledby": "bq-radio-group__label", class: { 'bq-radio-group': true, 'has-fieldset': this.fieldset }, disabled: this.disabled, part: "base", children: [jsx("legend", { part: "label", children: jsx("slot", { id: "bq-radiogroup__label", name: "label" }, '2d93d0a2f8221720db47166c17d895a47775c072') }, 'a69f7d64021961d1e6661f0557f5b35302ecff62'), jsx("div", { class: `bq-radio-group--${this.orientation}`, part: "group", children: jsx("slot", { id: "bq-radiogroup", onSlotchange: this.handleSlotChange }, '17c0d89bba704ab545c3af8d55e711d20860f136') }, '85f121e16f40e45ee6812844aacb3893f067101f')] }, '33ebb252ebcf5dda6d69bf3992c4474fea32723c') }, '2bca24f2a90e889546558e2787b44af2ff437f80'));
+        return (hAsync(Host, { key: '324a831a19e6713db5b5f561d78571cb84e9b530', tabindex: this.tabIndex }, hAsync("fieldset", { key: '41474f54b518587ecd897bbbddd8a96ba1e7ebed', "aria-controls": "bq-radiogroup", "aria-disabled": this.disabled, "aria-labelledby": "bq-radio-group__label", class: { 'bq-radio-group': true, 'has-fieldset': this.fieldset }, disabled: this.disabled, part: "base" }, hAsync("legend", { key: 'f5c8834333aa3174418298e7240f16d9d5e85c70', part: "label" }, hAsync("slot", { key: '8180b8c2a610af608092a5a37b3bb5b59ef32b76', id: "bq-radiogroup__label", name: "label" })), hAsync("div", { key: 'dbad104bf6d984de4f9057e2d588dc1899705116', class: `bq-radio-group--${this.orientation}`, part: "group" }, hAsync("slot", { key: '08ce09046a91f79a46e015bda8fc094291a66f4a', id: "bq-radiogroup", onSlotchange: this.handleSlotChange })))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
@@ -14292,7 +14288,7 @@ class BqRadioGroup {
     }; }
 }
 
-const bqSelectCss = () => `.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:"Outfit",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:"Poppins",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.pointer-events-none{pointer-events:none}.m-0{margin:0}.me-\\[--bq-select--gap\\]{margin-inline-end:var(--bq-select--gap)}.me-xs2{margin-inline-end:var(--bq-spacing-xs2)}.ms-\\[--bq-select--gap\\]{margin-inline-start:var(--bq-select--gap)}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.w-full{width:100%}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.cursor-inherit{cursor:inherit}.cursor-not-allowed{cursor:not-allowed}.select-none{user-select:none}.appearance-none{appearance:none}.items-center{align-items:center}.gap-xs2{gap:var(--bq-spacing-xs2)}.text-nowrap{text-wrap:nowrap}.rounded-\\[--bq-select--border-radius\\]{border-radius:var(--bq-select--border-radius)}.border-\\[length\\:--bq-select--border-width\\]{border-width:var(--bq-select--border-width)}.border-none{border-style:none}.border-\\[color\\:--bq-select--border-color-focus\\]{border-color:var(--bq-select--border-color-focus)}.border-\\[color\\:--bq-select--border-color\\]{border-color:var(--bq-select--border-color)}.border-danger{border-color:var(--bq-stroke--danger)}.border-success{border-color:var(--bq-stroke--success)}.border-warning{border-color:var(--bq-stroke--warning)}.bg-inherit{background-color:inherit}.p-0{padding:0}.pe-\\[--bq-select--padding-end\\]{padding-inline-end:var(--bq-select--padding-end)}.ps-\\[--bq-select--padding-start\\]{padding-inline-start:var(--bq-select--padding-start)}.font-inherit{font-family:inherit}.text-\\[length\\:--bq-select--helper-text-size\\]{font-size:var(--bq-select--helper-text-size)}.text-\\[length\\:--bq-select--label-text-size\\]{font-size:var(--bq-select--label-text-size)}.text-\\[length\\:--bq-select--text-size\\]{font-size:var(--bq-select--text-size)}.text-\\[length\\:inherit\\]{font-size:inherit}.leading-small{line-height:var(--bq-font-line-height--small)}.text-\\[color\\:--bq-select--helper-text-color\\]{color:var(--bq-select--helper-text-color)}.text-\\[color\\:--bq-select--label-text-color\\]{color:var(--bq-select--label-text-color)}.text-\\[color\\:--bq-select--text-color\\],.text-\\[color\\:var\\(--bq-select--text-color\\)\\]{color:var(--bq-select--text-color)}.text-danger{color:var(--bq-text--danger)}.text-success{color:var(--bq-text--success)}.text-warning{color:var(--bq-text--warning)}.opacity-60{opacity:.6}.transition-\\[border-color\\2c box-shadow\\]{transition-duration:.15s;transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.border-active-danger{border-color:color-mix(in srgb,var(--bq-stroke--danger),var(--bq-active) 20%)}.border-active-success{border-color:color-mix(in srgb,var(--bq-stroke--success),var(--bq-active) 20%)}.border-active-warning{border-color:color-mix(in srgb,var(--bq-stroke--warning),var(--bq-active) 20%)}.min-bs-\\[var\\(--bq-select--icon-size\\)\\]{min-block-size:var(--bq-select--icon-size)}.min-is-0{min-inline-size:0}.p-b-\\[var\\(--bq-select--paddingY\\)\\]{padding-block:var(--bq-select--paddingY)}.m-be-\\[--bq-select--label-margin-bottom\\]{margin-block-end:var(--bq-select--label-margin-bottom)}.m-bs-\\[--bq-select--helper-margin-top\\]{margin-block-start:var(--bq-select--helper-margin-top)}.focus{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{--bq-select--background-color:var(--bq-ui--primary);--bq-select--border-color:var(--bq-stroke--tertiary);--bq-select--border-color-focus:var(--bq-stroke--brand);--bq-select--border-radius:var(--bq-radius--s);--bq-select--border-width:var(--bq-stroke-s);--bq-select--border-style:solid;--bq-select--gap:var(--bq-spacing-xs);--bq-select--helper-margin-top:var(--bq-spacing-xs);--bq-select--helper-text-size:var(--bq-font-size--s);--bq-select--helper-text-color:var(--bq-text--primary);--bq-select--icon-size:24px;--bq-select--label-margin-bottom:var(--bq-spacing-xs);--bq-select--label-text-size:var(--bq-font-size--s);--bq-select--label-text-color:var(--bq-text--primary);--bq-select--padding-start:calc(var(--bq-spacing-m) - var(--bq-select--border-width));--bq-select--padding-end:calc(var(--bq-spacing-m) - var(--bq-select--border-width));--bq-select--paddingY:calc(var(--bq-spacing-s) - var(--bq-select--border-width));--bq-select--text-color:var(--bq-text--primary);--bq-select--text-size:var(--bq-font-size--m);--bq-select--text-placeholder-color:var(--bq-text--secondary);display:block;width:100%}.bq-select__label{align-items:center;color:var(--bq-select--label-text-color);display:flex;font-size:var(--bq-select--label-text-size);margin-block-end:var(--bq-select--label-margin-bottom)}.bq-select__helper-text{color:var(--bq-select--helper-text-color);font-size:var(--bq-select--helper-text-size);margin-block-start:var(--bq-select--helper-margin-top)}.bq-select__helper-text.validation-error{color:var(--bq-text--danger)}.bq-select__helper-text.validation-success{color:var(--bq-text--success)}.bq-select__helper-text.validation-warning{color:var(--bq-text--warning)}.bq-select__dropdown:has(:focus-within,:focus-visible) .bq-select__control{--bq-ring-width:1px;--bq-ring-offset-width:0;--bq-ring-color-focus:var(--bq-select--border-color-focus);border-color:var(--bq-select--border-color-focus);outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.bq-select__control{align-items:center;border-color:var(--bq-select--border-color);border-radius:var(--bq-select--border-radius);border-style:var(--bq-select--border-style);border-width:var(--bq-select--border-width);color:var(--bq-select--text-color);display:flex;font-size:var(--bq-select--text-size);inline-size:100%;padding-block:var(--bq-select--paddingY);padding-inline-end:var(--bq-select--padding-end);padding-inline-start:var(--bq-select--padding-start);transition-duration:.15s;transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);user-select:none}.bq-select__control::placeholder{color:var(--bq-select--text-placeholder-color)}.bq-select__control:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--brand),var(--bq-hover) 20%)}.bq-select__control:not(.disabled):focus-within .bq-select__control--clear,.bq-select__control:not(.disabled):hover .bq-select__control--clear{display:inline-block}.bq-select__control.disabled{cursor:not-allowed;opacity:.6}.bq-select__control.validation-error{border-color:var(--bq-stroke--danger)}.bq-select__control.validation-error:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--danger),var(--bq-hover) 20%)}.bq-select__control.validation-error:not(.disabled):focus-within{--bq-ring-color-focus:var(--bq-stroke--danger);border-color:color-mix(in srgb,var(--bq-stroke--danger),var(--bq-active) 20%)}.bq-select__control.validation-success{border-color:var(--bq-stroke--success)}.bq-select__control.validation-success:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--success),var(--bq-hover) 20%)}.bq-select__control.validation-success:not(.disabled):focus-within{--bq-ring-color-focus:var(--bq-stroke--success);border-color:color-mix(in srgb,var(--bq-stroke--success),var(--bq-active) 20%)}.bq-select__control.validation-warning{border-color:var(--bq-stroke--warning)}.bq-select__control.validation-warning:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--warning),var(--bq-hover) 20%)}.bq-select__control.validation-warning:not(.disabled):focus-within{--bq-ring-color-focus:var(--bq-stroke--warning);border-color:color-mix(in srgb,var(--bq-stroke--warning),var(--bq-active) 20%)}.bq-select__control--input{appearance:none;background-color:inherit;border-style:none;-webkit-box-shadow:none;box-shadow:none;color:inherit;cursor:inherit;flex:1 1 auto;font-family:inherit;font-size:inherit;font-weight:inherit;margin:0;min-block-size:var(--bq-select--icon-size);min-inline-size:0;padding:0;user-select:none}.bq-select__control--input:focus{outline:2px solid transparent;outline-offset:2px}.bq-select__control--input:focus-visible{outline:2px solid transparent;outline-offset:2px}.bq-select__control--clear::part(button){--bq-ring-width:initial;--bq-ring-offset-width:initial;--bq-ring-color-focus:initial}.bq-select__control--prefix,.bq-select__control--suffix{align-items:center;color:var(--bq-select--text-color);display:flex;pointer-events:none}.bq-select__control--prefix{margin-inline-end:var(--bq-select--gap)}.bq-select__control--suffix{margin-inline-start:var(--bq-select--gap);transition-duration:.3s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bq-select__tags{display:flex;flex:1 1 0%;gap:var(--bq-spacing-xs2);margin-inline-end:var(--bq-spacing-xs2)}.bq-select__tags ::slotted(bq-tag),.bq-select__tags bq-tag{display:inline-flex}.bq-select__tags bq-tag::part(text){text-wrap:nowrap;line-height:var(--bq-font-line-height--small)}::slotted(bq-icon),bq-icon{--bq-icon--size:var(--bq-select--icon-size)!important}.placeholder\\:text-\\[color\\:--bq-select--text-placeholder-color\\]::placeholder{color:var(--bq-select--text-placeholder-color)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.rotate-0,.rotate-180{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.\\!hidden{display:none!important}.hidden{display:none}.flex-grow{flex-grow:1}.rotate-0{--tw-rotate:0deg}.rotate-180{--tw-rotate:180deg}.overflow-x-auto{overflow-x:auto}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.is-full{inline-size:100%}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.\\[\\&\\:\\:part\\(button\\)\\]\\:border-none::part(button){border-style:none}.\\[\\&\\:\\:part\\(button\\)\\]\\:p-0::part(button){padding:0}.text-m{font-size:var(--bq-font-size--m)}.text-s{font-size:var(--bq-font-size--s)}.text-xs{font-size:var(--bq-font-size--xs)}.flex-col{flex-direction:column}.gap-y-\\[--bq-option-group--gapY-list\\]{row-gap:var(--bq-option-group--gapY-list)}.relative{position:relative}.inline{display:inline}.text-\\[--bq-icon--color\\]{color:var(--bq-icon--color)}.bs-\\[--bq-icon--size\\]{block-size:var(--bq-icon--size)}.is-\\[--bq-icon--size\\]{inline-size:var(--bq-icon--size)}`;
+const bqSelectCss = () => `.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:"Outfit",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:"Poppins",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.pointer-events-none{pointer-events:none}.m-0{margin:0}.me-\\[--bq-select--gap\\]{margin-inline-end:var(--bq-select--gap)}.me-xs2{margin-inline-end:var(--bq-spacing-xs2)}.ms-\\[--bq-select--gap\\]{margin-inline-start:var(--bq-select--gap)}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.w-full{width:100%}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.cursor-inherit{cursor:inherit}.cursor-not-allowed{cursor:not-allowed}.select-none{user-select:none}.appearance-none{appearance:none}.items-center{align-items:center}.gap-xs2{gap:var(--bq-spacing-xs2)}.text-nowrap{text-wrap:nowrap}.rounded-\\[--bq-select--border-radius\\]{border-radius:var(--bq-select--border-radius)}.border-\\[length\\:--bq-select--border-width\\]{border-width:var(--bq-select--border-width)}.border-none{border-style:none}.border-\\[color\\:--bq-select--border-color-focus\\]{border-color:var(--bq-select--border-color-focus)}.border-\\[color\\:--bq-select--border-color\\]{border-color:var(--bq-select--border-color)}.border-danger{border-color:var(--bq-stroke--danger)}.border-success{border-color:var(--bq-stroke--success)}.border-warning{border-color:var(--bq-stroke--warning)}.bg-inherit{background-color:inherit}.p-0{padding:0}.pe-\\[--bq-select--padding-end\\]{padding-inline-end:var(--bq-select--padding-end)}.ps-\\[--bq-select--padding-start\\]{padding-inline-start:var(--bq-select--padding-start)}.font-inherit{font-family:inherit}.text-\\[length\\:--bq-select--helper-text-size\\]{font-size:var(--bq-select--helper-text-size)}.text-\\[length\\:--bq-select--label-text-size\\]{font-size:var(--bq-select--label-text-size)}.text-\\[length\\:--bq-select--text-size\\]{font-size:var(--bq-select--text-size)}.text-\\[length\\:inherit\\]{font-size:inherit}.leading-small{line-height:var(--bq-font-line-height--small)}.text-\\[color\\:--bq-select--helper-text-color\\]{color:var(--bq-select--helper-text-color)}.text-\\[color\\:--bq-select--label-text-color\\]{color:var(--bq-select--label-text-color)}.text-\\[color\\:--bq-select--text-color\\],.text-\\[color\\:var\\(--bq-select--text-color\\)\\]{color:var(--bq-select--text-color)}.text-danger{color:var(--bq-text--danger)}.text-success{color:var(--bq-text--success)}.text-warning{color:var(--bq-text--warning)}.opacity-60{opacity:.6}.transition-\\[border-color\\2c box-shadow\\]{transition-duration:.15s;transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.border-active-danger{border-color:color-mix(in srgb,var(--bq-stroke--danger),var(--bq-active) 20%)}.border-active-success{border-color:color-mix(in srgb,var(--bq-stroke--success),var(--bq-active) 20%)}.border-active-warning{border-color:color-mix(in srgb,var(--bq-stroke--warning),var(--bq-active) 20%)}.min-bs-\\[var\\(--bq-select--icon-size\\)\\]{min-block-size:var(--bq-select--icon-size)}.min-is-0{min-inline-size:0}.p-b-\\[var\\(--bq-select--paddingY\\)\\]{padding-block:var(--bq-select--paddingY)}.m-be-\\[--bq-select--label-margin-bottom\\]{margin-block-end:var(--bq-select--label-margin-bottom)}.m-bs-\\[--bq-select--helper-margin-top\\]{margin-block-start:var(--bq-select--helper-margin-top)}.focus{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{--bq-select--background-color:var(--bq-ui--primary);--bq-select--border-color:var(--bq-stroke--tertiary);--bq-select--border-color-focus:var(--bq-stroke--brand);--bq-select--border-radius:var(--bq-radius--s);--bq-select--border-width:var(--bq-stroke-s);--bq-select--border-style:solid;--bq-select--gap:var(--bq-spacing-xs);--bq-select--helper-margin-top:var(--bq-spacing-xs);--bq-select--helper-text-size:var(--bq-font-size--s);--bq-select--helper-text-color:var(--bq-text--primary);--bq-select--icon-size:24px;--bq-select--label-margin-bottom:var(--bq-spacing-xs);--bq-select--label-text-size:var(--bq-font-size--s);--bq-select--label-text-color:var(--bq-text--primary);--bq-select--padding-start:calc(var(--bq-spacing-m) - var(--bq-select--border-width));--bq-select--padding-end:calc(var(--bq-spacing-m) - var(--bq-select--border-width));--bq-select--paddingY:calc(var(--bq-spacing-s) - var(--bq-select--border-width));--bq-select--text-color:var(--bq-text--primary);--bq-select--text-size:var(--bq-font-size--m);--bq-select--text-placeholder-color:var(--bq-text--secondary);display:block;width:100%}.bq-select__label{align-items:center;color:var(--bq-select--label-text-color);display:flex;font-size:var(--bq-select--label-text-size);margin-block-end:var(--bq-select--label-margin-bottom)}.bq-select__helper-text{color:var(--bq-select--helper-text-color);font-size:var(--bq-select--helper-text-size);margin-block-start:var(--bq-select--helper-margin-top)}.bq-select__helper-text.validation-error{color:var(--bq-text--danger)}.bq-select__helper-text.validation-success{color:var(--bq-text--success)}.bq-select__helper-text.validation-warning{color:var(--bq-text--warning)}.bq-select__dropdown:has(:focus-within,:focus-visible) .bq-select__control{--bq-ring-width:1px;--bq-ring-offset-width:0;--bq-ring-color-focus:var(--bq-select--border-color-focus);border-color:var(--bq-select--border-color-focus);outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.bq-select__control{align-items:center;border-color:var(--bq-select--border-color);border-radius:var(--bq-select--border-radius);border-style:var(--bq-select--border-style);border-width:var(--bq-select--border-width);color:var(--bq-select--text-color);display:flex;font-size:var(--bq-select--text-size);inline-size:100%;padding-block:var(--bq-select--paddingY);padding-inline-end:var(--bq-select--padding-end);padding-inline-start:var(--bq-select--padding-start);transition-duration:.15s;transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);user-select:none}.bq-select__control::placeholder{color:var(--bq-select--text-placeholder-color)}.bq-select__control:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--brand),var(--bq-hover) 20%)}.bq-select__control:not(.disabled):focus-within .bq-select__control--clear,.bq-select__control:not(.disabled):hover .bq-select__control--clear{display:inline-block}.bq-select__control.disabled{cursor:not-allowed;opacity:.6}.bq-select__control.validation-error{border-color:var(--bq-stroke--danger)}.bq-select__control.validation-error:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--danger),var(--bq-hover) 20%)}.bq-select__control.validation-error:not(.disabled):focus-within{--bq-ring-color-focus:var(--bq-stroke--danger);border-color:color-mix(in srgb,var(--bq-stroke--danger),var(--bq-active) 20%)}.bq-select__control.validation-success{border-color:var(--bq-stroke--success)}.bq-select__control.validation-success:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--success),var(--bq-hover) 20%)}.bq-select__control.validation-success:not(.disabled):focus-within{--bq-ring-color-focus:var(--bq-stroke--success);border-color:color-mix(in srgb,var(--bq-stroke--success),var(--bq-active) 20%)}.bq-select__control.validation-warning{border-color:var(--bq-stroke--warning)}.bq-select__control.validation-warning:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--warning),var(--bq-hover) 20%)}.bq-select__control.validation-warning:not(.disabled):focus-within{--bq-ring-color-focus:var(--bq-stroke--warning);border-color:color-mix(in srgb,var(--bq-stroke--warning),var(--bq-active) 20%)}.bq-select__control--input{appearance:none;background-color:inherit;border-style:none;-webkit-box-shadow:none;box-shadow:none;color:inherit;cursor:inherit;flex:1 1 auto;font-family:inherit;font-size:inherit;font-weight:inherit;margin:0;min-block-size:var(--bq-select--icon-size);min-inline-size:0;padding:0;user-select:none}.bq-select__control--input:focus{outline:2px solid transparent;outline-offset:2px}.bq-select__control--input:focus-visible{outline:2px solid transparent;outline-offset:2px}.bq-select__control--clear::part(button){--bq-ring-width:initial;--bq-ring-offset-width:initial;--bq-ring-color-focus:initial}.bq-select__control--prefix,.bq-select__control--suffix{align-items:center;color:var(--bq-select--text-color);display:flex;pointer-events:none}.bq-select__control--prefix{margin-inline-end:var(--bq-select--gap)}.bq-select__control--suffix{margin-inline-start:var(--bq-select--gap);transition-duration:.3s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bq-select__tags{display:flex;flex:1 1 0%;gap:var(--bq-spacing-xs2);margin-inline-end:var(--bq-spacing-xs2)}.bq-select__tags ::slotted(bq-tag),.bq-select__tags bq-tag{display:inline-flex}.bq-select__tags bq-tag::part(text){text-wrap:nowrap;line-height:var(--bq-font-line-height--small)}::slotted(bq-icon),bq-icon{--bq-icon--size:var(--bq-select--icon-size)!important}.placeholder\\:text-\\[color\\:--bq-select--text-placeholder-color\\]::placeholder{color:var(--bq-select--text-placeholder-color)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.rotate-0,.rotate-180{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.\\!hidden{display:none!important}.hidden{display:none}.flex-grow{flex-grow:1}.rotate-0{--tw-rotate:0deg}.rotate-180{--tw-rotate:180deg}.overflow-x-auto{overflow-x:auto}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.is-full{inline-size:100%}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.\\[\\&\\:\\:part\\(button\\)\\]\\:border-none::part(button){border-style:none}.\\[\\&\\:\\:part\\(button\\)\\]\\:p-0::part(button){padding:0}.text-\\[--bq-icon--color\\]{color:var(--bq-icon--color)}.bs-\\[--bq-icon--size\\]{block-size:var(--bq-icon--size)}.is-\\[--bq-icon--size\\]{inline-size:var(--bq-icon--size)}.flex-col{flex-direction:column}.gap-y-\\[--bq-option-group--gapY-list\\]{row-gap:var(--bq-option-group--gapY-list)}.text-m{font-size:var(--bq-font-size--m)}.text-s{font-size:var(--bq-font-size--s)}.text-xs{font-size:var(--bq-font-size--xs)}.relative{position:relative}.inline{display:inline}`;
 
 /**
  * The select input component lets users choose from a predefined list, commonly used in forms for easy data selection.
@@ -14850,16 +14846,16 @@ class BqSelect {
     get displayTags() {
         return this.selectedOptions.map((item, index) => {
             if (index < this.maxTagsVisible || this.maxTagsVisible < 0) {
-                return (jsx("bq-tag", { exportparts: "wrapper:tag__base,prefix:tag__prefix,text:tag__text,btn-close:tag__btn-close",
+                return (hAsync("bq-tag", { exportparts: "wrapper:tag__base,prefix:tag__prefix,text:tag__text,btn-close:tag__btn-close", key: item.value,
                     // Prevent the tag from closing the panel when clicked
                     onBqClick: (ev) => ev.stopPropagation(), onBqClose: (event) => {
                         // NOTE: prevents triggering bqClose on parent
                         event.stopPropagation();
                         this.handleTagRemove(item);
-                    }, part: "tag", removable: true, size: "xsmall", variant: "filled", children: this.getOptionLabel(item) }, item.value));
+                    }, part: "tag", removable: true, size: "xsmall", variant: "filled" }, this.getOptionLabel(item)));
             }
             else if (index === this.maxTagsVisible) {
-                return (jsxs("bq-tag", { exportparts: "wrapper:tag__base,prefix:tag__prefix,text:tag__text,btn-close:tag__btn-close", part: "tag", size: "xsmall", variant: "filled", children: ["+", this.selectedOptions.length - index] }, "more"));
+                return (hAsync("bq-tag", { exportparts: "wrapper:tag__base,prefix:tag__prefix,text:tag__text,btn-close:tag__btn-close", key: "more", part: "tag", size: "xsmall", variant: "filled" }, "+", this.selectedOptions.length - index));
             }
             return null;
         });
@@ -14878,29 +14874,29 @@ class BqSelect {
     // ===================================
     render() {
         const labelId = `bq-select__label-${this.name || this.fallbackInputId}`;
-        return (jsxs("div", { class: "bq-select", part: "base", children: [jsx("label", { "aria-label": this.name || this.fallbackInputId, class: { 'bq-select__label': true, '!hidden': !this.hasLabel }, htmlFor: this.name || this.fallbackInputId, id: labelId, part: "label", ref: (labelElem) => {
-                        this.labelElem = labelElem;
-                    }, children: jsx("slot", { name: "label", onSlotchange: this.handleSlotChange }, 'cbb6600c256b78932207cdac2fefa248017306cd') }, 'fe33deda54de613b1057e7e4f6dfa7358b53e5a2'), jsxs("bq-dropdown", { class: "bq-select__dropdown w-full", disabled: this.disabled, disableScrollLock: this.disableScrollLock, distance: this.distance, exportparts: "panel", keepOpenOnSelect: this.keepOpenOnSelect, open: this.open, panelHeight: this.panelHeight, placement: this.placement, sameWidth: this.sameWidth, skidding: this.skidding, strategy: this.strategy, children: [jsxs("div", { class: {
-                                'bq-select__control': true,
-                                [`validation-${this.validationStatus}`]: true,
-                                disabled: this.disabled,
-                            }, part: "control", slot: "trigger", children: [jsx("span", { class: { 'bq-select__control--prefix': true, '!hidden': !this.hasPrefix }, part: "prefix", ref: (spanElem) => {
-                                        this.prefixElem = spanElem;
-                                    }, children: jsx("slot", { name: "prefix", onSlotchange: this.handleSlotChange }, 'af068af4e26ee67715634e86215fbff57dc8f8a0') }, '432af038bd49a0c546c557ae991bff8aa62250ff'), jsxs("div", { class: "flex flex-1 overflow-x-auto", part: "input-outline", children: [this.multiple && (jsx("span", { class: "bq-select__tags", part: "tags", children: jsx("slot", { name: "tags", children: this.displayTags }, '8840571e341fd4384596813615d57f491554c706') }, '6b2ad00874cc8f5f4b54d272a34adaeeadeef6cb')), jsx("input", { "aria-controls": `bq-options-${this.name}`, "aria-disabled": this.disabled ? 'true' : 'false', "aria-expanded": this.open ? 'true' : 'false', "aria-haspopup": "listbox", autoCapitalize: "off", autoComplete: "off", class: "bq-select__control--input is-full flex-grow", disabled: this.disabled, form: this.form, id: this.name || this.fallbackInputId, name: this.name, onBlur: this.handleBlur, onFocus: this.handleFocus, onInput: this.handleInput, onKeyDown: this.handleKeydown, part: "input", placeholder: this.displayPlaceholder, readOnly: this.readonly, ref: (inputElem) => {
-                                                this.inputElem = inputElem;
-                                            }, required: this.required, role: "combobox",
-                                            // Events
-                                            spellcheck: false, type: "text", value: this.displayValue }, '398dd2d9c8ebab4a3de828384b8c53dd6fea3906')] }, '0b93414f97c360236160c1626273614c04340633'), this.hasClearIcon && (
-                                // The clear button will be visible as long as the input has a value
-                                // and the parent group is hovered or has focus-within
-                                jsx("bq-button", { appearance: "text", border: "s", class: "bq-select__control--clear ms-[--bq-select--gap] hidden [&::part(button)]:border-none [&::part(button)]:p-0", exportparts: "button", label: this.clearButtonLabel, onBqClick: this.handleClearClick, onlyIcon: true, part: "clear-btn", size: "small", tabIndex: -1, children: jsx("slot", { name: "clear-icon", children: jsx("bq-icon", { "aria-hidden": "true", class: "flex", name: "x-circle" }, '6748547e72e62cce50b9cb4aa2ddb96711e73b12') }, 'aa464ba4d09679a04babe7302dda93f53bcb7f31') }, 'a92dd9791ab83efbc31ae475632bcd3fa1cfe8f2')), jsx("span", { class: { 'bq-select__control--suffix': true, 'rotate-180': this.open, 'rotate-0': !this.open }, part: "suffix", ref: (spanElem) => {
-                                        this.suffixElem = spanElem;
-                                    }, children: jsx("slot", { name: "suffix", onSlotchange: this.handleSlotChange, children: jsx("bq-icon", { class: "flex", name: "caret-down" }, 'eefa23b0b3f19eff924c52e24987d9a5d4b67a39') }, 'b7c9f2bd3fb3a5919b8468d723ddcfee1624a2aa') }, 'a3a0dc8878245fe08d4c510e9fed4a4f61132a71')] }, 'c8d4db97ea0e18084164f0353b6af6b71993787f'), jsx("bq-option-list", { "aria-expanded": this.open ? 'true' : 'false', exportparts: "base:option-list", id: `bq-options-${this.name}`, onBqSelect: this.handleSelect, role: "listbox", children: jsx("slot", {}, '14e1f476adef87a656c941ff2ec5176bcb63c10a') }, 'be367262ee14953e12c1297222da24a6a09edaef')] }, '68de90d6de17280c5aa4d92be7fb19348bbbaaba'), jsx("div", { class: {
-                        [`bq-select__helper-text validation-${this.validationStatus}`]: true,
-                        '!hidden': !this.hasHelperText,
-                    }, part: "helper-text", ref: (divElem) => {
-                        this.helperTextElem = divElem;
-                    }, children: jsx("slot", { name: "helper-text", onSlotchange: this.handleSlotChange }, '97280416828f717e0677e875c757696b90ab7702') }, '8d6bb8a48f4d0d2726e1c51356ec08968d685fe0')] }, 'f9fbd44a525e1e1ad4976f62695c892cd5ca3258'));
+        return (hAsync("div", { key: '7fce1b5a16a7e5b25cce5624c60c09187f380f2c', class: "bq-select", part: "base" }, hAsync("label", { key: '5785e81858a0493c5cfc2e80ebcd19d96ff50d22', "aria-label": this.name || this.fallbackInputId, class: { 'bq-select__label': true, '!hidden': !this.hasLabel }, htmlFor: this.name || this.fallbackInputId, id: labelId, part: "label", ref: (labelElem) => {
+                this.labelElem = labelElem;
+            } }, hAsync("slot", { key: 'bb7730c735f53312411f9d873483cb876835da0f', name: "label", onSlotchange: this.handleSlotChange })), hAsync("bq-dropdown", { key: '8064982e9df5815d0213d6129212bc1e7472fdf9', class: "bq-select__dropdown w-full", disabled: this.disabled, disableScrollLock: this.disableScrollLock, distance: this.distance, exportparts: "panel", keepOpenOnSelect: this.keepOpenOnSelect, open: this.open, panelHeight: this.panelHeight, placement: this.placement, sameWidth: this.sameWidth, skidding: this.skidding, strategy: this.strategy }, hAsync("div", { key: '014b00e22b0870ae1fc70fdd712e75890741212f', class: {
+                'bq-select__control': true,
+                [`validation-${this.validationStatus}`]: true,
+                disabled: this.disabled,
+            }, part: "control", slot: "trigger" }, hAsync("span", { key: '9258ab50855df0a94eaa470d55371cf5a3197ac9', class: { 'bq-select__control--prefix': true, '!hidden': !this.hasPrefix }, part: "prefix", ref: (spanElem) => {
+                this.prefixElem = spanElem;
+            } }, hAsync("slot", { key: '1cf1940473621784792bf8d0e77391233ec99aee', name: "prefix", onSlotchange: this.handleSlotChange })), hAsync("div", { key: 'a91471faea3a207758de88e98081e159848c573f', class: "flex flex-1 overflow-x-auto", part: "input-outline" }, this.multiple && (hAsync("span", { key: 'db8bbcc8837bb9c3949130a8ca9a09a1377abf55', class: "bq-select__tags", part: "tags" }, hAsync("slot", { key: '6a9d99f481a7b0a7e3df77ff01bbc515135c0bfb', name: "tags" }, this.displayTags))), hAsync("input", { key: 'bf4b0b97f3b5adf3f7116a04efcdf66701b72e0a', "aria-controls": `bq-options-${this.name}`, "aria-disabled": this.disabled ? 'true' : 'false', "aria-expanded": this.open ? 'true' : 'false', "aria-haspopup": "listbox", autoCapitalize: "off", autoComplete: "off", class: "bq-select__control--input is-full flex-grow", disabled: this.disabled, form: this.form, id: this.name || this.fallbackInputId, name: this.name, onBlur: this.handleBlur, onFocus: this.handleFocus, onInput: this.handleInput, onKeyDown: this.handleKeydown, part: "input", placeholder: this.displayPlaceholder, readOnly: this.readonly, ref: (inputElem) => {
+                this.inputElem = inputElem;
+            }, required: this.required, role: "combobox",
+            // Events
+            spellcheck: false, type: "text", value: this.displayValue })), this.hasClearIcon && (
+        // The clear button will be visible as long as the input has a value
+        // and the parent group is hovered or has focus-within
+        hAsync("bq-button", { key: '8a74e1c5d96622392a828ce6336152e84b2d427d', appearance: "text", border: "s", class: "bq-select__control--clear ms-[--bq-select--gap] hidden [&::part(button)]:border-none [&::part(button)]:p-0", exportparts: "button", label: this.clearButtonLabel, onBqClick: this.handleClearClick, onlyIcon: true, part: "clear-btn", size: "small", tabIndex: -1 }, hAsync("slot", { key: '0d3b64bba90b0d28fbf1fd1ef3f91b07cce7c542', name: "clear-icon" }, hAsync("bq-icon", { key: 'e081ee013781bed15d22d1d3c999314eb1fc76af', "aria-hidden": "true", class: "flex", name: "x-circle" })))), hAsync("span", { key: 'd6ee0750683f57c4843b66c0f57fa4f8fe593233', class: { 'bq-select__control--suffix': true, 'rotate-180': this.open, 'rotate-0': !this.open }, part: "suffix", ref: (spanElem) => {
+                this.suffixElem = spanElem;
+            } }, hAsync("slot", { key: '60bbf927836994e487ec5615ac37b46309a7f0d2', name: "suffix", onSlotchange: this.handleSlotChange }, hAsync("bq-icon", { key: 'f92b77a0d9833e0ad31d7a9adbd8b0ce76f069b7', class: "flex", name: "caret-down" })))), hAsync("bq-option-list", { key: '0b4fa059ac5d9a296358bffb05cd61a08bbb41f6', "aria-expanded": this.open ? 'true' : 'false', exportparts: "base:option-list", id: `bq-options-${this.name}`, onBqSelect: this.handleSelect, role: "listbox" }, hAsync("slot", { key: '9a42fd00864ff85ea0b9298b60d0f4cbdb9be43e' }))), hAsync("div", { key: 'f09628183dc0f4e35caae1551d3de266a96ccc64', class: {
+                [`bq-select__helper-text validation-${this.validationStatus}`]: true,
+                '!hidden': !this.hasHelperText,
+            }, part: "helper-text", ref: (divElem) => {
+                this.helperTextElem = divElem;
+            } }, hAsync("slot", { key: '0ab5418216b6b41c64b7019a6ff4f6ab8bc751c4', name: "helper-text", onSlotchange: this.handleSlotChange }))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
@@ -15122,9 +15118,9 @@ class BqSideMenu {
     // Always the last one in the class.
     // ===================================
     render() {
-        return (jsxs("aside", { class: { 'bq-side-menu overflow-y-auto': true, 'is-collapsed': this.collapse }, part: "base", children: [jsx("div", { class: { 'bq-side-menu--logo': true, 'is-collapsed': this.collapse }, part: "logo", children: jsx("slot", { name: "logo" }, '5dc1a479de60469eea251b6883ac37e12e92b1f0') }, '2e867fbe5d0a30d6c7d694df40a0685acda64b14'), jsx("nav", { class: "bq-side-menu--nav flex flex-col gap-y-xs px-xs pt-xs2", part: "nav", ref: (navElem) => {
-                        this.menuElem = navElem;
-                    }, children: jsx("slot", {}, 'ffddfe410753e0a00053ed9f818f5da596bd72ed') }, '2810d72d9a1a1194cf1d0baf7f5673ad340395ea'), jsx("div", { class: "bq-side-menu--footer sticky inset-be-0 m-bs-[auto] flex justify-center bg-[var(--bq-side-menu--bg-color)] p-xs", part: "footer", children: jsx("slot", { name: "footer" }, '319d0b8527d601feb18f8524d54b77c9b0090d1e') }, '0e4e456b83e78ca6fed069ec42d22fb6edbf6700')] }, '16b2e69072f0cfdcee4db1ee09e91ec552c406d6'));
+        return (hAsync("aside", { key: '88b9e71de693a1c299b5ea29923ff099e20094ff', class: { 'bq-side-menu overflow-y-auto': true, 'is-collapsed': this.collapse }, part: "base" }, hAsync("div", { key: '4e168d1422648ce7bec6b41235a69a0a60a8d126', class: { 'bq-side-menu--logo': true, 'is-collapsed': this.collapse }, part: "logo" }, hAsync("slot", { key: 'c167aa13ecd26be964c23d792eb8b4d072f336cd', name: "logo" })), hAsync("nav", { key: '51f93fa369d831d4b37640f8504080def6705b79', class: "bq-side-menu--nav flex flex-col gap-y-xs px-xs pt-xs2", part: "nav", ref: (navElem) => {
+                this.menuElem = navElem;
+            } }, hAsync("slot", { key: 'f9b247934bde68008eb4374cdd56bee21162e4b7' })), hAsync("div", { key: 'bce10f4d001687d85da96944003310444ea61a7a', class: "bq-side-menu--footer sticky inset-be-0 m-bs-[auto] flex justify-center bg-[var(--bq-side-menu--bg-color)] p-xs", part: "footer" }, hAsync("slot", { key: 'b5052f3e97f90a114df7f82a58e35d809dbdad31', name: "footer" }))));
     }
     static get watchers() { return {
         "collapse": [{
@@ -15276,16 +15272,16 @@ class BqSideMenuItem {
     // render() function
     // Always the last one in the class.
     // ===================================
-    menuItem = () => (jsxs("button", { "aria-disabled": this.disabled ? 'true' : 'false', class: {
+    menuItem = () => (hAsync("button", { "aria-disabled": this.disabled ? 'true' : 'false', class: {
             'bq-side-menu__item': true,
             active: this.active,
             disabled: this.disabled,
             'is-collapsed': this.collapse,
-        }, onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, part: "base", role: "menuitem", slot: "trigger", tabindex: this.disabled ? -1 : 0, type: "button", children: [jsx("div", { class: "bq-side-menu__item--prefix flex items-center", part: "prefix", children: jsx("slot", { name: "prefix" }) }), jsx("div", { class: "bq-side-menu__item--label overflow-hidden text-ellipsis whitespace-nowrap", ref: (labelElem) => {
-                    this.labelElem = labelElem;
-                }, children: jsx("slot", { onSlotchange: this.handleSlotChange }) }), jsx("div", { class: "bq-side-menu__item--suffix ml-auto flex items-center", part: "suffix", children: jsx("slot", { name: "suffix" }) })] }));
+        }, onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, part: "base", role: "menuitem", slot: "trigger", tabindex: this.disabled ? -1 : 0, type: "button" }, hAsync("div", { class: "bq-side-menu__item--prefix flex items-center", part: "prefix" }, hAsync("slot", { name: "prefix" })), hAsync("div", { class: "bq-side-menu__item--label overflow-hidden text-ellipsis whitespace-nowrap", ref: (labelElem) => {
+            this.labelElem = labelElem;
+        } }, hAsync("slot", { onSlotchange: this.handleSlotChange })), hAsync("div", { class: "bq-side-menu__item--suffix ml-auto flex items-center", part: "suffix" }, hAsync("slot", { name: "suffix" }))));
     render() {
-        return !this.collapse ? (this.menuItem()) : (jsxs("bq-tooltip", { class: "bq-side-menu__item--tooltip block", exportparts: "trigger, panel", placement: "right", children: [this.textContent, this.menuItem()] }));
+        return !this.collapse ? (this.menuItem()) : (hAsync("bq-tooltip", { class: "bq-side-menu__item--tooltip block", exportparts: "trigger, panel", placement: "right" }, this.textContent, this.menuItem()));
     }
     static get style() { return bqSideMenuItemCss(); }
     static get cmpMeta() { return {
@@ -15598,10 +15594,10 @@ class BqSlider {
         return this.tooltipAlwaysVisible && this.enableTooltip;
     }
     renderLabel = (value, position, css) => {
-        return (jsx("span", { class: {
+        return (hAsync("span", { class: {
                 [`${css} is-fit min-is-8 box-content block font-medium text-primary text-s leading-regular [font-variant:tabular-nums]`]: true,
                 hidden: position === 'start' ? !this.enableValueIndicator : !this.enableValueIndicator || !this.isRangeType,
-            }, part: `label-${position}`, children: value.toFixed(this.decimalCount) }));
+            }, part: `label-${position}` }, value.toFixed(this.decimalCount)));
     };
     renderInput = (type, value, refCallback) => {
         // Determine the zIndex value based on the type and the current min and max values.
@@ -15613,36 +15609,36 @@ class BqSlider {
             // If the value of both thumbs is the same as the min or max value, set the zIndex to -1
             return zIndex[type] ? '-1' : '0';
         };
-        return (jsx("input", { class: {
+        return (hAsync("input", { class: {
                 'is-full absolute inset-bs-[50%] start-0 -translate-y-1/2 cursor-pointer appearance-none bg-transparent outline-none disabled:cursor-not-allowed': true,
                 'pointer-events-none': this.isRangeType,
             }, disabled: this.disabled, max: this.max, min: this.min, name: this.name, onBlur: this.handleBlur, onFocus: this.handleFocus, onInput: (ev) => this.handleInputChange(type, ev), onMouseDown: this.handleMouseDown, onMouseUp: this.handleMouseUp, part: `input-${type}`, ref: refCallback, step: this.step, style: this.isRangeType ? { zIndex: zIndexValue(type) } : undefined, type: "range", value: value }));
     };
-    renderTooltip = (value, thumbPosition, refCallback) => (jsxs("bq-tooltip", { alwaysVisible: true, class: {
+    renderTooltip = (value, thumbPosition, refCallback) => (hAsync("bq-tooltip", { alwaysVisible: true, class: {
             'absolute [&::part(panel)]:absolute': true,
             hidden: !this.isTooltipAlwaysVisible,
-        }, distance: this.enableValueIndicator ? 6 : 16, exportparts: "base,trigger,panel", ref: refCallback, style: { insetInlineStart: `${thumbPosition}px`, fontVariant: 'tabular-nums' }, children: [jsx("div", { class: "bs-1 is-1 absolute", slot: "trigger" }), value.toFixed(this.decimalCount)] }));
+        }, distance: this.enableValueIndicator ? 6 : 16, exportparts: "base,trigger,panel", ref: refCallback, style: { insetInlineStart: `${thumbPosition}px`, fontVariant: 'tabular-nums' } }, hAsync("div", { class: "bs-1 is-1 absolute", slot: "trigger" }), value.toFixed(this.decimalCount)));
     // render() function
     // Always the last one in the class.
     // ===================================
     render() {
-        return (jsxs("div", { "aria-disabled": this.disabled ? 'true' : 'false', class: { 'is-full flex': true, 'cursor-not-allowed opacity-60': this.disabled }, part: "base", children: [this.renderLabel(this.minValue, 'start', 'me-xs text-end'), jsxs("div", { class: "is-full relative", part: "container", children: [jsx("span", { class: "bs-1 is-full absolute inset-bs-[50%] start-0 -translate-y-1/2 rounded-xs bg-[--bq-slider--trackarea-color]", part: "track-area", ref: (elem) => {
-                                this.trackElem = elem;
-                            } }, '68f0633c86e33e1f8b9c873f57766c8aea608dec'), jsx("span", { class: "bs-1 is-[50%] absolute inset-bs-[50%] -translate-y-1/2 rounded-xs bg-[--bq-slider--progress-color]", part: "progress-area", ref: (elem) => {
-                                this.progressElem = elem;
-                            } }, 'f1512b7792f304aca4a75300d7265ec9b1b5796c'), this.enableTooltip &&
-                            this.renderTooltip(this.minValue, this.minThumbPosition, (elem) => {
-                                this.minTooltipElem = elem;
-                            }), this.renderInput('min', this.minValue, (input) => {
-                            this.inputMinElem = input;
-                        }), this.enableTooltip &&
-                            this.isRangeType &&
-                            this.renderTooltip(this.maxValue, this.maxThumbPosition, (elem) => {
-                                this.maxTooltipElem = elem;
-                            }), this.isRangeType &&
-                            this.renderInput('max', this.maxValue, (input) => {
-                                this.inputMaxElem = input;
-                            })] }, '52acb2b43a7681220bc2b1c2dc40a82a83627618'), this.renderLabel(this.maxValue, 'end', 'ms-xs text-start')] }, '1616e127d413f2b40cee4b7048e488b3e77a689c'));
+        return (hAsync("div", { key: '58e0c3cacbf5742bcb74c996bdd6a41f6b439845', "aria-disabled": this.disabled ? 'true' : 'false', class: { 'is-full flex': true, 'cursor-not-allowed opacity-60': this.disabled }, part: "base" }, this.renderLabel(this.minValue, 'start', 'me-xs text-end'), hAsync("div", { key: '0ddcbfaf88674a1298bef6a6afc6eb94cbfed76b', class: "is-full relative", part: "container" }, hAsync("span", { key: '3675292bd5f0feb6d1d7990cf775c169297bd5f7', class: "bs-1 is-full absolute inset-bs-[50%] start-0 -translate-y-1/2 rounded-xs bg-[--bq-slider--trackarea-color]", part: "track-area", ref: (elem) => {
+                this.trackElem = elem;
+            } }), hAsync("span", { key: '756578e2ce8faf97cd567a9a5942767e393f13be', class: "bs-1 is-[50%] absolute inset-bs-[50%] -translate-y-1/2 rounded-xs bg-[--bq-slider--progress-color]", part: "progress-area", ref: (elem) => {
+                this.progressElem = elem;
+            } }), this.enableTooltip &&
+            this.renderTooltip(this.minValue, this.minThumbPosition, (elem) => {
+                this.minTooltipElem = elem;
+            }), this.renderInput('min', this.minValue, (input) => {
+            this.inputMinElem = input;
+        }), this.enableTooltip &&
+            this.isRangeType &&
+            this.renderTooltip(this.maxValue, this.maxThumbPosition, (elem) => {
+                this.maxTooltipElem = elem;
+            }), this.isRangeType &&
+            this.renderInput('max', this.maxValue, (input) => {
+                this.inputMaxElem = input;
+            })), this.renderLabel(this.maxValue, 'end', 'ms-xs text-start')));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
@@ -15836,18 +15832,18 @@ class BqSpinner {
     // Always the last one in the class.
     // ===================================
     render() {
-        return (jsxs("div", { class: {
+        return (hAsync("div", { key: 'bad97311f868df4b27dcbfad46a06cc6f519d191', class: {
                 [`bq-spinner ${this.size} text-${this.textPosition}`]: true,
                 'is-animated': this.animation,
                 'has-text': !!this.slotContentLength,
-            }, part: "base", children: [!this.hasIconSlot && (jsx("div", { "aria-label": "Loading...", class: `bq-spinner--loader ${this.size} relative text-[--bq-spinner--color]`, role: "status", children: jsxs("svg", { "aria-hidden": "true", class: "bs-full is-full", fill: "currentColor", viewBox: "0 0 48 48", children: [jsx("path", { d: "M10.27 7.637c-.937-1.117-.798-2.796.415-3.605a24 24 0 0 1 37.09 23.249c-.2 1.444-1.65 2.301-3.064 1.944-1.414-.356-2.25-1.793-2.096-3.242A18.72 18.72 0 0 0 14.102 8.11c-1.237.77-2.895.643-3.832-.474Z", fill: "currentColor" }, '7e4bc421a8109386efe5889c2a772b8f3f49e656'), jsx("path", { d: "M48 24c0 13.255-10.745 24-24 24S0 37.255 0 24 10.745 0 24 0s24 10.745 24 24ZM5.28 24c0 10.339 8.381 18.72 18.72 18.72 10.339 0 18.72-8.381 18.72-18.72 0-10.339-8.381-18.72-18.72-18.72C13.661 5.28 5.28 13.661 5.28 24Z", fill: "currentColor", opacity: ".1" }, '1b601112a81351778832c81b770da2961f5ff5bc')] }, 'f9198a65b3b500423c31d17dd0432d1761d0f4aa') }, 'de271d266d9a24b0734b34fae285f64e3a50d2dd')), jsx("span", { class: { 'bq-spinner--icon': true, flex: this.hasIconSlot, '!hidden': !this.hasIconSlot }, part: "custom-icon", ref: (spanElem) => {
-                        this.iconSlotElem = spanElem;
-                    }, children: jsx("slot", { name: "icon", onSlotchange: this.handleIconSlotChange }, '7d2e3e8da6028911159fab1ea09edf01bbc4aa3f') }, 'f1056a35a018371a2df293b627cfc82b4b719f70'), jsx("span", { class: {
-                        'bq-spinner--text font-medium text-primary leading-regular': true,
-                        '!hidden': !this.isTextDisplayed,
-                    }, part: "text", ref: (spanElem) => {
-                        this.slotElem = spanElem;
-                    }, children: jsx("slot", { onSlotchange: this.handleSlotChange }, 'd5ff79f46c1947164d91079d96d3cd9a63f6a300') }, '7d8c814660652f8c1c4dd4d4eeec28bc86bfca9d')] }, '7d3cf478e776f6d5fc42d27921e0ba8a42262b16'));
+            }, part: "base" }, !this.hasIconSlot && (hAsync("div", { key: 'ab58066f256b6a9ba67e302ec649273debdb0871', "aria-label": "Loading...", class: `bq-spinner--loader ${this.size} relative text-[--bq-spinner--color]`, role: "status" }, hAsync("svg", { key: 'afa2cd06bcd978db7a00bacabe1b94a0a5a99740', "aria-hidden": "true", class: "bs-full is-full", fill: "currentColor", viewBox: "0 0 48 48" }, hAsync("path", { key: '9370741ab1da2d8f1729931084ca57a0f5c4d370', d: "M10.27 7.637c-.937-1.117-.798-2.796.415-3.605a24 24 0 0 1 37.09 23.249c-.2 1.444-1.65 2.301-3.064 1.944-1.414-.356-2.25-1.793-2.096-3.242A18.72 18.72 0 0 0 14.102 8.11c-1.237.77-2.895.643-3.832-.474Z", fill: "currentColor" }), hAsync("path", { key: '69b9db761f754bb9b92d3915b1850d6593e9de62', d: "M48 24c0 13.255-10.745 24-24 24S0 37.255 0 24 10.745 0 24 0s24 10.745 24 24ZM5.28 24c0 10.339 8.381 18.72 18.72 18.72 10.339 0 18.72-8.381 18.72-18.72 0-10.339-8.381-18.72-18.72-18.72C13.661 5.28 5.28 13.661 5.28 24Z", fill: "currentColor", opacity: ".1" })))), hAsync("span", { key: 'f1caed460b50afe214930d343d48a6be0e2a5703', class: { 'bq-spinner--icon': true, flex: this.hasIconSlot, '!hidden': !this.hasIconSlot }, part: "custom-icon", ref: (spanElem) => {
+                this.iconSlotElem = spanElem;
+            } }, hAsync("slot", { key: 'e515e5dff249595b4429ae5419caf2f86662e7eb', name: "icon", onSlotchange: this.handleIconSlotChange })), hAsync("span", { key: '02a048bbb0ef44f136ece2c7b0c109e0c3ddb04c', class: {
+                'bq-spinner--text font-medium text-primary leading-regular': true,
+                '!hidden': !this.isTextDisplayed,
+            }, part: "text", ref: (spanElem) => {
+                this.slotElem = spanElem;
+            } }, hAsync("slot", { key: '99a763598c872851d5a4d52bee9e012e7f79b96d', onSlotchange: this.handleSlotChange }))));
     }
     static get watchers() { return {
         "textPosition": [{
@@ -15947,7 +15943,7 @@ class BqStatus {
     // Always the last one in the class.
     // ===================================
     render() {
-        return (jsxs("div", { class: "bq-status inline-flex items-center gap-xs", part: "base", role: "status", children: [jsx("bq-badge", { class: `bq-status__circle rounded-full ${this.type}`, part: "circle", size: "medium" }, '31b7b382b3721b54924b836f1fddb2d1b54fd850'), jsx("div", { class: "bq-status__text max-bs-[20px] m-b-0 m-i-0 p-b-0 p-i-0 font-medium text-primary text-s leading-regular", part: "text", children: jsx("slot", {}, '9e052c946a4b7277661f3a8ca5a5dfef39113aa9') }, '7c8c8e9e818d4c6a9ea149a60996422ad37634d7')] }, 'fb514428d47c19f65d0e460f5446e9afed336f02'));
+        return (hAsync("div", { key: '7c753178fd5088e6eb8295e1cc7dbc1907cc6ce7', class: "bq-status inline-flex items-center gap-xs", part: "base", role: "status" }, hAsync("bq-badge", { key: '82b3f5c1bba8c423d7db010148ecd9458ed264eb', class: `bq-status__circle rounded-full ${this.type}`, part: "circle", size: "medium" }), hAsync("div", { key: 'bea8f3946f7d8240930559cec0caca904dd78cbd', class: "bq-status__text max-bs-[20px] m-b-0 m-i-0 p-b-0 p-i-0 font-medium text-primary text-s leading-regular", part: "text" }, hAsync("slot", { key: '9609871a282a618e3ad73f1a76f7c3bf1208edbd' }))));
     }
     static get watchers() { return {
         "type": [{
@@ -16116,21 +16112,21 @@ class BqStepItem {
     // ===================================
     render() {
         const isVertical = this.orientation === 'vertical';
-        return (jsxs("div", { class: { 'inline-flex': true, 'flex-row': !isVertical, 'flex-col': isVertical }, role: "listitem", children: [jsxs("button", { class: {
-                        'bq-step-item': true,
-                        [`bq-step-item--${this.status}`]: true,
-                        'pointer-events-none opacity-60': this.isDisabled,
-                    }, disabled: this.isDisabled, onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, "aria-current": this.isCurrent ? 'step' : undefined, type: "button", part: "base", children: [jsx("div", { class: `bq-step-item__prefix relative ${this.type} ${this.size} ${this.status}`, children: jsx("slot", { name: "prefix", onSlotchange: this.handleIconPrefix }, '51734549220522f861e90acdc3fc4ee4a4194956') }, 'a3b0b3e4809dc9a2ed649d8bd0fc9183e5668b6c'), jsxs("div", { class: "bq-step-item__content items-start text-start", children: [jsx("div", { class: {
-                                        'bq-step-item__content--title pe-xs3 text-m text-primary leading-regular': true,
-                                        'pointer-events-none': this.isDisabled,
-                                        'text-brand': this.isCurrent,
-                                    }, part: "title", children: jsx("slot", {}, '6f304aeed650943719cd7ada6bcc62b82e0016e3') }, 'b7eaec59b1bba2ec93947cd58529ff3b38463498'), jsx("div", { class: {
-                                        'bq-step-item__content--description text-s text-secondary leading-regular': true,
-                                        'opacity-60': this.isDisabled,
-                                    }, part: "description", children: jsx("slot", { name: "description" }, '6234012f46d580ed3c9b91996bb76d6d65237096') }, '2de2a01ed0aa6c4e6762b0731137abeffe98354f')] }, 'd59a22a793bb8dd1ddebb48a4055fa03436e9b84')] }, '94f5d409175756db62fd7a0659444252518d64e5'), !this.isLast && (jsx("bq-divider", { class: {
-                        '[&::part(base)]:self-start [&::part(base)]:p-m': true,
-                        '[&::part(base)]:p-s': isVertical && this.size === 'small',
-                    }, exportparts: "base:divider-base,dash-start:divider-dash-start,dash-end:divider-dash-end", orientation: this.orientation, strokeColor: this.dividerColor, strokeThickness: 2, "aria-hidden": "true" }, 'e631ee54d47f139977a94d420e5f075344065f25'))] }, '6585a59414854aff66e2df88d3c6edfb7dfeb3f1'));
+        return (hAsync("div", { key: '13e080badfbd2431db482b4fb9084c8ff4db0c58', class: { 'inline-flex': true, 'flex-row': !isVertical, 'flex-col': isVertical }, role: "listitem" }, hAsync("button", { key: '4040d8ae5ab8b910a663f646284a77ecaebf3ed7', class: {
+                'bq-step-item': true,
+                [`bq-step-item--${this.status}`]: true,
+                'pointer-events-none opacity-60': this.isDisabled,
+            }, disabled: this.isDisabled, onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, "aria-current": this.isCurrent ? 'step' : undefined, type: "button", part: "base" }, hAsync("div", { key: '4b8a7e4417889c936732fc864e0d5751e0e385f3', class: `bq-step-item__prefix relative ${this.type} ${this.size} ${this.status}` }, hAsync("slot", { key: 'c7e040a561cefaa7745dbda2aaddb6acf422c6ae', name: "prefix", onSlotchange: this.handleIconPrefix })), hAsync("div", { key: '9c7eb25b97f910f8254e4b45133318720157e379', class: "bq-step-item__content items-start text-start" }, hAsync("div", { key: '6a56131b83b999b6dffbacb14e0ee728d06edad4', class: {
+                'bq-step-item__content--title pe-xs3 text-m text-primary leading-regular': true,
+                'pointer-events-none': this.isDisabled,
+                'text-brand': this.isCurrent,
+            }, part: "title" }, hAsync("slot", { key: 'ac6d7b06b1423e8a4774215092316c3caeb5cd3e' })), hAsync("div", { key: 'a8dc6e1dfe6de390e404a0dcdcc666db789941b3', class: {
+                'bq-step-item__content--description text-s text-secondary leading-regular': true,
+                'opacity-60': this.isDisabled,
+            }, part: "description" }, hAsync("slot", { key: '64a54d42c43ed237e6ee73149d1d1b7d7449c170', name: "description" })))), !this.isLast && (hAsync("bq-divider", { key: '62ecc916ca59d03cb26f8aa3914f6cfcfbfbceef', class: {
+                '[&::part(base)]:self-start [&::part(base)]:p-m': true,
+                '[&::part(base)]:p-s': isVertical && this.size === 'small',
+            }, exportparts: "base:divider-base,dash-start:divider-dash-start,dash-end:divider-dash-end", orientation: this.orientation, strokeColor: this.dividerColor, strokeThickness: 2, "aria-hidden": "true" }))));
     }
     static get delegatesFocus() { return true; }
     static get watchers() { return {
@@ -16280,13 +16276,13 @@ class BqSteps {
     // Always the last one in the class.
     // ===================================
     render() {
-        return (jsx("div", { class: {
+        return (hAsync("div", { key: '8009e16d96dcd655103e54671b66dcfd237d722d', class: {
                 'relative inline-flex items-start justify-between': true,
                 'is-full flex-row': this.orientation === 'horizontal',
                 'bs-full flex-col': this.orientation === 'vertical',
             }, part: "container", role: "list", ref: (div) => {
                 this.stepElem = div;
-            }, children: jsx("slot", {}, '46f8a80293d60735b8b159028276f4c55d1c1d52') }, 'c3a4c2006ff09a4e7087e71c03e6f4aabc9ad1e6'));
+            } }, hAsync("slot", { key: '9212530f9fc0d276cda4b52d12826008171e7f7d' })));
     }
     static get watchers() { return {
         "dividerColor": [{
@@ -16551,15 +16547,15 @@ class BqSwitch {
             'is-disabled': this.disabled,
             'flex-row-reverse': this.reverseOrder,
         };
-        return (jsx(Host, { class: { 'full-width': this.fullWidth }, style: hostStyle, children: jsxs("label", { class: { 'bq-switch group': true, ...labelCssClasses }, part: "base", children: [jsx("input", { "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.name, checked: this.checked, class: "bq-switch--input peer !bs-[--bq-switch--dot-size] !is-[--bq-switch--width] sr-only peer-checked:invisible", disabled: this.disabled, name: !isNil(this.name) ? this.name : undefined, onBlur: this.handleOnBlur, onChange: this.handleChange, onFocus: this.handleOnFocus, ref: (input) => {
-                            this.inputElem = input;
-                        }, required: this.required, role: "switch", type: "checkbox", value: this.value }, '74f906055e93fc0faa9b94b5ca1441b8e6aa049a'), jsxs("div", { class: "bq-switch--control bs-[--bq-switch--height] is-[--bq-switch--width] relative box-border flex justify-between rounded-full bg-ui-tertiary p-b-xs2 p-i-xs2 transition duration-300 group-[&.is-checked]:bg-ui-brand", part: "control", children: [this.innerLabel === 'icon' && (jsx("bq-icon", { class: "bq-switch--control__icon on", color: "icon--alt", name: "check", part: "icon-on", title: "On" }, '9ec8d3b779306d566dc4cfde53854a6f1da8fd35')), this.innerLabel === 'icon' && (jsx("bq-icon", { class: "bq-switch--control__icon off", color: "icon--inverse", name: "x", part: "icon-off", title: "Off" }, 'cf69da92cae163e09aaf5ac0fcf862f0dd3f74ef')), jsx("div", { class: "bq-switch--control__dot", part: "dot" }, 'af52e94955e81c755c24cea20839738858fa52cb')] }, '34714af149ed404749d8dc897ae64e939c271de7'), jsx("span", { class: {
-                            'bq-switch--label font-medium text-m text-primary leading-regular transition-colors duration-300': true,
-                            'ms-s': this.hasLabel && !this.reverseOrder,
-                            'me-s': this.hasLabel && this.reverseOrder,
-                        }, part: "label", ref: (span) => {
-                            this.labelElem = span;
-                        }, children: jsx("slot", { onSlotchange: this.handleSlotChange }, '89fbd9404e2a2db5828c2ad9525a661c8ec3e207') }, 'a935f08691c1002226a20cec1e9623e2496e5f75')] }, '3e8f0376f2175520077de189ae48ce73fd633946') }, '9a27424ab936d27ea5acd52829afcb57ffe3c92c'));
+        return (hAsync(Host, { key: '50837476ffecd5a4d8fbfac516e8ef630aaae0d1', class: { 'full-width': this.fullWidth }, style: hostStyle }, hAsync("label", { key: '2b3ff5fb4a384c255da3590ae4977844da42b3f8', class: { 'bq-switch group': true, ...labelCssClasses }, part: "base" }, hAsync("input", { key: 'f007a6eb8b2e7d17f070e251dfb134029ced8652', "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.name, checked: this.checked, class: "bq-switch--input peer !bs-[--bq-switch--dot-size] !is-[--bq-switch--width] sr-only peer-checked:invisible", disabled: this.disabled, name: !isNil(this.name) ? this.name : undefined, onBlur: this.handleOnBlur, onChange: this.handleChange, onFocus: this.handleOnFocus, ref: (input) => {
+                this.inputElem = input;
+            }, required: this.required, role: "switch", type: "checkbox", value: this.value }), hAsync("div", { key: '1b27a1080667827d7aff194e8df2d366796d157d', class: "bq-switch--control bs-[--bq-switch--height] is-[--bq-switch--width] relative box-border flex justify-between rounded-full bg-ui-tertiary p-b-xs2 p-i-xs2 transition duration-300 group-[&.is-checked]:bg-ui-brand", part: "control" }, this.innerLabel === 'icon' && (hAsync("bq-icon", { key: '785252cd3627a008c13cec31a816d1b887e14fa0', class: "bq-switch--control__icon on", color: "icon--alt", name: "check", part: "icon-on", title: "On" })), this.innerLabel === 'icon' && (hAsync("bq-icon", { key: 'db1f0003ad2de0caaa6c7de864e21dca56fa62ae', class: "bq-switch--control__icon off", color: "icon--inverse", name: "x", part: "icon-off", title: "Off" })), hAsync("div", { key: '9822fdace5e03fa4a10f8ff0e865fa93ec965367', class: "bq-switch--control__dot", part: "dot" })), hAsync("span", { key: 'b0d090c0888f59eb86da9de35f87a13099da7182', class: {
+                'bq-switch--label font-medium text-m text-primary leading-regular transition-colors duration-300': true,
+                'ms-s': this.hasLabel && !this.reverseOrder,
+                'me-s': this.hasLabel && this.reverseOrder,
+            }, part: "label", ref: (span) => {
+                this.labelElem = span;
+            } }, hAsync("slot", { key: 'e5d6b58367302388601d9390ea41ff95c3d2e38f', onSlotchange: this.handleSlotChange })))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
@@ -16775,15 +16771,15 @@ class BqTab {
     // Always the last one in the class.
     // ===================================
     render() {
-        return (jsx("button", { "aria-controls": this.controls, "aria-disabled": this.disabled ? 'true' : 'false', "aria-selected": this.active ? 'true' : 'false', class: {
+        return (hAsync("button", { key: '67d13243231a5a295cea5721de40176c01ca2779', "aria-controls": this.controls, "aria-disabled": this.disabled ? 'true' : 'false', "aria-selected": this.active ? 'true' : 'false', class: {
                 [`bq-tab bq-tab--${this.size} bq-tab--${this.orientation}-${this.placement}`]: true,
                 'text-brand': this.active,
                 'text-primary': !this.active,
             }, disabled: this.disabled, id: this.tabId, onBlur: this.handleOnBlur, onClick: this.handleClick, onFocus: this.handleOnFocus, onKeyDown: this.handleOnKeyDown, part: "base", ref: (el) => {
                 this.buttonElement = el;
-            }, role: "tab", tabindex: this.tabindex, type: "button", children: jsxs("div", { class: "flex items-center justify-center", part: "content", children: [jsx("div", { class: "flex", part: "icon", ref: (span) => {
-                            this.iconElement = span;
-                        }, children: jsx("slot", { name: "icon", onSlotchange: this.handleIconSlotChange }, '144351d38ab99d788f2c04d286c81e19263abbcf') }, '5462cbb560afa80f0d8b22d9c847c2fbf1348d00'), jsx("div", { class: { 'line-clamp-1': true, 'ms-[--bq-tab--label-icon-gap]': this.hasIcon }, part: "text", children: jsx("slot", {}, '37ab727d5173f02cbc051929c3efed8978848be9') }, 'a9766b4227fa5a523e68a60f70832823de767443')] }, '367f49f97fe2efb9cabc01c2419294be2877c07f') }, '9e4ce6f25820c62647bc3e287b10aeb8a96503c9'));
+            }, role: "tab", tabindex: this.tabindex, type: "button" }, hAsync("div", { key: '07fd9dd3899db73193c2ce3b2a86294f46ce7834', class: "flex items-center justify-center", part: "content" }, hAsync("div", { key: '54247124e7e7b97960f546ae7153520dd5da8807', class: "flex", part: "icon", ref: (span) => {
+                this.iconElement = span;
+            } }, hAsync("slot", { key: 'e1fcf248349ca01377b81f98232bf6d492c4ca0d', name: "icon", onSlotchange: this.handleIconSlotChange })), hAsync("div", { key: 'dc586c86b73893b95d6c83279d2b0357fe2c4714', class: { 'line-clamp-1': true, 'ms-[--bq-tab--label-icon-gap]': this.hasIcon }, part: "text" }, hAsync("slot", { key: '64c05d3cea1c8d39dade0b3b08ea3e6eabd14c27' })))));
     }
     static get watchers() { return {
         "size": [{
@@ -17014,13 +17010,13 @@ class BqTabGroup {
     // Always the last one in the class.
     // ===================================
     render() {
-        return (jsx(Host, { class: { 'inline-block': this.orientation === 'vertical' }, children: jsx("div", { class: {
-                    [`bq-tab-group bq-tab-group--${this.orientation}-${this.placement} is-full flex`]: true,
-                    'no-divider': this.disableDivider,
-                }, part: "base", children: jsx("div", { class: {
-                        'bq-tab-group--container flex overflow-x-auto': true,
-                        'flex-col': this.orientation !== 'horizontal',
-                    }, part: "tabs", role: "tablist", children: jsx("slot", {}, 'c6a50f259ecaab21d223cc188f390a7d186ce2f8') }, '71ba00dd69ed2cbaf547ca46a745dad58a4434c1') }, '4f7c13e06144d733c851f1b8e62238bfdd4aabcd') }, '50d10913b0d057c1f9272e4c577e65739e8b714a'));
+        return (hAsync(Host, { key: '14f48db35a2392ede8c5a44103ececb5e601dc98', class: { 'inline-block': this.orientation === 'vertical' } }, hAsync("div", { key: '5639127579ae0bfccd48cb59736ea5b4533ea45a', class: {
+                [`bq-tab-group bq-tab-group--${this.orientation}-${this.placement} is-full flex`]: true,
+                'no-divider': this.disableDivider,
+            }, part: "base" }, hAsync("div", { key: 'ee7f407248c1bcdeb6fd53569151b37518aa575b', class: {
+                'bq-tab-group--container flex overflow-x-auto': true,
+                'flex-col': this.orientation !== 'horizontal',
+            }, part: "tabs", role: "tablist" }, hAsync("slot", { key: 'fcb5a9e5a8df56b4b32549810778cdd19719a486' })))));
     }
     static get watchers() { return {
         "debounceTime": [{
@@ -17347,15 +17343,15 @@ class BqTag {
         // Decide the tag element based on whether it's clickable or not for better semantics and accessibility
         const TagElement = this.isClickable ? 'button' : 'div';
         const ariaHidden = this.hidden ? 'true' : 'false';
-        return (jsx(Host, { "aria-hidden": ariaHidden, hidden: this.hidden || undefined, style: this.computedHostClasses, children: jsxs(TagElement, { class: this.computeWrapperClasses, disabled: this.isClickable ? this.disabled : undefined, part: "wrapper", ...this.computeButtonInteractiveProps, children: [jsx("span", { class: { 'bq-tag__prefix inline-flex': true, '!hidden': !this.hasPrefix }, part: "prefix", ref: (spanElem) => {
-                            this.prefixElem = spanElem;
-                        }, children: jsx("slot", { name: "prefix", onSlotchange: this.handleSlotChange }, 'e12b4f155953ab749d6034cbe710b6ea4ed43942') }, 'c934665f27f7a2d6b58341314a7f421b7b06d08b'), jsx("div", { class: {
-                            'text-xs': this.size === 'xsmall',
-                            'text-s': this.size === 'small',
-                            'text-m': this.size === 'medium',
-                        }, part: "text", children: jsx("slot", {}, '1f274d065e49e301d22ab25680925e0528190d10') }, 'ee30704ff84e6b602647350a503c28831d501f13'), this.isRemovable && !this.disabled && (
-                    // biome-ignore lint/a11y/noStaticElementInteractions: `onClick` will behave better than the custom `bqClick` inside the shadow DOM
-                    jsx("bq-button", { appearance: "text", border: "s", class: "bq-tag__close [&::part(button)]:border-none [&::part(button)]:p-0", label: "Close", onClick: this.handleClose, onlyIcon: true, part: "btn-close", size: "small", children: jsx("bq-icon", { "aria-hidden": "true", color: this.color && !this.hasCustomColor ? textColor(this.color)[this.variant] : 'text--primary', name: "x-circle", size: iconSize(this.size) }, 'bdfb1cf1eb45c8f946a53c6a328b66786efdc858') }, '8a31c1d0c8f998f60b368e40849f026c3bd9463c'))] }, 'b6bc39f6b5fdcf1f274137e13669361c33e9e3ff') }, '3b47673f2011103c3057c932bd604ace828ef10a'));
+        return (hAsync(Host, { key: '48cce67427cc8b61e7dee105d46894547a5a7975', "aria-hidden": ariaHidden, hidden: this.hidden || undefined, style: this.computedHostClasses }, hAsync(TagElement, { key: '3c8134b4354f497a3c665906c4d91c05e5d67034', class: this.computeWrapperClasses, disabled: this.isClickable ? this.disabled : undefined, part: "wrapper", ...this.computeButtonInteractiveProps }, hAsync("span", { key: 'c9cfdcb208165fb305e6a1c71469942b1284f13a', class: { 'bq-tag__prefix inline-flex': true, '!hidden': !this.hasPrefix }, part: "prefix", ref: (spanElem) => {
+                this.prefixElem = spanElem;
+            } }, hAsync("slot", { key: '7454aefdd8a19d6d3fd24398c357030b6c2818ff', name: "prefix", onSlotchange: this.handleSlotChange })), hAsync("div", { key: '045d8a76324bf56636f14c3e7f2244dbe0c0e14d', class: {
+                'text-xs': this.size === 'xsmall',
+                'text-s': this.size === 'small',
+                'text-m': this.size === 'medium',
+            }, part: "text" }, hAsync("slot", { key: 'f41039c96ed3f8e9c61b0ae8d392d30decc80a2f' })), this.isRemovable && !this.disabled && (
+        // biome-ignore lint/a11y/noStaticElementInteractions: `onClick` will behave better than the custom `bqClick` inside the shadow DOM
+        hAsync("bq-button", { key: '9afeeee50e8d84e710ab3e7e48dcf017210d4076', appearance: "text", border: "s", class: "bq-tag__close [&::part(button)]:border-none [&::part(button)]:p-0", label: "Close", onClick: this.handleClose, onlyIcon: true, part: "btn-close", size: "small" }, hAsync("bq-icon", { key: 'e88683b1f2808ae172fb3f88b214a87007996a5e', "aria-hidden": "true", color: this.color && !this.hasCustomColor ? textColor(this.color)[this.variant] : 'text--primary', name: "x-circle", size: iconSize(this.size) }))))));
     }
     static get delegatesFocus() { return true; }
     static get watchers() { return {
@@ -17701,21 +17697,21 @@ class BqTextarea {
     // Always the last one in the class.
     // ===================================
     render() {
-        return (jsxs("div", { class: "bq-textarea flex flex-auto flex-col", part: "base", children: [jsx("label", { "aria-label": this.name ?? this.fallbackId, class: { 'bq-textarea__label': true, '!hidden': !this.hasLabel }, htmlFor: this.name ?? this.fallbackId, part: "label", ref: (label) => {
-                        this.labelElem = label;
-                    }, children: jsx("slot", { name: "label", onSlotchange: this.handleSlotChange }, '6d02974de11bf31ebb6da60e7608b659ac2d462d') }, '8121cff062625dc74d01afe61afd734cbda953ac'), jsx("textarea", { autocapitalize: this.autocapitalize, autocomplete: this.autocomplete, autofocus: this.autofocus, class: {
-                        'bq-textarea__input': true,
-                        'resize-none': this.disableResize,
-                        [`validation-${this.validationStatus}`]: true,
-                    }, disabled: this.disabled, form: this.form, id: this.name ?? this.fallbackId, maxLength: this.maxlength > 0 ? this.maxlength : undefined, name: this.name, onBlur: this.handleBlur, onChange: this.handleChange, onFocus: this.handleFocus, onInput: this.handleInput, part: "input", placeholder: this.placeholder, readOnly: this.readonly, ref: (elem) => {
-                        this.textarea = elem;
-                    }, required: this.required, rows: this.rows, spellcheck: this.spellcheck, wrap: this.wrap, children: this.value }, '28fd67642c49deae46c0e8966df132b752b56725'), jsxs("div", { class: {
-                        'bq-textarea__helper flex items-center justify-between': true,
-                        [`validation-${this.validationStatus}`]: true,
-                        '!hidden': !this.hasHelperText && !this.maxlength,
-                    }, part: "helper-info", children: [jsx("span", { class: "bq-textarea__helper--text", part: "helper-text", ref: (span) => {
-                                this.helperTextElem = span;
-                            }, children: jsx("slot", { name: "helper-text", onSlotchange: this.handleSlotChange }, '31765c8f2f546ffbc95ba26c50830ff86d84d062') }, 'e331426d3eec275ccaa37c451968cf3c6d1beb67'), jsxs("span", { class: { 'bq-textarea__helper--counter [fontVariant:tabular-nums]': true, '!hidden': !this.maxlength }, part: "helper-counter", children: [this.numberOfCharacters ?? 0, "/", this.maxlength] }, '050123325d09fbadee93eda14b406012faaa998b')] }, '2eb37a48714447275eea400a61f78785ba824cf2')] }, '79dbf4a3fefa9a9ecc04cfe88a789bfc832a40c6'));
+        return (hAsync("div", { key: 'e3d5a7f7e29000b2959b5c1946f8227046915754', class: "bq-textarea flex flex-auto flex-col", part: "base" }, hAsync("label", { key: '48ac0c9258331b1d44a4afe1803f30a9bc42e0d2', "aria-label": this.name ?? this.fallbackId, class: { 'bq-textarea__label': true, '!hidden': !this.hasLabel }, htmlFor: this.name ?? this.fallbackId, part: "label", ref: (label) => {
+                this.labelElem = label;
+            } }, hAsync("slot", { key: 'b1b88f2b474ab4965f05361a7877c6696b4db96e', name: "label", onSlotchange: this.handleSlotChange })), hAsync("textarea", { key: '79fef7eb93fb8021d1a2291a9a2c9aa7594f8fd0', autocapitalize: this.autocapitalize, autocomplete: this.autocomplete, autofocus: this.autofocus, class: {
+                'bq-textarea__input': true,
+                'resize-none': this.disableResize,
+                [`validation-${this.validationStatus}`]: true,
+            }, disabled: this.disabled, form: this.form, id: this.name ?? this.fallbackId, maxLength: this.maxlength > 0 ? this.maxlength : undefined, name: this.name, onBlur: this.handleBlur, onChange: this.handleChange, onFocus: this.handleFocus, onInput: this.handleInput, part: "input", placeholder: this.placeholder, readOnly: this.readonly, ref: (elem) => {
+                this.textarea = elem;
+            }, required: this.required, rows: this.rows, spellcheck: this.spellcheck, wrap: this.wrap }, this.value), hAsync("div", { key: 'ccf267c2b3bd8daaa6b9192a17c63b881d5b6f0f', class: {
+                'bq-textarea__helper flex items-center justify-between': true,
+                [`validation-${this.validationStatus}`]: true,
+                '!hidden': !this.hasHelperText && !this.maxlength,
+            }, part: "helper-info" }, hAsync("span", { key: 'cd852d5dec02f6db0d18c011929bffcdf780ecdd', class: "bq-textarea__helper--text", part: "helper-text", ref: (span) => {
+                this.helperTextElem = span;
+            } }, hAsync("slot", { key: '74d0affa4d84369647794f3a5cf014c5c1939974', name: "helper-text", onSlotchange: this.handleSlotChange })), hAsync("span", { key: '2ab7e59c29ed618d7e5110622aa253eadd11fd0a', class: { 'bq-textarea__helper--counter [fontVariant:tabular-nums]': true, '!hidden': !this.maxlength }, part: "helper-counter" }, this.numberOfCharacters ?? 0, "/", this.maxlength))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
@@ -17983,7 +17979,7 @@ class BqToast {
         const style = {
             ...(this.border && { '--bq-toast--border-radius': `var(--bq-radius--${this.border})` }),
         };
-        return (jsx(Host, { "aria-hidden": !this.open ? 'true' : 'false', class: { 'is-hidden': !this.open }, hidden: !this.open ? 'true' : 'false', role: "status", style: style, children: jsxs("output", { class: "bq-toast", part: "wrapper", children: [jsx("div", { class: { [`bq-toast--icon ${this.type}`]: true, '!hidden': this.hideIcon }, part: "icon", children: jsx("slot", { name: "icon", children: jsx("bq-icon", { exportparts: "base,svg", name: this.iconName, size: "24", slot: "icon" }, 'eaef82cdd6ca86fd451ddf11210af0a66d3d24ec') }, 'a7d298c92d2a7f27fcb92f15deecf57f6aca67b7') }, '31ddbd2d68294f701d730f8a11b92d11becc13d6'), jsx("slot", {}, 'fe5efc9cebfbc2cd431b8f4dde24560387f9eed1')] }, 'e9a0f131fa8ece43fce2711cfcac60aeeb7d32e9') }, 'f35a997399e8310322c4389463e630bb9a9d1ab5'));
+        return (hAsync(Host, { key: '0e66f9abe6800d4f76870fb402876112b4cf2af6', "aria-hidden": !this.open ? 'true' : 'false', class: { 'is-hidden': !this.open }, hidden: !this.open ? 'true' : 'false', role: "status", style: style }, hAsync("output", { key: '693f3d06682990bb5a6b35472de473522850bf33', class: "bq-toast", part: "wrapper" }, hAsync("div", { key: '83342a0ada8dbf7830c7962b781690c977f09006', class: { [`bq-toast--icon ${this.type}`]: true, '!hidden': this.hideIcon }, part: "icon" }, hAsync("slot", { key: '10a0d89edc8becc70e7b2d9257381ea0403bdc46', name: "icon" }, hAsync("bq-icon", { key: '493f40a4cc423c65a22f7adc6812af2683fcadea', exportparts: "base,svg", name: this.iconName, size: "24", slot: "icon" }))), hAsync("slot", { key: '5293f07d309f788ad4987a4c30c1ae2d25353ec2' }))));
     }
     static get watchers() { return {
         "type": [{
@@ -18258,13 +18254,13 @@ class BqTooltip {
     // Always the last one in the class.
     // ===================================
     render() {
-        return (jsxs("div", { class: "bq-tooltip relative", part: "base", children: [jsx("div", { class: "bq-tooltip--trigger", onClick: this.handleTriggerOnClick, onFocusin: this.handleTriggerFocusin, onFocusout: this.handleTriggerFocusout, onMouseEnter: this.handleTriggerMouseOver, onMouseLeave: this.handleTriggerMouseLeave, part: "trigger", ref: (el) => {
-                        this.trigger = el;
-                    }, children: jsx("slot", { name: "trigger" }, 'c9a9cf0cf2e213ad54d8f3f31d822da7d1237243') }, 'f28dfbb8e3d47cd7c0c1caf77e430149086627ec'), jsxs("div", { "aria-hidden": this.isHidden, class: "bq-tooltip--panel", hidden: this.isHidden, part: "panel", ref: (el) => {
-                        this.panel = el;
-                    }, role: "tooltip", children: [!this.hideArrow && (jsx("div", { class: "bq-tooltip--arrow", ref: (el) => {
-                                this.arrow = el;
-                            } }, '1a348cfe871c576d7afced85932caa014905a290')), jsx("slot", {}, '5c9250fe380d655c77d78f979aee23f296eb16c5')] }, 'b1f104f8b5e09d9ab93f7ae4a59e892fbe7c3159')] }, 'acfe401f89cb3c9ba12cd827a6207197404be534'));
+        return (hAsync("div", { key: '3079a9d1e04ed1f89078b986f990ccd4df706d37', class: "bq-tooltip relative", part: "base" }, hAsync("div", { key: 'eb8d6a66ce8192cec08d528f40fe9bb654519a5b', class: "bq-tooltip--trigger", onClick: this.handleTriggerOnClick, onFocusin: this.handleTriggerFocusin, onFocusout: this.handleTriggerFocusout, onMouseEnter: this.handleTriggerMouseOver, onMouseLeave: this.handleTriggerMouseLeave, part: "trigger", ref: (el) => {
+                this.trigger = el;
+            } }, hAsync("slot", { key: 'c7b72cd12e0bb316ca0df2a53b8620163ad10e6b', name: "trigger" })), hAsync("div", { key: '742ea5cb096e486bfadff74fcadcefacfa3b2e9c', "aria-hidden": this.isHidden, class: "bq-tooltip--panel", hidden: this.isHidden, part: "panel", ref: (el) => {
+                this.panel = el;
+            }, role: "tooltip" }, !this.hideArrow && (hAsync("div", { key: '3a30e1942a18ebafb8a9fc264e1349322d0152b9', class: "bq-tooltip--arrow", ref: (el) => {
+                this.arrow = el;
+            } })), hAsync("slot", { key: '29f45f5c5cf311368d2c0e27101df75312dbd3f6' }))));
     }
     static get watchers() { return {
         "visible": [{