@brandsync/wc 1.19.0 → 1.20.1

package/dist/cjs/bs-key-caps.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
 const bsKeyCapsCss = () => `:host{display:inline-block;--bs-key-caps-gap:var(--bs-spacing-100);--bs-key-caps-separator-color:var(--bs-text-muted);--bs-key-caps-disabled-opacity:0.38}.bs-key-caps{display:inline-flex;align-items:center;gap:var(--bs-key-caps-gap)}.bs-key-caps bs-key:not(:first-child)::before,::slotted(bs-key:not(:first-child))::before{content:'+';color:var(--bs-key-caps-separator-color);font-size:var(--bs-font-size-xs);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}:host([disabled]) .bs-key-caps{opacity:var(--bs-key-caps-disabled-opacity)}`;
 
@@ -31,7 +31,7 @@ const BsKeyCaps = class {
     render() {
         const keys = this.keyList();
         const name = this.label ?? (keys.length ? keys.join(' plus ') : undefined);
-        return (index.h("span", { key: '53c116e6e8a19e8d02f1c0062054ba2446f7e7fc', part: "container", class: "bs-key-caps", role: "group", "aria-label": name, "aria-disabled": this.disabled ? 'true' : undefined }, keys.map(k => (index.h("bs-key", { label: k }))), index.h("slot", { key: '05d08db73dd84fdc420ea4346bf5b6b4431c5ffc' })));
+        return (index.h("span", { key: '901f06dbfbe651cf48cde37a2d230f66c801e710', part: "container", class: "bs-key-caps", role: "group", "aria-label": name, "aria-disabled": this.disabled ? 'true' : undefined }, keys.map(k => (index.h("bs-key", { label: k }))), index.h("slot", { key: 'c5444e1a1eea07b7ec6548c2d4a20cbae2494c4f' })));
     }
 };
 BsKeyCaps.style = bsKeyCapsCss();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
 const bsKeyCss = () => `:host{display:inline-flex;align-items:center;gap:var(--bs-spacing-100);--bs-key-bg:var(--bs-surface-base);--bs-key-border-color:var(--bs-border-default);--bs-key-radius:var(--bs-border-radius-50);--bs-key-padding-x:var(--bs-spacing-75);--bs-key-padding-y:var(--bs-spacing-50);--bs-key-min-width:25px;--bs-key-color:var(--bs-text-secondary);--bs-key-font-size:var(--bs-font-size-xs);--bs-key-icon-size:16px}.bs-key{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:var(--bs-key-min-width);padding:var(--bs-key-padding-y) var(--bs-key-padding-x);background:var(--bs-key-bg);border:1px solid var(--bs-key-border-color);border-radius:var(--bs-key-radius);color:var(--bs-key-color);font-family:inherit;font-size:var(--bs-key-font-size);font-weight:var(--bs-font-weight-regular);line-height:calc(var(--bs-line-height-caption-sm) * 1px);text-align:center;white-space:nowrap}.bs-key__label{display:block}.bs-key__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--bs-key-icon-size);height:var(--bs-key-icon-size)}.bs-key__icon--hidden{display:none}.bs-key__icon ::slotted(*){display:block;width:100%;height:100%}`;
 
@@ -20,7 +20,7 @@ const BsKey = class {
         this.hasIcon = ev.target.assignedNodes().length > 0;
     };
     render() {
-        return (index.h("kbd", { key: 'e84e287f0dd4b06bc63839a8b8bfccfac064bdd2', part: "container", class: "bs-key" }, !this.hasIcon && (index.h("span", { key: '625fff9396a1d12863cb7eacfd0adf021a70835d', part: "label", class: "bs-key__label" }, index.h("slot", { key: '62f75a400443b6719994800e0050469d16939197' }, this.label))), index.h("span", { key: '3a989710a0d213de963feb4c51eb950fa46add68', part: "icon", class: { 'bs-key__icon': true, 'bs-key__icon--hidden': !this.hasIcon } }, index.h("slot", { key: '62ca858bdc844d645701096b6b72ef6291abceb9', name: "icon", onSlotchange: this.onIconSlotChange }))));
+        return (index.h("kbd", { key: 'b27361677679af4361b8c52c619e9b71c3a3070d', part: "container", class: "bs-key" }, !this.hasIcon && (index.h("span", { key: '0cc6b002dccd205e506c6beeeb036f8eadd96dca', part: "label", class: "bs-key__label" }, index.h("slot", { key: '99d7c62980ef97f7cd8d98ad949a0137bdc0f8e7' }, this.label))), index.h("span", { key: '57ba03cb14b03dfc33879b615d7766734611d514', part: "icon", class: { 'bs-key__icon': true, 'bs-key__icon--hidden': !this.hasIcon } }, index.h("slot", { key: 'd3d87b23ec5236cb9c42cff04345eb7601f6c3d6', name: "icon", onSlotchange: this.onIconSlotChange }))));
     }
 };
 BsKey.style = bsKeyCss();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.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}`;
 
@@ -101,10 +101,10 @@ const BsKeyboardShortcuts = class {
         const headId = `${this.id}-heading`;
         const noResults = count === 0 && (this.query ?? '').trim() !== '';
         let gi = 0;
-        return (index.h("bs-card", { key: '79e5266a0337b073391c6c82c629086f3f5a6dce', part: "container", class: "bs-keyboard-shortcuts", surface: "base", role: "region", "aria-labelledby": headId, onKeyDown: this.onKeyDown }, index.h("div", { key: 'ad81f8b924d8d2d5462efd14e3201746fb00d04b', class: "bs-keyboard-shortcuts__body" }, index.h("div", { key: '54a8c9ea691523fe7f4c3f41157ffcaa814fff91', part: "head", class: "bs-keyboard-shortcuts__head" }, index.h("svg", { key: 'd11295fa495307b9d2117b5efda0be187eabbafb', 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" }, index.h("rect", { key: 'ff8e19a76fc9c2d21605d9d7e5642465a0b0977b', x: "2", y: "5", width: "20", height: "14", rx: "2" }), index.h("path", { key: 'e71f72087979fd4114439ca7db3722e5eba298d4', d: "M6 9h.01M10 9h.01M14 9h.01M18 9h.01M6 13h.01M18 13h.01M9 15.5h6" })), index.h("h4", { key: 'b5fb4a70cedbf7104abdc873c147e1f0986cfcd5', part: "heading", id: headId, class: "bs-keyboard-shortcuts__heading" }, index.h("slot", { key: 'c4d748a98ef98e02a26476c4c8b853d3e77bad11', name: "heading" }, this.heading)), index.h("bs-icon-button", { key: 'aff51431172e892da6de1181bf3344eca2909e76', part: "close", variant: "subtle", size: "md", "aria-label": this.closeLabel, onClick: () => this.bsClose.emit() }, index.h("svg", { key: 'eb80c782f7af169f434b4ff142c961f85eef3306', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "aria-hidden": "true" }, index.h("path", { key: 'c576a6aeca7ad33fb18922d6f6b327ac6e2aab5d', d: "M6 6l12 12M18 6 6 18" })))), index.h("bs-input", { key: '200bfa90b61cc7a8ecdde7f373fd6b0c7f438e7c', part: "search", type: "search", placeholder: this.searchPlaceholder, value: this.query, onBsInput: this.onInput }), this.showSingleKeySwitch && (index.h("div", { key: '41584586700e0589f078e996ab54497401c87059', part: "switch", class: "bs-keyboard-shortcuts__switch" }, index.h("div", { key: '4987a67e712f50b2259c2a4cd2d945adc14a2786', class: "bs-keyboard-shortcuts__switch-text" }, index.h("span", { key: '410cc42bbb55207ec1f8c6f18c6a6ed07eab58b5', class: "bs-keyboard-shortcuts__switch-title" }, this.singleKeyLabel), index.h("span", { key: '55cf6495958aa22f6470fd852ca4fae07195b5bc', class: "bs-keyboard-shortcuts__switch-caption" }, this.singleKeyDescription)), index.h("bs-switch", { key: 'b7538cbce99447c3ac03c1dedceff7a4a84941f2', ariaLabel: this.singleKeyLabel, checked: this.singleKeyEnabled, onBsChange: this.onSwitch }))), index.h("span", { key: '993d7c182bce54e4a0faad2873ab9a8a3257bfd7', class: "bs-keyboard-shortcuts__live", "aria-live": "polite" }, `${count} shortcut${count === 1 ? '' : 's'}`), noResults ? (index.h("p", { part: "empty", class: "bs-keyboard-shortcuts__empty", role: "status" }, this.noResultsText)) : (index.h("div", { part: "groups", class: "bs-keyboard-shortcuts__groups" }, cols.map(col => (index.h("div", { class: "bs-keyboard-shortcuts__column" }, col.map(g => {
+        return (index.h("bs-card", { key: '4adbaa6128cadae5243d72c7664cc96bb8763170', part: "container", class: "bs-keyboard-shortcuts", surface: "base", role: "region", "aria-labelledby": headId, onKeyDown: this.onKeyDown }, index.h("div", { key: 'ced6be76eb5edf1f2ed715538ace0a90f1899088', class: "bs-keyboard-shortcuts__body" }, index.h("div", { key: '63396fd9922f5fd22dfd8a6f7703e732423d0406', part: "head", class: "bs-keyboard-shortcuts__head" }, index.h("svg", { key: '2b48b0537ad8c49966a33c15d3bd7642c61afaa1', 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" }, index.h("rect", { key: 'd1575e1a4caadd811d7738a97590b33772d09a3e', x: "2", y: "5", width: "20", height: "14", rx: "2" }), index.h("path", { key: '8396b0c4a04aa05015745191f5fffb8c9171b624', d: "M6 9h.01M10 9h.01M14 9h.01M18 9h.01M6 13h.01M18 13h.01M9 15.5h6" })), index.h("h4", { key: 'edc9090eeec79b8f9c4a732bcc307a3d64598180', part: "heading", id: headId, class: "bs-keyboard-shortcuts__heading" }, index.h("slot", { key: '845c9ee4429df39222cb4dc384bfa4d67f9fb32d', name: "heading" }, this.heading)), index.h("bs-icon-button", { key: 'a9920ff3ebdf761fcbcff5437883a0aa018b0515', part: "close", variant: "subtle", size: "md", "aria-label": this.closeLabel, onClick: () => this.bsClose.emit() }, index.h("svg", { key: '1ba14bac88cb1e0b71c26920606926e04647b3f3', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "aria-hidden": "true" }, index.h("path", { key: 'a5bf2da4c4e046fbf47fcabfc9a359cc2f9e8af5', d: "M6 6l12 12M18 6 6 18" })))), index.h("bs-input", { key: '1494c19d015297481024fb24880129def85a5bf4', part: "search", type: "search", placeholder: this.searchPlaceholder, value: this.query, onBsInput: this.onInput }), this.showSingleKeySwitch && (index.h("div", { key: '021639f4a4aabd1a1e93bfa74005e748f10af296', part: "switch", class: "bs-keyboard-shortcuts__switch" }, index.h("div", { key: '7038f274d674816a895538f29ed49893dfe73d71', class: "bs-keyboard-shortcuts__switch-text" }, index.h("span", { key: 'c478c63c210bf77c9b579d8be475e40807a3f794', class: "bs-keyboard-shortcuts__switch-title" }, this.singleKeyLabel), index.h("span", { key: '0be8befdcf52d17e267ad00cc21582a470f3355b', class: "bs-keyboard-shortcuts__switch-caption" }, this.singleKeyDescription)), index.h("bs-switch", { key: '413e6394239c8ae95db6dda07f3239dc371271dc', ariaLabel: this.singleKeyLabel, checked: this.singleKeyEnabled, onBsChange: this.onSwitch }))), index.h("span", { key: '49ebad833d4086b6e9063cca321183050294974e', class: "bs-keyboard-shortcuts__live", "aria-live": "polite" }, `${count} shortcut${count === 1 ? '' : 's'}`), noResults ? (index.h("p", { part: "empty", class: "bs-keyboard-shortcuts__empty", role: "status" }, this.noResultsText)) : (index.h("div", { part: "groups", class: "bs-keyboard-shortcuts__groups" }, cols.map(col => (index.h("div", { class: "bs-keyboard-shortcuts__column" }, col.map(g => {
             const tid = `${this.id}-g${gi++}`;
             return (index.h("div", { part: "group", class: "bs-keyboard-shortcuts__group", role: "group", "aria-labelledby": tid }, index.h("div", { part: "group-title", id: tid, class: "bs-keyboard-shortcuts__group-title" }, g.title), index.h("div", { class: "bs-keyboard-shortcuts__rows", role: "list" }, g.shortcuts.map(s => (index.h("bs-shortcut-row", { part: "row", action: s.action, keys: s.keys, selectionRole: "listitem", disabled: !!s.disabled || (!this.singleKeyEnabled && isSingleKey(s)) }))))));
-        })))))), this.showFooterHint && (index.h("div", { key: '4b980ff2fa253a36021615fe9a9203707a728b64', part: "footer", class: "bs-keyboard-shortcuts__footer" }, index.h("slot", { key: 'b72e0707aef77ffd10c192a622a2c0bc6f387b29', name: "footer" }, index.h("span", { key: '1324c58fd399271b2f0d983306b39f734e6e2d7f' }, this.footerPrefix), index.h("bs-key", { key: '47d4279c83abd23982bb4030582a7c21262e99ce', label: this.footerKey }), index.h("span", { key: '8ab0550e4d65d4c85e8ff3395f5bc230f9faacf8' }, this.footerText)))))));
+        })))))), this.showFooterHint && (index.h("div", { key: 'c4664361e37fe30fedb7ad4fe70d563158f1b8b4', part: "footer", class: "bs-keyboard-shortcuts__footer" }, index.h("slot", { key: 'b3e9725588c19ed229c4b0ef41d5af770b9a254f', name: "footer" }, index.h("span", { key: '4777b862d716e32dbaf52648b1657888a2edf469' }, this.footerPrefix), index.h("bs-key", { key: '2181a463c533548e1248ac29935f44324f730aae', label: this.footerKey }), index.h("span", { key: 'a768e533df52cca4e6576e9ec6824a9fc80bb3f3' }, this.footerText)))))));
     }
 };
 BsKeyboardShortcuts.style = bsKeyboardShortcutsCss();

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

@@ -0,0 +1,52 @@
+'use strict';
+
+var index = require('./index-BFxk-bY6.js');
+
+const bsLinkCss = () => `:host{display:inline;--bs-link-color:var(--bs-text-link);--bs-link-color-hover:var(--bs-text-action-hover);--bs-link-color-visited:var(--bs-text-accent);--bs-link-color-current:var(--bs-text-default);--bs-link-focus-ring-color:var(--bs-border-neutral-focus);--bs-link-radius:var(--bs-border-radius-50);--bs-link-gap:var(--bs-spacing-50);--bs-link-icon-size:var(--bs-spacing-200);--bs-link-font-weight:var(--bs-font-weight-regular);--bs-link-target-size:var(--bs-spacing-550);--bs-link-button-bg:var(--bs-color-primary-default);--bs-link-button-bg-hover:var(--bs-color-primary-hover);--bs-link-button-bg-pressed:var(--bs-color-primary-pressed);--bs-link-button-color:var(--bs-text-on-action);--bs-link-button-radius:var(--bs-border-radius-100);--bs-link-button-padding-x:var(--bs-spacing-250)}:host([variant='standalone']),:host([variant='button']){display:inline-block}.bs-link{color:var(--bs-link-color);font-family:inherit;font-size:inherit;font-weight:var(--bs-link-font-weight);text-decoration:underline;text-underline-offset:0.15em;border-radius:var(--bs-link-radius);cursor:pointer}.bs-link:visited{color:var(--bs-link-color-visited)}.bs-link:hover{color:var(--bs-link-color-hover);text-decoration-thickness:2px}.bs-link:focus-visible{outline:2px solid var(--bs-link-focus-ring-color);outline-offset:2px}.bs-link[aria-current='page']{color:var(--bs-link-color-current);font-weight:var(--bs-font-weight-semibold)}.bs-link__icon{width:var(--bs-link-icon-size);height:var(--bs-link-icon-size);margin-inline-start:var(--bs-link-gap);vertical-align:-0.1em}.bs-link__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bs-link--standalone,.bs-link--button{box-sizing:border-box;display:inline-flex;align-items:center;min-height:var(--bs-link-target-size);min-width:var(--bs-link-target-size)}.bs-link--button{justify-content:center;padding:0 var(--bs-link-button-padding-x);border-radius:var(--bs-link-button-radius);background:var(--bs-link-button-bg);color:var(--bs-link-button-color);font-weight:var(--bs-font-weight-semibold);text-decoration:none}.bs-link--button:visited,.bs-link--button[aria-current='page']{color:var(--bs-link-button-color)}.bs-link--button:hover{background:var(--bs-link-button-bg-hover);color:var(--bs-link-button-color)}.bs-link--button:active{background:var(--bs-link-button-bg-pressed)}@media (forced-colors: active){.bs-link{color:LinkText}.bs-link:visited{color:VisitedText}.bs-link--button{border:1px solid ButtonText;color:ButtonText}}`;
+
+const BsLink = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bsNavigate = index.createEvent(this, "bsNavigate");
+    }
+    /** Destination. */
+    href;
+    /** Browsing context (e.g. `_blank`). `_blank` implies the external icon. */
+    target;
+    /** Link relationship. Defaults to `noopener noreferrer` when `target="_blank"`. */
+    rel;
+    /** `inline` sits in running text; `standalone` has a 44px minimum touch target; `button` is
+     * styled as a primary button (also 44px). */
+    variant = 'inline';
+    /** Shows the external-link icon (always shown for `target="_blank"`). */
+    external = false;
+    /** Visually hidden suffix announced for links that open in a new tab. */
+    externalLabel = '(opens in a new tab)';
+    /** Marks the link as the current page (`aria-current="page"`). */
+    current = false;
+    /** Accessible name override (needed on the host, as `aria-label` does not cross the shadow boundary). */
+    ariaLabel = null;
+    /** Fires on a plain primary click before the browser navigates. **Cancelable**: call
+     * `preventDefault()` to route it yourself (SPA router). Detail is `{ href }`. Ctrl/cmd/shift/alt
+     * and middle clicks are left to the browser. Bubbles and is composed. */
+    bsNavigate;
+    onClick = (ev) => {
+        if (ev.defaultPrevented || ev.button !== 0 || ev.metaKey || ev.ctrlKey || ev.shiftKey || ev.altKey)
+            return;
+        if (this.target && this.target !== '_self')
+            return;
+        const navigate = this.bsNavigate.emit({ href: this.href });
+        if (navigate.defaultPrevented)
+            ev.preventDefault();
+    };
+    render() {
+        const newTab = this.target === '_blank';
+        const showIcon = this.external || newTab;
+        const rel = this.rel ?? (newTab ? 'noopener noreferrer' : undefined);
+        return (index.h("a", { key: 'c82f367db82bb0c44308b0ab2c6599a846b6adfe', part: "link", class: `bs-link bs-link--${this.variant}`, href: this.href, target: this.target, rel: rel, "aria-label": this.ariaLabel, "aria-current": this.current ? 'page' : undefined, onClick: this.onClick }, index.h("span", { key: 'f12546ed4826b1e76f99e85a8ed297143655d128', part: "label", class: "bs-link__label" }, index.h("slot", { key: 'c562356d87247776cd80edccc1b8d6e9b8e35851' })), newTab && index.h("span", { key: '3c2ee6c9d471bda0302d0a607c46caf3693db568', class: "bs-link__sr" }, this.externalLabel), showIcon && (index.h("svg", { key: '8af4d1d677dd6942a699e23d8e8f6ceb2470988a', part: "icon", class: "bs-link__icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("path", { key: '42df29013dd77d2bd847fedc6817914cc4d50d91', d: "M9 3h4v4M13 3L7.5 8.5M12 9v3a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h3", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+    }
+    static get delegatesFocus() { return true; }
+};
+BsLink.style = bsLinkCss();
+
+exports.bs_link = BsLink;

package/dist/cjs/bs-list-item.cjs.entry.js

@@ -0,0 +1,68 @@
+'use strict';
+
+var index = require('./index-BFxk-bY6.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{position:relative;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__marker{flex-shrink:0;min-width:1.5em;color:var(--bs-text-secondary);font-weight:var(--bs-font-weight-semibold);text-align:end}.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) {
+        index.registerInstance(this, hostRef);
+        this.bsItemClick = index.createEvent(this, "bsItemClick");
+    }
+    get el() { return index.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;
+    /** Set by the parent `bs-list` for `bulleted` / `numbered` variants: the visual marker. Hidden from assistive technology. Do not set by hand. */
+    marker = 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 (index.h(index.Host, { key: 'b2cf244c2795882e80d9d0de8e450089f31096ec', 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 } }, index.h("div", { key: '9c803a23b4b7857e3486d73a082703ae980bcfc1', part: "container", class: "bs-list-item" }, interactive && !this.disabled && index.h("bs-ripple", { key: 'c7cf9815786dd62cd2b2048b1b698d76bd75c13d', part: "ripple" }), this.marker && (index.h("span", { key: '891fe2a184b721b68467872b18785e1af4246c99', part: "marker", class: "bs-list-item__marker", "aria-hidden": "true" }, this.marker)), index.h("div", { key: '0aaf314ca2fe62569e687ae960edfed7dc00f4c4', part: "leading", class: { 'bs-list-item__leading': true, 'bs-list-item__leading--has-content': this.hasLeading } }, index.h("slot", { key: 'cef319ce4b0ca1b8a8b7d5b375c3507375354a95', name: "leading", onSlotchange: (e) => (this.hasLeading = this.slotHas(e)) })), index.h("div", { key: '441781f53d2b1e73ffd3a1eccf0769716e7da628', part: "content", class: "bs-list-item__content" }, !this.hasDefault && this.label && (index.h("div", { key: '2348b17d9f0d5da77e4481b2c26b7b39ef9525ab', part: "label", class: "bs-list-item__label" }, this.label)), !this.hasDefault && this.description && (index.h("div", { key: '4b8931a5c9e36ac4c3bfa4f376bbd6e23604f0f9', part: "description", class: "bs-list-item__description" }, this.description)), !this.hasDefault && this.supportText && (index.h("div", { key: '1f63bcbce2b0b30f28f9c90a50443a6d78d15242', part: "support-text", class: "bs-list-item__support" }, this.supportText)), index.h("slot", { key: 'e1d67c08ad98d76619f4ad3171689cf79ebe565d', onSlotchange: (e) => (this.hasDefault = this.slotHas(e)) })), index.h("div", { key: '5e1fbe9de74e62b54a2c67debcef1228a434a6a0', part: "trailing", class: { 'bs-list-item__trailing': true, 'bs-list-item__trailing--shown': showTrailing } }, index.h("slot", { key: 'c2dbc64f61a448dc13adfe7642be0fa398453427', name: "trailing", onSlotchange: (e) => (this.hasTrailing = this.slotHas(e)) }, this.showArrow && (index.h("svg", { key: '2dce987756aed8aa5eac4949473d3a30022b3792', viewBox: "0 0 32 32", width: "32", height: "32", fill: "none", "aria-hidden": "true" }, index.h("path", { key: 'f79e5c78fb72b30b29248e4a47048312d3779a2f', d: "M12 7L21 16L12 25", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
+    }
+};
+BsListItem.style = bsListItemCss();
+
+exports.bs_list_item = BsListItem;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
 const bsListCss = () => `:host{display:block;--bs-list-gap:0;--bs-list-divider-color:var(--bs-border-neutral-container)}.bs-list{display:flex;flex-direction:column;gap:var(--bs-list-gap)}:host([dividers]) ::slotted(bs-list-item:not(:last-child)){border-bottom:1px solid var(--bs-list-divider-color)}`;
 
@@ -14,6 +14,8 @@ const BsList = class {
     selectable = false;
     /** `value` of the selected item (selectable mode). */
     value = null;
+    /** `plain` (default), `bulleted` (a bullet before each row) or `numbered` (1., 2., 3., ...). Ignored when `selectable`. */
+    variant = 'plain';
     /** Draws a 1px separator between rows. */
     dividers = false;
     /** Accessible name of the list. */
@@ -34,7 +36,8 @@ const BsList = class {
     }
     sync() {
         const items = this.items();
-        items.forEach(i => {
+        items.forEach((i, idx) => {
+            i.marker = this.selectable || this.variant === 'plain' ? null : this.variant === 'bulleted' ? '\u2022' : `${idx + 1}.`;
             i.selectionRole = this.selectable ? 'option' : 'listitem';
             if (this.selectable)
                 i.selected = this.value != null && i.value === this.value;
@@ -87,7 +90,7 @@ const BsList = class {
         enabled[next].focus();
     }
     render() {
-        return (index.h("div", { key: '9956c0d827c6ea78a2ed0a93e823555eac9af301', part: "list", class: "bs-list", role: this.selectable ? 'listbox' : 'list', "aria-label": this.ariaLabel ?? undefined }, index.h("slot", { key: '054ef607c962bdb4171e2b3818928f7e1765f692', onSlotchange: () => this.sync() })));
+        return (index.h("div", { key: 'c90bfe88e3be35377190d55c7ed25338e1baf2c2', part: "list", class: "bs-list", role: this.selectable ? 'listbox' : 'list', "aria-label": this.ariaLabel ?? undefined }, index.h("slot", { key: '7c4ceaa24552ced7b6b09b1d1ff1e189cb144b6b', onSlotchange: () => this.sync() })));
     }
     static get watchers() { return {
         "value": [{
@@ -95,6 +98,9 @@ const BsList = class {
             }],
         "selectable": [{
                 "onChange": 0
+            }],
+        "variant": [{
+                "onChange": 0
             }]
     }; }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
 // BrandSync brand mark (icon + "EG BrandSync" wordmark) on a light background, exported directly
 // from Figma's "Logo" component set (node 10909:30421, Device=Desktop, Background=Light) and

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 var motion = require('./motion-DOlI71lc.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);--bs-mega-menu-duration:var(--bs-duration-default);--bs-mega-menu-easing:var(--bs-easing-standard);--bs-mega-menu-distance:var(--bs-spacing-100)}:host([hidden]),:host([data-closed]){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}}`;
@@ -107,7 +107,7 @@ const BsMegaMenu = class {
         const hasFeatured = !!this.featured || !!this.el.querySelector(':scope > [slot="featured"]');
         const tracks = this.columns.length + (hasFeatured ? 1 : 0);
         const removed = this.open === false && !this.closing;
-        return (index.h(index.Host, { key: '036de0d22f6fd097b063cf3e18db04bbffac3590', "data-closed": removed ? '' : undefined }, index.h("bs-card", { key: '551c8aa2d4d2dcaca5d50d6fa1b694007685cde9', part: "panel", class: "bs-mega-menu", surface: "base", role: "navigation", "aria-label": this.label, onKeyDown: this.onKeyDown, inert: this.closing, ref: el => (this.panelEl = el) }, index.h("div", { key: '00fd782414ca6032b20fd5bb9d07c892389dd9fe', 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()), index.h("bs-divider", { key: 'f1e4ea55ae169e992cf7b48698016cc9c13382ff', decorative: true }), index.h("div", { key: '4a71517320983a6f01f81fdb44a893750ecc0516', part: "footer", class: "bs-mega-menu__footer" }, index.h("span", { key: 'b4192ab9c345ce706aaab400c0445b0ac50472f0', class: "bs-mega-menu__footer-start" }, index.h("slot", { key: 'ebdb724b4546c04243c7c5d65f9b2acfb001df6b', name: "footer-start" }, this.recent.length > 0 && `${this.recentLabel} ${this.recent.join(', ')}`)), index.h("span", { key: '78554ecd4de584ed7aedec599f6dd8556f4652cc', class: "bs-mega-menu__footer-end" }, index.h("slot", { key: '68bd8c2fc4a76dc78e4f0399a875bf509974d760', name: "footer-end" }, index.h("span", { key: '5a26bb373a4b3a0934df88c2f4b138fe153332e2', class: "bs-mega-menu__shortcut" }, this.shortcutLabel, index.h("bs-key-caps", { key: 'be2bc62ab7d2aaada1ab1539d341bead5d2f8897', part: "shortcut", keys: this.shortcutKeys, label: this.shortcutKeysLabel }))))))));
+        return (index.h(index.Host, { key: '4e1ca5f61433cf2bb6c19b4ba62c6b936932401e', "data-closed": removed ? '' : undefined }, index.h("bs-card", { key: '4858dba5bafae10221a4acbaa03b0ebe6a2bdc1a', part: "panel", class: "bs-mega-menu", surface: "base", role: "navigation", "aria-label": this.label, onKeyDown: this.onKeyDown, inert: this.closing, ref: el => (this.panelEl = el) }, index.h("div", { key: 'ccecfe4344c62e17e987a3d9d12ac3d2444bcbd6', 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()), index.h("bs-divider", { key: 'ce7d19d9bf5c5a8afaae6be8a28cc80ff91644a3', decorative: true }), index.h("div", { key: '1dfb2400b86b11b6fd2bdd0deb856d3610d13e13', part: "footer", class: "bs-mega-menu__footer" }, index.h("span", { key: 'ab18853838c0e412b3f5e6d7d146e61150355569', class: "bs-mega-menu__footer-start" }, index.h("slot", { key: '7edae96d3388a26b2c6d52a1a0e2719a816d1a47', name: "footer-start" }, this.recent.length > 0 && `${this.recentLabel} ${this.recent.join(', ')}`)), index.h("span", { key: 'f67686ddb8f5eac6c58ba7ab5d9386c38b306ae1', class: "bs-mega-menu__footer-end" }, index.h("slot", { key: 'd3ec0812f016f8fc1639013212e4f804d050a591', name: "footer-end" }, index.h("span", { key: '58235b6c41e41c541b79c55108fa7f0f24c40cdf', class: "bs-mega-menu__shortcut" }, this.shortcutLabel, index.h("bs-key-caps", { key: '1d2d4a53a33ac046af88b78b59bc83e7b925ad56', part: "shortcut", keys: this.shortcutKeys, label: this.shortcutKeysLabel }))))))));
     }
     static get watchers() { return {
         "open": [{

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
 const bsMessageListCss = () => `:host{display:block;position:relative;min-height:0;--bs-message-list-gap:var(--bs-spacing-200);--bs-message-list-padding:var(--bs-spacing-200);--bs-message-list-button-offset:var(--bs-spacing-200)}.bs-message-list{position:relative;height:100%}.bs-message-list__viewport{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-message-list-gap);height:100%;padding:var(--bs-message-list-padding);overflow-y:auto}::slotted(*){flex-shrink:0}.bs-message-list__viewport:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:-2px}.bs-message-list__scroll{position:absolute;inset-block-end:var(--bs-message-list-button-offset);inset-inline-start:50%;transform:translateX(-50%)}`;
 
@@ -63,7 +63,7 @@ const BsMessageList = class {
         }
     };
     render() {
-        return (index.h("div", { key: 'b10cb414ec777f2ee2b793788f1d7cd1c8be7c03', class: "bs-message-list" }, index.h("div", { key: 'cdc9d56810ccab43ecc5a4f2a8c2fa0d7f87a238', part: "viewport", class: "bs-message-list__viewport", role: "log", "aria-live": "polite", tabindex: "0", ref: el => (this.viewport = el), onScroll: this.onScroll }, index.h("slot", { key: '54e2d0281818c3f0a6e9b4d8d147b7769b4bfd62' })), this.showScrollButton && (index.h("bs-icon-button", { key: 'dbe6009a3905d63fd50e69860e1f287a625d6d25', part: "scroll-to-latest", class: "bs-message-list__scroll", variant: "neutral", ariaLabel: this.scrollToLatestLabel, onClick: () => this.scrollToLatest() }, index.h("svg", { key: '000793a84e2f256bcf59cd7e000e54a6dcb0e63d', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("path", { key: '6d8447826dc8ae2534156820f45fe761797bf70a', d: "M8 3v10M3.5 8.5L8 13l4.5-4.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
+        return (index.h("div", { key: '4a9aba669da325e805219d3f4d11dfbfdd235147', class: "bs-message-list" }, index.h("div", { key: '86a867dda211c2648a7e1a82f18b94a3924a774e', part: "viewport", class: "bs-message-list__viewport", role: "log", "aria-live": "polite", tabindex: "0", ref: el => (this.viewport = el), onScroll: this.onScroll }, index.h("slot", { key: '649dd0db989cea62876092ed384a704468392e0d' })), this.showScrollButton && (index.h("bs-icon-button", { key: 'e4066ec90ac6ea3000e10db1920eeaf028611548', part: "scroll-to-latest", class: "bs-message-list__scroll", variant: "neutral", ariaLabel: this.scrollToLatestLabel, onClick: () => this.scrollToLatest() }, index.h("svg", { key: 'c6f25699e0f1de5b543b6297c4158a05e3f04eb3', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("path", { key: '044b506ee58e69c3dec36eb107c5565899a036e5', 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/cjs/bs-message.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
 const bsMessageCss = () => `:host{display:block;--bs-message-gap:var(--bs-spacing-100);--bs-message-max-width:80%;--bs-message-padding:var(--bs-spacing-150);--bs-message-radius:var(--bs-border-radius-150);--bs-message-user-bg:var(--bs-color-primary-container);--bs-message-user-color:var(--bs-text-default);--bs-message-assistant-bg:var(--bs-color-neutral-container);--bs-message-assistant-color:var(--bs-text-default);--bs-message-error-bg:var(--bs-color-error-container);--bs-message-error-color:var(--bs-text-error);--bs-message-pending-opacity:0.6;--bs-message-timestamp-color:var(--bs-text-secondary);--bs-message-timestamp-font-size:var(--bs-font-size-xs)}.bs-message{display:flex;align-items:flex-start;gap:var(--bs-message-gap)}:host([role='user']) .bs-message{flex-direction:row-reverse}.bs-message__avatar{flex-shrink:0}.bs-message__column{display:flex;flex-direction:column;gap:var(--bs-spacing-50);min-width:0;max-width:var(--bs-message-max-width);align-items:flex-start}:host([role='user']) .bs-message__column{align-items:flex-end}.bs-message__bubble{--bs-card-bg:var(--bs-message-assistant-bg);--bs-card-radius:var(--bs-message-radius);--bs-card-padding:var(--bs-message-padding);--bs-card-shadow:none;color:var(--bs-message-assistant-color)}:host([role='user']) .bs-message__bubble{--bs-card-bg:var(--bs-message-user-bg);color:var(--bs-message-user-color)}:host([status='error']) .bs-message__bubble{--bs-card-bg:var(--bs-message-error-bg);color:var(--bs-message-error-color)}:host([status='pending']) .bs-message__bubble{opacity:var(--bs-message-pending-opacity)}.bs-message__content{overflow-wrap:anywhere;font-size:var(--bs-font-size-md);line-height:var(--bs-line-height-normal)}.bs-message__timestamp{color:var(--bs-message-timestamp-color);font-size:var(--bs-message-timestamp-font-size);line-height:var(--bs-line-height-normal)}`;
 
@@ -17,7 +17,7 @@ const BsMessage = class {
     /** Delivery/render state. `error` uses error colours; `pending` dims the bubble and sets `aria-busy`. */
     status = 'default';
     render() {
-        return (index.h("div", { key: 'db1349965dab9cdb4ca7cddd47d9df6aa21227d2', class: "bs-message", "aria-busy": this.status === 'pending' ? 'true' : undefined }, index.h("div", { key: 'd1bee0f3145b3bd789ffe90b2603caefba8fcf1e', part: "avatar", class: "bs-message__avatar" }, index.h("slot", { key: '487a6d52013d52ac80f8906fbccf3017a1dd927d', name: "avatar" })), index.h("div", { key: 'c0713ad732145108ee0a40991fcc3f7955d6d263', class: "bs-message__column" }, index.h("bs-card", { key: 'ffa3b7c127f117c61e704e3209b031c0d1e0f385', part: "container", class: "bs-message__bubble", surface: "base" }, index.h("div", { key: 'f7b852caaecf770856fdb332db9e3af6540d99c2', part: "content", class: "bs-message__content" }, index.h("slot", { key: 'd3cacbf1031960c074b67115cdd110910eeb116b' }))), index.h("div", { key: '7161bd50553b2a2f4047c23501877ede4ff4facf', part: "footer", class: "bs-message__footer" }, index.h("slot", { key: '7109f10f94523fd2d58b6dd4de2195626b385dfb', name: "footer" })), index.h("div", { key: 'bf4e8e6c4817d33c69dd12362b397860d70766e9', part: "timestamp", class: "bs-message__timestamp" }, index.h("slot", { key: '6b70a022b77a2e20d4c0c3524d2ef00b45f1b583', name: "timestamp" }, this.timestamp && index.h("time", { key: '4e421395a0537ce46369fe9555cf308b052d71f1', dateTime: this.datetime }, this.timestamp))))));
+        return (index.h("div", { key: 'f80d1149391aef141fdcabfcc1a0c1fd0537cbf9', class: "bs-message", "aria-busy": this.status === 'pending' ? 'true' : undefined }, index.h("div", { key: 'd640f5a34fc67643da3755aaed1d0cdc8a39d628', part: "avatar", class: "bs-message__avatar" }, index.h("slot", { key: '961d1226493b04581259b1e445afabc82f90a7a9', name: "avatar" })), index.h("div", { key: '742e803b174a31f2c5db3c35315e62bc108cec02', class: "bs-message__column" }, index.h("bs-card", { key: '09f5449eb4d01309597301b516dc31a0fd008786', part: "container", class: "bs-message__bubble", surface: "base" }, index.h("div", { key: 'eda71ddcc2a3b0546919b78119bc7c70c3c3be07', part: "content", class: "bs-message__content" }, index.h("slot", { key: '790751ff09be551fe5b6fcbe7d1fb67522d86944' }))), index.h("div", { key: '30ccab14d2c8348c5ccd23298ad102ef39409847', part: "footer", class: "bs-message__footer" }, index.h("slot", { key: '869e264a07fdd6926e7740717bf98183f437b0ed', name: "footer" })), index.h("div", { key: 'c5d5da384993775c18a0edd4f2658331b12835ce', part: "timestamp", class: "bs-message__timestamp" }, index.h("slot", { key: 'd157e9a0467ab7dc9105c348960a3b890d5055b1', name: "timestamp" }, this.timestamp && index.h("time", { key: '7bef51f7106b6fe82e991a46a43cf271cafef448', dateTime: this.datetime }, this.timestamp))))));
     }
 };
 BsMessage.style = bsMessageCss();

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
-const bsNavigationDrawerItemCss = () => `:host{display:block;--bs-navigation-drawer-item-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-radius:var(--bs-border-radius-100);--bs-navigation-drawer-item-padding-y:var(--bs-spacing-150);--bs-navigation-drawer-item-padding-x:var(--bs-spacing-100);--bs-navigation-drawer-item-padding-left-nested:var(--bs-spacing-600);--bs-navigation-drawer-item-font-weight:var(--bs-font-weight-medium);--bs-navigation-drawer-item-font-size:var(--bs-font-size-md);--bs-navigation-drawer-item-line-height:var(--bs-line-height-body-md);--bs-navigation-drawer-item-color:var(--bs-text-muted);--bs-navigation-drawer-item-color-selected:var(--bs-text-default);--bs-navigation-drawer-item-color-hover:var(--bs-text-secondary);--bs-navigation-drawer-item-bg-selected:var(--bs-surface-selected);--bs-navigation-drawer-item-bg-hover:var(--bs-surface-hover);--bs-navigation-drawer-item-bg-pressed:var(--bs-surface-pressed);--bs-navigation-drawer-item-bg-focus:var(--bs-surface-focus);--bs-navigation-drawer-item-bg-selected-hover:var(--bs-surface-selected-hover);--bs-navigation-drawer-item-bg-selected-pressed:var(--bs-surface-selected-pressed);--bs-navigation-drawer-item-bg-selected-focus:var(--bs-surface-selected-focus);--bs-navigation-drawer-item-focus-ring-color:var(--bs-border-neutral-focus);--bs-navigation-drawer-item-children-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-padding:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-icon-padding-x:var(--bs-spacing-300);--bs-navigation-drawer-item-collapsed-icon-padding-y:var(--bs-spacing-50);--bs-navigation-drawer-item-collapsed-font-size:var(--bs-fontsize-caption-sm);--bs-navigation-drawer-item-collapsed-line-height:var(--bs-line-height-caption-sm)}.bs-navigation-drawer-item__root{display:contents}.bs-navigation-drawer-item{box-sizing:border-box;width:100%;display:flex;align-items:center;gap:var(--bs-navigation-drawer-item-gap);border:none;border-radius:var(--bs-navigation-drawer-item-radius);padding:var(--bs-navigation-drawer-item-padding-y) var(--bs-navigation-drawer-item-padding-x);background:transparent;color:var(--bs-navigation-drawer-item-color);font-family:inherit;font-weight:var(--bs-navigation-drawer-item-font-weight);font-size:var(--bs-navigation-drawer-item-font-size);line-height:calc(var(--bs-navigation-drawer-item-line-height) * 1px);text-align:left;cursor:pointer;transition:color var(--bs-duration-fast) var(--bs-easing-standard),     background-color var(--bs-duration-fast) var(--bs-easing-standard)}:host(:not([collapsed])) .bs-navigation-drawer-item:hover:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-hover);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item:active:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-pressed);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item:focus-visible:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-focus);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:hover{background:var(--bs-navigation-drawer-item-bg-selected-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:active{background:var(--bs-navigation-drawer-item-bg-selected-pressed)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:focus-visible{background:var(--bs-navigation-drawer-item-bg-selected-focus)}.bs-navigation-drawer-item:focus-visible{outline:2px solid var(--bs-navigation-drawer-item-focus-ring-color);outline-offset:-2px}.bs-navigation-drawer-item--nested{padding-left:var(--bs-navigation-drawer-item-padding-left-nested)}.bs-navigation-drawer-item--selected{background:var(--bs-navigation-drawer-item-bg-selected);color:var(--bs-navigation-drawer-item-color-selected)}.bs-navigation-drawer-item--selected .bs-navigation-drawer-item__icon--has-content{color:var(--bs-navigation-drawer-item-color-selected)}:host([collapsed]) .bs-navigation-drawer-item{flex-direction:column;justify-content:center;gap:var(--bs-navigation-drawer-item-collapsed-gap);padding:var(--bs-navigation-drawer-item-collapsed-padding);background:transparent}.bs-navigation-drawer-item__icon{display:none;width:24px;height:24px;flex-shrink:0;color:inherit}.bs-navigation-drawer-item__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-navigation-drawer-item__icon ::slotted(svg){width:24px;height:24px}:host([collapsed]) .bs-navigation-drawer-item__icon--has-content{padding:var(--bs-navigation-drawer-item-collapsed-icon-padding-y) var(--bs-navigation-drawer-item-collapsed-icon-padding-x);border-radius:var(--bs-navigation-drawer-item-radius)}:host([collapsed][selected]) .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-hover)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-pressed)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-focus)}:host([collapsed][selected]) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-hover)}:host([collapsed][selected]) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-pressed)}:host([collapsed][selected]) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-focus)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{color:var(--bs-navigation-drawer-item-color-hover)}.bs-navigation-drawer-item__label{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([collapsed]) .bs-navigation-drawer-item__label{flex:none;width:100%;text-align:center;font-size:var(--bs-navigation-drawer-item-collapsed-font-size);line-height:calc(var(--bs-navigation-drawer-item-collapsed-line-height) * 1px)}.bs-navigation-drawer-item__chevron{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:inherit;transition:transform var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer-item__chevron svg{width:16px;height:16px}.bs-navigation-drawer-item__chevron--expanded{transform:rotate(180deg)}.bs-navigation-drawer-item__children{display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-item-children-gap)}:host(:not([expanded])) .bs-navigation-drawer-item__children{display:none}:host([collapsed]) .bs-navigation-drawer-item__chevron,:host([collapsed]) .bs-navigation-drawer-item__children{display:none}`;
+const bsNavigationDrawerItemCss = () => `:host{display:block;--bs-navigation-drawer-item-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-radius:var(--bs-border-radius-100);--bs-navigation-drawer-item-padding-y:var(--bs-spacing-150);--bs-navigation-drawer-item-padding-x:var(--bs-spacing-100);--bs-navigation-drawer-item-padding-left-nested:var(--bs-spacing-600);--bs-navigation-drawer-item-font-weight:var(--bs-font-weight-medium);--bs-navigation-drawer-item-font-size:var(--bs-font-size-md);--bs-navigation-drawer-item-line-height:var(--bs-line-height-body-md);--bs-navigation-drawer-item-color:var(--bs-text-muted);--bs-navigation-drawer-item-color-selected:var(--bs-text-default);--bs-navigation-drawer-item-color-hover:var(--bs-text-secondary);--bs-navigation-drawer-item-bg-selected:var(--bs-surface-selected);--bs-navigation-drawer-item-bg-hover:var(--bs-surface-hover);--bs-navigation-drawer-item-bg-pressed:var(--bs-surface-pressed);--bs-navigation-drawer-item-bg-focus:var(--bs-surface-focus);--bs-navigation-drawer-item-bg-selected-hover:var(--bs-surface-selected-hover);--bs-navigation-drawer-item-bg-selected-pressed:var(--bs-surface-selected-pressed);--bs-navigation-drawer-item-bg-selected-focus:var(--bs-surface-selected-focus);--bs-navigation-drawer-item-focus-ring-color:var(--bs-border-neutral-focus);--bs-navigation-drawer-item-children-gap:var(--bs-spacing-150);--bs-navigation-drawer-item-collapsed-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-padding:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-icon-padding-x:var(--bs-spacing-300);--bs-navigation-drawer-item-collapsed-icon-padding-y:var(--bs-spacing-50);--bs-navigation-drawer-item-collapsed-font-size:var(--bs-fontsize-caption-sm);--bs-navigation-drawer-item-collapsed-line-height:var(--bs-line-height-caption-sm)}.bs-navigation-drawer-item__root{display:contents}.bs-navigation-drawer-item{box-sizing:border-box;width:100%;display:flex;align-items:center;gap:var(--bs-navigation-drawer-item-gap);border:none;border-radius:var(--bs-navigation-drawer-item-radius);padding:var(--bs-navigation-drawer-item-padding-y) var(--bs-navigation-drawer-item-padding-x);background:transparent;color:var(--bs-navigation-drawer-item-color);font-family:inherit;font-weight:var(--bs-navigation-drawer-item-font-weight);font-size:var(--bs-navigation-drawer-item-font-size);line-height:calc(var(--bs-navigation-drawer-item-line-height) * 1px);text-align:left;text-decoration:none;cursor:pointer;transition:color var(--bs-duration-fast) var(--bs-easing-standard),     background-color var(--bs-duration-fast) var(--bs-easing-standard)}:host(:not([collapsed])) .bs-navigation-drawer-item:hover:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-hover);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item:active:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-pressed);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item:focus-visible:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-focus);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:hover{background:var(--bs-navigation-drawer-item-bg-selected-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:active{background:var(--bs-navigation-drawer-item-bg-selected-pressed)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:focus-visible{background:var(--bs-navigation-drawer-item-bg-selected-focus)}.bs-navigation-drawer-item:focus-visible{outline:2px solid var(--bs-navigation-drawer-item-focus-ring-color);outline-offset:-2px}.bs-navigation-drawer-item--nested{padding-left:var(--bs-navigation-drawer-item-padding-left-nested)}.bs-navigation-drawer-item--selected{background:var(--bs-navigation-drawer-item-bg-selected);color:var(--bs-navigation-drawer-item-color-selected)}.bs-navigation-drawer-item--selected .bs-navigation-drawer-item__icon--has-content{color:var(--bs-navigation-drawer-item-color-selected)}:host([collapsed]) .bs-navigation-drawer-item{flex-direction:column;justify-content:center;gap:var(--bs-navigation-drawer-item-collapsed-gap);padding:var(--bs-navigation-drawer-item-collapsed-padding);background:transparent}.bs-navigation-drawer-item__icon{display:none;width:24px;height:24px;flex-shrink:0;color:inherit}.bs-navigation-drawer-item__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-navigation-drawer-item__icon ::slotted(svg){width:24px;height:24px}:host([collapsed]) .bs-navigation-drawer-item__icon--has-content{padding:var(--bs-navigation-drawer-item-collapsed-icon-padding-y) var(--bs-navigation-drawer-item-collapsed-icon-padding-x);border-radius:var(--bs-navigation-drawer-item-radius)}:host([collapsed][selected]) .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-hover)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-pressed)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-focus)}:host([collapsed][selected]) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-hover)}:host([collapsed][selected]) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-pressed)}:host([collapsed][selected]) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-focus)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{color:var(--bs-navigation-drawer-item-color-hover)}.bs-navigation-drawer-item__label{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([collapsed]) .bs-navigation-drawer-item__label{flex:none;width:100%;text-align:center;white-space:normal;overflow-wrap:anywhere;text-overflow:clip;font-size:var(--bs-navigation-drawer-item-collapsed-font-size);line-height:calc(var(--bs-navigation-drawer-item-collapsed-line-height) * 1px)}.bs-navigation-drawer-item__chevron{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:inherit;transition:transform var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer-item__chevron svg{width:16px;height:16px}.bs-navigation-drawer-item__chevron--expanded{transform:rotate(180deg)}.bs-navigation-drawer-item__children{display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-item-children-gap);margin-top:var(--bs-navigation-drawer-item-children-gap)}:host(:not([expanded])) .bs-navigation-drawer-item__children{display:none}:host([collapsed]) .bs-navigation-drawer-item__chevron,:host([collapsed]) .bs-navigation-drawer-item__children{display:none}`;
 
 const BsNavigationDrawerItem = class {
     constructor(hostRef) {
@@ -45,7 +45,17 @@ const BsNavigationDrawerItem = class {
      * never shows a nested tree.
      */
     collapsed = false;
-    /** Fires on click, only when `expandable` is false. See the class doc above. */
+    /** Makes a leaf item a real link: renders an `<a part="item" href>` instead of the `<button>`, so
+     * open-in-new-tab, copy link address, middle-click and the status-bar URL work. Ignored when
+     * `expandable` (groups stay buttons). `bsSelect` still fires on a plain click and is
+     * **cancelable**: call `event.preventDefault()` to stop the navigation and route it yourself
+     * (an SPA router). Ctrl/cmd/shift/alt-clicks and middle-clicks are left to the browser and do not
+     * emit `bsSelect`. */
+    href;
+    /** `target` of the link, when `href` is set. */
+    target;
+    /** Fires on click, only when `expandable` is false. Cancelable when `href` is set (see `href`).
+     * See the class doc above. */
     bsSelect;
     /** Fires with the new `expanded` value on click, only when `expandable` is true. See the class
      * doc above. */
@@ -68,7 +78,16 @@ const BsNavigationDrawerItem = class {
     onIconSlotchange = (ev) => {
         this.hasIcon = ev.target.assignedNodes().length > 0;
     };
-    onClick = () => {
+    onClick = (ev) => {
+        if (this.href && !this.expandable) {
+            // Modified and non-primary clicks open in a new tab/window: leave them to the browser.
+            if (ev.defaultPrevented || ev.button !== 0 || ev.metaKey || ev.ctrlKey || ev.shiftKey || ev.altKey)
+                return;
+            const select = this.bsSelect.emit();
+            if (select.defaultPrevented)
+                ev.preventDefault();
+            return;
+        }
         if (this.expandable) {
             this.expanded = !this.expanded;
             this.bsToggle.emit(this.expanded);
@@ -93,7 +112,9 @@ 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 (index.h("div", { key: 'd9db10cc12e5bb94ef9d4ee56717e05dfb6c81d5', class: "bs-navigation-drawer-item__root" }, index.h("button", { key: 'a8e08b999c594e581cf7bc2f9dd50b63dd6fd5b7', type: "button", part: "item", class: rowClasses, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-label": this.ariaLabel ?? undefined, onClick: this.onClick }, !this.nested && (index.h("span", { key: '6f57eb21aade5519a8235c9e90c32a700eaef7a4', part: "icon", class: `bs-navigation-drawer-item__icon ${this.hasIcon ? 'bs-navigation-drawer-item__icon--has-content' : ''}` }, index.h("slot", { key: '26028625770be92dc2761cf596b2bc4a4d0bfb57', name: "icon", onSlotchange: this.onIconSlotchange }))), index.h("span", { key: '1cbdceae85fe3260092c893131ad3b326d487220', part: "label", class: "bs-navigation-drawer-item__label" }, index.h("slot", { key: '1ebf7621f785f2c74a35ef74c4f636d5a38825c1' })), this.expandable && (index.h("span", { key: 'fbbad51caf5dbe3e16e4441ccc5c491c84d96d16', part: "chevron", class: `bs-navigation-drawer-item__chevron ${this.expanded ? 'bs-navigation-drawer-item__chevron--expanded' : ''}` }, index.h(ChevronDownIcon, { key: '2d70a545c6dba957f610448bec41073b686ce393' })))), this.expandable && (index.h("span", { key: '59d66b9003e99d048a755200ce29bbae7baa37d1', part: "children", class: "bs-navigation-drawer-item__children" }, index.h("slot", { key: '46409b5c795e13a3f49bd9c034c2ebc20a27ecf2', name: "children" })))));
+        const isLink = !!this.href && !this.expandable;
+        const Tag = isLink ? 'a' : 'button';
+        return (index.h("div", { key: '6959b0e14cf788fc3ea5c25c548f1552dc846e48', class: "bs-navigation-drawer-item__root" }, index.h(Tag, { key: '0da9511f8e0c726e85bbd9d1742cfadb2e34c6b2', ...(isLink ? { href: this.href, target: this.target, rel: this.target === '_blank' ? 'noopener noreferrer' : undefined } : { type: 'button' }), part: "item", class: rowClasses, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-current": this.selected && !this.expandable ? 'page' : undefined, "aria-label": this.ariaLabel ?? undefined, onClick: this.onClick }, !this.nested && (index.h("span", { key: '60bd0685577fb2bb6362917bfbdef2844fed536a', part: "icon", class: `bs-navigation-drawer-item__icon ${this.hasIcon ? 'bs-navigation-drawer-item__icon--has-content' : ''}` }, index.h("slot", { key: 'c58670508fd4ab20e5b5625baba6838e6550981d', name: "icon", onSlotchange: this.onIconSlotchange }))), index.h("span", { key: 'dd2e59620cede02cd9a419a706c983fd513be47d', part: "label", class: "bs-navigation-drawer-item__label" }, index.h("slot", { key: 'edd672532d815514ebd110c3a7d84c77d0ea565e' })), this.expandable && (index.h("span", { key: '9574bdd1a733c3c10dbd538d59b12f87aee71e9f', part: "chevron", class: `bs-navigation-drawer-item__chevron ${this.expanded ? 'bs-navigation-drawer-item__chevron--expanded' : ''}` }, index.h(ChevronDownIcon, { key: 'd29a831256777f0044f0902bceda134a4ddd0153' })))), this.expandable && (index.h("span", { key: '9e0bc4982629ecda8dcedec08f2af663b14042d1', part: "children", class: "bs-navigation-drawer-item__children" }, index.h("slot", { key: '71cb92fe0b807f0d3374fb5da4bab79cc362a24d', name: "children" })))));
     }
 };
 // 16x16 native viewBox (not a 24x24 icon scaled down) -- authored directly at display size, per

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
-const bsNavigationDrawerCss = () => `:host{display:block;--bs-navigation-drawer-bg:var(--bs-surface-base);--bs-navigation-drawer-border:var(--bs-border-neutral-container);--bs-navigation-drawer-padding-y:var(--bs-spacing-300);--bs-navigation-drawer-padding-left:var(--bs-spacing-300);--bs-navigation-drawer-padding-right:var(--bs-spacing-200);--bs-navigation-drawer-gap:var(--bs-spacing-300);--bs-navigation-drawer-width:280px;--bs-navigation-drawer-title-font-family:var(--bs-typography-font-family-heading);--bs-navigation-drawer-title-font-weight:var(--bs-font-weight-bold);--bs-navigation-drawer-title-font-size:var(--bs-font-size-md);--bs-navigation-drawer-title-line-height:var(--bs-line-height-heading-h6);--bs-navigation-drawer-title-color:var(--bs-text-default);--bs-navigation-drawer-collapse-size:48px;--bs-navigation-drawer-collapse-radius:var(--bs-border-radius-100);--bs-navigation-drawer-collapse-hover:var(--bs-color-neutral-container);--bs-navigation-drawer-collapse-pressed:var(--bs-color-neutral-container-pressed);--bs-navigation-drawer-collapse-icon:var(--bs-icon-default);--bs-navigation-drawer-items-gap:var(--bs-spacing-100);--bs-navigation-drawer-collapsed-width:96px;--bs-navigation-drawer-search-trigger-size:44px;--bs-navigation-drawer-search-trigger-bg:var(--bs-color-neutral-container);--bs-navigation-drawer-search-trigger-border:var(--bs-border-neutral-container);--bs-navigation-drawer-search-trigger-icon:var(--bs-icon-default);--bs-navigation-drawer-backdrop:var(--bs-surface-overlay-level-2);--bs-navigation-drawer-overlay-shadow:var(--bs-shadow-lg);--bs-navigation-drawer-overlay-z-index:var(--bs-z-index-modal);--bs-navigation-drawer-overlay-duration:var(--bs-duration-default)}.bs-navigation-drawer{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-gap);width:var(--bs-navigation-drawer-width);height:100%;background:var(--bs-navigation-drawer-bg);border-right:1px solid var(--bs-navigation-drawer-border);padding:var(--bs-navigation-drawer-padding-y) var(--bs-navigation-drawer-padding-right) var(--bs-navigation-drawer-padding-y)     var(--bs-navigation-drawer-padding-left);font-family:inherit;transition:width var(--bs-duration-fast) var(--bs-easing-standard),     padding var(--bs-duration-fast) var(--bs-easing-standard)}:host([collapsed]) .bs-navigation-drawer{width:var(--bs-navigation-drawer-collapsed-width);padding-left:0;padding-right:0;align-items:center}.bs-navigation-drawer__logo{flex-shrink:0;display:flex;align-items:center}.bs-navigation-drawer__logo--mark{display:none}:host([collapsed]) .bs-navigation-drawer__logo--full{display:none}:host([collapsed]) .bs-navigation-drawer__logo--mark{display:flex}.bs-navigation-drawer__title-row{flex-shrink:0;display:flex;align-items:center;gap:var(--bs-navigation-drawer-gap)}.bs-navigation-drawer__title{flex:1;min-width:0;font-family:var(--bs-navigation-drawer-title-font-family);font-weight:var(--bs-navigation-drawer-title-font-weight);font-size:var(--bs-navigation-drawer-title-font-size);line-height:calc(var(--bs-navigation-drawer-title-line-height) * 1px);color:var(--bs-navigation-drawer-title-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([collapsed]) .bs-navigation-drawer__title{display:none}.bs-navigation-drawer__collapse{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-navigation-drawer-collapse-size);height:var(--bs-navigation-drawer-collapse-size);border:none;border-radius:var(--bs-navigation-drawer-collapse-radius);padding:0;background:transparent;color:var(--bs-navigation-drawer-collapse-icon);cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer__collapse svg{width:24px;height:24px}.bs-navigation-drawer__collapse:hover{background:var(--bs-navigation-drawer-collapse-hover)}.bs-navigation-drawer__collapse:active{background:var(--bs-navigation-drawer-collapse-pressed)}.bs-navigation-drawer__collapse:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-navigation-drawer__search{flex-shrink:0;width:100%}:host([collapsed]) .bs-navigation-drawer__search{display:none}.bs-navigation-drawer__search-trigger{display:none;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-navigation-drawer-search-trigger-size);height:var(--bs-navigation-drawer-search-trigger-size);border:1px solid var(--bs-navigation-drawer-search-trigger-border);border-radius:var(--bs-navigation-drawer-collapse-radius);background:var(--bs-navigation-drawer-search-trigger-bg);color:var(--bs-navigation-drawer-search-trigger-icon);cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer__search-trigger svg{width:24px;height:24px}.bs-navigation-drawer__search-trigger:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}:host([collapsed]) .bs-navigation-drawer__search-trigger{display:inline-flex}.bs-navigation-drawer__items{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-items-gap);scrollbar-width:none}.bs-navigation-drawer__items::-webkit-scrollbar{display:none}.bs-navigation-drawer:focus{outline:none;}:host([data-overlay]) .bs-navigation-drawer{position:fixed;inset-block:0;inset-inline-start:0;z-index:calc(var(--bs-navigation-drawer-overlay-z-index) + 1);width:var(--bs-navigation-drawer-width);max-width:100vw;padding:var(--bs-navigation-drawer-padding-y) var(--bs-navigation-drawer-padding-right) var(--bs-navigation-drawer-padding-y)     var(--bs-navigation-drawer-padding-left);align-items:stretch;box-shadow:var(--bs-navigation-drawer-overlay-shadow);transform:translateX(-100%);visibility:hidden;transition:transform var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard),     visibility 0s linear var(--bs-navigation-drawer-overlay-duration)}:host([data-overlay]:dir(rtl)) .bs-navigation-drawer{transform:translateX(100%)}:host([data-overlay]) .bs-navigation-drawer.bs-navigation-drawer--open{transform:none;visibility:visible;transition:transform var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard),     visibility 0s}:host([data-overlay]) .bs-navigation-drawer__logo--full{display:flex}:host([data-overlay]) .bs-navigation-drawer__logo--mark{display:none}:host([data-overlay]) .bs-navigation-drawer__title{display:block}:host([data-overlay]) .bs-navigation-drawer__search{display:block}:host([data-overlay]) .bs-navigation-drawer__search-trigger,:host([data-overlay]) .bs-navigation-drawer__collapse{display:none}.bs-navigation-drawer__backdrop{position:fixed;inset:0;z-index:var(--bs-navigation-drawer-overlay-z-index);background:var(--bs-navigation-drawer-backdrop);opacity:0;visibility:hidden;transition:opacity var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard),     visibility 0s linear var(--bs-navigation-drawer-overlay-duration)}:host([open]) .bs-navigation-drawer__backdrop{opacity:1;visibility:visible;transition:opacity var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard),     visibility 0s}@media (prefers-reduced-motion: reduce){:host([data-overlay]) .bs-navigation-drawer,.bs-navigation-drawer__backdrop{transition:none}}@media (forced-colors: active){:host([data-overlay]) .bs-navigation-drawer{border:1px solid CanvasText}}`;
+const bsNavigationDrawerCss = () => `:host{display:block;--bs-navigation-drawer-bg:var(--bs-surface-base);--bs-navigation-drawer-border:var(--bs-border-neutral-container);--bs-navigation-drawer-padding-y:var(--bs-spacing-300);--bs-navigation-drawer-padding-left:var(--bs-spacing-300);--bs-navigation-drawer-padding-right:var(--bs-spacing-200);--bs-navigation-drawer-gap:var(--bs-spacing-300);--bs-navigation-drawer-width:280px;--bs-navigation-drawer-title-font-family:var(--bs-typography-font-family-heading);--bs-navigation-drawer-title-font-weight:var(--bs-font-weight-bold);--bs-navigation-drawer-title-font-size:var(--bs-font-size-md);--bs-navigation-drawer-title-line-height:var(--bs-line-height-heading-h6);--bs-navigation-drawer-title-color:var(--bs-text-default);--bs-navigation-drawer-collapse-size:48px;--bs-navigation-drawer-collapse-radius:var(--bs-border-radius-100);--bs-navigation-drawer-collapse-hover:var(--bs-color-neutral-container);--bs-navigation-drawer-collapse-pressed:var(--bs-color-neutral-container-pressed);--bs-navigation-drawer-collapse-icon:var(--bs-icon-default);--bs-navigation-drawer-items-gap:var(--bs-spacing-150);--bs-navigation-drawer-collapsed-width:96px;--bs-navigation-drawer-search-trigger-size:44px;--bs-navigation-drawer-search-trigger-bg:var(--bs-color-neutral-container);--bs-navigation-drawer-search-trigger-border:var(--bs-border-neutral-container);--bs-navigation-drawer-search-trigger-icon:var(--bs-icon-default);--bs-navigation-drawer-backdrop:var(--bs-surface-overlay-level-2);--bs-navigation-drawer-overlay-shadow:var(--bs-shadow-lg);--bs-navigation-drawer-overlay-z-index:var(--bs-z-index-modal);--bs-navigation-drawer-overlay-duration:var(--bs-duration-default)}.bs-navigation-drawer{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-gap);width:var(--bs-navigation-drawer-width);height:100%;background:var(--bs-navigation-drawer-bg);border-right:1px solid var(--bs-navigation-drawer-border);padding:var(--bs-navigation-drawer-padding-y) var(--bs-navigation-drawer-padding-right) var(--bs-navigation-drawer-padding-y)     var(--bs-navigation-drawer-padding-left);font-family:inherit;transition:width var(--bs-duration-fast) var(--bs-easing-standard),     padding var(--bs-duration-fast) var(--bs-easing-standard)}:host([collapsed]) .bs-navigation-drawer{width:var(--bs-navigation-drawer-collapsed-width);padding-left:0;padding-right:0;align-items:center}.bs-navigation-drawer__logo{flex-shrink:0;display:flex;align-items:center}.bs-navigation-drawer__logo--mark{display:none}:host([collapsed]) .bs-navigation-drawer__logo--full{display:none}:host([collapsed]) .bs-navigation-drawer__logo--mark{display:flex}.bs-navigation-drawer__title-row{flex-shrink:0;display:flex;align-items:center;gap:var(--bs-navigation-drawer-gap)}.bs-navigation-drawer__title{flex:1;min-width:0;font-family:var(--bs-navigation-drawer-title-font-family);font-weight:var(--bs-navigation-drawer-title-font-weight);font-size:var(--bs-navigation-drawer-title-font-size);line-height:calc(var(--bs-navigation-drawer-title-line-height) * 1px);color:var(--bs-navigation-drawer-title-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([collapsed]) .bs-navigation-drawer__title{display:none}.bs-navigation-drawer__collapse{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-navigation-drawer-collapse-size);height:var(--bs-navigation-drawer-collapse-size);border:none;border-radius:var(--bs-navigation-drawer-collapse-radius);padding:0;background:transparent;color:var(--bs-navigation-drawer-collapse-icon);cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer__collapse svg{width:24px;height:24px}.bs-navigation-drawer__collapse:hover{background:var(--bs-navigation-drawer-collapse-hover)}.bs-navigation-drawer__collapse:active{background:var(--bs-navigation-drawer-collapse-pressed)}.bs-navigation-drawer__collapse:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-navigation-drawer__search{flex-shrink:0;width:100%}:host([collapsed]) .bs-navigation-drawer__search{display:none}.bs-navigation-drawer__search-trigger{display:none;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-navigation-drawer-search-trigger-size);height:var(--bs-navigation-drawer-search-trigger-size);border:1px solid var(--bs-navigation-drawer-search-trigger-border);border-radius:var(--bs-navigation-drawer-collapse-radius);background:var(--bs-navigation-drawer-search-trigger-bg);color:var(--bs-navigation-drawer-search-trigger-icon);cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer__search-trigger svg{width:24px;height:24px}.bs-navigation-drawer__search-trigger:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}:host([collapsed]) .bs-navigation-drawer__search-trigger{display:inline-flex}.bs-navigation-drawer__items{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-items-gap);scrollbar-width:none}.bs-navigation-drawer__items::-webkit-scrollbar{display:none}.bs-navigation-drawer:focus{outline:none;}:host([data-overlay]) .bs-navigation-drawer{position:fixed;inset-block:0;inset-inline-start:0;z-index:calc(var(--bs-navigation-drawer-overlay-z-index) + 1);width:var(--bs-navigation-drawer-width);max-width:100vw;padding:var(--bs-navigation-drawer-padding-y) var(--bs-navigation-drawer-padding-right) var(--bs-navigation-drawer-padding-y)     var(--bs-navigation-drawer-padding-left);align-items:stretch;box-shadow:var(--bs-navigation-drawer-overlay-shadow);transform:translateX(-100%);visibility:hidden;transition:transform var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard),     visibility 0s linear var(--bs-navigation-drawer-overlay-duration)}:host([data-overlay]:dir(rtl)) .bs-navigation-drawer{transform:translateX(100%)}:host([data-overlay]) .bs-navigation-drawer.bs-navigation-drawer--open{transform:none;visibility:visible;transition:transform var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard),     visibility 0s}:host([data-overlay]) .bs-navigation-drawer__logo--full{display:flex}:host([data-overlay]) .bs-navigation-drawer__logo--mark{display:none}:host([data-overlay]) .bs-navigation-drawer__title{display:block}:host([data-overlay]) .bs-navigation-drawer__search{display:block}:host([data-overlay]) .bs-navigation-drawer__search-trigger,:host([data-overlay]) .bs-navigation-drawer__collapse{display:none}.bs-navigation-drawer__backdrop{position:fixed;inset:0;z-index:var(--bs-navigation-drawer-overlay-z-index);background:var(--bs-navigation-drawer-backdrop);opacity:0;visibility:hidden;transition:opacity var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard),     visibility 0s linear var(--bs-navigation-drawer-overlay-duration)}:host([open]) .bs-navigation-drawer__backdrop{opacity:1;visibility:visible;transition:opacity var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard),     visibility 0s}@media (prefers-reduced-motion: reduce){:host([data-overlay]) .bs-navigation-drawer,.bs-navigation-drawer__backdrop{transition:none}}@media (forced-colors: active){:host([data-overlay]) .bs-navigation-drawer{border:1px solid CanvasText}}`;
 
 const BsNavigationDrawer = class {
     constructor(hostRef) {
@@ -180,11 +180,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 (index.h(index.Host, { key: '49c52b23f8cd7ded807c916a3d9ca7baae3f10ba', "data-overlay": this.mobile ? '' : undefined }, this.mobile && index.h("div", { key: 'b852ee92942a375d441320a95c1bd11a07754624', part: "backdrop", class: "bs-navigation-drawer__backdrop", onClick: this.requestClose }), index.h("nav", { key: 'f5e2aa57f8757f2fbd8dd305aac40504e90fec3f', ref: el => (this.navRef = el), class: classes, "aria-label": this.heading,
+        return (index.h(index.Host, { key: 'f95176f9c590fde2d2d6a9dcade6b921510ce653', "data-overlay": this.mobile ? '' : undefined }, this.mobile && index.h("div", { key: '2d9bdef1463962ca2e2f1f5aee7024636904c5c7', part: "backdrop", class: "bs-navigation-drawer__backdrop", onClick: this.requestClose }), index.h("nav", { key: 'b527d2a521652628c5b4dfda7004be716dba3b2e', 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 && (index.h("div", { key: '505457c0e4ef405aae32ede16e34195996d46a2f', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--full" }, index.h("bs-logo", { key: '7f18718b910241ce69d796853b0abdf451a89ac6', variant: "full", background: this.logoBackground }))), this.showLogo && (index.h("div", { key: '05d02bf25de16dcb7c02b71c385277eafef9ac28', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--mark" }, index.h("bs-logo", { key: '63f77b0363d7d262ac87c482e2aa48aee1edc612', variant: "mark", background: this.logoBackground }))), index.h("div", { key: 'db96e7dc889e58231b1112b9badd7e282c9a6d07', class: "bs-navigation-drawer__title-row" }, index.h("span", { key: '8d8f37baf13a92325dd1f2912831a5fffcbe2ac8', part: "title", class: "bs-navigation-drawer__title" }, this.heading), this.collapsible && (index.h("button", { key: '2f8cfcec017a5f4af5963367c0331b09ee6dd5e4', 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 }, index.h(CaretLeftIcon, { key: '6e6e1d837f20f6837fe2b77cfd7f0c873747e7de' })))), index.h("div", { key: '3b758c225881964df28f99c6fe477260df86eed6', part: "search", class: "bs-navigation-drawer__search" }, index.h("slot", { key: 'cbb3553aa7b80985b58494395a3595fff0fb868d', name: "search" })), index.h("button", { key: '4661d0113e00a3dbf5e6d06609bd563d7cac9800', type: "button", part: "search-trigger", class: "bs-navigation-drawer__search-trigger", "aria-label": this.searchLabel, onClick: this.onSearchTriggerClick }, index.h(SearchIcon, { key: '6ff77355d5132b608056e8ca7188a37962d6e1e4' })), index.h("div", { key: '369e4c1c9a17cddf4954b3d666c6c55335bc7876', part: "items", class: "bs-navigation-drawer__items" }, index.h("slot", { key: '56a50dc4c123db7cb2efa15c39cc6f49e819ee3f' })))));
+            tabIndex: this.mobile ? -1 : undefined }, this.showLogo && (index.h("div", { key: '14dcefaf6fac6349b44dfd0cfeaf0f8b28d48014', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--full" }, index.h("bs-logo", { key: 'f76b740e5f9378c19f9ca933c0f7910075c473b3', variant: "full", background: this.logoBackground }))), this.showLogo && (index.h("div", { key: '1978885ce2cfca859118159384e093e70bc8c2d9', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--mark" }, index.h("bs-logo", { key: '5087b539af51e373703256b9913b4a074e2917f4', variant: "mark", background: this.logoBackground }))), index.h("div", { key: '31b5f080ce98b4ba96aad0f9ba9df7b31ecfd5b9', class: "bs-navigation-drawer__title-row" }, index.h("span", { key: 'bf2880d7b095a6ca46d38782b0f9de8aa7cedbb8', part: "title", class: "bs-navigation-drawer__title" }, this.heading), this.collapsible && (index.h("button", { key: 'cf6f2d98894c664e38d97563a616912e9d6fef3e', 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 }, index.h(CaretLeftIcon, { key: 'c89adbac8d05ae9d3367683b960d8d35d0422e76' })))), index.h("div", { key: 'b018a42d16190db2bd6f95365fe36d38eb627300', part: "search", class: "bs-navigation-drawer__search" }, index.h("slot", { key: '1d217d7ad3c67d1b5e8a8655fd94bdbc77149b4f', name: "search" })), index.h("button", { key: '2b1bc189a5474dfc76e3d73e9c1623105002fd22', type: "button", part: "search-trigger", class: "bs-navigation-drawer__search-trigger", "aria-label": this.searchLabel, onClick: this.onSearchTriggerClick }, index.h(SearchIcon, { key: '634ab26e0bf8c38c9e4ba97305a94003112450b4' })), index.h("div", { key: 'df8559db4c5c25ff5d98b858759d142b1639fdc3', part: "items", class: "bs-navigation-drawer__items" }, index.h("slot", { key: 'b643a037ec21cc62d3ae60491028d26cb19e099c' })))));
     }
     static get watchers() { return {
         "collapsed": [{

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
-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 bsNavigationHeaderCss = () => `:host{display:block;position:relative;container-type:inline-size;--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;flex-wrap:wrap;align-items:center;gap:var(--bs-navigation-header-slot-gap);flex:0 1 auto;min-width:0}.bs-navigation-header__left ::slotted(*),.bs-navigation-header__right ::slotted(*){flex-shrink:0;white-space:nowrap}.bs-navigation-header__right{display:flex;align-items:center;justify-content:flex-end;gap:var(--bs-navigation-header-slot-gap);flex:1 0 auto;white-space:nowrap}.bs-navigation-header--center .bs-navigation-header__right{flex:1 0 0}@container (max-width: 768px){.bs-navigation-header{flex-wrap:wrap;row-gap:var(--bs-navigation-header-slot-gap)}.bs-navigation-header--center .bs-navigation-header__logo{flex:1 0 auto}.bs-navigation-header__right,.bs-navigation-header--center .bs-navigation-header__right{flex:0 0 auto;margin-inline-start:auto}.bs-navigation-header__left{order:3;flex:1 1 100%;overflow-x:auto;scrollbar-width:none}}@media (max-width: 768px){@supports (height: 100dvh){:host{--bs-navigation-header-menu-max-height:calc(100dvh - 100%)}}.bs-navigation-header__menu{max-height:var(--bs-navigation-header-menu-max-height);overflow-y:auto;overscroll-behavior:contain}}`;
 
 const BsNavigationHeader = class {
     constructor(hostRef) {
@@ -37,8 +37,8 @@ const BsNavigationHeader = class {
         const showLogo = this.alignment !== 'with-navigation-drawer';
         const rootClasses = `bs-navigation-header bs-navigation-header--${this.alignment}`;
         return [
-            index.h("header", { key: 'e5a6d82f514a4a9a8b9536e20fcca17d1e452dd5', class: rootClasses, "aria-label": this.ariaLabel ?? undefined }, this.skipToContentHref && (index.h("a", { key: 'a8643e93a72106972c90dc1ae3ded93373a3a92c', part: "skip-link", class: "bs-navigation-header__skip-link", href: this.skipToContentHref }, this.skipToContentLabel)), showLogo && (index.h("bs-logo", { key: 'ea9b690969ccbc0bbfe3a04db3757103ebdfa48e', part: "logo", class: "bs-navigation-header__logo", variant: "full", background: this.logoBackground })), index.h("div", { key: '0f594db771b56aa2ef6b273012f2c8adec7dd863', part: "left", class: "bs-navigation-header__left" }, index.h("slot", { key: 'da581da6eb58bfce585c672afd03aeedcfc9e524', name: "left" })), index.h("div", { key: '2c8b09111497e393f1daad72834adf556a120030', part: "right", class: "bs-navigation-header__right" }, index.h("slot", { key: '9a94ec3a103ac001fd54c4b29efdefd4d9fdf89e', name: "right" }))),
-            index.h("div", { key: '7038aad3e3fb78939d5560d6279015cb6b7aa744', part: "menu", class: "bs-navigation-header__menu" }, index.h("slot", { key: '2dcec3ff4dbae882c7e32c633ce57997a4dc326a', name: "menu" })),
+            index.h("header", { key: 'a7fcffa2ec464842b2e6aad19fa9a21e85796b7d', class: rootClasses, "aria-label": this.ariaLabel ?? undefined }, this.skipToContentHref && (index.h("a", { key: '21432a41f971e607c5df6c846d869912682a56cc', part: "skip-link", class: "bs-navigation-header__skip-link", href: this.skipToContentHref }, this.skipToContentLabel)), showLogo && (index.h("bs-logo", { key: '6803c29fd5a3ede2f4a644da7829fee45e2b8fa2', part: "logo", class: "bs-navigation-header__logo", variant: "full", background: this.logoBackground })), index.h("div", { key: 'e42b7b5efce1b19d59d230dbad95b1f271db679e', part: "left", class: "bs-navigation-header__left" }, index.h("slot", { key: 'a5e06ce8b39f8b58bdda0309f6c83e6c3cdb1875', name: "left" })), index.h("div", { key: '77e37e7c843f836abfa17bba7d7f0faba6a8d77d', part: "right", class: "bs-navigation-header__right" }, index.h("slot", { key: '093e569c6288ccf3012dfdd9c802777c1c30a9f2', name: "right" }))),
+            index.h("div", { key: 'a236363d6d749ef4a65b2a027146958a7d104913', part: "menu", class: "bs-navigation-header__menu" }, index.h("slot", { key: 'd1b13e21f13dc901b937a77792986ead352f47eb', name: "menu" })),
         ];
     }
 };