npm - @brandsync/wc - Versions diffs - 1.5.4 → 1.7.0 - Mend

@brandsync/wc 1.5.4 → 1.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (321) hide show

package/dist/esm/{index-CcPfH1dJ.js → index-DuyFft7h.js} RENAMED Viewed

@@ -5,7 +5,7 @@ const globalScripts = () => {};
 const globalStyles = "/*\n * Brandsync design tokens, vendored from the brandsync-tokens npm package (v1.0.31).\n * Source: node_modules/brandsync-tokens/dist/css/tokens.css\n * Re-copy this file whenever brandsync-tokens is bumped -- Stencil's globalStyle\n * pipeline cannot resolve a bare node_modules @import, so this cannot just re-export it.\n */\n\n:root {\n\n  /* Static Colors */\n  --bs-static-white: #ffffff;\n  --bs-static-black: #000000;\n\n  /* Neutral Scale */\n  --bs-neutral-25: #f9fafb;\n  --bs-neutral-50: #eff0f8;\n  --bs-neutral-100: #dee2ed;\n  --bs-neutral-200: #c2c7d3;\n  --bs-neutral-300: #a0a5b4;\n  --bs-neutral-400: #828998;\n  --bs-neutral-500: #6d7585;\n  --bs-neutral-600: #5d6472;\n  --bs-neutral-700: #4d535f;\n  --bs-neutral-800: #363c47;\n  --bs-neutral-900: #21262e;\n  --bs-neutral-950: #191c22;\n  --bs-neutral-500-transparent: rgba(109, 117, 133, 0.3);\n  --bs-neutral-500-transparent-2: rgba(109, 117, 133, 0.75);\n  --bs-neutral-50-transparent: rgba(239, 240, 248, 0.9);\n\n  /* Gray Scale */\n  --bs-gray-25: #fbfbfb;\n  --bs-gray-50: #f6f7f7;\n  --bs-gray-100: #eef1f1;\n  --bs-gray-200: #dfe5e6;\n  --bs-gray-300: #cbd3d6;\n  --bs-gray-400: #b6bec3;\n  --bs-gray-500: #a2aab2;\n  --bs-gray-600: #8c959f;\n  --bs-gray-700: #7f868f;\n  --bs-gray-800: #636970;\n  --bs-gray-900: #53585c;\n  --bs-gray-950: #303236;\n  --bs-gray-transparent: rgba(162, 170, 178, 0.24);\n  --bs-gray-transparent-2: rgba(162, 170, 178, 0.32);\n  --bs-gray-transparent-3: rgba(162, 170, 178, 0.44);\n\n  /* Success Scale */\n  --bs-success-50: #e5f5e9;\n  --bs-success-100: #c5ebd5;\n  --bs-success-200: #94d4b3;\n  --bs-success-300: #6bb491;\n  --bs-success-400: #469873;\n  --bs-success-500: #00855b;\n  --bs-success-600: #11714e;\n  --bs-success-700: #1b5d43;\n  --bs-success-800: #184330;\n  --bs-success-900: #0f2b1e;\n  --bs-success-950: #101e17;\n\n  /* Error Scale */\n  --bs-error-50: #fcecea;\n  --bs-error-100: #ffdad7;\n  --bs-error-200: #ffb3ae;\n  --bs-error-300: #ff807a;\n  --bs-error-400: #ee5351;\n  --bs-error-500: #d93539;\n  --bs-error-600: #b92f31;\n  --bs-error-700: #982a2a;\n  --bs-error-800: #701d1e;\n  --bs-error-900: #481212;\n  --bs-error-950: #34100f;\n\n  /* Warning Scale */\n  --bs-warning-50: #ffefdb;\n  --bs-warning-100: #ffdea1;\n  --bs-warning-200: #f1bd51;\n  --bs-warning-300: #d39b00;\n  --bs-warning-400: #b18100;\n  --bs-warning-500: #956d00;\n  --bs-warning-600: #805d00;\n  --bs-warning-700: #6b4d00;\n  --bs-warning-800: #4e3700;\n  --bs-warning-900: #332300;\n  --bs-warning-950: #261a00;\n\n  /* Information Scale */\n  --bs-information-50: #edf0fa;\n  --bs-information-100: #d6e3f8;\n  --bs-information-200: #aec8ed;\n  --bs-information-300: #73a9ea;\n  --bs-information-400: #448cd6;\n  --bs-information-500: #0078cb;\n  --bs-information-600: #0066ae;\n  --bs-information-700: #005592;\n  --bs-information-800: #003d6c;\n  --bs-information-900: #00283f;\n  --bs-information-950: #111c2a;\n\n  /* Purple */\n  --bs-purple-50: #f3effb;\n  --bs-purple-100: #e5dffd;\n  --bs-purple-200: #c8c0ff;\n  --bs-purple-300: #a49aff;\n  --bs-purple-400: #8676fe;\n  --bs-purple-500: #715afc;\n  --bs-purple-600: #5e47e6;\n  --bs-purple-700: #4b35c9;\n  --bs-purple-800: #3720a1;\n  --bs-purple-900: #220f73;\n  --bs-purple-950: #201463;\n\n  /* Cobalt */\n  --bs-cobalt-50: #f1effa;\n  --bs-cobalt-100: #e0e0fd;\n  --bs-cobalt-200: #bcc2ff;\n  --bs-cobalt-300: #939eff;\n  --bs-cobalt-400: #6d7cff;\n  --bs-cobalt-500: #4f63ff;\n  --bs-cobalt-600: #3b4ee9;\n  --bs-cobalt-700: #303ecd;\n  --bs-cobalt-800: #1928a5;\n  --bs-cobalt-900: #091675;\n  --bs-cobalt-950: #050d5d;\n\n  /* Blue */\n  --bs-blue-50: #eef0fa;\n  --bs-blue-100: #d8e3fc;\n  --bs-blue-200: #aec7f8;\n  --bs-blue-300: #7aa6f2;\n  --bs-blue-400: #3e88ef;\n  --bs-blue-500: #0073e1;\n  --bs-blue-600: #0062c1;\n  --bs-blue-700: #0051a2;\n  --bs-blue-800: #003a78;\n  --bs-blue-900: #002550;\n  --bs-blue-950: #001b3e;\n\n  /* Steel */\n  --bs-steel-50: #eef0f6;\n  --bs-steel-100: #d9e3f1;\n  --bs-steel-200: #b1c9e3;\n  --bs-steel-300: #83aad0;\n  --bs-steel-400: #558dbe;\n  --bs-steel-500: #3779ae;\n  --bs-steel-600: #2b6796;\n  --bs-steel-700: #1f567f;\n  --bs-steel-800: #103e5f;\n  --bs-steel-900: #041d30;\n  --bs-steel-950: #032841;\n\n  /* Teal */\n  --bs-teal-50: #e9f3f2;\n  --bs-teal-100: #c8e9e7;\n  --bs-teal-200: #9ed1cf;\n  --bs-teal-300: #72b2b0;\n  --bs-teal-400: #469593;\n  --bs-teal-500: #008280;\n  --bs-teal-600: #116f6e;\n  --bs-teal-700: #185b5a;\n  --bs-teal-800: #144241;\n  --bs-teal-900: #032b2a;\n  --bs-teal-950: #02201f;\n\n  /* Jade */\n  --bs-jade-50: #eaf3ef;\n  --bs-jade-100: #c6eadf;\n  --bs-jade-200: #8cd4c2;\n  --bs-jade-300: #63b4a2;\n  --bs-jade-400: #349985;\n  --bs-jade-500: #008370;\n  --bs-jade-600: #0e7060;\n  --bs-jade-700: #0e5d50;\n  --bs-jade-800: #034439;\n  --bs-jade-900: #002c24;\n  --bs-jade-950: #02201a;\n\n  /* Green */\n  --bs-green-50: #ecf2ea;\n  --bs-green-100: #d0e9d2;\n  --bs-green-200: #9fd3a9;\n  --bs-green-300: #78b385;\n  --bs-green-400: #469961;\n  --bs-green-500: #23834a;\n  --bs-green-600: #2a7043;\n  --bs-green-700: #295c3a;\n  --bs-green-800: #21422a;\n  --bs-green-900: #112b19;\n  --bs-green-950: #0b2011;\n\n  /* Lime */\n  --bs-lime-50: #f0f2e7;\n  --bs-lime-100: #d7e8c6;\n  --bs-lime-200: #add18f;\n  --bs-lime-300: #81b45c;\n  --bs-lime-400: #64963f;\n  --bs-lime-500: #478019;\n  --bs-lime-600: #406f1d;\n  --bs-lime-700: #385b1e;\n  --bs-lime-800: #2a4218;\n  --bs-lime-900: #182a0c;\n  --bs-lime-950: #121f09;\n\n  /* Yellow */\n  --bs-yellow-50: #faf1db;\n  --bs-yellow-100: #f9e28a;\n  --bs-yellow-200: #e3c437;\n  --bs-yellow-300: #c0a300;\n  --bs-yellow-400: #a18800;\n  --bs-yellow-500: #887200;\n  --bs-yellow-600: #746202;\n  --bs-yellow-700: #615102;\n  --bs-yellow-800: #463a01;\n  --bs-yellow-900: #2e2500;\n  --bs-yellow-950: #221b00;\n\n  /* Amber */\n  --bs-amber-50: #fceee0;\n  --bs-amber-100: #f8dfbf;\n  --bs-amber-200: #f1be71;\n  --bs-amber-300: #d19c46;\n  --bs-amber-400: #b47f1e;\n  --bs-amber-500: #996805;\n  --bs-amber-600: #875b04;\n  --bs-amber-700: #6f4b02;\n  --bs-amber-800: #513601;\n  --bs-amber-900: #352201;\n  --bs-amber-950: #291900;\n\n  /* Orange */\n  --bs-orange-50: #faeee9;\n  --bs-orange-100: #f9ddd0;\n  --bs-orange-200: #f7b997;\n  --bs-orange-300: #f08c50;\n  --bs-orange-400: #d26d2b;\n  --bs-orange-500: #ba5400;\n  --bs-orange-600: #a24907;\n  --bs-orange-700: #873d07;\n  --bs-orange-800: #642c04;\n  --bs-orange-900: #411b02;\n  --bs-orange-950: #301302;\n\n  /* Magenta */\n  --bs-magenta-50: #fbeeef;\n  --bs-magenta-100: #ffd7e0;\n  --bs-magenta-200: #ffb1c7;\n  --bs-magenta-300: #ff7aa7;\n  --bs-magenta-400: #ea4f8b;\n  --bs-magenta-500: #d12e75;\n  --bs-magenta-600: #b62965;\n  --bs-magenta-700: #9a1f53;\n  --bs-magenta-800: #71163c;\n  --bs-magenta-900: #4a0d27;\n  --bs-magenta-950: #38091c;\n\n  /* Maroon */\n  --bs-maroon-50: #f9eef3;\n  --bs-maroon-100: #f6dbef;\n  --bs-maroon-200: #eab6e3;\n  --bs-maroon-300: #d88cd1;\n  --bs-maroon-400: #c465c0;\n  --bs-maroon-500: #b14bb0;\n  --bs-maroon-600: #983f98;\n  --bs-maroon-700: #7f347e;\n  --bs-maroon-800: #5e245d;\n  --bs-maroon-900: #3e163d;\n  --bs-maroon-950: #2c122b;\n\n  /* Violet */\n  --bs-violet-50: #f9eefe;\n  --bs-violet-100: #eedcfd;\n  --bs-violet-200: #d8b8fd;\n  --bs-violet-300: #be92f4;\n  --bs-violet-400: #a372dd;\n  --bs-violet-500: #8f5ace;\n  --bs-violet-600: #7750a8;\n  --bs-violet-700: #64428d;\n  --bs-violet-800: #492e6a;\n  --bs-violet-900: #311b4b;\n  --bs-violet-950: #241338;\n\n  /* Typography - Font Family */\n  --bs-typography-font-family-heading: Roboto;\n  --bs-typography-font-family-body: Roboto;\n\n  /* Typography - Font Weight */\n  --bs-font-weight-thin: 100;\n  --bs-font-weight-regular: 400;\n  --bs-font-weight-medium: 500;\n  --bs-font-weight-semibold: 600;\n  --bs-font-weight-bold: 700;\n  --bs-font-weight-black: 900;\n\n  /* Typography - Font Size Scale */\n  --bs-font-size-2xs: 10px;\n  --bs-font-size-xs: 12px;\n  --bs-font-size-sm: 14px;\n  --bs-font-size-md: 16px;\n  --bs-font-size-lg: 18px;\n  --bs-font-size-xl: 20px;\n  --bs-font-size-2xl: 24px;\n  --bs-font-size-3xl: 28px;\n  --bs-font-size-4xl: 32px;\n  --bs-font-size-5xl: 40px;\n  --bs-font-size-6xl: 48px;\n\n  /* Typography - Line Height */\n  --bs-line-height-none: 1;\n  --bs-line-height-tight: 1.1;\n  --bs-line-height-snug: 1.25;\n  --bs-line-height-normal: 1.5;\n  --bs-line-height-relaxed: 1.625;\n  --bs-line-height-loose: 2;\n  --bs-line-height-display: 96;\n  --bs-line-height-heading: 56;\n  --bs-line-height-body: 28;\n  --bs-line-height-caption: 24;\n\n  /* Typography - Letter Spacing */\n  --bs-letter-spacing-tighter: -0.05em;\n  --bs-letter-spacing-tight: -0.025em;\n  --bs-letter-spacing-normal: 0em;\n  --bs-letter-spacing-wide: 0.025em;\n  --bs-letter-spacing-wider: 0.05em;\n  --bs-letter-spacing-widest: 0.1em;\n\n  /* Shadow Scale */\n  --bs-shadow-none: none;\n  --bs-shadow-xs: 0 1px 2px rgba(33,38,46,0.06), 0 1px 3px rgba(33,38,46,0.10);\n  --bs-shadow-sm: 0 1px 3px rgba(33,38,46,0.08), 0 2px 6px rgba(33,38,46,0.12);\n  --bs-shadow-md: 0 2px 8px rgba(33,38,46,0.10), 0 4px 16px rgba(33,38,46,0.16);\n  --bs-shadow-lg: 0 4px 16px rgba(33,38,46,0.12), 0 8px 32px rgba(33,38,46,0.20);\n  --bs-shadow-xl: 0 8px 24px rgba(33,38,46,0.14), 0 16px 48px rgba(33,38,46,0.24);\n  --bs-shadow-2xl: 0 16px 48px rgba(33,38,46,0.20), 0 32px 64px rgba(33,38,46,0.32);\n\n  /* Z-Index Scale */\n  --bs-z-index-below: -1;\n  --bs-z-index-base: 0;\n  --bs-z-index-raised: 10;\n  --bs-z-index-dropdown: 100;\n  --bs-z-index-sticky: 200;\n  --bs-z-index-overlay: 300;\n  --bs-z-index-modal: 400;\n  --bs-z-index-popover: 500;\n  --bs-z-index-toast: 600;\n  --bs-z-index-top: 999;\n\n  /* Breakpoints */\n  --bs-breakpoint-xs: 480px;\n  --bs-breakpoint-sm: 640px;\n  --bs-breakpoint-md: 768px;\n  --bs-breakpoint-lg: 1024px;\n  --bs-breakpoint-xl: 1280px;\n  --bs-breakpoint-2xl: 1536px;\n\n  /* Grid */\n  --bs-grid-columns: 12;\n  --bs-grid-container-max: 1440px;\n  --bs-grid-gutter: var(--bs-spacing-200);\n  --bs-grid-margin-sm: var(--bs-spacing-200);\n  --bs-grid-margin-md: var(--bs-spacing-300);\n  --bs-grid-margin-lg: var(--bs-spacing-400);\n  --bs-grid-sidebar-width: var(--bs-sizing-3200);\n  --bs-grid-panel-min-width: var(--bs-sizing-3200);\n\n  /* Opacity */\n  --bs-opacity-disabled: 0.5;\n  --bs-opacity-hover: 0.8;\n  --bs-opacity-focus: 0.9;\n\n  /* Motion - Duration */\n  --bs-duration-instant: 0ms;\n  --bs-duration-fast: 100ms;\n  --bs-duration-default: 200ms;\n  --bs-duration-slow: 300ms;\n  --bs-duration-slower: 500ms;\n\n  /* Motion - Easing */\n  --bs-easing-standard: cubic-bezier(0.4, 0.0, 0.2, 1);\n  --bs-easing-decelerate: cubic-bezier(0.0, 0.0, 0.2, 1);\n  --bs-easing-accelerate: cubic-bezier(0.4, 0.0, 1.0, 1);\n  --bs-easing-linear: linear;\n\n  /* Primary Colors - Light Mode */\n  --bs-color-primary-default: var(--bs-brand-600);\n  --bs-color-primary-hover: var(--bs-brand-700);\n  --bs-color-primary-focused: var(--bs-brand-700);\n  --bs-color-primary-pressed: var(--bs-brand-800);\n  --bs-color-primary-container: var(--bs-brand-50);\n  --bs-color-primary-container-hover: var(--bs-brand-100);\n\n  /* Neutral Colors - Light Mode */\n  --bs-color-neutral-default: var(--bs-neutral-700);\n  --bs-color-neutral-hover: var(--bs-neutral-800);\n  --bs-color-neutral-focused: var(--bs-neutral-800);\n  --bs-color-neutral-pressed: var(--bs-neutral-900);\n  --bs-color-neutral-container: var(--bs-neutral-50);\n  --bs-color-neutral-container-hover: var(--bs-neutral-100);\n  --bs-color-neutral-container-focused: var(--bs-neutral-200);\n  --bs-color-neutral-container-pressed: var(--bs-neutral-300);\n\n  /* Accent Colors - Light Mode */\n  --bs-color-accent-default: var(--bs-brand-colors-magenta-600);\n  --bs-color-accent-hover: var(--bs-brand-colors-magenta-700);\n  --bs-color-accent-active: var(--bs-brand-colors-magenta-800);\n  --bs-color-accent-container: var(--bs-brand-colors-magenta-100);\n\n  /* Success Colors - Light Mode */\n  --bs-color-success-default: var(--bs-success-600);\n  --bs-color-success-hover: var(--bs-success-700);\n  --bs-color-success-focused: var(--bs-success-700);\n  --bs-color-success-pressed: var(--bs-success-800);\n  --bs-color-success-container: var(--bs-success-100);\n\n  /* Warning Colors - Light Mode */\n  --bs-color-warning-default: var(--bs-warning-600);\n  --bs-color-warning-hover: var(--bs-warning-700);\n  --bs-color-warning-focused: var(--bs-warning-700);\n  --bs-color-warning-pressed: var(--bs-warning-800);\n  --bs-color-warning-container: var(--bs-warning-100);\n\n  /* Error Colors - Light Mode */\n  --bs-color-error-default: var(--bs-error-600);\n  --bs-color-error-hover: var(--bs-error-700);\n  --bs-color-error-focused: var(--bs-error-700);\n  --bs-color-error-pressed: var(--bs-error-800);\n  --bs-color-error-container: var(--bs-error-100);\n\n  /* Info Colors - Light Mode */\n  --bs-color-info-default: var(--bs-information-600);\n  --bs-color-info-hover: var(--bs-information-700);\n  --bs-color-info-focused: var(--bs-information-700);\n  --bs-color-info-pressed: var(--bs-information-800);\n  --bs-color-info-container: var(--bs-information-100);\n\n  /* Text Colors - Light Mode */\n  --bs-text-static-white: var(--bs-white);\n  --bs-text-static-black: var(--bs-black);\n  --bs-text-default: var(--bs-black);\n  --bs-text-secondary: var(--bs-neutral-600);\n  --bs-text-muted: var(--bs-neutral-500);\n  --bs-text-inverse: var(--bs-static-white);\n  --bs-text-link: var(--bs-information-700);\n  --bs-text-action: var(--bs-brand-600);\n  --bs-text-action-hover: var(--bs-brand-700);\n  --bs-text-success: var(--bs-success-700);\n  --bs-text-info: var(--bs-information-700);\n  --bs-text-warning: var(--bs-warning-700);\n  --bs-text-error: var(--bs-error-700);\n  --bs-text-on-action: var(--bs-white);\n  --bs-text-on-disabled: var(--bs-neutral-400);\n  --bs-text-accent: var(--bs-brand-colors-purple-700);\n  --bs-text-inverse-accent: var(--bs-brand-colors-purple-400);\n  --bs-text-neutral---default: var(--bs-neutral-600);\n  --bs-text-neutral---hover: var(--bs-neutral-800);\n  --bs-text-neutral---focused: var(--bs-neutral-800);\n  --bs-text-neutral---pressed: var(--bs-neutral-900);\n  --bs-text-neutral-default: var(--bs-neutral-600);\n  --bs-text-neutral-hover: var(--bs-neutral-800);\n  --bs-text-neutral-focused: var(--bs-neutral-800);\n  --bs-text-neutral-pressed: var(--bs-neutral-900);\n\n  /* Surface Colors - Light Mode */\n  --bs-surface-base: var(--bs-white);\n  --bs-surface-raised: var(--bs-static-white);\n  --bs-surface-container: var(--bs-neutral-50);\n  --bs-surface-hover: var(--bs-neutral-100);\n  --bs-surface-focus: var(--bs-neutral-100);\n  --bs-surface-pressed: var(--bs-neutral-300);\n  --bs-surface-selected: var(--bs-neutral-50);\n  --bs-surface-selected-hover: var(--bs-neutral-200);\n  --bs-surface-selected-focus: var(--bs-neutral-200);\n  --bs-surface-selected-pressed: var(--bs-neutral-200);\n  --bs-surface-active: var(--bs-neutral-100);\n  --bs-surface-action: var(--bs-color-primary-default);\n  --bs-surface-inset: var(--bs-neutral-50);\n  --bs-surface-inverse: var(--bs-neutral-900);\n  --bs-surface-accent: var(--bs-gray-transparent-2);\n  --bs-surface-on-action: var(--bs-gray-25);\n  --bs-surface-on-action-disabled: var(--bs-neutral-300);\n  --bs-surface-action-disabled: var(--bs-neutral-100);\n  --bs-surface-success: var(--bs-success-50);\n  --bs-surface-info: var(--bs-information-50);\n  --bs-surface-warning: var(--bs-warning-50);\n  --bs-surface-error: var(--bs-error-50);\n  --bs-surface-overlay: var(--bs-neutral-500-transparent);\n  --bs-surface-overlay-level-2: var(--bs-neutral-500-transparent-2);\n\n  /* Icon Colors - Light Mode */\n  --bs-icon-static-white: var(--bs-white);\n  --bs-icon-static-black: var(--bs-black);\n  --bs-icon-default: var(--bs-neutral-900);\n  --bs-icon-muted: var(--bs-neutral-500);\n  --bs-icon-disabled: var(--bs-neutral-400);\n  --bs-icon-inverse: var(--bs-static-white);\n  --bs-icon-action: var(--bs-brand-600);\n  --bs-icon-action-hover: var(--bs-brand-700);\n  --bs-icon-success: var(--bs-success-600);\n  --bs-icon-info: var(--bs-information-700);\n  --bs-icon-warning: var(--bs-warning-700);\n  --bs-icon-error: var(--bs-error-700);\n  --bs-icon-neutral-default: var(--bs-neutral-700);\n  --bs-icon-neutral-hover: var(--bs-neutral-800);\n  --bs-icon-neutral-focused: var(--bs-neutral-800);\n  --bs-icon-neutral-pressed: var(--bs-neutral-900);\n\n  /* Border Colors - Light Mode */\n  --bs-border-default: var(--bs-neutral-100);\n  --bs-border-neutral-hover: var(--bs-neutral-400);\n  --bs-border-neutral-focus: var(--bs-focus-border-);\n  --bs-border-neutral-active: var(--bs-neutral-500);\n  --bs-border-neutral-disabled: var(--bs-neutral-200);\n  --bs-border-neutral-container: var(--bs-neutral-200);\n  --bs-border-neutral-container-hover: var(--bs-neutral-300);\n  --bs-border-neutral-container-focused: var(--bs-focus-border-);\n  --bs-border-neutral-container-pressed: var(--bs-neutral-400);\n  --bs-border-success: var(--bs-success-500);\n  --bs-border-success-hover: var(--bs-success-600);\n  --bs-border-success-focus: var(--bs-focus-border-);\n  --bs-border-warning: var(--bs-warning-500);\n  --bs-border-warning-hover: var(--bs-warning-600);\n  --bs-border-warning-focus: var(--bs-focus-border-);\n  --bs-border-error: var(--bs-error-700);\n  --bs-border-error-hover: var(--bs-error-800);\n  --bs-border-error-focus: var(--bs-focus-border-);\n  --bs-border-info: var(--bs-information-500);\n  --bs-border-info-hover: var(--bs-information-600);\n  --bs-border-info-focus: var(--bs-focus-border-);\n  --bs-border-primary: var(--bs-brand-500);\n  --bs-border-primary-hover: var(--bs-brand-600);\n  --bs-border-primary-focus: var(--bs-focus-border-);\n  --bs-border-primary-pressed: var(--bs-brand-700);\n\n  /* Elevation Colors - Light Mode */\n  --bs-elevation-none: var(--bs-light-mode-0);\n  --bs-elevation-low: var(--bs-light-mode-100);\n  --bs-elevation-medium: var(--bs-light-mode-200);\n  --bs-elevation-high: var(--bs-light-mode-300);\n  --bs-elevation-higher: var(--bs-light-mode-400);\n  --bs-elevation-highest: var(--bs-light-mode-500);\n  --bs-elevation-inner: var(--bs-light-mode-600);\n  --bs-elevation-focus: var(--bs-light-mode-700);\n\n  /* Spacing */\n  --bs-spacing-0: var(--bs-scale-0);\n  --bs-spacing-25: var(--bs-scale-25);\n  --bs-spacing-50: var(--bs-scale-50);\n  --bs-spacing-75: var(--bs-scale-75);\n  --bs-spacing-100: var(--bs-scale-100);\n  --bs-spacing-150: var(--bs-scale-150);\n  --bs-spacing-200: var(--bs-scale-200);\n  --bs-spacing-250: var(--bs-scale-250);\n  --bs-spacing-300: var(--bs-scale-300);\n  --bs-spacing-350: var(--bs-scale-350);\n  --bs-spacing-400: var(--bs-scale-400);\n  --bs-spacing-500: var(--bs-scale-500);\n  --bs-spacing-550: var(--bs-scale-550);\n  --bs-spacing-600: var(--bs-scale-600);\n  --bs-spacing-700: var(--bs-scale-700);\n  --bs-spacing-800: var(--bs-scale-800);\n  --bs-spacing-1000: var(--bs-scale-1000);\n  --bs-spacing-1200: var(--bs-scale-1200);\n  --bs-spacing-1500: var(--bs-scale-1500);\n  --bs-spacing--600: var(--bs-scale--600);\n  --bs-spacing--500: var(--bs-scale--500);\n  --bs-spacing--350: var(--bs-scale--350);\n  --bs-spacing--200: var(--bs-scale--200);\n  --bs-spacing--150: var(--bs-scale--150);\n  --bs-spacing--100: var(--bs-scale--100);\n\n  /* Border Radius */\n  --bs-border-radius-0: var(--bs-scale-0);\n  --bs-border-radius-50: var(--bs-scale-50);\n  --bs-border-radius-75: var(--bs-scale-75);\n  --bs-border-radius-100: var(--bs-scale-100);\n  --bs-border-radius-150: var(--bs-scale-150);\n  --bs-border-radius-200: var(--bs-scale-200);\n  --bs-border-radius-300: var(--bs-scale-300);\n  --bs-border-radius-full: var(--bs-scale-1500);\n\n  /* Components */\n  --bs-avatar-text-primary: var(--bs-text-action);\n  --bs-avatar-text-default: var(--bs-text-default);\n  --bs-avatar-text-secondary: var(--bs-text-secondary);\n  --bs-avatar-border-primary: var(--bs-border-neutral-container);\n  --bs-avatar-border-hover: var(--bs-border-neutral-container-hover);\n  --bs-avatar-border-pressed: var(--bs-border-neutral-container-pressed);\n  --bs-avatar-border-focused: var(--bs-border-neutral-container);\n  --bs-avatar-bg-dafault: var(--bs-surface-raised);\n  --bs-avatar-bg-hover: var(--bs-surface-raised);\n  --bs-avatar-bg-pressed: var(--bs-surface-raised);\n  --bs-avatar-bg-focused: var(--bs-surface-raised);\n  --bs-avatar-icon-primary: var(--bs-icon-muted);\n  --bs-avatar-border-focus: var(--bs-border-neutral-focus);\n  --bs-switch-track-bg-default: var(--bs-surface-active);\n  --bs-switch-track-bg-hover: var(--bs-surface-hover);\n  --bs-switch-track-bg-checked-default: var(--bs-color-primary-default);\n  --bs-switch-track-bg-checked-hover: var(--bs-color-primary-hover);\n  --bs-switch-track-bg-checked-focused: var(--bs-color-primary-focused);\n  --bs-switch-thumb-bg-default: var(--bs-surface-base);\n  --bs-switch-thumb-bg-hover: var(--bs-surface-raised);\n  --bs-switch-thumb-bg-checked: var(--bs-surface-base);\n  --bs-switch-thumb-bg-disabled: var(--bs-surface-on-action-disabled);\n  --bs-switch-track-border-default: var(--bs-border-neutral-container);\n  --bs-switch-icon-default: {color.icons.secondary};\n  --bs-switch-track-border-hover: var(--bs-border-neutral-container-hover);\n  --bs-switch-track-border-focus: var(--bs-border-neutral-focus);\n  --bs-switch-icon-checked: var(--bs-icon-action);\n  --bs-switch-track-bg-disabled: var(--bs-surface-action-disabled);\n  --bs-switch-icon-disabled: var(--bs-icon-disabled);\n  --bs-input-bg-default: var(--bs-surface-base);\n  --bs-input-bg-filled: var(--bs-surface-raised);\n  --bs-input-bg-disabled: var(--bs-surface-action-disabled);\n  --bs-input-border-default: var(--bs-border-neutral-container);\n  --bs-input-border-hover: var(--bs-border-neutral-container-hover);\n  --bs-input-border-focus: var(--bs-border-neutral-focus);\n  --bs-input-border-disabled: var(--bs-border-neutral-disabled);\n  --bs-input-border-error: var(--bs-border-error);\n  --bs-input-text: var(--bs-text-default);\n  --bs-input-text-success: var(--bs-text-success);\n  --bs-input-text-disabled: var(--bs-text-on-disabled);\n  --bs-input-placeholder: var(--bs-text-secondary);\n  --bs-input-label: var(--bs-text-default);\n  --bs-input-error: var(--bs-text-error);\n  --bs-input-description: var(--bs-text-secondary);\n  --bs-input-label-focus: var(--bs-color-primary-default);\n  --bs-input-icon: {color.icons.secondary};\n  --bs-input-icon-error: var(--bs-icon-error);\n  --bs-input-icon-success: var(--bs-icon-success);\n  --bs-input-icon-disabled: var(--bs-icon-disabled);\n  --bs-chip-text-default: var(--bs-text-default);\n  --bs-chip-text-static: var(--bs-text-static-white);\n  --bs-chip-text-primary: var(--bs-text-default);\n  --bs-chip-text-on-primary: var(--bs-text-on-action);\n  --bs-chip-text-warning: var(--bs-text-warning);\n  --bs-chip-text-success: var(--bs-text-success);\n  --bs-chip-text-neutral: var(--bs-text-default);\n  --bs-chip-text-inverse: var(--bs-text-inverse);\n  --bs-chip-text-info: var(--bs-text-info);\n  --bs-chip-text-error: var(--bs-text-error);\n  --bs-chip-text-disabled: var(--bs-text-on-disabled);\n  --bs-chip-icon-static: var(--bs-icon-static-white);\n  --bs-chip-icon-default: var(--bs-icon-default);\n  --bs-chip-icon-inverse: var(--bs-icon-inverse);\n  --bs-chip-icon-primary: {color.icons.secondary};\n  --bs-chip-icon-success: var(--bs-icon-success);\n  --bs-chip-icon-warning: var(--bs-icon-warning);\n  --bs-chip-icon-info: var(--bs-icon-info);\n  --bs-chip-icon-error: var(--bs-icon-error);\n  --bs-chip-icon-disabled: var(--bs-icon-disabled);\n  --bs-chip-border-default: var(--bs-border-default);\n  --bs-chip-border-inverse: var(--bs-border-neutral-container);\n  --bs-chip-border-focus: var(--bs-border-neutral-focus);\n  --bs-chip-bg-default: var(--bs-surface-action-disabled);\n  --bs-chip-bg-neutral: var(--bs-color-neutral-default);\n  --bs-chip-bg-neutral-container: var(--bs-color-neutral-container);\n  --bs-chip-bg-inverse: var(--bs-surface-inset);\n  --bs-chip-bg-success: var(--bs-color-success-default);\n  --bs-chip-bg-success-container: var(--bs-color-success-container);\n  --bs-chip-bg-warning: var(--bs-color-warning-default);\n  --bs-chip-bg-warning-container: var(--bs-color-warning-container);\n  --bs-chip-bg-info: var(--bs-color-info-default);\n  --bs-chip-bg-info-container: var(--bs-color-info-container);\n  --bs-chip-bg-error: var(--bs-color-error-default);\n  --bs-chip-bg-error-container: var(--bs-color-error-container);\n  --bs-chip-bg-primary: var(--bs-color-neutral-default);\n  --bs-chip-bg-primary-hover: var(--bs-color-neutral-hover);\n  --bs-chip-bg-primary-focused: var(--bs-color-neutral-focused);\n  --bs-chip-bg-primary-pressed: var(--bs-color-neutral-pressed);\n  --bs-chip-bg-primary-container: var(--bs-color-neutral-container);\n  --bs-chip-bg-primary-container-hover: var(--bs-color-neutral-container-hover);\n  --bs-chip-bg-primary-container-focused: var(--bs-color-neutral-container-focused);\n  --bs-chip-bg-primary-container-pressed: var(--bs-color-neutral-container-pressed);\n  --bs-chip-bg-disabled: var(--bs-surface-action-disabled);\n  --bs-badge-bg-default: var(--bs-surface-action-disabled);\n  --bs-badge-bg-primary: var(--bs-color-primary-default);\n  --bs-badge-bg-primary-container: var(--bs-color-primary-container);\n  --bs-badge-bg-success: var(--bs-color-success-default);\n  --bs-badge-bg-success-container: var(--bs-color-success-container);\n  --bs-badge-bg-warning: var(--bs-color-warning-default);\n  --bs-badge-bg-warning-container: var(--bs-color-warning-container);\n  --bs-badge-bg-info: var(--bs-color-info-default);\n  --bs-badge-bg-info-container: var(--bs-color-info-container);\n  --bs-badge-bg-error: var(--bs-color-error-default);\n  --bs-badge-bg-error-container: var(--bs-color-error-container);\n  --bs-badge-bg-neutral: var(--bs-color-neutral-default);\n  --bs-badge-bg-neutral-container: var(--bs-color-neutral-container);\n  --bs-badge-bg-inverse: var(--bs-surface-inset);\n  --bs-badge-border-default: var(--bs-border-default);\n  --bs-badge-text-default: var(--bs-text-default);\n  --bs-badge-text-neutral: var(--bs-text-default);\n  --bs-badge-text-inverse: var(--bs-text-inverse);\n  --bs-badge-text-warning: var(--bs-text-warning);\n  --bs-badge-text-info: var(--bs-text-info);\n  --bs-badge-text-error: var(--bs-text-error);\n  --bs-badge-text-primary: var(--bs-text-action);\n  --bs-badge-text-success: var(--bs-text-success);\n  --bs-radio-bg-default: var(--bs-alpha-5);\n  --bs-radio-bg-hover: var(--bs-alpha-60);\n  --bs-radio-bg-focus: var(--bs-alpha-80);\n  --bs-radio-bg-pressed: var(--bs-alpha-90);\n  --bs-radio-bg-disabled: var(--bs-surface-action-disabled);\n  --bs-radio-selected-border-default: var(--bs-border-primary);\n  --bs-radio-selected-border-hover: var(--bs-border-primary-hover);\n  --bs-radio-selected-border-focus: var(--bs-border-primary-focus);\n  --bs-radio-selected-border-pressed: var(--bs-border-primary-pressed);\n  --bs-radio-enabled-border-default: var(--bs-border-default);\n  --bs-radio-enabled-border-hover: var(--bs-border-neutral-hover);\n  --bs-radio-enabled-border-focus: var(--bs-border-neutral-hover);\n  --bs-radio-enabled-border-pressed: var(--bs-border-neutral-active);\n  --bs-radio-border-disabled: var(--bs-border-neutral-disabled);\n  --bs-radio-icon-checked: var(--bs-icon-action);\n  --bs-radio-icon-hover: var(--bs-icon-action-hover);\n  --bs-radio-icon-disabled: var(--bs-icon-muted);\n  --bs-radio-label-default: var(--bs-text-default);\n  --bs-radio-label-disabled: var(--bs-text-muted);\n  --bs-radio-focus-ring: var(--bs-border-neutral-focus);\n  --bs-paper-bg-base: var(--bs-surface-base);\n  --bs-paper-bg-raised: var(--bs-surface-raised);\n  --bs-paper-bg-container: var(--bs-surface-container);\n  --bs-paper-bg-hover: var(--bs-surface-hover);\n  --bs-paper-bg-disabled: var(--bs-surface-action-disabled);\n  --bs-paper-border-surface: var(--bs-border-neutral-container);\n  --bs-button-primary-default: var(--bs-color-primary-default);\n  --bs-button-primary-hover: var(--bs-color-primary-hover);\n  --bs-button-primary-focus: var(--bs-color-primary-focused);\n  --bs-button-primary-pressed: var(--bs-color-primary-pressed);\n  --bs-button-primary-disabled: var(--bs-surface-action-disabled);\n  --bs-button-primary-container: var(--bs-color-primary-container);\n  --bs-button-neutral-default: var(--bs-color-neutral-default);\n  --bs-button-neutral-hover: var(--bs-color-neutral-hover);\n  --bs-button-neutral-focus: var(--bs-color-neutral-container-focused);\n  --bs-button-neutral-pressed: var(--bs-color-primary-pressed);\n  --bs-button-neutral-disabled: var(--bs-surface-action-disabled);\n  --bs-button-neutral-container: var(--bs-color-neutral-container);\n  --bs-snackbar-bg-default: var(--bs-surface-inverse);\n  --bs-snackbar-text-default: var(--bs-text-inverse);\n  --bs-snackbar-icon-default: var(--bs-icon-inverse);\n  --bs-snackbar-bg-action: var(--bs-color-primary-default);\n  --bs-snackbar-bg-success: var(--bs-color-success-default);\n  --bs-snackbar-bg-error: var(--bs-color-error-default);\n  --bs-snackbar-bg-warning: var(--bs-color-warning-default);\n  --bs-snackbar-bg-info: var(--bs-color-info-default);\n  --bs-snackbar-action-text: var(--bs-text-action);\n  --bs-snackbar-action-border-focus: var(--bs-color-primary-focused);\n\n  --bs-shadow-ambient-color-xs: rgba(33, 38, 46, 0.06);\n  --bs-shadow-ambient-color-sm: rgba(33, 38, 46, 0.08);\n  --bs-shadow-ambient-color-md: rgba(33, 38, 46, 0.1);\n  --bs-shadow-ambient-color-lg: rgba(33, 38, 46, 0.12);\n  --bs-shadow-ambient-color-xl: rgba(33, 38, 46, 0.14);\n  --bs-shadow-ambient-color-2xl: rgba(33, 38, 46, 0.2);\n  --bs-shadow-key-color-xs: rgba(33, 38, 46, 0.1);\n  --bs-shadow-key-color-sm: rgba(33, 38, 46, 0.12);\n  --bs-shadow-key-color-md: rgba(33, 38, 46, 0.16);\n  --bs-shadow-key-color-lg: rgba(33, 38, 46, 0.2);\n  --bs-shadow-key-color-xl: rgba(33, 38, 46, 0.24);\n  --bs-shadow-key-color-2xl: rgba(33, 38, 46, 0.32);\n  --bs-shadow-position-0: 0px;\n  --bs-shadow-position-10: 1px;\n  --bs-shadow-position-25: 2px;\n  --bs-shadow-position-50: 4px;\n  --bs-shadow-position-100: 8px;\n  --bs-shadow-position-150: 12px;\n  --bs-shadow-position-200: 16px;\n  --bs-shadow-blur-0: 0px;\n  --bs-shadow-blur-10: 1px;\n  --bs-shadow-blur-25: 2px;\n  --bs-shadow-blur-50: 4px;\n  --bs-shadow-blur-100: 8px;\n  --bs-shadow-blur-150: 12px;\n  --bs-shadow-blur-200: 16px;\n  --bs-shadow-blur-300: 24px;\n  --bs-text-style-display-size: var(--bs-font-size-6xl);\n  --bs-text-style-display-weight: 700;\n  --bs-text-style-display-line-height: var(--bs-line-height-tight);\n  --bs-text-style-display-letter-spacing: var(--bs-letter-spacing-tight);\n  --bs-text-style-heading-1-size: var(--bs-font-size-4xl);\n  --bs-text-style-heading-1-weight: 600;\n  --bs-text-style-heading-1-line-height: var(--bs-line-height-snug);\n  --bs-text-style-heading-1-letter-spacing: var(--bs-letter-spacing-tight);\n  --bs-text-style-heading-2-size: var(--bs-font-size-3xl);\n  --bs-text-style-heading-2-weight: 600;\n  --bs-text-style-heading-2-line-height: var(--bs-line-height-snug);\n  --bs-text-style-heading-2-letter-spacing: var(--bs-letter-spacing-normal);\n  --bs-text-style-heading-3-size: var(--bs-font-size-2xl);\n  --bs-text-style-heading-3-weight: 600;\n  --bs-text-style-heading-3-line-height: var(--bs-line-height-snug);\n  --bs-text-style-heading-3-letter-spacing: var(--bs-letter-spacing-normal);\n  --bs-text-style-heading-4-size: var(--bs-font-size-xl);\n  --bs-text-style-heading-4-weight: 500;\n  --bs-text-style-heading-4-line-height: var(--bs-line-height-normal);\n  --bs-text-style-heading-4-letter-spacing: var(--bs-letter-spacing-normal);\n  --bs-text-style-body-lg-size: var(--bs-font-size-lg);\n  --bs-text-style-body-lg-weight: 400;\n  --bs-text-style-body-lg-line-height: var(--bs-line-height-normal);\n  --bs-text-style-body-lg-letter-spacing: var(--bs-letter-spacing-normal);\n  --bs-text-style-body-md-size: var(--bs-font-size-md);\n  --bs-text-style-body-md-weight: 400;\n  --bs-text-style-body-md-line-height: var(--bs-line-height-normal);\n  --bs-text-style-body-md-letter-spacing: var(--bs-letter-spacing-normal);\n  --bs-text-style-body-sm-size: var(--bs-font-size-sm);\n  --bs-text-style-body-sm-weight: 400;\n  --bs-text-style-body-sm-line-height: var(--bs-line-height-normal);\n  --bs-text-style-body-sm-letter-spacing: var(--bs-letter-spacing-normal);\n  --bs-text-style-label-lg-size: var(--bs-font-size-md);\n  --bs-text-style-label-lg-weight: 500;\n  --bs-text-style-label-lg-line-height: var(--bs-line-height-snug);\n  --bs-text-style-label-lg-letter-spacing: var(--bs-letter-spacing-normal);\n  --bs-text-style-label-md-size: var(--bs-font-size-sm);\n  --bs-text-style-label-md-weight: 500;\n  --bs-text-style-label-md-line-height: var(--bs-line-height-snug);\n  --bs-text-style-label-md-letter-spacing: var(--bs-letter-spacing-normal);\n  --bs-text-style-label-sm-size: var(--bs-font-size-xs);\n  --bs-text-style-label-sm-weight: 500;\n  --bs-text-style-label-sm-line-height: var(--bs-line-height-snug);\n  --bs-text-style-label-sm-letter-spacing: var(--bs-letter-spacing-wide);\n  --bs-text-style-caption-size: var(--bs-font-size-xs);\n  --bs-text-style-caption-weight: 400;\n  --bs-text-style-caption-line-height: var(--bs-line-height-normal);\n  --bs-text-style-caption-letter-spacing: var(--bs-letter-spacing-normal);\n  --bs-text-style-overline-size: var(--bs-font-size-xs);\n  --bs-text-style-overline-weight: 500;\n  --bs-text-style-overline-line-height: var(--bs-line-height-normal);\n  --bs-text-style-overline-letter-spacing: var(--bs-letter-spacing-widest);\n  --bs-text-style-data-size: var(--bs-font-size-sm);\n  --bs-text-style-data-weight: 500;\n  --bs-text-style-data-line-height: var(--bs-line-height-tight);\n  --bs-text-style-data-letter-spacing: var(--bs-letter-spacing-normal);\n  --bs-text-style-data-dense-size: var(--bs-font-size-2xs);\n  --bs-text-style-data-dense-weight: 400;\n  --bs-text-style-data-dense-line-height: var(--bs-line-height-tight);\n  --bs-text-style-data-dense-letter-spacing: var(--bs-letter-spacing-normal);\n  --bs-typography-font-family-heading: Roboto;\n  --bs-typography-font-family-body: Roboto;\n  --bs-typography-font-weight-thin: thin;\n  --bs-typography-font-weight-regular: regular;\n  --bs-typography-font-weight-medium: medium;\n  --bs-typography-font-weight-semibold: semibold;\n  --bs-typography-font-weight-bold: bold;\n  --bs-typography-font-weight-black: black;\n  --bs-scale-0: 0px;\n  --bs-scale-10: 1px;\n  --bs-scale-25: 2px;\n  --bs-scale-50: 4px;\n  --bs-scale-75: 6px;\n  --bs-scale-100: 8px;\n  --bs-scale-150: 12px;\n  --bs-scale-200: 16px;\n  --bs-scale-250: 20px;\n  --bs-scale-300: 24px;\n  --bs-scale-350: 28px;\n  --bs-scale-400: 32px;\n  --bs-scale-500: 40px;\n  --bs-scale-550: 44px;\n  --bs-scale-600: 48px;\n  --bs-scale-700: 56px;\n  --bs-scale-800: 64px;\n  --bs-scale-1000: 80px;\n  --bs-scale-1200: 96px;\n  --bs-scale-1500: 120px;\n  --bs-scale-1600: 128px;\n  --bs-scale-3200: 256px;\n  --bs-scale-6400: 512px;\n  --bs-scale--600: -48px;\n  --bs-scale--500: -40px;\n  --bs-scale--350: -28px;\n  --bs-scale--200: -16px;\n  --bs-scale--150: -12px;\n  --bs-scale--100: -8px;\n  --bs-white: #ffffff;\n  --bs-black: #000000;\n  --bs-brand-colors-purple-50: #f3effb;\n  --bs-brand-colors-purple-100: #e5dffd;\n  --bs-brand-colors-purple-200: #c8c0ff;\n  --bs-brand-colors-purple-300: #a49aff;\n  --bs-brand-colors-purple-400: #8676fe;\n  --bs-brand-colors-purple-500: #715afc;\n  --bs-brand-colors-purple-600: #5e47e6;\n  --bs-brand-colors-purple-700: #4b35c9;\n  --bs-brand-colors-purple-800: #3720a1;\n  --bs-brand-colors-purple-900: #220f73;\n  --bs-brand-colors-purple-950: #201463;\n  --bs-brand-colors-cobalt-50: #f1effa;\n  --bs-brand-colors-cobalt-100: #e0e0fd;\n  --bs-brand-colors-cobalt-200: #bcc2ff;\n  --bs-brand-colors-cobalt-300: #939eff;\n  --bs-brand-colors-cobalt-400: #6d7cff;\n  --bs-brand-colors-cobalt-500: #4f63ff;\n  --bs-brand-colors-cobalt-600: #3b4ee9;\n  --bs-brand-colors-cobalt-700: #303ecd;\n  --bs-brand-colors-cobalt-800: #1928a5;\n  --bs-brand-colors-cobalt-900: #091675;\n  --bs-brand-colors-cobalt-950: #050d5d;\n  --bs-brand-colors-blue-50: #eef0fa;\n  --bs-brand-colors-blue-100: #d8e3fc;\n  --bs-brand-colors-blue-200: #aec7f8;\n  --bs-brand-colors-blue-300: #7aa6f2;\n  --bs-brand-colors-blue-400: #3e88ef;\n  --bs-brand-colors-blue-500: #0073e1;\n  --bs-brand-colors-blue-600: #0062c1;\n  --bs-brand-colors-blue-700: #0051a2;\n  --bs-brand-colors-blue-800: #003a78;\n  --bs-brand-colors-blue-900: #002550;\n  --bs-brand-colors-blue-950: #001b3e;\n  --bs-brand-colors-green-50: #ecf2ea;\n  --bs-brand-colors-green-100: #d0e9d2;\n  --bs-brand-colors-green-200: #9fd3a9;\n  --bs-brand-colors-green-300: #78b385;\n  --bs-brand-colors-green-400: #469961;\n  --bs-brand-colors-green-500: #23834a;\n  --bs-brand-colors-green-600: #2a7043;\n  --bs-brand-colors-green-700: #295c3a;\n  --bs-brand-colors-green-800: #21422a;\n  --bs-brand-colors-green-900: #112b19;\n  --bs-brand-colors-green-950: #0b2011;\n  --bs-brand-colors-lime-50: #f0f2e7;\n  --bs-brand-colors-lime-100: #d7e8c6;\n  --bs-brand-colors-lime-200: #add18f;\n  --bs-brand-colors-lime-300: #81b45c;\n  --bs-brand-colors-lime-400: #64963f;\n  --bs-brand-colors-lime-500: #478019;\n  --bs-brand-colors-lime-600: #406f1d;\n  --bs-brand-colors-lime-700: #385b1e;\n  --bs-brand-colors-lime-800: #2a4218;\n  --bs-brand-colors-lime-900: #182a0c;\n  --bs-brand-colors-lime-950: #121f09;\n  --bs-brand-colors-yellow-50: #faf1db;\n  --bs-brand-colors-yellow-100: #f9e28a;\n  --bs-brand-colors-yellow-200: #e3c437;\n  --bs-brand-colors-yellow-300: #c0a300;\n  --bs-brand-colors-yellow-400: #a18800;\n  --bs-brand-colors-yellow-500: #887200;\n  --bs-brand-colors-yellow-600: #746202;\n  --bs-brand-colors-yellow-700: #615102;\n  --bs-brand-colors-yellow-800: #463a01;\n  --bs-brand-colors-yellow-900: #2e2500;\n  --bs-brand-colors-yellow-950: #221b00;\n  --bs-brand-colors-amber-50: #fceee0;\n  --bs-brand-colors-amber-100: #f8dfbf;\n  --bs-brand-colors-amber-200: #f1be71;\n  --bs-brand-colors-amber-300: #d19c46;\n  --bs-brand-colors-amber-400: #b47f1e;\n  --bs-brand-colors-amber-500: #996805;\n  --bs-brand-colors-amber-600: #875b04;\n  --bs-brand-colors-amber-700: #6f4b02;\n  --bs-brand-colors-amber-800: #513601;\n  --bs-brand-colors-amber-900: #352201;\n  --bs-brand-colors-amber-950: #291900;\n  --bs-brand-colors-orange-50: #faeee9;\n  --bs-brand-colors-orange-100: #f9ddd0;\n  --bs-brand-colors-orange-200: #f7b997;\n  --bs-brand-colors-orange-300: #f08c50;\n  --bs-brand-colors-orange-400: #d26d2b;\n  --bs-brand-colors-orange-500: #ba5400;\n  --bs-brand-colors-orange-600: #a24907;\n  --bs-brand-colors-orange-700: #873d07;\n  --bs-brand-colors-orange-800: #642c04;\n  --bs-brand-colors-orange-900: #411b02;\n  --bs-brand-colors-orange-950: #301302;\n  --bs-brand-colors-magenta-50: #fbeeef;\n  --bs-brand-colors-magenta-100: #ffd7e0;\n  --bs-brand-colors-magenta-200: #ffb1c7;\n  --bs-brand-colors-magenta-300: #ff7aa7;\n  --bs-brand-colors-magenta-400: #ea4f8b;\n  --bs-brand-colors-magenta-500: #d12e75;\n  --bs-brand-colors-magenta-600: #b62965;\n  --bs-brand-colors-magenta-700: #9a1f53;\n  --bs-brand-colors-magenta-800: #71163c;\n  --bs-brand-colors-magenta-900: #4a0d27;\n  --bs-brand-colors-magenta-950: #38091c;\n  --bs-brand-colors-maroon-50: #f9eef3;\n  --bs-brand-colors-maroon-100: #f6dbef;\n  --bs-brand-colors-maroon-200: #eab6e3;\n  --bs-brand-colors-maroon-300: #d88cd1;\n  --bs-brand-colors-maroon-400: #c465c0;\n  --bs-brand-colors-maroon-500: #b14bb0;\n  --bs-brand-colors-maroon-600: #983f98;\n  --bs-brand-colors-maroon-700: #7f347e;\n  --bs-brand-colors-maroon-800: #5e245d;\n  --bs-brand-colors-maroon-900: #3e163d;\n  --bs-brand-colors-maroon-950: #2c122b;\n  --bs-brand-colors-violet-50: #f9eefe;\n  --bs-brand-colors-violet-100: #eedcfd;\n  --bs-brand-colors-violet-200: #d8b8fd;\n  --bs-brand-colors-violet-300: #be92f4;\n  --bs-brand-colors-violet-400: #a372dd;\n  --bs-brand-colors-violet-500: #8f5ace;\n  --bs-brand-colors-violet-600: #7750a8;\n  --bs-brand-colors-violet-700: #64428d;\n  --bs-brand-colors-violet-800: #492e6a;\n  --bs-brand-colors-violet-900: #311b4b;\n  --bs-brand-colors-violet-950: #241338;\n  --bs-light-mode-0: rgba(0, 0, 0, 0);\n  --bs-light-mode-100: rgba(0, 0, 0, 0.05);\n  --bs-light-mode-200: rgba(0, 0, 0, 0.08);\n  --bs-light-mode-300: rgba(0, 0, 0, 0.1);\n  --bs-light-mode-400: rgba(0, 0, 0, 0.12);\n  --bs-light-mode-500: rgba(0, 0, 0, 0.14);\n  --bs-light-mode-600: rgba(0, 1, 2, 0.1);\n  --bs-light-mode-700: rgba(28, 133, 255, 0.4);\n  --bs-dark-mode-0: rgba(0, 0, 0, 0);\n  --bs-dark-mode-100: rgba(0, 0, 0, 0.4);\n  --bs-dark-mode-200: rgba(0, 0, 0, 0.35);\n  --bs-dark-mode-300: rgba(0, 0, 0, 0.3);\n  --bs-dark-mode-400: rgba(0, 0, 0, 0.25);\n  --bs-dark-mode-500: rgba(0, 0, 0, 0.2);\n  --bs-dark-mode-600: rgba(0, 1, 2, 0.05);\n  --bs-dark-mode-700: rgba(28, 133, 255, 0.05);\n  --bs-alpha-5: rgba(0, 0, 0, 0);\n  --bs-alpha-10: rgba(0, 0, 0, 0);\n  --bs-alpha-20: rgba(0, 0, 0, 0);\n  --bs-alpha-30: rgba(0, 0, 0, 0);\n  --bs-alpha-40: rgba(0, 0, 0, 0);\n  --bs-alpha-50: rgba(0, 0, 0, 0);\n  --bs-alpha-60: rgba(0, 0, 0, 0.01);\n  --bs-alpha-70: rgba(0, 0, 0, 0.01);\n  --bs-alpha-80: rgba(0, 0, 0, 0.01);\n  --bs-alpha-90: rgba(0, 0, 0, 0.01);\n  --bs-alpha-100: rgba(0, 0, 0, 0.01);\n  --bs-fontsize-display-display1: 80px;\n  --bs-fontsize-display-display2: 72px;\n  --bs-fontsize-display-display3: 60px;\n  --bs-fontsize-display-display4: 56px;\n  --bs-fontsize-display-display5: 48px;\n  --bs-fontsize-display-display6: 40px;\n  --bs-fontsize-display-display7: 32px;\n  --bs-fontsize-heading-h1: 48px;\n  --bs-fontsize-heading-h2: 40px;\n  --bs-fontsize-heading-h3: 32px;\n  --bs-fontsize-heading-h4: 24px;\n  --bs-fontsize-heading-h5: 20px;\n  --bs-fontsize-heading-h6: 16px;\n  --bs-fontsize-body-lg: 20px;\n  --bs-fontsize-body-md: 16px;\n  --bs-fontsize-body-sm: 14px;\n  --bs-fontsize-caption-lg: 16px;\n  --bs-fontsize-caption-md: 14px;\n  --bs-fontsize-caption-sm: 12px;\n  --bs-line-height-display-display1: 96;\n  --bs-line-height-display-display2: 88;\n  --bs-line-height-display-display3: 72;\n  --bs-line-height-display-display4: 64;\n  --bs-line-height-display-display5: 56;\n  --bs-line-height-display-display6: 48;\n  --bs-line-height-display-display7: 40;\n  --bs-line-height-heading-h1: 56;\n  --bs-line-height-heading-h2: 48;\n  --bs-line-height-heading-h3: 40;\n  --bs-line-height-heading-h4: 32;\n  --bs-line-height-heading-h5: 24;\n  --bs-line-height-heading-h6: 20;\n  --bs-line-height-body-lg: 28;\n  --bs-line-height-body-md: 24;\n  --bs-line-height-body-sm: 20;\n  --bs-line-height-caption-lg: 24;\n  --bs-line-height-caption-md: 20;\n  --bs-line-height-caption-sm: 16;\n  --bs-paragraph-spacing-display-display1: 40;\n  --bs-paragraph-spacing-display-display2: 36;\n  --bs-paragraph-spacing-display-display3: 30;\n  --bs-paragraph-spacing-display-display4: 28;\n  --bs-paragraph-spacing-display-display5: 24;\n  --bs-paragraph-spacing-display-display6: 20;\n  --bs-paragraph-spacing-display-display7: 16;\n  --bs-paragraph-spacing-heading-h1: 24;\n  --bs-paragraph-spacing-heading-h2: 20;\n  --bs-paragraph-spacing-heading-h3: 16;\n  --bs-paragraph-spacing-heading-h4: 12;\n  --bs-paragraph-spacing-heading-h5: 10;\n  --bs-paragraph-spacing-heading-h6: 8;\n  --bs-paragraph-spacing-body-lg: 10;\n  --bs-paragraph-spacing-body-md: 8;\n  --bs-paragraph-spacing-body-sm: 8;\n  --bs-paragraph-spacing-caption-lg: 8;\n  --bs-paragraph-spacing-caption-md: 8;\n  --bs-paragraph-spacing-caption-sm: 6;\n  --bs-margin-fluid: var(--bs-scale-300);\n  --bs-margin-with-navigation-drawer: var(--bs-scale-300);\n  --bs-gutter-gutter: var(--bs-scale-300);\n  --bs-layout-columns-columns: 12rem;\n  --bs-breakpoints-max-width: 1920rem;\n  --bs-breakpoints-min-width: 1024rem;\n  --bs-navigation-header-hamburger-menu: false;\n  --bs-navigation-header-logo: true;\n  --bs-navigation-header-left-menu: true;\n  --bs-navigation-header-page-label: false;\n  --bs-navigation-header-gap: 40;\n  --bs-brand-50: var(--bs-brand-colors-blue-50);\n  --bs-brand-100: var(--bs-brand-colors-blue-100);\n  --bs-brand-200: var(--bs-brand-colors-blue-200);\n  --bs-brand-300: var(--bs-brand-colors-blue-300);\n  --bs-brand-400: var(--bs-brand-colors-blue-400);\n  --bs-brand-500: var(--bs-brand-colors-blue-500);\n  --bs-brand-600: var(--bs-brand-colors-blue-600);\n  --bs-brand-700: var(--bs-brand-colors-blue-700);\n  --bs-brand-800: var(--bs-brand-colors-blue-800);\n  --bs-brand-900: var(--bs-brand-colors-blue-900);\n  --bs-brand-950: var(--bs-brand-colors-blue-950);\n  --bs-4-responsive-desktop-fontsize-display-display1: 80px;\n  --bs-4-responsive-desktop-fontsize-display-display2: 72px;\n  --bs-4-responsive-desktop-fontsize-display-display3: 60px;\n  --bs-4-responsive-desktop-fontsize-display-display4: 56px;\n  --bs-4-responsive-desktop-fontsize-display-display5: 48px;\n  --bs-4-responsive-desktop-fontsize-display-display6: 40px;\n  --bs-4-responsive-desktop-fontsize-display-display7: 32px;\n  --bs-4-responsive-desktop-fontsize-heading-h1: 48px;\n  --bs-4-responsive-desktop-fontsize-heading-h2: 40px;\n  --bs-4-responsive-desktop-fontsize-heading-h3: 32px;\n  --bs-4-responsive-desktop-fontsize-heading-h4: 24px;\n  --bs-4-responsive-desktop-fontsize-heading-h5: 20px;\n  --bs-4-responsive-desktop-fontsize-heading-h6: 16px;\n  --bs-4-responsive-desktop-fontsize-body-lg: 20px;\n  --bs-4-responsive-desktop-fontsize-body-md: 16px;\n  --bs-4-responsive-desktop-fontsize-body-sm: 14px;\n  --bs-4-responsive-desktop-fontsize-caption-lg: 16px;\n  --bs-4-responsive-desktop-fontsize-caption-md: 14px;\n  --bs-4-responsive-desktop-fontsize-caption-sm: 12px;\n  --bs-4-responsive-desktop-line-height-display-display1: 96;\n  --bs-4-responsive-desktop-line-height-display-display2: 88;\n  --bs-4-responsive-desktop-line-height-display-display3: 72;\n  --bs-4-responsive-desktop-line-height-display-display4: 64;\n  --bs-4-responsive-desktop-line-height-display-display5: 56;\n  --bs-4-responsive-desktop-line-height-display-display6: 48;\n  --bs-4-responsive-desktop-line-height-display-display7: 40;\n  --bs-4-responsive-desktop-line-height-heading-h1: 56;\n  --bs-4-responsive-desktop-line-height-heading-h2: 48;\n  --bs-4-responsive-desktop-line-height-heading-h3: 40;\n  --bs-4-responsive-desktop-line-height-heading-h4: 32;\n  --bs-4-responsive-desktop-line-height-heading-h5: 24;\n  --bs-4-responsive-desktop-line-height-heading-h6: 20;\n  --bs-4-responsive-desktop-line-height-body-lg: 28;\n  --bs-4-responsive-desktop-line-height-body-md: 24;\n  --bs-4-responsive-desktop-line-height-body-sm: 20;\n  --bs-4-responsive-desktop-line-height-caption-lg: 24;\n  --bs-4-responsive-desktop-line-height-caption-md: 20;\n  --bs-4-responsive-desktop-line-height-caption-sm: 16;\n  --bs-4-responsive-desktop-paragraph-spacing-display-display1: 40;\n  --bs-4-responsive-desktop-paragraph-spacing-display-display2: 36;\n  --bs-4-responsive-desktop-paragraph-spacing-display-display3: 30;\n  --bs-4-responsive-desktop-paragraph-spacing-display-display4: 28;\n  --bs-4-responsive-desktop-paragraph-spacing-display-display5: 24;\n  --bs-4-responsive-desktop-paragraph-spacing-display-display6: 20;\n  --bs-4-responsive-desktop-paragraph-spacing-display-display7: 16;\n  --bs-4-responsive-desktop-paragraph-spacing-heading-h1: 24;\n  --bs-4-responsive-desktop-paragraph-spacing-heading-h2: 20;\n  --bs-4-responsive-desktop-paragraph-spacing-heading-h3: 16;\n  --bs-4-responsive-desktop-paragraph-spacing-heading-h4: 12;\n  --bs-4-responsive-desktop-paragraph-spacing-heading-h5: 10;\n  --bs-4-responsive-desktop-paragraph-spacing-heading-h6: 8;\n  --bs-4-responsive-desktop-paragraph-spacing-body-lg: 10;\n  --bs-4-responsive-desktop-paragraph-spacing-body-md: 8;\n  --bs-4-responsive-desktop-paragraph-spacing-body-sm: 8;\n  --bs-4-responsive-desktop-paragraph-spacing-caption-lg: 8;\n  --bs-4-responsive-desktop-paragraph-spacing-caption-md: 8;\n  --bs-4-responsive-desktop-paragraph-spacing-caption-sm: 6;\n  --bs-4-responsive-desktop-margin-fluid: var(--bs-scale-300);\n  --bs-4-responsive-desktop-margin-with-navigation-drawer: var(--bs-scale-300);\n  --bs-4-responsive-desktop-gutter-gutter: var(--bs-scale-300);\n  --bs-4-responsive-desktop-layout-columns-columns: 12rem;\n  --bs-4-responsive-desktop-breakpoints-max-width: 1920rem;\n  --bs-4-responsive-desktop-breakpoints-min-width: 1024rem;\n  --bs-4-responsive-desktop-navigation-header-hamburger-menu: false;\n  --bs-4-responsive-desktop-navigation-header-logo: true;\n  --bs-4-responsive-desktop-navigation-header-left-menu: true;\n  --bs-4-responsive-desktop-navigation-header-page-label: false;\n  --bs-4-responsive-desktop-navigation-header-gap: 40;\n  --bs-4-responsive-tablet-fontsize-display-display1: 72px;\n  --bs-4-responsive-tablet-fontsize-display-display2: 64px;\n  --bs-4-responsive-tablet-fontsize-display-display3: 56px;\n  --bs-4-responsive-tablet-fontsize-display-display4: 48px;\n  --bs-4-responsive-tablet-fontsize-display-display5: 40px;\n  --bs-4-responsive-tablet-fontsize-display-display6: 32px;\n  --bs-4-responsive-tablet-fontsize-display-display7: 24px;\n  --bs-4-responsive-tablet-fontsize-heading-h1: 40px;\n  --bs-4-responsive-tablet-fontsize-heading-h2: 32px;\n  --bs-4-responsive-tablet-fontsize-heading-h3: 24px;\n  --bs-4-responsive-tablet-fontsize-heading-h4: 22px;\n  --bs-4-responsive-tablet-fontsize-heading-h5: 20px;\n  --bs-4-responsive-tablet-fontsize-heading-h6: 16px;\n  --bs-4-responsive-tablet-fontsize-body-lg: 20px;\n  --bs-4-responsive-tablet-fontsize-body-md: 16px;\n  --bs-4-responsive-tablet-fontsize-body-sm: 14px;\n  --bs-4-responsive-tablet-fontsize-caption-lg: 14px;\n  --bs-4-responsive-tablet-fontsize-caption-md: 14px;\n  --bs-4-responsive-tablet-fontsize-caption-sm: 12px;\n  --bs-4-responsive-tablet-line-height-display-display1: 88;\n  --bs-4-responsive-tablet-line-height-display-display2: 72;\n  --bs-4-responsive-tablet-line-height-display-display3: 64;\n  --bs-4-responsive-tablet-line-height-display-display4: 56;\n  --bs-4-responsive-tablet-line-height-display-display5: 48;\n  --bs-4-responsive-tablet-line-height-display-display6: 40;\n  --bs-4-responsive-tablet-line-height-display-display7: 32;\n  --bs-4-responsive-tablet-line-height-heading-h1: 48;\n  --bs-4-responsive-tablet-line-height-heading-h2: 40;\n  --bs-4-responsive-tablet-line-height-heading-h3: 32;\n  --bs-4-responsive-tablet-line-height-heading-h4: 28;\n  --bs-4-responsive-tablet-line-height-heading-h5: 24;\n  --bs-4-responsive-tablet-line-height-heading-h6: 20;\n  --bs-4-responsive-tablet-line-height-body-lg: 28;\n  --bs-4-responsive-tablet-line-height-body-md: 24;\n  --bs-4-responsive-tablet-line-height-body-sm: 20;\n  --bs-4-responsive-tablet-line-height-caption-lg: 20;\n  --bs-4-responsive-tablet-line-height-caption-md: 20;\n  --bs-4-responsive-tablet-line-height-caption-sm: 16;\n  --bs-4-responsive-tablet-paragraph-spacing-display-display1: 36;\n  --bs-4-responsive-tablet-paragraph-spacing-display-display2: 32;\n  --bs-4-responsive-tablet-paragraph-spacing-display-display3: 28;\n  --bs-4-responsive-tablet-paragraph-spacing-display-display4: 24;\n  --bs-4-responsive-tablet-paragraph-spacing-display-display5: 20;\n  --bs-4-responsive-tablet-paragraph-spacing-display-display6: 16;\n  --bs-4-responsive-tablet-paragraph-spacing-display-display7: 12;\n  --bs-4-responsive-tablet-paragraph-spacing-heading-h1: 20;\n  --bs-4-responsive-tablet-paragraph-spacing-heading-h2: 16;\n  --bs-4-responsive-tablet-paragraph-spacing-heading-h3: 12;\n  --bs-4-responsive-tablet-paragraph-spacing-heading-h4: 10;\n  --bs-4-responsive-tablet-paragraph-spacing-heading-h5: 8;\n  --bs-4-responsive-tablet-paragraph-spacing-heading-h6: 8;\n  --bs-4-responsive-tablet-paragraph-spacing-body-lg: 10;\n  --bs-4-responsive-tablet-paragraph-spacing-body-md: 8;\n  --bs-4-responsive-tablet-paragraph-spacing-body-sm: 8;\n  --bs-4-responsive-tablet-paragraph-spacing-caption-lg: 8;\n  --bs-4-responsive-tablet-paragraph-spacing-caption-md: 8;\n  --bs-4-responsive-tablet-paragraph-spacing-caption-sm: 6;\n  --bs-4-responsive-tablet-margin-fluid: var(--bs-scale-300);\n  --bs-4-responsive-tablet-margin-with-navigation-drawer: var(--bs-scale-300);\n  --bs-4-responsive-tablet-gutter-gutter: var(--bs-scale-200);\n  --bs-4-responsive-tablet-layout-columns-columns: 8rem;\n  --bs-4-responsive-tablet-breakpoints-max-width: 1023rem;\n  --bs-4-responsive-tablet-breakpoints-min-width: 600rem;\n  --bs-4-responsive-tablet-navigation-header-hamburger-menu: true;\n  --bs-4-responsive-tablet-navigation-header-logo: false;\n  --bs-4-responsive-tablet-navigation-header-left-menu: false;\n  --bs-4-responsive-tablet-navigation-header-page-label: false;\n  --bs-4-responsive-tablet-navigation-header-gap: 12;\n  --bs-4-responsive-mobile-fontsize-display-display1: 64px;\n  --bs-4-responsive-mobile-fontsize-display-display2: 56px;\n  --bs-4-responsive-mobile-fontsize-display-display3: 48px;\n  --bs-4-responsive-mobile-fontsize-display-display4: 40px;\n  --bs-4-responsive-mobile-fontsize-display-display5: 32px;\n  --bs-4-responsive-mobile-fontsize-display-display6: 24px;\n  --bs-4-responsive-mobile-fontsize-display-display7: 20px;\n  --bs-4-responsive-mobile-fontsize-heading-h1: 32px;\n  --bs-4-responsive-mobile-fontsize-heading-h2: 28px;\n  --bs-4-responsive-mobile-fontsize-heading-h3: 24px;\n  --bs-4-responsive-mobile-fontsize-heading-h4: 22px;\n  --bs-4-responsive-mobile-fontsize-heading-h5: 20px;\n  --bs-4-responsive-mobile-fontsize-heading-h6: 16px;\n  --bs-4-responsive-mobile-fontsize-body-lg: 18px;\n  --bs-4-responsive-mobile-fontsize-body-md: 16px;\n  --bs-4-responsive-mobile-fontsize-body-sm: 12px;\n  --bs-4-responsive-mobile-fontsize-caption-lg: 14px;\n  --bs-4-responsive-mobile-fontsize-caption-md: 14px;\n  --bs-4-responsive-mobile-fontsize-caption-sm: 12px;\n  --bs-4-responsive-mobile-line-height-display-display1: 72;\n  --bs-4-responsive-mobile-line-height-display-display2: 64;\n  --bs-4-responsive-mobile-line-height-display-display3: 56;\n  --bs-4-responsive-mobile-line-height-display-display4: 48;\n  --bs-4-responsive-mobile-line-height-display-display5: 40;\n  --bs-4-responsive-mobile-line-height-display-display6: 32;\n  --bs-4-responsive-mobile-line-height-display-display7: 28;\n  --bs-4-responsive-mobile-line-height-heading-h1: 40;\n  --bs-4-responsive-mobile-line-height-heading-h2: 36;\n  --bs-4-responsive-mobile-line-height-heading-h3: 32;\n  --bs-4-responsive-mobile-line-height-heading-h4: 28;\n  --bs-4-responsive-mobile-line-height-heading-h5: 24;\n  --bs-4-responsive-mobile-line-height-heading-h6: 20;\n  --bs-4-responsive-mobile-line-height-body-lg: 24;\n  --bs-4-responsive-mobile-line-height-body-md: 24;\n  --bs-4-responsive-mobile-line-height-body-sm: 20;\n  --bs-4-responsive-mobile-line-height-caption-lg: 20;\n  --bs-4-responsive-mobile-line-height-caption-md: 20;\n  --bs-4-responsive-mobile-line-height-caption-sm: 16;\n  --bs-4-responsive-mobile-paragraph-spacing-display-display1: 32;\n  --bs-4-responsive-mobile-paragraph-spacing-display-display2: 28;\n  --bs-4-responsive-mobile-paragraph-spacing-display-display3: 24;\n  --bs-4-responsive-mobile-paragraph-spacing-display-display4: 20;\n  --bs-4-responsive-mobile-paragraph-spacing-display-display5: 16;\n  --bs-4-responsive-mobile-paragraph-spacing-display-display6: 12;\n  --bs-4-responsive-mobile-paragraph-spacing-display-display7: 10;\n  --bs-4-responsive-mobile-paragraph-spacing-heading-h1: 16;\n  --bs-4-responsive-mobile-paragraph-spacing-heading-h2: 12;\n  --bs-4-responsive-mobile-paragraph-spacing-heading-h3: 10;\n  --bs-4-responsive-mobile-paragraph-spacing-heading-h4: 10;\n  --bs-4-responsive-mobile-paragraph-spacing-heading-h5: 8;\n  --bs-4-responsive-mobile-paragraph-spacing-heading-h6: 8;\n  --bs-4-responsive-mobile-paragraph-spacing-body-lg: 10;\n  --bs-4-responsive-mobile-paragraph-spacing-body-md: 8;\n  --bs-4-responsive-mobile-paragraph-spacing-body-sm: 8;\n  --bs-4-responsive-mobile-paragraph-spacing-caption-lg: 8;\n  --bs-4-responsive-mobile-paragraph-spacing-caption-md: 8;\n  --bs-4-responsive-mobile-paragraph-spacing-caption-sm: 6;\n  --bs-4-responsive-mobile-margin-fluid: var(--bs-scale-200);\n  --bs-4-responsive-mobile-margin-with-navigation-drawer: var(--bs-scale-200);\n  --bs-4-responsive-mobile-gutter-gutter: var(--bs-scale-200);\n  --bs-4-responsive-mobile-layout-columns-columns: 4rem;\n  --bs-4-responsive-mobile-breakpoints-max-width: 599rem;\n  --bs-4-responsive-mobile-breakpoints-min-width: 0;\n  --bs-4-responsive-mobile-navigation-header-hamburger-menu: true;\n  --bs-4-responsive-mobile-navigation-header-logo: false;\n  --bs-4-responsive-mobile-navigation-header-left-menu: false;\n  --bs-4-responsive-mobile-navigation-header-page-label: true;\n  --bs-4-responsive-mobile-navigation-header-gap: 8;\n  --bs-5-brand-colors-blue-brand-50: var(--bs-brand-colors-blue-50);\n  --bs-5-brand-colors-blue-brand-100: var(--bs-brand-colors-blue-100);\n  --bs-5-brand-colors-blue-brand-200: var(--bs-brand-colors-blue-200);\n  --bs-5-brand-colors-blue-brand-300: var(--bs-brand-colors-blue-300);\n  --bs-5-brand-colors-blue-brand-400: var(--bs-brand-colors-blue-400);\n  --bs-5-brand-colors-blue-brand-500: var(--bs-brand-colors-blue-500);\n  --bs-5-brand-colors-blue-brand-600: var(--bs-brand-colors-blue-600);\n  --bs-5-brand-colors-blue-brand-700: var(--bs-brand-colors-blue-700);\n  --bs-5-brand-colors-blue-brand-800: var(--bs-brand-colors-blue-800);\n  --bs-5-brand-colors-blue-brand-900: var(--bs-brand-colors-blue-900);\n  --bs-5-brand-colors-blue-brand-950: var(--bs-brand-colors-blue-950);\n  --bs-5-brand-colors-purple-brand-50: var(--bs-brand-colors-purple-50);\n  --bs-5-brand-colors-purple-brand-100: var(--bs-brand-colors-purple-100);\n  --bs-5-brand-colors-purple-brand-200: var(--bs-brand-colors-purple-200);\n  --bs-5-brand-colors-purple-brand-300: var(--bs-brand-colors-purple-300);\n  --bs-5-brand-colors-purple-brand-400: var(--bs-brand-colors-purple-400);\n  --bs-5-brand-colors-purple-brand-500: var(--bs-brand-colors-purple-500);\n  --bs-5-brand-colors-purple-brand-600: var(--bs-brand-colors-purple-600);\n  --bs-5-brand-colors-purple-brand-700: var(--bs-brand-colors-purple-700);\n  --bs-5-brand-colors-purple-brand-800: var(--bs-brand-colors-purple-800);\n  --bs-5-brand-colors-purple-brand-900: var(--bs-brand-colors-purple-900);\n  --bs-5-brand-colors-purple-brand-950: var(--bs-brand-colors-purple-950);\n  --bs-5-brand-colors-cobalt-brand-50: var(--bs-brand-colors-cobalt-50);\n  --bs-5-brand-colors-cobalt-brand-100: var(--bs-brand-colors-cobalt-100);\n  --bs-5-brand-colors-cobalt-brand-200: var(--bs-brand-colors-cobalt-200);\n  --bs-5-brand-colors-cobalt-brand-300: var(--bs-brand-colors-cobalt-300);\n  --bs-5-brand-colors-cobalt-brand-400: var(--bs-brand-colors-cobalt-400);\n  --bs-5-brand-colors-cobalt-brand-500: var(--bs-brand-colors-cobalt-500);\n  --bs-5-brand-colors-cobalt-brand-600: var(--bs-brand-colors-cobalt-600);\n  --bs-5-brand-colors-cobalt-brand-700: var(--bs-brand-colors-cobalt-700);\n  --bs-5-brand-colors-cobalt-brand-800: var(--bs-brand-colors-cobalt-800);\n  --bs-5-brand-colors-cobalt-brand-900: var(--bs-brand-colors-cobalt-900);\n  --bs-5-brand-colors-cobalt-brand-950: var(--bs-brand-colors-cobalt-950);\n  --bs-5-brand-colors-steel-brand-50: {Brand Colors.steel.50};\n  --bs-5-brand-colors-steel-brand-100: {Brand Colors.steel.100};\n  --bs-5-brand-colors-steel-brand-200: {Brand Colors.steel.200};\n  --bs-5-brand-colors-steel-brand-300: {Brand Colors.steel.300};\n  --bs-5-brand-colors-steel-brand-400: {Brand Colors.steel.400};\n  --bs-5-brand-colors-steel-brand-500: {Brand Colors.steel.500};\n  --bs-5-brand-colors-steel-brand-600: {Brand Colors.steel.600};\n  --bs-5-brand-colors-steel-brand-700: {Brand Colors.steel.800};\n  --bs-5-brand-colors-steel-brand-800: {Brand Colors.steel.800};\n  --bs-5-brand-colors-steel-brand-900: {Brand Colors.steel.900};\n  --bs-5-brand-colors-steel-brand-950: {Brand Colors.steel.950};\n  --bs-5-brand-colors-teal-brand-50: {Brand Colors.teal.50};\n  --bs-5-brand-colors-teal-brand-100: {Brand Colors.teal.100};\n  --bs-5-brand-colors-teal-brand-200: {Brand Colors.teal.200};\n  --bs-5-brand-colors-teal-brand-300: {Brand Colors.teal.300};\n  --bs-5-brand-colors-teal-brand-400: {Brand Colors.teal.400};\n  --bs-5-brand-colors-teal-brand-500: {Brand Colors.teal.500};\n  --bs-5-brand-colors-teal-brand-600: {Brand Colors.teal.600};\n  --bs-5-brand-colors-teal-brand-700: {Brand Colors.teal.700};\n  --bs-5-brand-colors-teal-brand-800: {Brand Colors.teal.800};\n  --bs-5-brand-colors-teal-brand-900: {Brand Colors.teal.900};\n  --bs-5-brand-colors-teal-brand-950: {Brand Colors.teal.950};\n  --bs-5-brand-colors-jade-brand-50: {Brand Colors.jade.50};\n  --bs-5-brand-colors-jade-brand-100: {Brand Colors.jade.100};\n  --bs-5-brand-colors-jade-brand-200: {Brand Colors.jade.200};\n  --bs-5-brand-colors-jade-brand-300: {Brand Colors.jade.300};\n  --bs-5-brand-colors-jade-brand-400: {Brand Colors.jade.400};\n  --bs-5-brand-colors-jade-brand-500: {Brand Colors.jade.500};\n  --bs-5-brand-colors-jade-brand-600: {Brand Colors.jade.600};\n  --bs-5-brand-colors-jade-brand-700: {Brand Colors.teal.700};\n  --bs-5-brand-colors-jade-brand-800: {Brand Colors.jade.800};\n  --bs-5-brand-colors-jade-brand-900: {Brand Colors.jade.900};\n  --bs-5-brand-colors-jade-brand-950: {Brand Colors.jade.950};\n  --bs-5-brand-colors-green-brand-50: var(--bs-brand-colors-green-50);\n  --bs-5-brand-colors-green-brand-100: var(--bs-brand-colors-green-100);\n  --bs-5-brand-colors-green-brand-200: var(--bs-brand-colors-green-200);\n  --bs-5-brand-colors-green-brand-300: var(--bs-brand-colors-green-300);\n  --bs-5-brand-colors-green-brand-400: var(--bs-brand-colors-green-400);\n  --bs-5-brand-colors-green-brand-500: var(--bs-brand-colors-green-500);\n  --bs-5-brand-colors-green-brand-600: var(--bs-brand-colors-green-600);\n  --bs-5-brand-colors-green-brand-700: var(--bs-brand-colors-green-700);\n  --bs-5-brand-colors-green-brand-800: var(--bs-brand-colors-green-800);\n  --bs-5-brand-colors-green-brand-900: var(--bs-brand-colors-green-900);\n  --bs-5-brand-colors-green-brand-950: var(--bs-brand-colors-green-950);\n  --bs-5-brand-colors-lime-brand-50: var(--bs-brand-colors-lime-50);\n  --bs-5-brand-colors-lime-brand-100: var(--bs-brand-colors-lime-100);\n  --bs-5-brand-colors-lime-brand-200: var(--bs-brand-colors-lime-200);\n  --bs-5-brand-colors-lime-brand-300: var(--bs-brand-colors-lime-300);\n  --bs-5-brand-colors-lime-brand-400: var(--bs-brand-colors-lime-400);\n  --bs-5-brand-colors-lime-brand-500: var(--bs-brand-colors-lime-500);\n  --bs-5-brand-colors-lime-brand-600: var(--bs-brand-colors-lime-600);\n  --bs-5-brand-colors-lime-brand-700: var(--bs-brand-colors-lime-700);\n  --bs-5-brand-colors-lime-brand-800: var(--bs-brand-colors-lime-800);\n  --bs-5-brand-colors-lime-brand-900: var(--bs-brand-colors-lime-900);\n  --bs-5-brand-colors-lime-brand-950: var(--bs-brand-colors-lime-950);\n  --bs-5-brand-colors-yellow-brand-50: var(--bs-brand-colors-yellow-50);\n  --bs-5-brand-colors-yellow-brand-100: var(--bs-brand-colors-yellow-100);\n  --bs-5-brand-colors-yellow-brand-200: var(--bs-brand-colors-yellow-200);\n  --bs-5-brand-colors-yellow-brand-300: var(--bs-brand-colors-yellow-300);\n  --bs-5-brand-colors-yellow-brand-400: var(--bs-brand-colors-yellow-400);\n  --bs-5-brand-colors-yellow-brand-500: var(--bs-brand-colors-yellow-500);\n  --bs-5-brand-colors-yellow-brand-600: var(--bs-brand-colors-yellow-600);\n  --bs-5-brand-colors-yellow-brand-700: var(--bs-brand-colors-yellow-700);\n  --bs-5-brand-colors-yellow-brand-800: var(--bs-brand-colors-yellow-800);\n  --bs-5-brand-colors-yellow-brand-900: var(--bs-brand-colors-yellow-900);\n  --bs-5-brand-colors-yellow-brand-950: var(--bs-brand-colors-yellow-950);\n  --bs-5-brand-colors-amber-brand-50: var(--bs-brand-colors-amber-50);\n  --bs-5-brand-colors-amber-brand-100: var(--bs-brand-colors-amber-100);\n  --bs-5-brand-colors-amber-brand-200: var(--bs-brand-colors-amber-200);\n  --bs-5-brand-colors-amber-brand-300: var(--bs-brand-colors-amber-300);\n  --bs-5-brand-colors-amber-brand-400: var(--bs-brand-colors-amber-400);\n  --bs-5-brand-colors-amber-brand-500: var(--bs-brand-colors-amber-500);\n  --bs-5-brand-colors-amber-brand-600: var(--bs-brand-colors-amber-600);\n  --bs-5-brand-colors-amber-brand-700: var(--bs-brand-colors-amber-700);\n  --bs-5-brand-colors-amber-brand-800: var(--bs-brand-colors-amber-800);\n  --bs-5-brand-colors-amber-brand-900: var(--bs-brand-colors-amber-900);\n  --bs-5-brand-colors-amber-brand-950: var(--bs-brand-colors-amber-950);\n  --bs-5-brand-colors-orange-brand-50: var(--bs-brand-colors-orange-50);\n  --bs-5-brand-colors-orange-brand-100: var(--bs-brand-colors-orange-100);\n  --bs-5-brand-colors-orange-brand-200: var(--bs-brand-colors-orange-200);\n  --bs-5-brand-colors-orange-brand-300: var(--bs-brand-colors-orange-300);\n  --bs-5-brand-colors-orange-brand-400: var(--bs-brand-colors-orange-400);\n  --bs-5-brand-colors-orange-brand-500: var(--bs-brand-colors-orange-500);\n  --bs-5-brand-colors-orange-brand-600: var(--bs-brand-colors-orange-600);\n  --bs-5-brand-colors-orange-brand-700: var(--bs-brand-colors-orange-700);\n  --bs-5-brand-colors-orange-brand-800: var(--bs-brand-colors-orange-800);\n  --bs-5-brand-colors-orange-brand-900: var(--bs-brand-colors-orange-900);\n  --bs-5-brand-colors-orange-brand-950: var(--bs-brand-colors-amber-950);\n  --bs-5-brand-colors-magenta-brand-50: var(--bs-brand-colors-magenta-50);\n  --bs-5-brand-colors-magenta-brand-100: var(--bs-brand-colors-magenta-100);\n  --bs-5-brand-colors-magenta-brand-200: var(--bs-brand-colors-magenta-200);\n  --bs-5-brand-colors-magenta-brand-300: var(--bs-brand-colors-magenta-300);\n  --bs-5-brand-colors-magenta-brand-400: var(--bs-brand-colors-magenta-400);\n  --bs-5-brand-colors-magenta-brand-500: var(--bs-brand-colors-magenta-500);\n  --bs-5-brand-colors-magenta-brand-600: var(--bs-brand-colors-magenta-600);\n  --bs-5-brand-colors-magenta-brand-700: var(--bs-brand-colors-magenta-700);\n  --bs-5-brand-colors-magenta-brand-800: var(--bs-brand-colors-magenta-800);\n  --bs-5-brand-colors-magenta-brand-900: var(--bs-brand-colors-magenta-900);\n  --bs-5-brand-colors-magenta-brand-950: var(--bs-brand-colors-magenta-950);\n  --bs-5-brand-colors-maroon-brand-50: var(--bs-brand-colors-maroon-50);\n  --bs-5-brand-colors-maroon-brand-100: var(--bs-brand-colors-maroon-100);\n  --bs-5-brand-colors-maroon-brand-200: var(--bs-brand-colors-maroon-200);\n  --bs-5-brand-colors-maroon-brand-300: var(--bs-brand-colors-maroon-300);\n  --bs-5-brand-colors-maroon-brand-400: var(--bs-brand-colors-maroon-400);\n  --bs-5-brand-colors-maroon-brand-500: var(--bs-brand-colors-maroon-500);\n  --bs-5-brand-colors-maroon-brand-600: var(--bs-brand-colors-maroon-600);\n  --bs-5-brand-colors-maroon-brand-700: var(--bs-brand-colors-maroon-700);\n  --bs-5-brand-colors-maroon-brand-800: var(--bs-brand-colors-maroon-800);\n  --bs-5-brand-colors-maroon-brand-900: var(--bs-brand-colors-maroon-900);\n  --bs-5-brand-colors-maroon-brand-950: var(--bs-brand-colors-maroon-950);\n  --bs-5-brand-colors-violet-brand-50: var(--bs-brand-colors-violet-50);\n  --bs-5-brand-colors-violet-brand-100: var(--bs-brand-colors-violet-100);\n  --bs-5-brand-colors-violet-brand-200: var(--bs-brand-colors-violet-200);\n  --bs-5-brand-colors-violet-brand-300: var(--bs-brand-colors-violet-300);\n  --bs-5-brand-colors-violet-brand-400: var(--bs-brand-colors-violet-400);\n  --bs-5-brand-colors-violet-brand-500: var(--bs-brand-colors-violet-500);\n  --bs-5-brand-colors-violet-brand-600: var(--bs-brand-colors-violet-600);\n  --bs-5-brand-colors-violet-brand-700: var(--bs-brand-colors-violet-700);\n  --bs-5-brand-colors-violet-brand-800: var(--bs-brand-colors-violet-800);\n  --bs-5-brand-colors-violet-brand-900: var(--bs-brand-colors-violet-900);\n  --bs-5-brand-colors-violet-brand-950: var(--bs-brand-colors-violet-950);\n  --bs-focus-border-: var(--bs-information-500);\n  --bs-label: Label;\n  --bs-border-width-0: var(--bs-scale-0);\n  --bs-border-width-thin: var(--bs-scale-10);\n  --bs-border-width-medium: var(--bs-scale-25);\n  --bs-border-width-thick: var(--bs-scale-50);\n  --bs-border-radius-0: var(--bs-scale-0);\n  --bs-border-radius-50: var(--bs-scale-50);\n  --bs-border-radius-75: var(--bs-scale-75);\n  --bs-border-radius-100: var(--bs-scale-100);\n  --bs-border-radius-150: var(--bs-scale-150);\n  --bs-border-radius-200: var(--bs-scale-200);\n  --bs-border-radius-300: var(--bs-scale-300);\n  --bs-border-radius-full: var(--bs-scale-1500);\n  --bs-sizing-75: var(--bs-scale-75);\n  --bs-sizing-100: var(--bs-scale-100);\n  --bs-sizing-200: var(--bs-scale-200);\n  --bs-sizing-250: var(--bs-scale-250);\n  --bs-sizing-300: var(--bs-scale-300);\n  --bs-sizing-400: var(--bs-scale-400);\n  --bs-sizing-500: var(--bs-scale-500);\n  --bs-sizing-600: var(--bs-scale-600);\n  --bs-sizing-700: var(--bs-scale-700);\n  --bs-sizing-800: var(--bs-scale-800);\n  --bs-sizing-1000: var(--bs-scale-1000);\n  --bs-sizing-1200: var(--bs-scale-1200);\n  --bs-sizing-1600: var(--bs-scale-1600);\n  --bs-sizing-3200: var(--bs-scale-3200);\n  --bs-sizing-6400: var(--bs-scale-6400);\n}\n\n[data-theme=\"dark\"] {\n\n  /* Primary Colors - Dark Mode */\n  --bs-color-primary-default: var(--bs-brand-400);\n  --bs-color-primary-hover: var(--bs-brand-300);\n  --bs-color-primary-focused: var(--bs-brand-300);\n  --bs-color-primary-pressed: var(--bs-brand-200);\n  --bs-color-primary-container: var(--bs-brand-950);\n  --bs-color-primary-container-hover: var(--bs-brand-900);\n\n  /* Neutral Colors - Dark Mode */\n  --bs-color-neutral-default: var(--bs-neutral-300);\n  --bs-color-neutral-hover: var(--bs-neutral-200);\n  --bs-color-neutral-focused: var(--bs-neutral-200);\n  --bs-color-neutral-pressed: var(--bs-neutral-50);\n  --bs-color-neutral-container: var(--bs-neutral-900);\n  --bs-color-neutral-container-hover: var(--bs-neutral-800);\n  --bs-color-neutral-container-focused: var(--bs-neutral-800);\n  --bs-color-neutral-container-pressed: var(--bs-neutral-700);\n\n  /* Accent Colors - Dark Mode */\n  --bs-color-accent-default: var(--bs-brand-colors-magenta-400);\n  --bs-color-accent-hover: var(--bs-brand-colors-magenta-300);\n  --bs-color-accent-active: var(--bs-brand-colors-magenta-200);\n  --bs-color-accent-container: var(--bs-brand-colors-magenta-700);\n\n  /* Success Colors - Dark Mode */\n  --bs-color-success-default: var(--bs-success-400);\n  --bs-color-success-hover: var(--bs-success-300);\n  --bs-color-success-focused: var(--bs-success-300);\n  --bs-color-success-pressed: var(--bs-success-200);\n  --bs-color-success-container: var(--bs-success-800);\n\n  /* Warning Colors - Dark Mode */\n  --bs-color-warning-default: var(--bs-warning-400);\n  --bs-color-warning-hover: var(--bs-warning-300);\n  --bs-color-warning-focused: var(--bs-warning-300);\n  --bs-color-warning-pressed: var(--bs-warning-200);\n  --bs-color-warning-container: var(--bs-warning-800);\n\n  /* Error Colors - Dark Mode */\n  --bs-color-error-default: var(--bs-error-400);\n  --bs-color-error-hover: var(--bs-error-300);\n  --bs-color-error-focused: var(--bs-error-300);\n  --bs-color-error-pressed: var(--bs-error-200);\n  --bs-color-error-container: var(--bs-error-950);\n\n  /* Info Colors - Dark Mode */\n  --bs-color-info-default: var(--bs-information-400);\n  --bs-color-info-hover: var(--bs-information-300);\n  --bs-color-info-focused: var(--bs-information-300);\n  --bs-color-info-pressed: var(--bs-information-200);\n  --bs-color-info-container: var(--bs-information-800);\n\n  /* Text Colors - Dark Mode */\n  --bs-text-static-white: var(--bs-white);\n  --bs-text-static-black: var(--bs-black);\n  --bs-text-default: var(--bs-white);\n  --bs-text-secondary: var(--bs-neutral-200);\n  --bs-text-muted: var(--bs-neutral-300);\n  --bs-text-inverse: var(--bs-static-black);\n  --bs-text-link: var(--bs-information-400);\n  --bs-text-action: var(--bs-brand-400);\n  --bs-text-action-hover: var(--bs-brand-500);\n  --bs-text-success: var(--bs-success-300);\n  --bs-text-info: var(--bs-information-300);\n  --bs-text-warning: var(--bs-warning-300);\n  --bs-text-error: var(--bs-error-300);\n  --bs-text-on-action: var(--bs-black);\n  --bs-text-on-disabled: var(--bs-neutral-600);\n  --bs-text-accent: var(--bs-brand-colors-purple-400);\n  --bs-text-inverse-accent: var(--bs-brand-colors-purple-600);\n  --bs-text-neutral---default: var(--bs-neutral-300);\n  --bs-text-neutral---hover: var(--bs-neutral-200);\n  --bs-text-neutral---focused: var(--bs-neutral-200);\n  --bs-text-neutral---pressed: var(--bs-neutral-50);\n  --bs-text-neutral-default: var(--bs-neutral-300);\n  --bs-text-neutral-hover: var(--bs-neutral-200);\n  --bs-text-neutral-focused: var(--bs-neutral-200);\n  --bs-text-neutral-pressed: var(--bs-neutral-50);\n\n  /* Surface Colors - Dark Mode */\n  --bs-surface-base: var(--bs-neutral-950);\n  --bs-surface-raised: var(--bs-neutral-900);\n  --bs-surface-container: var(--bs-neutral-900);\n  --bs-surface-hover: var(--bs-neutral-800);\n  --bs-surface-focus: var(--bs-neutral-800);\n  --bs-surface-pressed: var(--bs-neutral-600);\n  --bs-surface-selected: var(--bs-neutral-700);\n  --bs-surface-selected-hover: var(--bs-neutral-700);\n  --bs-surface-selected-focus: var(--bs-neutral-700);\n  --bs-surface-selected-pressed: var(--bs-neutral-600);\n  --bs-surface-active: var(--bs-neutral-600);\n  --bs-surface-action: var(--bs-color-primary-default);\n  --bs-surface-inset: var(--bs-neutral-900);\n  --bs-surface-inverse: var(--bs-neutral-50-transparent);\n  --bs-surface-accent: var(--bs-gray-transparent-2);\n  --bs-surface-on-action: var(--bs-gray-900);\n  --bs-surface-on-action-disabled: var(--bs-neutral-600);\n  --bs-surface-action-disabled: var(--bs-neutral-900);\n  --bs-surface-success: var(--bs-success-600);\n  --bs-surface-info: var(--bs-information-600);\n  --bs-surface-warning: var(--bs-warning-600);\n  --bs-surface-error: var(--bs-error-600);\n  --bs-surface-overlay: var(--bs-neutral-500-transparent-2);\n  --bs-surface-overlay-level-2: var(--bs-neutral-500-transparent);\n\n  /* Icon Colors - Dark Mode */\n  --bs-icon-static-white: var(--bs-white);\n  --bs-icon-static-black: var(--bs-black);\n  --bs-icon-default: var(--bs-neutral-25);\n  --bs-icon-muted: var(--bs-neutral-400);\n  --bs-icon-disabled: var(--bs-neutral-600);\n  --bs-icon-inverse: var(--bs-static-black);\n  --bs-icon-action: var(--bs-brand-400);\n  --bs-icon-action-hover: var(--bs-brand-300);\n  --bs-icon-success: var(--bs-success-400);\n  --bs-icon-info: var(--bs-information-300);\n  --bs-icon-warning: var(--bs-warning-300);\n  --bs-icon-error: var(--bs-error-300);\n  --bs-icon-neutral-default: var(--bs-neutral-300);\n  --bs-icon-neutral-hover: var(--bs-neutral-200);\n  --bs-icon-neutral-focused: var(--bs-neutral-200);\n  --bs-icon-neutral-pressed: var(--bs-neutral-50);\n\n  /* Border Colors - Dark Mode */\n  --bs-border-default: var(--bs-neutral-800);\n  --bs-border-neutral-hover: var(--bs-neutral-300);\n  --bs-border-neutral-focus: var(--bs-focus-border-);\n  --bs-border-neutral-active: var(--bs-neutral-500);\n  --bs-border-neutral-disabled: var(--bs-neutral-700);\n  --bs-border-neutral-container: var(--bs-neutral-700);\n  --bs-border-neutral-container-hover: var(--bs-neutral-500);\n  --bs-border-neutral-container-focused: var(--bs-focus-border-);\n  --bs-border-neutral-container-pressed: var(--bs-neutral-300);\n  --bs-border-success: var(--bs-success-400);\n  --bs-border-success-hover: var(--bs-success-300);\n  --bs-border-success-focus: var(--bs-focus-border-);\n  --bs-border-warning: var(--bs-warning-400);\n  --bs-border-warning-hover: var(--bs-warning-300);\n  --bs-border-warning-focus: var(--bs-focus-border-);\n  --bs-border-error: var(--bs-error-300);\n  --bs-border-error-hover: var(--bs-error-200);\n  --bs-border-error-focus: var(--bs-focus-border-);\n  --bs-border-info: var(--bs-information-400);\n  --bs-border-info-hover: var(--bs-information-600);\n  --bs-border-info-focus: var(--bs-focus-border-);\n  --bs-border-primary: var(--bs-brand-400);\n  --bs-border-primary-hover: var(--bs-brand-300);\n  --bs-border-primary-focus: var(--bs-focus-border-);\n  --bs-border-primary-pressed: var(--bs-brand-200);\n\n  /* Elevation Colors - Dark Mode */\n  --bs-elevation-none: var(--bs-dark-mode-0);\n  --bs-elevation-low: var(--bs-dark-mode-100);\n  --bs-elevation-medium: var(--bs-dark-mode-200);\n  --bs-elevation-high: var(--bs-dark-mode-300);\n  --bs-elevation-higher: var(--bs-dark-mode-400);\n  --bs-elevation-highest: var(--bs-dark-mode-500);\n  --bs-elevation-inner: var(--bs-dark-mode-600);\n  --bs-elevation-focus: var(--bs-dark-mode-700);\n\n  --bs-focus-border-: var(--bs-information-300);\n  --bs-label: Label;\n  --bs-border-width-0: var(--bs-scale-0);\n  --bs-border-width-thin: var(--bs-scale-10);\n  --bs-border-width-medium: var(--bs-scale-25);\n  --bs-border-width-thick: var(--bs-scale-50);\n  --bs-border-radius-0: var(--bs-scale-0);\n  --bs-border-radius-50: var(--bs-scale-50);\n  --bs-border-radius-75: var(--bs-scale-75);\n  --bs-border-radius-100: var(--bs-scale-100);\n  --bs-border-radius-150: var(--bs-scale-150);\n  --bs-border-radius-200: var(--bs-scale-200);\n  --bs-border-radius-300: var(--bs-scale-300);\n  --bs-border-radius-full: var(--bs-scale-1500);\n  --bs-spacing-0: var(--bs-scale-0);\n  --bs-spacing-25: var(--bs-scale-25);\n  --bs-spacing-50: var(--bs-scale-50);\n  --bs-spacing-75: var(--bs-scale-75);\n  --bs-spacing-100: var(--bs-scale-100);\n  --bs-spacing-150: var(--bs-scale-150);\n  --bs-spacing-200: var(--bs-scale-200);\n  --bs-spacing-250: var(--bs-scale-250);\n  --bs-spacing-300: var(--bs-scale-300);\n  --bs-spacing-350: var(--bs-scale-350);\n  --bs-spacing-400: var(--bs-scale-400);\n  --bs-spacing-500: var(--bs-scale-500);\n  --bs-spacing-550: var(--bs-scale-550);\n  --bs-spacing-600: var(--bs-scale-600);\n  --bs-spacing-700: var(--bs-scale-700);\n  --bs-spacing-800: var(--bs-scale-800);\n  --bs-spacing-1000: var(--bs-scale-1000);\n  --bs-spacing-1200: var(--bs-scale-1200);\n  --bs-spacing-1500: var(--bs-scale-1500);\n  --bs-spacing--600: var(--bs-scale--600);\n  --bs-spacing--500: var(--bs-scale--500);\n  --bs-spacing--350: var(--bs-scale--350);\n  --bs-spacing--200: var(--bs-scale--200);\n  --bs-spacing--150: var(--bs-scale--150);\n  --bs-spacing--100: var(--bs-scale--100);\n  --bs-sizing-75: var(--bs-scale-75);\n  --bs-sizing-100: var(--bs-scale-100);\n  --bs-sizing-200: var(--bs-scale-200);\n  --bs-sizing-250: var(--bs-scale-250);\n  --bs-sizing-300: var(--bs-scale-300);\n  --bs-sizing-400: var(--bs-scale-400);\n  --bs-sizing-500: var(--bs-scale-500);\n  --bs-sizing-600: var(--bs-scale-600);\n  --bs-sizing-700: var(--bs-scale-700);\n  --bs-sizing-800: var(--bs-scale-800);\n  --bs-sizing-1000: var(--bs-scale-1000);\n  --bs-sizing-1200: var(--bs-scale-1200);\n  --bs-sizing-1600: var(--bs-scale-1600);\n  --bs-sizing-3200: var(--bs-scale-3200);\n  --bs-sizing-6400: var(--bs-scale-6400);\n}\n\n/* Reduced Motion */\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --bs-duration-instant: 0ms;\n    --bs-duration-fast: 0ms;\n    --bs-duration-default: 0ms;\n    --bs-duration-slow: 0ms;\n    --bs-duration-slower: 0ms;\n  }\n}\n\n/*\n * Sets the document root to Brandsync's typeface (brandsync-tokens defines Roboto for both\n * --bs-typography-font-family-heading and -body). Every component's shadow styles use\n * `font-family: inherit`, so this is what they actually inherit from.\n *\n * Loading the Roboto font file itself is the consuming app's job, same convention already used\n * across eg-brandsync -- a <link> to Google Fonts (or next/font/google) for the weights actually\n * used by brandsync-tokens: 100, 400, 500, 600, 700, 900. See README.md.\n */\n:root {\n  font-family: var(--bs-typography-font-family-body), sans-serif;\n}\n\n/*\n * Bridges the `[data-theme=\"dark\"]` attribute (set by a consuming app, or this library's own\n * Storybook \"Theme\" toolbar switch -- see .storybook/preview.ts) to bs-logo's asset-visibility\n * custom properties, so bs-logo's `background=\"auto\"` default (the default) can react to it via\n * ordinary custom property inheritance across shadow DOM boundaries -- the same mechanism every\n * other `--bs-*` token already uses to re-theme component internals, just for a fixed SVG asset\n * that has no token of its own to read. Kept out of tokens.css since that file is vendored\n * wholesale from the brandsync-tokens package and re-copied verbatim on every bump (see its own\n * header comment) -- this is BrandSync-WC's own addition, not an upstream design token.\n */\n:root {\n  --bs-logo-asset-light-display: block;\n  --bs-logo-asset-dark-display: none;\n}\n\n[data-theme='dark'] {\n  --bs-logo-asset-light-display: none;\n  --bs-logo-asset-dark-display: block;\n}\n\n";
 /*
- Stencil Client Platform v4.45.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.45.2 | MIT Licensed | https://stenciljs.com
  */
@@ -187,7 +187,7 @@ var queueDomReads = [];
 var queueDomWrites = [];
 var scheduleFlush = () => {
   var _a;
-  return ((_a = win.document) == null ? void 0 : _a.hidden) ? nextTick(flush) : plt.raf(flush);
+  return ((_a = win.document) == null ? void 0 : _a.hidden) ? setTimeout(flush, 16) : plt.raf(flush);
 };
 var queueTask = (queue, write) => (cb) => {
   queue.push(cb);
@@ -589,7 +589,8 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
     const oldClasses = parseClassList(oldValue);
     let newClasses = parseClassList(newValue);
     {
-      classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
+      let removedClasses = oldClasses.filter((c) => c && !newClasses.includes(c));
+      classList.remove(...removedClasses);
       classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
     }
   } else if (memberName === "style") {
@@ -1278,6 +1279,19 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 // src/runtime/proxy-component.ts
 var reflectedAttrValue = (propValue) => propValue == null || propValue === false ? null : propValue === true ? "" : String(propValue);
+var replayPendingSetterValues = (hostRef, cmpMeta) => {
+  var _a;
+  const instance = hostRef.$lazyInstance$;
+  if (!instance) return;
+  for (const [memberName, [memberFlags]] of Object.entries((_a = cmpMeta.$members$) != null ? _a : {})) {
+    if (memberFlags & 4096 /* Setter */ && hostRef.$instanceValues$.has(memberName)) {
+      const pendingValue = hostRef.$instanceValues$.get(memberName);
+      if (instance[memberName] !== pendingValue) {
+        instance[memberName] = pendingValue;
+      }
+    }
+  }
+};
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a, _b;
   const prototype = Cstr.prototype;
@@ -1307,9 +1321,8 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
                   return getValue(this, memberName);
                 }
                 const ref = getHostRef(this);
-                const instance = ref ? ref.$lazyInstance$ : prototype;
-                if (!instance) return;
-                return instance[memberName];
+                if (!ref) return prototype[memberName];
+                return ref.$lazyInstance$ ? ref.$lazyInstance$[memberName] : getValue(this, memberName);
               }
             },
             configurable: true,
@@ -1339,36 +1352,20 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
             {
               if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
                 setValue(this, memberName, newValue, cmpMeta);
-                if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
-                  ref.$fetchedCbList$.push(() => {
-                    if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
-                      ref.$lazyInstance$[memberName] = newValue;
-                    }
-                  });
-                }
                 return;
               }
               const parsedValue = parsePropertyValue(
                 newValue,
                 memberFlags);
-              const setterSetVal = (val) => {
+              if (ref.$lazyInstance$) {
                 const currentValue = ref.$lazyInstance$[memberName];
                 if (!ref.$instanceValues$.get(memberName) && currentValue) {
                   ref.$instanceValues$.set(memberName, currentValue);
                 }
-                ref.$lazyInstance$[memberName] = val;
+                ref.$lazyInstance$[memberName] = parsedValue;
                 setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
-              };
-              if (ref.$lazyInstance$) {
-                setterSetVal(parsedValue);
               } else {
                 ref.$instanceValues$.set(memberName, parsedValue);
-                ref.$fetchedCbList$.push(() => {
-                  const pendingValue = ref.$instanceValues$.get(memberName);
-                  if (ref.$lazyInstance$[memberName] !== pendingValue) {
-                    setterSetVal(pendingValue);
-                  }
-                });
               }
             }
           }
@@ -1424,11 +1421,10 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
           }
           const isSpuriousBooleanRemoval = isBooleanTarget && newValue === null && this[propName] === void 0;
           if (isBooleanTarget) {
-            newValue = newValue === null || newValue === "false" ? false : true;
+            newValue = newValue === null || newValue === "false" && true ? false : true;
           }
-          const currentValue = propMemberFlags & 4096 /* Setter */ ? hostRef.$instanceValues$.get(propName) : this[propName];
           const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
-          if (!isSpuriousBooleanRemoval && newValue != currentValue && (!propDesc.get || !!propDesc.set)) {
+          if (!isSpuriousBooleanRemoval && newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
             this[propName] = newValue;
           }
         });
@@ -1498,6 +1494,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         }
         {
           hostRef.$flags$ &= -9 /* isConstructingInstance */;
+          replayPendingSetterValues(hostRef, cmpMeta);
         }
         {
           hostRef.$flags$ |= 128 /* isWatchReady */;

package/dist/esm/loader.js CHANGED Viewed

@@ -1,10 +1,10 @@
-import { g as globalScripts, b as bootstrapLazy } from './index-CcPfH1dJ.js';
-export { s as setNonce } from './index-CcPfH1dJ.js';
+import { g as globalScripts, b as bootstrapLazy } from './index-DuyFft7h.js';
+export { s as setNonce } from './index-DuyFft7h.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["bs-input",[[785,"bs-input",{"value":[1025],"type":[1],"label":[1],"placeholder":[1],"description":[1],"error":[1],"disabled":[4],"required":[4],"step":[2],"min":[2],"max":[2],"options":[16],"rows":[2],"chips":[16],"titleOptions":[16],"initialsTitle":[1,"initials-title"],"countryOptions":[16],"country":[1],"length":[2],"open":[1540],"hasIcon":[32],"hasEndIcon":[32],"passwordVisible":[32],"chipDraft":[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]]],["bs-snackbar",[[769,"bs-snackbar",{"variant":[1],"loading":[4],"actionLabel":[1,"action-label"]}]]],["bs-attachment",[[513,"bs-attachment",{"type":[1],"fileName":[1,"file-name"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"loading":[4],"removable":[4]}]]],["bs-breadcrumb-overflow",[[513,"bs-breadcrumb-overflow",{"items":[16],"overflowLabel":[1,"overflow-label"],"size":[513],"open":[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]]],["bs-chatbot-header",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["bs-dialog",[[769,"bs-dialog",{"open":[1540],"heading":[1],"size":[1],"centered":[516],"hasFooter":[32],"hasImage":[32],"hasIcon":[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]],["bs-navigation-drawer",[[769,"bs-navigation-drawer",{"heading":[1],"collapsible":[4],"collapsed":[1540],"logoBackground":[1,"logo-background"],"showLogo":[4,"show-logo"]},null,{"collapsed":[{"onCollapsedChange":0}]}]]],["bs-navigation-header",[[769,"bs-navigation-header",{"alignment":[1],"ariaLabel":[1,"aria-label"],"skipToContentHref":[1,"skip-to-content-href"],"skipToContentLabel":[1,"skip-to-content-label"],"logoBackground":[1,"logo-background"]}]]],["bs-accordion",[[769,"bs-accordion",{"expanded":[516],"size":[1],"disabled":[4],"showIcon":[4,"show-icon"],"showPreview":[4,"show-preview"]}]]],["bs-ai-disclaimer",[[257,"bs-ai-disclaimer"]]],["bs-ai-greeting",[[513,"bs-ai-greeting",{"assistantName":[1,"assistant-name"],"productName":[1,"product-name"]}]]],["bs-ai-thinking",[[513,"bs-ai-thinking",{"label":[1]}]]],["bs-attachment-list",[[769,"bs-attachment-list",{"ariaLabel":[1,"aria-label"],"canScrollRight":[32]}]]],["bs-avatar",[[513,"bs-avatar",{"type":[1],"size":[1],"initials":[1],"src":[1],"alt":[1],"ariaLabel":[1,"aria-label"],"disabled":[516]}]]],["bs-badge",[[769,"bs-badge",{"variant":[1]}]]],["bs-breadcrumb",[[769,"bs-breadcrumb",{"href":[1],"current":[516],"size":[513]}]]],["bs-breadcrumbs",[[769,"bs-breadcrumbs",{"label":[1],"size":[1]},null,{"size":[{"onSizeChange":0}]}]]],["bs-button-skeleton",[[513,"bs-button-skeleton",{"size":[1]}]]],["bs-card",[[769,"bs-card",{"surface":[1],"hasImage":[32]}]]],["bs-chatbot-feedback",[[513,"bs-chatbot-feedback",{"rating":[1538],"submitted":[1540],"comment":[1025],"heading":[1],"subtitle":[1]}]]],["bs-chatbot-response-action",[[769,"bs-chatbot-response-action",{"sourcesCount":[2,"sources-count"],"menuOpen":[1540,"menu-open"]},[[4,"click","onDocumentClick"],[4,"keydown","onKeydown"]]]]],["bs-chatbot-sources-drawer",[[769,"bs-chatbot-sources-drawer",{"heading":[1],"count":[2],"slottedCount":[32]}]]],["bs-chatbot-suggestion-button",[[769,"bs-chatbot-suggestion-button",{"disabled":[4]}]]],["bs-checkbox",[[785,"bs-checkbox",{"size":[1],"checked":[1540],"indeterminate":[1540],"disabled":[4],"error":[4],"ariaLabel":[1,"aria-label"]},null,{"indeterminate":[{"onIndeterminateChange":0}]}]]],["bs-checkbox-skeleton",[[513,"bs-checkbox-skeleton",{"size":[1]}]]],["bs-chip-filter",[[785,"bs-chip-filter",{"size":[1],"selected":[516],"dropdown":[4],"disabled":[4],"ariaLabel":[1,"aria-label"],"hasIcon":[32]}]]],["bs-chip-informative",[[769,"bs-chip-informative",{"color":[1],"size":[1],"disabled":[516],"hasIcon":[32]}]]],["bs-chip-input",[[785,"bs-chip-input",{"size":[1],"selected":[1540],"disabled":[516],"hasIcon":[32],"labelText":[32]}]]],["bs-composer",[[785,"bs-composer",{"variant":[1],"placeholder":[1],"value":[1025],"state":[513],"ariaLabel":[1,"aria-label"],"hasAttachments":[32]}]]],["bs-composer-status-banner",[[769,"bs-composer-status-banner",{"type":[1],"message":[1],"showIcon":[4,"show-icon"],"showButton":[4,"show-button"],"actionLabel":[1,"action-label"],"allowClose":[4,"allow-close"]}]]],["bs-data-table",[[513,"bs-data-table",{"columns":[16],"rows":[16],"sortColumn":[1,"sort-column"],"sortDirection":[1,"sort-direction"],"selectable":[4],"cellRenderer":[16],"selectedIds":[32],"clearSelection":[64]}]]],["bs-inline-tab",[[769,"bs-inline-tab",{"selected":[516],"disabled":[4],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasLabel":[32]}]]],["bs-navigation-drawer-item",[[769,"bs-navigation-drawer-item",{"selected":[516],"expandable":[4],"expanded":[1540],"nested":[4],"ariaLabel":[1,"aria-label"],"collapsed":[516],"hasIcon":[32]}]]],["bs-pagination",[[513,"bs-pagination",{"totalPages":[2,"total-pages"],"currentPage":[1538,"current-page"],"siblingCount":[2,"sibling-count"],"previousLabel":[1,"previous-label"],"nextLabel":[1,"next-label"]}]]],["bs-progress",[[513,"bs-progress",{"type":[1],"size":[1],"strokeWidth":[2,"stroke-width"],"value":[2],"showLabel":[4,"show-label"]}]]],["bs-progress-linear",[[769,"bs-progress-linear",{"type":[1],"size":[1],"value":[2],"showLabel":[4,"show-label"],"hasLabelContent":[32]}]]],["bs-radio",[[785,"bs-radio",{"name":[1],"value":[1],"checked":[1540],"disabled":[4]}]]],["bs-slider",[[529,"bs-slider",{"type":[1],"showLabel":[4,"show-label"],"label":[1],"min":[2],"max":[2],"step":[2],"value":[1026],"valueStart":[1026,"value-start"],"valueEnd":[1026,"value-end"],"segments":[2],"disabled":[4],"ariaLabel":[1,"aria-label"]}]]],["bs-source-link",[[769,"bs-source-link",{"fileName":[1,"file-name"],"sourceName":[1,"source-name"],"version":[1],"href":[1],"target":[1]}]]],["bs-stepper",[[769,"bs-stepper",{"currentStep":[2,"current-step"],"direction":[513],"showDescription":[4,"show-description"]},null,{"currentStep":[{"onPropChange":0}],"direction":[{"onPropChange":0}],"showDescription":[{"onPropChange":0}]}]]],["bs-stepper-step",[[513,"bs-stepper-step",{"name":[1],"description":[1],"error":[4],"disabled":[4],"computedState":[1,"computed-state"],"direction":[1],"showDescription":[4,"show-description"]}]]],["bs-switch",[[785,"bs-switch",{"size":[1],"checked":[1540],"disabled":[4],"ariaLabel":[1,"aria-label"]}]]],["bs-tab",[[769,"bs-tab",{"selected":[516],"disabled":[4],"iconPosition":[1,"icon-position"],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasLabel":[32],"hasBadge":[32]}]]],["bs-tabs",[[769,"bs-tabs",{"type":[1],"orientation":[1]},[[0,"bsSelect","onTabSelect"]]]]],["bs-toast",[[769,"bs-toast",{"state":[1]}]]],["bs-button",[[785,"bs-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasEndIcon":[32],"hasLabel":[32]}]]],["bs-menu-item",[[769,"bs-menu-item",{"disabled":[4],"hasIcon":[32]}]]],["bs-tooltip",[[769,"bs-tooltip",{"placement":[1]}]]],["bs-logo",[[513,"bs-logo",{"variant":[1],"background":[1],"src":[1],"alt":[1]}]]],["bs-menu",[[257,"bs-menu"]]],["bs-icon-button",[[785,"bs-icon-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"]}]]]], options);
+  return bootstrapLazy([["bs-carousel",[[769,"bs-carousel",{"tracker":[1],"slidesPerView":[2,"slides-per-view"],"currentPage":[1538,"current-page"],"autoplay":[4],"interval":[2],"paused":[1540],"label":[1],"previousLabel":[1,"previous-label"],"nextLabel":[1,"next-label"],"pauseLabel":[1,"pause-label"],"playLabel":[1,"play-label"],"slideCount":[32],"interacting":[32]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[0,"focusin","onFocusIn"],[0,"focusout","onFocusOut"]],{"currentPage":[{"onCurrentPageChange":0}],"autoplay":[{"updateTimer":0}],"paused":[{"updateTimer":0}],"interval":[{"updateTimer":0}],"interacting":[{"updateTimer":0}],"slideCount":[{"updateTimer":0}],"slidesPerView":[{"updateTimer":0}]}]]],["bs-file-upload-item",[[769,"bs-file-upload-item",{"state":[513],"fileName":[1,"file-name"],"fileSize":[1,"file-size"],"progress":[2],"message":[1],"thumbnailSrc":[1,"thumbnail-src"],"thumbnailAlt":[1,"thumbnail-alt"],"cancelLabel":[1,"cancel-label"],"removeLabel":[1,"remove-label"]}]]],["bs-input",[[785,"bs-input",{"value":[1025],"type":[1],"label":[1],"placeholder":[1],"description":[1],"error":[1],"disabled":[4],"required":[4],"step":[2],"min":[2],"max":[2],"options":[16],"rows":[2],"chips":[16],"titleOptions":[16],"initialsTitle":[1,"initials-title"],"countryOptions":[16],"country":[1],"length":[2],"open":[1540],"hasIcon":[32],"hasEndIcon":[32],"passwordVisible":[32],"chipDraft":[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]]],["bs-snackbar",[[769,"bs-snackbar",{"variant":[1],"loading":[4],"actionLabel":[1,"action-label"]}]]],["bs-attachment",[[513,"bs-attachment",{"type":[1],"fileName":[1,"file-name"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"loading":[4],"removable":[4]}]]],["bs-breadcrumb-overflow",[[513,"bs-breadcrumb-overflow",{"items":[16],"overflowLabel":[1,"overflow-label"],"size":[513],"open":[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]]],["bs-chatbot-header",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["bs-dialog",[[769,"bs-dialog",{"open":[1540],"heading":[1],"size":[1],"centered":[516],"hasFooter":[32],"hasImage":[32],"hasIcon":[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]],["bs-file-upload",[[769,"bs-file-upload",{"direction":[513],"heading":[1],"description":[1],"buttonLabel":[1,"button-label"],"accept":[1],"multiple":[4],"disabled":[516],"dragging":[1540]}]]],["bs-navigation-drawer",[[769,"bs-navigation-drawer",{"heading":[1],"collapsible":[4],"collapsed":[1540],"logoBackground":[1,"logo-background"],"showLogo":[4,"show-logo"]},null,{"collapsed":[{"onCollapsedChange":0}]}]]],["bs-navigation-header",[[769,"bs-navigation-header",{"alignment":[1],"ariaLabel":[1,"aria-label"],"skipToContentHref":[1,"skip-to-content-href"],"skipToContentLabel":[1,"skip-to-content-label"],"logoBackground":[1,"logo-background"]}]]],["bs-accordion",[[769,"bs-accordion",{"expanded":[516],"size":[1],"disabled":[4],"showIcon":[4,"show-icon"],"showPreview":[4,"show-preview"]}]]],["bs-ai-disclaimer",[[257,"bs-ai-disclaimer"]]],["bs-ai-greeting",[[513,"bs-ai-greeting",{"assistantName":[1,"assistant-name"],"productName":[1,"product-name"]}]]],["bs-ai-thinking",[[513,"bs-ai-thinking",{"label":[1]}]]],["bs-attachment-list",[[769,"bs-attachment-list",{"ariaLabel":[1,"aria-label"],"canScrollRight":[32]}]]],["bs-avatar",[[513,"bs-avatar",{"type":[1],"size":[1],"initials":[1],"src":[1],"alt":[1],"ariaLabel":[1,"aria-label"],"disabled":[516]}]]],["bs-badge",[[769,"bs-badge",{"variant":[1]}]]],["bs-breadcrumb",[[769,"bs-breadcrumb",{"href":[1],"current":[516],"size":[513]}]]],["bs-breadcrumbs",[[769,"bs-breadcrumbs",{"label":[1],"size":[1]},null,{"size":[{"onSizeChange":0}]}]]],["bs-button-skeleton",[[513,"bs-button-skeleton",{"size":[1]}]]],["bs-card",[[769,"bs-card",{"surface":[1],"hasImage":[32]}]]],["bs-chatbot-feedback",[[513,"bs-chatbot-feedback",{"rating":[1538],"submitted":[1540],"comment":[1025],"heading":[1],"subtitle":[1]}]]],["bs-chatbot-response-action",[[769,"bs-chatbot-response-action",{"sourcesCount":[2,"sources-count"],"menuOpen":[1540,"menu-open"]},[[4,"click","onDocumentClick"],[4,"keydown","onKeydown"]]]]],["bs-chatbot-sources-drawer",[[769,"bs-chatbot-sources-drawer",{"heading":[1],"count":[2],"slottedCount":[32]}]]],["bs-chatbot-suggestion-button",[[769,"bs-chatbot-suggestion-button",{"disabled":[4]}]]],["bs-checkbox",[[785,"bs-checkbox",{"size":[1],"checked":[1540],"indeterminate":[1540],"disabled":[4],"error":[4],"ariaLabel":[1,"aria-label"]},null,{"indeterminate":[{"onIndeterminateChange":0}]}]]],["bs-checkbox-skeleton",[[513,"bs-checkbox-skeleton",{"size":[1]}]]],["bs-chip-filter",[[785,"bs-chip-filter",{"size":[1],"selected":[516],"dropdown":[4],"disabled":[4],"ariaLabel":[1,"aria-label"],"hasIcon":[32]}]]],["bs-chip-informative",[[769,"bs-chip-informative",{"color":[1],"size":[1],"disabled":[516],"hasIcon":[32]}]]],["bs-chip-input",[[785,"bs-chip-input",{"size":[1],"selected":[1540],"disabled":[516],"hasIcon":[32],"labelText":[32]}]]],["bs-composer",[[785,"bs-composer",{"variant":[1],"placeholder":[1],"value":[1025],"state":[513],"ariaLabel":[1,"aria-label"],"hasAttachments":[32]}]]],["bs-composer-status-banner",[[769,"bs-composer-status-banner",{"type":[1],"message":[1],"showIcon":[4,"show-icon"],"showButton":[4,"show-button"],"actionLabel":[1,"action-label"],"allowClose":[4,"allow-close"]}]]],["bs-data-table",[[513,"bs-data-table",{"columns":[16],"rows":[16],"sortColumn":[1,"sort-column"],"sortDirection":[1,"sort-direction"],"selectable":[4],"cellRenderer":[16],"selectedIds":[32],"clearSelection":[64]}]]],["bs-inline-tab",[[769,"bs-inline-tab",{"selected":[516],"disabled":[4],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasLabel":[32]}]]],["bs-navigation-drawer-item",[[769,"bs-navigation-drawer-item",{"selected":[516],"expandable":[4],"expanded":[1540],"nested":[4],"ariaLabel":[1,"aria-label"],"collapsed":[516],"hasIcon":[32]}]]],["bs-progress",[[513,"bs-progress",{"type":[1],"size":[1],"strokeWidth":[2,"stroke-width"],"value":[2],"showLabel":[4,"show-label"]}]]],["bs-radio",[[785,"bs-radio",{"name":[1],"value":[1],"checked":[1540],"disabled":[4]}]]],["bs-slider",[[529,"bs-slider",{"type":[1],"showLabel":[4,"show-label"],"label":[1],"min":[2],"max":[2],"step":[2],"value":[1026],"valueStart":[1026,"value-start"],"valueEnd":[1026,"value-end"],"segments":[2],"disabled":[4],"ariaLabel":[1,"aria-label"]}]]],["bs-source-link",[[769,"bs-source-link",{"fileName":[1,"file-name"],"sourceName":[1,"source-name"],"version":[1],"href":[1],"target":[1]}]]],["bs-stepper",[[769,"bs-stepper",{"currentStep":[2,"current-step"],"direction":[513],"showDescription":[4,"show-description"]},null,{"currentStep":[{"onPropChange":0}],"direction":[{"onPropChange":0}],"showDescription":[{"onPropChange":0}]}]]],["bs-stepper-step",[[513,"bs-stepper-step",{"name":[1],"description":[1],"error":[4],"disabled":[4],"computedState":[1,"computed-state"],"direction":[1],"showDescription":[4,"show-description"]}]]],["bs-switch",[[785,"bs-switch",{"size":[1],"checked":[1540],"disabled":[4],"ariaLabel":[1,"aria-label"]}]]],["bs-tab",[[769,"bs-tab",{"selected":[516],"disabled":[4],"iconPosition":[1,"icon-position"],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasLabel":[32],"hasBadge":[32]}]]],["bs-tabs",[[769,"bs-tabs",{"type":[1],"orientation":[1]},[[0,"bsSelect","onTabSelect"]]]]],["bs-toast",[[769,"bs-toast",{"state":[1]}]]],["bs-menu-item",[[769,"bs-menu-item",{"disabled":[4],"hasIcon":[32]}]]],["bs-pagination",[[513,"bs-pagination",{"totalPages":[2,"total-pages"],"currentPage":[1538,"current-page"],"siblingCount":[2,"sibling-count"],"previousLabel":[1,"previous-label"],"nextLabel":[1,"next-label"]}]]],["bs-progress-linear",[[769,"bs-progress-linear",{"type":[1],"size":[1],"value":[2],"showLabel":[4,"show-label"],"ariaLabel":[1,"aria-label"],"hasLabelContent":[32]}]]],["bs-tooltip",[[769,"bs-tooltip",{"placement":[1]}]]],["bs-logo",[[513,"bs-logo",{"variant":[1],"background":[1],"src":[1],"alt":[1]}]]],["bs-menu",[[257,"bs-menu"]]],["bs-button",[[785,"bs-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasEndIcon":[32],"hasLabel":[32]}]]],["bs-icon-button",[[785,"bs-icon-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"]}]]]], options);
 };
 export { defineCustomElements };

package/dist/types/components/bs-carousel/bs-carousel.cmp.test.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/dist/types/components/bs-carousel/bs-carousel.d.ts ADDED Viewed

@@ -0,0 +1,101 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type BsCarouselTracker = 'dots' | 'numbers';
+/**
+ * A carousel that shows a page of slides at a time, with a tracker (dots or numbered blocks) and
+ * previous/next controls, and optional auto-advance with a Pause/Play button.
+ *
+ * Slides are the default slot's direct children (a `bs-card`, an image, anything). The carousel
+ * shows `slidesPerView` of them at once, so there are `ceil(slides / slidesPerView)` pages. It
+ * manages two things on those slide elements: the `hidden` attribute (off-page slides are hidden,
+ * so they leave the tab order and the accessibility tree) and, only when not already set,
+ * `role="group"`, `aria-roledescription="slide"` and an `aria-label` of "n of N".
+ *
+ * Composes `bs-pagination` (`tracker="numbers"`), `bs-icon-button` (previous/next for
+ * `tracker="dots"`) and `bs-button` (Pause/Play) rather than re-implementing them.
+ *
+ * ## When to use
+ * - Browsing a set of related items (cards, images, announcements) where only a few fit at once.
+ * - Rotating promotional or highlight content, where auto-advance with a Pause control is wanted.
+ *
+ * ## When not to use
+ * - Content users must see in full to complete a task -- hiding it behind paging hurts discovery;
+ *   lay it out in a list or grid instead.
+ * - A strict sequence of steps -- use `bs-stepper`.
+ * - Paging through a large, addressable result set -- use `bs-pagination`.
+ *
+ * @slot - Default slot: the slides. Each direct child is one slide.
+ * @part carousel - The outer region (`role="region"`, `aria-roledescription="carousel"`).
+ * @part slides - The row holding the visible slides.
+ * @part tracker - The row holding the tracker and the Pause/Play button.
+ * @part prev - The previous button (`tracker="dots"`).
+ * @part next - The next button (`tracker="dots"`).
+ * @part dots - The dot group (`tracker="dots"`).
+ * @part dot - Each dot (`tracker="dots"`).
+ * @part current - The current page's dot (in addition to `dot`).
+ * @part pagination - The numbered tracker (`tracker="numbers"`).
+ * @part pause - The Pause/Play button (only rendered when `autoplay`).
+ */
+export declare class BsCarousel {
+    el: HTMLElement;
+    /** Which tracker to show under the slides. `dots` is a compact dot row between previous/next
+     * buttons (the dots are an indicator, not buttons); `numbers` is a numbered `bs-pagination`
+     * where each page can be jumped to directly. */
+    tracker: BsCarouselTracker;
+    /** How many slides are visible at once. The tracker counts pages: `ceil(slides / slidesPerView)`. */
+    slidesPerView: number;
+    /** The visible page, 1-based (same convention as `bs-pagination`). Mutable so the carousel
+     * advances it itself (tracker, previous/next, autoplay). Clamped to the available pages. */
+    currentPage: number;
+    /** Auto-advances to the next page every `interval` ms, looping from the last page to the first.
+     * Off by default. The Pause/Play button is only rendered when this is set. Auto-advance also
+     * stops while the pointer is over the carousel or focus is inside it, and starts paused for
+     * users who prefer reduced motion. */
+    autoplay: boolean;
+    /** Milliseconds between auto-advances, when `autoplay` is set. */
+    interval: number;
+    /** Whether auto-advance is paused by the user (the Pause/Play button). Mutable and reflected so
+     * the state is visible to CSS and settable from outside. Only meaningful with `autoplay`. */
+    paused: boolean;
+    /** Accessible name of the carousel region (e.g. "Featured articles"). */
+    label: string;
+    /** Accessible name of the previous button (`tracker="dots"`) -- override for localisation. */
+    previousLabel: string;
+    /** Accessible name of the next button (`tracker="dots"`) -- override for localisation. */
+    nextLabel: string;
+    /** Label of the Pause/Play button while auto-advance is running. */
+    pauseLabel: string;
+    /** Label of the Pause/Play button while auto-advance is paused. */
+    playLabel: string;
+    /** Fires after the visible page changes via the tracker, previous/next or autoplay, with the
+     * new 1-based page. */
+    bsPageChange: EventEmitter<number>;
+    /** Fires when the user toggles the Pause/Play button, with the new `paused` value. */
+    bsPauseChange: EventEmitter<boolean>;
+    slideCount: number;
+    /** True while the pointer is over the carousel or focus is inside it (auto-advance holds). */
+    interacting: boolean;
+    private timer?;
+    private get slides();
+    private get perView();
+    private get pageCount();
+    private get page();
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentDidRender(): void;
+    disconnectedCallback(): void;
+    onCurrentPageChange(): void;
+    updateTimer(): void;
+    private stopTimer;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    onFocusIn(): void;
+    onFocusOut(): void;
+    private goTo;
+    /** Shows only the current page's slides and labels each slide. */
+    private applySlides;
+    private onSlotChange;
+    private onTogglePause;
+    private renderPause;
+    private renderDotsTracker;
+    render(): any;
+}

package/dist/types/components/bs-carousel/bs-carousel.stories.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+import type { BsCarouselTracker } from './bs-carousel';
+interface BsCarouselArgs {
+    tracker: BsCarouselTracker;
+    slidesPerView: number;
+    slides: number;
+    autoplay: boolean;
+    interval: number;
+    label: string;
+}
+declare const meta: Meta<BsCarouselArgs>;
+export default meta;
+type Story = StoryObj<BsCarouselArgs>;
+export declare const Default: Story;
+export declare const Numbers: Story;
+export declare const NoAutoplay: Story;
+export declare const OneSlideAtATime: Story;

package/dist/types/components/bs-file-upload/bs-file-upload.cmp.test.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/dist/types/components/bs-file-upload/bs-file-upload.d.ts ADDED Viewed

@@ -0,0 +1,59 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type BsFileUploadDirection = 'horizontal' | 'vertical';
+/**
+ * A file dropzone: drag files onto it, or press "Browse file" to open the file picker. It reports
+ * the chosen files and does nothing else -- the consuming app owns the upload itself and shows its
+ * progress with `bs-file-upload-item`.
+ *
+ * ## When to use
+ * - Letting users add one or more files (documents, images) to upload.
+ *
+ * ## When not to use
+ * - Attaching files to a chat message -- see `bs-composer` / `bs-attachment`.
+ * - A file input that must submit with a native `<form>`: this component is **not**
+ *   form-associated. Read the files from `bsFilesSelect` and submit them yourself.
+ *
+ * @slot icon - Replaces the default upload icon inside the round icon area.
+ * @part dropzone - The dashed drop area.
+ * @part icon - The round icon area.
+ * @part heading - The heading text.
+ * @part description - The guidelines text under the heading.
+ * @part browse - The "Browse file" button.
+ */
+export declare class BsFileUpload {
+    el: HTMLElement;
+    private inputEl?;
+    /** Layout: icon beside the text (`horizontal`) or stacked above it, centered (`vertical`). */
+    direction: BsFileUploadDirection;
+    /** Heading text (e.g. "Upload your documents"). */
+    heading?: string;
+    /** Guidelines under the heading (e.g. "PDF or JPG, up to 8MB"). */
+    description?: string;
+    /** Label of the browse button. Override for localisation. */
+    buttonLabel: string;
+    /** Which files are accepted, same syntax as the native `accept` attribute: comma-separated
+     * extensions (`.pdf`), MIME types (`image/png`) or wildcards (`image/*`). Applied to the picker
+     * and also to dropped files, which the browser does not filter. */
+    accept?: string;
+    /** Allows selecting/dropping more than one file. Without it only the first file is taken. */
+    multiple: boolean;
+    /** Disables the browse button and ignores drops. */
+    disabled: boolean;
+    /** Whether a file is currently being dragged over the dropzone (the Figma "Drop" state). Set by
+     * the component during a drag; mutable and reflected so it can also be set to show the state
+     * statically. */
+    dragging: boolean;
+    /** Fires with the accepted files, after the picker closes or files are dropped. */
+    bsFilesSelect: EventEmitter<File[]>;
+    /** Fires with files that were not taken: they didn't match `accept`, or were extra files
+     * dropped while `multiple` is off. */
+    bsFilesReject: EventEmitter<File[]>;
+    private matchesAccept;
+    private handleFiles;
+    private onBrowse;
+    private onInputChange;
+    private onDragOver;
+    private onDragLeave;
+    private onDrop;
+    render(): any;
+}

package/dist/types/components/bs-file-upload/bs-file-upload.stories.d.ts ADDED Viewed

@@ -0,0 +1,21 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+import type { BsFileUploadDirection } from './bs-file-upload';
+interface BsFileUploadArgs {
+    direction: BsFileUploadDirection;
+    heading: string;
+    description: string;
+    buttonLabel: string;
+    accept: string;
+    multiple: boolean;
+    disabled: boolean;
+    dragging: boolean;
+}
+declare const meta: Meta<BsFileUploadArgs>;
+export default meta;
+type Story = StoryObj<BsFileUploadArgs>;
+export declare const Default: Story;
+export declare const Vertical: Story;
+export declare const Dragging: Story;
+export declare const Disabled: Story;
+export declare const AllVariants: Story;
+export declare const WithUploadList: Story;

package/dist/types/components/bs-file-upload-item/bs-file-upload-item.cmp.test.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};