@brandsync/wc 0.0.9 → 0.0.11
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.
- package/custom-elements.json +310 -0
- package/dist/brandsync-wc/brandsync-wc.esm.js +1 -1
- package/dist/brandsync-wc/{p-8d12ed96.entry.js → p-030a8ba7.entry.js} +1 -1
- package/dist/brandsync-wc/p-073e5fee.entry.js +1 -0
- package/dist/brandsync-wc/{p-ce0914a7.entry.js → p-0b858120.entry.js} +1 -1
- package/dist/brandsync-wc/{p-575ce905.entry.js → p-1bf0b2d5.entry.js} +1 -1
- package/dist/brandsync-wc/{p-bc72439a.entry.js → p-2598ca88.entry.js} +1 -1
- package/dist/brandsync-wc/p-3c8fbaa8.entry.js +1 -0
- package/dist/brandsync-wc/p-3dd9b814.entry.js +1 -0
- package/dist/brandsync-wc/{p-94ed898a.entry.js → p-41edb0a2.entry.js} +1 -1
- package/dist/brandsync-wc/{p-3dacae70.entry.js → p-4ca15322.entry.js} +1 -1
- package/dist/brandsync-wc/p-6254dcbe.entry.js +1 -0
- package/dist/brandsync-wc/{p-880ea3f8.entry.js → p-7131d0a1.entry.js} +1 -1
- package/dist/brandsync-wc/{p-a34f460d.entry.js → p-74a4dd91.entry.js} +1 -1
- package/dist/brandsync-wc/{p-30a0e168.entry.js → p-7a605d98.entry.js} +1 -1
- package/dist/brandsync-wc/{p-8a78d6ea.entry.js → p-84ae4420.entry.js} +1 -1
- package/dist/brandsync-wc/{p-16a54578.entry.js → p-8c302968.entry.js} +1 -1
- package/dist/brandsync-wc/{p-dd747a12.entry.js → p-8d78171b.entry.js} +1 -1
- package/dist/brandsync-wc/{p-7776b57b.entry.js → p-8dff4f24.entry.js} +1 -1
- package/dist/brandsync-wc/{p-dad4a92c.entry.js → p-93e44903.entry.js} +1 -1
- package/dist/brandsync-wc/{p-nLORuTUY.js → p-DP_bvuvB.js} +2 -2
- package/dist/brandsync-wc/{p-eb4d87f0.entry.js → p-aa45d877.entry.js} +1 -1
- package/dist/brandsync-wc/{p-805644e4.entry.js → p-b174403d.entry.js} +1 -1
- package/dist/brandsync-wc/{p-d682675e.entry.js → p-c6d330c3.entry.js} +1 -1
- package/dist/brandsync-wc/{p-1515498e.entry.js → p-d1dc2ced.entry.js} +1 -1
- package/dist/brandsync-wc/{p-18af02df.entry.js → p-dd224cb3.entry.js} +1 -1
- package/dist/cjs/brandsync-wc.cjs.js +2 -2
- package/dist/cjs/bs-ai-disclaimer.cjs.entry.js +2 -2
- package/dist/cjs/bs-ai-greeting.cjs.entry.js +2 -2
- package/dist/cjs/bs-ai-thinking.cjs.entry.js +2 -2
- package/dist/cjs/bs-attachment-list.cjs.entry.js +2 -2
- package/dist/cjs/bs-attachment.cjs.entry.js +1 -1
- package/dist/cjs/bs-badge.cjs.entry.js +1 -1
- package/dist/cjs/bs-button-skeleton.cjs.entry.js +2 -2
- package/dist/cjs/bs-button.cjs.entry.js +1 -1
- package/dist/cjs/bs-card.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-feedback.cjs.entry.js +2 -2
- package/dist/cjs/bs-chatbot-header.cjs.entry.js +2 -2
- package/dist/cjs/bs-chatbot-response-action.cjs.entry.js +2 -2
- package/dist/cjs/bs-chatbot-sources-drawer.cjs.entry.js +2 -2
- package/dist/cjs/bs-chatbot-suggestion-button.cjs.entry.js +2 -2
- package/dist/cjs/bs-checkbox.cjs.entry.js +83 -0
- package/dist/cjs/bs-composer-status-banner.cjs.entry.js +2 -2
- package/dist/cjs/bs-composer.cjs.entry.js +2 -2
- package/dist/cjs/bs-data-table.cjs.entry.js +3 -3
- package/dist/cjs/bs-input.cjs.entry.js +3 -3
- package/dist/cjs/bs-menu_2.cjs.entry.js +9 -4
- package/dist/cjs/bs-modal.cjs.entry.js +1 -1
- package/dist/cjs/bs-source-link.cjs.entry.js +3 -3
- package/dist/cjs/bs-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/{index-CVh-sqA_.js → index-CGrdFg95.js} +73 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/bs-ai-disclaimer/bs-ai-disclaimer.js +1 -1
- package/dist/collection/components/bs-ai-greeting/bs-ai-greeting.js +1 -1
- package/dist/collection/components/bs-ai-thinking/bs-ai-thinking.js +1 -1
- package/dist/collection/components/bs-attachment-list/bs-attachment-list.js +1 -1
- package/dist/collection/components/bs-button-skeleton/bs-button-skeleton.js +1 -1
- package/dist/collection/components/bs-chatbot-feedback/bs-chatbot-feedback.js +1 -1
- package/dist/collection/components/bs-chatbot-header/bs-chatbot-header.js +1 -1
- package/dist/collection/components/bs-chatbot-response-action/bs-chatbot-response-action.js +1 -1
- package/dist/collection/components/bs-chatbot-sources-drawer/bs-chatbot-sources-drawer.js +1 -1
- package/dist/collection/components/bs-chatbot-suggestion-button/bs-chatbot-suggestion-button.js +1 -1
- package/dist/collection/components/bs-checkbox/bs-checkbox.cmp.test.js +107 -0
- package/dist/collection/components/bs-checkbox/bs-checkbox.css +193 -0
- package/dist/collection/components/bs-checkbox/bs-checkbox.js +234 -0
- package/dist/collection/components/bs-checkbox/bs-checkbox.stories.js +65 -0
- package/dist/collection/components/bs-composer/bs-composer.js +1 -1
- package/dist/collection/components/bs-composer-status-banner/bs-composer-status-banner.js +1 -1
- package/dist/collection/components/bs-data-table/bs-data-table.js +2 -2
- package/dist/collection/components/bs-input/bs-input.js +2 -2
- package/dist/collection/components/bs-menu/bs-menu.js +1 -1
- package/dist/collection/components/bs-menu-item/bs-menu-item.cmp.test.js +18 -0
- package/dist/collection/components/bs-menu-item/bs-menu-item.css +19 -1
- package/dist/collection/components/bs-menu-item/bs-menu-item.js +34 -2
- package/dist/collection/components/bs-menu-item/bs-menu-item.stories.js +3 -0
- package/dist/collection/components/bs-source-link/bs-source-link.js +2 -2
- package/dist/collection/components/bs-tooltip/bs-tooltip.js +1 -1
- package/dist/components/bs-ai-disclaimer.js +1 -1
- package/dist/components/bs-ai-greeting.js +1 -1
- package/dist/components/bs-ai-thinking.js +1 -1
- package/dist/components/bs-attachment-list.js +1 -1
- package/dist/components/bs-attachment.js +1 -1
- package/dist/components/bs-badge.js +1 -1
- package/dist/components/bs-button-skeleton.js +1 -1
- package/dist/components/bs-button.js +1 -1
- package/dist/components/bs-card.js +1 -1
- package/dist/components/bs-chatbot-feedback.js +1 -1
- package/dist/components/bs-chatbot-header.js +1 -1
- package/dist/components/bs-chatbot-response-action.js +1 -1
- package/dist/components/bs-chatbot-sources-drawer.js +1 -1
- package/dist/components/bs-chatbot-suggestion-button.js +1 -1
- package/dist/components/bs-checkbox.d.ts +11 -0
- package/dist/components/bs-checkbox.js +1 -0
- package/dist/components/bs-composer-status-banner.js +1 -1
- package/dist/components/bs-composer.js +1 -1
- package/dist/components/bs-data-table.js +1 -1
- package/dist/components/bs-input.js +1 -1
- package/dist/components/bs-menu-item.js +1 -1
- package/dist/components/bs-menu.js +1 -1
- package/dist/components/bs-modal.js +1 -1
- package/dist/components/bs-source-link.js +1 -1
- package/dist/components/bs-tooltip.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-Cz2nfz2j.js → p-B9PrXIl_.js} +1 -1
- package/dist/components/{p-DndQiCMP.js → p-BUbGEXL7.js} +1 -1
- package/dist/components/{p-BpvhHQSw.js → p-D1cYtKyN.js} +1 -1
- package/dist/components/p-D2HDHZjz.js +1 -0
- package/dist/esm/brandsync-wc.js +3 -3
- package/dist/esm/bs-ai-disclaimer.entry.js +2 -2
- package/dist/esm/bs-ai-greeting.entry.js +2 -2
- package/dist/esm/bs-ai-thinking.entry.js +2 -2
- package/dist/esm/bs-attachment-list.entry.js +2 -2
- package/dist/esm/bs-attachment.entry.js +1 -1
- package/dist/esm/bs-badge.entry.js +1 -1
- package/dist/esm/bs-button-skeleton.entry.js +2 -2
- package/dist/esm/bs-button.entry.js +1 -1
- package/dist/esm/bs-card.entry.js +1 -1
- package/dist/esm/bs-chatbot-feedback.entry.js +2 -2
- package/dist/esm/bs-chatbot-header.entry.js +2 -2
- package/dist/esm/bs-chatbot-response-action.entry.js +2 -2
- package/dist/esm/bs-chatbot-sources-drawer.entry.js +2 -2
- package/dist/esm/bs-chatbot-suggestion-button.entry.js +2 -2
- package/dist/esm/bs-checkbox.entry.js +81 -0
- package/dist/esm/bs-composer-status-banner.entry.js +2 -2
- package/dist/esm/bs-composer.entry.js +2 -2
- package/dist/esm/bs-data-table.entry.js +3 -3
- package/dist/esm/bs-input.entry.js +3 -3
- package/dist/esm/bs-menu_2.entry.js +9 -4
- package/dist/esm/bs-modal.entry.js +1 -1
- package/dist/esm/bs-source-link.entry.js +3 -3
- package/dist/esm/bs-tooltip.entry.js +2 -2
- package/dist/esm/{index-nLORuTUY.js → index-DP_bvuvB.js} +73 -1
- package/dist/esm/loader.js +3 -3
- package/dist/types/components/bs-checkbox/bs-checkbox.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-checkbox/bs-checkbox.d.ts +53 -0
- package/dist/types/components/bs-checkbox/bs-checkbox.stories.d.ts +23 -0
- package/dist/types/components/bs-menu-item/bs-menu-item.d.ts +7 -1
- package/dist/types/components/bs-menu-item/bs-menu-item.stories.d.ts +1 -0
- package/dist/types/components.d.ts +165 -5
- package/package.json +1 -1
- package/dist/brandsync-wc/p-0d64ea40.entry.js +0 -1
- package/dist/brandsync-wc/p-5333bb5a.entry.js +0 -1
- package/dist/brandsync-wc/p-96f374be.entry.js +0 -1
- package/dist/components/p-_vXDfB3V.js +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-CGrdFg95.js');
|
|
4
4
|
|
|
5
5
|
const bsDataTableCss = () => `:host{display:block}.bs-data-table{width:100%;border-collapse:collapse;font-family:inherit;font-size:var(--bs-font-size-sm);color:var(--bs-text-default)}.bs-data-table__header-cell{text-align:left;padding:var(--bs-spacing-200) var(--bs-spacing-300);border-bottom:1px solid var(--bs-border-default);font-weight:var(--bs-font-weight-semibold);color:var(--bs-text-secondary);white-space:nowrap}.bs-data-table__sort-button{display:inline-flex;align-items:center;border:none;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;user-select:none}.bs-data-table__sort-button:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-data-table__sort-indicator{color:var(--bs-text-action)}.bs-data-table__row:hover{background:var(--bs-surface-hover)}.bs-data-table__cell{padding:var(--bs-spacing-200) var(--bs-spacing-300);border-bottom:1px solid var(--bs-border-default)}.bs-data-table__select-col{width:var(--bs-spacing-500);padding:var(--bs-spacing-200) var(--bs-spacing-300);border-bottom:1px solid var(--bs-border-default)}`;
|
|
6
6
|
|
|
@@ -43,11 +43,11 @@ const BsDataTable = class {
|
|
|
43
43
|
this.bsRowSelect.emit({ id: row.id, selected });
|
|
44
44
|
};
|
|
45
45
|
render() {
|
|
46
|
-
return (index.h("table", { key: '
|
|
46
|
+
return (index.h("table", { key: 'fac4ff9ccea077cebdb9a7e80759234b08f39420', part: "table", class: "bs-data-table" }, index.h("thead", { key: 'ffdf80f1945ac824cabaf2c405d7f46a60bada13', part: "head" }, index.h("tr", { key: 'a7105ca41522ffa29234058b8a77e7ecd6c51451' }, this.selectable && index.h("th", { key: '7388b969f17245485f096acc8eebca17a2c1295f', class: "bs-data-table__select-col" }), this.columns.map(column => {
|
|
47
47
|
const isSorted = this.sortColumn === column.key;
|
|
48
48
|
const ariaSort = column.sortable ? (isSorted ? (this.sortDirection === 'asc' ? 'ascending' : 'descending') : 'none') : undefined;
|
|
49
49
|
return (index.h("th", { part: "header-cell", class: "bs-data-table__header-cell", "aria-sort": ariaSort }, column.sortable ? (index.h("button", { type: "button", class: "bs-data-table__sort-button", onClick: () => this.onHeaderClick(column) }, column.label, isSorted && index.h("span", { class: "bs-data-table__sort-indicator" }, this.sortDirection === 'asc' ? ' ▲' : ' ▼'))) : (column.label)));
|
|
50
|
-
}))), index.h("tbody", { key: '
|
|
50
|
+
}))), index.h("tbody", { key: '47041704bc1fcde4047a2cf73f0cab402eafbc61', part: "body" }, this.rows.map(row => (index.h("tr", { part: "row", class: "bs-data-table__row" }, this.selectable && (index.h("td", { class: "bs-data-table__select-col" }, index.h("input", { type: "checkbox", checked: this.selectedIds.has(row.id), onChange: ev => this.onRowCheckboxChange(row, ev) }))), this.columns.map(column => this.cellRenderer ? (
|
|
51
51
|
// cellRenderer is a developer-supplied, trusted function (JS-property-only, never
|
|
52
52
|
// derived from untrusted input) -- its HTML output is intentionally not escaped,
|
|
53
53
|
// same trust model as React's dangerouslySetInnerHTML.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-CGrdFg95.js');
|
|
4
4
|
|
|
5
5
|
const bsInputCss = () => `:host{display:block;--bs-input-radius:var(--bs-border-radius-100);--bs-input-height:var(--bs-spacing-600);--bs-input-padding-x:var(--bs-spacing-150);--bs-input-padding-y:var(--bs-spacing-100);--bs-input-gap:var(--bs-spacing-200);--bs-input-icon-size:var(--bs-spacing-300);--bs-input-stack-gap:var(--bs-spacing-50);--bs-input-error-icon-size:var(--bs-spacing-250);--bs-input-field-bg:var(--bs-input-bg-default);--bs-input-field-bg-disabled:var(--bs-input-bg-disabled);--bs-input-field-border:var(--bs-input-border-default);--bs-input-field-border-hover:var(--bs-input-border-hover);--bs-input-field-border-focus:var(--bs-input-border-focus);--bs-input-field-border-error:var(--bs-input-border-error);--bs-input-field-text:var(--bs-input-text);--bs-input-field-placeholder:var(--bs-input-placeholder);--bs-input-label-color:var(--bs-input-label);--bs-input-description-color:var(--bs-input-description);--bs-input-error-color:var(--bs-input-error);--bs-input-icon-color:var(--bs-icon-muted);--bs-input-icon-color-error:var(--bs-input-icon-error);--bs-input-icon-color-disabled:var(--bs-input-icon-disabled);--bs-input-chip-bg:var(--bs-input-bg-disabled);--bs-input-chip-text:var(--bs-input-text)}.bs-input{display:flex;flex-direction:column;gap:var(--bs-input-stack-gap);font-family:inherit}.bs-input__label{font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);color:var(--bs-input-label-color)}.bs-input__required{color:var(--bs-input-error-color);margin-left:2px}.bs-input__field{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-input-gap);height:var(--bs-input-height);padding:var(--bs-input-padding-y) var(--bs-input-padding-x);border:1px solid var(--bs-input-field-border);border-radius:var(--bs-input-radius);background:var(--bs-input-field-bg)}.bs-input__field:hover:not(.bs-input__field--disabled){border-color:var(--bs-input-field-border-hover)}.bs-input__field:focus-within{border-color:var(--bs-input-field-border-focus)}.bs-input__field--error{border-color:var(--bs-input-field-border-error)}.bs-input__field--disabled{background:var(--bs-input-field-bg-disabled);cursor:not-allowed}.bs-input__control{flex:1;min-width:0;border:none;outline:none;padding:0;background:transparent;color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit}.bs-input__control::placeholder{color:var(--bs-input-field-placeholder)}.bs-input__control:disabled{color:var(--bs-input-text-disabled);cursor:not-allowed}.bs-input__control::-webkit-strong-password-auto-fill-button,.bs-input__control::-webkit-credentials-auto-fill-button{display:none !important;visibility:hidden;pointer-events:none;position:absolute;right:0}.bs-input__control::-webkit-textfield-decoration-container{visibility:hidden}.bs-input__control::-ms-reveal,.bs-input__control::-ms-clear{display:none}.bs-input--error .bs-input__label{color:var(--bs-input-label-color)}.bs-input__icon,.bs-input__end-icon{display:none;align-items:center;flex-shrink:0;color:var(--bs-input-icon-color)}.bs-input__icon--visible,.bs-input__end-icon--visible{display:flex}.bs-input__icon ::slotted(*),.bs-input__end-icon ::slotted(*){display:block;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field--error .bs-input__icon,.bs-input__field--error .bs-input__end-icon{color:var(--bs-input-icon-color-error)}.bs-input__field--disabled .bs-input__icon,.bs-input__field--disabled .bs-input__end-icon{color:var(--bs-input-icon-color-disabled)}.bs-input__description{font-size:var(--bs-font-size-xs);color:var(--bs-input-description-color)}.bs-input__error{display:flex;align-items:center;gap:var(--bs-input-stack-gap);font-size:var(--bs-font-size-xs);color:var(--bs-input-error-color)}.bs-input__error-icon{flex-shrink:0;width:var(--bs-input-error-icon-size);height:var(--bs-input-error-icon-size)}.bs-input__field--textarea{height:auto;align-items:flex-start}.bs-input__control--textarea{resize:vertical}.bs-input__stepper{display:flex;flex-direction:column}.bs-input__stepper-btn{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit;padding:0;cursor:pointer}.bs-input__stepper-btn:disabled{cursor:not-allowed}.bs-input__password-toggle{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit;padding:0;cursor:pointer;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__password-toggle:disabled{cursor:not-allowed}.bs-input__password-toggle svg{width:100%;height:100%}.bs-input__chevron{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field-wrapper{position:relative;width:100%}.bs-input__dropdown-menu{position:absolute;top:calc(100% + var(--bs-input-stack-gap));left:0;right:0;z-index:1}.bs-input__calendar{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__search-icon{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field--chip{flex-wrap:wrap;height:auto;min-height:var(--bs-input-height)}.bs-input__chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bs-spacing-100);flex:1;min-width:0}.bs-input__chip{display:inline-flex;align-items:center;gap:4px;background:var(--bs-input-chip-bg);color:var(--bs-input-chip-text);border-radius:var(--bs-input-radius);padding:2px 6px;font-size:var(--bs-font-size-sm)}.bs-input__chip-remove{border:none;background:transparent;color:inherit;cursor:pointer;padding:0;line-height:1}.bs-input__chip-input{flex:1;min-width:60px}.bs-input__title-select,.bs-input__country-select{flex-shrink:0;width:auto;border:none;outline:none;background:transparent;color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit}.bs-input__field--pin{border:none;padding:0;background:transparent;gap:var(--bs-input-gap)}.bs-input__pin-cell{box-sizing:border-box;width:var(--bs-input-height);height:var(--bs-input-height);text-align:center;border:1px solid var(--bs-input-field-border);border-radius:var(--bs-input-radius);background:var(--bs-input-field-bg);color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit;outline:none}.bs-input__pin-cell:focus{border-color:var(--bs-input-field-border-focus)}.bs-input__field--pin.bs-input__field--disabled .bs-input__pin-cell{background:var(--bs-input-field-bg-disabled);cursor:not-allowed}`;
|
|
6
6
|
|
|
@@ -296,10 +296,10 @@ const BsInput = class {
|
|
|
296
296
|
return (index.h("div", { part: "field", class: `bs-input__field bs-input__field--pin ${this.disabled ? 'bs-input__field--disabled' : ''}` }, Array.from({ length: this.length }).map((_, i) => (index.h("input", { id: i === 0 ? 'control' : undefined, ref: el => (this.pinInputs[i] = el), part: "control", class: "bs-input__pin-cell", type: "text", inputMode: "numeric", maxLength: 1, value: this.value[i] ?? '', disabled: this.disabled, "aria-required": this.required ? 'true' : undefined, onInput: this.onPinInput(i), onKeyDown: this.onPinKeydown(i) })))));
|
|
297
297
|
}
|
|
298
298
|
render() {
|
|
299
|
-
return (index.h("div", { key: '
|
|
299
|
+
return (index.h("div", { key: '8e7620323b2067d96d7222b96c3b2bcc6679246d', class: `bs-input ${this.error ? 'bs-input--error' : ''}` }, this.label && (
|
|
300
300
|
// "control" is a fixed id, not a generated one -- safe because Shadow DOM scopes ids
|
|
301
301
|
// to this instance's own shadow root, so it can never collide with another bs-input.
|
|
302
|
-
index.h("label", { key: '
|
|
302
|
+
index.h("label", { key: 'd17a27a0bd6411884cd26a401f99f18a7c32115f', part: "label", class: "bs-input__label", htmlFor: "control" }, this.label, this.required && (index.h("span", { key: '71508882188d22a5fab23ce65316aa8920f0612e', part: "required", class: "bs-input__required", "aria-hidden": "true" }, "*")))), this.type === 'pin' ? this.renderPinField() : this.renderField(), this.error ? (index.h("span", { id: "description-or-error", part: "error", class: "bs-input__error" }, index.h("svg", { part: "error-icon", class: "bs-input__error-icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", "stroke-width": "1.2" }), index.h("path", { d: "M8 5V8.5", stroke: "currentColor", "stroke-width": "1.2", "stroke-linecap": "round" }), index.h("circle", { cx: "8", cy: "11", r: "0.75", fill: "currentColor" })), this.error)) : this.description ? (index.h("span", { id: "description-or-error", part: "description", class: "bs-input__description" }, this.description)) : null));
|
|
303
303
|
}
|
|
304
304
|
static get delegatesFocus() { return true; }
|
|
305
305
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-CGrdFg95.js');
|
|
4
4
|
|
|
5
5
|
const bsMenuCss = () => `:host{display:block;--bs-menu-bg:var(--bs-surface-raised);--bs-menu-radius:var(--bs-border-radius-100);--bs-menu-padding-y:var(--bs-spacing-50);--bs-menu-gap:var(--bs-spacing-50);--bs-menu-shadow:var(--bs-shadow-sm)}.bs-menu{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-menu-gap);background:var(--bs-menu-bg);border-radius:var(--bs-menu-radius);padding:var(--bs-menu-padding-y) 0;box-shadow:var(--bs-menu-shadow);font-family:inherit}`;
|
|
6
6
|
|
|
@@ -9,18 +9,21 @@ const BsMenu = class {
|
|
|
9
9
|
index.registerInstance(this, hostRef);
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (index.h("div", { key: '
|
|
12
|
+
return (index.h("div", { key: 'de85d799d52e31750a00fa46133f72e1d97e3887', part: "list", class: "bs-menu", role: "menu" }, index.h("slot", { key: 'a3f900ca080c3ec56a2fee46efcef6fe94f7fa1d' })));
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
15
|
BsMenu.style = bsMenuCss();
|
|
16
16
|
|
|
17
|
-
const bsMenuItemCss = () => `:host{display:block;--bs-menu-item-radius:var(--bs-border-radius-100);--bs-menu-item-padding-y:var(--bs-spacing-100);--bs-menu-item-padding-x:var(--bs-spacing-150);--bs-menu-item-gap:var(--bs-spacing-100);--bs-menu-item-hover:var(--bs-color-neutral-container);--bs-menu-item-pressed:var(--bs-color-neutral-container-pressed);--bs-menu-item-icon-color:var(--bs-icon-default);--bs-menu-item-color:var(--bs-text-muted);--bs-menu-item-font-size:var(--bs-font-size-md);--bs-menu-item-line-height:var(--bs-line-height-body-md)}.bs-menu-item{box-sizing:border-box;display:flex;align-items:center;width:100%;height:48px;border:none;cursor:pointer;background:transparent;color:var(--bs-menu-item-color);font-family:inherit;border-radius:var(--bs-menu-item-radius);padding:var(--bs-menu-item-padding-y) var(--bs-menu-item-padding-x);gap:var(--bs-menu-item-gap);transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-menu-item:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-menu-item:hover{background:var(--bs-menu-item-hover)}.bs-menu-item:active{background:var(--bs-menu-item-pressed)}.bs-menu-item__icon{display:none;width:24px;height:24px;flex-shrink:0;color:var(--bs-menu-item-icon-color)}.bs-menu-item__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-menu-item__icon ::slotted(svg){width:24px;height:24px}.bs-menu-item__label{font-size:var(--bs-menu-item-font-size);line-height:calc(var(--bs-menu-item-line-height) * 1px);white-space:nowrap}`;
|
|
17
|
+
const bsMenuItemCss = () => `:host{display:block;--bs-menu-item-radius:var(--bs-border-radius-100);--bs-menu-item-padding-y:var(--bs-spacing-100);--bs-menu-item-padding-x:var(--bs-spacing-150);--bs-menu-item-gap:var(--bs-spacing-100);--bs-menu-item-hover:var(--bs-color-neutral-container-hover);--bs-menu-item-pressed:var(--bs-color-neutral-container-pressed);--bs-menu-item-disabled-bg:var(--bs-surface-action-disabled);--bs-menu-item-icon-color:var(--bs-icon-default);--bs-menu-item-icon-color-disabled:var(--bs-icon-disabled);--bs-menu-item-color:var(--bs-text-muted);--bs-menu-item-color-disabled:var(--bs-text-on-disabled);--bs-menu-item-font-size:var(--bs-font-size-md);--bs-menu-item-line-height:var(--bs-line-height-body-md)}.bs-menu-item{box-sizing:border-box;display:flex;align-items:center;width:100%;height:48px;border:none;cursor:pointer;background:transparent;color:var(--bs-menu-item-color);font-family:inherit;border-radius:var(--bs-menu-item-radius);padding:var(--bs-menu-item-padding-y) var(--bs-menu-item-padding-x);gap:var(--bs-menu-item-gap);transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-menu-item:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-menu-item:hover{background:var(--bs-menu-item-hover)}.bs-menu-item:active{background:var(--bs-menu-item-pressed)}.bs-menu-item--disabled{background:var(--bs-menu-item-disabled-bg);color:var(--bs-menu-item-color-disabled);cursor:not-allowed}.bs-menu-item--disabled:hover,.bs-menu-item--disabled:active{background:var(--bs-menu-item-disabled-bg)}.bs-menu-item--disabled .bs-menu-item__icon{color:var(--bs-menu-item-icon-color-disabled)}.bs-menu-item__icon{display:none;width:24px;height:24px;flex-shrink:0;color:var(--bs-menu-item-icon-color)}.bs-menu-item__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-menu-item__icon ::slotted(svg){width:24px;height:24px}.bs-menu-item__label{font-size:var(--bs-menu-item-font-size);line-height:calc(var(--bs-menu-item-line-height) * 1px);white-space:nowrap}`;
|
|
18
18
|
|
|
19
19
|
const BsMenuItem = class {
|
|
20
20
|
constructor(hostRef) {
|
|
21
21
|
index.registerInstance(this, hostRef);
|
|
22
22
|
this.bsSelect = index.createEvent(this, "bsSelect");
|
|
23
23
|
}
|
|
24
|
+
/** Disables the item: no hover/pressed/focus styling, no pointer cursor, not reachable by
|
|
25
|
+
* keyboard tabbing, and clicking it does not emit `bsSelect`. */
|
|
26
|
+
disabled = false;
|
|
24
27
|
/** Tracks whether the `icon` slot has assigned content, so the icon wrapper (and its gap) only
|
|
25
28
|
* renders when there's actually an icon to show. */
|
|
26
29
|
hasIcon = false;
|
|
@@ -30,10 +33,12 @@ const BsMenuItem = class {
|
|
|
30
33
|
this.hasIcon = ev.target.assignedNodes().length > 0;
|
|
31
34
|
};
|
|
32
35
|
onClick = () => {
|
|
36
|
+
if (this.disabled)
|
|
37
|
+
return;
|
|
33
38
|
this.bsSelect.emit();
|
|
34
39
|
};
|
|
35
40
|
render() {
|
|
36
|
-
return (index.h("button", { key: '
|
|
41
|
+
return (index.h("button", { key: '510e40e5cc85e4ff0e32caee98a341758b2c61ab', type: "button", part: "item", role: "menuitem", class: `bs-menu-item ${this.disabled ? 'bs-menu-item--disabled' : ''}`, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.onClick }, index.h("span", { key: '877d2a8d0fee3b7f2f867cb1c0ad08eefa0cea3c', part: "icon", class: `bs-menu-item__icon ${this.hasIcon ? 'bs-menu-item__icon--has-content' : ''}` }, index.h("slot", { key: '7ede0107a9f47c1cf5f4a19323c74139f91c2bbd', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: 'af85d8ca9c528a9a52a297a4f8071d9a7b50d2df', part: "label", class: "bs-menu-item__label" }, index.h("slot", { key: '50cd5face3d9aaa3f9ae127af317d4e5cac0febf' }))));
|
|
37
42
|
}
|
|
38
43
|
};
|
|
39
44
|
BsMenuItem.style = bsMenuItemCss();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-CGrdFg95.js');
|
|
4
4
|
|
|
5
5
|
const bsModalCss = () => `.bs-modal__backdrop{position:fixed;inset:0;z-index:var(--bs-z-index-modal);display:flex;align-items:center;justify-content:center;background:rgba(0, 0, 0, 0.4)}.bs-modal__dialog{display:flex;flex-direction:column;max-height:calc(100vh - var(--bs-spacing-800));background:var(--bs-surface-raised);border-radius:var(--bs-border-radius-200);box-shadow:var(--bs-shadow-xl);font-family:inherit}.bs-modal__dialog--sm{width:360px}.bs-modal__dialog--md{width:560px}.bs-modal__dialog--lg{width:800px}.bs-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--bs-spacing-400);border-bottom:1px solid var(--bs-border-default)}.bs-modal__heading{font-size:var(--bs-font-size-lg);font-weight:var(--bs-font-weight-semibold);color:var(--bs-text-default)}.bs-modal__close{border:none;background:none;font-size:var(--bs-font-size-xl);line-height:1;color:var(--bs-icon-muted, var(--bs-text-secondary));cursor:pointer;padding:var(--bs-spacing-100)}.bs-modal__body{padding:var(--bs-spacing-400);overflow-y:auto}.bs-modal__footer--visible{display:flex;justify-content:flex-end;gap:var(--bs-spacing-200);padding:var(--bs-spacing-400);border-top:1px solid var(--bs-border-default)}`;
|
|
6
6
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-CGrdFg95.js');
|
|
4
4
|
|
|
5
5
|
const bsSourceLinkCss = () => `:host{display:block;--bs-source-link-radius:var(--bs-border-radius-150);--bs-source-link-padding:var(--bs-spacing-150);--bs-source-link-gap:var(--bs-spacing-50);--bs-source-link-icon-gap:var(--bs-spacing-75);--bs-source-link-hover:var(--bs-surface-hover);--bs-source-link-pressed:var(--bs-surface-pressed);--bs-source-link-focus:var(--bs-border-neutral-focus);--bs-source-link-filename-color:var(--bs-text-default);--bs-source-link-meta-color:var(--bs-text-secondary);--bs-source-link-icon-color:var(--bs-icon-default);--bs-source-link-dot-color:var(--bs-text-secondary)}.bs-source-link{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-source-link-gap);width:100%;padding:var(--bs-source-link-padding);background:none;border:none;border-radius:var(--bs-source-link-radius);font-family:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-source-link:hover,.bs-source-link:focus-visible{background:var(--bs-source-link-hover)}.bs-source-link:active{background:var(--bs-source-link-pressed)}.bs-source-link:focus-visible{outline:2px solid var(--bs-source-link-focus);outline-offset:1px}.bs-source-link__icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;color:var(--bs-source-link-icon-color)}.bs-source-link__left{display:flex;flex:1 0 0;flex-direction:column;gap:2px;min-width:0}.bs-source-link__filename-row{display:flex;align-items:center;gap:var(--bs-source-link-icon-gap);width:100%}.bs-source-link__filename{margin:0;overflow:hidden;color:var(--bs-source-link-filename-color);font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-semibold);line-height:var(--bs-line-height-normal);text-overflow:ellipsis;white-space:nowrap}.bs-source-link__meta{display:flex;align-items:center;gap:var(--bs-spacing-50);padding-left:22px}.bs-source-link__source,.bs-source-link__version{color:var(--bs-source-link-meta-color);font-size:var(--bs-font-size-sm);line-height:var(--bs-line-height-normal);white-space:nowrap}.bs-source-link__dot{width:4px;height:4px;border-radius:50%;background:var(--bs-source-link-dot-color);flex-shrink:0}.bs-source-link__arrow{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;color:var(--bs-source-link-icon-color)}`;
|
|
6
6
|
|
|
@@ -26,8 +26,8 @@ const BsSourceLink = class {
|
|
|
26
26
|
};
|
|
27
27
|
render() {
|
|
28
28
|
const inner = [
|
|
29
|
-
index.h("span", { key: '
|
|
30
|
-
index.h("span", { key: '
|
|
29
|
+
index.h("span", { key: '3aa9b7617d8ee912f19a8a51acd9b7bdc91c8db7', class: "bs-source-link__left" }, index.h("span", { key: '4489eb50cc93b509e51ecb6439be00a49e9bfe5c', class: "bs-source-link__filename-row" }, index.h("span", { key: '391055326352c9296e9732b8e047e9004735147e', part: "icon", class: "bs-source-link__icon" }, index.h("slot", { key: 'ec44e5f429c68b315cbf3a4aac93328211ea01f8', name: "icon" }, index.h(FileTextIcon, { key: '2837c2a63e0575af578db04ced09a6623f4ebead' }))), index.h("p", { key: '677c00bf7ce6ad0f0a7e91f6e46a50647d8178d9', part: "filename", class: "bs-source-link__filename" }, this.fileName)), index.h("span", { key: 'ab536a62b3487f55884dc0fb6c6b78360054223e', class: "bs-source-link__meta" }, this.sourceName && (index.h("span", { key: '699ca6a8877a1a8e00cb25c54d05345fe6603daa', part: "source", class: "bs-source-link__source" }, this.sourceName)), this.sourceName && this.version && index.h("span", { key: '3235b045ab945f6a58f1bcdaa0d926a5679b04f4', class: "bs-source-link__dot", "aria-hidden": "true" }), this.version && (index.h("span", { key: 'adfb7f67f65b26b276163c2538308ceabc62fae5', part: "version", class: "bs-source-link__version" }, this.version)))),
|
|
30
|
+
index.h("span", { key: '0c23000d49c1faadd5af81c993283fa2f4cf9272', part: "arrow", class: "bs-source-link__arrow", "aria-hidden": "true" }, index.h(ArrowUpRightIcon, { key: '98447d6522f6af02cef14c42b0f817853fca2d3d' })),
|
|
31
31
|
];
|
|
32
32
|
return this.href ? (index.h("a", { class: "bs-source-link", href: this.href, target: this.target, rel: "noopener noreferrer", onClick: this.onClick }, inner)) : (index.h("button", { type: "button", class: "bs-source-link", onClick: this.onClick }, inner));
|
|
33
33
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-CGrdFg95.js');
|
|
4
4
|
|
|
5
5
|
const bsTooltipCss = () => `:host{display:inline-block;--bs-tooltip-bg:var(--bs-surface-inverse);--bs-tooltip-color:var(--bs-text-inverse);--bs-tooltip-radius:var(--bs-border-radius-50);--bs-tooltip-padding-x:var(--bs-spacing-200);--bs-tooltip-padding-y:var(--bs-spacing-100);--bs-tooltip-max-width:200px;--bs-tooltip-shadow:-1px 4px 8px rgba(0, 0, 0, 0.08);--bs-tooltip-font-size:var(--bs-font-size-sm);--bs-tooltip-line-height:var(--bs-line-height-body-sm)}.bs-tooltip{position:relative;display:inline-block}.bs-tooltip__bubble{box-sizing:border-box;max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);background:var(--bs-tooltip-bg);color:var(--bs-tooltip-color);border-radius:var(--bs-tooltip-radius);box-shadow:var(--bs-tooltip-shadow);font-family:inherit;font-size:var(--bs-tooltip-font-size);line-height:calc(var(--bs-tooltip-line-height) * 1px)}.bs-tooltip__arrow{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:8px;height:8px;background:var(--bs-tooltip-bg);clip-path:polygon(50% 0, 0% 100%, 100% 100%)}`;
|
|
6
6
|
|
|
@@ -16,7 +16,7 @@ const BsTooltip = class {
|
|
|
16
16
|
*/
|
|
17
17
|
placement = 'top';
|
|
18
18
|
render() {
|
|
19
|
-
return (index.h("div", { key: '
|
|
19
|
+
return (index.h("div", { key: 'd1182e8c4f9cb90ff551b0882d48c183e548029a', class: "bs-tooltip" }, index.h("span", { key: 'c3de4c2b5b21af9692e59edd6a7c1b2ef9ba7bac', part: "arrow", class: "bs-tooltip__arrow" }), index.h("div", { key: '005d15da040d0aa796b7c683cd857cdd4344e4a4', part: "bubble", class: "bs-tooltip__bubble" }, index.h("slot", { key: '6ef079ad14a27996697e073e767a078b57b283ce' }))));
|
|
20
20
|
}
|
|
21
21
|
};
|
|
22
22
|
BsTooltip.style = bsTooltipCss();
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
const NAMESPACE = 'brandsync-wc';
|
|
4
|
-
const BUILD = /* brandsync-wc */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback:
|
|
4
|
+
const BUILD = /* brandsync-wc */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, state: true, updatable: true};
|
|
5
5
|
|
|
6
6
|
const globalScripts = () => {};
|
|
7
7
|
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";
|
|
@@ -510,6 +510,31 @@ var convertToPrivate = (node) => {
|
|
|
510
510
|
return vnode;
|
|
511
511
|
};
|
|
512
512
|
|
|
513
|
+
// src/runtime/normalize-watchers.ts
|
|
514
|
+
var normalizeWatchers = (raw) => {
|
|
515
|
+
if (!raw) return void 0;
|
|
516
|
+
const keys = Object.keys(raw);
|
|
517
|
+
if (keys.length === 0) return void 0;
|
|
518
|
+
let hasLegacy = false;
|
|
519
|
+
for (const propName of keys) {
|
|
520
|
+
if (hasLegacy) break;
|
|
521
|
+
for (const h2 of raw[propName]) {
|
|
522
|
+
if (typeof h2 === "string") {
|
|
523
|
+
hasLegacy = true;
|
|
524
|
+
break;
|
|
525
|
+
}
|
|
526
|
+
}
|
|
527
|
+
}
|
|
528
|
+
if (!hasLegacy) return raw;
|
|
529
|
+
const out = {};
|
|
530
|
+
for (const propName of keys) {
|
|
531
|
+
out[propName] = raw[propName].map(
|
|
532
|
+
(h2) => typeof h2 === "string" ? { [h2]: 0 } : h2
|
|
533
|
+
);
|
|
534
|
+
}
|
|
535
|
+
return out;
|
|
536
|
+
};
|
|
537
|
+
|
|
513
538
|
// src/runtime/parse-property-value.ts
|
|
514
539
|
var parsePropertyValue = (propValue, propType, isFormAssociated) => {
|
|
515
540
|
if (propValue != null && !isComplexType(propValue)) {
|
|
@@ -1201,6 +1226,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
|
|
|
1201
1226
|
`Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`
|
|
1202
1227
|
);
|
|
1203
1228
|
}
|
|
1229
|
+
const elm = hostRef.$hostElement$ ;
|
|
1204
1230
|
const oldVal = hostRef.$instanceValues$.get(propName);
|
|
1205
1231
|
const flags = hostRef.$flags$;
|
|
1206
1232
|
const instance = hostRef.$lazyInstance$ ;
|
|
@@ -1211,6 +1237,27 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
|
|
|
1211
1237
|
const didValueChange = newVal !== oldVal && !areBothNaN;
|
|
1212
1238
|
if ((!(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
|
|
1213
1239
|
hostRef.$instanceValues$.set(propName, newVal);
|
|
1240
|
+
if (cmpMeta.$watchers$) {
|
|
1241
|
+
const watchMethods = cmpMeta.$watchers$[propName];
|
|
1242
|
+
if (watchMethods) {
|
|
1243
|
+
watchMethods.map((watcher) => {
|
|
1244
|
+
try {
|
|
1245
|
+
const [[watchMethodName, watcherFlags]] = Object.entries(watcher);
|
|
1246
|
+
if (flags & 128 /* isWatchReady */ || watcherFlags & 1 /* Immediate */) {
|
|
1247
|
+
if (!instance) {
|
|
1248
|
+
hostRef.$fetchedCbList$.push(() => {
|
|
1249
|
+
hostRef.$lazyInstance$[watchMethodName](newVal, oldVal, propName);
|
|
1250
|
+
});
|
|
1251
|
+
} else {
|
|
1252
|
+
instance[watchMethodName](newVal, oldVal, propName);
|
|
1253
|
+
}
|
|
1254
|
+
}
|
|
1255
|
+
} catch (e) {
|
|
1256
|
+
consoleError(e, elm);
|
|
1257
|
+
}
|
|
1258
|
+
});
|
|
1259
|
+
}
|
|
1260
|
+
}
|
|
1214
1261
|
if (flags & 2 /* hasRendered */) {
|
|
1215
1262
|
if (instance.componentShouldUpdate) {
|
|
1216
1263
|
const shouldUpdate = instance.componentShouldUpdate(newVal, oldVal, propName);
|
|
@@ -1230,6 +1277,17 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
1230
1277
|
var _a, _b;
|
|
1231
1278
|
const prototype = Cstr.prototype;
|
|
1232
1279
|
if (cmpMeta.$members$ || BUILD.propChangeCallback) {
|
|
1280
|
+
{
|
|
1281
|
+
if (Cstr.watchers && !cmpMeta.$watchers$) {
|
|
1282
|
+
cmpMeta.$watchers$ = normalizeWatchers(Cstr.watchers);
|
|
1283
|
+
}
|
|
1284
|
+
if (Cstr.deserializers && !cmpMeta.$deserializers$) {
|
|
1285
|
+
cmpMeta.$deserializers$ = Cstr.deserializers;
|
|
1286
|
+
}
|
|
1287
|
+
if (Cstr.serializers && !cmpMeta.$serializers$) {
|
|
1288
|
+
cmpMeta.$serializers$ = Cstr.serializers;
|
|
1289
|
+
}
|
|
1290
|
+
}
|
|
1233
1291
|
const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
|
|
1234
1292
|
members.map(([memberName, [memberFlags]]) => {
|
|
1235
1293
|
if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
|
|
@@ -1393,6 +1451,11 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1393
1451
|
throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
|
|
1394
1452
|
}
|
|
1395
1453
|
if (!Cstr.isProxied) {
|
|
1454
|
+
{
|
|
1455
|
+
cmpMeta.$watchers$ = normalizeWatchers(Cstr.watchers);
|
|
1456
|
+
cmpMeta.$serializers$ = Cstr.serializers;
|
|
1457
|
+
cmpMeta.$deserializers$ = Cstr.deserializers;
|
|
1458
|
+
}
|
|
1396
1459
|
proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
|
|
1397
1460
|
Cstr.isProxied = true;
|
|
1398
1461
|
}
|
|
@@ -1408,6 +1471,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1408
1471
|
{
|
|
1409
1472
|
hostRef.$flags$ &= -9 /* isConstructingInstance */;
|
|
1410
1473
|
}
|
|
1474
|
+
{
|
|
1475
|
+
hostRef.$flags$ |= 128 /* isWatchReady */;
|
|
1476
|
+
}
|
|
1411
1477
|
endNewInstance();
|
|
1412
1478
|
{
|
|
1413
1479
|
fireConnectedCallback(hostRef.$lazyInstance$, elm);
|
|
@@ -1548,6 +1614,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1548
1614
|
plt.$resourcesUrl$ = new URL(options.resourcesUrl || "./", win.document.baseURI).href;
|
|
1549
1615
|
lazyBundles.map((lazyBundle) => {
|
|
1550
1616
|
lazyBundle[1].map((compactMeta) => {
|
|
1617
|
+
var _a2, _b;
|
|
1551
1618
|
const cmpMeta = {
|
|
1552
1619
|
$flags$: compactMeta[0],
|
|
1553
1620
|
$tagName$: compactMeta[1],
|
|
@@ -1563,6 +1630,11 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1563
1630
|
{
|
|
1564
1631
|
cmpMeta.$attrsToReflect$ = [];
|
|
1565
1632
|
}
|
|
1633
|
+
{
|
|
1634
|
+
cmpMeta.$watchers$ = normalizeWatchers(compactMeta[4]);
|
|
1635
|
+
cmpMeta.$serializers$ = (_a2 = compactMeta[5]) != null ? _a2 : {};
|
|
1636
|
+
cmpMeta.$deserializers$ = (_b = compactMeta[6]) != null ? _b : {};
|
|
1637
|
+
}
|
|
1566
1638
|
const tagName = transformTag(cmpMeta.$tagName$);
|
|
1567
1639
|
const HostElement = class extends HTMLElement {
|
|
1568
1640
|
["s-p"];
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-CGrdFg95.js');
|
|
4
4
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await index.globalScripts();
|
|
8
|
-
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-chatbot-header.cjs",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["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.cjs",[[513,"bs-attachment",{"type":[1],"fileName":[1,"file-name"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"loading":[4],"removable":[4]}]]],["bs-attachment-list.cjs",[[769,"bs-attachment-list",{"ariaLabel":[1,"aria-label"],"canScrollRight":[32]}]]],["bs-badge.cjs",[[769,"bs-badge",{"variant":[1]}]]],["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]}]]],["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-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-modal.cjs",[[769,"bs-modal",{"open":[1540],"heading":[1],"size":[1],"hasFooter":[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]],["bs-source-link.cjs",[[769,"bs-source-link",{"fileName":[1,"file-name"],"sourceName":[1,"source-name"],"version":[1],"href":[1],"target":[1]}]]],["bs-tooltip.cjs",[[769,"bs-tooltip",{"placement":[1]}]]],["bs-menu_2.cjs",[[257,"bs-menu"],[769,"bs-menu-item",{"hasIcon":[32]}]]]], options);
|
|
8
|
+
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-chatbot-header.cjs",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["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.cjs",[[513,"bs-attachment",{"type":[1],"fileName":[1,"file-name"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"loading":[4],"removable":[4]}]]],["bs-attachment-list.cjs",[[769,"bs-attachment-list",{"ariaLabel":[1,"aria-label"],"canScrollRight":[32]}]]],["bs-badge.cjs",[[769,"bs-badge",{"variant":[1]}]]],["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]}]]],["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]},null,{"indeterminate":[{"onIndeterminateChange":0}]}]]],["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-modal.cjs",[[769,"bs-modal",{"open":[1540],"heading":[1],"size":[1],"hasFooter":[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]],["bs-source-link.cjs",[[769,"bs-source-link",{"fileName":[1,"file-name"],"sourceName":[1,"source-name"],"version":[1],"href":[1],"target":[1]}]]],["bs-tooltip.cjs",[[769,"bs-tooltip",{"placement":[1]}]]],["bs-menu_2.cjs",[[257,"bs-menu"],[769,"bs-menu-item",{"disabled":[4],"hasIcon":[32]}]]]], options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
exports.setNonce = index.setNonce;
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
"components/bs-badge/bs-badge.js",
|
|
5
5
|
"components/bs-button/bs-button.js",
|
|
6
6
|
"components/bs-card/bs-card.js",
|
|
7
|
+
"components/bs-checkbox/bs-checkbox.js",
|
|
7
8
|
"components/bs-composer/bs-composer.js",
|
|
8
9
|
"components/bs-composer-status-banner/bs-composer-status-banner.js",
|
|
9
10
|
"components/bs-data-table/bs-data-table.js",
|
|
@@ -24,7 +24,7 @@ import { h } from "@stencil/core";
|
|
|
24
24
|
*/
|
|
25
25
|
export class BsAiDisclaimer {
|
|
26
26
|
render() {
|
|
27
|
-
return (h("div", { key: '
|
|
27
|
+
return (h("div", { key: 'ea1210d75f9f55f4ce31f0ecd434e28a0c3a6ae5', class: "bs-ai-disclaimer" }, h("p", { key: 'a4379d06096623a33254466c83d7a8342a1a61f6', part: "text", class: "bs-ai-disclaimer__text" }, h("slot", { key: '4ceb6be62b06ddeae050ce84c92d511218791219' }))));
|
|
28
28
|
}
|
|
29
29
|
static get is() { return "bs-ai-disclaimer"; }
|
|
30
30
|
static get encapsulation() { return "shadow"; }
|
|
@@ -43,7 +43,7 @@ export class BsAiGreeting {
|
|
|
43
43
|
const subtext = this.productName
|
|
44
44
|
? `How can I help you with ${this.productName} today?`
|
|
45
45
|
: 'How can I help you today?';
|
|
46
|
-
return (h("div", { key: '
|
|
46
|
+
return (h("div", { key: '34a137d8c2dd17240a2015e9f4571d438924f5ba', class: "bs-ai-greeting" }, h("div", { key: 'be999e806a9ee740b01d6aa2e5531e45c89ea9fb', part: "heading", class: "bs-ai-greeting__heading" }, h("p", { key: '37b906288175467937c66961dcc2f08f911c0566', class: "bs-ai-greeting__heading-line" }, "Hi. I'm ", this.assistantName, ","), h("p", { key: '2973043c2ae6646a0dff1bc905cb7f2eaf9d5251', class: "bs-ai-greeting__heading-line" }, "your AI assistant.")), h("p", { key: 'd981c73b805a3f27cd3dcb22e58f0058ff6b4f1c', part: "subtext", class: "bs-ai-greeting__subtext" }, subtext)));
|
|
47
47
|
}
|
|
48
48
|
static get is() { return "bs-ai-greeting"; }
|
|
49
49
|
static get encapsulation() { return "shadow"; }
|
|
@@ -29,7 +29,7 @@ export class BsAiThinking {
|
|
|
29
29
|
/** The status text shown next to the icon, e.g. "Retrieving", "Thinking", "Searching". */
|
|
30
30
|
label = 'Thinking';
|
|
31
31
|
render() {
|
|
32
|
-
return (h("div", { key: '
|
|
32
|
+
return (h("div", { key: '3fb5e1a21daa9244f595c20b19968249388ac027', class: "bs-ai-thinking", role: "status", "aria-live": "polite" }, h("img", { key: 'be5a7f7a2b64da982d8e61dc02668d57d713f6f5', part: "icon", class: "bs-ai-thinking__icon", src: GENIE_MARK_ICON, alt: "", "aria-hidden": "true" }), h("span", { key: '2581cdf1609ba8ff7c653cb2dae959946ef83dac', part: "label", class: "bs-ai-thinking__label" }, this.label)));
|
|
33
33
|
}
|
|
34
34
|
static get is() { return "bs-ai-thinking"; }
|
|
35
35
|
static get encapsulation() { return "shadow"; }
|
|
@@ -58,7 +58,7 @@ export class BsAttachmentList {
|
|
|
58
58
|
this.canScrollRight = row.scrollWidth - row.clientWidth - row.scrollLeft > 1;
|
|
59
59
|
};
|
|
60
60
|
render() {
|
|
61
|
-
return (h("div", { key: '
|
|
61
|
+
return (h("div", { key: 'ccf4970df6d8dc81ccd4d717d8ec1c295a7910e7', class: "bs-attachment-list" }, h("div", { key: 'd05b1553540c47825b023cf99ba7acdc11e87b4c', 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: 'e140bbe3047910cf9a237724d342c720e40889d6', onSlotchange: this.onSlotchange })), this.canScrollRight && h("div", { key: '42a3588c41a3dc63a41e6dea9ba95f267c72d61e', part: "fade", class: "bs-attachment-list__fade", "aria-hidden": "true" })));
|
|
62
62
|
}
|
|
63
63
|
static get is() { return "bs-attachment-list"; }
|
|
64
64
|
static get encapsulation() { return "shadow"; }
|
|
@@ -25,7 +25,7 @@ export class BsButtonSkeleton {
|
|
|
25
25
|
/** Sizing scale, matching the `bs-button` size it stands in for. */
|
|
26
26
|
size = 'md';
|
|
27
27
|
render() {
|
|
28
|
-
return h("span", { key: '
|
|
28
|
+
return h("span", { key: 'e6c4a5ec58e722b27daccd62e9315218205c3c73', part: "container", class: `bs-button-skeleton bs-button-skeleton--${this.size}`, role: "status", "aria-label": "Loading" });
|
|
29
29
|
}
|
|
30
30
|
static get is() { return "bs-button-skeleton"; }
|
|
31
31
|
static get encapsulation() { return "shadow"; }
|