npm - @brandsync/wc - Versions diffs - 0.1.0 → 1.1.0 - Mend

@brandsync/wc 0.1.0 → 1.1.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 (294) hide show

package/dist/cjs/{index-DHVw-IPK.js → index-CdAh5BFg.js} RENAMED Viewed

@@ -7,7 +7,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.44.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.45.1 | MIT Licensed | https://stenciljs.com
  */
@@ -686,7 +686,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
       }
     }
     if (newValue == null || newValue === false) {
-      if (newValue !== false || elm.getAttribute(memberName) === "") {
+      if (newValue !== false || elm.getAttribute(memberName) === "" || flags & 4 /* isHost */ && !isEnumeratedAttribute(memberName)) {
         {
           elm.removeAttribute(memberName);
         }
@@ -699,6 +699,8 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
     }
   }
 };
+var ENUMERATED_ATTRIBUTES = /* @__PURE__ */ new Set(["draggable", "contenteditable", "spellcheck"]);
+var isEnumeratedAttribute = (attrName) => ENUMERATED_ATTRIBUTES.has(attrName) || attrName.startsWith("aria-");
 var parseClassListRegex = /\s/;
 var parseClassList = (value) => {
   if (typeof value === "object" && value && "baseVal" in value) {
@@ -902,7 +904,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
       if (idxInOld >= 0) {
         elmToMove = oldCh[idxInOld];
         if (elmToMove.$tag$ !== newStartVnode.$tag$) {
-          node = createElm(oldCh && oldCh[newStartIdx], newVNode2, idxInOld);
+          node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx);
         } else {
           patch(elmToMove, newStartVnode, isInitialRender);
           oldCh[idxInOld] = void 0;
@@ -1006,9 +1008,7 @@ var flushQueuedRefCallbacks = () => {
   }
 };
 var insertBefore = (parent, newNode, reference, isInitialLoad) => {
-  if (parent.__insertBefore) {
-    return parent.__insertBefore(newNode, reference);
-  } else {
+  {
     return parent == null ? void 0 : parent.insertBefore(newNode, reference);
   }
 };
@@ -1273,6 +1273,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 };
 // src/runtime/proxy-component.ts
+var reflectedAttrValue = (propValue) => propValue == null || propValue === false ? null : propValue === true ? "" : String(propValue);
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a, _b;
   const prototype = Cstr.prototype;
@@ -1343,21 +1344,26 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
                 }
                 return;
               }
-              const setterSetVal = () => {
+              const parsedValue = parsePropertyValue(
+                newValue,
+                memberFlags);
+              const setterSetVal = (val) => {
                 const currentValue = ref.$lazyInstance$[memberName];
                 if (!ref.$instanceValues$.get(memberName) && currentValue) {
                   ref.$instanceValues$.set(memberName, currentValue);
                 }
-                ref.$lazyInstance$[memberName] = parsePropertyValue(
-                  newValue,
-                  memberFlags);
+                ref.$lazyInstance$[memberName] = val;
                 setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
               };
               if (ref.$lazyInstance$) {
-                setterSetVal();
+                setterSetVal(parsedValue);
               } else {
+                ref.$instanceValues$.set(memberName, parsedValue);
                 ref.$fetchedCbList$.push(() => {
-                  setterSetVal();
+                  const pendingValue = ref.$instanceValues$.get(memberName);
+                  if (ref.$lazyInstance$[memberName] !== pendingValue) {
+                    setterSetVal(pendingValue);
+                  }
                 });
               }
             }
@@ -1394,13 +1400,20 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
             return;
           }
           const propFlags = members.find(([m]) => m === propName);
-          const isBooleanTarget = propFlags && propFlags[1][0] & 4 /* Boolean */;
+          const propMemberFlags = propFlags ? propFlags[1][0] : 0;
+          const isBooleanTarget = propMemberFlags & 4 /* Boolean */;
+          if (propMemberFlags & 512 /* ReflectAttr */ && propMemberFlags & 8 /* Any */ && // a complex value is never written to an attribute, so a change while the prop holds
+          // one is always external
+          !isComplexType(this[propName]) && reflectedAttrValue(this[propName]) === newValue) {
+            return;
+          }
           const isSpuriousBooleanRemoval = isBooleanTarget && newValue === null && this[propName] === void 0;
           if (isBooleanTarget) {
             newValue = newValue === null || newValue === "false" ? false : true;
           }
+          const currentValue = propMemberFlags & 4096 /* Setter */ ? hostRef.$instanceValues$.get(propName) : this[propName];
           const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
-          if (!isSpuriousBooleanRemoval && newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
+          if (!isSpuriousBooleanRemoval && newValue != currentValue && (!propDesc.get || !!propDesc.set)) {
             this[propName] = newValue;
           }
         });

package/dist/cjs/loader.cjs.js CHANGED Viewed

@@ -1,11 +1,11 @@
 'use strict';
-var index = require('./index-DHVw-IPK.js');
+var index = require('./index-CdAh5BFg.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await index.globalScripts();
-  return index.bootstrapLazy([["bs-input.cjs",[[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-attachment.cjs",[[513,"bs-attachment",{"type":[1],"fileName":[1,"file-name"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"loading":[4],"removable":[4]}]]],["bs-breadcrumb-overflow.cjs",[[513,"bs-breadcrumb-overflow",{"items":[16],"overflowLabel":[1,"overflow-label"],"size":[513],"open":[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]]],["bs-chatbot-header.cjs",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["bs-dialog.cjs",[[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.cjs",[[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.cjs",[[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-ai-disclaimer.cjs",[[257,"bs-ai-disclaimer"]]],["bs-ai-greeting.cjs",[[513,"bs-ai-greeting",{"assistantName":[1,"assistant-name"],"productName":[1,"product-name"]}]]],["bs-ai-thinking.cjs",[[513,"bs-ai-thinking",{"label":[1]}]]],["bs-attachment-list.cjs",[[769,"bs-attachment-list",{"ariaLabel":[1,"aria-label"],"canScrollRight":[32]}]]],["bs-avatar.cjs",[[513,"bs-avatar",{"type":[1],"size":[1],"initials":[1],"src":[1],"alt":[1],"ariaLabel":[1,"aria-label"],"disabled":[516]}]]],["bs-badge.cjs",[[769,"bs-badge",{"variant":[1]}]]],["bs-breadcrumb.cjs",[[769,"bs-breadcrumb",{"href":[1],"current":[516],"size":[513]}]]],["bs-breadcrumbs.cjs",[[769,"bs-breadcrumbs",{"label":[1],"size":[1]},null,{"size":[{"onSizeChange":0}]}]]],["bs-button.cjs",[[785,"bs-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasEndIcon":[32],"hasLabel":[32]}]]],["bs-button-skeleton.cjs",[[513,"bs-button-skeleton",{"size":[1]}]]],["bs-card.cjs",[[769,"bs-card",{"surface":[1],"hasImage":[32]}]]],["bs-chatbot-feedback.cjs",[[513,"bs-chatbot-feedback",{"rating":[1538],"submitted":[1540],"comment":[1025],"heading":[1],"subtitle":[1]}]]],["bs-chatbot-response-action.cjs",[[769,"bs-chatbot-response-action",{"sourcesCount":[2,"sources-count"],"menuOpen":[1540,"menu-open"]},[[4,"click","onDocumentClick"],[4,"keydown","onKeydown"]]]]],["bs-chatbot-sources-drawer.cjs",[[769,"bs-chatbot-sources-drawer",{"heading":[1],"count":[2],"slottedCount":[32]}]]],["bs-chatbot-suggestion-button.cjs",[[769,"bs-chatbot-suggestion-button",{"disabled":[4]}]]],["bs-checkbox.cjs",[[785,"bs-checkbox",{"size":[1],"checked":[1540],"indeterminate":[1540],"disabled":[4],"error":[4],"ariaLabel":[1,"aria-label"]},null,{"indeterminate":[{"onIndeterminateChange":0}]}]]],["bs-checkbox-skeleton.cjs",[[513,"bs-checkbox-skeleton",{"size":[1]}]]],["bs-composer.cjs",[[785,"bs-composer",{"variant":[1],"placeholder":[1],"value":[1],"state":[1],"ariaLabel":[1,"aria-label"],"hasAttachments":[32]}]]],["bs-composer-status-banner.cjs",[[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.cjs",[[513,"bs-data-table",{"columns":[16],"rows":[16],"sortColumn":[1,"sort-column"],"sortDirection":[1,"sort-direction"],"selectable":[4],"cellRenderer":[16],"selectedIds":[32]}]]],["bs-inline-tab.cjs",[[769,"bs-inline-tab",{"selected":[516],"disabled":[4],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasLabel":[32]}]]],["bs-navigation-drawer-item.cjs",[[769,"bs-navigation-drawer-item",{"selected":[516],"expandable":[4],"expanded":[1540],"nested":[4],"ariaLabel":[1,"aria-label"],"collapsed":[516],"hasIcon":[32]}]]],["bs-pagination.cjs",[[513,"bs-pagination",{"totalPages":[2,"total-pages"],"currentPage":[1538,"current-page"],"siblingCount":[2,"sibling-count"],"previousLabel":[1,"previous-label"],"nextLabel":[1,"next-label"]}]]],["bs-radio.cjs",[[785,"bs-radio",{"name":[1],"value":[1],"checked":[1540],"disabled":[4]}]]],["bs-slider.cjs",[[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-snackbar.cjs",[[769,"bs-snackbar",{"variant":[1],"loading":[4],"actionLabel":[1,"action-label"]}]]],["bs-source-link.cjs",[[769,"bs-source-link",{"fileName":[1,"file-name"],"sourceName":[1,"source-name"],"version":[1],"href":[1],"target":[1]}]]],["bs-switch.cjs",[[785,"bs-switch",{"size":[1],"checked":[1540],"disabled":[4],"ariaLabel":[1,"aria-label"]}]]],["bs-tab.cjs",[[769,"bs-tab",{"selected":[516],"disabled":[4],"iconPosition":[1,"icon-position"],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasLabel":[32],"hasBadge":[32]}]]],["bs-tabs.cjs",[[769,"bs-tabs",{"type":[1],"orientation":[1]},[[0,"bsSelect","onTabSelect"]]]]],["bs-menu-item.cjs",[[769,"bs-menu-item",{"disabled":[4],"hasIcon":[32]}]]],["bs-tooltip.cjs",[[769,"bs-tooltip",{"placement":[1]}]]],["bs-icon-button.cjs",[[785,"bs-icon-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"]}]]],["bs-logo.cjs",[[513,"bs-logo",{"variant":[1],"background":[1],"src":[1],"alt":[1]}]]],["bs-menu.cjs",[[257,"bs-menu"]]]], options);
+  return index.bootstrapLazy([["bs-input.cjs",[[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-attachment.cjs",[[513,"bs-attachment",{"type":[1],"fileName":[1,"file-name"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"loading":[4],"removable":[4]}]]],["bs-breadcrumb-overflow.cjs",[[513,"bs-breadcrumb-overflow",{"items":[16],"overflowLabel":[1,"overflow-label"],"size":[513],"open":[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]]],["bs-chatbot-header.cjs",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["bs-dialog.cjs",[[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.cjs",[[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.cjs",[[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-ai-disclaimer.cjs",[[257,"bs-ai-disclaimer"]]],["bs-ai-greeting.cjs",[[513,"bs-ai-greeting",{"assistantName":[1,"assistant-name"],"productName":[1,"product-name"]}]]],["bs-ai-thinking.cjs",[[513,"bs-ai-thinking",{"label":[1]}]]],["bs-attachment-list.cjs",[[769,"bs-attachment-list",{"ariaLabel":[1,"aria-label"],"canScrollRight":[32]}]]],["bs-avatar.cjs",[[513,"bs-avatar",{"type":[1],"size":[1],"initials":[1],"src":[1],"alt":[1],"ariaLabel":[1,"aria-label"],"disabled":[516]}]]],["bs-badge.cjs",[[769,"bs-badge",{"variant":[1]}]]],["bs-breadcrumb.cjs",[[769,"bs-breadcrumb",{"href":[1],"current":[516],"size":[513]}]]],["bs-breadcrumbs.cjs",[[769,"bs-breadcrumbs",{"label":[1],"size":[1]},null,{"size":[{"onSizeChange":0}]}]]],["bs-button.cjs",[[785,"bs-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasEndIcon":[32],"hasLabel":[32]}]]],["bs-button-skeleton.cjs",[[513,"bs-button-skeleton",{"size":[1]}]]],["bs-card.cjs",[[769,"bs-card",{"surface":[1],"hasImage":[32]}]]],["bs-chatbot-feedback.cjs",[[513,"bs-chatbot-feedback",{"rating":[1538],"submitted":[1540],"comment":[1025],"heading":[1],"subtitle":[1]}]]],["bs-chatbot-response-action.cjs",[[769,"bs-chatbot-response-action",{"sourcesCount":[2,"sources-count"],"menuOpen":[1540,"menu-open"]},[[4,"click","onDocumentClick"],[4,"keydown","onKeydown"]]]]],["bs-chatbot-sources-drawer.cjs",[[769,"bs-chatbot-sources-drawer",{"heading":[1],"count":[2],"slottedCount":[32]}]]],["bs-chatbot-suggestion-button.cjs",[[769,"bs-chatbot-suggestion-button",{"disabled":[4]}]]],["bs-checkbox.cjs",[[785,"bs-checkbox",{"size":[1],"checked":[1540],"indeterminate":[1540],"disabled":[4],"error":[4],"ariaLabel":[1,"aria-label"]},null,{"indeterminate":[{"onIndeterminateChange":0}]}]]],["bs-checkbox-skeleton.cjs",[[513,"bs-checkbox-skeleton",{"size":[1]}]]],["bs-chip-filter.cjs",[[785,"bs-chip-filter",{"size":[1],"selected":[1540],"dropdown":[4],"disabled":[4],"ariaLabel":[1,"aria-label"],"hasIcon":[32]}]]],["bs-chip-informative.cjs",[[769,"bs-chip-informative",{"color":[1],"size":[1],"disabled":[516],"hasIcon":[32]}]]],["bs-chip-input.cjs",[[785,"bs-chip-input",{"size":[1],"selected":[1540],"disabled":[516],"hasIcon":[32],"labelText":[32]}]]],["bs-composer.cjs",[[785,"bs-composer",{"variant":[1],"placeholder":[1],"value":[1],"state":[1],"ariaLabel":[1,"aria-label"],"hasAttachments":[32]}]]],["bs-composer-status-banner.cjs",[[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.cjs",[[513,"bs-data-table",{"columns":[16],"rows":[16],"sortColumn":[1,"sort-column"],"sortDirection":[1,"sort-direction"],"selectable":[4],"cellRenderer":[16],"selectedIds":[32]}]]],["bs-inline-tab.cjs",[[769,"bs-inline-tab",{"selected":[516],"disabled":[4],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasLabel":[32]}]]],["bs-navigation-drawer-item.cjs",[[769,"bs-navigation-drawer-item",{"selected":[516],"expandable":[4],"expanded":[1540],"nested":[4],"ariaLabel":[1,"aria-label"],"collapsed":[516],"hasIcon":[32]}]]],["bs-pagination.cjs",[[513,"bs-pagination",{"totalPages":[2,"total-pages"],"currentPage":[1538,"current-page"],"siblingCount":[2,"sibling-count"],"previousLabel":[1,"previous-label"],"nextLabel":[1,"next-label"]}]]],["bs-radio.cjs",[[785,"bs-radio",{"name":[1],"value":[1],"checked":[1540],"disabled":[4]}]]],["bs-slider.cjs",[[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-snackbar.cjs",[[769,"bs-snackbar",{"variant":[1],"loading":[4],"actionLabel":[1,"action-label"]}]]],["bs-source-link.cjs",[[769,"bs-source-link",{"fileName":[1,"file-name"],"sourceName":[1,"source-name"],"version":[1],"href":[1],"target":[1]}]]],["bs-stepper.cjs",[[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.cjs",[[513,"bs-stepper-step",{"name":[1],"description":[1],"error":[4],"disabled":[4],"computedState":[1,"computed-state"],"direction":[1],"showDescription":[4,"show-description"]}]]],["bs-switch.cjs",[[785,"bs-switch",{"size":[1],"checked":[1540],"disabled":[4],"ariaLabel":[1,"aria-label"]}]]],["bs-tab.cjs",[[769,"bs-tab",{"selected":[516],"disabled":[4],"iconPosition":[1,"icon-position"],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasLabel":[32],"hasBadge":[32]}]]],["bs-tabs.cjs",[[769,"bs-tabs",{"type":[1],"orientation":[1]},[[0,"bsSelect","onTabSelect"]]]]],["bs-menu-item.cjs",[[769,"bs-menu-item",{"disabled":[4],"hasIcon":[32]}]]],["bs-tooltip.cjs",[[769,"bs-tooltip",{"placement":[1]}]]],["bs-icon-button.cjs",[[785,"bs-icon-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"]}]]],["bs-logo.cjs",[[513,"bs-logo",{"variant":[1],"background":[1],"src":[1],"alt":[1]}]]],["bs-menu.cjs",[[257,"bs-menu"]]]], options);
 };
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json CHANGED Viewed

@@ -8,6 +8,9 @@
     "components/bs-button/bs-button/bs-button.js",
     "components/bs-card/bs-card.js",
     "components/bs-checkbox/bs-checkbox.js",
+    "components/bs-chip/bs-chip-filter/bs-chip-filter.js",
+    "components/bs-chip/bs-chip-informative/bs-chip-informative.js",
+    "components/bs-chip/bs-chip-input/bs-chip-input.js",
     "components/bs-composer/bs-composer.js",
     "components/bs-composer-status-banner/bs-composer-status-banner.js",
     "components/bs-data-table/bs-data-table.js",
@@ -17,6 +20,7 @@
     "components/ui-shell/bs-navigation-header/bs-navigation-header/bs-navigation-header.js",
     "components/bs-slider/bs-slider.js",
     "components/bs-snackbar/bs-snackbar.js",
+    "components/bs-stepper/bs-stepper-step/bs-stepper-step.js",
     "components/bs-switch/bs-switch.js",
     "components/bs-tab/bs-tab/bs-tab.js",
     "components/bs-tab/bs-tabs/bs-tabs.js",
@@ -38,6 +42,7 @@
     "components/bs-pagination/bs-pagination.js",
     "components/bs-radio/bs-radio.js",
     "components/bs-source-link/bs-source-link.js",
+    "components/bs-stepper/bs-stepper/bs-stepper.js",
     "components/bs-tab/bs-inline-tab/bs-inline-tab.js",
     "components/bs-tooltip/bs-tooltip.js",
     "components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.js",
@@ -46,7 +51,7 @@
   "mixins": [],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.44.0",
+    "version": "4.45.1",
     "typescriptVersion": "5.8.3"
   },
   "collections": [],

package/dist/collection/components/bs-ai-disclaimer/bs-ai-disclaimer.js CHANGED Viewed

@@ -25,7 +25,7 @@ import { h } from "@stencil/core";
 export class BsAiDisclaimer {
     render() {
         https: //images.unsplash.com/photo-1512917774080-9991f1c4c750?w=200&h=200&fit=crop
-         return (h("div", { key: '4ef6ca1bd71846f361322763d4a8a9b629da9c33', class: "bs-ai-disclaimer" }, h("p", { key: '62ae8fe04dfcba8c357a4bc2e540a86c02faa961', part: "text", class: "bs-ai-disclaimer__text" }, h("slot", { key: '229c78f58ac3a9868492e82434ff894a20f29613' }))));
+         return (h("div", { key: '2ebacb40774ec65555fc1f6ab28e9f60022f3f3e', class: "bs-ai-disclaimer" }, h("p", { key: 'cde0cdde60f7825c49552b25b8b5ac4069325e43', part: "text", class: "bs-ai-disclaimer__text" }, h("slot", { key: '110cca842da5f8d31a5100b6550650c8270e7b9c' }))));
     }
     static get is() { return "bs-ai-disclaimer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-ai-greeting/bs-ai-greeting.js CHANGED Viewed

@@ -43,7 +43,7 @@ export class BsAiGreeting {
         const subtext = this.productName
             ? `How can I help you with ${this.productName} today?`
             : 'How can I help you today?';
-        return (h("div", { key: 'f3cfd0ecf060abf18c9f043f8ebbe7d93926e044', class: "bs-ai-greeting" }, h("div", { key: 'e1cb5cba1752e5261a750734db768e32f8ce7723', part: "heading", class: "bs-ai-greeting__heading" }, h("p", { key: '31e0f592eb17a6c48f407837e37b29cd8b580cde', class: "bs-ai-greeting__heading-line" }, "Hi. I'm ", this.assistantName, ","), h("p", { key: 'd35c3fb4df5d90eccef75638881f27e37d379ded', class: "bs-ai-greeting__heading-line" }, "your AI assistant.")), h("p", { key: 'cb7d9a8081c0128f8e24eb165cf7857bcb82cdeb', part: "subtext", class: "bs-ai-greeting__subtext" }, subtext)));
+        return (h("div", { key: '3b5d5e7a20181a4236ab52d244c51a55f9a9337b', class: "bs-ai-greeting" }, h("div", { key: '5dd99058cbff9047f7300b29f20a59f8e3d2343e', part: "heading", class: "bs-ai-greeting__heading" }, h("p", { key: '15f7e32e7d473eeae6bc21201f503385241dee64', class: "bs-ai-greeting__heading-line" }, "Hi. I'm ", this.assistantName, ","), h("p", { key: 'cb4d2b1aaa4aaf3f958334215892e4bd4f42de93', class: "bs-ai-greeting__heading-line" }, "your AI assistant.")), h("p", { key: '168218d5b0577672ca86ecfa36f038b6478fcd6c', part: "subtext", class: "bs-ai-greeting__subtext" }, subtext)));
     }
     static get is() { return "bs-ai-greeting"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-ai-thinking/bs-ai-thinking.js CHANGED Viewed

@@ -29,7 +29,7 @@ export class BsAiThinking {
     /** The status text shown next to the icon, e.g. "Retrieving", "Thinking", "Searching". */
     label = 'Thinking';
     render() {
-        return (h("div", { key: '312409b5eb383fc321814784c036841e43b6311e', class: "bs-ai-thinking", role: "status", "aria-live": "polite" }, h("img", { key: 'c98b5fdff23e9911cb946774e98b2f308838cf4d', part: "icon", class: "bs-ai-thinking__icon", src: GENIE_MARK_ICON, alt: "", "aria-hidden": "true" }), h("span", { key: '65d4193a343877b05e031c36e03c9faa5a439db6', part: "label", class: "bs-ai-thinking__label" }, this.label)));
+        return (h("div", { key: '39540fe852685c64654e4833919668581b3802d7', class: "bs-ai-thinking", role: "status", "aria-live": "polite" }, h("img", { key: '46c79569610aeec4b74c7abb96d8d3002101fa7a', part: "icon", class: "bs-ai-thinking__icon", src: GENIE_MARK_ICON, alt: "", "aria-hidden": "true" }), h("span", { key: 'ec44f4be28d12c606731e3b4b89a6e62b3e9bc88', part: "label", class: "bs-ai-thinking__label" }, this.label)));
     }
     static get is() { return "bs-ai-thinking"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-attachment/bs-attachment.js CHANGED Viewed

@@ -81,7 +81,7 @@ export class BsAttachment {
                     "references": {
                         "BsAttachmentType": {
                             "location": "local",
-                            "path": "/Users/vivka/brandsync-web-components/src/components/bs-attachment/bs-attachment.tsx",
+                            "path": "/home/runner/work/Brandsync-web-components/Brandsync-web-components/packages/wc/src/components/bs-attachment/bs-attachment.tsx",
                             "id": "src/components/bs-attachment/bs-attachment.tsx::BsAttachmentType"
                         }
                     }

package/dist/collection/components/bs-attachment-list/bs-attachment-list.js CHANGED Viewed

@@ -58,7 +58,7 @@ export class BsAttachmentList {
         this.canScrollRight = row.scrollWidth - row.clientWidth - row.scrollLeft > 1;
     };
     render() {
-        return (h("div", { key: '41159aec889d4dfa26d368b1d24f8678856da661', class: "bs-attachment-list" }, h("div", { key: '0e3c29de5f945209e9b91b406bd287524f41d801', part: "row", class: "bs-attachment-list__row", ref: el => (this.row = el), onScroll: this.onScroll, role: "group", "aria-label": this.ariaLabel, tabIndex: 0 }, h("slot", { key: '657b063a8a38e176bf8bae6234f9db02b18ab7c4', onSlotchange: this.onSlotchange })), this.canScrollRight && h("div", { key: '1331fa30ed368f253e95812343356fc22a0280c7', part: "fade", class: "bs-attachment-list__fade", "aria-hidden": "true" })));
+        return (h("div", { key: 'a7dac0085158f2b62c460be80f7abdb1cdb80921', class: "bs-attachment-list" }, h("div", { key: '64a5a378cad9f5b01d1020f71df4f44e63e56f39', part: "row", class: "bs-attachment-list__row", ref: el => (this.row = el), onScroll: this.onScroll, role: "group", "aria-label": this.ariaLabel, tabIndex: 0 }, h("slot", { key: '5a457664c5e14369db34485f613efd3681b809e1', onSlotchange: this.onSlotchange })), this.canScrollRight && h("div", { key: '18a11b329cf00a60ce329d1c47d4cf438e76682a', part: "fade", class: "bs-attachment-list__fade", "aria-hidden": "true" })));
     }
     static get is() { return "bs-attachment-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-avatar/bs-avatar.js CHANGED Viewed

@@ -96,7 +96,7 @@ export class BsAvatar {
                     "references": {
                         "BsAvatarType": {
                             "location": "local",
-                            "path": "/Users/vivka/brandsync-web-components/src/components/bs-avatar/bs-avatar.tsx",
+                            "path": "/home/runner/work/Brandsync-web-components/Brandsync-web-components/packages/wc/src/components/bs-avatar/bs-avatar.tsx",
                             "id": "src/components/bs-avatar/bs-avatar.tsx::BsAvatarType"
                         }
                     }
@@ -122,7 +122,7 @@ export class BsAvatar {
                     "references": {
                         "BsAvatarSize": {
                             "location": "local",
-                            "path": "/Users/vivka/brandsync-web-components/src/components/bs-avatar/bs-avatar.tsx",
+                            "path": "/home/runner/work/Brandsync-web-components/Brandsync-web-components/packages/wc/src/components/bs-avatar/bs-avatar.tsx",
                             "id": "src/components/bs-avatar/bs-avatar.tsx::BsAvatarSize"
                         }
                     }

package/dist/collection/components/bs-badge/bs-badge.js CHANGED Viewed

@@ -42,7 +42,7 @@ export class BsBadge {
                     "references": {
                         "BsBadgeVariant": {
                             "location": "local",
-                            "path": "/Users/vivka/brandsync-web-components/src/components/bs-badge/bs-badge.tsx",
+                            "path": "/home/runner/work/Brandsync-web-components/Brandsync-web-components/packages/wc/src/components/bs-badge/bs-badge.tsx",
                             "id": "src/components/bs-badge/bs-badge.tsx::BsBadgeVariant"
                         }
                     }

package/dist/collection/components/bs-breadcrumb/bs-breadcrumb/bs-breadcrumb.js CHANGED Viewed

@@ -107,7 +107,7 @@ export class BsBreadcrumb {
                     "references": {
                         "BsBreadcrumbSize": {
                             "location": "local",
-                            "path": "/Users/vivka/brandsync-web-components/src/components/bs-breadcrumb/bs-breadcrumb/bs-breadcrumb.tsx",
+                            "path": "/home/runner/work/Brandsync-web-components/Brandsync-web-components/packages/wc/src/components/bs-breadcrumb/bs-breadcrumb/bs-breadcrumb.tsx",
                             "id": "src/components/bs-breadcrumb/bs-breadcrumb/bs-breadcrumb.tsx::BsBreadcrumbSize"
                         }
                     }

package/dist/collection/components/bs-breadcrumb/bs-breadcrumb-overflow/bs-breadcrumb-overflow.js CHANGED Viewed

@@ -102,7 +102,7 @@ export class BsBreadcrumbOverflow {
                     "references": {
                         "BsBreadcrumbOverflowItem": {
                             "location": "local",
-                            "path": "/Users/vivka/brandsync-web-components/src/components/bs-breadcrumb/bs-breadcrumb-overflow/bs-breadcrumb-overflow.tsx",
+                            "path": "/home/runner/work/Brandsync-web-components/Brandsync-web-components/packages/wc/src/components/bs-breadcrumb/bs-breadcrumb-overflow/bs-breadcrumb-overflow.tsx",
                             "id": "src/components/bs-breadcrumb/bs-breadcrumb-overflow/bs-breadcrumb-overflow.tsx::BsBreadcrumbOverflowItem"
                         }
                     }

package/dist/collection/components/bs-breadcrumb/bs-breadcrumbs/bs-breadcrumbs.js CHANGED Viewed

@@ -54,7 +54,7 @@ export class BsBreadcrumbs {
         });
     }
     render() {
-        return (h("nav", { key: '3c43764b85bd94690f5cbf15a0ccf919abfe9e2a', "aria-label": this.label }, h("ol", { key: '768ffd6bdc4714ee6f5fd294c6ed3db05c9dbe0c', part: "list", class: "bs-breadcrumbs__list" }, h("slot", { key: '3c78a3270f64331f8b2aa5d958d7d228e4fa68c1', onSlotchange: this.onSlotChange }))));
+        return (h("nav", { key: '78fdf60e00f529cc0eb22f1324f0dd10967d699f', "aria-label": this.label }, h("ol", { key: 'cbee64570bda35661b2ec1e3cd9ad4545f7c9b71', part: "list", class: "bs-breadcrumbs__list" }, h("slot", { key: 'f9043b5c356e1aee95b0bcbb28ac01e829e32450', onSlotchange: this.onSlotChange }))));
     }
     static get is() { return "bs-breadcrumbs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-button/bs-button/bs-button.js CHANGED Viewed

@@ -131,7 +131,7 @@ export class BsButton {
                     "references": {
                         "BsButtonVariant": {
                             "location": "local",
-                            "path": "/Users/vivka/brandsync-web-components/src/components/bs-button/bs-button/bs-button.tsx",
+                            "path": "/home/runner/work/Brandsync-web-components/Brandsync-web-components/packages/wc/src/components/bs-button/bs-button/bs-button.tsx",
                             "id": "src/components/bs-button/bs-button/bs-button.tsx::BsButtonVariant"
                         }
                     }
@@ -157,7 +157,7 @@ export class BsButton {
                     "references": {
                         "BsButtonSize": {
                             "location": "local",
-                            "path": "/Users/vivka/brandsync-web-components/src/components/bs-button/bs-button/bs-button.tsx",
+                            "path": "/home/runner/work/Brandsync-web-components/Brandsync-web-components/packages/wc/src/components/bs-button/bs-button/bs-button.tsx",
                             "id": "src/components/bs-button/bs-button/bs-button.tsx::BsButtonSize"
                         }
                     }

package/dist/collection/components/bs-button/bs-icon-button/bs-icon-button.js CHANGED Viewed

@@ -50,7 +50,7 @@ export class BsIconButton {
      */
     ariaLabel = null;
     render() {
-        return (h("button", { key: '174cb1f4c7eb14ba404991cebf081ecd25294faf', class: `bs-icon-button bs-icon-button--${this.variant} bs-icon-button--${this.size}`, type: this.type, disabled: this.disabled, "aria-label": this.ariaLabel }, h("span", { key: '613f2701ee211ead437c5137344db4f7e3de1893', part: "icon", class: "bs-icon-button__icon" }, h("slot", { key: '4f7053179b9ce70eb82731f01b5b0b33f9911240' }))));
+        return (h("button", { key: '59709048e7339610a80a8c19ee55276d420a21db', class: `bs-icon-button bs-icon-button--${this.variant} bs-icon-button--${this.size}`, type: this.type, disabled: this.disabled, "aria-label": this.ariaLabel }, h("span", { key: '008f553d50091ba49f568d82de27a35871b9a66d', part: "icon", class: "bs-icon-button__icon" }, h("slot", { key: '5365a00665a7de5a64af0793862552a1057ac110' }))));
     }
     static get is() { return "bs-icon-button"; }
     static get encapsulation() { return "shadow"; }
@@ -76,7 +76,7 @@ export class BsIconButton {
                     "references": {
                         "BsIconButtonVariant": {
                             "location": "local",
-                            "path": "/Users/vivka/brandsync-web-components/src/components/bs-button/bs-icon-button/bs-icon-button.tsx",
+                            "path": "/home/runner/work/Brandsync-web-components/Brandsync-web-components/packages/wc/src/components/bs-button/bs-icon-button/bs-icon-button.tsx",
                             "id": "src/components/bs-button/bs-icon-button/bs-icon-button.tsx::BsIconButtonVariant"
                         }
                     }
@@ -102,7 +102,7 @@ export class BsIconButton {
                     "references": {
                         "BsIconButtonSize": {
                             "location": "local",
-                            "path": "/Users/vivka/brandsync-web-components/src/components/bs-button/bs-icon-button/bs-icon-button.tsx",
+                            "path": "/home/runner/work/Brandsync-web-components/Brandsync-web-components/packages/wc/src/components/bs-button/bs-icon-button/bs-icon-button.tsx",
                             "id": "src/components/bs-button/bs-icon-button/bs-icon-button.tsx::BsIconButtonSize"
                         }
                     }

package/dist/collection/components/bs-button-skeleton/bs-button-skeleton.js CHANGED Viewed

@@ -25,7 +25,7 @@ export class BsButtonSkeleton {
     /** Sizing scale, matching the `bs-button` size it stands in for. */
     size = 'md';
     render() {
-        return h("span", { key: '3fac3516a35e12ebe5f26d83c1e6df05bf087642', part: "container", class: `bs-button-skeleton bs-button-skeleton--${this.size}`, role: "status", "aria-label": "Loading" });
+        return h("span", { key: '92978f22d97f10af0260603de5137bfa34bbc717', part: "container", class: `bs-button-skeleton bs-button-skeleton--${this.size}`, role: "status", "aria-label": "Loading" });
     }
     static get is() { return "bs-button-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-card/bs-card.css CHANGED Viewed

@@ -11,6 +11,12 @@
   overflow: hidden;
   border-radius: var(--bs-border-radius-100);
   font-family: inherit;
+  /* No color rule existed anywhere in this file before this -- slotted header/body/footer content
+     inherited whatever color the *consuming page* happened to have, not this card's own themed
+     token, so it stayed browser-default black even against a dark surface in dark mode (confirmed
+     via a real computed-style check: rgb(0, 0, 0) regardless of theme). Same bug, same fix, as
+     bs-dialog's own identical color rule on .bs-dialog__dialog. */
+  color: var(--bs-text-default);
 }
 .bs-card--base {

package/dist/collection/components/bs-card/bs-card.js CHANGED Viewed

@@ -59,7 +59,7 @@ export class BsCard {
                     "references": {
                         "BsCardSurface": {
                             "location": "local",
-                            "path": "/Users/vivka/brandsync-web-components/src/components/bs-card/bs-card.tsx",
+                            "path": "/home/runner/work/Brandsync-web-components/Brandsync-web-components/packages/wc/src/components/bs-card/bs-card.tsx",
                             "id": "src/components/bs-card/bs-card.tsx::BsCardSurface"
                         }
                     }