@brandsync/wc 1.16.0 → 1.18.0

package/dist/esm/bs-chatbot-sources-drawer.entry.js

@@ -29,7 +29,7 @@ const BsChatbotSourcesDrawer = class {
     };
     render() {
         const displayCount = this.count ?? this.slottedCount;
-        return (h("div", { key: '6309d2770d544e58e3e4e99a16ae6a5e16c2545d', class: "bs-chatbot-sources-drawer", role: "region", "aria-label": this.heading }, h("div", { key: '8a3bf1faf5d91a5f833d8de442a5b15a09b2a339', class: "bs-chatbot-sources-drawer__header" }, h("div", { key: 'dfb8ff476939e3f723895de97991b14f9806e8fd', class: "bs-chatbot-sources-drawer__title-group" }, h("h2", { key: 'c817cb00b439026a8ea142441382cf090ddb0a37', part: "heading", class: "bs-chatbot-sources-drawer__heading" }, this.heading), displayCount > 0 && (h("span", { key: '016eb007b496e1355404145a9e294e66d6b8e0f0', part: "count", class: "bs-chatbot-sources-drawer__count" }, displayCount))), h("button", { key: '03bb83d11d15d24d0246d98ee6510201fa33f8b7', type: "button", part: "collapse", class: "bs-chatbot-sources-drawer__collapse", "aria-label": this.collapseLabel, onClick: this.onCollapseClick }, h("slot", { key: '5cae68793cfb35f532f552f154a3badf5e19a1a4', name: "collapse-icon" }, h(CaretRightIcon, { key: '9352aa0f35b8b756a4363b19e57a2cfff37a938e' })))), h("div", { key: 'd9891a9d984f1dfaaba988a4297919888a74a209', part: "list", class: "bs-chatbot-sources-drawer__list" }, h("slot", { key: '03dcd69d2aefb0a3db9b461baa4751ae6925ddef', onSlotchange: this.onSlotchange }))));
+        return (h("div", { key: 'bfda9a3a1b7babe3796e467ffa336c84cf6d8a4a', class: "bs-chatbot-sources-drawer", role: "region", "aria-label": this.heading }, h("div", { key: 'bfd62d975c23e0d4b95929c9a9ae88be1fcd5413', class: "bs-chatbot-sources-drawer__header" }, h("div", { key: 'c65d83289c40381f6e563970bbbc5bce6e7b071a', class: "bs-chatbot-sources-drawer__title-group" }, h("h2", { key: '5e89e3d436784ad56c853e48405599ee294dc2dc', part: "heading", class: "bs-chatbot-sources-drawer__heading" }, this.heading), displayCount > 0 && (h("span", { key: '5a8b0f3d487f720aa171e3aaf1d91604ba14c26d', part: "count", class: "bs-chatbot-sources-drawer__count" }, displayCount))), h("button", { key: 'd9e7552b2d20bdd10cf792c907d7944a88c9fad0', type: "button", part: "collapse", class: "bs-chatbot-sources-drawer__collapse", "aria-label": this.collapseLabel, onClick: this.onCollapseClick }, h("slot", { key: '4f1fcf8effe9664a5040039f3ea09c75e2df309b', name: "collapse-icon" }, h(CaretRightIcon, { key: 'b45707e326013749ce09346e2d05b72095590a8c' })))), h("div", { key: '14b3d1263fb57ff577d233ff8d8a2c679bfd5f1f', part: "list", class: "bs-chatbot-sources-drawer__list" }, h("slot", { key: '4ae945ece2ed3c8f35ed724617fbc24199c01817', onSlotchange: this.onSlotchange }))));
     }
 };
 const CaretRightIcon = () => (h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M7.5 4.375L13.125 10L7.5 15.625", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));

package/dist/esm/bs-chatbot-suggestion-button.entry.js

@@ -15,7 +15,7 @@ const BsChatbotSuggestionButton = class {
         this.bsSelect.emit();
     };
     render() {
-        return (h("button", { key: '5d7d706b1cbe7e4e99bfe16db3482979387e7a6a', type: "button", part: "button", class: "bs-chatbot-suggestion-button", disabled: this.disabled, onClick: this.onClick }, h("slot", { key: 'ba5bf8860c3f93c5391f0dbd6742cb4adb978304' })));
+        return (h("button", { key: '96fa6f46dfdf1dbf39428c9c35a0b8e02627a016', type: "button", part: "button", class: "bs-chatbot-suggestion-button", disabled: this.disabled, onClick: this.onClick }, h("slot", { key: '0f00a98b9ca49c6db6508afb0f10061a1594d860' })));
     }
 };
 BsChatbotSuggestionButton.style = bsChatbotSuggestionButtonCss();

package/dist/esm/bs-checkbox-skeleton.entry.js

@@ -12,7 +12,7 @@ const BsCheckboxSkeleton = class {
     /** Accessible name announced for the loading placeholder. */
     loadingLabel = 'Loading';
     render() {
-        return (h("span", { key: '5a5e8fb0a06e52c522228d5f3ee461ecfb4124b5', part: "container", class: "bs-checkbox-skeleton", role: "status", "aria-label": this.loadingLabel }, h("span", { key: '64b0151623c813be1a752e042bbb0f616c256c64', part: "box", class: `bs-checkbox-skeleton__box bs-checkbox-skeleton__box--${this.size}` }), h("span", { key: '7045443cd3fa14efbf0be76163ffe499b2a4bf24', part: "label", class: "bs-checkbox-skeleton__label" })));
+        return (h("span", { key: '893b7cc62c061fca220ece795a914d1c04afe3f1', part: "container", class: "bs-checkbox-skeleton", role: "status", "aria-label": this.loadingLabel }, h("span", { key: '4af59de817a1022250f93d254b8711f5d0c230bb', part: "box", class: `bs-checkbox-skeleton__box bs-checkbox-skeleton__box--${this.size}` }), h("span", { key: '377294db3bc2f5ceb3f39cc88a4b4a86ed948b09', part: "label", class: "bs-checkbox-skeleton__label" })));
     }
 };
 BsCheckboxSkeleton.style = bsCheckboxSkeletonCss();

package/dist/esm/bs-checkbox.entry.js

@@ -113,7 +113,7 @@ const BsCheckbox = class {
         ]
             .filter(Boolean)
             .join(' ');
-        return (h("label", { key: '98b2c7da5530c74c5632f28a770096201df43f1f', class: `bs-checkbox ${this.disabled ? 'bs-checkbox--disabled' : ''}` }, h("input", { key: '1765be1adab7001f6b8c6ca79c9da8ca3a67bb77', ref: el => (this.inputEl = el), class: "bs-checkbox__input", type: "checkbox", checked: this.checked, disabled: this.disabled, required: this.required, "aria-checked": this.indeterminate ? 'mixed' : String(this.checked), "aria-label": this.ariaLabel, onChange: this.onChange }), h("span", { key: 'ffae4c14191d40da029aaa058d0a11f1170e8c00', part: "box", class: boxClasses }, showIcon && (h("svg", { key: 'ef0ddf8663a8d1a517b3604c8fa3a98ff1ba7187', part: "icon", class: "bs-checkbox__icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, this.indeterminate ? (h("path", { d: "M3 8H13", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" })) : (h("path", { d: "M3 8.5L6.2 11.5L13 4.5", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("span", { key: '9fda5d8e25fecbc6d4ebe9339f63fae58e8bac26', part: "label", class: "bs-checkbox__label" }, h("slot", { key: '95d6e3a55c81444feb8d1221bb080b9c49a8cf46' }))));
+        return (h("label", { key: '935cb1230ee19ed086cf1889b95e5cb0694b2942', class: `bs-checkbox ${this.disabled ? 'bs-checkbox--disabled' : ''}` }, h("input", { key: '5a505a5e06dcf517c5463838e286ad3ca051aa96', ref: el => (this.inputEl = el), class: "bs-checkbox__input", type: "checkbox", checked: this.checked, disabled: this.disabled, required: this.required, "aria-checked": this.indeterminate ? 'mixed' : String(this.checked), "aria-label": this.ariaLabel, onChange: this.onChange }), h("span", { key: '4938df0023d4237cfc8b17c8656c752e4295de47', part: "box", class: boxClasses }, showIcon && (h("svg", { key: 'c71f39e8127b1b345942481e6eac071b8dbc194b', part: "icon", class: "bs-checkbox__icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, this.indeterminate ? (h("path", { d: "M3 8H13", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" })) : (h("path", { d: "M3 8.5L6.2 11.5L13 4.5", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("span", { key: '90cc8fba0da12a4527238fd1b536266edac132c0', part: "label", class: "bs-checkbox__label" }, h("slot", { key: '7622ef9ea5c7b118d543728de089cb6c9ae71b5d' }))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

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

@@ -57,7 +57,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 (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 }, h("span", { key: 'db74ff2a992268bb95564dc1631e54d00208255f', part: "icon", class: `bs-chip-filter__icon ${this.hasIcon ? 'bs-chip-filter__icon--visible' : ''}` }, h("slot", { key: '9319387acc35131d0555f9ad84c1f733034920d7', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '06291c8712d77d43c3c823e4b90d99218618db35', part: "label", class: "bs-chip-filter__label" }, h("slot", { key: '3c72fcc1085239ba9c45ee6e89f5b8e8b4cc0ce8' })), this.dropdown && (h("span", { key: 'd2efca03ed06d2341aec986cca2c0d27bdce5a75', part: "caret", class: "bs-chip-filter__caret", "aria-hidden": "true" }, h(ChevronDownIcon, { key: '8bb9383201632e567f662909559702fcf391790e' })))));
+        return (h("button", { key: 'f9a3d08479e7ed41739f3aafb0ab368a0675b217', 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 }, h("span", { key: '223cd086065cdcc534142889709de256fc02018b', part: "icon", class: `bs-chip-filter__icon ${this.hasIcon ? 'bs-chip-filter__icon--visible' : ''}` }, h("slot", { key: 'bfcf02d9ae967d4af95149b4690f98f78e381f1d', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'af8b7601dc3c5ced08acc8d0b0414b2f2f4ef758', part: "label", class: "bs-chip-filter__label" }, h("slot", { key: '83056a3f9a30ccdd688ca1286480a65b0a1ed8c9' })), this.dropdown && (h("span", { key: '6b3c1058216ad7b2508f189e754b7740e111c11d', part: "caret", class: "bs-chip-filter__caret", "aria-hidden": "true" }, h(ChevronDownIcon, { key: 'a5f375e9e65a57a4a901729efcb0bfba5edc32eb' })))));
     }
     static get delegatesFocus() { return true; }
 };

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

@@ -32,7 +32,7 @@ const BsChipInformative = class {
     };
     render() {
         const paddingVariant = this.hasIcon ? 'icon' : 'text';
-        return (h(Host, { key: 'ee5706f8c040b01f97e44b9dba4d74a3b023005c', class: `bs-chip-informative bs-chip-informative--${this.color} bs-chip-informative--${this.size} bs-chip-informative--${paddingVariant}` }, h("span", { key: '611cc7bec3b22cc2e7de25fc8aa49e8d4eca3cba', part: "icon", class: `bs-chip-informative__icon ${this.hasIcon ? 'bs-chip-informative__icon--visible' : ''}` }, h("slot", { key: '5945478d567c7b6a6e4ff602c2edd6465d3b7778', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '7e78fb0f2e5cfc2d232aa04f0c9edf94044f8eca', part: "label", class: "bs-chip-informative__label" }, h("slot", { key: 'fcec1018222e0da3f0adc6da13e0699c0bad764b' }))));
+        return (h(Host, { key: '175475b365a087e43fa6523a258698656e23d39e', class: `bs-chip-informative bs-chip-informative--${this.color} bs-chip-informative--${this.size} bs-chip-informative--${paddingVariant}` }, h("span", { key: 'b2116f28c75229963194c84e4d0d6e8c0fab1621', part: "icon", class: `bs-chip-informative__icon ${this.hasIcon ? 'bs-chip-informative__icon--visible' : ''}` }, h("slot", { key: '8fade40486f0d673b3349dc9c2282ff687d029f6', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '6b87a554737b9424033885a06f5136982a3d67bb', part: "label", class: "bs-chip-informative__label" }, h("slot", { key: '21f2759811a28da66033444be65b2fb680737bde' }))));
     }
 };
 BsChipInformative.style = bsChipInformativeCss();

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

@@ -64,7 +64,7 @@ const BsChipInput = class {
     };
     render() {
         const paddingVariant = this.hasIcon ? 'icon' : 'text';
-        return (h(Host, { key: '1e44e8c6c324502677a711e9efdeea812181e93d', class: `bs-chip-input bs-chip-input--${this.size} bs-chip-input--${paddingVariant}` }, h("button", { key: '7c698a6cfbe6ca8ff1215edeb59d7a58071ec29e', type: "button", part: "body", class: "bs-chip-input__body", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.onBodyClick }, h("span", { key: '159334959b3da3665fb6f4a2930c15fc1da028ad', part: "icon", class: `bs-chip-input__icon ${this.hasIcon ? 'bs-chip-input__icon--visible' : ''}` }, h("slot", { key: '0f12a8dbf2b17578ec1446032fa6b795f6aac9f4', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'd8236eaa237e3d204f721274551c0d50ce6b1f9a', part: "label", class: "bs-chip-input__label" }, h("slot", { key: '4872dcc68aa9a204801f10415fd1b3bc31db0c2a', onSlotchange: this.onLabelSlotchange }))), 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 }, h(CloseIcon, { key: 'ba26dff61400df054f3b2d73526e08d02734ba07' }))));
+        return (h(Host, { key: '9f4d441c816706bb360a4a06d7dfdcd06a89fb7c', class: `bs-chip-input bs-chip-input--${this.size} bs-chip-input--${paddingVariant}` }, h("button", { key: '740f5af451317b26f069613c1d35966993e6fcfa', type: "button", part: "body", class: "bs-chip-input__body", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.onBodyClick }, h("span", { key: 'a53e4b835d43bd9d3fa2704872a4a2eaf6640f33', part: "icon", class: `bs-chip-input__icon ${this.hasIcon ? 'bs-chip-input__icon--visible' : ''}` }, h("slot", { key: 'cceac9f60078c14a43bd7cf4ead2a126f8272ca7', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '8baa5a3f5bb554498e36fbdca5fd72acbdca4c1e', part: "label", class: "bs-chip-input__label" }, h("slot", { key: 'e12ea30cabae514a396367eef15ebf7e70e4bd19', onSlotchange: this.onLabelSlotchange }))), h("button", { key: 'a153766c79179c0c266b4215099dc00cadb7521a', type: "button", part: "remove", class: "bs-chip-input__remove", disabled: this.disabled, "aria-label": `${this.removeLabel} ${this.labelText}`, onClick: this.onRemoveClick }, h(CloseIcon, { key: '637fe474a7da111f0ecceb5120006578bd44ca18' }))));
     }
     static get delegatesFocus() { return true; }
 };

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

@@ -19,7 +19,7 @@ const BsCitationPreview = class {
     bsOpen;
     render() {
         const hasPage = this.page !== undefined && this.page !== null && this.page !== '';
-        return (h("bs-card", { key: '1295f42db1fb35c289d6cc1477b8430cedf7cbd1', part: "container", class: "bs-citation-preview", surface: "base" }, h("div", { key: '84d861992e3491b5acdba5c828942104080115ae', class: "bs-citation-preview__body" }, h("bs-source-link", { key: 'b84d4965c3f6c4dc0b6c2ffb5c5d2e3ebad1e9c4', part: "header", fileName: this.fileName, sourceName: this.sourceName, href: this.href, onBsOpen: () => this.bsOpen.emit() }), h("div", { key: 'de597e072c72c67600f1b3e8d73681cded0624e6', part: "snippet", class: "bs-citation-preview__snippet" }, h("slot", { key: '5513cf9dcb44ed5ced270437118584a229971de0' })), h("div", { key: '1b6a5620ed09d8690908daa17065fb901c0bdfb1', class: "bs-citation-preview__footer" }, h("slot", { key: 'feabf442256e6d3b26e1f6d309a35c9f96899ab5', name: "footer" }, hasPage && (h("span", { key: '925008ee116c57ea9ab6940054ee42b33883c577', part: "page", class: "bs-citation-preview__page" }, "Page ", this.page)))))));
+        return (h("bs-card", { key: 'af7b50840be8a1fa0454a9117243e203f30fcc95', part: "container", class: "bs-citation-preview", surface: "base" }, h("div", { key: '0c0d947599941f28b24c60650262a1b6e4ed5c4a', class: "bs-citation-preview__body" }, h("bs-source-link", { key: '9be793892a7cbf9f7b6fff934bcc252dd7d42dff', part: "header", fileName: this.fileName, sourceName: this.sourceName, href: this.href, onBsOpen: () => this.bsOpen.emit() }), h("div", { key: 'bef7cd349b82433a2090f293686b653e6a13d71b', part: "snippet", class: "bs-citation-preview__snippet" }, h("slot", { key: '570771c36bfbbb68b93284a70615fcce6d9f0505' })), h("div", { key: 'dc8c1ad2d2bc57dddc963a3434563959d18c5f6a', class: "bs-citation-preview__footer" }, h("slot", { key: '7e621faf0e3e90b06f8ceb4712e0d61b18f7d797', name: "footer" }, hasPage && (h("span", { key: 'd00646db324820ff44a7a2b0d122b92990be251f', part: "page", class: "bs-citation-preview__page" }, "Page ", this.page)))))));
     }
 };
 BsCitationPreview.style = bsCitationPreviewCss();

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

@@ -0,0 +1,372 @@
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-D3SkQJpw.js';
+
+const bsCommandPaletteCss = () => `:host{display:contents;--bs-command-palette-width:640px;--bs-command-palette-top:12vh;--bs-command-palette-max-height:60vh;--bs-command-palette-radius:var(--bs-border-radius-150);--bs-command-palette-bg:var(--bs-surface-base);--bs-command-palette-shadow:0 var(--bs-shadow-position-100) var(--bs-shadow-blur-200) 0 var(--bs-elevation-higher);--bs-command-palette-overlay:var(--bs-surface-overlay);--bs-command-palette-footer-bg:var(--bs-surface-container);--bs-command-palette-divider-color:var(--bs-border-default);--bs-command-palette-header-border-color:var(--bs-border-neutral-container);--bs-command-palette-header-color:var(--bs-text-muted);--bs-command-palette-hint-color:var(--bs-text-secondary);--bs-command-palette-z-index:var(--bs-z-index-modal)}.bs-command-palette{box-sizing:border-box;width:min(var(--bs-command-palette-width), calc(100vw - 2 * var(--bs-spacing-200)));max-width:none;max-height:none;margin:var(--bs-command-palette-top) auto auto;padding:0;border:0;background:transparent;color:var(--bs-text-default);overflow:visible;z-index:var(--bs-command-palette-z-index)}.bs-command-palette::backdrop{background:var(--bs-command-palette-overlay, var(--bs-surface-overlay))}.bs-command-palette__panel{display:flex;flex-direction:column;box-sizing:border-box;overflow:clip;border-radius:var(--bs-command-palette-radius);background:var(--bs-command-palette-bg);box-shadow:var(--bs-command-palette-shadow)}@media (prefers-reduced-motion: no-preference){.bs-command-palette[open] .bs-command-palette__panel{animation:bs-command-palette-in 120ms ease-out}}@keyframes bs-command-palette-in{from{opacity:0;transform:scale(0.98)}}.bs-command-palette__search{position:relative;display:flex;align-items:center;gap:var(--bs-spacing-100);padding:var(--bs-spacing-150)}.bs-command-palette__field{flex:1 1 auto;min-width:0}.bs-command-palette__field bs-input{width:100%}.bs-command-palette__scope{flex:none}.bs-command-palette__esc{position:absolute;top:50%;right:calc(var(--bs-spacing-150) + 9px);transform:translateY(-50%);display:inline-flex;pointer-events:none}.bs-command-palette__divider{height:1px;background:var(--bs-command-palette-divider-color)}.bs-command-palette__results{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-spacing-100);padding:var(--bs-spacing-100);max-height:var(--bs-command-palette-max-height);overflow-y:auto}.bs-command-palette__list{display:flex;flex-direction:column;gap:var(--bs-spacing-100)}.bs-command-palette__section{display:flex;flex-direction:column}.bs-command-palette__section-header{padding:var(--bs-spacing-150) var(--bs-spacing-150) var(--bs-spacing-100);border-bottom:1px solid var(--bs-command-palette-header-border-color);color:var(--bs-command-palette-header-color);font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);line-height:20px}.bs-command-palette__loading{display:flex;align-items:center;justify-content:center;gap:var(--bs-spacing-100);padding:var(--bs-spacing-300) var(--bs-spacing-200);color:var(--bs-text-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-command-palette__empty{display:flex;flex-direction:column;align-items:center;gap:var(--bs-spacing-100);padding:var(--bs-spacing-300) var(--bs-spacing-200);text-align:center}.bs-command-palette__empty-icon{width:32px;height:32px;color:var(--bs-icon-default)}.bs-command-palette__empty-heading{color:var(--bs-text-default);font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-semibold);line-height:24px}.bs-command-palette__empty-description{color:var(--bs-text-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-command-palette__link{margin:0;padding:0;border:0;border-bottom:1px solid var(--bs-border-info);background:none;color:var(--bs-text-link);font:inherit;line-height:20px;cursor:pointer}.bs-command-palette__link:focus-visible{outline:2px solid var(--bs-border-info);outline-offset:2px}.bs-command-palette__footer{display:flex;align-items:center;gap:var(--bs-spacing-200);padding:10px var(--bs-spacing-200);background:var(--bs-command-palette-footer-bg)}.bs-command-palette__hint{display:inline-flex;align-items:center;gap:var(--bs-spacing-50);color:var(--bs-command-palette-hint-color);font-size:var(--bs-font-size-sm);line-height:20px;white-space:nowrap}.bs-command-palette__spacer{flex:1 1 0}.bs-command-palette__live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}`;
+
+/** The result sections, in display (and keyboard) order. */
+const RESULT_SECTIONS = ['recent', 'suggested', 'commands', 'navigation', 'records'];
+const ALL_SECTIONS = [...RESULT_SECTIONS, 'try-instead'];
+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 BsCommandPalette = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.bsInput = createEvent(this, "bsInput");
+        this.bsSelect = createEvent(this, "bsSelect");
+        this.bsSuggestion = createEvent(this, "bsSuggestion");
+        this.bsOpenChange = createEvent(this, "bsOpenChange");
+        this.bsScopeExit = createEvent(this, "bsScopeExit");
+    }
+    get el() { return getElement(this); }
+    id = `bs-cp-${++uid}`;
+    itemSeq = 0;
+    observer;
+    dialogEl;
+    comboEl;
+    inputEl;
+    previousFocus;
+    userMoved = false;
+    /** The field value. Two-way. A leading `>` means commands-only mode. */
+    value = '';
+    /** Whether the palette is open. */
+    open = false;
+    /** Derived from `value` (it starts with `>`). Read-only; set `value` instead. */
+    commandsOnly = false;
+    /** Which view to show. You choose it; nothing is inferred from `value`. `default` and `results` render the same; they differ for screen readers only. */
+    status = 'default';
+    /** Accessible name of the dialog. */
+    label = 'Command palette';
+    /** Placeholder of the field. */
+    placeholder = 'Type a command or search…';
+    /** Keep the palette open after an item is chosen. */
+    keepOpenOnSelect = false;
+    /** Shows the footer of keyboard hints. */
+    showFooter = true;
+    /** Global shortcut that toggles the palette, e.g. `mod+k` (`mod` is Cmd on Mac, Ctrl elsewhere). Empty = off. */
+    hotkey = '';
+    /** Nested scope: shows this text as a chip before the field. Backspace on an empty field emits `bsScopeExit`. */
+    scopeLabel;
+    /** Section headers. */
+    recentLabel = 'Recent';
+    suggestedLabel = 'Suggested';
+    commandsLabel = 'Commands';
+    navigationLabel = 'Navigation';
+    recordsLabel = 'Records';
+    tryInsteadLabel = 'Try instead';
+    /** Footer hint texts. */
+    navigateLabel = 'Navigate';
+    openLabel = 'Open';
+    closeLabel = 'Close';
+    commandsOnlyLabel = 'Commands only';
+    allResultsLabel = 'All results';
+    /** No-results view copy. Include the query in `emptyHeading` yourself. */
+    emptyHeading = 'No commands or records';
+    emptyDescription = 'Check the spelling, or search records instead.';
+    /** A suggested correction; the "Did you mean" line shows while it is set. */
+    didYouMean;
+    didYouMeanLabel = 'Did you mean';
+    /** Text of the loading row. */
+    loadingLabel = 'Loading…';
+    /** Accessible name of the results listbox. */
+    listLabel = 'Results';
+    filled = { recent: false, suggested: false, commands: false, navigation: false, records: false, 'try-instead': false };
+    activeId = null;
+    /** Fires on every keystroke with `{ value, query, commandsOnly }`. */
+    bsInput;
+    /** Fires when an item is chosen (click or Enter) with `{ value, section, commandsOnly }`. */
+    bsSelect;
+    /** Fires when the "Did you mean" suggestion is pressed, with its text. */
+    bsSuggestion;
+    /** Fires when the palette opens or closes through user interaction (hotkey, Esc, scrim, selection). */
+    bsOpenChange;
+    /** Fires on Backspace in an empty field while `scopeLabel` is set. */
+    bsScopeExit;
+    /** Opens the palette. */
+    async show() {
+        this.open = true;
+    }
+    /** Closes the palette and restores focus. */
+    async close() {
+        this.open = false;
+    }
+    onValueChange() {
+        this.commandsOnly = this.value.startsWith('>');
+    }
+    resetMoved() {
+        this.userMoved = false;
+    }
+    componentWillLoad() {
+        this.commandsOnly = this.value.startsWith('>');
+        this.readFilled();
+        this.prepareItems();
+    }
+    connectedCallback() {
+        document.addEventListener('keydown', this.onDocKeyDown);
+        this.observer = new MutationObserver(() => {
+            this.readFilled();
+            this.prepareItems();
+            this.syncActive();
+        });
+        this.observer.observe(this.el, { childList: true });
+    }
+    disconnectedCallback() {
+        document.removeEventListener('keydown', this.onDocKeyDown);
+        this.observer?.disconnect();
+        if (this.dialogEl?.open)
+            this.dialogEl.close();
+    }
+    componentDidRender() {
+        this.syncDialog();
+        this.prepareItems();
+        this.syncActive();
+    }
+    syncDialog() {
+        const d = this.dialogEl;
+        if (!d)
+            return;
+        if (this.open && !d.open) {
+            this.previousFocus = document.activeElement;
+            d.showModal();
+            this.focusInput();
+        }
+        else if (!this.open && d.open) {
+            d.close();
+            const prev = this.previousFocus;
+            this.previousFocus = null;
+            if (prev && prev.isConnected)
+                prev.focus?.();
+        }
+    }
+    focusInput() {
+        this.inputEl?.focus();
+        const native = this.inputEl?.shadowRoot?.querySelector('input');
+        native?.select?.();
+    }
+    onDocKeyDown = (ev) => {
+        if (!this.hotkey || ev.defaultPrevented)
+            return;
+        const parts = this.hotkey.toLowerCase().split('+').map(p => p.trim());
+        const key = parts[parts.length - 1];
+        const mods = parts.slice(0, -1);
+        const isMac = /mac|iphone|ipad/i.test(navigator.platform || navigator.userAgent);
+        const want = (m) => mods.includes(m);
+        const wantMeta = want('meta') || want('cmd') || (want('mod') && isMac);
+        const wantCtrl = want('ctrl') || (want('mod') && !isMac);
+        if (ev.key.toLowerCase() !== key)
+            return;
+        if (ev.metaKey !== wantMeta || ev.ctrlKey !== wantCtrl || ev.altKey !== want('alt') || ev.shiftKey !== want('shift'))
+            return;
+        ev.preventDefault();
+        this.setOpen(!this.open);
+    };
+    setOpen(next) {
+        if (this.open === next)
+            return;
+        this.open = next;
+        this.bsOpenChange.emit(next);
+    }
+    allItems() {
+        return Array.from(this.el.children).filter(c => c.tagName === 'BS-SEARCH-ITEM' && ALL_SECTIONS.includes(c.getAttribute('slot')));
+    }
+    shownSections() {
+        if (this.status === 'loading')
+            return [];
+        if (this.status === 'empty')
+            return ['try-instead'];
+        return RESULT_SECTIONS;
+    }
+    visibleItems() {
+        if (!this.open)
+            return [];
+        const items = this.allItems();
+        return this.shownSections().flatMap(s => items.filter(i => i.getAttribute('slot') === s));
+    }
+    enabledItems() {
+        return this.visibleItems().filter(i => !i.disabled);
+    }
+    readFilled() {
+        const next = { ...this.filled };
+        let changed = false;
+        for (const s of ALL_SECTIONS) {
+            const has = Array.from(this.el.children).some(c => c.getAttribute('slot') === s);
+            if (next[s] !== has) {
+                next[s] = has;
+                changed = true;
+            }
+        }
+        if (changed)
+            this.filled = next;
+    }
+    prepareItems() {
+        for (const item of this.allItems()) {
+            if (item.selectionRole !== 'option')
+                item.selectionRole = 'option';
+            if (!item.id)
+                item.id = `${this.id}-opt-${++this.itemSeq}`;
+        }
+    }
+    /** First enabled item is active unless the user moved the highlight (and it still exists). */
+    syncActive() {
+        const enabled = this.enabledItems();
+        let id = this.activeId;
+        if (!this.open || !enabled.length)
+            id = null;
+        else if (!this.userMoved || !enabled.some(i => i.id === id))
+            id = enabled[0].id;
+        if (id !== this.activeId)
+            this.activeId = id;
+        let activeItem;
+        for (const item of this.allItems()) {
+            const on = !!id && item.id === id;
+            if (on)
+                activeItem = item;
+            if (item.active !== on)
+                item.active = on;
+        }
+        // The items live in the light DOM, so an id reference cannot reach them from this shadow root; the
+        // element-reference property can (the light DOM is an ancestor scope).
+        if (this.comboEl)
+            this.comboEl.ariaActiveDescendantElement = activeItem ?? null;
+    }
+    setActive(item) {
+        this.userMoved = true;
+        this.activeId = item.id;
+        for (const i of this.allItems())
+            i.active = i.id === item.id;
+        if (this.comboEl)
+            this.comboEl.ariaActiveDescendantElement = item;
+        item.scrollIntoView?.({ block: 'nearest' });
+    }
+    onInput = (ev) => {
+        ev.stopPropagation();
+        this.value = ev.detail;
+        this.userMoved = false;
+        const commandsOnly = this.value.startsWith('>');
+        this.bsInput.emit({ value: this.value, query: (commandsOnly ? this.value.slice(1) : this.value).trim(), commandsOnly });
+    };
+    onKeyDown = (ev) => {
+        switch (ev.key) {
+            case 'ArrowDown':
+            case 'ArrowUp': {
+                ev.preventDefault();
+                const items = this.enabledItems();
+                if (!items.length)
+                    return;
+                const idx = items.findIndex(i => i.id === this.activeId);
+                const next = ev.key === 'ArrowDown' ? (idx + 1) % items.length : idx <= 0 ? items.length - 1 : idx - 1;
+                this.setActive(items[next]);
+                return;
+            }
+            case 'Enter': {
+                const active = this.enabledItems().find(i => i.id === this.activeId);
+                if (active) {
+                    ev.preventDefault();
+                    active.click();
+                }
+                return;
+            }
+            case 'Backspace':
+                if (this.scopeLabel && this.value === '')
+                    this.bsScopeExit.emit();
+                return;
+        }
+    };
+    onDialogKeyDown = (ev) => {
+        if (ev.key === 'Escape') {
+            ev.preventDefault();
+            ev.stopPropagation();
+            this.setOpen(false);
+        }
+    };
+    /** Native cancel (Esc through another path): handle it ourselves so state and focus stay in sync. */
+    onCancel = (ev) => {
+        ev.preventDefault();
+        this.setOpen(false);
+    };
+    /** A click that lands on the `<dialog>` itself is a click on the backdrop (the scrim). */
+    onDialogClick = (ev) => {
+        if (ev.target === this.dialogEl)
+            this.setOpen(false);
+    };
+    onItemSelect(ev) {
+        const item = ev.target;
+        if (!item || item.tagName !== 'BS-SEARCH-ITEM')
+            return;
+        ev.stopPropagation();
+        this.bsSelect.emit({ value: ev.detail, section: item.getAttribute('slot') ?? '', commandsOnly: this.commandsOnly });
+        if (!this.keepOpenOnSelect)
+            this.setOpen(false);
+    }
+    onResultsMouseOver = (ev) => {
+        const item = ev.composedPath().find(n => n.tagName === 'BS-SEARCH-ITEM');
+        if (item && !item.disabled && item.id !== this.activeId)
+            this.setActive(item);
+    };
+    sectionLabel(s) {
+        return {
+            recent: this.recentLabel,
+            suggested: this.suggestedLabel,
+            commands: this.commandsLabel,
+            navigation: this.navigationLabel,
+            records: this.recordsLabel,
+            'try-instead': this.tryInsteadLabel,
+        }[s];
+    }
+    renderSection(s) {
+        const hid = `${this.id}-h-${s}`;
+        return (h("div", { part: "section", class: "bs-command-palette__section", role: "group", "aria-labelledby": hid }, h("div", { part: "section-header", id: hid, class: "bs-command-palette__section-header" }, this.sectionLabel(s)), h("slot", { name: s })));
+    }
+    renderHint(keys, label) {
+        return (h("span", { part: "hint", class: "bs-command-palette__hint" }, keys, h("span", { class: "bs-command-palette__hint-text" }, label)));
+    }
+    renderFooter() {
+        const arrow = (d) => (h("bs-key", null, h("svg", { slot: "icon", ...svgProps }, h("path", { d: d }))));
+        return (h("div", { part: "footer", class: "bs-command-palette__footer" }, this.renderHint([arrow('M12 19V5M5 12l7-7 7 7'), arrow('M12 5v14M5 12l7 7 7-7')], this.navigateLabel), this.renderHint([
+            h("bs-key", null, h("svg", { slot: "icon", ...svgProps }, h("path", { d: "M9 14 4 9l5-5" }), h("path", { d: "M4 9h10.5a5.5 5.5 0 0 1 0 11H11" }))),
+        ], this.openLabel), this.renderHint([h("bs-key", { label: "Esc" })], this.closeLabel), h("span", { class: "bs-command-palette__spacer" }), this.commandsOnly
+            ? this.renderHint([h("bs-key", { label: "Backspace" })], this.allResultsLabel)
+            : this.renderHint([h("bs-key", { label: ">" })], this.commandsOnlyLabel)));
+    }
+    renderEmpty() {
+        return (h("div", { part: "empty", class: "bs-command-palette__empty" }, h("svg", { class: "bs-command-palette__empty-icon", ...svgProps, "stroke-width": "1.5" }, h("circle", { cx: "11", cy: "11", r: "7" }), h("path", { d: "m20 20-3.5-3.5M8.5 11h5" })), h("div", { class: "bs-command-palette__empty-heading" }, this.emptyHeading), h("div", { class: "bs-command-palette__empty-description" }, this.emptyDescription), this.didYouMean && (h("div", { class: "bs-command-palette__empty-description" }, this.didYouMeanLabel, ' ', h("button", { type: "button", class: "bs-command-palette__link", onClick: () => this.bsSuggestion.emit(this.didYouMean) }, this.didYouMean)))));
+    }
+    announcement() {
+        if (!this.open)
+            return '';
+        if (this.status === 'empty')
+            return this.emptyHeading;
+        if (this.status === 'loading')
+            return this.loadingLabel;
+        return '';
+    }
+    render() {
+        const listId = `${this.id}-listbox`;
+        const loading = this.status === 'loading';
+        const empty = this.status === 'empty';
+        const sections = this.shownSections().filter(s => this.filled[s]);
+        const hasList = sections.length > 0;
+        const showResults = loading || empty || hasList;
+        return (h("dialog", { key: '6a561ea62b6c339d10be7c860ca78ec1980c196e', 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 }, h("div", { key: 'b4592134ab30548ceebe592c83a6aef96d4f30fa', part: "panel", class: "bs-command-palette__panel" }, h("div", { key: '803431fd163a7bec9ef8b2d29f40b010b82c562e', part: "search", class: "bs-command-palette__search" }, this.scopeLabel && (h("bs-chip-informative", { key: '66eea31c8b70c0ce11407e48088580f04f6f79a3', class: "bs-command-palette__scope", color: "info" }, this.scopeLabel)), h("div", { key: '6210de6dc47a703c20de9ea6f49f48ec7f0440ef', 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 }, h("bs-input", { key: '6b74b215fe9b4336297179bf3200d78111bfd151', part: "input", ref: el => (this.inputEl = el), type: "search", value: this.value, placeholder: this.placeholder, onBsInput: this.onInput })), h("span", { key: '0512eecf3b1e247e6258d583e339d98a2015aa01', class: "bs-command-palette__esc", "aria-hidden": "true" }, h("bs-key", { key: '1ec651c3432aaa92eb741e7e93b3389de386079d', label: "Esc" }))), showResults && h("div", { key: 'e59e86456dd91a126ef7ae2cb130764c5929331c', class: "bs-command-palette__divider", role: "presentation" }), showResults && (h("div", { key: '738aed619a5a63ab17be147720b0c70e0b5a9bbe', part: "results", class: "bs-command-palette__results", "aria-busy": String(loading), onMouseOver: this.onResultsMouseOver }, loading && (h("div", { key: 'de7b2c46f0e2c18ffe0052564d75c77eb967bbba', class: "bs-command-palette__loading", role: "status" }, h("bs-spinner", { key: 'cc14ce65a1bc976936a7b426495242a195cb198d', size: "sm" }), h("span", { key: 'b32b2df7f17043367242eccfe3bc0e1bed12b8ea' }, this.loadingLabel))), empty && this.renderEmpty(), hasList && (h("div", { key: 'f3dd45741f74456e063ac547e2a578a9b085ddab', id: listId, class: "bs-command-palette__list", role: "listbox", "aria-label": this.listLabel }, sections.map(s => this.renderSection(s)))))), this.showFooter && this.renderFooter()), h("span", { key: '34e1b38ed74e053dabdd28890a11aee77937db01', class: "bs-command-palette__live", "aria-live": "polite" }, this.announcement())));
+    }
+    static get watchers() { return {
+        "value": [{
+                "onValueChange": 0
+            }],
+        "status": [{
+                "resetMoved": 0
+            }],
+        "open": [{
+                "resetMoved": 0
+            }]
+    }; }
+};
+BsCommandPalette.style = bsCommandPaletteCss();
+
+export { BsCommandPalette as bs_command_palette };

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

@@ -0,0 +1,43 @@
+import { r as registerInstance, h } from './index-D3SkQJpw.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) {
+        registerInstance(this, hostRef);
+    }
+    /** The text, and the accessible name. */
+    name;
+    render() {
+        const common = { part: 'container', class: 'bs-compact-menu-block' };
+        return (h("button", { key: '2bd3b6eebed0124d8f013bb1d1a74d14bd3d76c5', ...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) {
+        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 = [
+            h("bs-icon-tile", { key: '6d46f853f1673374675ede6c701e3e01fa5c3a4a', part: "icon", class: "bs-menu-block__icon", size: "md" }, this.icon ? h("span", { class: "bs-menu-block__glyph", style: { '--bs-menu-block-glyph': `url(${JSON.stringify(this.icon)})` } }) : h("slot", null)),
+            h("span", { key: '8a24502be4a71f7c6a74f6600ee0f411a37f9d58', class: "bs-menu-block__text" }, h("span", { key: 'fd71ce8072d8bb8b83f5831c9d16ac190b3b2b0f', class: "bs-menu-block__title" }, h("span", { key: '99f4a8008a50274e7306a91b8d57ce8c98782f9b', part: "name", class: "bs-menu-block__name" }, this.name), this.badge && (h("bs-chip-informative", { key: 'd71237f056ca413aa1b9640df4507d52e94e47b2', part: "badge", class: "bs-menu-block__badge", color: "info", size: "sm" }, this.badge))), this.description && (h("span", { key: '857ce6dbdc7885a9099f4e9cd94967ba187ce892', part: "description", class: "bs-menu-block__description" }, this.description))),
+        ];
+        return (h("button", { key: '6ca8eed231c6b061aab714398975b2f9dc4eb091', ...common, type: "button" }, body));
+    }
+};
+BsMenuBlock.style = bsMenuBlockCss();
+
+export { BsCompactMenuBlock as bs_compact_menu_block, BsMenuBlock as bs_menu_block };