@brandsync/wc 1.17.0 → 1.19.0

package/dist/esm/bs-search-item.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, a as getElement, h } from './index-D3SkQJpw.js';
 
-const bsSearchItemCss = () => `:host{display:block;width:100%;box-sizing:border-box;--bs-search-item-min-height:var(--bs-spacing-600);--bs-search-item-padding-y:var(--bs-spacing-100);--bs-search-item-padding-x:var(--bs-spacing-150);--bs-search-item-gap:var(--bs-spacing-100);--bs-search-item-radius:var(--bs-border-radius-100);--bs-search-item-bg:transparent;--bs-search-item-bg-active:var(--bs-surface-hover);--bs-search-item-bg-pressed:var(--bs-surface-pressed);--bs-search-item-color:var(--bs-text-default);--bs-search-item-color-muted:var(--bs-text-muted);--bs-search-item-color-disabled:var(--bs-text-on-disabled);--bs-search-item-icon-color:var(--bs-icon-default)}.bs-search-item{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-search-item-gap);width:100%;min-height:var(--bs-search-item-min-height);padding:var(--bs-search-item-padding-y) var(--bs-search-item-padding-x);border-radius:var(--bs-search-item-radius);background:var(--bs-search-item-bg);color:var(--bs-search-item-color);font-family:inherit;cursor:pointer;transition:background-color 120ms ease}:host([active]) .bs-search-item,.bs-search-item:hover{background:var(--bs-search-item-bg-active)}.bs-search-item:active{background:var(--bs-search-item-bg-pressed)}:host([disabled]) .bs-search-item{background:var(--bs-search-item-bg);color:var(--bs-search-item-color-disabled);cursor:default}.bs-search-item__icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--bs-search-item-icon-color)}.bs-search-item__icon--hidden,.bs-search-item__description--hidden,.bs-search-item__trailing--hidden{display:none}.bs-search-item__icon ::slotted(svg){width:24px;height:24px}.bs-search-item__content{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.bs-search-item__label{font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-regular);line-height:24px}.bs-search-item__label ::slotted(b),.bs-search-item__label ::slotted(strong){font-weight:var(--bs-font-weight-semibold)}.bs-search-item__description{color:var(--bs-search-item-color-muted);font-size:var(--bs-font-size-sm);line-height:20px}.bs-search-item__trailing{flex:0 0 auto;color:var(--bs-search-item-color-muted);font-size:var(--bs-font-size-sm);line-height:20px;white-space:nowrap}:host([disabled]) .bs-search-item__description,:host([disabled]) .bs-search-item__trailing{color:var(--bs-search-item-color-disabled)}@media (prefers-reduced-motion: reduce){.bs-search-item{transition:none}}`;
+const bsSearchItemCss = () => `:host{display:block;width:100%;box-sizing:border-box;--bs-search-item-min-height:var(--bs-spacing-600);--bs-search-item-padding-y:var(--bs-spacing-100);--bs-search-item-padding-x:var(--bs-spacing-150);--bs-search-item-gap:var(--bs-spacing-100);--bs-search-item-radius:var(--bs-border-radius-100);--bs-search-item-bg:transparent;--bs-search-item-bg-active:var(--bs-surface-hover);--bs-search-item-bg-pressed:var(--bs-surface-pressed);--bs-search-item-color:var(--bs-text-default);--bs-search-item-color-muted:var(--bs-text-muted);--bs-search-item-color-disabled:var(--bs-text-on-disabled);--bs-search-item-icon-color:var(--bs-icon-default)}.bs-search-item{position:relative;box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-search-item-gap);width:100%;min-height:var(--bs-search-item-min-height);padding:var(--bs-search-item-padding-y) var(--bs-search-item-padding-x);border-radius:var(--bs-search-item-radius);background:var(--bs-search-item-bg);color:var(--bs-search-item-color);font-family:inherit;cursor:pointer;transition:background-color 120ms ease}:host([active]) .bs-search-item,.bs-search-item:hover{background:var(--bs-search-item-bg-active)}.bs-search-item:active{background:var(--bs-search-item-bg-pressed)}:host([disabled]) .bs-search-item{background:var(--bs-search-item-bg);color:var(--bs-search-item-color-disabled);cursor:default}.bs-search-item__icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--bs-search-item-icon-color)}.bs-search-item__icon--hidden,.bs-search-item__description--hidden,.bs-search-item__trailing--hidden{display:none}.bs-search-item__icon ::slotted(svg){width:24px;height:24px}.bs-search-item__content{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.bs-search-item__label{font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-regular);line-height:24px}.bs-search-item__label ::slotted(b),.bs-search-item__label ::slotted(strong){font-weight:var(--bs-font-weight-semibold)}.bs-search-item__description{color:var(--bs-search-item-color-muted);font-size:var(--bs-font-size-sm);line-height:20px}.bs-search-item__trailing{flex:0 0 auto;color:var(--bs-search-item-color-muted);font-size:var(--bs-font-size-sm);line-height:20px;white-space:nowrap}:host([disabled]) .bs-search-item__description,:host([disabled]) .bs-search-item__trailing{color:var(--bs-search-item-color-disabled)}@media (prefers-reduced-motion: reduce){.bs-search-item{transition:none}}`;
 
 const BsSearchItem = class {
     constructor(hostRef) {
@@ -37,7 +37,7 @@ const BsSearchItem = class {
     slotFilled = (set) => (ev) => set(ev.target.assignedNodes().length > 0);
     render() {
         const role = this.selectionRole ?? undefined;
-        return (h("div", { key: '0c570b63e05b1fc0294329710fbf88b2fc21e1ff', part: "container", class: "bs-search-item", role: role, "aria-selected": role ? String(this.active) : undefined, "aria-disabled": role && this.disabled ? 'true' : undefined }, h("span", { key: '5dd4eebb10183d38704ac1669c024ef863846c00', part: "icon", class: { 'bs-search-item__icon': true, 'bs-search-item__icon--hidden': !this.hasIcon } }, h("slot", { key: '4c1b4f5d589201f1fa98081cc432d630950311e0', name: "icon", onSlotchange: this.slotFilled(v => (this.hasIcon = v)) })), h("span", { key: '0908a9fc5a42c00e6bae6e5f69fe1f3224a73147', part: "content", class: "bs-search-item__content" }, h("span", { key: '817216a76634be9b203bb324c8ee5cb54505f44f', part: "label", class: "bs-search-item__label" }, h("slot", { key: '7ee0d2da1dc6e2ddd9dc25e5a3d2238c87b223b1' })), h("span", { key: '765a7dae7761d72b1b3a5571549a044420c88a05', part: "description", class: { 'bs-search-item__description': true, 'bs-search-item__description--hidden': !this.hasDescription } }, h("slot", { key: '8d1da1dc91b3133b10a17f711227031daa40e5ee', name: "description", onSlotchange: this.slotFilled(v => (this.hasDescription = v)) }))), h("span", { key: '33fcb4ab13f5ab8659249c70626699ee831a008d', part: "trailing", class: { 'bs-search-item__trailing': true, 'bs-search-item__trailing--hidden': !this.hasTrailingSlot && !this.trailing } }, h("slot", { key: '21cd86383493354482304367794e557c1b20bf17', name: "trailing", onSlotchange: this.slotFilled(v => (this.hasTrailingSlot = v)) }, this.trailing))));
+        return (h("div", { key: '5a3a8580e47d0c10e55db1b787b0b74e6cb3a4f3', part: "container", class: "bs-search-item", role: role, "aria-selected": role ? String(this.active) : undefined, "aria-disabled": role && this.disabled ? 'true' : undefined }, !this.disabled && h("bs-ripple", { key: 'c8e27ae7b1e0d50f8ecff26c91bcae9c3b62950f', part: "ripple" }), h("span", { key: '81ad3c5bec85021e7276909753e4f1a3a17e4b00', part: "icon", class: { 'bs-search-item__icon': true, 'bs-search-item__icon--hidden': !this.hasIcon } }, h("slot", { key: '88262df53a785c5e60b8ec3935b1d1861cf1ae6a', name: "icon", onSlotchange: this.slotFilled(v => (this.hasIcon = v)) })), h("span", { key: '5924d34123f7889eddd068ee24a2dfc6df8f41b3', part: "content", class: "bs-search-item__content" }, h("span", { key: '671557c0b077e15450be02e5bb474c0f449dfea7', part: "label", class: "bs-search-item__label" }, h("slot", { key: '97ebaf915bcc552fd77d78e7ddb39fdc640ee023' })), h("span", { key: 'e60d0190f0c562c041d0c305917220f4a34f450f', part: "description", class: { 'bs-search-item__description': true, 'bs-search-item__description--hidden': !this.hasDescription } }, h("slot", { key: 'd044cb988f1edc550a18cfe06a9258b7cae2f15f', name: "description", onSlotchange: this.slotFilled(v => (this.hasDescription = v)) }))), h("span", { key: 'e55b0b5c9a7fb2531f6d20667970dc587a27b140', part: "trailing", class: { 'bs-search-item__trailing': true, 'bs-search-item__trailing--hidden': !this.hasTrailingSlot && !this.trailing } }, h("slot", { key: 'bae1da141d180b3dbb788c19a632548d0127bd64', name: "trailing", onSlotchange: this.slotFilled(v => (this.hasTrailingSlot = v)) }, this.trailing))));
     }
 };
 BsSearchItem.style = bsSearchItemCss();

package/dist/esm/bs-session-timeout.entry.js

@@ -158,7 +158,7 @@ const BsSessionTimeout = class {
         const description = this.description ?? d.description;
         const primary = this.primaryLabel ?? d.primary;
         const secondary = this.secondaryLabel ?? d.secondary;
-        return (h("bs-card", { key: 'd24c6a8c35ba5fa00d09789ae3b9fb9c13478aa2', part: "container", class: "bs-session-timeout", surface: "base", role: "region", "aria-labelledby": "heading" }, h("div", { key: '519212dd44edaf8b6083d0b4a0aa554721030edb', class: "bs-session-timeout__body" }, !this.hideIcon && (h("bs-icon-tile", { key: '0afcc5d7ac6331327c54f207c7bf17a85e1d4ca6', part: "art", intent: d.intent, size: "lg" }, h("slot", { key: '9b23c1e0ac3338026d9fd865f388156f79dbbccf', name: "icon" }, d.glyph()))), this.renderHeading(heading, description), this.type === 'warning' && this.renderWarning(), this.type === 'warning' && this.savedMessage && (h("p", { key: '28feba54a260237d0fbd4f1fd73c0a2f759f1de7', part: "saved", class: "bs-session-timeout__saved" }, h(InfoIcon, { key: 'cf8cc480add0d2269e5dc60b6eca92429f2747bd' }), h("span", { key: '9bcaa1f9605dec86b2323b6b30ea433426c760dc' }, this.savedMessage))), this.type === 'signed-out' && this.renderAccount(), this.type === 'confirm-identity' && this.renderConfirm(), this.type === 'warning' && (primary || secondary) && (h("div", { key: '3c5da6d79a8e7958d24d4a5426f4e44c04333b65', part: "actions", class: "bs-session-timeout__actions" }, secondary && (h("bs-button", { key: '0e552712f93f9a59919ed2a64bd71d9d79908978', part: "secondary", variant: "outlined", onClick: () => this.bsSecondary.emit() }, secondary)), primary && (h("bs-button", { key: 'f461ea7b8119d8608a7d560b6aa52c404c61028c', part: "primary", variant: "primary", onClick: () => this.bsPrimary.emit() }, primary)))), this.type === 'signed-out' && (primary || secondary) && (h("div", { key: '8e4ea5ec9e71e233bfd1a125bacf4ada41ee3a6d', part: "actions", class: "bs-session-timeout__actions bs-session-timeout__actions--stacked" }, primary && (h("bs-button", { key: '104e37dc1b7b7ce672c12a8a81e3069d2c85a7f2', part: "primary", class: "bs-session-timeout__block-button", variant: "primary", onClick: () => this.bsPrimary.emit() }, primary)), secondary && (h("bs-button", { key: '3ab259894ba4ab7362e3543762c575ca5c5c1feb', part: "secondary", class: "bs-session-timeout__text-button", variant: "subtle", size: "lg", onClick: () => this.bsSecondary.emit() }, secondary)))), h("div", { key: 'e44f63e49fc80fa1f297d9b10beadfd2a192c586', class: "bs-session-timeout__sr-only", role: "status", "aria-live": "polite" }, this.announcement))));
+        return (h("bs-card", { key: '6e8091dcd3e15ebf5b68dc024f69ef23cf1850d4', part: "container", class: "bs-session-timeout", surface: "base", role: "region", "aria-labelledby": "heading" }, h("div", { key: '53eca19dff3cde4bac5b0fac889da620980db6d6', class: "bs-session-timeout__body" }, !this.hideIcon && (h("bs-icon-tile", { key: '07074e81e49beaada9dd4b92770bfd4999353629', part: "art", intent: d.intent, size: "lg" }, h("slot", { key: '362feaab173e019303ab2e69bb6c38a8ac5898f6', name: "icon" }, d.glyph()))), this.renderHeading(heading, description), this.type === 'warning' && this.renderWarning(), this.type === 'warning' && this.savedMessage && (h("p", { key: 'b264006e5b5fc1ad21850d2b00b7a8fda4f0da18', part: "saved", class: "bs-session-timeout__saved" }, h(InfoIcon, { key: 'b5928e557e3b4b84e56e4312652725f03a3349da' }), h("span", { key: 'a9830a6ecb1cc3c889132c298bf93ae1cd590b09' }, this.savedMessage))), this.type === 'signed-out' && this.renderAccount(), this.type === 'confirm-identity' && this.renderConfirm(), this.type === 'warning' && (primary || secondary) && (h("div", { key: 'de05950cdcbbaee5bea7f9078ab21675423720a5', part: "actions", class: "bs-session-timeout__actions" }, secondary && (h("bs-button", { key: 'f3c9295fd63ab6362ff3c3821e994523a6faed4a', part: "secondary", variant: "outlined", onClick: () => this.bsSecondary.emit() }, secondary)), primary && (h("bs-button", { key: 'b121ea361fd5e69092079f5aa87f5af06e46039e', part: "primary", variant: "primary", onClick: () => this.bsPrimary.emit() }, primary)))), this.type === 'signed-out' && (primary || secondary) && (h("div", { key: '77acc3ed926513e60706d02fcb3077dee05b5b26', part: "actions", class: "bs-session-timeout__actions bs-session-timeout__actions--stacked" }, primary && (h("bs-button", { key: 'f8279d2ddb817395c88bd5d467f3a53ce927ac77', part: "primary", class: "bs-session-timeout__block-button", variant: "primary", onClick: () => this.bsPrimary.emit() }, primary)), secondary && (h("bs-button", { key: '40c06a5a88c6b91833f50b61db6953a205f8102a', part: "secondary", class: "bs-session-timeout__text-button", variant: "subtle", size: "lg", onClick: () => this.bsSecondary.emit() }, secondary)))), h("div", { key: '179e7d8a22872c50f531758bfc64b1de7c4f557d', class: "bs-session-timeout__sr-only", role: "status", "aria-live": "polite" }, this.announcement))));
     }
     static get watchers() { return {
         "countdown": [{

package/dist/esm/bs-shortcut-row.entry.js

@@ -17,7 +17,7 @@ const BsShortcutRow = class {
     /** Set by the parent list (`"listitem"`). Standalone rows have no role. */
     selectionRole = null;
     render() {
-        return (h("div", { key: '3594dbd6526283414539f46dbf83430c35b6aa03', part: "container", class: "bs-shortcut-row", role: this.selectionRole ?? undefined }, h("span", { key: '74bf12e32a4fc15c77ee4b650ae1facee76f68c0', part: "action", class: "bs-shortcut-row__action" }, h("slot", { key: '6bfc823e7ffb68d7a2d677d828dfe5f765f1d094' }, this.action)), h("span", { key: '4f6ba475754e26dffdae4dbbc29d64c1f01d2463', part: "keys", class: "bs-shortcut-row__keys" }, h("slot", { key: '251e7333354292aacc6f93265d3ebce68db0af53', name: "keys" }, h("bs-key-caps", { key: 'f887b73b0c21c92997cee5a4742e23b5caad358d', keys: this.keys, label: this.label, disabled: this.disabled })))));
+        return (h("div", { key: 'd336bcc14fe7dcd1e89e436869fc3a45f354d6e8', part: "container", class: "bs-shortcut-row", role: this.selectionRole ?? undefined }, h("span", { key: '45583d2bd4a7ef0b803e09d044bb90d5db86fe56', part: "action", class: "bs-shortcut-row__action" }, h("slot", { key: '3dd97ce7647a6efe7f7f0f4f4f10bda2f7f282b9' }, this.action)), h("span", { key: '3974fb0a6d0ca7aaaf136253db49e53c4dbedca4', part: "keys", class: "bs-shortcut-row__keys" }, h("slot", { key: '3341c3a3e96eb4e0f1cbe821ea2a52936fa1bb37', name: "keys" }, h("bs-key-caps", { key: 'cbd12693cf4c679e7dcd04e3e00a7d7c43d1fe76', keys: this.keys, label: this.label, disabled: this.disabled })))));
     }
 };
 BsShortcutRow.style = bsShortcutRowCss();

package/dist/esm/bs-side-panel.entry.js

@@ -1,6 +1,7 @@
 import { r as registerInstance, c as createEvent, a as getElement, h } from './index-D3SkQJpw.js';
+import { c as cancelMotion, r as readMotion, p as play } from './motion-BSt9HeTa.js';
 
-const bsSidePanelCss = () => `:host{--bs-side-panel-bg:var(--bs-surface-raised);--bs-side-panel-width:calc(var(--bs-scale-1600) * 3);--bs-side-panel-padding:var(--bs-spacing-200);--bs-side-panel-shadow:var(--bs-shadow-md);--bs-side-panel-overlay-bg:var(--bs-surface-overlay);--bs-side-panel-color:var(--bs-text-default);--bs-side-panel-z-index:var(--bs-z-index-modal)}.bs-side-panel{position:fixed;inset:0;z-index:var(--bs-side-panel-z-index);pointer-events:none}.bs-side-panel__overlay{position:absolute;inset:0;background:var(--bs-side-panel-overlay-bg);pointer-events:auto}.bs-side-panel__panel{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;box-sizing:border-box;width:var(--bs-side-panel-width);max-width:100%;background:var(--bs-side-panel-bg);color:var(--bs-side-panel-color);box-shadow:var(--bs-side-panel-shadow);pointer-events:auto;outline:none}.bs-side-panel--start .bs-side-panel__panel{left:0}.bs-side-panel--end .bs-side-panel__panel{right:0}.bs-side-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-spacing-100);padding:var(--bs-side-panel-padding)}.bs-side-panel__heading{margin:0;font-size:var(--bs-font-size-lg);font-weight:var(--bs-font-weight-semibold)}.bs-side-panel__actions{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-side-panel__body{flex:1;overflow-y:auto;padding:0 var(--bs-side-panel-padding)}.bs-side-panel__footer{padding:var(--bs-side-panel-padding)}`;
+const bsSidePanelCss = () => `:host{--bs-side-panel-bg:var(--bs-surface-raised);--bs-side-panel-width:calc(var(--bs-scale-1600) * 3);--bs-side-panel-padding:var(--bs-spacing-200);--bs-side-panel-shadow:var(--bs-shadow-md);--bs-side-panel-overlay-bg:var(--bs-surface-overlay);--bs-side-panel-color:var(--bs-text-default);--bs-side-panel-z-index:var(--bs-z-index-modal);--bs-side-panel-duration:var(--bs-duration-slow);--bs-side-panel-easing:var(--bs-easing-standard)}.bs-side-panel{position:fixed;inset:0;z-index:var(--bs-side-panel-z-index);pointer-events:none}.bs-side-panel__overlay{position:absolute;inset:0;background:var(--bs-side-panel-overlay-bg);pointer-events:auto}.bs-side-panel__panel{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;box-sizing:border-box;width:var(--bs-side-panel-width);max-width:100%;background:var(--bs-side-panel-bg);color:var(--bs-side-panel-color);box-shadow:var(--bs-side-panel-shadow);pointer-events:auto;outline:none}.bs-side-panel--start .bs-side-panel__panel{left:0}.bs-side-panel--end .bs-side-panel__panel{right:0}.bs-side-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-spacing-100);padding:var(--bs-side-panel-padding)}.bs-side-panel__heading{margin:0;font-size:var(--bs-font-size-lg);font-weight:var(--bs-font-weight-semibold)}.bs-side-panel__actions{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-side-panel__body{flex:1;overflow-y:auto;padding:0 var(--bs-side-panel-padding)}.bs-side-panel__footer{padding:var(--bs-side-panel-padding)}.bs-side-panel--closing .bs-side-panel__overlay,.bs-side-panel--closing .bs-side-panel__panel{pointer-events:none}`;
 
 let panelId = 0;
 const BsSidePanel = class {
@@ -26,7 +27,24 @@ const BsSidePanel = class {
     panelEl;
     /** Elements we set `inert` on (so we only undo our own changes). */
     inertified = [];
+    /** True while the slide-out plays after `open` went false, so the panel stays mounted for it. */
+    closing = false;
+    overlayEl;
+    enterPending = false;
+    exitPending = false;
+    motionRun = 0;
+    wasRendered = false;
     onOpenChange(next) {
+        this.motionRun++;
+        cancelMotion(this.overlayEl, this.panelEl);
+        if (next) {
+            this.closing = false;
+            this.enterPending = true;
+        }
+        else if (this.wasRendered && readMotion(this.el, 'bs-side-panel').ms > 0) {
+            this.closing = true;
+            this.exitPending = true;
+        }
         if (next) {
             this.previouslyFocused = document.activeElement ?? null;
             this.applyInert();
@@ -120,7 +138,38 @@ const BsSidePanel = class {
             first.focus();
         }
     }
+    /** Where the panel sits when hidden: fully past its own edge. Physical, like the panel's own left/right. */
+    offscreen() {
+        return this.side === 'start' ? 'translateX(-100%)' : 'translateX(100%)';
+    }
+    playEnter() {
+        const { ms, easing } = readMotion(this.el, 'bs-side-panel');
+        if (ms === 0)
+            return;
+        play(this.overlayEl, [{ opacity: 0 }, { opacity: 1 }], ms, easing);
+        play(this.panelEl, [{ transform: this.offscreen() }, { transform: 'none' }], ms, easing);
+    }
+    playExit() {
+        const { ms, easing } = readMotion(this.el, 'bs-side-panel');
+        const run = ++this.motionRun;
+        Promise.all([
+            play(this.overlayEl, [{ opacity: 1 }, { opacity: 0 }], ms, easing, 'forwards'),
+            play(this.panelEl, [{ transform: 'none' }, { transform: this.offscreen() }], ms, easing, 'forwards'),
+        ]).then(() => {
+            if (run === this.motionRun)
+                this.closing = false;
+        });
+    }
     componentDidRender() {
+        this.wasRendered = this.open || this.closing;
+        if (this.open && this.enterPending) {
+            this.enterPending = false;
+            this.playEnter();
+        }
+        else if (!this.open && this.closing && this.exitPending) {
+            this.exitPending = false;
+            this.playExit();
+        }
         if (this.open && this.panelEl && !this.focusedIn) {
             this.focusedIn = true;
             this.panelEl.focus();
@@ -144,9 +193,9 @@ const BsSidePanel = class {
         }
     };
     render() {
-        if (!this.open)
+        if (!this.open && !this.closing)
             return null;
-        return (h("div", { class: `bs-side-panel bs-side-panel--${this.side}`, onKeyDown: this.onKeyDown }, this.overlay && h("div", { part: "overlay", class: "bs-side-panel__overlay", onClick: this.close }), h("div", { part: "panel", class: "bs-side-panel__panel", role: "dialog", "aria-modal": "true", "aria-labelledby": this.headingId, tabindex: "-1", ref: el => (this.panelEl = el) }, h("div", { part: "header", class: "bs-side-panel__header" }, h("h2", { part: "heading", id: this.headingId, class: "bs-side-panel__heading" }, this.heading), h("div", { class: "bs-side-panel__actions" }, h("slot", { name: "header-actions" }), h("bs-icon-button", { variant: "subtle", ariaLabel: this.closeLabel, onClick: this.close }, h("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, h("path", { d: "M6 6L18 18M18 6L6 18", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }))))), h("div", { part: "body", class: "bs-side-panel__body" }, h("slot", null)), h("div", { part: "footer", class: "bs-side-panel__footer" }, h("slot", { name: "footer" })))));
+        return (h("div", { class: `bs-side-panel bs-side-panel--${this.side} ${this.open ? '' : 'bs-side-panel--closing'}`, onKeyDown: this.onKeyDown }, this.overlay && h("div", { part: "overlay", class: "bs-side-panel__overlay", onClick: this.close, ref: el => (this.overlayEl = el) }), h("div", { part: "panel", class: "bs-side-panel__panel", role: "dialog", "aria-modal": "true", "aria-labelledby": this.headingId, tabindex: "-1", ref: el => (this.panelEl = el) }, h("div", { part: "header", class: "bs-side-panel__header" }, h("h2", { part: "heading", id: this.headingId, class: "bs-side-panel__heading" }, this.heading), h("div", { class: "bs-side-panel__actions" }, h("slot", { name: "header-actions" }), h("bs-icon-button", { variant: "subtle", ariaLabel: this.closeLabel, onClick: this.close }, h("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, h("path", { d: "M6 6L18 18M18 6L6 18", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }))))), h("div", { part: "body", class: "bs-side-panel__body" }, h("slot", null)), h("div", { part: "footer", class: "bs-side-panel__footer" }, h("slot", { name: "footer" })))));
     }
     static get watchers() { return {
         "open": [{

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

@@ -221,7 +221,7 @@ const BsSlider = class {
     render() {
         const isRange = this.type === 'range';
         const rootClasses = ['bs-slider', this.disabled ? 'bs-slider--disabled' : ''].filter(Boolean).join(' ');
-        return (h("div", { key: '8d3274ef80b6bdd4a52efc8f8802ebb3aba86b9a', class: rootClasses }, this.showLabel && (h("div", { key: 'd852f58c8c92a8f69153192e74136362e2ab226e', class: "bs-slider__header" }, h("span", { key: 'e02b3c4fd839d812b516bab33349f1a4f2d5b0c4', id: "bs-slider-label", part: "label", class: "bs-slider__label" }, this.label), isRange ? (h("span", { class: "bs-slider__value-fields" }, this.renderPercentField(this.percent(this.effectiveValueStart), this.onStartPercentFieldChange, this.ariaLabel ?? this.startValueLabel), h("span", { class: "bs-slider__separator" }, "\u2013"), this.renderPercentField(this.percent(this.effectiveValueEnd), this.onEndPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} end` : this.endValueLabel))) : (this.renderPercentField(this.percent(this.value), this.onPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} value` : 'Value')))), h("div", { key: '30bc9f0bb1380dfa22542d04af160f13f70d276f', class: "bs-slider__row" }, this.showLabel && (h("span", { key: '824de56e2112ef5af4e20ebf097b17e4d7122624', part: "bound", class: "bs-slider__bound" }, this.min)), isRange ? this.renderRangeThumbs() : this.renderSingleThumb(), this.showLabel && (h("span", { key: 'cd0848d7add9ea1fd53c92ebd5b5f13a4a06fdbe', part: "bound", class: "bs-slider__bound" }, this.max)))));
+        return (h("div", { key: '78480dc37808335f258e1ad06e8b19ca97aed1b9', class: rootClasses }, this.showLabel && (h("div", { key: '0fd24602403f811367605786a07d9962c6f3522f', class: "bs-slider__header" }, h("span", { key: 'dd1c85fa0c4718e381bfef7f00977230d60e9d6c', id: "bs-slider-label", part: "label", class: "bs-slider__label" }, this.label), isRange ? (h("span", { class: "bs-slider__value-fields" }, this.renderPercentField(this.percent(this.effectiveValueStart), this.onStartPercentFieldChange, this.ariaLabel ?? this.startValueLabel), h("span", { class: "bs-slider__separator" }, "\u2013"), this.renderPercentField(this.percent(this.effectiveValueEnd), this.onEndPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} end` : this.endValueLabel))) : (this.renderPercentField(this.percent(this.value), this.onPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} value` : 'Value')))), h("div", { key: '6628c6c2332590f3580a759903bfc2b817ec1ef6', class: "bs-slider__row" }, this.showLabel && (h("span", { key: 'ecda7ec3285991312fbd0fba003294ba94fa8777', part: "bound", class: "bs-slider__bound" }, this.min)), isRange ? this.renderRangeThumbs() : this.renderSingleThumb(), this.showLabel && (h("span", { key: '3db1ee50efbfe1d14aae2609997bbd589710f2d1', part: "bound", class: "bs-slider__bound" }, this.max)))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

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

@@ -45,7 +45,7 @@ const BsSnackbar = class {
         this.bsDismiss.emit();
     };
     render() {
-        return (h("div", { key: '2b54d2d4ddfed7e1942ab21f09cf074ab58b2f22', part: "container", class: `bs-snackbar bs-snackbar--${this.variant}`, role: "status", "aria-live": this.variant === 'error' ? 'assertive' : 'polite' }, h("div", { key: 'a3ca39bf6b7c1047b013bac648b6fb60acaf520d', class: "bs-snackbar__content" }, h("span", { key: 'fa5a5cc6a24ad4f7ee434bf9f8ae4976872c57df', part: "icon", class: "bs-snackbar__icon", "aria-hidden": "true" }, this.loading ? h("span", { class: "bs-snackbar__spinner" }) : h(CheckCircleIcon, null)), h("span", { key: '58b52f72b9290a986832b954ad9f7e5d1e51eac8', part: "message", class: "bs-snackbar__message" }, h("slot", { key: 'c907524f91afd4b5ac22f0b86bb123ac831021f9' }))), h("div", { key: 'b746a574030f0023826ef131643eb49088db7da0', class: "bs-snackbar__actions" }, this.actionLabel && (h("bs-button", { key: 'fef75f43a0a15208b43ad4601dcc639022160ccc', part: "action", variant: this.actionVariant ?? ACTION_VARIANT[this.variant], size: "sm", onClick: this.onAction }, this.actionLabel)), !this.hideClose && (h("bs-icon-button", { key: 'a582778e2469b68a683c6cff867c5f8839989f2e', part: "close", variant: "subtle", size: "md", ariaLabel: "Dismiss", onClick: this.onDismiss }, h(CloseIcon, { key: '1e7a6f872373fe2f62a99aa03421815a6f55e8d2' }))))));
+        return (h("div", { key: '26aad3204c2d6ca34162da66a173afab22663973', part: "container", class: `bs-snackbar bs-snackbar--${this.variant}`, role: "status", "aria-live": this.variant === 'error' ? 'assertive' : 'polite' }, h("div", { key: '8837bc51a479fbd276b2c02fccf98eb3e6683801', class: "bs-snackbar__content" }, h("span", { key: '791564815c28aebeabff97b6b113f04acc4fa0b6', part: "icon", class: "bs-snackbar__icon", "aria-hidden": "true" }, this.loading ? h("span", { class: "bs-snackbar__spinner" }) : h(CheckCircleIcon, null)), h("span", { key: '28920c114f18f996d0dc4778d4de2ff523626c99', part: "message", class: "bs-snackbar__message" }, h("slot", { key: '4bf02f4ad00ab5a3def30c066648b4df55bf7457' }))), h("div", { key: '7f3c619ba2164e8e7eb780c737b410a50fdf813b', class: "bs-snackbar__actions" }, this.actionLabel && (h("bs-button", { key: '43886c3acaef928d08cf76d8d4660df6100f1ba3', part: "action", variant: this.actionVariant ?? ACTION_VARIANT[this.variant], size: "sm", onClick: this.onAction }, this.actionLabel)), !this.hideClose && (h("bs-icon-button", { key: 'd28c20079af83708865ad4b6ba72a65de2a1d458', part: "close", variant: "subtle", size: "md", ariaLabel: "Dismiss", onClick: this.onDismiss }, h(CloseIcon, { key: '7f9df3eef9dcf22f587b69e4ecd36566876c29b9' }))))));
     }
 };
 const CheckCircleIcon = () => (h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M8.25 12.75L10.5 15L15.75 9.75", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { d: "M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));

package/dist/esm/bs-source-link.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h } from './index-D3SkQJpw.js';
 
-const bsSourceLinkCss = () => `:host{display:block;--bs-source-link-radius:var(--bs-border-radius-150);--bs-source-link-padding:var(--bs-spacing-150);--bs-source-link-gap:var(--bs-spacing-50);--bs-source-link-icon-gap:var(--bs-spacing-75);--bs-source-link-hover:var(--bs-surface-hover);--bs-source-link-pressed:var(--bs-surface-pressed);--bs-source-link-focus:var(--bs-border-neutral-focus);--bs-source-link-filename-color:var(--bs-text-default);--bs-source-link-meta-color:var(--bs-text-secondary);--bs-source-link-icon-color:var(--bs-icon-default);--bs-source-link-dot-color:var(--bs-text-secondary)}.bs-source-link{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-source-link-gap);width:100%;padding:var(--bs-source-link-padding);background:none;border:none;border-radius:var(--bs-source-link-radius);font-family:inherit;text-align:start;text-decoration:none;cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-source-link:hover,.bs-source-link:focus-visible{background:var(--bs-source-link-hover)}.bs-source-link:active{background:var(--bs-source-link-pressed)}.bs-source-link:focus-visible{outline:2px solid var(--bs-source-link-focus);outline-offset:1px}.bs-source-link__icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;color:var(--bs-source-link-icon-color)}.bs-source-link__left{display:flex;flex:1 0 0;flex-direction:column;gap:2px;min-width:0}.bs-source-link__filename-row{display:flex;align-items:center;gap:var(--bs-source-link-icon-gap);width:100%}.bs-source-link__filename{margin:0;overflow:hidden;color:var(--bs-source-link-filename-color);font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-semibold);line-height:var(--bs-line-height-normal);text-overflow:ellipsis;white-space:nowrap}.bs-source-link__meta{display:flex;align-items:center;gap:var(--bs-spacing-50);padding-inline-start:22px}.bs-source-link__source,.bs-source-link__version{color:var(--bs-source-link-meta-color);font-size:var(--bs-font-size-sm);line-height:var(--bs-line-height-normal);white-space:nowrap}.bs-source-link__dot{width:4px;height:4px;border-radius:50%;background:var(--bs-source-link-dot-color);flex-shrink:0}.bs-source-link__arrow{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;color:var(--bs-source-link-icon-color)}`;
+const bsSourceLinkCss = () => `:host{display:block;--bs-source-link-radius:var(--bs-border-radius-150);--bs-source-link-padding:var(--bs-spacing-150);--bs-source-link-gap:var(--bs-spacing-50);--bs-source-link-icon-gap:var(--bs-spacing-75);--bs-source-link-hover:var(--bs-surface-hover);--bs-source-link-pressed:var(--bs-surface-pressed);--bs-source-link-focus:var(--bs-border-neutral-focus);--bs-source-link-filename-color:var(--bs-text-default);--bs-source-link-meta-color:var(--bs-text-secondary);--bs-source-link-icon-color:var(--bs-icon-default);--bs-source-link-dot-color:var(--bs-text-secondary)}.bs-source-link{position:relative;box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-source-link-gap);width:100%;padding:var(--bs-source-link-padding);background:none;border:none;border-radius:var(--bs-source-link-radius);font-family:inherit;text-align:start;text-decoration:none;cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-source-link:hover,.bs-source-link:focus-visible{background:var(--bs-source-link-hover)}.bs-source-link:active{background:var(--bs-source-link-pressed)}.bs-source-link:focus-visible{outline:2px solid var(--bs-source-link-focus);outline-offset:1px}.bs-source-link__icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;color:var(--bs-source-link-icon-color)}.bs-source-link__left{display:flex;flex:1 0 0;flex-direction:column;gap:2px;min-width:0}.bs-source-link__filename-row{display:flex;align-items:center;gap:var(--bs-source-link-icon-gap);width:100%}.bs-source-link__filename{margin:0;overflow:hidden;color:var(--bs-source-link-filename-color);font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-semibold);line-height:var(--bs-line-height-normal);text-overflow:ellipsis;white-space:nowrap}.bs-source-link__meta{display:flex;align-items:center;gap:var(--bs-spacing-50);padding-inline-start:22px}.bs-source-link__source,.bs-source-link__version{color:var(--bs-source-link-meta-color);font-size:var(--bs-font-size-sm);line-height:var(--bs-line-height-normal);white-space:nowrap}.bs-source-link__dot{width:4px;height:4px;border-radius:50%;background:var(--bs-source-link-dot-color);flex-shrink:0}.bs-source-link__arrow{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;color:var(--bs-source-link-icon-color)}`;
 
 const BsSourceLink = class {
     constructor(hostRef) {
@@ -24,8 +24,9 @@ const BsSourceLink = class {
     };
     render() {
         const inner = [
-            h("span", { key: 'f6cbdaccaa104fa4e6d16db23ae8f66e9d3d7aa7', class: "bs-source-link__left" }, h("span", { key: 'a66ccda2c131b3a708402d0b06206e355fca0dad', class: "bs-source-link__filename-row" }, h("span", { key: '74af0518a127378fc13291c3cec12b8eb470268b', part: "icon", class: "bs-source-link__icon" }, h("slot", { key: '9b1f4a71a0c5313210481106988a851ea87b40b6', name: "icon" }, h(FileTextIcon, { key: '1b1b9e285a744a074537fbf4ea19c852343b4513' }))), h("p", { key: 'ecdedebb0281ec56ec08a1657de2d924bb34a421', part: "filename", class: "bs-source-link__filename" }, this.fileName)), h("span", { key: 'b109074e833ef4feb438f9b4992fe6bd7ebc8279', class: "bs-source-link__meta" }, this.sourceName && (h("span", { key: '182f41c9115004f345028e991e38345dcc9bc7b2', part: "source", class: "bs-source-link__source" }, this.sourceName)), this.sourceName && this.version && h("span", { key: '95b31ed9741bbaeb215109139520108991d33ffe', class: "bs-source-link__dot", "aria-hidden": "true" }), this.version && (h("span", { key: '3241c29460a9287bba9bebac78cefdb1ef62ca65', part: "version", class: "bs-source-link__version" }, this.version)))),
-            h("span", { key: '67327845908098595d935c87c96809205cb25d38', part: "arrow", class: "bs-source-link__arrow", "aria-hidden": "true" }, h(ArrowUpRightIcon, { key: 'fcf4946e7d5647a6137ff1a6d24851cc7bcb9aef' })),
+            h("bs-ripple", { key: '2ddd937da894bc3584b82489e35d41167c19cb6c', part: "ripple" }),
+            h("span", { key: 'd1141377078beec80d8726b1633ea9261bce215d', class: "bs-source-link__left" }, h("span", { key: '75d04109faa8168ba271c8bfc2cfd15abf02fb57', class: "bs-source-link__filename-row" }, h("span", { key: '50f28021063c49b0ccc7348e7b0b9cd6ca0749b7', part: "icon", class: "bs-source-link__icon" }, h("slot", { key: 'aca4ff56e585d65d2b38d0b1f8634d56d521b549', name: "icon" }, h(FileTextIcon, { key: 'e89b337ded8658b2b76ba59e6ea79e70763ddb72' }))), h("p", { key: '5d9cdf3618072784aeb9bd067ae505b57afa625c', part: "filename", class: "bs-source-link__filename" }, this.fileName)), h("span", { key: '35d6d485989679eb05b6fcf2096477456e6b7bc0', class: "bs-source-link__meta" }, this.sourceName && (h("span", { key: 'e3ffae28c3ed65d255961c172eb823d52583c7b2', part: "source", class: "bs-source-link__source" }, this.sourceName)), this.sourceName && this.version && h("span", { key: 'c460e9ccfa2d92b11d8bb2a1e87fcedc94d392ae', class: "bs-source-link__dot", "aria-hidden": "true" }), this.version && (h("span", { key: '9a33d16c96a6d904dd1b69169170da0d0801b9f1', part: "version", class: "bs-source-link__version" }, this.version)))),
+            h("span", { key: 'c2f42b73b59ae97bb8e95e80c20a2038826329bf', part: "arrow", class: "bs-source-link__arrow", "aria-hidden": "true" }, h(ArrowUpRightIcon, { key: '61d67aaa0a4382ecb12ed49d5716e1c4385c6af5' })),
         ];
         return this.href ? (h("a", { class: "bs-source-link", href: this.href, target: this.target, rel: "noopener noreferrer", onClick: this.onClick }, inner)) : (h("button", { type: "button", class: "bs-source-link", onClick: this.onClick }, inner));
     }

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

@@ -14,7 +14,7 @@ const BsSpinner = class {
     label;
     render() {
         const hasLabel = !!this.label;
-        return (h("span", { key: '3c9d75df5028a1bad32c909ef1e382ffae53fd91', part: "container", class: `bs-spinner bs-spinner--${this.size}`, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, h("svg", { key: '431baaa3fbe8c6f9a4d9189b46d24d5e15ad8f18', part: "svg", class: "bs-spinner__svg", viewBox: "0 0 24 24", fill: "none", focusable: "false" }, h("circle", { key: 'd71a6901ce3cccd9647287ea06693137cd5c9b64', class: "bs-spinner__track", cx: "12", cy: "12", r: "9", "stroke-width": "3" }), h("path", { key: '65f5e995822a96e293b3541eb16606a178ec6c88', class: "bs-spinner__arc", d: "M12 3a9 9 0 0 1 9 9", "stroke-width": "3", "stroke-linecap": "round" }))));
+        return (h("span", { key: '17b3ac21aefe35279e52717c529bcba6d2ae7b75', part: "container", class: `bs-spinner bs-spinner--${this.size}`, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, h("svg", { key: '8ca1165795b8fadb7ea3c3c8228fc6f24d3ce3b2', part: "svg", class: "bs-spinner__svg", viewBox: "0 0 24 24", fill: "none", focusable: "false" }, h("circle", { key: '07d9b05e6e6f11e742bdbeea99e7f31322696363', class: "bs-spinner__track", cx: "12", cy: "12", r: "9", "stroke-width": "3" }), h("path", { key: '83d83f51d3c89cc3997950ff94e4911c6d1c0748', class: "bs-spinner__arc", d: "M12 3a9 9 0 0 1 9 9", "stroke-width": "3", "stroke-linecap": "round" }))));
     }
 };
 BsSpinner.style = bsSpinnerCss();

package/dist/esm/bs-split-pane.entry.js

@@ -183,7 +183,7 @@ const BsSplitPane = class {
                 nodes.push(h("div", { part: "divider", class: { 'bs-split-pane__divider': true, 'bs-split-pane__divider--active': this.draggingIndex === i, 'bs-split-pane__divider--static': !this.resizable }, role: "separator", "aria-orientation": dividerOrientation, "aria-label": this.dividerLabel, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": this.percentFor(i), tabindex: this.resizable ? 0 : undefined, onPointerDown: this.onPointerDown(i), onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerCancel: this.onPointerUp, onKeyDown: this.onKeyDown(i) }, h("span", { part: "divider-thumb", class: "bs-split-pane__thumb" })));
             }
         }
-        return (h("div", { key: '70a36a863fc3fb144160616725126d0421cea69f', part: "container", class: `bs-split-pane bs-split-pane--${this.orientation}` }, nodes));
+        return (h("div", { key: 'c427313cbfcd736d044ced8e07658ad6de6ed0bd', part: "container", class: `bs-split-pane bs-split-pane--${this.orientation}` }, nodes));
     }
 };
 BsSplitPane.style = bsSplitPaneCss();

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

@@ -66,7 +66,7 @@ const BsStack = class {
                 parts.push(h("slot", { name: `bs-stack-item-${i}`, onSlotchange: this.sync }));
             }
         }
-        return (h(Host, { key: 'be2e4a8ecb5d4fd27441b8cafbfd7e8a17ea3b82', style: { '--bs-stack-gap-token': `var(--bs-spacing-${gap})` } }, h("slot", { key: '4eab2557384cb6ae620ea3feef8e36dc0a2e2f08', onSlotchange: this.sync }), parts));
+        return (h(Host, { key: '39852df38f3638826e331e5e1028fa069e15322c', style: { '--bs-stack-gap-token': `var(--bs-spacing-${gap})` } }, h("slot", { key: '9e303ef2361fd7b804aea37b1b5bf4269f480b2d', onSlotchange: this.sync }), parts));
     }
     static get watchers() { return {
         "divider": [{

package/dist/esm/bs-stepper-step.entry.js

@@ -32,7 +32,7 @@ const BsStepperStep = class {
     }
     render() {
         const state = this.state;
-        return (h(Host, { key: '8e11ed2e78a5e6468ed6265f90199bdc0c2e4bcc', role: "listitem", class: `bs-stepper-step--${this.direction}` }, h("div", { key: '0d50e2845fb886a73e7eeaad474c0d9c1b2e06cb', class: "bs-stepper-step__top" }, h("span", { key: '1bfe85491c42f8e1bf00a4e86c162448564b5142', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && h("span", { key: 'e3ac4066de9f1c9bfa824a889c654952891221b8', class: "bs-stepper-step__icon-dot" }), state === 'done' && h(CheckIcon, { key: '7c1e237ce011d77b47d26e622974d6a2629ecfd3' }), state === 'error' && h(ExclamationIcon, { key: '9420c50c9154f007ae0802473f0a5e0cf18fe8fd' })), h("span", { key: '039f2ca1186b82bebb8e989630f575599c64e85b', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, h("span", { key: 'dc5a250a1437eda9baf7cd38a69fa36d26e6cfaa', class: "bs-stepper-step__connector-line" }))), h("span", { key: 'df8d2c94073f134125d34e5686f0c340c2c59d87', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, h("span", { key: '5bdce9915c1e6e2610bbe101bc41108cfa2e0cd5', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (h("span", { key: '39ddca52aa59717d22ca56ece74b4518d1ae2370', part: "description", class: "bs-stepper-step__description" }, this.description)))));
+        return (h(Host, { key: 'e9b5948fbba4037488296cdc5e479f2070e0aff9', role: "listitem", class: `bs-stepper-step--${this.direction}` }, h("div", { key: 'debe65501bcdbc563bad4800d9f5bcad4d5de76a', class: "bs-stepper-step__top" }, h("span", { key: '0e0315aa8146c0f11e6ebd9e939735f7f339113e', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && h("span", { key: 'c02f6a5c3de19fa5a2b54d6de53d0a7b345697d2', class: "bs-stepper-step__icon-dot" }), state === 'done' && h(CheckIcon, { key: '1147e186c821d21fc164ca589a2f9f6a179c145f' }), state === 'error' && h(ExclamationIcon, { key: '5f8c5874811de90db1e537b0f3d24e82e038a123' })), h("span", { key: 'b0347e06b36bf4fabdba4300803dc1a3b8c68719', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, h("span", { key: 'fa4f577a71a70151aaa3a9eb16eb2db91ba0fc01', class: "bs-stepper-step__connector-line" }))), h("span", { key: 'd5d9f431e11074aba9996833adbb9b2cb1f227cb', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, h("span", { key: 'bb233d28351a78c13b604fd2f940b29467ae316c', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (h("span", { key: '921a2bd021cb0cccb261313f3076370c8e620ccb', part: "description", class: "bs-stepper-step__description" }, this.description)))));
     }
 };
 const CheckIcon = () => (h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M2.5 9L6 12.5L14 4.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));

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

@@ -42,7 +42,7 @@ const BsStepper = class {
     }
     render() {
         // role="list" so each bs-stepper-step's role="listitem" has the required parent.
-        return (h(Host, { key: '3f002aa5977dd81a203b44aeb3ffd9e82e1d78ab', role: "list" }, h("slot", { key: 'f5a64626aba6cef29bcc7710c839583ccc2a2c71', onSlotchange: this.onSlotChange })));
+        return (h(Host, { key: '12784d8efa1487b3fb39f9f59d7ebcd314ad6518', role: "list" }, h("slot", { key: 'af46ba1e66089cbacbc4e0b483df643196434f0b', onSlotchange: this.onSlotChange })));
     }
     static get watchers() { return {
         "currentStep": [{

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, a as getElement, h } from './index-D3SkQJpw.js';
 
-const bsSwitchCss = () => `:host{display:inline-block;--bs-switch-radius:var(--bs-border-radius-full);--bs-switch-padding:var(--bs-spacing-25);--bs-switch-gap:var(--bs-spacing-100);--bs-switch-track-width-md:36px;--bs-switch-track-height-md:20px;--bs-switch-track-width-lg:48px;--bs-switch-track-height-lg:28px;--bs-switch-knob-size-md:16px;--bs-switch-knob-size-lg:24px;--bs-switch-border-width:1px;--bs-switch-track-bg:var(--bs-switch-track-bg-default);--bs-switch-track-bg-checked:var(--bs-switch-track-bg-checked-default);--bs-switch-track-bg-checked-focus:var(--bs-switch-track-bg-checked-focused);--bs-switch-track-border:var(--bs-switch-track-border-default);--bs-switch-focus-ring-color:var(--bs-switch-track-border-focus);--bs-switch-knob-bg:var(--bs-switch-thumb-bg-default);--bs-switch-knob-bg-hover:var(--bs-switch-thumb-bg-hover);--bs-switch-knob-bg-checked:var(--bs-switch-thumb-bg-checked);--bs-switch-knob-bg-disabled:var(--bs-switch-thumb-bg-disabled);--bs-switch-label-color:var(--bs-text-default);--bs-switch-label-color-disabled:var(--bs-text-on-disabled)}.bs-switch{position:relative;display:inline-flex;align-items:center;gap:var(--bs-switch-gap);font-family:inherit;cursor:pointer}.bs-switch--disabled{cursor:not-allowed}.bs-switch__input{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}.bs-switch__input:disabled{cursor:not-allowed}.bs-switch__track{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:flex-start;flex-shrink:0;padding:var(--bs-switch-padding);border:var(--bs-switch-border-width) solid var(--bs-switch-track-border);border-radius:var(--bs-switch-radius);background:var(--bs-switch-track-bg);transition:background-color 0.15s ease, border-color 0.15s ease}.bs-switch__track--md{width:var(--bs-switch-track-width-md);height:var(--bs-switch-track-height-md)}.bs-switch__track--lg{width:var(--bs-switch-track-width-lg);height:var(--bs-switch-track-height-lg)}.bs-switch__track--checked{justify-content:flex-end;background:var(--bs-switch-track-bg-checked)}.bs-switch__knob{box-sizing:border-box;border-radius:var(--bs-border-radius-full);background:var(--bs-switch-knob-bg);transition:background-color 0.15s ease}.bs-switch__knob--md{width:var(--bs-switch-knob-size-md);height:var(--bs-switch-knob-size-md)}.bs-switch__knob--lg{width:var(--bs-switch-knob-size-lg);height:var(--bs-switch-knob-size-lg)}.bs-switch__track--checked .bs-switch__knob{background:var(--bs-switch-knob-bg-checked)}.bs-switch__input:hover:not(:disabled)~.bs-switch__track{background:var(--bs-switch-track-bg-hover);border-color:var(--bs-switch-track-border-hover)}.bs-switch__input:hover:not(:disabled)~.bs-switch__track .bs-switch__knob{background:var(--bs-switch-knob-bg-hover)}.bs-switch__input:hover:not(:disabled)~.bs-switch__track--checked{background:var(--bs-switch-track-bg-checked-hover)}.bs-switch__input:focus-visible~.bs-switch__track{border-color:var(--bs-switch-track-border-hover);outline:2px solid var(--bs-switch-focus-ring-color);outline-offset:2px}.bs-switch__input:focus-visible~.bs-switch__track--checked{background:var(--bs-switch-track-bg-checked-focus)}.bs-switch__track--disabled{background:var(--bs-switch-track-bg-disabled);border-color:var(--bs-switch-track-border)}.bs-switch__track--disabled.bs-switch__track--checked{background:var(--bs-switch-track-bg-disabled)}.bs-switch__knob--disabled{background:var(--bs-switch-knob-bg-disabled)}.bs-switch__label{font-size:var(--bs-font-size-md);color:var(--bs-switch-label-color)}.bs-switch--disabled .bs-switch__label{color:var(--bs-switch-label-color-disabled)}@media (forced-colors: active){.bs-switch__track{border:2px solid ButtonText;forced-color-adjust:none;background:Canvas}.bs-switch__track--checked{background:Highlight;border-color:Highlight}.bs-switch__knob{background:ButtonText}.bs-switch__track--checked .bs-switch__knob{background:HighlightText}.bs-switch__track--disabled{border-color:GrayText}}`;
+const bsSwitchCss = () => `:host{display:inline-block;--bs-switch-radius:var(--bs-border-radius-full);--bs-switch-padding:var(--bs-spacing-25);--bs-switch-gap:var(--bs-spacing-100);--bs-switch-track-width-md:36px;--bs-switch-track-height-md:20px;--bs-switch-track-width-lg:48px;--bs-switch-track-height-lg:28px;--bs-switch-knob-size-md:16px;--bs-switch-knob-size-lg:24px;--bs-switch-border-width:1px;--bs-switch-track-bg:var(--bs-switch-track-bg-default);--bs-switch-track-bg-checked:var(--bs-switch-track-bg-checked-default);--bs-switch-track-bg-checked-focus:var(--bs-switch-track-bg-checked-focused);--bs-switch-track-border:var(--bs-switch-track-border-default);--bs-switch-focus-ring-color:var(--bs-switch-track-border-focus);--bs-switch-knob-bg:var(--bs-switch-thumb-bg-default);--bs-switch-knob-bg-hover:var(--bs-switch-thumb-bg-hover);--bs-switch-knob-bg-checked:var(--bs-switch-thumb-bg-checked);--bs-switch-knob-bg-disabled:var(--bs-switch-thumb-bg-disabled);--bs-switch-label-color:var(--bs-text-default);--bs-switch-label-color-disabled:var(--bs-text-on-disabled)}.bs-switch{position:relative;display:inline-flex;align-items:center;gap:var(--bs-switch-gap);font-family:inherit;cursor:pointer}.bs-switch--disabled{cursor:not-allowed}.bs-switch__input{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}.bs-switch__input:disabled{cursor:not-allowed}.bs-switch__track{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:flex-start;flex-shrink:0;padding:var(--bs-switch-padding);border:var(--bs-switch-border-width) solid var(--bs-switch-track-border);border-radius:var(--bs-switch-radius);background:var(--bs-switch-track-bg);transition:background-color 0.15s ease, border-color 0.15s ease}.bs-switch__track--md{width:var(--bs-switch-track-width-md);height:var(--bs-switch-track-height-md)}.bs-switch__track--lg{width:var(--bs-switch-track-width-lg);height:var(--bs-switch-track-height-lg)}.bs-switch__track--checked{justify-content:flex-end;background:var(--bs-switch-track-bg-checked)}.bs-switch__knob{position:relative;box-sizing:border-box;border-radius:var(--bs-border-radius-full);background:var(--bs-switch-knob-bg);transition:background-color 0.15s ease}.bs-switch__knob--md{width:var(--bs-switch-knob-size-md);height:var(--bs-switch-knob-size-md)}.bs-switch__knob--lg{width:var(--bs-switch-knob-size-lg);height:var(--bs-switch-knob-size-lg)}.bs-switch__track--checked .bs-switch__knob{background:var(--bs-switch-knob-bg-checked)}.bs-switch__input:hover:not(:disabled)~.bs-switch__track{background:var(--bs-switch-track-bg-hover);border-color:var(--bs-switch-track-border-hover)}.bs-switch__input:hover:not(:disabled)~.bs-switch__track .bs-switch__knob{background:var(--bs-switch-knob-bg-hover)}.bs-switch__input:hover:not(:disabled)~.bs-switch__track--checked{background:var(--bs-switch-track-bg-checked-hover)}.bs-switch__input:focus-visible~.bs-switch__track{border-color:var(--bs-switch-track-border-hover);outline:2px solid var(--bs-switch-focus-ring-color);outline-offset:2px}.bs-switch__input:focus-visible~.bs-switch__track--checked{background:var(--bs-switch-track-bg-checked-focus)}.bs-switch__track--disabled{background:var(--bs-switch-track-bg-disabled);border-color:var(--bs-switch-track-border)}.bs-switch__track--disabled.bs-switch__track--checked{background:var(--bs-switch-track-bg-disabled)}.bs-switch__knob--disabled{background:var(--bs-switch-knob-bg-disabled)}.bs-switch__label{font-size:var(--bs-font-size-md);color:var(--bs-switch-label-color)}.bs-switch--disabled .bs-switch__label{color:var(--bs-switch-label-color-disabled)}@media (forced-colors: active){.bs-switch__track{border:2px solid ButtonText;forced-color-adjust:none;background:Canvas}.bs-switch__track--checked{background:Highlight;border-color:Highlight}.bs-switch__knob{background:ButtonText}.bs-switch__track--checked .bs-switch__knob{background:HighlightText}.bs-switch__track--disabled{border-color:GrayText}}.bs-switch__ripple{inset:-12px;border-radius:50%;--bs-ripple-color:var(--bs-color-primary-default)}`;
 
 const BsSwitch = class {
     constructor(hostRef) {
@@ -59,18 +59,11 @@ const BsSwitch = class {
         this.bsChange.emit(checked);
     };
     render() {
-        const trackClasses = [
-            'bs-switch__track',
-            `bs-switch__track--${this.size}`,
-            this.checked ? 'bs-switch__track--checked' : '',
-            this.disabled ? 'bs-switch__track--disabled' : '',
-        ]
+        const trackClasses = ['bs-switch__track', `bs-switch__track--${this.size}`, this.checked ? 'bs-switch__track--checked' : '', this.disabled ? 'bs-switch__track--disabled' : '']
             .filter(Boolean)
             .join(' ');
-        const knobClasses = ['bs-switch__knob', `bs-switch__knob--${this.size}`, this.disabled ? 'bs-switch__knob--disabled' : '']
-            .filter(Boolean)
-            .join(' ');
-        return (h("label", { key: '49f1cfc9d185ab00f7186dc032b791a23ca26f70', class: `bs-switch ${this.disabled ? 'bs-switch--disabled' : ''}` }, h("input", { key: '8c20d342f636a06e7506008c00b612746e5c5698', class: "bs-switch__input", type: "checkbox", role: "switch", checked: this.checked, disabled: this.disabled, "aria-checked": String(this.checked), "aria-label": this.ariaLabel, onChange: this.onChange }), h("span", { key: 'd1fcfa9efbe5a3bffe23c597770b330622729a62', part: "track", class: trackClasses }, h("span", { key: '54d63b56c139c5b67bff4a61496914b641e498c3', part: "knob", class: knobClasses })), h("span", { key: 'd4ddc5b7e7ca13c74f4693f645fbe375447fe86b', part: "label", class: "bs-switch__label" }, h("slot", { key: '866fd38ac545d1ad19494b267594d7e4aab4b0b1' }))));
+        const knobClasses = ['bs-switch__knob', `bs-switch__knob--${this.size}`, this.disabled ? 'bs-switch__knob--disabled' : ''].filter(Boolean).join(' ');
+        return (h("label", { key: 'a4fe8b335679d3a8c4cebc519988e9ba65440dda', class: `bs-switch ${this.disabled ? 'bs-switch--disabled' : ''}` }, h("input", { key: 'bf619000f211f5aecda3f6c5da4e05a11e9b135e', class: "bs-switch__input", type: "checkbox", role: "switch", checked: this.checked, disabled: this.disabled, "aria-checked": String(this.checked), "aria-label": this.ariaLabel, onChange: this.onChange }), h("span", { key: '7f596412be6ae523cb3a41e5672d0a11552f77ba', part: "track", class: trackClasses }, h("span", { key: 'e9ff90d5719c1a3f98564b79a93e0c4d8fe82932', part: "knob", class: knobClasses }, h("bs-ripple", { key: 'bef6b2607487617f53d37ece4f48ae09792564d1', part: "ripple", class: "bs-switch__ripple", centered: true, triggerSelector: ".bs-switch", disabled: this.disabled }))), h("span", { key: '703eb9020f0ee4f887a0b50ef0d711ee34abf1d5', part: "label", class: "bs-switch__label" }, h("slot", { key: '91b178c4820f52eda9414b3ba0763c4fb1192015' }))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

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

@@ -78,7 +78,7 @@ const BsTab = class {
         const iconOnly = this.hasIcon && !this.hasLabel;
         const vertical = this.hasIcon && this.hasLabel && this.iconPosition === 'top';
         const showBadge = this.hasBadge && !iconOnly && !vertical;
-        return (h("button", { key: '9041f39829dd71f2dd2d54a5c2e8329f6fe8e11a', type: "button", part: "tab", role: "tab", class: `bs-tab ${this.selected ? 'bs-tab--selected' : ''} ${this.disabled ? 'bs-tab--disabled' : ''} ${iconOnly ? 'bs-tab--icon-only' : ''} ${vertical ? 'bs-tab--vertical' : ''}`, disabled: this.disabled, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel, tabIndex: this.tabbable === undefined ? undefined : this.tabbable ? 0 : -1, onClick: this.onClick }, h("span", { key: 'a57aec34d30bcaf112aa7f5d4530a4d64f2101a7', part: "icon", class: `bs-tab__icon ${this.hasIcon ? 'bs-tab__icon--has-content' : ''}` }, h("slot", { key: 'a60bd8b1c3b46de2ce9c33ba4f667bc815badcf6', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'd64146a811bbec39d7a9abe85446340b6d2d8988', part: "label", class: `bs-tab__label ${this.hasLabel ? 'bs-tab__label--has-content' : ''}` }, h("slot", { key: 'eb7a7f6d6999e6b0e8677fbb6e87ccba699f3977', onSlotchange: this.onLabelSlotchange })), h("span", { key: 'f281adb319e2653ebd2e4ef770750aafa30a9a82', part: "badge", class: `bs-tab__badge ${showBadge ? 'bs-tab__badge--has-content' : ''}` }, h("slot", { key: 'fd72ae0865d4cd6cecc8ace8a8da056574f71d3b', name: "badge", onSlotchange: this.onBadgeSlotchange })), h("span", { key: '4a278ac85059a94677816b87df1ff343da5c5f65', part: "indicator", class: "bs-tab__indicator" })));
+        return (h("button", { key: '429e88b9d5240c88eccd55d73f1fd13dd918931c', type: "button", part: "tab", role: "tab", class: `bs-tab ${this.selected ? 'bs-tab--selected' : ''} ${this.disabled ? 'bs-tab--disabled' : ''} ${iconOnly ? 'bs-tab--icon-only' : ''} ${vertical ? 'bs-tab--vertical' : ''}`, disabled: this.disabled, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel, tabIndex: this.tabbable === undefined ? undefined : this.tabbable ? 0 : -1, onClick: this.onClick }, h("bs-ripple", { key: 'f652c878d5ce6401b848977600648a9d17abd075', part: "ripple", centered: false, disabled: this.disabled }), h("span", { key: 'bf04470844364ec3600b1aa1ad933d4b11c7e0be', part: "icon", class: `bs-tab__icon ${this.hasIcon ? 'bs-tab__icon--has-content' : ''}` }, h("slot", { key: '8eded138d47876050c0fd4051b8d602a1d60d107', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '4e8d274150281ad1c770b903bec1f92b1ec1da44', part: "label", class: `bs-tab__label ${this.hasLabel ? 'bs-tab__label--has-content' : ''}` }, h("slot", { key: 'ff20a9b4917fdf7552f152d9bc89a28ca1391adc', onSlotchange: this.onLabelSlotchange })), h("span", { key: 'ea55bb9b1bb8566125285b3621cd28f52d62ad9e', part: "badge", class: `bs-tab__badge ${showBadge ? 'bs-tab__badge--has-content' : ''}` }, h("slot", { key: 'd3871776604036d6d0889f30edd566e2ed5c5339', name: "badge", onSlotchange: this.onBadgeSlotchange })), h("span", { key: '610cb54103452951824c47da54d6ad32602ec66d', part: "indicator", class: "bs-tab__indicator" })));
     }
 };
 BsTab.style = bsTabCss();
@@ -198,7 +198,7 @@ const BsTabs = class {
     }
     render() {
         const vertical = this.orientation === 'vertical';
-        return (h("div", { key: 'eb523e0109735c416498c91955787b00c0d5402d', part: "tablist", role: "tablist", "aria-orientation": this.orientation, class: `bs-tabs bs-tabs--${this.type} ${vertical ? 'bs-tabs--vertical' : ''}` }, h("slot", { key: '506c2e41eb12e830793431ec474d1ec286a12016', onSlotchange: () => this.syncRovingTabindex() })));
+        return (h("div", { key: 'a2aea116ff595f33d3d29bc37920f5596458f3d4', part: "tablist", role: "tablist", "aria-orientation": this.orientation, class: `bs-tabs bs-tabs--${this.type} ${vertical ? 'bs-tabs--vertical' : ''}` }, h("slot", { key: '16d36488b01cda28a2214152b2cbd76b0d8c045a', onSlotchange: () => this.syncRovingTabindex() })));
     }
     static get watchers() { return {
         "value": [{
@@ -243,7 +243,7 @@ const BsWhatsNewEntry = class {
     hasImage = false;
     render() {
         const level = Math.min(6, Math.max(1, Math.trunc(Number(this.headingLevel)) || 3));
-        return (h("div", { key: 'ba59c32f90076f9faba57d1d1424c31af93ad240', class: "bs-whats-new-entry" }, (this.tag || this.date || this.unread) && (h("div", { key: '9a6440e38742503ec18082d4dbefab9869595865', part: "meta", class: "bs-whats-new-entry__meta" }, this.tag && (h("bs-chip-informative", { key: 'bf497ffc620943d72c51439c39301cdf96a03720', part: "tag", size: "sm", color: this.tagColor }, this.tag)), this.date && (h("span", { key: '8e854f17bcb076e301d2cb0a16427be230a994b6', part: "date", class: "bs-whats-new-entry__date" }, this.date)), this.unread && (h("span", { key: '2569be36e5869d3c29dc7a233930f99e82776f35', part: "unread", class: "bs-whats-new-entry__unread" }, h("span", { key: 'f833cdf102d376ecc296fb636ce24493dc0715ba', class: "bs-whats-new-entry__sr-only" }, this.unreadLabel))))), h("div", { key: '17773eb42eb20a1dc729c7026b8b80735092ad2a', part: "image", class: { 'bs-whats-new-entry__image': true, 'bs-whats-new-entry__image--visible': this.hasImage } }, h("slot", { key: 'b217d2bfa06a46f53416cbdef847edb2475e54b2', name: "image", onSlotchange: (ev) => (this.hasImage = ev.target.assignedNodes().length > 0) })), h("div", { key: '8c7a4695302ac3b66c9f4365242c690ada0859a9', class: "bs-whats-new-entry__content" }, this.heading && h(`h${level}`, { part: 'heading', class: { 'bs-whats-new-entry__heading': true } }, this.heading), this.description && (h("p", { key: '098bab050181c7cbce9353e86b31d8d5fc71bc37', part: "description", class: "bs-whats-new-entry__description" }, this.description)), this.actionLabel && (h("bs-button", { key: 'a455f4ce7519409bead2de900d20a4e8c0cff87f', part: "action", class: "bs-whats-new-entry__action", variant: "subtle", size: "sm", onClick: () => this.bsAction.emit() }, this.actionLabel, h("svg", { key: 'af8d18c4893ac8048c1646d9d44cdd0ad7bcc3cc', slot: "end-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: 'aa1c74a5a7786032205569c58ffd5f46eae3efa6', d: "M5 12H19" }), h("path", { key: '38c809d94d7b789cbc2eb7b65408c878c82d1c43', d: "M13 6L19 12L13 18" }))))), this.divider && h("div", { key: 'dd61984417895380ec5b80b3b03b329bcae068ec', part: "divider", class: "bs-whats-new-entry__divider" })));
+        return (h("div", { key: '94bd61474a16e5bb5f139017903ccd2c7a00a29e', class: "bs-whats-new-entry" }, (this.tag || this.date || this.unread) && (h("div", { key: 'f19308efc7626e97d1f3b6200cc619f1c6cfef53', part: "meta", class: "bs-whats-new-entry__meta" }, this.tag && (h("bs-chip-informative", { key: 'f296dc3fe97ec2c88e56f08a4aa599326d8ab31f', part: "tag", size: "sm", color: this.tagColor }, this.tag)), this.date && (h("span", { key: '2182add62fff635204bc82fc7244a0c9e86f402c', part: "date", class: "bs-whats-new-entry__date" }, this.date)), this.unread && (h("span", { key: 'd0d7fe472b04e36cebfce769b41b0ec0a03c1189', part: "unread", class: "bs-whats-new-entry__unread" }, h("span", { key: 'f0cecdf0217e1d37de21391aaed2ec9f8e84e2db', class: "bs-whats-new-entry__sr-only" }, this.unreadLabel))))), h("div", { key: 'a91c74c0749d4c3e8753f0ae099db3527b4708bf', part: "image", class: { 'bs-whats-new-entry__image': true, 'bs-whats-new-entry__image--visible': this.hasImage } }, h("slot", { key: '27df8b523ae98ba0ae50bd351b71d33d33fcec79', name: "image", onSlotchange: (ev) => (this.hasImage = ev.target.assignedNodes().length > 0) })), h("div", { key: '0569d8579c03f7acabc42735c7698692cc8e0f7c', class: "bs-whats-new-entry__content" }, this.heading && h(`h${level}`, { part: 'heading', class: { 'bs-whats-new-entry__heading': true } }, this.heading), this.description && (h("p", { key: 'b3044456157b53439ca1c1cb48974ec300a938de', part: "description", class: "bs-whats-new-entry__description" }, this.description)), this.actionLabel && (h("bs-button", { key: 'd57c182eb2a655c1dbff70c97f5aa98327dbb03e', part: "action", class: "bs-whats-new-entry__action", variant: "subtle", size: "sm", onClick: () => this.bsAction.emit() }, this.actionLabel, h("svg", { key: '106945e585e6b38071a0041aa9ab56b48d47a517', slot: "end-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: 'b5a1586a5a2e2831191082d1818971d8c29a54b3', d: "M5 12H19" }), h("path", { key: '273362647cd1098d2d865c9249b3f416d924c54f', d: "M13 6L19 12L13 18" }))))), this.divider && h("div", { key: '29d89b64905a1e0bde5e43540602134fb972cc6a', part: "divider", class: "bs-whats-new-entry__divider" })));
     }
 };
 BsWhatsNewEntry.style = bsWhatsNewEntryCss();

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

@@ -176,14 +176,14 @@ const BsTimepicker = class {
         return (h("div", { part: "spinner", class: "bs-timepicker__spinner" }, h("button", { part: "step", type: "button", class: "bs-timepicker__step", "aria-label": stepLabel(this.increaseLabel), tabindex: -1, onClick: () => this.stepBy(col, 1) }, h("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, h("path", { d: "M18 15L12 9L6 15", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("div", { part: "value", class: "bs-timepicker__value", role: "spinbutton", tabindex: 0, "aria-label": label, "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": n, "aria-valuetext": pad(n), onKeyDown: this.onKeyDown(col), onBlur: () => (this.typed = '') }, pad(n)), h("button", { part: "step", type: "button", class: "bs-timepicker__step", "aria-label": stepLabel(this.decreaseLabel), tabindex: -1, onClick: () => this.stepBy(col, -1) }, h("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, h("path", { d: "M6 9L12 15L18 9", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
     render() {
-        return (h("bs-card", { key: 'b10beb8dd035f96558d0cc1c62d8a9a852372e76', part: "container", class: "bs-timepicker", surface: "raised" }, h("div", { key: 'b75d31cab0ab45200526e32a4fd80ec4bbd0b93f', class: "bs-timepicker__body" }, h("div", { key: 'c76189d083c5e6294fdc3eb1584af65926a27b91', part: "header", class: "bs-timepicker__header" }, h("div", { key: 'd45ff2bd2e9f0057d2fce6235ecec2bc0e2a3904', part: "title", class: "bs-timepicker__title" }, this.heading), h("label", { key: '316576f63687c47440950845933e6236bec58c32', class: "bs-timepicker__format" }, h("span", { key: 'cc5785121a7437e85589e96499744ff963b99566' }, this.formatLabel), h("bs-switch", { key: 'b0b9fd4459092130c4f57a33a7ff3c3cfd8f8b96', part: "format-toggle", size: "md", ariaLabel: this.formatLabel, checked: !this.is12h, onBsChange: (ev) => (this.format = ev.detail ? '24h' : '12h') }))), h("div", { key: '8c14c3d42847b567d2abe2a476f9437a20f908c6', class: "bs-timepicker__divider" }), h("div", { key: '24368cea251d0075d4a5c6df2968ff68fc7def5d', part: "selector", class: "bs-timepicker__selector" }, this.renderColumn('hour', this.hourLabel), h("div", { key: 'f5ac1c36851ccf6af8ff21c929177e91a04d1a32', part: "separator", class: "bs-timepicker__separator", "aria-hidden": "true" }, h("svg", { key: '0c6a2dc94536c5111c0e8587750b21f843a04861', viewBox: "0 0 4 32", fill: "currentColor" }, h("circle", { key: '2d31480fbd0194ee9d6c9e60b25975654ad9952b', cx: "2", cy: "10", r: "2" }), h("circle", { key: '193b270a5c49634359a3fe93729ed3723177ca49', cx: "2", cy: "22", r: "2" }))), this.renderColumn('minute', this.minuteLabel), this.is12h && (h("bs-input", { key: '2fd70fb4b969a3c078a673df95315e32ee5e9612', part: "period", class: "bs-timepicker__period", type: "dropdown", label: this.periodLabel, value: this.isPm ? 'PM' : 'AM', options: [
+        return (h("bs-card", { key: 'b1fee3176c728113e01b14515e910f7026b2c40e', part: "container", class: "bs-timepicker", surface: "raised" }, h("div", { key: '29246aa5712a7f1e391338a579f3d7660a7a8b66', class: "bs-timepicker__body" }, h("div", { key: '0ccbf049e87278cc973262f45025843eccc4e050', part: "header", class: "bs-timepicker__header" }, h("div", { key: 'e039bff5a90391b009739a2747255dfa21961394', part: "title", class: "bs-timepicker__title" }, this.heading), h("label", { key: '7f7be2239e319dc2052891a8199bc1d0cc9bb516', class: "bs-timepicker__format" }, h("span", { key: 'a9acefb7f828b6740df0ef4f8c29c9f12c951f91' }, this.formatLabel), h("bs-switch", { key: '4a0ed6ac9b476ac690897f5fc97461a2ba1d9187', part: "format-toggle", size: "md", ariaLabel: this.formatLabel, checked: !this.is12h, onBsChange: (ev) => (this.format = ev.detail ? '24h' : '12h') }))), h("div", { key: '615e0947d07879b5096520f6a6131b5d7126bd5a', class: "bs-timepicker__divider" }), h("div", { key: 'bec825c705ecb1dcf49527df3ffda30f06815f8d', part: "selector", class: "bs-timepicker__selector" }, this.renderColumn('hour', this.hourLabel), h("div", { key: 'b1afee8b925ce49e44e6d2389ac03697b108dbc4', part: "separator", class: "bs-timepicker__separator", "aria-hidden": "true" }, h("svg", { key: 'a716d2643c7a0ea095380283f535f5cd44a77ba9', viewBox: "0 0 4 32", fill: "currentColor" }, h("circle", { key: 'f271946fadd8f8f8e3086c731af9501461e6ef26', cx: "2", cy: "10", r: "2" }), h("circle", { key: 'e661d9d6b96598430853eefca97bccf6138c00b8', cx: "2", cy: "22", r: "2" }))), this.renderColumn('minute', this.minuteLabel), this.is12h && (h("bs-input", { key: 'be80bc06f68362e85510a9450d693483e9bb2d3c', part: "period", class: "bs-timepicker__period", type: "dropdown", label: this.periodLabel, value: this.isPm ? 'PM' : 'AM', options: [
                 { label: 'AM', value: 'AM' },
                 { label: 'PM', value: 'PM' },
             ], onBsChange: (ev) => {
                 const pm = ev.detail === 'PM';
                 if (pm !== this.isPm)
                     this.hour = (this.hour + 12) % 24;
-            } }))), h("div", { key: 'a49af89bf97bd9127917a37d65f192b023b7535f', class: "bs-timepicker__divider" }), h("div", { key: '67c33e73ebff80a943a78d455d0325a905839d4a', part: "footer", class: "bs-timepicker__footer" }, h("bs-button", { key: '4307ff06608b43825fb3618bad115f6ff0249ec9', part: "cancel", variant: "subtle", onClick: this.cancel }, this.cancelLabel), h("bs-button", { key: '336fbe75a702f49a8640bd4be98826910f2e1a1f', part: "confirm", variant: "primary", onClick: this.confirm }, this.confirmLabel)))));
+            } }))), h("div", { key: 'e3f5ed344ef98046ea70b97aee10ac63f8fb631a', class: "bs-timepicker__divider" }), h("div", { key: '8b8b51a4e2f105a87031a20c4f468547c5785f08', part: "footer", class: "bs-timepicker__footer" }, h("bs-button", { key: 'cfe71e9a9aac09fd0be9535bbbbaf230f9d84a6a', part: "cancel", variant: "subtle", onClick: this.cancel }, this.cancelLabel), h("bs-button", { key: '2c5ad6714d50a248641c0de155c14dcee3857f1e', part: "confirm", variant: "primary", onClick: this.confirm }, this.confirmLabel)))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

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

@@ -19,7 +19,7 @@ const BsToast = class {
         this.bsDismiss.emit();
     };
     render() {
-        return (h("div", { key: '962b8e77c2a88c3454e5979e133a0afabdc0647d', part: "container", class: `bs-toast bs-toast--${this.state}`, role: "status", "aria-live": this.state === 'error' ? 'assertive' : 'polite' }, h("div", { key: 'b8412715dc7f6c5562ca4405cfcf032885ed34fb', class: "bs-toast__content" }, h("span", { key: '7cb72a3a3a8338b272b6bd55d31c4524fcc1cb95', part: "icon", class: "bs-toast__icon", "aria-hidden": "true" }, h(StateIcon, { key: '1497ae74f4214bb0b604da2fe3027d195c025af0', state: this.state })), h("span", { key: 'b6a425877af268bc3625c4fe8904fd278e85652a', part: "message", class: "bs-toast__message" }, h("slot", { key: 'ff37e67ce2652237f85f10a7a8e2596f348d2e67' }))), h("div", { key: '375891513e9d63651f88d9c943ec177ab359cdf6', class: "bs-toast__actions" }, h("button", { key: 'f19133e7fece3fe4ef7bf9477483110183e511cb', part: "close", type: "button", class: "bs-toast__close", "aria-label": this.dismissLabel, onClick: this.onDismiss }, h(CloseIcon, { key: '9379d93d62c959a607ee30c35d999a997da39b72' })))));
+        return (h("div", { key: 'ea3ed372472902ee9cf1e141906dec39991a6ac5', part: "container", class: `bs-toast bs-toast--${this.state}`, role: "status", "aria-live": this.state === 'error' ? 'assertive' : 'polite' }, h("div", { key: 'b5cd7562bf23e9b62101d6c6fbd7d0c4c34263ef', class: "bs-toast__content" }, h("span", { key: '3f8503c548a6d25eb2322d0df601c7a32047285c', part: "icon", class: "bs-toast__icon", "aria-hidden": "true" }, h(StateIcon, { key: '455b38877ab4e0d48a5ff02f17eb6e8f248c52ce', state: this.state })), h("span", { key: '1f2f0013b4171170d5739ad614711f8a91f35fa7', part: "message", class: "bs-toast__message" }, h("slot", { key: '1298f3d0fbb25843418b8e730d3ed84264e86759' }))), h("div", { key: 'b6c64714995f907901e78ed3c99bc03bbdaee468', class: "bs-toast__actions" }, h("button", { key: '5d92217352987cdd55b4ce5c7f49d7f44c766fe8', part: "close", type: "button", class: "bs-toast__close", "aria-label": this.dismissLabel, onClick: this.onDismiss }, h(CloseIcon, { key: 'cb983078424ad5b520dffeda81d8bcafd1b9cf2b' })))));
     }
 };
 const StateIcon = ({ state }) => {

package/dist/esm/bs-tooltip-trigger.entry.js

@@ -1,12 +1,14 @@
-import { r as registerInstance, h } from './index-D3SkQJpw.js';
+import { r as registerInstance, a as getElement, h } from './index-D3SkQJpw.js';
+import { c as cancelMotion, r as readMotion, p as play } from './motion-BSt9HeTa.js';
 
-const bsTooltipTriggerCss = () => `:host{display:inline-block;--bs-tooltip-trigger-offset:var(--bs-spacing-100);--bs-tooltip-trigger-z-index:var(--bs-z-index-popover)}.bs-tooltip-trigger{position:relative;display:inline-block}.bs-tooltip-trigger__tooltip{position:absolute;top:calc(100% + var(--bs-tooltip-trigger-offset));left:50%;transform:translateX(-50%);z-index:var(--bs-tooltip-trigger-z-index);width:max-content;pointer-events:none}.bs-tooltip-trigger__tooltip[hidden]{display:none}:host([placement='top']) .bs-tooltip-trigger__tooltip{top:auto;bottom:calc(100% + var(--bs-tooltip-trigger-offset))}:host([placement='start']) .bs-tooltip-trigger__tooltip,:host([placement='end']) .bs-tooltip-trigger__tooltip{top:50%;left:auto}:host([placement='start']) .bs-tooltip-trigger__tooltip{right:calc(100% + var(--bs-tooltip-trigger-offset));transform:translateY(-50%)}:host([placement='end']) .bs-tooltip-trigger__tooltip{left:calc(100% + var(--bs-tooltip-trigger-offset));transform:translateY(-50%)}:host([placement='top']) bs-tooltip::part(arrow),:host([placement='start']) bs-tooltip::part(arrow),:host([placement='end']) bs-tooltip::part(arrow){display:none}`;
+const bsTooltipTriggerCss = () => `:host{display:inline-block;--bs-tooltip-trigger-offset:var(--bs-spacing-100);--bs-tooltip-trigger-z-index:var(--bs-z-index-popover);--bs-tooltip-trigger-duration:var(--bs-duration-fast);--bs-tooltip-trigger-easing:var(--bs-easing-standard);--bs-tooltip-trigger-distance:var(--bs-spacing-50)}.bs-tooltip-trigger{position:relative;display:inline-block}.bs-tooltip-trigger__tooltip{position:absolute;top:calc(100% + var(--bs-tooltip-trigger-offset));left:50%;transform:translateX(-50%);z-index:var(--bs-tooltip-trigger-z-index);width:max-content;pointer-events:none}.bs-tooltip-trigger__tooltip[hidden]{display:none}:host([placement='top']) .bs-tooltip-trigger__tooltip{top:auto;bottom:calc(100% + var(--bs-tooltip-trigger-offset))}:host([placement='start']) .bs-tooltip-trigger__tooltip,:host([placement='end']) .bs-tooltip-trigger__tooltip{top:50%;left:auto}:host([placement='start']) .bs-tooltip-trigger__tooltip{right:calc(100% + var(--bs-tooltip-trigger-offset));transform:translateY(-50%)}:host([placement='end']) .bs-tooltip-trigger__tooltip{left:calc(100% + var(--bs-tooltip-trigger-offset));transform:translateY(-50%)}:host([placement='top']) bs-tooltip::part(arrow),:host([placement='start']) bs-tooltip::part(arrow),:host([placement='end']) bs-tooltip::part(arrow){display:none}`;
 
 let tooltipTriggerId = 0;
 const BsTooltipTrigger = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
+    get el() { return getElement(this); }
     /** Tooltip message. */
     text = '';
     /** Milliseconds to wait before showing the tooltip. */
@@ -14,6 +16,57 @@ const BsTooltipTrigger = class {
     /** Side of the trigger the tooltip appears on. The bs-tooltip arrow is only drawn for 'bottom'. */
     placement = 'bottom';
     visible = false;
+    /** True while the exit motion plays after `visible` went false, so the tooltip stays shown for it. */
+    closing = false;
+    bubbleEl;
+    tipEl;
+    enterPending = false;
+    exitPending = false;
+    motionRun = 0;
+    onVisibleChange(next) {
+        this.motionRun++;
+        cancelMotion(this.bubbleEl);
+        this.closing = false;
+        if (next) {
+            this.enterPending = true;
+        }
+        else if (this.text && this.tipEl && !this.tipEl.hidden && readMotion(this.el, 'bs-tooltip-trigger').ms > 0) {
+            this.closing = true;
+            this.exitPending = true;
+        }
+    }
+    /** The tooltip drifts away from the trigger it hangs off: below it drops from above, above it rises from below, and so on. */
+    offset(distance) {
+        switch (this.placement) {
+            case 'top':
+                return `translateY(${distance}px)`;
+            case 'start':
+                return `translateX(${distance}px)`;
+            case 'end':
+                return `translateX(${-distance}px)`;
+            default:
+                return `translateY(${-distance}px)`;
+        }
+    }
+    componentDidRender() {
+        if (this.exitPending) {
+            this.exitPending = false;
+            if (this.closing && !this.visible) {
+                const { ms, easing, distance } = readMotion(this.el, 'bs-tooltip-trigger');
+                const run = ++this.motionRun;
+                play(this.bubbleEl, [{ opacity: 1, transform: 'none' }, { opacity: 0, transform: this.offset(distance) }], ms, easing, 'forwards').then(() => {
+                    if (run === this.motionRun)
+                        this.closing = false;
+                });
+            }
+        }
+        if (this.enterPending) {
+            this.enterPending = false;
+            const { ms, easing, distance } = readMotion(this.el, 'bs-tooltip-trigger');
+            if (ms > 0 && this.visible)
+                play(this.bubbleEl, [{ opacity: 0, transform: this.offset(distance) }, { opacity: 1, transform: 'none' }], ms, easing);
+        }
+    }
     tooltipId = `bs-tooltip-trigger-${++tooltipTriggerId}`;
     timer;
     disconnectedCallback() {
@@ -35,9 +88,14 @@ const BsTooltipTrigger = class {
             this.hide();
     };
     render() {
-        const show = this.visible && !!this.text;
-        return (h("div", { key: '6e7f5e9019ed6184d1981e71a47e056d9c00b92a', part: "trigger", class: "bs-tooltip-trigger", "aria-describedby": this.tooltipId, onMouseEnter: this.show, onMouseLeave: this.hide, onFocusin: this.show, onFocusout: this.hide, onKeyDown: this.onKeyDown }, h("slot", { key: '4ed822a023c8b5f8c74f21f1e4f962e701a89517' }), h("div", { key: '2246032cca29561ded2e48ff26272b88ed4b4a40', part: "tooltip", id: this.tooltipId, class: "bs-tooltip-trigger__tooltip", role: "tooltip", hidden: !show }, h("bs-tooltip", { key: '40347ad8cd72910b16c9bf2cbd5f15c2a1688f0d' }, this.text))));
+        const show = (this.visible && !!this.text) || (this.closing && !!this.text);
+        return (h("div", { key: '06db867226380b3fcee2542a04b9697426a0107f', part: "trigger", class: "bs-tooltip-trigger", "aria-describedby": this.tooltipId, onMouseEnter: this.show, onMouseLeave: this.hide, onFocusin: this.show, onFocusout: this.hide, onKeyDown: this.onKeyDown }, h("slot", { key: '7f86ca80968a51df576aafb577457bcbbd4c4a6a' }), h("div", { key: '6d5c5600ea220ca7b6189f05a83b93fce16584cb', part: "tooltip", id: this.tooltipId, class: "bs-tooltip-trigger__tooltip", role: "tooltip", hidden: !show, ref: el => (this.tipEl = el) }, h("bs-tooltip", { key: 'feb9d57972b2d8e7e21846b0cf39a532b0004f9b', ref: el => (this.bubbleEl = el) }, this.text))));
     }
+    static get watchers() { return {
+        "visible": [{
+                "onVisibleChange": 0
+            }]
+    }; }
 };
 BsTooltipTrigger.style = bsTooltipTriggerCss();
 

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

@@ -14,7 +14,7 @@ const BsTooltip = class {
      */
     placement = 'top';
     render() {
-        return (h("div", { key: '4d7f71a8f113cf7d7ddca55936612df27557141f', class: "bs-tooltip" }, h("span", { key: 'e9dcb1f16b34377edbc52f8cbf2bae0c431680e0', part: "arrow", class: "bs-tooltip__arrow" }), h("div", { key: 'c8fe41efa7ea8d43cbec1e832562f67f06eecc19', part: "bubble", class: "bs-tooltip__bubble" }, h("slot", { key: 'cbc53c4425dd8aafa4fb4ebc4381f17bc622222c' }))));
+        return (h("div", { key: 'c2d5db93c82893e1fda6baab1b3d238cb18a258c', class: "bs-tooltip" }, h("span", { key: '028716108a7e548e8e5747cb36349f386d279380', part: "arrow", class: "bs-tooltip__arrow" }), h("div", { key: '09d56d5c90014d5bfe752de30fbe50f02a63343c', part: "bubble", class: "bs-tooltip__bubble" }, h("slot", { key: '473eb298bd6b402555d0b42922dbf9ee1384785e' }))));
     }
 };
 BsTooltip.style = bsTooltipCss();