@brandsync/wc 1.16.0 → 1.18.0

package/dist/esm/bs-keyboard-shortcuts.entry.js

@@ -0,0 +1,110 @@
+import { r as registerInstance, c as createEvent, h } from './index-D3SkQJpw.js';
+
+const bsKeyboardShortcutsCss = () => `:host{display:block;width:var(--bs-keyboard-shortcuts-width);min-width:var(--bs-keyboard-shortcuts-width);box-sizing:border-box;--bs-keyboard-shortcuts-width:720px;--bs-keyboard-shortcuts-bg:var(--bs-surface-base);--bs-keyboard-shortcuts-radius:var(--bs-border-radius-150);--bs-keyboard-shortcuts-padding:var(--bs-spacing-200);--bs-keyboard-shortcuts-gap:var(--bs-spacing-200);--bs-keyboard-shortcuts-shadow:0 var(--bs-shadow-position-100) var(--bs-shadow-blur-100) 0 var(--bs-elevation-higher);--bs-keyboard-shortcuts-column-gap:var(--bs-spacing-600);--bs-keyboard-shortcuts-color:var(--bs-text-default);--bs-keyboard-shortcuts-color-secondary:var(--bs-text-secondary)}.bs-keyboard-shortcuts{display:block;--bs-card-bg:var(--bs-keyboard-shortcuts-bg);--bs-card-radius:var(--bs-keyboard-shortcuts-radius);--bs-card-padding:var(--bs-keyboard-shortcuts-padding);--bs-card-shadow:var(--bs-keyboard-shortcuts-shadow);--bs-card-overflow:visible;color:var(--bs-keyboard-shortcuts-color)}.bs-keyboard-shortcuts__body{display:flex;flex-direction:column;gap:var(--bs-keyboard-shortcuts-gap)}.bs-keyboard-shortcuts__head{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-keyboard-shortcuts__icon{flex-shrink:0;color:var(--bs-keyboard-shortcuts-color)}.bs-keyboard-shortcuts__heading{flex:1;margin:0;color:var(--bs-keyboard-shortcuts-color);font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:calc(var(--bs-line-height-heading-h4) * 1px)}.bs-keyboard-shortcuts__switch{display:flex;align-items:center;gap:var(--bs-spacing-200)}.bs-keyboard-shortcuts__switch-text{flex:1;display:flex;flex-direction:column;gap:var(--bs-spacing-25)}.bs-keyboard-shortcuts__switch-title{color:var(--bs-keyboard-shortcuts-color);font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);line-height:calc(var(--bs-line-height-body-sm) * 1px)}.bs-keyboard-shortcuts__switch-caption{color:var(--bs-keyboard-shortcuts-color-secondary);font-size:var(--bs-font-size-xs);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-keyboard-shortcuts__live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bs-keyboard-shortcuts__groups{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:var(--bs-keyboard-shortcuts-column-gap);align-items:start}.bs-keyboard-shortcuts__column{display:flex;flex-direction:column;gap:var(--bs-spacing-200);min-width:0}.bs-keyboard-shortcuts__group{display:flex;flex-direction:column;gap:var(--bs-spacing-25)}.bs-keyboard-shortcuts__group-title{color:var(--bs-keyboard-shortcuts-color-secondary);font-size:var(--bs-font-size-xs);font-weight:var(--bs-font-weight-semibold);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-keyboard-shortcuts__rows{display:flex;flex-direction:column;gap:var(--bs-spacing-25)}.bs-keyboard-shortcuts__empty{margin:0;color:var(--bs-keyboard-shortcuts-color-secondary);font-size:var(--bs-font-size-sm);line-height:calc(var(--bs-line-height-body-sm) * 1px)}.bs-keyboard-shortcuts__footer{display:flex;align-items:center;gap:var(--bs-spacing-75);color:var(--bs-keyboard-shortcuts-color-secondary);font-size:var(--bs-font-size-xs);line-height:calc(var(--bs-line-height-caption-sm) * 1px);white-space:nowrap}`;
+
+let uid = 0;
+const keyList = (keys) => Array.isArray(keys)
+    ? keys.filter(k => k !== '')
+    : String(keys ?? '')
+        .split('+')
+        .map(k => k.trim())
+        .filter(Boolean);
+const isSingleKey = (s) => {
+    if (s.singleKey !== undefined)
+        return s.singleKey;
+    const k = keyList(s.keys);
+    return k.length === 1 && k[0].length === 1;
+};
+const BsKeyboardShortcuts = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.bsClose = createEvent(this, "bsClose");
+        this.bsQueryChange = createEvent(this, "bsQueryChange");
+        this.bsSingleKeyChange = createEvent(this, "bsSingleKeyChange");
+    }
+    id = `bs-ks-${++uid}`;
+    /** Property only: the shortcut groups. */
+    groups = [];
+    /** Heading text. The `heading` slot overrides it. */
+    heading = 'Keyboard shortcuts';
+    /** Accessible name of the close button. */
+    closeLabel = 'Close';
+    /** Search field placeholder (also its accessible name: `bs-input` has no aria-label prop). */
+    searchPlaceholder = 'Search for an action';
+    /** Current search text. Filters by action or keys text, case-insensitively. */
+    query = '';
+    /** Shows the single-key switch row. */
+    showSingleKeySwitch = true;
+    /** Whether single-key shortcuts are on. When off they are shown dimmed. */
+    singleKeyEnabled = true;
+    /** Switch title. */
+    singleKeyLabel = 'Single-key shortcuts';
+    /** Switch caption. */
+    singleKeyDescription = 'Turn off if they clash with a screen reader or other tools.';
+    /** Shows the footer hint. */
+    showFooterHint = true;
+    /** The key shown in the footer hint. */
+    footerKey = '?';
+    /** Footer text after the key. */
+    footerText = 'anywhere to open this list. On Mac: Cmd instead of Ctrl.';
+    /** Text before the footer key. */
+    footerPrefix = 'Press';
+    /** Line shown when the query matches nothing. */
+    noResultsText = 'No shortcuts match';
+    /** Emitted by the close button and by Escape. */
+    bsClose;
+    /** Emitted when the search text changes, with the new text. */
+    bsQueryChange;
+    /** Emitted when the single-key switch changes, with the new value. */
+    bsSingleKeyChange;
+    visibleGroups() {
+        const q = (this.query ?? '').trim().toLowerCase();
+        const groups = this.groups ?? [];
+        if (!q)
+            return groups.filter(g => g.shortcuts?.length);
+        return groups
+            .map(g => ({
+            ...g,
+            shortcuts: (g.shortcuts ?? []).filter(s => s.action.toLowerCase().includes(q) || keyList(s.keys).join('+').toLowerCase().includes(q)),
+        }))
+            .filter(g => g.shortcuts.length);
+    }
+    /** Greedy column split: a group stays in column 1 while countBefore + size/2 <= total/2. */
+    columns(groups) {
+        const total = groups.reduce((n, g) => n + g.shortcuts.length, 0);
+        const cols = [[], []];
+        let before = 0;
+        for (const g of groups) {
+            cols[before + g.shortcuts.length / 2 <= total / 2 ? 0 : 1].push(g);
+            before += g.shortcuts.length;
+        }
+        return cols[1].length ? cols : [cols[0]];
+    }
+    onKeyDown = (ev) => {
+        if (ev.key === 'Escape')
+            this.bsClose.emit();
+    };
+    onInput = (ev) => {
+        this.query = ev.detail;
+        this.bsQueryChange.emit(ev.detail);
+    };
+    onSwitch = (ev) => {
+        this.singleKeyEnabled = ev.detail;
+        this.bsSingleKeyChange.emit(ev.detail);
+    };
+    render() {
+        const groups = this.visibleGroups();
+        const count = groups.reduce((n, g) => n + g.shortcuts.length, 0);
+        const cols = this.columns(groups);
+        const headId = `${this.id}-heading`;
+        const noResults = count === 0 && (this.query ?? '').trim() !== '';
+        let gi = 0;
+        return (h("bs-card", { key: '7e825a3d2c214a2228c8b302bc6530ca23427b2f', part: "container", class: "bs-keyboard-shortcuts", surface: "base", role: "region", "aria-labelledby": headId, onKeyDown: this.onKeyDown }, h("div", { key: '8595c3352463214acefb820a23a9adbdd66e6b76', class: "bs-keyboard-shortcuts__body" }, h("div", { key: 'bbdb0c462e6958d6fbeca96bd5ffb5dc99bdaf19', part: "head", class: "bs-keyboard-shortcuts__head" }, h("svg", { key: '95641e98b3795b85caa6e70ebd9bd2deeecdc2aa', class: "bs-keyboard-shortcuts__icon", viewBox: "0 0 24 24", width: "20", height: "20", fill: "none", stroke: "currentColor", "stroke-width": "1.8", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("rect", { key: 'b1160b8146645716ea1b675c480f42675a4d6f29', x: "2", y: "5", width: "20", height: "14", rx: "2" }), h("path", { key: '18f2516e9113b2c335587bd3d17c49099496f1ec', d: "M6 9h.01M10 9h.01M14 9h.01M18 9h.01M6 13h.01M18 13h.01M9 15.5h6" })), h("h4", { key: '299d3fa12acc958389b7cd6b7ec9c2cefe12ed43', part: "heading", id: headId, class: "bs-keyboard-shortcuts__heading" }, h("slot", { key: '80365f19a624d950cfa678b1d2cb7a2eb7dbeb33', name: "heading" }, this.heading)), h("bs-icon-button", { key: '2e43986aac1914ab56527ac09e08889fbe6ca0ef', part: "close", variant: "subtle", size: "md", "aria-label": this.closeLabel, onClick: () => this.bsClose.emit() }, h("svg", { key: 'cd655a49a3142304b168c8a8f25c89b63c0fbc79', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "aria-hidden": "true" }, h("path", { key: '7a39bf4eb97bde3d6d81d3db53fea3589af6e8c9', d: "M6 6l12 12M18 6 6 18" })))), h("bs-input", { key: 'b86dc235443e567aede36a767ddc015481ef08fa', part: "search", type: "search", placeholder: this.searchPlaceholder, value: this.query, onBsInput: this.onInput }), this.showSingleKeySwitch && (h("div", { key: '4fe525465a7dbae779af2aa9596669d06a8c7f71', part: "switch", class: "bs-keyboard-shortcuts__switch" }, h("div", { key: '2821019a258b02c2d37679360001cd6ba390d304', class: "bs-keyboard-shortcuts__switch-text" }, h("span", { key: '58f8f4dca914d41ad2b9b8883a117d4b865b4faa', class: "bs-keyboard-shortcuts__switch-title" }, this.singleKeyLabel), h("span", { key: '41cfb03e58e546ed639a38452524b775065f1027', class: "bs-keyboard-shortcuts__switch-caption" }, this.singleKeyDescription)), h("bs-switch", { key: 'a974154d5c9388fc5fa6b4b077f148fbe37340c4', ariaLabel: this.singleKeyLabel, checked: this.singleKeyEnabled, onBsChange: this.onSwitch }))), h("span", { key: '636f5d35847c6bd0dcfc2d0f00b4d126bb764fbc', class: "bs-keyboard-shortcuts__live", "aria-live": "polite" }, `${count} shortcut${count === 1 ? '' : 's'}`), noResults ? (h("p", { part: "empty", class: "bs-keyboard-shortcuts__empty", role: "status" }, this.noResultsText)) : (h("div", { part: "groups", class: "bs-keyboard-shortcuts__groups" }, cols.map(col => (h("div", { class: "bs-keyboard-shortcuts__column" }, col.map(g => {
+            const tid = `${this.id}-g${gi++}`;
+            return (h("div", { part: "group", class: "bs-keyboard-shortcuts__group", role: "group", "aria-labelledby": tid }, h("div", { part: "group-title", id: tid, class: "bs-keyboard-shortcuts__group-title" }, g.title), h("div", { class: "bs-keyboard-shortcuts__rows", role: "list" }, g.shortcuts.map(s => (h("bs-shortcut-row", { part: "row", action: s.action, keys: s.keys, selectionRole: "listitem", disabled: !!s.disabled || (!this.singleKeyEnabled && isSingleKey(s)) }))))));
+        })))))), this.showFooterHint && (h("div", { key: '05833326cdbea5dbb994fd584bc54866c14cf615', part: "footer", class: "bs-keyboard-shortcuts__footer" }, h("slot", { key: 'eeb752068052c3f27cbfa0893f03a22f04328489', name: "footer" }, h("span", { key: '55c95afd62dae51c2b82362210e558fad904f7b7' }, this.footerPrefix), h("bs-key", { key: 'b9f8ef5cd3b3e5e2fce7a99bd2b29d751a764901', label: this.footerKey }), h("span", { key: '13b4719f50cd4d3fadc2802cb22d31f04e775798' }, this.footerText)))))));
+    }
+};
+BsKeyboardShortcuts.style = bsKeyboardShortcutsCss();
+
+export { BsKeyboardShortcuts as bs_keyboard_shortcuts };

package/dist/esm/bs-list-item_2.entry.js

@@ -0,0 +1,212 @@
+import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-D3SkQJpw.js';
+
+const bsListItemCss = () => `:host{display:block;width:100%;box-sizing:border-box;outline:none;color:var(--bs-list-item-color);--bs-list-item-min-height:var(--bs-spacing-1000);--bs-list-item-padding-y:var(--bs-spacing-150);--bs-list-item-padding-x:var(--bs-spacing-200);--bs-list-item-gap:var(--bs-spacing-200);--bs-list-item-content-gap:var(--bs-spacing-25);--bs-list-item-radius:var(--bs-border-radius-100);--bs-list-item-bg:transparent;--bs-list-item-bg-hover:var(--bs-surface-hover);--bs-list-item-bg-pressed:var(--bs-surface-pressed);--bs-list-item-bg-focus:var(--bs-surface-focus);--bs-list-item-bg-selected:var(--bs-surface-selected);--bs-list-item-bg-selected-hover:var(--bs-surface-selected-hover);--bs-list-item-bg-selected-pressed:var(--bs-surface-selected-pressed);--bs-list-item-bg-selected-focus:var(--bs-surface-selected-focus);--bs-list-item-bg-disabled:var(--bs-surface-action-disabled);--bs-list-item-color:var(--bs-text-default);--bs-list-item-color-disabled:var(--bs-text-on-disabled);--bs-list-item-focus-ring:var(--bs-border-neutral-focus);--bs-list-item-image-width:72px;--bs-list-item-image-height:56px}.bs-list-item{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-list-item-gap);width:100%;min-height:var(--bs-list-item-min-height);padding:var(--bs-list-item-padding-y) var(--bs-list-item-padding-x);border-radius:var(--bs-list-item-radius);overflow:clip;background:var(--bs-list-item-bg);color:var(--bs-list-item-color);font-family:inherit;font-size:var(--bs-font-size-md);line-height:calc(var(--bs-line-height-body-md) * 1px);transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}:host([selected]) .bs-list-item{background:var(--bs-list-item-bg-selected)}:host(.bs-list-item--interactive){cursor:pointer}:host(.bs-list-item--interactive:hover) .bs-list-item{background:var(--bs-list-item-bg-hover)}:host(.bs-list-item--interactive[selected]:hover) .bs-list-item{background:var(--bs-list-item-bg-selected-hover)}:host(.bs-list-item--interactive:active) .bs-list-item{background:var(--bs-list-item-bg-pressed)}:host(.bs-list-item--interactive[selected]:active) .bs-list-item{background:var(--bs-list-item-bg-selected-pressed)}:host(:focus-visible) .bs-list-item{background:var(--bs-list-item-bg-focus);outline:2px solid var(--bs-list-item-focus-ring);outline-offset:2px}:host([selected]:focus-visible) .bs-list-item{background:var(--bs-list-item-bg-selected-focus)}:host([disabled]){color:var(--bs-list-item-color-disabled);cursor:default}:host([disabled]) .bs-list-item{background:var(--bs-list-item-bg-disabled);color:var(--bs-list-item-color-disabled)}:host([disabled]) ::slotted(img),:host([disabled]) ::slotted(bs-avatar){opacity:0.5}.bs-list-item__leading{display:none;flex-shrink:0;align-items:center}.bs-list-item__leading--has-content{display:flex}::slotted(img[slot='leading']){display:block;width:var(--bs-list-item-image-width);height:var(--bs-list-item-image-height);border-radius:var(--bs-border-radius-100);object-fit:cover}::slotted(svg[slot='leading']){width:32px;height:32px}.bs-list-item__content{display:flex;flex-direction:column;gap:var(--bs-list-item-content-gap);flex:1 1 0;min-width:0}.bs-list-item__label{font-weight:var(--bs-font-weight-semibold)}.bs-list-item__description,.bs-list-item__support{font-weight:var(--bs-font-weight-regular)}.bs-list-item__trailing{display:none;flex-shrink:0;align-items:center;height:32px}.bs-list-item__trailing--shown{display:flex}@media (prefers-reduced-motion: reduce){.bs-list-item{transition:none}}`;
+
+const BsListItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.bsItemClick = createEvent(this, "bsItemClick");
+    }
+    get el() { return getElement(this); }
+    /** First text line (semibold). */
+    label = null;
+    /** Second text line (the "paragraph"). */
+    description = null;
+    /** Optional third text line. */
+    supportText = null;
+    /** Marks the row as selected. Managed by the parent `bs-list` when it is `selectable`. */
+    selected = false;
+    /** Disables the row: dimmed, not focusable, no click event. */
+    disabled = false;
+    /** Shows a trailing caret (unless the `trailing` slot has content). */
+    showArrow = false;
+    /** Identifies the item; emitted by `bsItemClick` and matched against `bs-list`'s `value`. */
+    value = null;
+    /** Makes a standalone row a focusable `role="button"` that emits `bsItemClick`. */
+    interactive = false;
+    /** Set by the parent `bs-list`: `listitem` (plain list) or `option` (selectable list). Do not set by hand. */
+    selectionRole = null;
+    hasLeading = false;
+    hasTrailing = false;
+    hasDefault = false;
+    /** Fires on click / Enter / Space when the row is interactive and not disabled. Payload is `value`. */
+    bsItemClick;
+    get isInteractive() {
+        return this.selectionRole === 'option' || this.interactive;
+    }
+    activate() {
+        if (this.disabled || !this.isInteractive)
+            return;
+        this.bsItemClick.emit(this.value);
+    }
+    onClick() {
+        this.activate();
+    }
+    onKeyDown(ev) {
+        if (ev.target !== this.el)
+            return;
+        if (ev.key === 'Enter' || ev.key === ' ') {
+            ev.preventDefault();
+            this.activate();
+        }
+    }
+    slotHas = (ev) => ev.target.assignedNodes({ flatten: true }).some(n => n.nodeType === 1 || (n.textContent || '').trim() !== '');
+    render() {
+        const interactive = this.isInteractive;
+        const role = this.selectionRole === 'option' ? 'option' : this.selectionRole === 'listitem' ? 'listitem' : this.interactive ? 'button' : undefined;
+        const standaloneFocusable = this.interactive && !this.selectionRole && !this.disabled;
+        const showTrailing = this.showArrow || this.hasTrailing;
+        return (h(Host, { key: 'eac7aeec4fedc05af55c5ca7a78efb693199de3a', role: role, tabindex: standaloneFocusable ? '0' : undefined, "aria-selected": this.selectionRole === 'option' ? String(this.selected) : undefined, "aria-disabled": this.disabled ? 'true' : undefined, class: { 'bs-list-item--interactive': interactive && !this.disabled } }, h("div", { key: '3ba832febb95adfc10481b0b1d70cc4448f0a9dd', part: "container", class: "bs-list-item" }, h("div", { key: 'd528d17243f6185d164c5f6964abe4b1d8143d5b', part: "leading", class: { 'bs-list-item__leading': true, 'bs-list-item__leading--has-content': this.hasLeading } }, h("slot", { key: '60efa1761cc46a7790986689acbada2f99d94add', name: "leading", onSlotchange: (e) => (this.hasLeading = this.slotHas(e)) })), h("div", { key: '4af6ee3b0969aeecdc2ead6b63be52b90927b713', part: "content", class: "bs-list-item__content" }, !this.hasDefault && this.label && (h("div", { key: '57481516f3d3ed73854a58fa870d40d760252b99', part: "label", class: "bs-list-item__label" }, this.label)), !this.hasDefault && this.description && (h("div", { key: 'acb37f4ec42b1c4c49d82cd21a89353a48ff3fcc', part: "description", class: "bs-list-item__description" }, this.description)), !this.hasDefault && this.supportText && (h("div", { key: 'b9e310fd74f06b1114b2ecf64b6c7de8b63a4c61', part: "support-text", class: "bs-list-item__support" }, this.supportText)), h("slot", { key: '7bb751ff77d29cd6f1852c90f5e71f855b222345', onSlotchange: (e) => (this.hasDefault = this.slotHas(e)) })), h("div", { key: '2bf6cb3dedfe1dcf868aba049f3718083ec63830', part: "trailing", class: { 'bs-list-item__trailing': true, 'bs-list-item__trailing--shown': showTrailing } }, h("slot", { key: '5cf7ede0e83b1040210346bdf7e7e6a5c7d06cfd', name: "trailing", onSlotchange: (e) => (this.hasTrailing = this.slotHas(e)) }, this.showArrow && (h("svg", { key: 'fb103f9892eebfd9a481c8d4b60e7504cb19311e', viewBox: "0 0 32 32", width: "32", height: "32", fill: "none", "aria-hidden": "true" }, h("path", { key: 'c33fa8a2aaa5a446adde56c7c8d4bfece8ef1dc9', d: "M12 7L21 16L12 25", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
+    }
+};
+BsListItem.style = bsListItemCss();
+
+const bsPopoverCss = () => `:host{display:inline-block;position:relative;--bs-popover-bg:var(--bs-surface-raised);--bs-popover-radius:var(--bs-border-radius-100);--bs-popover-shadow:var(--bs-shadow-md);--bs-popover-offset:var(--bs-spacing-100);--bs-popover-min-width:var(--bs-scale-1600);--bs-popover-z-index:var(--bs-z-index-popover)}.bs-popover__trigger{display:inline-block}.bs-popover__popup{position:absolute;z-index:var(--bs-popover-z-index);min-width:var(--bs-popover-min-width);background:var(--bs-popover-bg);border-radius:var(--bs-popover-radius);box-shadow:var(--bs-popover-shadow);top:calc(100% + var(--bs-popover-offset));left:0}.bs-popover__popup{outline:none}.bs-popover__popup[hidden]{display:none}:host([data-placement='bottom-start']) .bs-popover__popup{top:calc(100% + var(--bs-popover-offset));bottom:auto;left:0;right:auto}:host([data-placement='bottom-end']) .bs-popover__popup{top:calc(100% + var(--bs-popover-offset));bottom:auto;left:auto;right:0}:host([data-placement='top-start']) .bs-popover__popup{top:auto;left:0;right:auto;bottom:calc(100% + var(--bs-popover-offset))}:host([data-placement='top-end']) .bs-popover__popup{top:auto;left:auto;right:0;bottom:calc(100% + var(--bs-popover-offset))}`;
+
+let popoverId = 0;
+const BsPopover = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.bsOpenChange = createEvent(this, "bsOpenChange");
+    }
+    get el() { return getElement(this); }
+    /** Whether the popup is shown. */
+    open = false;
+    /** Where the popup sits relative to the trigger. */
+    placement = 'bottom-start';
+    /** Emitted when the open state changes through user interaction, with the new value. */
+    bsOpenChange;
+    popupId = `bs-popover-${++popoverId}`;
+    triggerSlot;
+    popupEl;
+    needsFocusIn = false;
+    escaped = false;
+    onOpenChange(next) {
+        this.detach();
+        if (next) {
+            document.addEventListener('click', this.onDocClick, true);
+            document.addEventListener('keydown', this.onKeyDown);
+            window.addEventListener('resize', this.reposition);
+            window.addEventListener('scroll', this.reposition, true);
+            this.needsFocusIn = true;
+        }
+        else {
+            this.needsFocusIn = false;
+            this.el.setAttribute('data-placement', this.placement);
+            const active = this.el.shadowRoot?.activeElement || document.activeElement;
+            const focusInside = this.el.contains(document.activeElement) && document.activeElement !== this.triggerSlot?.assignedElements()[0] && !this.isInTrigger(document.activeElement);
+            if (this.escaped || (focusInside && active))
+                this.focusTrigger();
+        }
+        this.escaped = false;
+    }
+    onPlacementChange() {
+        this.reposition();
+    }
+    componentWillLoad() {
+        this.el.setAttribute('data-placement', this.placement);
+    }
+    componentDidRender() {
+        if (!this.open)
+            return;
+        this.reposition();
+        if (this.needsFocusIn) {
+            this.needsFocusIn = false;
+            this.focusPopup();
+        }
+    }
+    isInTrigger(node) {
+        const first = this.triggerSlot?.assignedElements() ?? [];
+        return !!node && first.some(t => t.contains(node));
+    }
+    /** Effective placement after collision flipping; mirrored on the host as `data-placement`. */
+    reposition = () => {
+        if (!this.open || !this.popupEl)
+            return;
+        const [v, h] = this.placement.split('-');
+        // Measure from the preferred placement.
+        this.el.setAttribute('data-placement', this.placement);
+        const trig = this.el.getBoundingClientRect();
+        const pop = this.popupEl.getBoundingClientRect();
+        const vh = window.innerHeight;
+        const vw = window.innerWidth;
+        let rv = v;
+        let rh = h;
+        if (v === 'bottom' && pop.bottom > vh && trig.top >= pop.height)
+            rv = 'top';
+        else if (v === 'top' && pop.top < 0 && vh - trig.bottom >= pop.height)
+            rv = 'bottom';
+        if (h === 'start' && pop.right > vw && trig.right >= pop.width)
+            rh = 'end';
+        else if (h === 'end' && pop.left < 0 && vw - trig.left >= pop.width)
+            rh = 'start';
+        this.el.setAttribute('data-placement', `${rv}-${rh}`);
+    };
+    focusPopup() {
+        const sel = 'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])';
+        const slot = this.popupEl?.querySelector('slot');
+        const assigned = slot?.assignedElements({ flatten: true }) ?? [];
+        for (const a of assigned) {
+            const target = a.matches(sel) ? a : a.querySelector(sel);
+            if (target) {
+                target.focus();
+                return;
+            }
+        }
+        this.popupEl?.focus();
+    }
+    disconnectedCallback() {
+        this.detach();
+    }
+    componentDidLoad() {
+        if (this.open)
+            this.onOpenChange(true);
+    }
+    detach() {
+        document.removeEventListener('click', this.onDocClick, true);
+        document.removeEventListener('keydown', this.onKeyDown);
+        window.removeEventListener('resize', this.reposition);
+        window.removeEventListener('scroll', this.reposition, true);
+    }
+    setOpen(next) {
+        if (this.open === next)
+            return;
+        this.open = next;
+        this.bsOpenChange.emit(next);
+    }
+    focusTrigger() {
+        const first = this.triggerSlot?.assignedElements()[0];
+        first?.focus();
+    }
+    onTriggerKeyDown = (ev) => {
+        if (ev.key === 'ArrowDown' && !this.open) {
+            ev.preventDefault();
+            this.setOpen(true);
+        }
+    };
+    onTriggerClick = () => this.setOpen(!this.open);
+    onDocClick = (ev) => {
+        if (!ev.composedPath().includes(this.el))
+            this.setOpen(false);
+    };
+    onKeyDown = (ev) => {
+        if (ev.key === 'Escape' && this.open) {
+            this.escaped = true;
+            this.setOpen(false);
+        }
+    };
+    render() {
+        return (h("div", { key: 'a98416df7a3b9edbbac835ea99150bd22e21d0b1', class: "bs-popover" }, h("div", { key: 'd69eb18d28a99bd22d14a40167c1a5f9d4ed09e5', part: "trigger", class: "bs-popover__trigger", "aria-haspopup": "true", "aria-expanded": String(this.open), "aria-controls": this.popupId, onClick: this.onTriggerClick, onKeyDown: this.onTriggerKeyDown }, h("slot", { key: '3b6242971ba9f2bcccfdddfe15b564b3deef1eec', name: "trigger", ref: el => (this.triggerSlot = el) })), h("div", { key: '0d815e6f7ec731e5643891784b35df2cb635a6a9', part: "popup", id: this.popupId, class: "bs-popover__popup", tabindex: "-1", hidden: !this.open, ref: el => (this.popupEl = el) }, h("slot", { key: '8e455726291b8f4faaaf1f1fee190047cbd9525b' }))));
+    }
+    static get watchers() { return {
+        "open": [{
+                "onOpenChange": 0
+            }],
+        "placement": [{
+                "onPlacementChange": 0
+            }]
+    }; }
+};
+BsPopover.style = bsPopoverCss();
+
+export { BsListItem as bs_list_item, BsPopover as bs_popover };

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

@@ -85,7 +85,7 @@ const BsList = class {
         enabled[next].focus();
     }
     render() {
-        return (h("div", { key: '0f3e4a90f79c77ab2a67e88c4480f0c5785e49eb', part: "list", class: "bs-list", role: this.selectable ? 'listbox' : 'list', "aria-label": this.ariaLabel ?? undefined }, h("slot", { key: '7b5618d45ad58385f3d27565bdfee3e4bb5eac2e', onSlotchange: () => this.sync() })));
+        return (h("div", { key: '3483a207be9fb42c6d6c4e2385b3d03e3351b05c', part: "list", class: "bs-list", role: this.selectable ? 'listbox' : 'list', "aria-label": this.ariaLabel ?? undefined }, h("slot", { key: 'cc497c226b4fc18f04121a3aff3fe5e10891bf82', onSlotchange: () => this.sync() })));
     }
     static get watchers() { return {
         "value": [{

package/dist/esm/bs-mega-menu.entry.js

@@ -0,0 +1,68 @@
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-D3SkQJpw.js';
+
+const bsMegaMenuCss = () => `:host{display:block;box-sizing:border-box;container-type:inline-size;width:var(--bs-mega-menu-width);max-width:100%;--bs-mega-menu-width:1100px;--bs-mega-menu-radius:var(--bs-border-radius-150);--bs-mega-menu-bg:var(--bs-surface-base);--bs-mega-menu-border-color:var(--bs-border-default);--bs-mega-menu-shadow:var(--bs-shadow-position-0) var(--bs-shadow-position-50) var(--bs-shadow-blur-100) var(--bs-elevation-high);--bs-mega-menu-padding:var(--bs-spacing-300) calc(var(--bs-spacing-300) + var(--bs-spacing-50));--bs-mega-menu-gap:var(--bs-spacing-300);--bs-mega-menu-heading-color:var(--bs-text-muted);--bs-mega-menu-text-color:var(--bs-text-default);--bs-mega-menu-muted-color:var(--bs-text-secondary)}:host([hidden]){display:none}.bs-mega-menu{display:block;--bs-card-bg:var(--bs-mega-menu-bg);--bs-card-radius:var(--bs-mega-menu-radius);--bs-card-padding:0px;--bs-card-border-width:1px;--bs-card-border-color:var(--bs-mega-menu-border-color);--bs-card-shadow:var(--bs-mega-menu-shadow);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif}.bs-mega-menu__columns{display:grid;grid-template-columns:repeat(var(--bs-mega-menu-tracks), minmax(0, 1fr));gap:var(--bs-mega-menu-gap);padding:var(--bs-mega-menu-padding);padding-bottom:var(--bs-spacing-100)}.bs-mega-menu__heading{margin:0 0 var(--bs-spacing-50);color:var(--bs-mega-menu-heading-color);font-size:var(--bs-fontsize-caption-sm);font-weight:var(--bs-font-weight-semibold);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-mega-menu__list{display:block;margin:0;padding:0;list-style:none}.bs-mega-menu__featured{padding-top:var(--bs-spacing-300)}.bs-mega-menu__featured-title,.bs-mega-menu__featured-description{margin:0}.bs-mega-menu__featured-title{color:var(--bs-mega-menu-text-color);font-size:var(--bs-fontsize-caption-sm);font-weight:var(--bs-font-weight-bold);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-mega-menu__featured-description{margin-top:var(--bs-spacing-100);color:var(--bs-mega-menu-muted-color);font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-mega-menu__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-spacing-200);padding:var(--bs-spacing-150) var(--bs-spacing-200);color:var(--bs-mega-menu-muted-color);font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-mega-menu__footer-end{display:inline-flex;align-items:center;gap:var(--bs-spacing-100)}.bs-mega-menu__shortcut{display:inline-flex;align-items:center;gap:var(--bs-spacing-100)}@container (max-width: 599px){.bs-mega-menu__columns{grid-template-columns:minmax(0, 1fr);padding:var(--bs-spacing-200);padding-bottom:var(--bs-spacing-100)}bs-menu-block{--bs-menu-block-white-space:normal;min-height:var(--bs-scale-550)}bs-compact-menu-block{--bs-compact-menu-block-padding:var(--bs-spacing-150) var(--bs-spacing-100);min-height:var(--bs-scale-550)}.bs-mega-menu__featured{padding-top:var(--bs-spacing-100)}.bs-mega-menu__footer{flex-direction:column;align-items:flex-start;gap:var(--bs-spacing-100)}.bs-mega-menu__shortcut{display:none}}`;
+
+let uid = 0;
+const BsMegaMenu = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.bsMenuSelect = createEvent(this, "bsMenuSelect");
+        this.bsClose = createEvent(this, "bsClose");
+    }
+    get el() { return getElement(this); }
+    id = `bs-mm-${++uid}`;
+    /** `columns` shows menu blocks with icon and description; `compact` plain text links. */
+    type = 'columns';
+    /** The groups of links. JS property only (an array cannot be an attribute). */
+    columns = [];
+    /** The featured area on the right. JS property only. The `featured` slot overrides it. */
+    featured;
+    /** Recently used destinations, already translated, shown in the footer. JS property only. */
+    recent = [];
+    /** Accessible name of the panel. */
+    label = 'Menu';
+    /** Text before the recently used items. */
+    recentLabel = 'Recently used:';
+    /** Text before the shortcut keys. */
+    shortcutLabel = 'Can’t find it? Press';
+    /** The shortcut keys, joined by "+". */
+    shortcutKeys = 'Ctrl+K';
+    /** Accessible name of the shortcut keys. Defaults to the keys joined with " plus ". */
+    shortcutKeysLabel;
+    /** Fires when a link is chosen (click or Enter), with the item. Cancelable: `preventDefault()` cancels the originating click. */
+    bsMenuSelect;
+    /** Fires when Escape is pressed inside the panel, so you can close it. */
+    bsClose;
+    select(item, ev) {
+        const e = this.bsMenuSelect.emit(item);
+        if (e.defaultPrevented)
+            ev.preventDefault();
+    }
+    onKeyDown = (ev) => {
+        if (ev.key === 'Escape')
+            this.bsClose.emit();
+    };
+    renderItem(item) {
+        const onClick = (ev) => this.select(item, ev);
+        return (h("li", null, this.type === 'compact' ? (h("bs-compact-menu-block", { part: "block", name: item.label, onClick: onClick })) : (h("bs-menu-block", { part: "block", name: item.label, description: item.description, icon: item.icon, badge: item.badge, onClick: onClick }))));
+    }
+    renderColumn(col) {
+        const hid = `${this.id}-h-${col.id}`;
+        return (h("div", { part: "column", class: "bs-mega-menu__column", role: "group", "aria-labelledby": hid }, h("div", { part: "heading", id: hid, class: "bs-mega-menu__heading" }, col.label), h("ul", { part: "list", role: "list", class: "bs-mega-menu__list" }, col.items.map(item => this.renderItem(item)))));
+    }
+    renderFeatured() {
+        const tid = `${this.id}-featured`;
+        return (h("div", { part: "featured", class: "bs-mega-menu__featured", role: "group", "aria-labelledby": this.featured ? tid : undefined }, h("slot", { name: "featured" }, this.featured && [
+            h("p", { part: "featured-title", id: tid, class: "bs-mega-menu__featured-title" }, this.featured.title),
+            this.featured.description && (h("p", { part: "featured-description", class: "bs-mega-menu__featured-description" }, this.featured.description)),
+        ])));
+    }
+    render() {
+        const hasFeatured = !!this.featured || !!this.el.querySelector(':scope > [slot="featured"]');
+        const tracks = this.columns.length + (hasFeatured ? 1 : 0);
+        return (h("bs-card", { key: '005653cc6235b7aa26268e3bf97b1a985df89843', part: "panel", class: "bs-mega-menu", surface: "base", role: "navigation", "aria-label": this.label, onKeyDown: this.onKeyDown }, h("div", { key: '22808dd74ea84ae0511dc92e4a3d2d3045a8157c', part: "columns", class: "bs-mega-menu__columns", style: { '--bs-mega-menu-tracks': String(Math.max(tracks, 1)) } }, this.columns.map(col => this.renderColumn(col)), hasFeatured && this.renderFeatured()), h("bs-divider", { key: '105dd2102501c21303f0cd115f2a8797a8996195', decorative: true }), h("div", { key: '0f20d9d01cb29d29735612d2708cb48af2e30bf0', part: "footer", class: "bs-mega-menu__footer" }, h("span", { key: 'e2d7e8bf77b15b735015342ef6a21b946cdcf2cb', class: "bs-mega-menu__footer-start" }, h("slot", { key: '1d34e50c301329ea2bd381a08ffab99b9bce5394', name: "footer-start" }, this.recent.length > 0 && `${this.recentLabel} ${this.recent.join(', ')}`)), h("span", { key: '773eae68920c131c8dea1182a41a78e6ceef4222', class: "bs-mega-menu__footer-end" }, h("slot", { key: '70e2b5dce40e19423b55c1df869d1326f5fdbfa4', name: "footer-end" }, h("span", { key: '10bb8e18aaa162b06209f65f7e9136ff716466f8', class: "bs-mega-menu__shortcut" }, this.shortcutLabel, h("bs-key-caps", { key: 'a9991ceab494255b81fccb97e8290432bcc0cff2', part: "shortcut", keys: this.shortcutKeys, label: this.shortcutKeysLabel })))))));
+    }
+};
+BsMegaMenu.style = bsMegaMenuCss();
+
+export { BsMegaMenu as bs_mega_menu };

package/dist/esm/bs-message-list.entry.js

@@ -61,7 +61,7 @@ const BsMessageList = class {
         }
     };
     render() {
-        return (h("div", { key: 'a45bbcfbce995eedba2fafe705a98d4c972cf1a3', class: "bs-message-list" }, h("div", { key: 'b4cec2bee1ada6b76545b2445ba3e63be67203de', part: "viewport", class: "bs-message-list__viewport", role: "log", "aria-live": "polite", tabindex: "0", ref: el => (this.viewport = el), onScroll: this.onScroll }, h("slot", { key: '43fe188e8b0d1f7f3d45b9739a09036e2aa5731e' })), this.showScrollButton && (h("bs-icon-button", { key: 'b1e695d0ce230ec1c1af4509b3db07bb1a7d0a8f', part: "scroll-to-latest", class: "bs-message-list__scroll", variant: "neutral", ariaLabel: this.scrollToLatestLabel, onClick: () => this.scrollToLatest() }, h("svg", { key: '5e7ce1017e94b41f5f7f558ecba16ae1d29e5827', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("path", { key: '8ab498f7fec4e09442a2b4e2bec74aafc16435fb', d: "M8 3v10M3.5 8.5L8 13l4.5-4.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
+        return (h("div", { key: 'e474c22e93a8559c37efa3e13670bf6f48da5140', class: "bs-message-list" }, h("div", { key: 'f29d2f07b872743353ac0595399f5d87d94b2ace', part: "viewport", class: "bs-message-list__viewport", role: "log", "aria-live": "polite", tabindex: "0", ref: el => (this.viewport = el), onScroll: this.onScroll }, h("slot", { key: '265e61fefe2219e57cb9724f68ca76752849a1f6' })), this.showScrollButton && (h("bs-icon-button", { key: '960398acea1fe8b6cdb00469ee23531b40715ac9', part: "scroll-to-latest", class: "bs-message-list__scroll", variant: "neutral", ariaLabel: this.scrollToLatestLabel, onClick: () => this.scrollToLatest() }, h("svg", { key: '748dfcd735223d1482ebe6e0b24383c8018a976f', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("path", { key: 'af9d03ca412502d46822588c9bcb303e44dd33c3', d: "M8 3v10M3.5 8.5L8 13l4.5-4.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
     }
 };
 BsMessageList.style = bsMessageListCss();

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

@@ -15,7 +15,7 @@ const BsMessage = class {
     /** Delivery/render state. `error` uses error colours; `pending` dims the bubble and sets `aria-busy`. */
     status = 'default';
     render() {
-        return (h("div", { key: 'ca6cc1e08eca207f6aa9ff8f6dcf469f43935e82', class: "bs-message", "aria-busy": this.status === 'pending' ? 'true' : undefined }, h("div", { key: '4ca4239579648f898b88d39c73ec79d06afd1111', part: "avatar", class: "bs-message__avatar" }, h("slot", { key: 'e0fee937ebe6fb105a45b4f24ceee6c14fa3c5a1', name: "avatar" })), h("div", { key: '396fbeec6646fcae8c0b442cf15930450760b44c', class: "bs-message__column" }, h("bs-card", { key: 'c39915eda480acbdc8d463e3ef709cd76843d6fa', part: "container", class: "bs-message__bubble", surface: "base" }, h("div", { key: '54f53b103dbef163bd7afe903ceac965bc5fb881', part: "content", class: "bs-message__content" }, h("slot", { key: '6b4bb7918c443e38e3ac2e409e4207e11a071cb2' }))), h("div", { key: 'a1145d6701c160117fc0309647f9026abe454573', part: "footer", class: "bs-message__footer" }, h("slot", { key: '9c93b91f4748756b8ce07df059c1d9bed4928e21', name: "footer" })), h("div", { key: '26da0cad53e92d380bcfeef12ad61200f015d3a1', part: "timestamp", class: "bs-message__timestamp" }, h("slot", { key: 'c61bfb5fd138227897260a95bdcc9355e0668f86', name: "timestamp" }, this.timestamp && h("time", { key: '0e1a0c48657683613e9f02bd126a79471e6e9d2d', dateTime: this.datetime }, this.timestamp))))));
+        return (h("div", { key: 'c159d43edf61a61bb87fa72c650a8642e0ae154f', class: "bs-message", "aria-busy": this.status === 'pending' ? 'true' : undefined }, h("div", { key: 'a503d44dd040849e1db3327f3c33981eea8fcd9d', part: "avatar", class: "bs-message__avatar" }, h("slot", { key: 'bef63a196f9ffcaeb6b729f2c9b67722e9e5afe1', name: "avatar" })), h("div", { key: 'a27a5dd8bff4350c882eeab12f8ebcf32d629333', class: "bs-message__column" }, h("bs-card", { key: '4dd1f9da16be30b04f1c6bea178600ff11f6b654', part: "container", class: "bs-message__bubble", surface: "base" }, h("div", { key: 'c4dbf71df32e0b962e20929488952149c88f3b04', part: "content", class: "bs-message__content" }, h("slot", { key: '2b251a032180bc3e1ef4b027179ddde73a7f9dcc' }))), h("div", { key: '749ba9490b9204fe4f514bb5f15190e658309e9b', part: "footer", class: "bs-message__footer" }, h("slot", { key: '43e305fe85d7fcf81afb115d7477035108cece44', name: "footer" })), h("div", { key: '4c224882dbe5d0f01117cd276f5d3050426cd344', part: "timestamp", class: "bs-message__timestamp" }, h("slot", { key: 'e9a2ccfb8628e5c3d3840fbda5b70009af6e0c6f', name: "timestamp" }, this.timestamp && h("time", { key: '9b4dc4a6e042367420c8b7355621ad42075f335e', dateTime: this.datetime }, this.timestamp))))));
     }
 };
 BsMessage.style = bsMessageCss();

package/dist/esm/bs-navigation-drawer-item.entry.js

@@ -91,7 +91,7 @@ const BsNavigationDrawerItem = class {
         // incorrectly also toggle this parent row on every child click. Both are wrapped in a
         // `display: contents` container so render() still returns a single root node (this codebase's
         // convention, e.g. bs-input.tsx) without that wrapper affecting layout at all.
-        return (h("div", { key: '85f2f7433acb876df6c07e8e28180d65267b968d', class: "bs-navigation-drawer-item__root" }, h("button", { key: '51efff117f3410556a8bf69bb145354310891ab6', type: "button", part: "item", class: rowClasses, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-label": this.ariaLabel ?? undefined, onClick: this.onClick }, !this.nested && (h("span", { key: 'e118e88762d490ce60445627ba165d478d53e384', part: "icon", class: `bs-navigation-drawer-item__icon ${this.hasIcon ? 'bs-navigation-drawer-item__icon--has-content' : ''}` }, h("slot", { key: '93232818f6c070e5b9f628f93d62d339298a63d5', name: "icon", onSlotchange: this.onIconSlotchange }))), h("span", { key: '0aaa3791bed4e8c42646c574ee75e15193257aca', part: "label", class: "bs-navigation-drawer-item__label" }, h("slot", { key: '1000297ddcf737d1aac9d57fd62992bcd8698956' })), this.expandable && (h("span", { key: 'aaaa08d8c0409cc88183a94a0ac8ef7a38eb420a', part: "chevron", class: `bs-navigation-drawer-item__chevron ${this.expanded ? 'bs-navigation-drawer-item__chevron--expanded' : ''}` }, h(ChevronDownIcon, { key: '48436ef0e29ef13d5cf3e7517c04c908c9678934' })))), this.expandable && (h("span", { key: '974bcce5691835dd2c0719faf9dd27028e185677', part: "children", class: "bs-navigation-drawer-item__children" }, h("slot", { key: '06b88afc18da4e730d2a26ecd51ab1cac77e4f94', name: "children" })))));
+        return (h("div", { key: '81e29ccbcc7a513d9caa85982104e4c65919ffce', class: "bs-navigation-drawer-item__root" }, h("button", { key: '68e2c8edd1280f003719751c9cf2aa561ecc9059', type: "button", part: "item", class: rowClasses, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-label": this.ariaLabel ?? undefined, onClick: this.onClick }, !this.nested && (h("span", { key: '7520bf470ed4250c8767905d5b7e05166b2d9f06', part: "icon", class: `bs-navigation-drawer-item__icon ${this.hasIcon ? 'bs-navigation-drawer-item__icon--has-content' : ''}` }, h("slot", { key: 'c8cffca5bb390ab60d68c6c97736053c374bb026', name: "icon", onSlotchange: this.onIconSlotchange }))), h("span", { key: '4f3b8034935678d64a29281f2cfd1ed44250eca2', part: "label", class: "bs-navigation-drawer-item__label" }, h("slot", { key: 'e9f50c5b4dc9e96ed39d85c1daa96981deb7a810' })), this.expandable && (h("span", { key: '369853e213a7ecd0a64ec28d820d40139fb6d68e', part: "chevron", class: `bs-navigation-drawer-item__chevron ${this.expanded ? 'bs-navigation-drawer-item__chevron--expanded' : ''}` }, h(ChevronDownIcon, { key: 'f3d8fcd09d63be37a4b6a1e3cc10240eec5425f9' })))), this.expandable && (h("span", { key: '445291ae6a7f888ac6cb456ada3a7a17cf4638dd', part: "children", class: "bs-navigation-drawer-item__children" }, h("slot", { key: '697e924b580b1fef5f0b5871df38c0bd104982c8', name: "children" })))));
     }
 };
 // 16x16 native viewBox (not a 24x24 icon scaled down) -- authored directly at display size, per

package/dist/esm/bs-navigation-drawer.entry.js

@@ -178,11 +178,11 @@ const BsNavigationDrawer = class {
     };
     render() {
         const classes = ['bs-navigation-drawer', this.mobile ? 'bs-navigation-drawer--overlay' : '', this.overlayOpen ? 'bs-navigation-drawer--open' : ''].filter(Boolean).join(' ');
-        return (h(Host, { key: '42d5e96011b592d6e9059f9013ba880f18eb70c9', "data-overlay": this.mobile ? '' : undefined }, this.mobile && h("div", { key: 'a540c7afbaae18f82427f52bb11732db341652fe', part: "backdrop", class: "bs-navigation-drawer__backdrop", onClick: this.requestClose }), h("nav", { key: '14ac3fff472e789fb4b7f956f22815c8500d8614', ref: el => (this.navRef = el), class: classes, "aria-label": this.heading,
+        return (h(Host, { key: 'b2203f52ae157b565d62e06521b70ddea7f2ae14', "data-overlay": this.mobile ? '' : undefined }, this.mobile && h("div", { key: 'ef85987f69ff5795d899118c8d339d3f52a6f4af', part: "backdrop", class: "bs-navigation-drawer__backdrop", onClick: this.requestClose }), h("nav", { key: '260b591e3439863671aa51b5c90ae203dda82bb5', ref: el => (this.navRef = el), class: classes, "aria-label": this.heading,
             // Stays a plain <nav> landmark in every state: ARIA does not allow role="dialog" on <nav>
             // (axe: aria-allowed-role). Modality is behavioral -- focus is held inside, the page behind is
             // scrimmed, Escape closes -- rather than announced through aria-modal.
-            tabIndex: this.mobile ? -1 : undefined }, this.showLogo && (h("div", { key: '967456673797619dfa73899581cab755be52af3b', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--full" }, h("bs-logo", { key: 'f549a0ae8684bd3a3769f1804ba75788eab0fdbb', variant: "full", background: this.logoBackground }))), this.showLogo && (h("div", { key: '89ae0f3c46e353f7495a0084d79dd053027ef1fe', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--mark" }, h("bs-logo", { key: '6f882163691596ddd61663a1f0988a5cc2c070e7', variant: "mark", background: this.logoBackground }))), h("div", { key: 'dc69df3f9231cd1108e9fa9cd5c19848cbcb63f7', class: "bs-navigation-drawer__title-row" }, h("span", { key: 'ae58f3e70c798282ad337666fbc2e45caa5c641f', part: "title", class: "bs-navigation-drawer__title" }, this.heading), this.collapsible && (h("button", { key: 'b44ab95a3631ff984565cfd2c1c37e37e4941bb1', type: "button", part: "collapse", class: "bs-navigation-drawer__collapse", "aria-label": this.collapsed ? this.expandLabel : this.collapseLabel, "aria-pressed": this.collapsed ? 'true' : 'false', onClick: this.onCollapseClick }, h(CaretLeftIcon, { key: '75a698b86b7dff676cc161989cc6d7b28805c63f' })))), h("div", { key: 'd34097102039aeebb803dc4aba6a1a0fbd8e5dfb', part: "search", class: "bs-navigation-drawer__search" }, h("slot", { key: 'b15dede4663c582b609208cbbb84d9cd5b62c2b5', name: "search" })), h("button", { key: '39f0d260eb12c28467a507bd37ed5c113a976746', type: "button", part: "search-trigger", class: "bs-navigation-drawer__search-trigger", "aria-label": this.searchLabel, onClick: this.onSearchTriggerClick }, h(SearchIcon, { key: '81d77be5b7a36c537096feed0a9ffdc6f3bdfa9f' })), h("div", { key: '8b0d86a6a0b5215fa6a076cba11d237af86706b4', part: "items", class: "bs-navigation-drawer__items" }, h("slot", { key: '75a1f8fe4eee6f05d70ca8ceb4437fcf7f62f463' })))));
+            tabIndex: this.mobile ? -1 : undefined }, this.showLogo && (h("div", { key: '1f947bcd8f55aae3fc83c31c4f1220934de4ca24', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--full" }, h("bs-logo", { key: 'e77c2e6c15478d308f6c2694164262ad37672ba8', variant: "full", background: this.logoBackground }))), this.showLogo && (h("div", { key: 'c3fa7b9cf7a54a42b1dde273127e59b3880aa5a2', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--mark" }, h("bs-logo", { key: '4c35edb7b838ea0c812de2197a6d3d59316449a5', variant: "mark", background: this.logoBackground }))), h("div", { key: 'ea7e753bb4a313718f8d003d299cf2d98c4bf94e', class: "bs-navigation-drawer__title-row" }, h("span", { key: '90e3cdc335d0c2820fe9002e2fafc162576b3240', part: "title", class: "bs-navigation-drawer__title" }, this.heading), this.collapsible && (h("button", { key: '3b5a555dc34380c22030733ca745279e3ddca1b6', type: "button", part: "collapse", class: "bs-navigation-drawer__collapse", "aria-label": this.collapsed ? this.expandLabel : this.collapseLabel, "aria-pressed": this.collapsed ? 'true' : 'false', onClick: this.onCollapseClick }, h(CaretLeftIcon, { key: 'f5e095681e642741cbbfe97ad5ae11fe10c679d4' })))), h("div", { key: '14f9928d98e7773b43c9b6a7dcbdcbdb5302c088', part: "search", class: "bs-navigation-drawer__search" }, h("slot", { key: 'ea0fe474c09c0550b2d89cfc2a7a8294c9d1cedd', name: "search" })), h("button", { key: 'e4a321e70895804445a902cdbb07f65952653bed', type: "button", part: "search-trigger", class: "bs-navigation-drawer__search-trigger", "aria-label": this.searchLabel, onClick: this.onSearchTriggerClick }, h(SearchIcon, { key: '582c3bc3117c49270e5c0ba0d0f0d2e5de9c6625' })), h("div", { key: '844f4f8eb5e95921f6aa1c643bf0fc52255ab19f', part: "items", class: "bs-navigation-drawer__items" }, h("slot", { key: '52485aab4b1ddb41051dba85e657d18f9a8abbd8' })))));
     }
     static get watchers() { return {
         "collapsed": [{

package/dist/esm/bs-navigation-header.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-D3SkQJpw.js';
 
-const bsNavigationHeaderCss = () => `:host{display:block;--bs-navigation-header-bg:var(--bs-surface-base);--bs-navigation-header-border:var(--bs-border-default);--bs-navigation-header-padding-top:var(--bs-spacing-200);--bs-navigation-header-padding-bottom:var(--bs-spacing-100);--bs-navigation-header-padding-x:var(--bs-margin-fluid);--bs-navigation-header-max-width:none;--bs-navigation-header-item-gap:calc(var(--bs-navigation-header-gap) * 1px);--bs-navigation-header-slot-gap:var(--bs-spacing-100);--bs-navigation-header-skip-link-bg:var(--bs-surface-action);--bs-navigation-header-skip-link-color:var(--bs-text-inverse)}.bs-navigation-header{box-sizing:border-box;position:relative;display:flex;align-items:center;width:100%;max-width:var(--bs-navigation-header-max-width);background:var(--bs-navigation-header-bg);border-bottom:1px solid var(--bs-navigation-header-border);padding:var(--bs-navigation-header-padding-top) var(--bs-navigation-header-padding-x) var(--bs-navigation-header-padding-bottom)}.bs-navigation-header__skip-link{position:absolute;top:var(--bs-spacing-100);left:-9999px;z-index:1;padding:var(--bs-spacing-100) var(--bs-spacing-200);border-radius:var(--bs-border-radius-100);background:var(--bs-navigation-header-skip-link-bg);color:var(--bs-navigation-header-skip-link-color);font-size:var(--bs-font-size-sm);text-decoration:underline}.bs-navigation-header__skip-link:focus{left:var(--bs-navigation-header-padding-x)}.bs-navigation-header--default,.bs-navigation-header--with-navigation-drawer{gap:var(--bs-navigation-header-item-gap)}.bs-navigation-header__logo{flex-shrink:0;display:flex;align-items:center}.bs-navigation-header--center .bs-navigation-header__logo{flex:1 0 0;min-width:0}.bs-navigation-header__left{display:flex;align-items:center;gap:var(--bs-navigation-header-slot-gap);flex-shrink:0}.bs-navigation-header__right{display:flex;align-items:center;justify-content:flex-end;gap:var(--bs-navigation-header-slot-gap);flex:1 0 0;min-width:0}@media (max-width: 768px){.bs-navigation-header--default,.bs-navigation-header--with-navigation-drawer{flex-wrap:wrap;row-gap:var(--bs-navigation-header-slot-gap)}.bs-navigation-header--default .bs-navigation-header__left,.bs-navigation-header--with-navigation-drawer .bs-navigation-header__left{flex:1 1 0%;min-width:0}.bs-navigation-header--default .bs-navigation-header__right,.bs-navigation-header--with-navigation-drawer .bs-navigation-header__right{flex:0 0 auto;margin-inline-start:auto;justify-content:flex-end}}`;
+const bsNavigationHeaderCss = () => `:host{display:block;position:relative;--bs-navigation-header-menu-z-index:var(--bs-z-index-dropdown);--bs-navigation-header-menu-max-height:calc(100vh - 100%);--bs-navigation-header-bg:var(--bs-surface-base);--bs-navigation-header-border:var(--bs-border-default);--bs-navigation-header-padding-top:var(--bs-spacing-200);--bs-navigation-header-padding-bottom:var(--bs-spacing-100);--bs-navigation-header-padding-x:var(--bs-margin-fluid);--bs-navigation-header-max-width:none;--bs-navigation-header-item-gap:calc(var(--bs-navigation-header-gap) * 1px);--bs-navigation-header-slot-gap:var(--bs-spacing-100);--bs-navigation-header-skip-link-bg:var(--bs-surface-action);--bs-navigation-header-skip-link-color:var(--bs-text-inverse)}.bs-navigation-header{box-sizing:border-box;position:relative;display:flex;align-items:center;width:100%;max-width:var(--bs-navigation-header-max-width);background:var(--bs-navigation-header-bg);border-bottom:1px solid var(--bs-navigation-header-border);padding:var(--bs-navigation-header-padding-top) var(--bs-navigation-header-padding-x) var(--bs-navigation-header-padding-bottom)}.bs-navigation-header__menu{position:absolute;top:100%;left:0;right:0;z-index:var(--bs-navigation-header-menu-z-index)}.bs-navigation-header__menu ::slotted(*){--bs-mega-menu-width:100%;width:100%;max-width:100%}.bs-navigation-header__skip-link{position:absolute;top:var(--bs-spacing-100);left:-9999px;z-index:1;padding:var(--bs-spacing-100) var(--bs-spacing-200);border-radius:var(--bs-border-radius-100);background:var(--bs-navigation-header-skip-link-bg);color:var(--bs-navigation-header-skip-link-color);font-size:var(--bs-font-size-sm);text-decoration:underline}.bs-navigation-header__skip-link:focus{left:var(--bs-navigation-header-padding-x)}.bs-navigation-header--default,.bs-navigation-header--with-navigation-drawer{gap:var(--bs-navigation-header-item-gap)}.bs-navigation-header__logo{flex-shrink:0;display:flex;align-items:center}.bs-navigation-header--center .bs-navigation-header__logo{flex:1 0 0;min-width:0}.bs-navigation-header__left{display:flex;align-items:center;gap:var(--bs-navigation-header-slot-gap);flex-shrink:0}.bs-navigation-header__right{display:flex;align-items:center;justify-content:flex-end;gap:var(--bs-navigation-header-slot-gap);flex:1 0 0;min-width:0}@media (max-width: 768px){@supports (height: 100dvh){:host{--bs-navigation-header-menu-max-height:calc(100dvh - 100%)}}.bs-navigation-header--default,.bs-navigation-header--with-navigation-drawer{flex-wrap:wrap;row-gap:var(--bs-navigation-header-slot-gap)}.bs-navigation-header--default .bs-navigation-header__left,.bs-navigation-header--with-navigation-drawer .bs-navigation-header__left{flex:1 1 0%;min-width:0}.bs-navigation-header--default .bs-navigation-header__right,.bs-navigation-header--with-navigation-drawer .bs-navigation-header__right{flex:0 0 auto;margin-inline-start:auto;justify-content:flex-end}.bs-navigation-header--default .bs-navigation-header__left{overflow-x:auto;scrollbar-width:none}.bs-navigation-header__menu{max-height:var(--bs-navigation-header-menu-max-height);overflow-y:auto;overscroll-behavior:contain}}`;
 
 const BsNavigationHeader = class {
     constructor(hostRef) {
@@ -34,7 +34,10 @@ const BsNavigationHeader = class {
     render() {
         const showLogo = this.alignment !== 'with-navigation-drawer';
         const rootClasses = `bs-navigation-header bs-navigation-header--${this.alignment}`;
-        return (h("header", { key: '15068c106978e045dba19165016adefaee9c639a', class: rootClasses, "aria-label": this.ariaLabel ?? undefined }, this.skipToContentHref && (h("a", { key: '7040b0d89e0c10c62ca520cf75d5b7bdc7d2e09b', part: "skip-link", class: "bs-navigation-header__skip-link", href: this.skipToContentHref }, this.skipToContentLabel)), showLogo && (h("bs-logo", { key: '77c9baa735505031c3e5c2f8d784d21113a1a78e', part: "logo", class: "bs-navigation-header__logo", variant: "full", background: this.logoBackground })), h("div", { key: '1f2b44b9a8fc50c0736333bedcf91113e57bde00', part: "left", class: "bs-navigation-header__left" }, h("slot", { key: '40388c6c6d118ea1632a8aabfc5eb40504fafe42', name: "left" })), h("div", { key: '72567bab7f76ac21957a7efc57152faf27223344', part: "right", class: "bs-navigation-header__right" }, h("slot", { key: 'c83f0b591abf7093a566571b4811011e12d1fccb', name: "right" }))));
+        return [
+            h("header", { key: '3c9fb71de577fc51e54ef408afcbca45e84ce079', class: rootClasses, "aria-label": this.ariaLabel ?? undefined }, this.skipToContentHref && (h("a", { key: '43037609edd64d0c71959032d74889dc6606b35f', part: "skip-link", class: "bs-navigation-header__skip-link", href: this.skipToContentHref }, this.skipToContentLabel)), showLogo && (h("bs-logo", { key: 'cbc5b28a31a5ce411ece05ed001cf4305cad18ab', part: "logo", class: "bs-navigation-header__logo", variant: "full", background: this.logoBackground })), h("div", { key: '26d9fafe4fe95925094037f5cd4160ba32af2a12', part: "left", class: "bs-navigation-header__left" }, h("slot", { key: '784a5580313c462c5e501954e979b01c04ba325e', name: "left" })), h("div", { key: '2269661581210bcad049f58f8e36b2d2cfd5f1a3', part: "right", class: "bs-navigation-header__right" }, h("slot", { key: '8f388585ff868e30816e345811d620dd624c37c2', name: "right" }))),
+            h("div", { key: '65a6486ebad50bda4723aab3b9eb7a47cc0b17c8', part: "menu", class: "bs-navigation-header__menu" }, h("slot", { key: 'b46c078d0114329c5b10458944f212974c50f098', name: "menu" })),
+        ];
     }
 };
 BsNavigationHeader.style = bsNavigationHeaderCss();