@brandsync/wc 1.17.0 → 1.19.0

package/dist/cjs/bs-chip-filter.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-BYfMRtlW.js');
 
-const bsChipFilterCss = () => `:host{display:inline-flex;--bs-chip-filter-height-md:var(--bs-spacing-300);--bs-chip-filter-height-lg:var(--bs-spacing-400);--bs-chip-filter-gap:var(--bs-spacing-50);--bs-chip-filter-icon-size:16px;--bs-chip-filter-padding-x-glyph-side:var(--bs-spacing-100);--bs-chip-filter-padding-x-plain-side:var(--bs-spacing-150);--bs-chip-filter-padding-x-text-only:var(--bs-spacing-200);--bs-chip-filter-font-size:var(--bs-font-size-sm);--bs-chip-filter-line-height:var(--bs-line-height-body-sm);--bs-chip-filter-font-weight:var(--bs-font-weight-regular)}.bs-chip-filter{display:inline-flex;align-items:center;gap:var(--bs-chip-filter-gap);box-sizing:border-box;border:none;border-radius:var(--bs-border-radius-full);font-family:inherit;font-size:var(--bs-chip-filter-font-size);font-weight:var(--bs-chip-filter-font-weight);line-height:calc(var(--bs-chip-filter-line-height) * 1px);white-space:nowrap;cursor:pointer;background:var(--bs-chip-bg-primary-container);color:var(--bs-chip-text-primary);transition:background-color var(--bs-duration-fast, 120ms) var(--bs-easing-standard, ease)}.bs-chip-filter--md{height:var(--bs-chip-filter-height-md)}.bs-chip-filter--lg{height:var(--bs-chip-filter-height-lg)}.bs-chip-filter--icon-dropdown{padding:0 var(--bs-chip-filter-padding-x-glyph-side)}.bs-chip-filter--icon-only{padding-inline-start:var(--bs-chip-filter-padding-x-glyph-side);padding-inline-end:var(--bs-chip-filter-padding-x-plain-side)}.bs-chip-filter--dropdown-only{padding-inline-start:var(--bs-chip-filter-padding-x-plain-side);padding-inline-end:var(--bs-chip-filter-padding-x-glyph-side)}.bs-chip-filter--text-only{padding:0 var(--bs-chip-filter-padding-x-text-only)}.bs-chip-filter__icon{display:none;flex-shrink:0;width:var(--bs-chip-filter-icon-size);height:var(--bs-chip-filter-icon-size)}.bs-chip-filter__icon--visible{display:flex;align-items:center;justify-content:center}.bs-chip-filter__icon ::slotted(*){display:block;width:var(--bs-chip-filter-icon-size);height:var(--bs-chip-filter-icon-size)}.bs-chip-filter__label{display:flex;align-items:center}.bs-chip-filter__caret{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--bs-chip-filter-icon-size);height:var(--bs-chip-filter-icon-size)}.bs-chip-filter:hover:not(:disabled){background:var(--bs-chip-bg-primary-container-hover)}.bs-chip-filter:active:not(:disabled){background:var(--bs-chip-bg-primary-container-pressed)}.bs-chip-filter:focus-visible{background:var(--bs-chip-bg-primary-container-focused);outline:2px solid var(--bs-chip-border-focus);outline-offset:2px}.bs-chip-filter--selected{background:var(--bs-chip-bg-primary);color:var(--bs-chip-text-inverse)}.bs-chip-filter--selected:hover:not(:disabled){background:var(--bs-chip-bg-primary-hover)}.bs-chip-filter--selected:active:not(:disabled){background:var(--bs-chip-bg-primary-pressed)}.bs-chip-filter--selected:focus-visible{background:var(--bs-chip-bg-primary-focused)}.bs-chip-filter:disabled{background:var(--bs-chip-bg-disabled);color:var(--bs-chip-text-disabled);cursor:not-allowed}`;
+const bsChipFilterCss = () => `:host{display:inline-flex;--bs-chip-filter-height-md:var(--bs-spacing-300);--bs-chip-filter-height-lg:var(--bs-spacing-400);--bs-chip-filter-gap:var(--bs-spacing-50);--bs-chip-filter-icon-size:16px;--bs-chip-filter-padding-x-glyph-side:var(--bs-spacing-100);--bs-chip-filter-padding-x-plain-side:var(--bs-spacing-150);--bs-chip-filter-padding-x-text-only:var(--bs-spacing-200);--bs-chip-filter-font-size:var(--bs-font-size-sm);--bs-chip-filter-line-height:var(--bs-line-height-body-sm);--bs-chip-filter-font-weight:var(--bs-font-weight-regular)}.bs-chip-filter{position:relative;display:inline-flex;align-items:center;gap:var(--bs-chip-filter-gap);box-sizing:border-box;border:none;border-radius:var(--bs-border-radius-full);font-family:inherit;font-size:var(--bs-chip-filter-font-size);font-weight:var(--bs-chip-filter-font-weight);line-height:calc(var(--bs-chip-filter-line-height) * 1px);white-space:nowrap;cursor:pointer;background:var(--bs-chip-bg-primary-container);color:var(--bs-chip-text-primary);transition:background-color var(--bs-duration-fast, 120ms) var(--bs-easing-standard, ease)}.bs-chip-filter--md{height:var(--bs-chip-filter-height-md)}.bs-chip-filter--lg{height:var(--bs-chip-filter-height-lg)}.bs-chip-filter--icon-dropdown{padding:0 var(--bs-chip-filter-padding-x-glyph-side)}.bs-chip-filter--icon-only{padding-inline-start:var(--bs-chip-filter-padding-x-glyph-side);padding-inline-end:var(--bs-chip-filter-padding-x-plain-side)}.bs-chip-filter--dropdown-only{padding-inline-start:var(--bs-chip-filter-padding-x-plain-side);padding-inline-end:var(--bs-chip-filter-padding-x-glyph-side)}.bs-chip-filter--text-only{padding:0 var(--bs-chip-filter-padding-x-text-only)}.bs-chip-filter__icon{display:none;flex-shrink:0;width:var(--bs-chip-filter-icon-size);height:var(--bs-chip-filter-icon-size)}.bs-chip-filter__icon--visible{display:flex;align-items:center;justify-content:center}.bs-chip-filter__icon ::slotted(*){display:block;width:var(--bs-chip-filter-icon-size);height:var(--bs-chip-filter-icon-size)}.bs-chip-filter__label{display:flex;align-items:center}.bs-chip-filter__caret{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--bs-chip-filter-icon-size);height:var(--bs-chip-filter-icon-size)}.bs-chip-filter:hover:not(:disabled){background:var(--bs-chip-bg-primary-container-hover)}.bs-chip-filter:active:not(:disabled){background:var(--bs-chip-bg-primary-container-pressed)}.bs-chip-filter:focus-visible{background:var(--bs-chip-bg-primary-container-focused);outline:2px solid var(--bs-chip-border-focus);outline-offset:2px}.bs-chip-filter--selected{background:var(--bs-chip-bg-primary);color:var(--bs-chip-text-inverse)}.bs-chip-filter--selected:hover:not(:disabled){background:var(--bs-chip-bg-primary-hover)}.bs-chip-filter--selected:active:not(:disabled){background:var(--bs-chip-bg-primary-pressed)}.bs-chip-filter--selected:focus-visible{background:var(--bs-chip-bg-primary-focused)}.bs-chip-filter:disabled{background:var(--bs-chip-bg-disabled);color:var(--bs-chip-text-disabled);cursor:not-allowed}`;
 
 const BsChipFilter = class {
     constructor(hostRef) {
@@ -59,7 +59,7 @@ const BsChipFilter = class {
         // label-only edge gets more -- except when NEITHER edge has a glyph, where both edges use a
         // third, larger value rather than the label-only one (see bs-chip-filter.css's own comment).
         const paddingVariant = this.hasIcon && this.dropdown ? 'icon-dropdown' : this.hasIcon ? 'icon-only' : this.dropdown ? 'dropdown-only' : 'text-only';
-        return (index.h("button", { key: 'c1b7395764984baadd0d32d5bd6a3d8d61cb637a', type: "button", class: `bs-chip-filter bs-chip-filter--${this.size} bs-chip-filter--${paddingVariant} ${this.selected ? 'bs-chip-filter--selected' : ''}`, disabled: this.disabled, "aria-pressed": String(this.selected), "aria-label": this.ariaLabel, onClick: this.onClick }, index.h("span", { key: 'db74ff2a992268bb95564dc1631e54d00208255f', part: "icon", class: `bs-chip-filter__icon ${this.hasIcon ? 'bs-chip-filter__icon--visible' : ''}` }, index.h("slot", { key: '9319387acc35131d0555f9ad84c1f733034920d7', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: '06291c8712d77d43c3c823e4b90d99218618db35', part: "label", class: "bs-chip-filter__label" }, index.h("slot", { key: '3c72fcc1085239ba9c45ee6e89f5b8e8b4cc0ce8' })), this.dropdown && (index.h("span", { key: 'd2efca03ed06d2341aec986cca2c0d27bdce5a75', part: "caret", class: "bs-chip-filter__caret", "aria-hidden": "true" }, index.h(ChevronDownIcon, { key: '8bb9383201632e567f662909559702fcf391790e' })))));
+        return (index.h("button", { key: '330d7292dd7bb519c8cdf0dd237ad85913ab35fe', type: "button", class: `bs-chip-filter bs-chip-filter--${this.size} bs-chip-filter--${paddingVariant} ${this.selected ? 'bs-chip-filter--selected' : ''}`, disabled: this.disabled, "aria-pressed": String(this.selected), "aria-label": this.ariaLabel, onClick: this.onClick }, index.h("bs-ripple", { key: '34767b4129e742f2eaefb2192ae0bfb07449f480', part: "ripple", centered: false, disabled: this.disabled }), index.h("span", { key: '9ec983b47dec13c4ac573d2c2125fe314843693c', part: "icon", class: `bs-chip-filter__icon ${this.hasIcon ? 'bs-chip-filter__icon--visible' : ''}` }, index.h("slot", { key: '0b7093bf29bc156a0c969616af48c5c709b0ee6e', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: '3a309c3171bee1ccdf066da85aea80b5476f454d', part: "label", class: "bs-chip-filter__label" }, index.h("slot", { key: 'afda9556224d3faf5fed56796f0d2eebd335d612' })), this.dropdown && (index.h("span", { key: '692b0d968999335c18cf21eaea20af997f1a6599', part: "caret", class: "bs-chip-filter__caret", "aria-hidden": "true" }, index.h(ChevronDownIcon, { key: 'cc87f0f3f8e95a8733f083f36d5caee9b649bed7' })))));
     }
     static get delegatesFocus() { return true; }
 };

package/dist/cjs/bs-chip-informative.cjs.entry.js

@@ -34,7 +34,7 @@ const BsChipInformative = class {
     };
     render() {
         const paddingVariant = this.hasIcon ? 'icon' : 'text';
-        return (index.h(index.Host, { key: 'ee5706f8c040b01f97e44b9dba4d74a3b023005c', class: `bs-chip-informative bs-chip-informative--${this.color} bs-chip-informative--${this.size} bs-chip-informative--${paddingVariant}` }, index.h("span", { key: '611cc7bec3b22cc2e7de25fc8aa49e8d4eca3cba', part: "icon", class: `bs-chip-informative__icon ${this.hasIcon ? 'bs-chip-informative__icon--visible' : ''}` }, index.h("slot", { key: '5945478d567c7b6a6e4ff602c2edd6465d3b7778', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: '7e78fb0f2e5cfc2d232aa04f0c9edf94044f8eca', part: "label", class: "bs-chip-informative__label" }, index.h("slot", { key: 'fcec1018222e0da3f0adc6da13e0699c0bad764b' }))));
+        return (index.h(index.Host, { key: '1c590939607a3a3c511e60fbf13da81268a3f178', class: `bs-chip-informative bs-chip-informative--${this.color} bs-chip-informative--${this.size} bs-chip-informative--${paddingVariant}` }, index.h("span", { key: '9da198d1f3680e20364c13bee40c0123473ec37c', part: "icon", class: `bs-chip-informative__icon ${this.hasIcon ? 'bs-chip-informative__icon--visible' : ''}` }, index.h("slot", { key: '7951b8044a25a007641b2cff5d4e52543f5a2a82', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: '54c6f6abe99b04cc0b3dfd75202dde81bdc8a163', part: "label", class: "bs-chip-informative__label" }, index.h("slot", { key: '3e4f7a245054e0d8898028c5c1ed4e6e35496988' }))));
     }
 };
 BsChipInformative.style = bsChipInformativeCss();

package/dist/cjs/bs-chip-input.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-BYfMRtlW.js');
 
-const bsChipInputCss = () => `:host{display:inline-flex;align-items:center;box-sizing:border-box;gap:var(--bs-chip-input-gap);border-radius:var(--bs-border-radius-full);font-family:inherit;font-size:var(--bs-chip-input-font-size);font-weight:var(--bs-chip-input-font-weight);line-height:calc(var(--bs-chip-input-line-height) * 1px);white-space:nowrap;background:var(--bs-chip-bg-primary-container);color:var(--bs-chip-text-primary);transition:background-color var(--bs-duration-fast, 120ms) var(--bs-easing-standard, ease);--bs-chip-input-height-md:var(--bs-spacing-300);--bs-chip-input-height-lg:var(--bs-spacing-400);--bs-chip-input-gap:var(--bs-spacing-50);--bs-chip-input-padding-x-glyph-side:var(--bs-spacing-100);--bs-chip-input-padding-x-plain-side:var(--bs-spacing-150);--bs-chip-input-font-size:var(--bs-font-size-sm);--bs-chip-input-line-height:var(--bs-line-height-body-sm);--bs-chip-input-font-weight:var(--bs-font-weight-regular)}:host(.bs-chip-input--md){height:var(--bs-chip-input-height-md)}:host(.bs-chip-input--lg){height:var(--bs-chip-input-height-lg)}.bs-chip-input__body,.bs-chip-input__remove{display:flex;align-items:center;height:100%;border:none;background:transparent;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}.bs-chip-input__body{gap:var(--bs-chip-input-gap);padding-inline-end:0}:host(.bs-chip-input--icon) .bs-chip-input__body{padding-inline-start:var(--bs-chip-input-padding-x-glyph-side)}:host(.bs-chip-input--text) .bs-chip-input__body{padding-inline-start:var(--bs-chip-input-padding-x-plain-side)}.bs-chip-input__remove{padding-inline-start:0;padding-inline-end:var(--bs-chip-input-padding-x-glyph-side)}.bs-chip-input__icon{display:none;flex-shrink:0}.bs-chip-input__icon--visible{display:flex;align-items:center}.bs-chip-input__icon ::slotted(*){display:block;width:16px;height:16px}.bs-chip-input__icon ::slotted(bs-avatar){width:auto;height:auto}.bs-chip-input__label{display:flex;align-items:center}.bs-chip-input__remove svg{display:block;width:16px;height:16px}:host(:hover:not([disabled])){background:var(--bs-chip-bg-primary-container-hover)}:host(:focus-within:not([disabled])){background:var(--bs-chip-bg-primary-container-focused);outline:2px solid var(--bs-chip-border-focus);outline-offset:2px}:host(:active:not([disabled])){background:var(--bs-chip-bg-primary-container-pressed)}:host([selected]){background:var(--bs-chip-bg-primary);color:var(--bs-chip-text-inverse)}:host([selected]:hover:not([disabled])){background:var(--bs-chip-bg-primary-hover)}:host([selected]:focus-within:not([disabled])){background:var(--bs-chip-bg-primary-focused)}:host([selected]:active:not([disabled])){background:var(--bs-chip-bg-primary-pressed)}:host([disabled]){background:var(--bs-chip-bg-disabled);color:var(--bs-chip-text-disabled)}.bs-chip-input__body:disabled,.bs-chip-input__remove:disabled{cursor:not-allowed}`;
+const bsChipInputCss = () => `:host{display:inline-flex;align-items:center;box-sizing:border-box;gap:var(--bs-chip-input-gap);border-radius:var(--bs-border-radius-full);font-family:inherit;font-size:var(--bs-chip-input-font-size);font-weight:var(--bs-chip-input-font-weight);line-height:calc(var(--bs-chip-input-line-height) * 1px);white-space:nowrap;background:var(--bs-chip-bg-primary-container);color:var(--bs-chip-text-primary);transition:background-color var(--bs-duration-fast, 120ms) var(--bs-easing-standard, ease);--bs-chip-input-height-md:var(--bs-spacing-300);--bs-chip-input-height-lg:var(--bs-spacing-400);--bs-chip-input-gap:var(--bs-spacing-50);--bs-chip-input-padding-x-glyph-side:var(--bs-spacing-100);--bs-chip-input-padding-x-plain-side:var(--bs-spacing-150);--bs-chip-input-font-size:var(--bs-font-size-sm);--bs-chip-input-line-height:var(--bs-line-height-body-sm);--bs-chip-input-font-weight:var(--bs-font-weight-regular)}:host(.bs-chip-input--md){height:var(--bs-chip-input-height-md)}:host(.bs-chip-input--lg){height:var(--bs-chip-input-height-lg)}.bs-chip-input__body,.bs-chip-input__remove{display:flex;align-items:center;height:100%;border:none;background:transparent;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}.bs-chip-input__body{gap:var(--bs-chip-input-gap);padding-inline-end:0}:host(.bs-chip-input--icon) .bs-chip-input__body{padding-inline-start:var(--bs-chip-input-padding-x-glyph-side)}:host(.bs-chip-input--text) .bs-chip-input__body{padding-inline-start:var(--bs-chip-input-padding-x-plain-side)}.bs-chip-input__remove{padding-inline-start:0;padding-inline-end:var(--bs-chip-input-padding-x-glyph-side)}.bs-chip-input__icon{display:none;flex-shrink:0}.bs-chip-input__icon--visible{display:flex;align-items:center}.bs-chip-input__icon ::slotted(*){display:block;width:16px;height:16px}.bs-chip-input__icon ::slotted(bs-avatar){width:auto;height:auto}.bs-chip-input__label{display:flex;align-items:center}.bs-chip-input__remove svg{display:block;width:16px;height:16px}:host(:hover:not([disabled])){background:var(--bs-chip-bg-primary-container-hover)}:host(:focus-within:not([disabled])){background:var(--bs-chip-bg-primary-container-focused);outline:2px solid var(--bs-chip-border-focus);outline-offset:2px}:host(:active:not([disabled])){background:var(--bs-chip-bg-primary-container-pressed)}:host([selected]){background:var(--bs-chip-bg-primary);color:var(--bs-chip-text-inverse)}:host([selected]:hover:not([disabled])){background:var(--bs-chip-bg-primary-hover)}:host([selected]:focus-within:not([disabled])){background:var(--bs-chip-bg-primary-focused)}:host([selected]:active:not([disabled])){background:var(--bs-chip-bg-primary-pressed)}:host([disabled]){background:var(--bs-chip-bg-disabled);color:var(--bs-chip-text-disabled)}.bs-chip-input__body:disabled,.bs-chip-input__remove:disabled{cursor:not-allowed}.bs-chip-input__body,.bs-chip-input__remove{position:relative;border-radius:inherit}`;
 
 const BsChipInput = class {
     constructor(hostRef) {
@@ -66,7 +66,7 @@ const BsChipInput = class {
     };
     render() {
         const paddingVariant = this.hasIcon ? 'icon' : 'text';
-        return (index.h(index.Host, { key: '1e44e8c6c324502677a711e9efdeea812181e93d', class: `bs-chip-input bs-chip-input--${this.size} bs-chip-input--${paddingVariant}` }, index.h("button", { key: '7c698a6cfbe6ca8ff1215edeb59d7a58071ec29e', type: "button", part: "body", class: "bs-chip-input__body", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.onBodyClick }, index.h("span", { key: '159334959b3da3665fb6f4a2930c15fc1da028ad', part: "icon", class: `bs-chip-input__icon ${this.hasIcon ? 'bs-chip-input__icon--visible' : ''}` }, index.h("slot", { key: '0f12a8dbf2b17578ec1446032fa6b795f6aac9f4', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: 'd8236eaa237e3d204f721274551c0d50ce6b1f9a', part: "label", class: "bs-chip-input__label" }, index.h("slot", { key: '4872dcc68aa9a204801f10415fd1b3bc31db0c2a', onSlotchange: this.onLabelSlotchange }))), index.h("button", { key: 'ac930ef1166ff21f889641cf0644c20e77f92196', type: "button", part: "remove", class: "bs-chip-input__remove", disabled: this.disabled, "aria-label": `${this.removeLabel} ${this.labelText}`, onClick: this.onRemoveClick }, index.h(CloseIcon, { key: 'ba26dff61400df054f3b2d73526e08d02734ba07' }))));
+        return (index.h(index.Host, { key: '23b8519dece5666894eb211065d8ebc6208afb73', class: `bs-chip-input bs-chip-input--${this.size} bs-chip-input--${paddingVariant}` }, index.h("button", { key: 'bf65dbc1e0989c7ddeca7d863357934833d40889', type: "button", part: "body", class: "bs-chip-input__body", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.onBodyClick }, index.h("bs-ripple", { key: '4b74e46a995d1e6429a69853550983066c53fd8b', part: "ripple", centered: false, disabled: this.disabled }), index.h("span", { key: '45c9089f5050b6417667b71af047b55d9df20aae', part: "icon", class: `bs-chip-input__icon ${this.hasIcon ? 'bs-chip-input__icon--visible' : ''}` }, index.h("slot", { key: 'e3e68eb90f3f4908ff1f3af61a2fbc524c148ae6', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: '2e4709dd6398fe589294bd884a2a60c7bc083804', part: "label", class: "bs-chip-input__label" }, index.h("slot", { key: '71b54619b617b3bf82cee8d7144e2b23af2353c7', onSlotchange: this.onLabelSlotchange }))), index.h("button", { key: 'bc3892fe66883bc9f43b9fb95274539be42d40b9', type: "button", part: "remove", class: "bs-chip-input__remove", disabled: this.disabled, "aria-label": `${this.removeLabel} ${this.labelText}`, onClick: this.onRemoveClick }, index.h("bs-ripple", { key: '283b64fdc5fcf4c490d07ffac9e66284d666fc15', part: "ripple", centered: true, disabled: this.disabled }), index.h(CloseIcon, { key: 'ed997aab7198b3de133c05c49a4a220422db3cf4' }))));
     }
     static get delegatesFocus() { return true; }
 };

package/dist/cjs/bs-citation-preview.cjs.entry.js

@@ -21,7 +21,7 @@ const BsCitationPreview = class {
     bsOpen;
     render() {
         const hasPage = this.page !== undefined && this.page !== null && this.page !== '';
-        return (index.h("bs-card", { key: 'ea8213ae775ca510bf853f2cb2f8ece97f95001f', part: "container", class: "bs-citation-preview", surface: "base" }, index.h("div", { key: 'd10d32d872cbaabb10a090c1ce8b3ef514c61937', class: "bs-citation-preview__body" }, index.h("bs-source-link", { key: 'ae1213e1bd69cdf3e56ce9231d76ff4f9f2a5ac0', part: "header", fileName: this.fileName, sourceName: this.sourceName, href: this.href, onBsOpen: () => this.bsOpen.emit() }), index.h("div", { key: 'ed6b1225fb0ce6f545c4a2e3d1d644cb607c7e78', part: "snippet", class: "bs-citation-preview__snippet" }, index.h("slot", { key: 'bf00115e8845869813b8ee2a75b25da773d8e0d3' })), index.h("div", { key: '1770276d58af8961bed809c1e958458c0e20c302', class: "bs-citation-preview__footer" }, index.h("slot", { key: '78fe989b67646fe2c2aa2e6d5f98fd13c91eb436', name: "footer" }, hasPage && (index.h("span", { key: '15d025d294c68ec6452a501ac50547278c54d105', part: "page", class: "bs-citation-preview__page" }, "Page ", this.page)))))));
+        return (index.h("bs-card", { key: '2c4592f7fb9dcec6e5a062b7927348a4c8a0d113', part: "container", class: "bs-citation-preview", surface: "base" }, index.h("div", { key: 'f3af7627abe3a23a3ff4667068b26941f9ad5228', class: "bs-citation-preview__body" }, index.h("bs-source-link", { key: 'be462a72db4fc539e85670adcecd4de14779dba9', part: "header", fileName: this.fileName, sourceName: this.sourceName, href: this.href, onBsOpen: () => this.bsOpen.emit() }), index.h("div", { key: 'd53ccbe59a37f2fb0f036e3de979d660e881ecda', part: "snippet", class: "bs-citation-preview__snippet" }, index.h("slot", { key: '3a2bfac722bb59c0543e0851f80206e3aedd6310' })), index.h("div", { key: 'df2813e95a5266f7f91590e5b74bbc2c28bc8c35', class: "bs-citation-preview__footer" }, index.h("slot", { key: 'a0be65bc990119011c50e92e79c7025a4ceb9488', name: "footer" }, hasPage && (index.h("span", { key: 'd72c4b615b55212eac42f508e02d1af9ba96b534', part: "page", class: "bs-citation-preview__page" }, "Page ", this.page)))))));
     }
 };
 BsCitationPreview.style = bsCitationPreviewCss();

package/dist/cjs/bs-command-palette.cjs.entry.js

@@ -355,7 +355,7 @@ const BsCommandPalette = class {
         const sections = this.shownSections().filter(s => this.filled[s]);
         const hasList = sections.length > 0;
         const showResults = loading || empty || hasList;
-        return (index.h("dialog", { key: '55a38e90a59faa6f0314c7e26ae90326fc82d7dc', ref: el => (this.dialogEl = el), part: "dialog", class: "bs-command-palette", "aria-label": this.label, "aria-modal": "true", role: "dialog", onCancel: this.onCancel, onClose: () => this.open && this.setOpen(false), onClick: this.onDialogClick, onKeyDown: this.onDialogKeyDown }, index.h("div", { key: '793f0509daba42c4a208d3f5ff3cdfa7d963989a', part: "panel", class: "bs-command-palette__panel" }, index.h("div", { key: '9af1794a677b7696e242df6a4e9e7775a8efdbea', part: "search", class: "bs-command-palette__search" }, this.scopeLabel && (index.h("bs-chip-informative", { key: '506dd50cecd610c48d61b24723e5a700a05ec693', class: "bs-command-palette__scope", color: "info" }, this.scopeLabel)), index.h("div", { key: 'ae0d016a687820e4960b9ff3d59c74cd937796bf', class: "bs-command-palette__field", ref: el => (this.comboEl = el), role: "combobox", "aria-label": this.placeholder, "aria-expanded": String(hasList), "aria-haspopup": "listbox", "aria-controls": hasList ? listId : undefined, onKeyDown: this.onKeyDown }, index.h("bs-input", { key: 'd444f70cfd6878434d19364ee1668987ae7da1c2', part: "input", ref: el => (this.inputEl = el), type: "search", value: this.value, placeholder: this.placeholder, onBsInput: this.onInput })), index.h("span", { key: '8baa325a3af0bd2c4b09e7201c315fbbb37f55e9', class: "bs-command-palette__esc", "aria-hidden": "true" }, index.h("bs-key", { key: 'a9bc3f695d63b32ab227b93a8a46db33da56da27', label: "Esc" }))), showResults && index.h("div", { key: 'e97114037b44d14a51872929314773aa637d64f1', class: "bs-command-palette__divider", role: "presentation" }), showResults && (index.h("div", { key: 'c8bc5e63b0ff902c8a2730775ae7294f025a7dc6', part: "results", class: "bs-command-palette__results", "aria-busy": String(loading), onMouseOver: this.onResultsMouseOver }, loading && (index.h("div", { key: 'c4bfacce3dc902aab472d825494d1e67ca593c32', class: "bs-command-palette__loading", role: "status" }, index.h("bs-spinner", { key: 'fcf43a2a30cc94b67075bbded0eaae329c4e18a4', size: "sm" }), index.h("span", { key: 'b9f195cacbd6ad6acfcd151f47c52b0c937ff1f5' }, this.loadingLabel))), empty && this.renderEmpty(), hasList && (index.h("div", { key: 'e4da543ad73a9b7dc209876d6e8dd1d057f4048e', id: listId, class: "bs-command-palette__list", role: "listbox", "aria-label": this.listLabel }, sections.map(s => this.renderSection(s)))))), this.showFooter && this.renderFooter()), index.h("span", { key: 'c4aab5214af689a0332a9730753ca187b91b5ec3', class: "bs-command-palette__live", "aria-live": "polite" }, this.announcement())));
+        return (index.h("dialog", { key: '82eae53a7e6bc7327a8e18f3ec46713f28e40de1', ref: el => (this.dialogEl = el), part: "dialog", class: "bs-command-palette", "aria-label": this.label, "aria-modal": "true", role: "dialog", onCancel: this.onCancel, onClose: () => this.open && this.setOpen(false), onClick: this.onDialogClick, onKeyDown: this.onDialogKeyDown }, index.h("div", { key: '38ff5eb71ba6ec55754e4652f8fd0726788888cc', part: "panel", class: "bs-command-palette__panel" }, index.h("div", { key: '44bbcb7583bd2c83f7bff67b7e11e923c2b254ea', part: "search", class: "bs-command-palette__search" }, this.scopeLabel && (index.h("bs-chip-informative", { key: 'b0b7ce0e5f6d89837e4ca51461cbf4418d133bfd', class: "bs-command-palette__scope", color: "info" }, this.scopeLabel)), index.h("div", { key: '2f1cfc7a8e22b552fd29ab42cd456420f5465511', class: "bs-command-palette__field", ref: el => (this.comboEl = el), role: "combobox", "aria-label": this.placeholder, "aria-expanded": String(hasList), "aria-haspopup": "listbox", "aria-controls": hasList ? listId : undefined, onKeyDown: this.onKeyDown }, index.h("bs-input", { key: 'd26a20ff3c9f65e4382ce00358bd503dd17097ce', part: "input", ref: el => (this.inputEl = el), type: "search", value: this.value, placeholder: this.placeholder, onBsInput: this.onInput })), index.h("span", { key: '9afab31e67ca2b7c2175fd0998ee39c434a8ff55', class: "bs-command-palette__esc", "aria-hidden": "true" }, index.h("bs-key", { key: '6ea5bd74d556f3bd3e99add2d3760979c18ec0f2', label: "Esc" }))), showResults && index.h("div", { key: '96ce3040a1f6123e331614be448742e0a01386cf', class: "bs-command-palette__divider", role: "presentation" }), showResults && (index.h("div", { key: 'b762317a9abf5cf1e5773abf9835ba10856c7d86', part: "results", class: "bs-command-palette__results", "aria-busy": String(loading), onMouseOver: this.onResultsMouseOver }, loading && (index.h("div", { key: '9c86ac88bdfc3d7cb0a7679902f4c3b063d45a24', class: "bs-command-palette__loading", role: "status" }, index.h("bs-spinner", { key: '8578c7013591ded5847c76cde5995f2e30930202', size: "sm" }), index.h("span", { key: 'd13b91f6601ad2a50981cf7eef3a69f47bf50ead' }, this.loadingLabel))), empty && this.renderEmpty(), hasList && (index.h("div", { key: '27f56bdf333b8f479c691132d441fb0b161328c2', id: listId, class: "bs-command-palette__list", role: "listbox", "aria-label": this.listLabel }, sections.map(s => this.renderSection(s)))))), this.showFooter && this.renderFooter()), index.h("span", { key: '8d1cee6732f49faf5794438742863ec67036aef5', class: "bs-command-palette__live", "aria-live": "polite" }, this.announcement())));
     }
     static get watchers() { return {
         "value": [{

package/dist/cjs/bs-compact-menu-block_2.cjs.entry.js

@@ -0,0 +1,46 @@
+'use strict';
+
+var index = require('./index-BYfMRtlW.js');
+
+const bsCompactMenuBlockCss = () => `:host{display:block;box-sizing:border-box;--bs-compact-menu-block-padding:var(--bs-spacing-100);--bs-compact-menu-block-radius:var(--bs-border-radius-100);--bs-compact-menu-block-bg:transparent;--bs-compact-menu-block-bg-hover:var(--bs-surface-hover);--bs-compact-menu-block-bg-pressed:var(--bs-surface-pressed);--bs-compact-menu-block-color:var(--bs-text-default);--bs-compact-menu-block-focus-ring:var(--bs-border-info)}.bs-compact-menu-block{box-sizing:border-box;display:block;width:100%;margin:0;padding:var(--bs-compact-menu-block-padding);border:0;border-radius:var(--bs-compact-menu-block-radius);background:var(--bs-compact-menu-block-bg);color:var(--bs-compact-menu-block-color);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif;font-size:var(--bs-fontsize-body-sm);font-weight:var(--bs-font-weight-regular);line-height:calc(var(--bs-line-height-body-sm) * 1px);text-align:left;cursor:pointer}.bs-compact-menu-block:hover,.bs-compact-menu-block:focus-visible{background:var(--bs-compact-menu-block-bg-hover)}.bs-compact-menu-block:active{background:var(--bs-compact-menu-block-bg-pressed)}.bs-compact-menu-block:focus-visible{outline:var(--bs-spacing-25) solid var(--bs-compact-menu-block-focus-ring);outline-offset:0}`;
+
+const BsCompactMenuBlock = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /** The text, and the accessible name. */
+    name;
+    render() {
+        const common = { part: 'container', class: 'bs-compact-menu-block' };
+        return (index.h("button", { key: 'b2a2efb662ffb9ddcf300ed8f6daaeb329964ffe', ...common, type: "button" }, this.name));
+    }
+};
+BsCompactMenuBlock.style = bsCompactMenuBlockCss();
+
+const bsMenuBlockCss = () => `:host{display:block;box-sizing:border-box;--bs-menu-block-padding:var(--bs-spacing-150);--bs-menu-block-gap:var(--bs-spacing-150);--bs-menu-block-radius:var(--bs-border-radius-100);--bs-menu-block-bg:transparent;--bs-menu-block-bg-hover:var(--bs-surface-hover);--bs-menu-block-bg-pressed:var(--bs-surface-pressed);--bs-menu-block-icon-bg:var(--bs-color-neutral-container);--bs-menu-block-color:var(--bs-text-default);--bs-menu-block-color-muted:var(--bs-text-secondary);--bs-menu-block-focus-ring:var(--bs-border-info);--bs-menu-block-white-space:nowrap}.bs-menu-block{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-menu-block-gap);width:100%;margin:0;padding:var(--bs-menu-block-padding);border:0;border-radius:var(--bs-menu-block-radius);background:var(--bs-menu-block-bg);color:var(--bs-menu-block-color);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif;text-align:left;cursor:pointer}.bs-menu-block:hover,.bs-menu-block:active{--bs-menu-block-icon-bg:var(--bs-surface-base)}.bs-menu-block:hover,.bs-menu-block:focus-visible{background:var(--bs-menu-block-bg-hover)}.bs-menu-block:active{background:var(--bs-menu-block-bg-pressed)}.bs-menu-block:active .bs-menu-block__description{color:var(--bs-menu-block-color)}.bs-menu-block:focus-visible{outline:var(--bs-spacing-25) solid var(--bs-menu-block-focus-ring);outline-offset:0}.bs-menu-block__icon{--bs-icon-tile-bg:var(--bs-menu-block-icon-bg);--bs-icon-tile-color:var(--bs-icon-default)}.bs-menu-block__glyph{display:block;width:var(--bs-icon-tile-icon-size);height:var(--bs-icon-tile-icon-size);background:currentColor;-webkit-mask:var(--bs-menu-block-glyph) center / contain no-repeat;mask:var(--bs-menu-block-glyph) center / contain no-repeat}.bs-menu-block__text{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.bs-menu-block__title{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-menu-block__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:var(--bs-menu-block-white-space);font-size:var(--bs-fontsize-body-sm);font-weight:var(--bs-font-weight-semibold);line-height:calc(var(--bs-line-height-body-sm) * 1px)}.bs-menu-block__badge{flex:none}.bs-menu-block__description{overflow:hidden;text-overflow:ellipsis;white-space:var(--bs-menu-block-white-space);color:var(--bs-menu-block-color-muted);font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}`;
+
+const BsMenuBlock = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /** The title, and the start of the accessible name. */
+    name;
+    /** One line under the title; part of the accessible name. */
+    description;
+    /** URL of a monochrome SVG painted with the icon colour. The default slot overrides it. */
+    icon;
+    /** Short text for a chip beside the title, e.g. "New". */
+    badge;
+    render() {
+        const common = { part: 'container', class: 'bs-menu-block' };
+        const body = [
+            index.h("bs-icon-tile", { key: 'f16451b0269c9e2147303016a9a8eff3054804fa', part: "icon", class: "bs-menu-block__icon", size: "md" }, this.icon ? index.h("span", { class: "bs-menu-block__glyph", style: { '--bs-menu-block-glyph': `url(${JSON.stringify(this.icon)})` } }) : index.h("slot", null)),
+            index.h("span", { key: 'b0ec2c28feb0db796dd9c252da01db7297680916', class: "bs-menu-block__text" }, index.h("span", { key: '512bfedc88a49232164be59eba523ca673876f2e', class: "bs-menu-block__title" }, index.h("span", { key: 'a75951dfa734644f3fbd5abd1f97e51b9a023a36', part: "name", class: "bs-menu-block__name" }, this.name), this.badge && (index.h("bs-chip-informative", { key: 'b4769585e7578532a68be1cb19bd1dc0553a7d52', part: "badge", class: "bs-menu-block__badge", color: "info", size: "sm" }, this.badge))), this.description && (index.h("span", { key: 'bc5049f8180aff51f96bad7bfedc6e5b7704f459', part: "description", class: "bs-menu-block__description" }, this.description))),
+        ];
+        return (index.h("button", { key: 'f468826125b6743495c96049081f94ea7f372a0d', ...common, type: "button" }, body));
+    }
+};
+BsMenuBlock.style = bsMenuBlockCss();
+
+exports.bs_compact_menu_block = BsCompactMenuBlock;
+exports.bs_menu_block = BsMenuBlock;

package/dist/cjs/bs-company-switcher.cjs.entry.js

@@ -0,0 +1,211 @@
+'use strict';
+
+var index = require('./index-BYfMRtlW.js');
+
+const bsCompanySwitcherCss = () => `:host{display:inline-block;box-sizing:border-box;width:var(--bs-company-switcher-width);max-width:100%;--bs-company-switcher-width:260px;--bs-company-switcher-panel-width:360px;--bs-company-switcher-radius:var(--bs-border-radius-100);--bs-company-switcher-trigger-bg:transparent;--bs-company-switcher-trigger-bg-hover:var(--bs-surface-hover);--bs-company-switcher-trigger-bg-pressed:var(--bs-surface-pressed);--bs-company-switcher-trigger-bg-open:var(--bs-surface-selected);--bs-company-switcher-focus-ring:var(--bs-border-neutral-focus);--bs-company-switcher-panel-bg:var(--bs-surface-base);--bs-company-switcher-panel-border-color:var(--bs-border-default);--bs-company-switcher-shadow:var(--bs-shadow-md);--bs-company-switcher-max-height:320px;--bs-company-switcher-text-color:var(--bs-text-default);--bs-company-switcher-muted-color:var(--bs-text-secondary);--bs-company-switcher-header-color:var(--bs-text-muted);--bs-company-switcher-z-index:var(--bs-z-index-popover)}.bs-company-switcher{display:block;width:100%;--bs-popover-radius:var(--bs-company-switcher-radius);--bs-popover-shadow:var(--bs-company-switcher-shadow);--bs-popover-z-index:var(--bs-company-switcher-z-index);--bs-popover-min-width:0px;--bs-popover-bg:transparent}.bs-company-switcher__trigger{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-spacing-150);width:100%;min-height:54px;padding:var(--bs-spacing-100) var(--bs-spacing-150);border:0;border-radius:var(--bs-company-switcher-radius);background:var(--bs-company-switcher-trigger-bg);color:var(--bs-company-switcher-text-color);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif;text-align:left;cursor:pointer}.bs-company-switcher__trigger:hover{background:var(--bs-company-switcher-trigger-bg-hover)}.bs-company-switcher__trigger:active{background:var(--bs-company-switcher-trigger-bg-pressed)}:host([open]) .bs-company-switcher__trigger,.bs-company-switcher__trigger[aria-busy='true']{background:var(--bs-company-switcher-trigger-bg-open)}.bs-company-switcher__trigger:focus-visible{outline:2px solid var(--bs-company-switcher-focus-ring);outline-offset:2px}.bs-company-switcher__avatar{display:inline-flex;flex:0 0 auto}.bs-company-switcher__text{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.bs-company-switcher__name{font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);line-height:20px}.bs-company-switcher__subtitle{color:var(--bs-company-switcher-muted-color);font-size:var(--bs-font-size-xs);line-height:16px}.bs-company-switcher__name,.bs-company-switcher__subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bs-company-switcher__trail{flex:0 0 auto;width:20px;height:20px;color:var(--bs-icon-default)}.bs-company-switcher__panel{display:block;width:var(--bs-company-switcher-panel-width);max-width:calc(100vw - var(--bs-spacing-200));--bs-card-bg:var(--bs-company-switcher-panel-bg);--bs-card-radius:var(--bs-company-switcher-radius);--bs-card-padding:0px;--bs-card-border-width:1px;--bs-card-border-color:var(--bs-company-switcher-panel-border-color);--bs-card-shadow:none}.bs-company-switcher__search{padding:var(--bs-spacing-150) var(--bs-spacing-150) var(--bs-spacing-100)}.bs-company-switcher__search bs-input{width:100%}.bs-company-switcher__list{box-sizing:border-box;max-height:var(--bs-company-switcher-max-height);overflow-y:auto;padding:0 var(--bs-spacing-100) var(--bs-spacing-100)}.bs-company-switcher__group-header{padding:var(--bs-spacing-100) var(--bs-spacing-100) var(--bs-spacing-50);color:var(--bs-company-switcher-header-color);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif;font-size:var(--bs-font-size-xs);font-weight:var(--bs-font-weight-medium);line-height:16px;letter-spacing:0.06em;text-transform:uppercase}.bs-company-switcher__row{--bs-list-item-min-height:52px;--bs-list-item-padding-y:var(--bs-spacing-100);--bs-list-item-padding-x:var(--bs-spacing-100);--bs-list-item-gap:var(--bs-spacing-150)}.bs-company-switcher__row--active{--bs-list-item-bg:var(--bs-surface-hover)}.bs-company-switcher__row-name{display:block;color:var(--bs-company-switcher-text-color);font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);line-height:20px}.bs-company-switcher__row-sub{display:block;color:var(--bs-company-switcher-muted-color);font-size:var(--bs-font-size-xs);line-height:16px}.bs-company-switcher__check{width:20px;height:20px;color:var(--bs-icon-action, var(--bs-icon-default))}.bs-company-switcher__empty{--bs-empty-state-padding-y:var(--bs-spacing-400)}.bs-company-switcher__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-spacing-100);padding:var(--bs-spacing-100) var(--bs-spacing-150)}.bs-company-switcher__live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}`;
+
+let uid = 0;
+const svgProps = {
+    viewBox: '0 0 24 24',
+    fill: 'none',
+    stroke: 'currentColor',
+    'stroke-width': '1.8',
+    'stroke-linecap': 'round',
+    'stroke-linejoin': 'round',
+    'aria-hidden': 'true',
+};
+const initialsOf = (name) => name
+    .split(/\s+/)
+    .filter(Boolean)
+    .slice(0, 2)
+    .map(w => w[0].toUpperCase())
+    .join('');
+const digits = (s) => s.replace(/\s+/g, '');
+const BsCompanySwitcher = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bsCompanySwitch = index.createEvent(this, "bsCompanySwitch");
+        this.bsManageCompanies = index.createEvent(this, "bsManageCompanies");
+        this.bsAddCompanies = index.createEvent(this, "bsAddCompanies");
+        this.bsOpenChange = index.createEvent(this, "bsOpenChange");
+    }
+    get el() { return index.getElement(this); }
+    id = `bs-cs-${++uid}`;
+    inputEl;
+    focusSearch = false;
+    /** The companies the user can switch between. JS property only (an array cannot be an attribute). */
+    companies = [];
+    /** `id` of the current company. */
+    currentId;
+    /** `id`s of recently used companies, most recent first. The current company is not repeated in the Recent group. */
+    recentIds = [];
+    /** `id` of the company being switched to. Shows the switching state: a spinner in the trigger and on that row. */
+    switchingId;
+    /** Whether the panel is open. */
+    open = false;
+    /** Text of the trigger when there is no current company. */
+    placeholderLabel = 'Select a company';
+    /** Placeholder (and accessible name) of the search field. */
+    searchPlaceholder = 'Find a company or org. number';
+    /** Accessible name of the company listbox. */
+    listLabel = 'Companies';
+    /** Header of the current company group. */
+    currentLabel = 'Current';
+    /** Header of the recent companies group. */
+    recentLabel = 'Recent';
+    /** Header of the all companies group (the count is appended). */
+    allLabel = 'All companies';
+    /** Header of the search view when there are several matches ("3 matches"). */
+    matchesLabel = 'matches';
+    /** Header of the search view when there is one match ("1 match"). */
+    matchLabel = 'match';
+    /** Prefix of the org. number, e.g. "Org. no.". */
+    orgNumberLabel = 'Org. no.';
+    /** Trigger subtitle while switching. */
+    switchingLabel = 'Switching…';
+    /** No-results heading. `{query}` is replaced by the query. */
+    emptyHeading = 'No companies match “{query}”';
+    /** No-results description. */
+    emptyDescription = 'Check the spelling, or search by org. number.';
+    /** Text of the "Manage Companies" footer button. */
+    manageLabel = 'Manage Companies';
+    /** Text of the "Add companies" footer button. */
+    addLabel = 'Add companies';
+    query = '';
+    activeId = null;
+    /** Fires when a company other than the current one is chosen (click or Enter), with the company. */
+    bsCompanySwitch;
+    /** Fires when "Manage Companies" is pressed. */
+    bsManageCompanies;
+    /** Fires when "Add companies" is pressed. */
+    bsAddCompanies;
+    /** Fires when the panel opens or closes through user interaction, with the new state. */
+    bsOpenChange;
+    onOpen(next) {
+        this.query = '';
+        this.activeId = null;
+        this.focusSearch = next;
+    }
+    componentDidRender() {
+        if (this.open && this.focusSearch) {
+            this.focusSearch = false;
+            this.inputEl?.focus();
+        }
+    }
+    byId(id) {
+        return id ? this.companies.find(c => c.id === id) : undefined;
+    }
+    get q() {
+        return this.query.trim().toLowerCase();
+    }
+    matches() {
+        const q = this.q;
+        const qd = digits(q);
+        return this.companies.filter(c => c.name.toLowerCase().includes(q) || digits(c.orgNumber).includes(qd));
+    }
+    groups() {
+        if (this.q) {
+            const items = this.matches();
+            if (!items.length)
+                return [];
+            return [{ key: 'matches', header: `${items.length} ${items.length === 1 ? this.matchLabel : this.matchesLabel}`, items }];
+        }
+        const current = this.byId(this.currentId);
+        const recent = this.recentIds.map(i => this.byId(i)).filter((c) => !!c && c.id !== this.currentId);
+        const shown = new Set([current?.id, ...recent.map(c => c.id)]);
+        const rest = this.companies.filter(c => !shown.has(c.id));
+        const out = [];
+        if (current)
+            out.push({ key: 'current', header: this.currentLabel, items: [current] });
+        if (recent.length)
+            out.push({ key: 'recent', header: this.recentLabel, items: recent });
+        if (rest.length)
+            out.push({ key: 'all', header: `${this.allLabel} · ${rest.length}`, items: rest });
+        return out;
+    }
+    rowId(c) {
+        return `${this.id}-opt-${c.id}`;
+    }
+    setOpen(next) {
+        if (this.open === next)
+            return;
+        this.open = next;
+        this.bsOpenChange.emit(next);
+    }
+    choose(c) {
+        if (c.id === this.currentId || c.id === this.switchingId) {
+            this.setOpen(false);
+            return;
+        }
+        this.bsCompanySwitch.emit(c);
+        // The consumer asks for the switching state from its handler; otherwise there is nothing to wait for.
+        if (!this.switchingId)
+            this.setOpen(false);
+    }
+    onPopoverOpenChange = (ev) => {
+        // bs-popover's own event would bubble out of this host too; ours replaces it.
+        ev.stopPropagation();
+        this.setOpen(ev.detail);
+    };
+    onInput = (ev) => {
+        ev.stopPropagation();
+        this.query = ev.detail;
+        this.activeId = null;
+    };
+    onKeyDown = (ev) => {
+        if (ev.key !== 'ArrowDown' && ev.key !== 'ArrowUp' && ev.key !== 'Enter')
+            return;
+        const rows = this.groups().flatMap(g => g.items);
+        if (ev.key === 'Enter') {
+            const active = rows.find(c => this.rowId(c) === this.activeId);
+            if (active) {
+                ev.preventDefault();
+                this.choose(active);
+            }
+            return;
+        }
+        ev.preventDefault();
+        if (!rows.length)
+            return;
+        const idx = rows.findIndex(c => this.rowId(c) === this.activeId);
+        const next = ev.key === 'ArrowDown' ? (idx + 1) % rows.length : idx <= 0 ? rows.length - 1 : idx - 1;
+        this.activeId = this.rowId(rows[next]);
+        // Wait for the re-render so the row exists with its new state before scrolling to it.
+        requestAnimationFrame(() => this.el.shadowRoot?.getElementById(this.activeId ?? '')?.scrollIntoView?.({ block: 'nearest' }));
+    };
+    subtitle(c) {
+        return `${c.country} · ${this.orgNumberLabel} ${c.orgNumber}`;
+    }
+    renderTrigger() {
+        const switching = this.byId(this.switchingId);
+        const shown = switching ?? this.byId(this.currentId);
+        return (index.h("button", { slot: "trigger", part: "trigger", type: "button", class: "bs-company-switcher__trigger", "aria-haspopup": "listbox", "aria-expanded": String(this.open), "aria-busy": switching ? 'true' : undefined }, index.h("span", { "aria-hidden": "true", class: "bs-company-switcher__avatar" }, shown ? index.h("bs-avatar", { part: "avatar", type: "initials", size: "sm", initials: initialsOf(shown.name) }) : index.h("bs-avatar", { part: "avatar", type: "icon", size: "sm" })), index.h("span", { class: "bs-company-switcher__text" }, index.h("span", { part: "name", class: "bs-company-switcher__name" }, shown ? shown.name : this.placeholderLabel), shown && (index.h("span", { part: "subtitle", class: "bs-company-switcher__subtitle" }, switching ? this.switchingLabel : `${this.orgNumberLabel} ${shown.orgNumber}`))), switching ? (index.h("bs-spinner", { class: "bs-company-switcher__trail", size: "sm", label: this.switchingLabel })) : (index.h("svg", { class: "bs-company-switcher__trail bs-company-switcher__chevron", ...svgProps }, index.h("path", { d: "m6 9 6 6 6-6" })))));
+    }
+    renderRow(c) {
+        const id = this.rowId(c);
+        const isCurrent = c.id === this.currentId;
+        const isSwitching = c.id === this.switchingId;
+        return (index.h("bs-list-item", { part: "row", id: id, class: { 'bs-company-switcher__row': true, 'bs-company-switcher__row--active': this.activeId === id }, selectionRole: "option", value: c.id, selected: isCurrent, "aria-busy": isSwitching ? 'true' : undefined, onMouseEnter: () => (this.activeId = id), onBsItemClick: (ev) => {
+                ev.stopPropagation();
+                this.choose(c);
+            } }, index.h("span", { slot: "leading", "aria-hidden": "true" }, index.h("bs-avatar", { type: "initials", size: "sm", initials: initialsOf(c.name) })), index.h("span", { class: "bs-company-switcher__row-name" }, c.name), index.h("span", { class: "bs-company-switcher__row-sub" }, this.subtitle(c)), isSwitching ? (index.h("bs-spinner", { slot: "trailing", size: "sm", label: this.switchingLabel })) : isCurrent ? (index.h("svg", { slot: "trailing", class: "bs-company-switcher__check", ...svgProps }, index.h("path", { d: "m5 12.5 4.5 4.5L19 7.5" }))) : null));
+    }
+    render() {
+        const groups = this.groups();
+        const empty = !!this.q && groups.length === 0;
+        const listId = `${this.id}-listbox`;
+        const total = groups.reduce((n, g) => n + g.items.length, 0);
+        return (index.h("bs-popover", { key: '9ce15612a22c2401bdeb75f5dbae869d76d9310c', class: "bs-company-switcher", open: this.open, placement: "bottom-start", onBsOpenChange: this.onPopoverOpenChange }, this.renderTrigger(), index.h("bs-card", { key: '848ef0a3498aa67b55b4c1885c88b6e7b9e4534d', part: "panel", class: "bs-company-switcher__panel", surface: "base" }, index.h("div", { key: '9ec54e9e78fb33c4e8049691ca8fb391ad05fa42', class: "bs-company-switcher__search", onMouseDown: (ev) => ev.preventDefault() }, index.h("div", { key: '222550548c6bdd41584a1a7c55c6e0bf23d07b8b', part: "search", role: "combobox", "aria-label": this.searchPlaceholder, "aria-expanded": "true", "aria-haspopup": "listbox", "aria-controls": groups.length ? listId : undefined, "aria-activedescendant": this.activeId ?? undefined, onKeyDown: this.onKeyDown }, index.h("bs-input", { key: 'd0dd2042031a45ab83b1cb857268df097f2dff5f', ref: el => (this.inputEl = el), type: "search", value: this.query, placeholder: this.searchPlaceholder, onBsInput: this.onInput }))), groups.length > 0 && (index.h("div", { key: '28343988f512c3515cd69a6b766d9990cd63d23a', id: listId, part: "list", class: "bs-company-switcher__list", role: "listbox", "aria-label": this.listLabel, onMouseDown: (ev) => ev.preventDefault(), onMouseLeave: () => (this.activeId = null) }, groups.map(g => {
+            const hid = `${this.id}-h-${g.key}`;
+            return (index.h("div", { part: "group", class: "bs-company-switcher__group", role: "group", "aria-labelledby": hid }, index.h("div", { part: "group-header", id: hid, class: "bs-company-switcher__group-header" }, g.header), g.items.map(c => this.renderRow(c))));
+        }))), empty && (index.h("bs-empty-state", { key: 'd4918f499f405f08d1874646442b9a529ae9fd3f', part: "empty", class: "bs-company-switcher__empty", heading: this.emptyHeading.replace('{query}', this.query.trim()), description: this.emptyDescription }, index.h("svg", { key: 'da86a364c21c7b3dbb3121750b022d348f2ecdab', slot: "icon", ...svgProps }, index.h("circle", { key: 'f81525086c48f928325c2532089b69ede5528e33', cx: "11", cy: "11", r: "7" }), index.h("path", { key: '490f2df2b35e29cdff08a60c1d63fb2fdd9ef1a7', d: "m20 20-3.5-3.5" })))), index.h("bs-divider", { key: '9a1997a336530026eab0743cbe7cca26f5c4da23', class: "bs-company-switcher__divider", decorative: true }), index.h("div", { key: '361ca8743c2c50fcaadc0541b9a3ceac1289f471', part: "footer", class: "bs-company-switcher__footer" }, index.h("bs-button", { key: '0dc207fc2719f926fba2859be9130bb28bee652a', variant: "subtle", size: "sm", onClick: () => this.bsManageCompanies.emit() }, index.h("svg", { key: '5ba9707f09ab325c7f7edff7fbec22196656ad8c', slot: "icon", ...svgProps }, index.h("circle", { key: '5f99a660c029225dbceb38347c5a6a4141ecbaaf', cx: "12", cy: "12", r: "3" }), index.h("path", { key: '7f3aec8c463210e81e079051d3a13f0550e6d27c', d: "M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1Z" })), this.manageLabel), index.h("bs-button", { key: 'f6204900c1e1f21b59d02a770339c0471efdc379', variant: "subtle", size: "sm", onClick: () => this.bsAddCompanies.emit() }, index.h("svg", { key: '2381e1068dbd3785995f6946c6215b743feeb323', slot: "icon", ...svgProps }, index.h("path", { key: '7decd85389ffd646e48d501126b99bc4498604be', d: "M12 5v14M5 12h14" })), this.addLabel)), index.h("span", { key: '36cb6c11fa0a3f51985a5272dce01441f8127fb0', class: "bs-company-switcher__live", "aria-live": "polite" }, this.open && this.q ? (empty ? this.emptyHeading.replace('{query}', this.query.trim()) : `${total} ${total === 1 ? this.matchLabel : this.matchesLabel}`) : ''))));
+    }
+    static get watchers() { return {
+        "open": [{
+                "onOpen": 0
+            }]
+    }; }
+};
+BsCompanySwitcher.style = bsCompanySwitcherCss();
+
+exports.bs_company_switcher = BsCompanySwitcher;

package/dist/cjs/bs-composer-status-banner.cjs.entry.js

@@ -51,7 +51,7 @@ const BsComposerStatusBanner = class {
         return this.type === 'error' || this.type === 'warning' ? index.h(WarningIcon, null) : index.h(ClockIcon, null);
     }
     render() {
-        return (index.h("div", { key: '9a18ded6392d5374cdf4357650498f1eff8bc896', role: this.roleForType(), "aria-busy": this.loading ? 'true' : undefined, class: `bs-composer-status-banner bs-composer-status-banner--${this.type}` }, index.h("div", { key: '8acfc215792a889e80d01a08e86a0aa96bfe8967', class: "bs-composer-status-banner__message-group" }, this.showIcon && (index.h("span", { key: '2a4e0a5fe6b4f2fef30d534eae0c15009f813d33', part: "icon", class: "bs-composer-status-banner__icon" }, index.h("slot", { key: '5378cfaf8b1fed689eedac4f6a2bf892dda043f8', name: "icon" }, this.renderDefaultIcon()))), index.h("p", { key: '9fe869051bbf300c12f0ec8006d409abf4bebf56', part: "message", class: "bs-composer-status-banner__message" }, this.message)), this.showButton && (index.h("button", { key: '6fe2f55c57523ee917ae6d96e2a070f1006f0a44', type: "button", part: "action", class: "bs-composer-status-banner__action", onClick: this.onActionClick }, this.actionLabel)), this.allowClose && (index.h("button", { key: '18d5ec846134a57c11c46810bb0b35acac0a20b6', type: "button", part: "close", class: "bs-composer-status-banner__close", "aria-label": this.closeLabel, onClick: this.onCloseClick }, index.h(CloseIcon, { key: 'cbf7993e299eacc8a05efc55cf0dc4539ba9d424' })))));
+        return (index.h("div", { key: '275d6a4c6eae013bf2f9804857baba9d0a2917a8', role: this.roleForType(), "aria-busy": this.loading ? 'true' : undefined, class: `bs-composer-status-banner bs-composer-status-banner--${this.type}` }, index.h("div", { key: '756473764a79392e539a0f0ec724374866385c0b', class: "bs-composer-status-banner__message-group" }, this.showIcon && (index.h("span", { key: 'e49eebafc231aa5987967672df2b9ffe2b3f951e', part: "icon", class: "bs-composer-status-banner__icon" }, index.h("slot", { key: '1047ceaf71e08f90bb7224aee6207a65e9fefd4d', name: "icon" }, this.renderDefaultIcon()))), index.h("p", { key: 'a0433bc0d21420bc561e0fdccfdfc75cb76f8bf3', part: "message", class: "bs-composer-status-banner__message" }, this.message)), this.showButton && (index.h("button", { key: '4291b58cc42d22395fe831eda2850725fcc3bda9', type: "button", part: "action", class: "bs-composer-status-banner__action", onClick: this.onActionClick }, this.actionLabel)), this.allowClose && (index.h("button", { key: '91d659760339c80414a59ef65bf053f9ad0aaceb', type: "button", part: "close", class: "bs-composer-status-banner__close", "aria-label": this.closeLabel, onClick: this.onCloseClick }, index.h(CloseIcon, { key: '47c78a3753c2a62c0a859771b89102bc974b32a6' })))));
     }
 };
 const SpinnerIcon = () => (index.h("svg", { class: "bs-composer-status-banner__spinner", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("circle", { cx: "10", cy: "10", r: "7.25", stroke: "currentColor", "stroke-opacity": "0.25", "stroke-width": "1.5" }), index.h("path", { d: "M17.25 10A7.25 7.25 0 0 0 10 2.75", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" })));

package/dist/cjs/bs-composer.cjs.entry.js

@@ -199,7 +199,7 @@ const BsComposer = class {
         const placeholder = this.placeholder ?? DEFAULT_PLACEHOLDERS[this.variant];
         const disabled = this.state === 'disabled';
         const recording = this.state === 'recording';
-        return (index.h("div", { key: 'f1ccd8ab2299efcf83dc8f858845e87ba87f9c41', class: `bs-composer bs-composer--${this.state} bs-composer--${this.variant}` }, index.h("div", { key: '2edd5ab5b6a67d108d2f8067a639e74b6ab4f39f', part: "attachments", class: `bs-composer__attachments-row ${this.hasAttachments ? 'bs-composer__attachments-row--visible' : ''}` }, index.h("slot", { key: 'a7b2acfea4b2498792749e24aaf9329e521a93df', name: "attachments", onSlotchange: this.onAttachmentsSlotchange })), index.h("div", { key: '0de284b100f38a60b472eadfd89f06690023a1a1', class: "bs-composer__text-row" }, index.h("textarea", { key: '0c46b8e4f54234b2df62af566f0b6bf9b1f978d1', ref: el => (this.inputEl = el), part: "input", class: "bs-composer__input", rows: 1, value: this.value, placeholder: placeholder, disabled: disabled, maxLength: this.maxLength, "aria-label": this.ariaLabel, onInput: this.onInput, onKeyDown: this.onInputKeydown })), index.h("div", { key: 'a3ca22299095e398b6dd7a62c9b6ce93a4d49dab', class: "bs-composer__controls-row" }, !this.hideAttach && (index.h("button", { key: 'c06cad301027ce2fdef180189945bebd2f876081', type: "button", part: "attach", class: "bs-composer__attach", "aria-label": this.attachLabel, onClick: this.onAttachClick }, index.h(PlusIcon, { key: 'd863cc1734ca9b67447b2cbbe19a2ba75266d169' }))), recording ? (index.h("span", { class: "bs-composer__waveform", "aria-hidden": "true" }, WAVEFORM_BAR_HEIGHTS.map(height => (index.h("span", { class: "bs-composer__waveform-bar", style: { '--bs-composer-bar-height': `${height}px` } }))))) : (index.h("span", { class: "bs-composer__spacer" })), !this.hideMic && (index.h("button", { key: 'aadf13bf18c9215045cf7ea326bbc1495ab21288', type: "button", part: "mic", class: `bs-composer__mic ${recording ? 'bs-composer__mic--recording' : ''}`, "aria-label": recording ? this.stopRecordingLabel : this.micLabel, disabled: disabled, onClick: this.onMicClick }, recording ? index.h(StopIcon, null) : index.h(MicIcon, null))), index.h("button", { key: '36ca7d3824349cd65473553e0a20b14c41b74b8b', type: "button", part: "action", class: `bs-composer__action bs-composer__action--${this.state}`, "aria-label": this.actionLabel(), disabled: disabled, "aria-busy": this.loading && this.state === 'idle' ? 'true' : undefined, onClick: this.onActionClick }, this.renderActionIcon()), index.h("slot", { key: '0965e567d4cb590d7cd072ecf72c10c2c97e1f69', name: "actions-end" }))));
+        return (index.h("div", { key: 'd63357675cbf508fc50014a9e2d3c8224bdc0108', class: `bs-composer bs-composer--${this.state} bs-composer--${this.variant}` }, index.h("div", { key: 'be65e62348956075f765621cb30e76063d85b9e3', part: "attachments", class: `bs-composer__attachments-row ${this.hasAttachments ? 'bs-composer__attachments-row--visible' : ''}` }, index.h("slot", { key: '8a1bcb47e809ea09db6918a90df7e3ffd5b6e57d', name: "attachments", onSlotchange: this.onAttachmentsSlotchange })), index.h("div", { key: 'a07dff798906b0532b439c0cb02c0dcee4d87f5d', class: "bs-composer__text-row" }, index.h("textarea", { key: 'b86a424e4012daa5a7fa8074e742fdc52bff87b8', ref: el => (this.inputEl = el), part: "input", class: "bs-composer__input", rows: 1, value: this.value, placeholder: placeholder, disabled: disabled, maxLength: this.maxLength, "aria-label": this.ariaLabel, onInput: this.onInput, onKeyDown: this.onInputKeydown })), index.h("div", { key: 'e7c4feda7f407f92372415561fa137c3fc124a6e', class: "bs-composer__controls-row" }, !this.hideAttach && (index.h("button", { key: '5d5dad6b3e4e63a0affa27f7522586919b8ba66c', type: "button", part: "attach", class: "bs-composer__attach", "aria-label": this.attachLabel, onClick: this.onAttachClick }, index.h(PlusIcon, { key: 'd1df5c9d4071e2dede7acd9c3923d264b14cea43' }))), recording ? (index.h("span", { class: "bs-composer__waveform", "aria-hidden": "true" }, WAVEFORM_BAR_HEIGHTS.map(height => (index.h("span", { class: "bs-composer__waveform-bar", style: { '--bs-composer-bar-height': `${height}px` } }))))) : (index.h("span", { class: "bs-composer__spacer" })), !this.hideMic && (index.h("button", { key: 'cb1ca37ee7ce02fb4bfd0fabf762d16030cf5b43', type: "button", part: "mic", class: `bs-composer__mic ${recording ? 'bs-composer__mic--recording' : ''}`, "aria-label": recording ? this.stopRecordingLabel : this.micLabel, disabled: disabled, onClick: this.onMicClick }, recording ? index.h(StopIcon, null) : index.h(MicIcon, null))), index.h("button", { key: 'c0ca786da9492d16c3a86b4a4f81683aeb2fac0f', type: "button", part: "action", class: `bs-composer__action bs-composer__action--${this.state}`, "aria-label": this.actionLabel(), disabled: disabled, "aria-busy": this.loading && this.state === 'idle' ? 'true' : undefined, onClick: this.onActionClick }, this.renderActionIcon()), index.h("slot", { key: '040cc29528d369ef8e8a513058b1b7379cbb6c4a', name: "actions-end" }))));
     }
     static get delegatesFocus() { return true; }
 };

package/dist/cjs/bs-container.cjs.entry.js

@@ -15,7 +15,7 @@ const BsContainer = class {
     padding = '300';
     render() {
         const pad = SPACING_TOKENS.includes(String(this.padding)) ? String(this.padding) : '300';
-        return (index.h(index.Host, { key: 'af5052dbda078e66b8afcf84e842f124748353b9', style: { '--bs-container-padding-token': `var(--bs-spacing-${pad})` } }, index.h("slot", { key: '2493e7614d7fcaf07b24e350e68a65b06fd77640' })));
+        return (index.h(index.Host, { key: '340c37cb6fc2d4b45a8581a49e70914c56f6d41e', style: { '--bs-container-padding-token': `var(--bs-spacing-${pad})` } }, index.h("slot", { key: '1c20b5de141a8329e9eb6c086073b7afab41b506' })));
     }
 };
 BsContainer.style = bsContainerCss();

package/dist/cjs/bs-data-table.cjs.entry.js

@@ -76,11 +76,11 @@ const BsDataTable = class {
         }
     }
     render() {
-        return (index.h("table", { key: '72d4058323ac137aa589476e5b89ed47bd8b996e', part: "table", class: "bs-data-table" }, index.h("thead", { key: '65e27a1aba0b9eb6892df5b0581672c9fb18ce13', part: "head" }, index.h("tr", { key: '690d1fab0effa5b0e9e44160ac91d77ab1290079' }, this.selectable && (index.h("th", { key: 'cf96e314093743b5e6341cf2fce3e0ac6b5e99ef', class: "bs-data-table__select-col" }, this.rows.length > 0 && (index.h("input", { key: 'fe6fe4d41420f9a37f11337044173ce5b13340d4', type: "checkbox", "aria-label": this.selectAllLabel, checked: this.selectedIds.size > 0 && this.selectedIds.size === this.rows.length, indeterminate: this.selectedIds.size > 0 && this.selectedIds.size < this.rows.length, onChange: this.onSelectAllChange })))), this.columns.map(column => {
+        return (index.h("table", { key: '646bdc772d8911e9531c8e7a0085c23cf400c5f9', part: "table", class: "bs-data-table" }, index.h("thead", { key: 'b18ad41e0aa107b8051dde2126456ba5fd86ec44', part: "head" }, index.h("tr", { key: '67ee2efb68900f4d240fbc3ef4291f4b7ae0ad0b' }, this.selectable && (index.h("th", { key: 'ccc73b67cc1533c654237e8132224271738fa731', class: "bs-data-table__select-col" }, this.rows.length > 0 && (index.h("input", { key: 'b7cf76aeead033daaea4650b90abbacba4a72341', type: "checkbox", "aria-label": this.selectAllLabel, checked: this.selectedIds.size > 0 && this.selectedIds.size === this.rows.length, indeterminate: this.selectedIds.size > 0 && this.selectedIds.size < this.rows.length, onChange: this.onSelectAllChange })))), this.columns.map(column => {
             const isSorted = this.sortColumn === column.key;
             const ariaSort = column.sortable ? (isSorted ? (this.sortDirection === 'asc' ? 'ascending' : 'descending') : 'none') : undefined;
             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)));
-        }))), index.h("tbody", { key: '34e3bb93c663862d1d8b29956c22392b3c2400ac', 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 ? (
+        }))), index.h("tbody", { key: 'e4d8dc0dbaa0a223442bdf307dce7c05f54547b9', 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 ? (
         // cellRenderer is a developer-supplied, trusted function (JS-property-only, never
         // derived from untrusted input) -- its HTML output is intentionally not escaped,
         // same trust model as React's dangerouslySetInnerHTML.

package/dist/cjs/bs-datepicker.cjs.entry.js

@@ -314,7 +314,7 @@ const BsDatepicker = class {
             : this.defaultTabbable(days);
         const isInRange = (iso) => !!selectedStart && !!previewEnd && iso > selectedStart && iso < previewEnd;
         const weekdays = this.weekdays();
-        return (index.h("bs-card", { key: '280abccf2d86d04f392f4daeb9811bf34d71dc6b', part: "container", class: "bs-datepicker", surface: "raised" }, index.h("div", { key: '624706b13929083f05bab4210a5c8444240f8a53', class: "bs-datepicker__body" }, this.renderHeader(), index.h("div", { key: '69d8f66f154e0e194b77b091bede097407c43902', part: "nav", class: "bs-datepicker__nav" }, index.h("button", { key: '089809f514e4513624749748d639ef6da997618b', part: "prev", type: "button", class: "bs-datepicker__nav-button", "aria-label": this.previousLabel, onClick: () => this.moveView(-1) }, index.h("svg", { key: 'd78f4940665d866752772f69de2e8058390bf6e5', viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, index.h("path", { key: 'f34d431a9f77b036fe4417c033f197c72780c1bf', d: "M15 18L9 12L15 6", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("div", { key: '36a37548a0bc04db3416f5e206c0990f0d1189eb', part: "title", class: "bs-datepicker__title", "aria-live": "polite" }, this.titleText()), index.h("button", { key: '3bf5616d93ea0d5f8968691692b2b64ce6334d0b', part: "next", type: "button", class: "bs-datepicker__nav-button", "aria-label": this.nextLabel, onClick: () => this.moveView(1) }, index.h("svg", { key: '5f9aac5a4e1658051908f5bad88b6c196f6dfea7', viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, index.h("path", { key: '0515eaeb3cd01b48633675668292cb01634c134a', d: "M9 18L15 12L9 6", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h("div", { key: '2decbaa1fc82ee83c58ae19cd19bd53c51aabe0d', part: "grid", class: "bs-datepicker__grid", role: "grid", "aria-label": this.titleText() }, index.h("div", { key: '4720f7dbda3ca990885a56d00860eaf4ab7689e8', class: "bs-datepicker__row", role: "row" }, weekdays.map(w => (index.h("div", { part: "weekday", class: "bs-datepicker__weekday", role: "columnheader" }, w)))), Array.from({ length: 6 }, (_, r) => {
+        return (index.h("bs-card", { key: '7ec1a401f3de27dbfca02cec5bafddfd65ddb8b1', part: "container", class: "bs-datepicker", surface: "raised" }, index.h("div", { key: '39ef955d7175fbaf485a138ad7bbe3fd00133700', class: "bs-datepicker__body" }, this.renderHeader(), index.h("div", { key: '304ef15f46dc9dfd30a3fdee1e4d9b4a8a31fd86', part: "nav", class: "bs-datepicker__nav" }, index.h("button", { key: '01ae2998d09497afb4b16950629287e0d6def2d4', part: "prev", type: "button", class: "bs-datepicker__nav-button", "aria-label": this.previousLabel, onClick: () => this.moveView(-1) }, index.h("svg", { key: '7d9063f139f079abc906f43458e19bc21b3b05cb', viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, index.h("path", { key: '7142cdbf7bfd7db26516831ab55c7d9203ab2485', d: "M15 18L9 12L15 6", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("div", { key: '492425990862fa53c2be547c7bf8d56b9c369109', part: "title", class: "bs-datepicker__title", "aria-live": "polite" }, this.titleText()), index.h("button", { key: '895f8b4ad72fa0e801b9dcc4701f9b69aad72e83', part: "next", type: "button", class: "bs-datepicker__nav-button", "aria-label": this.nextLabel, onClick: () => this.moveView(1) }, index.h("svg", { key: '998a268f59503b92a7f7ca0b4832c79d9ee48e78', viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, index.h("path", { key: '22e141eb617d5a0b009f005bf18abe95c1189efe', d: "M9 18L15 12L9 6", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h("div", { key: 'e6fd0113d7682efee354bce15f74591cf7b9cc30', part: "grid", class: "bs-datepicker__grid", role: "grid", "aria-label": this.titleText() }, index.h("div", { key: 'e4000fda3ac22ac7d382a89d1e5741bb4555ac8c', class: "bs-datepicker__row", role: "row" }, weekdays.map(w => (index.h("div", { part: "weekday", class: "bs-datepicker__weekday", role: "columnheader" }, w)))), Array.from({ length: 6 }, (_, r) => {
             const row = days.slice(r * 7, r * 7 + 7);
             return (index.h("div", { class: "bs-datepicker__row", role: "row" }, row.map((d, c) => {
                 const iso = toIso(d);

package/dist/cjs/bs-dialog.cjs.entry.js

@@ -1,14 +1,16 @@
 'use strict';
 
 var index = require('./index-BYfMRtlW.js');
+var motion = require('./motion-DOlI71lc.js');
 
-const bsDialogCss = () => `.bs-dialog__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-dialog__dialog{position:relative;display:flex;flex-direction:column;max-height:calc(100vh - var(--bs-spacing-800));background:var(--bs-surface-base);color:var(--bs-text-default);border-radius:var(--bs-border-radius-200);box-shadow:var(--bs-shadow-xl);font-family:inherit}.bs-dialog__dialog--sm{width:360px}.bs-dialog__dialog--md{width:560px}.bs-dialog__dialog--lg{width:800px}.bs-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:var(--bs-spacing-200) var(--bs-spacing-200) var(--bs-spacing-100)}.bs-dialog__image--visible+.bs-dialog__header,.bs-dialog__icon--visible+.bs-dialog__header{padding-top:0}.bs-dialog__heading{font-size:var(--bs-font-size-lg);font-weight:var(--bs-font-weight-semibold);color:var(--bs-text-default)}.bs-dialog__close--floating{position:absolute;top:var(--bs-spacing-200);inset-inline-end:var(--bs-spacing-200);z-index:1}.bs-dialog__body{padding:0 var(--bs-spacing-200) var(--bs-spacing-200);overflow-y:auto}.bs-dialog__body--centered{text-align:center}.bs-dialog__footer--visible{display:flex;justify-content:flex-end;gap:var(--bs-spacing-200);padding:0 var(--bs-spacing-200) var(--bs-spacing-200)}.bs-dialog__image--visible{overflow:hidden;border-radius:var(--bs-border-radius-200) var(--bs-border-radius-200) 0 0;margin-bottom:var(--bs-spacing-200)}.bs-dialog__image--visible ::slotted(img){display:block;width:100%;height:auto;object-fit:cover}.bs-dialog__icon--visible{display:flex;align-items:center;justify-content:center;padding:var(--bs-spacing-200) var(--bs-spacing-200) 0;margin-bottom:var(--bs-spacing-200)}.bs-dialog__icon--visible ::slotted(*){width:64px;height:64px}.bs-dialog__header--centered{justify-content:center;text-align:center}@media (forced-colors: active){.bs-dialog__dialog{border:1px solid CanvasText}}`;
+const bsDialogCss = () => `:host{--bs-dialog-duration:var(--bs-duration-default);--bs-dialog-easing:var(--bs-easing-standard);--bs-dialog-distance:var(--bs-spacing-200)}.bs-dialog__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-dialog__backdrop--closing{pointer-events:none}.bs-dialog__dialog{position:relative;display:flex;flex-direction:column;max-height:calc(100vh - var(--bs-spacing-800));background:var(--bs-surface-base);color:var(--bs-text-default);border-radius:var(--bs-border-radius-200);box-shadow:var(--bs-shadow-xl);font-family:inherit}.bs-dialog__dialog--sm{width:360px}.bs-dialog__dialog--md{width:560px}.bs-dialog__dialog--lg{width:800px}.bs-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:var(--bs-spacing-200) var(--bs-spacing-200) var(--bs-spacing-100)}.bs-dialog__image--visible+.bs-dialog__header,.bs-dialog__icon--visible+.bs-dialog__header{padding-top:0}.bs-dialog__heading{font-size:var(--bs-font-size-lg);font-weight:var(--bs-font-weight-semibold);color:var(--bs-text-default)}.bs-dialog__close--floating{position:absolute;top:var(--bs-spacing-200);inset-inline-end:var(--bs-spacing-200);z-index:1}.bs-dialog__body{padding:0 var(--bs-spacing-200) var(--bs-spacing-200);overflow-y:auto}.bs-dialog__body--centered{text-align:center}.bs-dialog__footer--visible{display:flex;justify-content:flex-end;gap:var(--bs-spacing-200);padding:0 var(--bs-spacing-200) var(--bs-spacing-200)}.bs-dialog__image--visible{overflow:hidden;border-radius:var(--bs-border-radius-200) var(--bs-border-radius-200) 0 0;margin-bottom:var(--bs-spacing-200)}.bs-dialog__image--visible ::slotted(img){display:block;width:100%;height:auto;object-fit:cover}.bs-dialog__icon--visible{display:flex;align-items:center;justify-content:center;padding:var(--bs-spacing-200) var(--bs-spacing-200) 0;margin-bottom:var(--bs-spacing-200)}.bs-dialog__icon--visible ::slotted(*){width:64px;height:64px}.bs-dialog__header--centered{justify-content:center;text-align:center}@media (forced-colors: active){.bs-dialog__dialog{border:1px solid CanvasText}}`;
 
 const BsDialog = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.bsClose = index.createEvent(this, "bsClose");
     }
+    get el() { return index.getElement(this); }
     /** Mutable + reflected so the component can close itself (backdrop click, Escape, close button)
      * the same way a native `<dialog>` does, while still emitting `bsClose` for the consumer to react to. */
     open = false;
@@ -42,6 +44,42 @@ const BsDialog = class {
     onIconSlotchange = (ev) => {
         this.hasIcon = ev.target.assignedNodes().length > 0;
     };
+    /** True while the exit motion plays after `open` went false, so the dialog stays mounted for it. */
+    closing = false;
+    backdropRef;
+    enterPending = false;
+    exitPending = false;
+    motionRun = 0;
+    onOpenChange(next) {
+        this.motionRun++;
+        motion.cancelMotion(this.backdropRef, this.dialogRef);
+        if (next) {
+            this.closing = false;
+            this.enterPending = true;
+        }
+        else if (this.wasOpen && motion.readMotion(this.el, 'bs-dialog').ms > 0) {
+            this.closing = true;
+            this.exitPending = true;
+        }
+    }
+    playEnter() {
+        const { ms, easing, distance } = motion.readMotion(this.el, 'bs-dialog');
+        if (ms === 0)
+            return;
+        motion.play(this.backdropRef, [{ opacity: 0 }, { opacity: 1 }], ms, easing);
+        motion.play(this.dialogRef, [{ opacity: 0, transform: `translateY(${distance}px) scale(0.96)` }, { opacity: 1, transform: 'none' }], ms, easing);
+    }
+    playExit() {
+        const { ms, easing, distance } = motion.readMotion(this.el, 'bs-dialog');
+        const run = ++this.motionRun;
+        Promise.all([
+            motion.play(this.backdropRef, [{ opacity: 1 }, { opacity: 0 }], ms, easing, 'forwards'),
+            motion.play(this.dialogRef, [{ opacity: 1, transform: 'none' }, { opacity: 0, transform: `translateY(${distance}px) scale(0.96)` }], ms, easing, 'forwards'),
+        ]).then(() => {
+            if (run === this.motionRun)
+                this.closing = false;
+        });
+    }
     dialogRef;
     previouslyFocused;
     previousBodyOverflow;
@@ -74,6 +112,14 @@ const BsDialog = class {
         }
     }
     componentDidRender() {
+        if (this.open && this.enterPending) {
+            this.enterPending = false;
+            this.playEnter();
+        }
+        else if (!this.open && this.closing && this.exitPending) {
+            this.exitPending = false;
+            this.playExit();
+        }
         if (this.open && !this.wasOpen) {
             this.previouslyFocused = document.activeElement;
             // Deferred to the next frame -- calling .focus() synchronously here, in the same task as
@@ -105,14 +151,19 @@ const BsDialog = class {
         }
     }
     render() {
-        if (!this.open) {
+        if (!this.open && !this.closing) {
             return null;
         }
         // The close button floats (absolute, over the top of the dialog) whenever there's a hero image
         // to sit over, or the centered layout has no header row to put an inline close button in.
         const floatingClose = this.centered || this.hasImage;
-        return (index.h("div", { part: "backdrop", class: "bs-dialog__backdrop", onClick: this.onBackdropClick }, index.h("div", { ref: el => (this.dialogRef = el), tabIndex: -1, part: "dialog", class: `bs-dialog__dialog bs-dialog__dialog--${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.heading }, floatingClose && (index.h("bs-icon-button", { part: "close", class: "bs-dialog__close--floating", variant: "neutral", size: "md", "aria-label": this.closeLabel, onClick: this.close }, index.h(CloseIcon, null))), index.h("div", { part: "image", class: `bs-dialog__image ${this.hasImage ? 'bs-dialog__image--visible' : ''}` }, index.h("slot", { name: "image", onSlotchange: this.onImageSlotchange })), this.centered && (index.h("div", { part: "icon", class: `bs-dialog__icon ${this.hasIcon ? 'bs-dialog__icon--visible' : ''}` }, index.h("slot", { name: "icon", onSlotchange: this.onIconSlotchange }))), index.h("div", { part: "header", class: `bs-dialog__header ${this.centered ? 'bs-dialog__header--centered' : ''}` }, index.h("span", { class: "bs-dialog__heading" }, this.heading), !floatingClose && (index.h("bs-icon-button", { part: "close", variant: "subtle", size: "md", "aria-label": this.closeLabel, onClick: this.close }, index.h(CloseIcon, null)))), index.h("div", { part: "body", class: `bs-dialog__body ${this.centered ? 'bs-dialog__body--centered' : ''}` }, index.h("slot", null)), index.h("div", { part: "footer", class: `bs-dialog__footer ${this.hasFooter ? 'bs-dialog__footer--visible' : ''}` }, index.h("slot", { name: "footer", onSlotchange: this.onFooterSlotchange })))));
+        return (index.h("div", { ref: el => (this.backdropRef = el), part: "backdrop", class: `bs-dialog__backdrop ${this.open ? '' : 'bs-dialog__backdrop--closing'}`, onClick: this.onBackdropClick }, index.h("div", { ref: el => (this.dialogRef = el), tabIndex: -1, part: "dialog", class: `bs-dialog__dialog bs-dialog__dialog--${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.heading }, floatingClose && (index.h("bs-icon-button", { part: "close", class: "bs-dialog__close--floating", variant: "neutral", size: "md", "aria-label": this.closeLabel, onClick: this.close }, index.h(CloseIcon, null))), index.h("div", { part: "image", class: `bs-dialog__image ${this.hasImage ? 'bs-dialog__image--visible' : ''}` }, index.h("slot", { name: "image", onSlotchange: this.onImageSlotchange })), this.centered && (index.h("div", { part: "icon", class: `bs-dialog__icon ${this.hasIcon ? 'bs-dialog__icon--visible' : ''}` }, index.h("slot", { name: "icon", onSlotchange: this.onIconSlotchange }))), index.h("div", { part: "header", class: `bs-dialog__header ${this.centered ? 'bs-dialog__header--centered' : ''}` }, index.h("span", { class: "bs-dialog__heading" }, this.heading), !floatingClose && (index.h("bs-icon-button", { part: "close", variant: "subtle", size: "md", "aria-label": this.closeLabel, onClick: this.close }, index.h(CloseIcon, null)))), index.h("div", { part: "body", class: `bs-dialog__body ${this.centered ? 'bs-dialog__body--centered' : ''}` }, index.h("slot", null)), index.h("div", { part: "footer", class: `bs-dialog__footer ${this.hasFooter ? 'bs-dialog__footer--visible' : ''}` }, index.h("slot", { name: "footer", onSlotchange: this.onFooterSlotchange })))));
     }
+    static get watchers() { return {
+        "open": [{
+                "onOpenChange": 0
+            }]
+    }; }
 };
 // 16x16 native viewBox, matching bs-attachment's own CloseIcon proportions (two crossing diagonal
 // strokes) -- shared between both close button variants above rather than duplicated inline.