@brandsync/wc 1.19.0 → 1.20.1

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
 const bsStackCss = () => `:host{display:flex;box-sizing:border-box;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--bs-stack-gap, var(--bs-stack-gap-token, var(--bs-spacing-100)))}:host([direction='horizontal']){flex-direction:row}:host([wrap]){flex-wrap:wrap}:host([align='start']){align-items:flex-start}:host([align='center']){align-items:center}:host([align='end']){align-items:flex-end}:host([align='stretch']){align-items:stretch}:host([align='baseline']){align-items:baseline}:host([justify='start']){justify-content:flex-start}:host([justify='center']){justify-content:center}:host([justify='end']){justify-content:flex-end}:host([justify='between']){justify-content:space-between}:host([justify='around']){justify-content:space-around}slot{display:contents}`;
 
@@ -68,7 +68,7 @@ const BsStack = class {
                 parts.push(index.h("slot", { name: `bs-stack-item-${i}`, onSlotchange: this.sync }));
             }
         }
-        return (index.h(index.Host, { key: '39852df38f3638826e331e5e1028fa069e15322c', style: { '--bs-stack-gap-token': `var(--bs-spacing-${gap})` } }, index.h("slot", { key: '9e303ef2361fd7b804aea37b1b5bf4269f480b2d', onSlotchange: this.sync }), parts));
+        return (index.h(index.Host, { key: '778684be1eb1af11919fd4d374031f03bdea3f30', style: { '--bs-stack-gap-token': `var(--bs-spacing-${gap})` } }, index.h("slot", { key: '43efd637eb76a62d3c3591158f4e17edbe6f5907', onSlotchange: this.sync }), parts));
     }
     static get watchers() { return {
         "divider": [{

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

@@ -0,0 +1,53 @@
+'use strict';
+
+var index = require('./index-BFxk-bY6.js');
+
+const bsStatCss = () => `:host{display:block;--bs-stat-gap:var(--bs-spacing-50);--bs-stat-padding:var(--bs-spacing-200);--bs-stat-label-color:var(--bs-text-secondary);--bs-stat-label-size:var(--bs-font-size-sm);--bs-stat-value-color:var(--bs-text-default);--bs-stat-value-size:var(--bs-font-size-4xl);--bs-stat-value-weight:var(--bs-font-weight-bold);--bs-stat-trend-size:var(--bs-font-size-sm);--bs-stat-trend-color-positive:var(--bs-text-success);--bs-stat-trend-color-negative:var(--bs-text-error);--bs-stat-trend-color-neutral:var(--bs-text-secondary)}.bs-stat{--bs-card-padding:var(--bs-stat-padding)}.bs-stat__body{display:flex;flex-direction:column;gap:var(--bs-stat-gap);margin:0;font-family:inherit}.bs-stat__body dd,.bs-stat__body dt{margin:0}.bs-stat__head{display:flex;align-items:center;gap:var(--bs-spacing-100);color:var(--bs-stat-label-color);font-size:var(--bs-stat-label-size);line-height:1.4}.bs-stat__icon{display:none}.bs-stat__icon--visible{display:inline-flex}.bs-stat__icon ::slotted(*){width:20px;height:20px}.bs-stat__figure{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:var(--bs-spacing-150)}.bs-stat__value{color:var(--bs-stat-value-color);font-size:var(--bs-stat-value-size);font-weight:var(--bs-stat-value-weight);line-height:1.2}.bs-stat__trend{display:inline-flex;align-items:center;gap:var(--bs-spacing-25);font-size:var(--bs-stat-trend-size);font-weight:var(--bs-font-weight-semibold)}.bs-stat__trend--positive{color:var(--bs-stat-trend-color-positive)}.bs-stat__trend--negative{color:var(--bs-stat-trend-color-negative)}.bs-stat__trend--neutral{color:var(--bs-stat-trend-color-neutral)}.bs-stat__trend-icon{width:16px;height:16px;flex-shrink:0}.bs-stat__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.bs-stat__extra{color:var(--bs-stat-label-color);font-size:var(--bs-stat-label-size)}.bs-stat__extra:not(.bs-stat__extra--visible){display:none}`;
+
+const BsStat = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    get el() { return index.getElement(this); }
+    /** What the number measures. */
+    label;
+    /** The figure itself, already formatted (e.g. "1,284" or "98.2%"). */
+    value;
+    /** Direction of change. Omit to hide the trend. */
+    trend;
+    /** The change figure shown next to the arrow (e.g. "12%"). */
+    trendValue;
+    /** Colour of the trend. Defaults from `trend`: up is positive, down is negative, neutral is neutral. */
+    trendIntent;
+    /** Visually hidden prefix for `trend="up"`. */
+    trendUpLabel = 'Increase of';
+    /** Visually hidden prefix for `trend="down"`. */
+    trendDownLabel = 'Decrease of';
+    /** Visually hidden text for `trend="neutral"`. */
+    trendNeutralLabel = 'No change';
+    /** Surface of the underlying `bs-card`. */
+    surface = 'raised';
+    hasIcon = false;
+    hasExtra = false;
+    componentWillLoad() {
+        this.hasIcon = Array.from(this.el.children).some(c => c.getAttribute('slot') === 'icon');
+    }
+    get intent() {
+        if (this.trendIntent)
+            return this.trendIntent;
+        return this.trend === 'up' ? 'positive' : this.trend === 'down' ? 'negative' : 'neutral';
+    }
+    get trendPrefix() {
+        return this.trend === 'up' ? this.trendUpLabel : this.trend === 'down' ? this.trendDownLabel : this.trendNeutralLabel;
+    }
+    arrow() {
+        const d = this.trend === 'up' ? 'M8 13V3M3.5 7.5L8 3l4.5 4.5' : this.trend === 'down' ? 'M8 3v10M3.5 8.5L8 13l4.5-4.5' : 'M3 8h10';
+        return (index.h("svg", { part: "trend-icon", class: "bs-stat__trend-icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("path", { d: d, stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+    }
+    render() {
+        return (index.h("bs-card", { key: 'b80fd8bcab40a0c0253ba662787400be2d5ce9fa', part: "container", class: "bs-stat", surface: this.surface }, index.h("dl", { key: 'b0c82e41728231629349dde73fdb6e23ce119b52', class: "bs-stat__body" }, index.h("dt", { key: '6a774975bc9242d6a875f4e4362dbadfab74c8db', class: "bs-stat__head" }, index.h("span", { key: 'd38853b09be10da36f162b81544ff8d90f682963', class: { 'bs-stat__icon': true, 'bs-stat__icon--visible': this.hasIcon } }, index.h("slot", { key: '2c9500cb005e6ccb87525eb5285d0b9fab29a5d6', name: "icon", onSlotchange: (e) => (this.hasIcon = e.target.assignedNodes().length > 0) })), index.h("span", { key: '2b1d18f442f02334947bd0164741abdb36ffdd1b', part: "label", class: "bs-stat__label" }, this.label)), index.h("dd", { key: '77b730dc10e13f9dca8b6217efe61cce9dd77f26', class: "bs-stat__figure" }, index.h("span", { key: '1b3f628b89aa8ba007cc1bbb501cab20ffeaae0e', part: "value", class: "bs-stat__value" }, this.value), this.trend && (index.h("span", { key: '5abea4bf54d77c759d80ae6fb53630ba5220ade3', part: "trend", class: `bs-stat__trend bs-stat__trend--${this.intent}` }, this.arrow(), index.h("span", { key: 'd911d6c7b3b560378fa0bed66d193de0d5d43646', class: "bs-stat__sr" }, this.trendPrefix), this.trendValue && index.h("span", { key: '9f217624152213e1c4b960963d86127e5c33f2c9', class: "bs-stat__trend-value" }, this.trendValue)))), index.h("dd", { key: 'fb85171704f96b0770d08ff557134bde2a78ccfb', class: { 'bs-stat__extra': true, 'bs-stat__extra--visible': this.hasExtra } }, index.h("slot", { key: '81ef5d72329b8a4cfa2ef02317fc77abecff74d3', onSlotchange: (e) => (this.hasExtra = e.target.assignedNodes().some(n => n.nodeType === 1 || !!n.textContent?.trim())) })))));
+    }
+};
+BsStat.style = bsStatCss();
+
+exports.bs_stat = BsStat;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
 const bsStepperStepCss = () => `:host{display:flex;font-family:inherit;font-size:var(--bs-stepper-step-font-size);line-height:calc(var(--bs-stepper-step-line-height) * 1px);--bs-stepper-step-gap:var(--bs-spacing-100);--bs-stepper-step-icon-size:24px;--bs-stepper-step-icon-border-width:1.5px;--bs-stepper-step-connector-color:var(--bs-border-default);--bs-stepper-step-connector-thickness:2px;--bs-stepper-step-icon-border-enabled:var(--bs-border-default);--bs-stepper-step-icon-border-current:var(--bs-color-primary-default);--bs-stepper-step-icon-dot-current:var(--bs-color-primary-default);--bs-stepper-step-icon-bg-done:var(--bs-color-primary-default);--bs-stepper-step-icon-color-done:var(--bs-text-on-action);--bs-stepper-step-icon-border-error:var(--bs-border-error);--bs-stepper-step-icon-color-error:var(--bs-border-error);--bs-stepper-step-icon-border-disabled:var(--bs-border-neutral-disabled);--bs-stepper-step-text-enabled:var(--bs-text-muted);--bs-stepper-step-text-active:var(--bs-text-default);--bs-stepper-step-text-disabled:var(--bs-text-on-disabled);--bs-stepper-step-font-size:var(--bs-font-size-md);--bs-stepper-step-line-height:var(--bs-line-height-body-md);--bs-stepper-step-name-font-weight:var(--bs-font-weight-semibold);--bs-stepper-step-description-font-weight:var(--bs-font-weight-regular)}:host(.bs-stepper-step--horizontal){flex:1 1 0;flex-direction:column}:host(.bs-stepper-step--vertical){width:100%;flex-direction:row;}.bs-stepper-step__top{display:flex;align-items:center}:host(.bs-stepper-step--horizontal) .bs-stepper-step__top{flex-direction:row}:host(.bs-stepper-step--vertical) .bs-stepper-step__top{flex-direction:column}.bs-stepper-step__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bs-stepper-step-icon-size);height:var(--bs-stepper-step-icon-size);border-radius:50%;box-sizing:border-box}.bs-stepper-step__icon svg{width:16px;height:16px}.bs-stepper-step__icon--enabled{border:var(--bs-stepper-step-icon-border-width) solid var(--bs-stepper-step-icon-border-enabled)}.bs-stepper-step__icon--current{border:var(--bs-stepper-step-icon-border-width) solid var(--bs-stepper-step-icon-border-current)}.bs-stepper-step__icon-dot{width:16px;height:16px;border-radius:50%;background:var(--bs-stepper-step-icon-dot-current)}.bs-stepper-step__icon--done{background:var(--bs-stepper-step-icon-bg-done);color:var(--bs-stepper-step-icon-color-done)}.bs-stepper-step__icon--error{border:var(--bs-stepper-step-icon-border-width) solid var(--bs-stepper-step-icon-border-error);color:var(--bs-stepper-step-icon-color-error)}.bs-stepper-step__icon--disabled{border:var(--bs-stepper-step-icon-border-width) solid var(--bs-stepper-step-icon-border-disabled)}.bs-stepper-step__connector{display:flex;align-items:center;justify-content:center}:host(.bs-stepper-step--horizontal) .bs-stepper-step__connector{flex:1 1 auto;margin-inline-start:var(--bs-stepper-step-gap)}:host(.bs-stepper-step--vertical) .bs-stepper-step__connector{flex:1 1 auto;flex-direction:column;align-items:center;width:var(--bs-stepper-step-icon-size);margin:var(--bs-stepper-step-gap) 0;min-height:var(--bs-stepper-step-icon-size)}.bs-stepper-step__connector-line{display:block;border-radius:calc(var(--bs-stepper-step-connector-thickness) / 2);background:var(--bs-stepper-step-connector-color)}:host(.bs-stepper-step--horizontal) .bs-stepper-step__connector-line{width:100%;height:var(--bs-stepper-step-connector-thickness)}:host(.bs-stepper-step--vertical) .bs-stepper-step__connector-line{flex:1 1 auto;width:var(--bs-stepper-step-connector-thickness)}:host(:last-child) .bs-stepper-step__connector{visibility:hidden}.bs-stepper-step__label{display:flex;flex-direction:column}:host(.bs-stepper-step--horizontal) .bs-stepper-step__label{margin-top:var(--bs-stepper-step-gap);width:var(--bs-stepper-step-icon-size);align-self:flex-start;align-items:center;text-align:center}:host(.bs-stepper-step--vertical) .bs-stepper-step__label{margin-inline-start:var(--bs-stepper-step-gap);text-align:start}.bs-stepper-step__name{font-weight:var(--bs-stepper-step-name-font-weight);white-space:nowrap}.bs-stepper-step__description{font-weight:var(--bs-stepper-step-description-font-weight);white-space:nowrap}.bs-stepper-step__label--enabled .bs-stepper-step__name,.bs-stepper-step__label--enabled .bs-stepper-step__description,.bs-stepper-step__label--error .bs-stepper-step__name,.bs-stepper-step__label--error .bs-stepper-step__description{color:var(--bs-stepper-step-text-enabled)}.bs-stepper-step__label--current .bs-stepper-step__name,.bs-stepper-step__label--current .bs-stepper-step__description,.bs-stepper-step__label--done .bs-stepper-step__name,.bs-stepper-step__label--done .bs-stepper-step__description{color:var(--bs-stepper-step-text-active)}.bs-stepper-step__label--disabled .bs-stepper-step__name,.bs-stepper-step__label--disabled .bs-stepper-step__description{color:var(--bs-stepper-step-text-disabled)}`;
 
@@ -34,7 +34,7 @@ const BsStepperStep = class {
     }
     render() {
         const state = this.state;
-        return (index.h(index.Host, { key: 'e9b5948fbba4037488296cdc5e479f2070e0aff9', role: "listitem", class: `bs-stepper-step--${this.direction}` }, index.h("div", { key: 'debe65501bcdbc563bad4800d9f5bcad4d5de76a', class: "bs-stepper-step__top" }, index.h("span", { key: '0e0315aa8146c0f11e6ebd9e939735f7f339113e', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && index.h("span", { key: 'c02f6a5c3de19fa5a2b54d6de53d0a7b345697d2', class: "bs-stepper-step__icon-dot" }), state === 'done' && index.h(CheckIcon, { key: '1147e186c821d21fc164ca589a2f9f6a179c145f' }), state === 'error' && index.h(ExclamationIcon, { key: '5f8c5874811de90db1e537b0f3d24e82e038a123' })), index.h("span", { key: 'b0347e06b36bf4fabdba4300803dc1a3b8c68719', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, index.h("span", { key: 'fa4f577a71a70151aaa3a9eb16eb2db91ba0fc01', class: "bs-stepper-step__connector-line" }))), index.h("span", { key: 'd5d9f431e11074aba9996833adbb9b2cb1f227cb', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, index.h("span", { key: 'bb233d28351a78c13b604fd2f940b29467ae316c', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (index.h("span", { key: '921a2bd021cb0cccb261313f3076370c8e620ccb', part: "description", class: "bs-stepper-step__description" }, this.description)))));
+        return (index.h(index.Host, { key: 'a413a500376629d039afab3168b83cae5c636dc1', role: "listitem", class: `bs-stepper-step--${this.direction}`, "aria-disabled": state === 'disabled' ? 'true' : undefined }, index.h("div", { key: '7978cd670eeafe2dee95a2e3d97625ff22cd006d', class: "bs-stepper-step__top" }, index.h("span", { key: '0d0e5ef0199013cd0ed59b26fe169c2bac727920', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && index.h("span", { key: '6c9ab59838f63958a54b852c4a8f3babf1ddc48e', class: "bs-stepper-step__icon-dot" }), state === 'done' && index.h(CheckIcon, { key: '284d95f3e0ae3033ab2baa079c00cb2dc1fbcd3f' }), state === 'error' && index.h(ExclamationIcon, { key: '45b894a13cf54b0d5cb027d89646c712584bf6bb' })), index.h("span", { key: '79621665f9aecb82c4135ac2e1139ce1ee9af6be', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, index.h("span", { key: '91454b553634d90734dbd2b8bb9ab53d9bead49c', class: "bs-stepper-step__connector-line" }))), index.h("span", { key: 'd5f1606511df9745571d96cad36d38774fd943b4', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, index.h("span", { key: '81df6e0b9607c22cfdad7e37095d245ec428e0f1', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (index.h("span", { key: '77c4951d570219071e8acedc361a73eed6a89612', part: "description", class: "bs-stepper-step__description" }, this.description)))));
     }
 };
 const CheckIcon = () => (index.h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M2.5 9L6 12.5L14 4.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
 const bsStepperCss = () => `:host{display:flex;width:100%;--bs-stepper-edge-padding:var(--bs-spacing-800)}:host([direction='vertical']){flex-direction:column}:host(:not([direction='vertical'])){flex-direction:row;align-items:flex-start;padding:0 var(--bs-stepper-edge-padding)}`;
 
@@ -44,7 +44,7 @@ const BsStepper = class {
     }
     render() {
         // role="list" so each bs-stepper-step's role="listitem" has the required parent.
-        return (index.h(index.Host, { key: '12784d8efa1487b3fb39f9f59d7ebcd314ad6518', role: "list" }, index.h("slot", { key: 'af46ba1e66089cbacbc4e0b483df643196434f0b', onSlotchange: this.onSlotChange })));
+        return (index.h(index.Host, { key: '7161c01432c1d0d35f63a963fba140d4b0f9cd77', role: "list" }, index.h("slot", { key: '67021fc831679453fa1340bad8df75e338d9fb28', onSlotchange: this.onSlotChange })));
     }
     static get watchers() { return {
         "currentStep": [{

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.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{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)}`;
 
@@ -65,7 +65,7 @@ const BsSwitch = class {
             .filter(Boolean)
             .join(' ');
         const knobClasses = ['bs-switch__knob', `bs-switch__knob--${this.size}`, this.disabled ? 'bs-switch__knob--disabled' : ''].filter(Boolean).join(' ');
-        return (index.h("label", { key: 'a4fe8b335679d3a8c4cebc519988e9ba65440dda', class: `bs-switch ${this.disabled ? 'bs-switch--disabled' : ''}` }, index.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 }), index.h("span", { key: '7f596412be6ae523cb3a41e5672d0a11552f77ba', part: "track", class: trackClasses }, index.h("span", { key: 'e9ff90d5719c1a3f98564b79a93e0c4d8fe82932', part: "knob", class: knobClasses }, index.h("bs-ripple", { key: 'bef6b2607487617f53d37ece4f48ae09792564d1', part: "ripple", class: "bs-switch__ripple", centered: true, triggerSelector: ".bs-switch", disabled: this.disabled }))), index.h("span", { key: '703eb9020f0ee4f887a0b50ef0d711ee34abf1d5', part: "label", class: "bs-switch__label" }, index.h("slot", { key: '91b178c4820f52eda9414b3ba0763c4fb1192015' }))));
+        return (index.h("label", { key: '8302d6c142ae0c0d761baa10686473abfeed7fe3', class: `bs-switch ${this.disabled ? 'bs-switch--disabled' : ''}` }, index.h("input", { key: 'e71a6809194104feeec376fb2af96a5b7930a9c2', 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 }), index.h("span", { key: 'fa52fc07183460c8c96f1d96f23fc16288d08f2f', part: "track", class: trackClasses }, index.h("span", { key: '69df38b0f655d07ea203ab8835e3d9d293540a3b', part: "knob", class: knobClasses }, index.h("bs-ripple", { key: '5806afd146b220e647897d4a0ed6c4ba0577bef9', part: "ripple", class: "bs-switch__ripple", centered: true, triggerSelector: ".bs-switch", disabled: this.disabled }))), index.h("span", { key: 'bf587f014da6bd9e29326f7246d1bfe73fda6b1c', part: "label", class: "bs-switch__label" }, index.h("slot", { key: '9d2a90c68a00c1e5d4a53475a25d19365277e71a' }))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
 const bsTabCss = () => `:host{display:inline-block;--bs-tab-radius:var(--bs-border-radius-100);--bs-tab-padding-y:var(--bs-spacing-150);--bs-tab-padding-x:var(--bs-spacing-200);--bs-tab-gap:var(--bs-spacing-75);--bs-tab-gap-vertical:var(--bs-spacing-50);--bs-tab-color-default:var(--bs-text-muted);--bs-tab-icon-color-default:var(--bs-icon-muted);--bs-tab-color-hover:var(--bs-text-default);--bs-tab-icon-color-hover:var(--bs-icon-default);--bs-tab-indicator-hover:var(--bs-border-neutral-hover);--bs-tab-color-selected:var(--bs-color-primary-default);--bs-tab-color-selected-hover:var(--bs-color-primary-hover);--bs-tab-color-selected-pressed:var(--bs-color-primary-pressed);--bs-tab-indicator-selected:var(--bs-color-primary-default);--bs-tab-indicator-selected-hover:var(--bs-color-primary-hover);--bs-tab-indicator-selected-pressed:var(--bs-color-primary-pressed);--bs-tab-focus-ring-color:var(--bs-border-neutral-focus);--bs-tab-color-disabled:var(--bs-text-on-disabled);--bs-tab-icon-color-disabled:var(--bs-icon-disabled);--bs-tab-font-size:var(--bs-font-size-md);--bs-tab-line-height:var(--bs-line-height-body-md)}.bs-tab{box-sizing:border-box;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;border:none;cursor:pointer;background:transparent;color:var(--bs-tab-color-default);font-family:inherit;border-radius:var(--bs-tab-radius);padding:var(--bs-tab-padding-y) var(--bs-tab-padding-x);gap:var(--bs-tab-gap);transition:color var(--bs-duration-fast) var(--bs-easing-standard),     background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-tab--vertical{flex-direction:column;gap:var(--bs-tab-gap-vertical)}.bs-tab:focus-visible{outline:2px solid var(--bs-tab-focus-ring-color);outline-offset:2px}.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):hover,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):focus-visible,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):active{color:var(--bs-tab-color-hover)}.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):hover .bs-tab__icon,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):focus-visible .bs-tab__icon,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):active .bs-tab__icon{color:var(--bs-tab-icon-color-hover)}.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):hover .bs-tab__indicator,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):focus-visible .bs-tab__indicator,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):active .bs-tab__indicator{background:var(--bs-tab-indicator-hover)}.bs-tab--selected{color:var(--bs-tab-color-selected)}.bs-tab--selected .bs-tab__icon--has-content{color:var(--bs-tab-color-selected)}.bs-tab--selected .bs-tab__indicator{background:var(--bs-tab-indicator-selected)}.bs-tab--selected:not(.bs-tab--disabled):hover,.bs-tab--selected:not(.bs-tab--disabled):focus-visible{color:var(--bs-tab-color-selected-hover)}.bs-tab--selected:not(.bs-tab--disabled):hover .bs-tab__icon--has-content,.bs-tab--selected:not(.bs-tab--disabled):focus-visible .bs-tab__icon--has-content{color:var(--bs-tab-color-selected-hover)}.bs-tab--selected:not(.bs-tab--disabled):hover .bs-tab__indicator,.bs-tab--selected:not(.bs-tab--disabled):focus-visible .bs-tab__indicator{background:var(--bs-tab-indicator-selected-hover)}.bs-tab--selected:not(.bs-tab--disabled):active{color:var(--bs-tab-color-selected-pressed)}.bs-tab--selected:not(.bs-tab--disabled):active .bs-tab__icon--has-content{color:var(--bs-tab-color-selected-pressed)}.bs-tab--selected:not(.bs-tab--disabled):active .bs-tab__indicator{background:var(--bs-tab-indicator-selected-pressed)}.bs-tab--disabled{color:var(--bs-tab-color-disabled);cursor:not-allowed}.bs-tab--disabled .bs-tab__icon--has-content{color:var(--bs-tab-icon-color-disabled)}.bs-tab--disabled .bs-tab__indicator{background:transparent}.bs-tab__icon{display:none;width:24px;height:24px;flex-shrink:0;color:var(--bs-tab-icon-color-default)}.bs-tab__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-tab__icon ::slotted(svg){width:24px;height:24px}.bs-tab__label{display:none;font-size:var(--bs-tab-font-size);line-height:calc(var(--bs-tab-line-height) * 1px);white-space:nowrap}.bs-tab__label--has-content{display:inline-block}.bs-tab__badge{display:none}.bs-tab__badge--has-content{display:inline-flex;align-items:center}.bs-tab__indicator{position:absolute;inset-inline-start:var(--bs-tab-padding-x);inset-inline-end:var(--bs-tab-padding-x);bottom:0;height:2px;background:transparent;border-radius:var(--bs-border-radius-50, 2px)}`;
 
@@ -80,12 +80,12 @@ 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 (index.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 }, index.h("bs-ripple", { key: 'f652c878d5ce6401b848977600648a9d17abd075', part: "ripple", centered: false, disabled: this.disabled }), index.h("span", { key: 'bf04470844364ec3600b1aa1ad933d4b11c7e0be', part: "icon", class: `bs-tab__icon ${this.hasIcon ? 'bs-tab__icon--has-content' : ''}` }, index.h("slot", { key: '8eded138d47876050c0fd4051b8d602a1d60d107', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: '4e8d274150281ad1c770b903bec1f92b1ec1da44', part: "label", class: `bs-tab__label ${this.hasLabel ? 'bs-tab__label--has-content' : ''}` }, index.h("slot", { key: 'ff20a9b4917fdf7552f152d9bc89a28ca1391adc', onSlotchange: this.onLabelSlotchange })), index.h("span", { key: 'ea55bb9b1bb8566125285b3621cd28f52d62ad9e', part: "badge", class: `bs-tab__badge ${showBadge ? 'bs-tab__badge--has-content' : ''}` }, index.h("slot", { key: 'd3871776604036d6d0889f30edd566e2ed5c5339', name: "badge", onSlotchange: this.onBadgeSlotchange })), index.h("span", { key: '610cb54103452951824c47da54d6ad32602ec66d', part: "indicator", class: "bs-tab__indicator" })));
+        return (index.h("button", { key: 'b2d2de98c36ee3f1a234b26d02301444511c7fa6', 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 }, index.h("bs-ripple", { key: 'ce6536ce97610f7de52ee6015af383a696c1bc27', part: "ripple", centered: false, disabled: this.disabled }), index.h("span", { key: 'c3ac3b7cf5d2991375d5dc1ccde201b3295f80c5', part: "icon", class: `bs-tab__icon ${this.hasIcon ? 'bs-tab__icon--has-content' : ''}` }, index.h("slot", { key: '1a07b29dd8a41480a1ddeb74ee5f3064d4b3b270', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: 'c8e7f3d6a30231994203e5ed44dc84896b23f6ca', part: "label", class: `bs-tab__label ${this.hasLabel ? 'bs-tab__label--has-content' : ''}` }, index.h("slot", { key: '5fb9c0fd9b6b71e07d037d9e6a3404c54dab822a', onSlotchange: this.onLabelSlotchange })), index.h("span", { key: '566c636af2dcb775170b1807c6d022dab2e4a811', part: "badge", class: `bs-tab__badge ${showBadge ? 'bs-tab__badge--has-content' : ''}` }, index.h("slot", { key: 'e762c6a042a248ef61d6cd4449e94395788784d2', name: "badge", onSlotchange: this.onBadgeSlotchange })), index.h("span", { key: '0ca377dce1ddb8dcafe2bc808355ffdbd3759959', part: "indicator", class: "bs-tab__indicator" })));
     }
 };
 BsTab.style = bsTabCss();
 
-const bsTabsCss = () => `:host{display:inline-block;--bs-tabs-tab-gap:var(--bs-spacing-100);--bs-tabs-inline-tab-bg:var(--bs-color-neutral-container);--bs-tabs-inline-tab-padding-x:var(--bs-spacing-50);--bs-tabs-inline-tab-radius:var(--bs-border-radius-full);--bs-tabs-inline-tab-gap:var(--bs-spacing-50)}.bs-tabs{display:inline-flex;align-items:center}.bs-tabs--vertical{display:flex;flex-direction:column;align-items:flex-start}.bs-tabs--bs-tab{gap:var(--bs-tabs-tab-gap)}.bs-tabs--bs-inline-tab{background:var(--bs-tabs-inline-tab-bg);padding:0 var(--bs-tabs-inline-tab-padding-x);border-radius:var(--bs-tabs-inline-tab-radius);gap:var(--bs-tabs-inline-tab-gap)}`;
+const bsTabsCss = () => `:host{display:inline-block;--bs-tabs-tab-gap:var(--bs-spacing-50);--bs-tabs-inline-tab-bg:var(--bs-color-neutral-container);--bs-tabs-inline-tab-padding-x:var(--bs-spacing-50);--bs-tabs-inline-tab-radius:var(--bs-border-radius-full);--bs-tabs-inline-tab-height:var(--bs-spacing-600);--bs-tabs-inline-tab-gap:var(--bs-spacing-50)}.bs-tabs{display:inline-flex;align-items:center}.bs-tabs--vertical{display:flex;flex-direction:column;align-items:flex-start}.bs-tabs--bs-tab{gap:var(--bs-tabs-tab-gap)}.bs-tabs--bs-inline-tab{box-sizing:border-box;height:var(--bs-tabs-inline-tab-height);background:var(--bs-tabs-inline-tab-bg);padding:0 var(--bs-tabs-inline-tab-padding-x);border-radius:var(--bs-tabs-inline-tab-radius);gap:var(--bs-tabs-inline-tab-gap)}`;
 
 const BsTabs = class {
     constructor(hostRef) {
@@ -106,9 +106,11 @@ const BsTabs = class {
      * or, for a tab without one, its zero-based position in the group as a string (`"0"`, `"1"`...).
      * If unset, it is read from whichever tab is already `selected` once the group loads. */
     value;
-    /** Fires when the user selects a different tab (click, or arrow/Home/End), with the new
-     * `value`. Does not fire when `value` is set programmatically. `bsSelect` on the individual tab
-     * still fires as before. */
+    /** Fires when the **selection changes** (click, or arrow/Home/End), with the new `value`. It does
+     * not fire when the already-selected tab is clicked again, nor when `value` is set
+     * programmatically. To react to every activation, including a click on the already-selected tab
+     * (e.g. to sync a URL), listen for `bsSelect` on the tab itself (it bubbles, so one listener on
+     * `<bs-tabs>` covers all tabs); it fires on every click. */
     bsChange;
     /**
      * Catches `bsSelect` bubbling up from any slotted `<bs-tab>`/`<bs-inline-tab>` (Stencil's
@@ -150,7 +152,12 @@ const BsTabs = class {
     }
     /** Selects the tab whose value matches `this.value` (and deselects the rest). */
     applyValue() {
-        this.tabs().forEach((tab, i) => {
+        // A value that matches no tab (unset, empty, or set before the tabs exist -- e.g. a framework
+        // wrapper assigning props late) must not wipe a tab the consumer marked `selected`.
+        const tabs = this.tabs();
+        if (!tabs.some((tab, i) => this.tabValue(tab, i) === this.value))
+            return;
+        tabs.forEach((tab, i) => {
             tab.selected = this.tabValue(tab, i) === this.value;
         });
         this.syncRovingTabindex();
@@ -200,7 +207,7 @@ const BsTabs = class {
     }
     render() {
         const vertical = this.orientation === 'vertical';
-        return (index.h("div", { key: 'a2aea116ff595f33d3d29bc37920f5596458f3d4', part: "tablist", role: "tablist", "aria-orientation": this.orientation, class: `bs-tabs bs-tabs--${this.type} ${vertical ? 'bs-tabs--vertical' : ''}` }, index.h("slot", { key: '16d36488b01cda28a2214152b2cbd76b0d8c045a', onSlotchange: () => this.syncRovingTabindex() })));
+        return (index.h("div", { key: 'a5e190b0439a02353c187f94db3c42f274936ce8', part: "tablist", role: "tablist", "aria-orientation": this.orientation, class: `bs-tabs bs-tabs--${this.type} ${vertical ? 'bs-tabs--vertical' : ''}` }, index.h("slot", { key: 'c20d0df9c448227a429dd42f9ec484225c172882', onSlotchange: () => this.syncRovingTabindex() })));
     }
     static get watchers() { return {
         "value": [{
@@ -245,7 +252,7 @@ const BsWhatsNewEntry = class {
     hasImage = false;
     render() {
         const level = Math.min(6, Math.max(1, Math.trunc(Number(this.headingLevel)) || 3));
-        return (index.h("div", { key: '94bd61474a16e5bb5f139017903ccd2c7a00a29e', class: "bs-whats-new-entry" }, (this.tag || this.date || this.unread) && (index.h("div", { key: 'f19308efc7626e97d1f3b6200cc619f1c6cfef53', part: "meta", class: "bs-whats-new-entry__meta" }, this.tag && (index.h("bs-chip-informative", { key: 'f296dc3fe97ec2c88e56f08a4aa599326d8ab31f', part: "tag", size: "sm", color: this.tagColor }, this.tag)), this.date && (index.h("span", { key: '2182add62fff635204bc82fc7244a0c9e86f402c', part: "date", class: "bs-whats-new-entry__date" }, this.date)), this.unread && (index.h("span", { key: 'd0d7fe472b04e36cebfce769b41b0ec0a03c1189', part: "unread", class: "bs-whats-new-entry__unread" }, index.h("span", { key: 'f0cecdf0217e1d37de21391aaed2ec9f8e84e2db', class: "bs-whats-new-entry__sr-only" }, this.unreadLabel))))), index.h("div", { key: 'a91c74c0749d4c3e8753f0ae099db3527b4708bf', part: "image", class: { 'bs-whats-new-entry__image': true, 'bs-whats-new-entry__image--visible': this.hasImage } }, index.h("slot", { key: '27df8b523ae98ba0ae50bd351b71d33d33fcec79', name: "image", onSlotchange: (ev) => (this.hasImage = ev.target.assignedNodes().length > 0) })), index.h("div", { key: '0569d8579c03f7acabc42735c7698692cc8e0f7c', class: "bs-whats-new-entry__content" }, this.heading && index.h(`h${level}`, { part: 'heading', class: { 'bs-whats-new-entry__heading': true } }, this.heading), this.description && (index.h("p", { key: 'b3044456157b53439ca1c1cb48974ec300a938de', part: "description", class: "bs-whats-new-entry__description" }, this.description)), this.actionLabel && (index.h("bs-button", { key: 'd57c182eb2a655c1dbff70c97f5aa98327dbb03e', part: "action", class: "bs-whats-new-entry__action", variant: "subtle", size: "sm", onClick: () => this.bsAction.emit() }, this.actionLabel, index.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" }, index.h("path", { key: 'b5a1586a5a2e2831191082d1818971d8c29a54b3', d: "M5 12H19" }), index.h("path", { key: '273362647cd1098d2d865c9249b3f416d924c54f', d: "M13 6L19 12L13 18" }))))), this.divider && index.h("div", { key: '29d89b64905a1e0bde5e43540602134fb972cc6a', part: "divider", class: "bs-whats-new-entry__divider" })));
+        return (index.h("div", { key: 'b0baa810350e1d1ba94e195e5bb71568916648c1', class: "bs-whats-new-entry" }, (this.tag || this.date || this.unread) && (index.h("div", { key: 'f6aceea84fa2d8093fee7bf1f12e1a33d157773a', part: "meta", class: "bs-whats-new-entry__meta" }, this.tag && (index.h("bs-chip-informative", { key: '5177b66addbdb1bc0a8896f14bfde2d165bdc22d', part: "tag", size: "sm", color: this.tagColor }, this.tag)), this.date && (index.h("span", { key: 'bd9e2492cf9b78d808676211be29283a3853a5f1', part: "date", class: "bs-whats-new-entry__date" }, this.date)), this.unread && (index.h("span", { key: '2a99186b9ac53f76cf8e4e148971dd96bebc3339', part: "unread", class: "bs-whats-new-entry__unread" }, index.h("span", { key: '777d53e3498d5b9ccc33b196ddefda132ec8966d', class: "bs-whats-new-entry__sr-only" }, this.unreadLabel))))), index.h("div", { key: '685ca45b3fa9677a29c6cfceb2f142bbd10aeaaa', part: "image", class: { 'bs-whats-new-entry__image': true, 'bs-whats-new-entry__image--visible': this.hasImage } }, index.h("slot", { key: '39cb638562151a700da6221de805d277fc38a912', name: "image", onSlotchange: (ev) => (this.hasImage = ev.target.assignedNodes().length > 0) })), index.h("div", { key: '6d93a6efef38d79e711772bd674812721d6c4036', class: "bs-whats-new-entry__content" }, this.heading && index.h(`h${level}`, { part: 'heading', class: { 'bs-whats-new-entry__heading': true } }, this.heading), this.description && (index.h("p", { key: '2178e908d195961d7af63f96483978a7727f2daa', part: "description", class: "bs-whats-new-entry__description" }, this.description)), this.actionLabel && (index.h("bs-button", { key: '1e63a9582f52578d4507b509b1cc31f85f29518f', part: "action", class: "bs-whats-new-entry__action", variant: "subtle", size: "sm", onClick: () => this.bsAction.emit() }, this.actionLabel, index.h("svg", { key: '5e81c66251de6ac1fadc34acfe38ba69296d1a80', slot: "end-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("path", { key: '4909c3ab738167ff9c4b43a4f3091c5ebc9708ee', d: "M5 12H19" }), index.h("path", { key: 'e5316c0212c03d7fb576d99e4e823cc23b820d65', d: "M13 6L19 12L13 18" }))))), this.divider && index.h("div", { key: '77fa0ba2722d89185b6084c50526083e5ce0ddcb', part: "divider", class: "bs-whats-new-entry__divider" })));
     }
 };
 BsWhatsNewEntry.style = bsWhatsNewEntryCss();

package/dist/cjs/bs-table-of-contents.cjs.entry.js

@@ -0,0 +1,171 @@
+'use strict';
+
+var index = require('./index-BFxk-bY6.js');
+
+const bsTableOfContentsCss = () => `:host{display:block;--bs-toc-gap:var(--bs-spacing-50);--bs-toc-indent:var(--bs-spacing-200);--bs-toc-link-padding-x:var(--bs-spacing-150);--bs-toc-link-padding-y:var(--bs-spacing-50);--bs-toc-color:var(--bs-text-secondary);--bs-toc-color-hover:var(--bs-text-default);--bs-toc-color-current:var(--bs-text-action);--bs-toc-title-color:var(--bs-text-default);--bs-toc-font-size:var(--bs-font-size-sm);--bs-toc-font-weight-current:var(--bs-font-weight-semibold);--bs-toc-track-color:var(--bs-border-default);--bs-toc-indicator-color:var(--bs-border-primary);--bs-toc-focus-ring-color:var(--bs-border-neutral-focus);--bs-toc-radius:var(--bs-border-radius-50);--bs-toc-sticky-top:var(--bs-spacing-200)}:host([sticky]){position:sticky;top:var(--bs-toc-sticky-top);align-self:flex-start;max-height:calc(100vh - var(--bs-toc-sticky-top) * 2);overflow-y:auto}.bs-toc{font-family:inherit;font-size:var(--bs-toc-font-size)}.bs-toc__title{margin:0 0 var(--bs-spacing-100);color:var(--bs-toc-title-color);font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-semibold)}.bs-toc__list{display:flex;flex-direction:column;gap:var(--bs-toc-gap);margin:0;padding:0;list-style:none}.bs-toc__list--level-1{border-inline-start:2px solid var(--bs-toc-track-color)}.bs-toc__list .bs-toc__list{margin-block-start:var(--bs-toc-gap);padding-inline-start:var(--bs-toc-indent)}.bs-toc__link{display:block;margin-inline-start:-2px;padding:var(--bs-toc-link-padding-y) var(--bs-toc-link-padding-x);border-inline-start:2px solid transparent;border-radius:var(--bs-toc-radius);color:var(--bs-toc-color);text-decoration:none;transition:color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-toc__list .bs-toc__list .bs-toc__link{margin-inline-start:calc(var(--bs-toc-indent) * -1 - 2px);padding-inline-start:calc(var(--bs-toc-indent) + var(--bs-toc-link-padding-x))}.bs-toc__link:hover{color:var(--bs-toc-color-hover)}.bs-toc__link[aria-current]{border-inline-start-color:var(--bs-toc-indicator-color);color:var(--bs-toc-color-current);font-weight:var(--bs-toc-font-weight-current)}.bs-toc__link:focus-visible{outline:2px solid var(--bs-toc-focus-ring-color);outline-offset:2px}slot{display:none}@media (forced-colors: active){.bs-toc__link[aria-current]{border-inline-start-color:Highlight;color:Highlight}}`;
+
+let tocId = 0;
+const BsTableOfContents = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bsNavigate = index.createEvent(this, "bsNavigate");
+        this.bsChange = index.createEvent(this, "bsChange");
+    }
+    get el() { return index.getElement(this); }
+    /** Entries as a JS array (set as a property, not an attribute). Takes precedence over slotted anchors. */
+    items = [];
+    /** Accessible name of the `nav` landmark, and the visible title text. */
+    label = 'On this page';
+    /** Hides the visible title; the landmark keeps its accessible name. */
+    hideTitle = false;
+    /** The `href` (`#id`) of the current section. Reflected; follows the scroll spy and clicks, and can be
+     * set to force a section. */
+    current;
+    /** Turns the scroll spy on or off. Off: `current` only changes when a link is clicked or it is set. */
+    scrollSpy = true;
+    /** `rootMargin` of the spy's `IntersectionObserver`: shrinks the viewport to the band in which a
+     * section counts as "current". The default is the top 40% of the viewport. Raise the top value (e.g.
+     * `-64px 0px -60% 0px`) when a fixed header covers the top of the page. */
+    rootMargin = '0px 0px -60% 0px';
+    /** Sticks the table of contents to the top of its scroll container (`position: sticky`) so it stays
+     * in view beside long content. Offset with `--bs-toc-sticky-top`. */
+    sticky = false;
+    /** Fires when a link is clicked, before navigation. **Cancelable**: `preventDefault()` stops the
+     * browser jump so you can scroll/route yourself. Detail is `{ href }`. Modified clicks are ignored. */
+    bsNavigate;
+    /** Fires when the current section changes (scroll spy or click), with its `href`. */
+    bsChange;
+    slotted = [];
+    titleId = `bs-toc-title-${++tocId}`;
+    observer;
+    visible = new Set();
+    order = [];
+    connectedCallback() {
+        if (this.el.shadowRoot?.querySelector('nav'))
+            this.setupSpy();
+    }
+    componentWillLoad() {
+        this.readSlotted();
+    }
+    componentDidLoad() {
+        this.setupSpy();
+    }
+    disconnectedCallback() {
+        this.teardownSpy();
+    }
+    onSpyConfigChange() {
+        // Wait for the new list to render so the targets are known.
+        requestAnimationFrame(() => this.setupSpy());
+    }
+    tree() {
+        if (this.items && this.items.length) {
+            const conv = (i) => ({ label: i.label, href: i.href, children: (i.children ?? []).map(conv) });
+            return this.items.map(conv);
+        }
+        return this.slotted;
+    }
+    flat(nodes = this.tree()) {
+        return nodes.flatMap(n => [n, ...this.flat(n.children)]);
+    }
+    readSlotted = () => {
+        const anchors = Array.from(this.el.querySelectorAll('a[href]'));
+        const root = [];
+        const stack = [];
+        anchors.forEach(a => {
+            const explicit = parseInt(a.dataset.level ?? '', 10);
+            let depth = 0;
+            for (let p = a.parentElement; p && p !== this.el; p = p.parentElement)
+                if (p.tagName === 'UL' || p.tagName === 'OL')
+                    depth++;
+            const level = Number.isFinite(explicit) ? explicit : Math.max(depth, 1);
+            const node = { label: (a.textContent ?? '').trim(), href: a.getAttribute('href') ?? '', children: [] };
+            while (stack.length && stack[stack.length - 1].level >= level)
+                stack.pop();
+            if (stack.length)
+                stack[stack.length - 1].node.children.push(node);
+            else
+                root.push(node);
+            stack.push({ level, node });
+        });
+        this.slotted = root;
+        requestAnimationFrame(() => this.setupSpy());
+    };
+    targetOf(href) {
+        if (!href || !href.startsWith('#') || href.length < 2)
+            return null;
+        const id = decodeURIComponent(href.slice(1));
+        const root = this.el.getRootNode();
+        return (root.getElementById?.(id) ?? document.getElementById(id));
+    }
+    teardownSpy() {
+        this.observer?.disconnect();
+        this.observer = undefined;
+        this.visible.clear();
+    }
+    setupSpy() {
+        this.teardownSpy();
+        if (!this.scrollSpy || typeof IntersectionObserver === 'undefined' || !this.el.isConnected)
+            return;
+        const targets = [];
+        this.flat().forEach(n => {
+            const t = this.targetOf(n.href);
+            if (t)
+                targets.push([n.href, t]);
+        });
+        if (!targets.length)
+            return;
+        this.order = targets.map(([href]) => href);
+        const byEl = new Map(targets.map(([href, t]) => [t, href]));
+        this.observer = new IntersectionObserver(entries => {
+            entries.forEach(e => {
+                const href = byEl.get(e.target);
+                if (!href)
+                    return;
+                if (e.isIntersecting)
+                    this.visible.add(href);
+                else
+                    this.visible.delete(href);
+            });
+            const first = this.order.find(h => this.visible.has(h));
+            if (first && first !== this.current)
+                this.setCurrent(first);
+        }, { rootMargin: this.rootMargin, threshold: 0 });
+        targets.forEach(([, t]) => this.observer.observe(t));
+    }
+    setCurrent(href) {
+        this.current = href;
+        this.bsChange.emit(href);
+    }
+    onLinkClick = (ev, href) => {
+        if (ev.defaultPrevented || ev.button !== 0 || ev.metaKey || ev.ctrlKey || ev.shiftKey || ev.altKey)
+            return;
+        const go = this.bsNavigate.emit({ href });
+        if (go.defaultPrevented) {
+            ev.preventDefault();
+            return;
+        }
+        if (href !== this.current)
+            this.setCurrent(href);
+    };
+    renderList(nodes, level) {
+        return (index.h("ul", { part: "list", class: `bs-toc__list bs-toc__list--level-${level}` }, nodes.map(n => (index.h("li", { part: "item", class: "bs-toc__item" }, index.h("a", { part: "link", class: "bs-toc__link", href: n.href, "aria-current": n.href === this.current ? 'location' : undefined, onClick: (ev) => this.onLinkClick(ev, n.href) }, n.label), n.children.length > 0 && this.renderList(n.children, level + 1))))));
+    }
+    render() {
+        const nodes = this.tree();
+        return (index.h("nav", { key: '76e2a4abce943d0dd8e567c7ab2beef7b0d5b1c4', part: "container", class: "bs-toc", "aria-label": this.label }, !this.hideTitle && (index.h("p", { key: 'ba45bce72e66d2b8ccb1bcd3960c0af0f3fc3717', part: "title", id: this.titleId, class: "bs-toc__title" }, this.label)), nodes.length > 0 && this.renderList(nodes, 1), index.h("slot", { key: '8c1b4c8cb93c35b43cd8bf91d1473d9fe5311aa9', onSlotchange: this.readSlotted })));
+    }
+    static get watchers() { return {
+        "items": [{
+                "onSpyConfigChange": 0
+            }],
+        "scrollSpy": [{
+                "onSpyConfigChange": 0
+            }],
+        "rootMargin": [{
+                "onSpyConfigChange": 0
+            }]
+    }; }
+};
+BsTableOfContents.style = bsTableOfContentsCss();
+
+exports.bs_table_of_contents = BsTableOfContents;

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

@@ -0,0 +1,51 @@
+'use strict';
+
+var index = require('./index-BFxk-bY6.js');
+
+const bsTagCss = () => `:host{display:inline-flex;vertical-align:middle;--bs-tag-height:var(--bs-spacing-300);--bs-tag-padding-x:var(--bs-spacing-150);--bs-tag-gap:var(--bs-spacing-50);--bs-tag-radius:var(--bs-border-radius-50);--bs-tag-icon-size:16px;--bs-tag-font-size:var(--bs-font-size-sm);--bs-tag-font-weight:var(--bs-font-weight-regular);--bs-tag-bg:var(--bs-chip-bg-neutral-container);--bs-tag-color:var(--bs-chip-text-neutral);--bs-tag-focus-ring:var(--bs-border-neutral-focus)}:host([size='sm']){--bs-tag-height:var(--bs-spacing-250);--bs-tag-font-size:var(--bs-font-size-xs)}:host([size='lg']){--bs-tag-height:var(--bs-spacing-400)}:host([color='info']){--bs-tag-bg:var(--bs-chip-bg-info-container);--bs-tag-color:var(--bs-chip-text-info)}:host([color='success']){--bs-tag-bg:var(--bs-chip-bg-success-container);--bs-tag-color:var(--bs-chip-text-success)}:host([color='warning']){--bs-tag-bg:var(--bs-chip-bg-warning-container);--bs-tag-color:var(--bs-chip-text-warning)}:host([color='error']){--bs-tag-bg:var(--bs-chip-bg-error-container);--bs-tag-color:var(--bs-chip-text-error)}.bs-tag{box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--bs-tag-gap);height:var(--bs-tag-height);padding:0 var(--bs-tag-padding-x);border-radius:var(--bs-tag-radius);background:var(--bs-tag-bg);color:var(--bs-tag-color);font-family:inherit;font-size:var(--bs-tag-font-size);font-weight:var(--bs-tag-font-weight);line-height:1;white-space:nowrap}.bs-tag--removable{padding-inline-end:var(--bs-spacing-50)}.bs-tag__icon{display:none;flex-shrink:0;width:var(--bs-tag-icon-size);height:var(--bs-tag-icon-size)}.bs-tag__icon--visible{display:flex}.bs-tag__icon ::slotted(*){display:block;width:var(--bs-tag-icon-size);height:var(--bs-tag-icon-size)}.bs-tag__label{color:inherit}.bs-tag__label--link{text-decoration:underline;border-radius:var(--bs-border-radius-50)}.bs-tag__label--link:hover{text-decoration-thickness:2px}.bs-tag__label--link:focus-visible{outline:2px solid var(--bs-tag-focus-ring);outline-offset:2px}.bs-tag__remove{flex-shrink:0;color:inherit}`;
+
+const BsTag = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bsRemove = index.createEvent(this, "bsRemove");
+    }
+    get el() { return index.getElement(this); }
+    /** Semantic colour. `neutral` is the default. */
+    color = 'neutral';
+    /** Sizing scale. */
+    size = 'md';
+    /** Shows a remove button that emits `bsRemove`. The consumer removes the tag. */
+    removable = false;
+    /** Turns the label into a link to this URL. */
+    href;
+    /** Link target, only used with `href`. */
+    target;
+    /** Prefix of the remove button's accessible name ("Remove {label}"). */
+    removeLabel = 'Remove';
+    /** Fires when the remove button is activated. No payload; the consumer removes the element. */
+    bsRemove;
+    hasIcon = false;
+    labelText = '';
+    componentWillLoad() {
+        this.hasIcon = Array.from(this.el.children).some(c => c.getAttribute('slot') === 'icon');
+        this.labelText = this.readLabel();
+    }
+    readLabel() {
+        return Array.from(this.el.childNodes)
+            .filter(n => !(n.nodeType === Node.ELEMENT_NODE && n.hasAttribute('slot')))
+            .map(n => n.textContent || '')
+            .join('')
+            .trim();
+    }
+    onRemove = () => {
+        this.bsRemove.emit();
+    };
+    render() {
+        const rel = this.href && this.target === '_blank' ? 'noopener noreferrer' : undefined;
+        const label = index.h("slot", { key: '08ceba56454f3419009e4714cdb264cf377a2ca1', onSlotchange: () => (this.labelText = this.readLabel()) });
+        return (index.h(index.Host, { key: '02747ac2c8afd9204257bbcd212bdf6db5c061fe' }, index.h("span", { key: '2f65cb5c37463a196f79e5a0149e0be810ae15ff', part: "container", class: { 'bs-tag': true, 'bs-tag--removable': this.removable } }, index.h("span", { key: '7520ed22f21e2fb3dbaa24113cf7740de1a52dcc', part: "icon", class: { 'bs-tag__icon': true, 'bs-tag__icon--visible': this.hasIcon } }, index.h("slot", { key: 'e6ccfd5de8815950e466a107d731a817fa5d2f06', name: "icon", onSlotchange: (e) => (this.hasIcon = e.target.assignedNodes().length > 0) })), this.href ? (index.h("a", { part: "label", class: "bs-tag__label bs-tag__label--link", href: this.href, target: this.target, rel: rel }, label)) : (index.h("span", { part: "label", class: "bs-tag__label" }, label)), this.removable && (index.h("bs-icon-button", { key: 'fddf2c1f5c3e8a12cd317a19652e800837c741ea', part: "remove", class: "bs-tag__remove", size: "xs", variant: "subtle", ariaLabel: `${this.removeLabel} ${this.labelText}`.trim(), onClick: this.onRemove }, index.h("svg", { key: '7c708bd1a08d9c8897bdb9e76b133fa2ed52a3e7', viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("path", { key: 'b7641a61417f15eddf96fa9e580dd999b2077d08', d: "M12.5 3.5L3.5 12.5M12.5 12.5L3.5 3.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
+    }
+};
+BsTag.style = bsTagCss();
+
+exports.bs_tag = BsTag;

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

@@ -0,0 +1,24 @@
+'use strict';
+
+var index = require('./index-BFxk-bY6.js');
+
+const bsTextCss = () => `:host{display:block;--bs-text-color:var(--bs-text-default);--bs-text-font-family:var(--bs-typography-font-family-body);--bs-text-font-weight:var(--bs-font-weight-regular);--bs-text-line-height:var(--bs-line-height-normal)}:host([as='span']),:host([as='small']),:host([as='strong']),:host([as='em']),:host([as='label']){display:inline}:host([tone='secondary']){--bs-text-color:var(--bs-text-secondary)}:host([tone='muted']){--bs-text-color:var(--bs-text-muted)}:host([tone='action']){--bs-text-color:var(--bs-text-action)}:host([tone='link']){--bs-text-color:var(--bs-text-link)}:host([tone='success']){--bs-text-color:var(--bs-text-success)}:host([tone='info']){--bs-text-color:var(--bs-text-info)}:host([tone='warning']){--bs-text-color:var(--bs-text-warning)}:host([tone='error']){--bs-text-color:var(--bs-text-error)}:host([tone='inverse']){--bs-text-color:var(--bs-text-inverse)}:host([tone='inherit']){--bs-text-color:inherit}.bs-text{margin:0;font-family:var(--bs-text-font-family);font-weight:var(--bs-text-font-weight);font-size:var(--bs-text-font-size);line-height:var(--bs-text-line-height);color:var(--bs-text-color)}.bs-text--lead{--bs-text-font-size:var(--bs-font-size-lg)}.bs-text--body{--bs-text-font-size:var(--bs-font-size-md)}.bs-text--small{--bs-text-font-size:var(--bs-font-size-sm)}.bs-text--caption{--bs-text-font-size:var(--bs-font-size-xs)}`;
+
+const BsText = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /** The rendered element. `span` (and `small`, `strong`, `em`, `label`) make the host inline. */
+    as = 'p';
+    /** Visual style. */
+    variant = 'body';
+    /** Text colour from the text tokens. `inherit` uses the surrounding colour. */
+    tone = 'default';
+    render() {
+        const Tag = this.as;
+        return (index.h(Tag, { key: '249b8ddd92904587ac8eff6a585f03e8d228aae9', part: "text", class: `bs-text bs-text--${this.variant}` }, index.h("slot", { key: '2e29e03955058bb6feb8aff484ddf0f7d5836cd0' })));
+    }
+};
+BsText.style = bsTextCss();
+
+exports.bs_text = BsText;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
 const bsTimepickerCss = () => `:host{display:inline-block;--bs-timepicker-width:294px;--bs-timepicker-bg:var(--bs-paper-bg-raised);--bs-timepicker-radius:var(--bs-border-radius-100);--bs-timepicker-padding-y:var(--bs-spacing-200);--bs-timepicker-padding-x:var(--bs-spacing-200);--bs-timepicker-gap:var(--bs-spacing-200);--bs-timepicker-shadow:var(--bs-shadow-md);--bs-timepicker-title-size:var(--bs-font-size-2xl);--bs-timepicker-title-line-height:var(--bs-line-height-heading-h6);--bs-timepicker-color:var(--bs-text-default);--bs-timepicker-color-secondary:var(--bs-text-secondary);--bs-timepicker-divider:var(--bs-border-neutral-container);--bs-timepicker-cell-size:var(--bs-spacing-550);--bs-timepicker-cell-radius:var(--bs-border-radius-100);--bs-timepicker-value-radius:var(--bs-border-radius-50);--bs-timepicker-hover:var(--bs-surface-hover);--bs-timepicker-pressed:var(--bs-surface-pressed);--bs-timepicker-focus-ring-color:var(--bs-border-neutral-container-focused)}.bs-timepicker{width:var(--bs-timepicker-width);max-width:100%;color:var(--bs-timepicker-color);font-size:var(--bs-font-size-md);--bs-card-bg:var(--bs-timepicker-bg);--bs-card-radius:var(--bs-timepicker-radius);--bs-card-padding:var(--bs-timepicker-padding-y) 0;--bs-card-shadow:var(--bs-timepicker-shadow);--bs-card-overflow:visible}.bs-timepicker__body{display:flex;flex-direction:column;gap:var(--bs-timepicker-gap)}.bs-timepicker__header{display:flex;align-items:center;gap:var(--bs-spacing-100);padding:0 var(--bs-timepicker-padding-x)}.bs-timepicker__title{flex:1 1 0;min-width:0;font-size:var(--bs-timepicker-title-size);font-weight:var(--bs-font-weight-bold);line-height:calc(var(--bs-timepicker-title-line-height) * 1px)}.bs-timepicker__format{display:flex;align-items:center;gap:var(--bs-spacing-50);color:var(--bs-timepicker-color-secondary);line-height:calc(var(--bs-line-height-body-md) * 1px)}.bs-timepicker__divider{height:1px;background:var(--bs-timepicker-divider)}.bs-timepicker__selector{display:flex;align-items:center;justify-content:center;gap:var(--bs-spacing-200);padding:0 var(--bs-timepicker-padding-x)}.bs-timepicker__spinner{display:flex;flex-direction:column;align-items:center;gap:var(--bs-spacing-100);width:var(--bs-timepicker-cell-size)}.bs-timepicker__step,.bs-timepicker__value{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-timepicker-cell-size);height:var(--bs-timepicker-cell-size);padding:0;border:none;background:transparent;font-family:inherit}.bs-timepicker__step{border-radius:var(--bs-timepicker-cell-radius);color:var(--bs-timepicker-color-secondary);cursor:pointer}.bs-timepicker__step svg{width:24px;height:24px}.bs-timepicker__value{border-radius:var(--bs-timepicker-value-radius);color:var(--bs-timepicker-color);font-size:var(--bs-timepicker-title-size);font-weight:var(--bs-font-weight-bold);line-height:calc(var(--bs-timepicker-title-line-height) * 1px);font-variant-numeric:tabular-nums;cursor:pointer;user-select:none}.bs-timepicker__step:hover,.bs-timepicker__value:hover{background:var(--bs-timepicker-hover)}.bs-timepicker__step:active,.bs-timepicker__value:active{background:var(--bs-timepicker-pressed)}.bs-timepicker__step:focus-visible,.bs-timepicker__value:focus-visible{outline:2px solid var(--bs-timepicker-focus-ring-color);outline-offset:0}.bs-timepicker__separator{display:flex;align-items:center;color:var(--bs-timepicker-color)}.bs-timepicker__separator svg{width:4px;height:32px}.bs-timepicker__period::part(label){position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bs-timepicker__period{width:112px}.bs-timepicker__period::part(control){caret-color:transparent;cursor:pointer;text-overflow:clip}.bs-timepicker__footer{display:flex;align-items:flex-start;justify-content:flex-end;gap:var(--bs-spacing-100);padding:0 var(--bs-timepicker-padding-x)}`;
 
@@ -178,14 +178,14 @@ const BsTimepicker = class {
         return (index.h("div", { part: "spinner", class: "bs-timepicker__spinner" }, index.h("button", { part: "step", type: "button", class: "bs-timepicker__step", "aria-label": stepLabel(this.increaseLabel), tabindex: -1, onClick: () => this.stepBy(col, 1) }, index.h("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, index.h("path", { d: "M18 15L12 9L6 15", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.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)), index.h("button", { part: "step", type: "button", class: "bs-timepicker__step", "aria-label": stepLabel(this.decreaseLabel), tabindex: -1, onClick: () => this.stepBy(col, -1) }, index.h("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, index.h("path", { d: "M6 9L12 15L18 9", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
     render() {
-        return (index.h("bs-card", { key: 'b1fee3176c728113e01b14515e910f7026b2c40e', part: "container", class: "bs-timepicker", surface: "raised" }, index.h("div", { key: '29246aa5712a7f1e391338a579f3d7660a7a8b66', class: "bs-timepicker__body" }, index.h("div", { key: '0ccbf049e87278cc973262f45025843eccc4e050', part: "header", class: "bs-timepicker__header" }, index.h("div", { key: 'e039bff5a90391b009739a2747255dfa21961394', part: "title", class: "bs-timepicker__title" }, this.heading), index.h("label", { key: '7f7be2239e319dc2052891a8199bc1d0cc9bb516', class: "bs-timepicker__format" }, index.h("span", { key: 'a9acefb7f828b6740df0ef4f8c29c9f12c951f91' }, this.formatLabel), index.h("bs-switch", { key: '4a0ed6ac9b476ac690897f5fc97461a2ba1d9187', part: "format-toggle", size: "md", ariaLabel: this.formatLabel, checked: !this.is12h, onBsChange: (ev) => (this.format = ev.detail ? '24h' : '12h') }))), index.h("div", { key: '615e0947d07879b5096520f6a6131b5d7126bd5a', class: "bs-timepicker__divider" }), index.h("div", { key: 'bec825c705ecb1dcf49527df3ffda30f06815f8d', part: "selector", class: "bs-timepicker__selector" }, this.renderColumn('hour', this.hourLabel), index.h("div", { key: 'b1afee8b925ce49e44e6d2389ac03697b108dbc4', part: "separator", class: "bs-timepicker__separator", "aria-hidden": "true" }, index.h("svg", { key: 'a716d2643c7a0ea095380283f535f5cd44a77ba9', viewBox: "0 0 4 32", fill: "currentColor" }, index.h("circle", { key: 'f271946fadd8f8f8e3086c731af9501461e6ef26', cx: "2", cy: "10", r: "2" }), index.h("circle", { key: 'e661d9d6b96598430853eefca97bccf6138c00b8', cx: "2", cy: "22", r: "2" }))), this.renderColumn('minute', this.minuteLabel), this.is12h && (index.h("bs-input", { key: 'be80bc06f68362e85510a9450d693483e9bb2d3c', part: "period", class: "bs-timepicker__period", type: "dropdown", label: this.periodLabel, value: this.isPm ? 'PM' : 'AM', options: [
+        return (index.h("bs-card", { key: 'fdbf8e19525a53d43094d1b2115c232fb0ea9500', part: "container", class: "bs-timepicker", surface: "raised" }, index.h("div", { key: 'a2b9aa1ce9529d3f52fd45f4ca5af02582930a15', class: "bs-timepicker__body" }, index.h("div", { key: 'c59f6c9fdec3a1f9ffb81aa7e5bac9421dadcd35', part: "header", class: "bs-timepicker__header" }, index.h("div", { key: '2825b6a11f97a7186eb6340faa816b0b6d8be28a', part: "title", class: "bs-timepicker__title" }, this.heading), index.h("label", { key: '4f6dc3e9768f0396b3e59943496a9d9443a8501c', class: "bs-timepicker__format" }, index.h("span", { key: 'b94eccc6949019c78b98051a8eba3d41a4546cf1' }, this.formatLabel), index.h("bs-switch", { key: '6a2d43b1b37472720d5ca1f84951dc908b37689e', part: "format-toggle", size: "md", ariaLabel: this.formatLabel, checked: !this.is12h, onBsChange: (ev) => (this.format = ev.detail ? '24h' : '12h') }))), index.h("div", { key: '01efb69cc03be59785b36df9fccf4452a1894225', class: "bs-timepicker__divider" }), index.h("div", { key: 'ead194685c2ae0976d4f134ad0231208e3fab1ea', part: "selector", class: "bs-timepicker__selector" }, this.renderColumn('hour', this.hourLabel), index.h("div", { key: '0250edfefe27363208489c147026462edbf7648a', part: "separator", class: "bs-timepicker__separator", "aria-hidden": "true" }, index.h("svg", { key: 'e79c68f3dd11a3ee9edd5d18ebd9065e4019f029', viewBox: "0 0 4 32", fill: "currentColor" }, index.h("circle", { key: 'b0fcd6e48bddfbf722c0aa6356be05665258cda6', cx: "2", cy: "10", r: "2" }), index.h("circle", { key: '892630f5f5a51aa48f97d8a7c86791aef6bd2ba2', cx: "2", cy: "22", r: "2" }))), this.renderColumn('minute', this.minuteLabel), this.is12h && (index.h("bs-input", { key: '502e6bebb0f241b3800b699efbb8cdbcf671597d', 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;
-            } }))), index.h("div", { key: 'e3f5ed344ef98046ea70b97aee10ac63f8fb631a', class: "bs-timepicker__divider" }), index.h("div", { key: '8b8b51a4e2f105a87031a20c4f468547c5785f08', part: "footer", class: "bs-timepicker__footer" }, index.h("bs-button", { key: 'cfe71e9a9aac09fd0be9535bbbbaf230f9d84a6a', part: "cancel", variant: "subtle", onClick: this.cancel }, this.cancelLabel), index.h("bs-button", { key: '2c5ad6714d50a248641c0de155c14dcee3857f1e', part: "confirm", variant: "primary", onClick: this.confirm }, this.confirmLabel)))));
+            } }))), index.h("div", { key: 'ed95958ca424696e252fe90eab8855d0bdffd89c', class: "bs-timepicker__divider" }), index.h("div", { key: '77c404d4617a5ee6f669a2ffba63fa5729f98cf5', part: "footer", class: "bs-timepicker__footer" }, index.h("bs-button", { key: 'fbeb76d30f1eea912b3e37def67f8058b74626a7', part: "cancel", variant: "subtle", onClick: this.cancel }, this.cancelLabel), index.h("bs-button", { key: '1baf37a0708379ef23951f76765d048087d3083b', part: "confirm", variant: "primary", onClick: this.confirm }, this.confirmLabel)))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
 const bsToastCss = () => `:host{display:inline-flex;--bs-toast-radius:var(--bs-border-radius-100);--bs-toast-shadow:var(--bs-shadow-md);--bs-toast-content-padding-y:var(--bs-spacing-200);--bs-toast-content-padding-x:var(--bs-spacing-200);--bs-toast-content-gap:var(--bs-spacing-150);--bs-toast-font-size:var(--bs-font-size-md);--bs-toast-line-height:var(--bs-line-height-body-md);--bs-toast-actions-padding-y:var(--bs-spacing-50);--bs-toast-actions-padding-x:var(--bs-spacing-100);--bs-toast-close-radius:var(--bs-border-radius-100);--bs-toast-surface-info:var(--bs-color-info-container);--bs-toast-text-info:var(--bs-text-info);--bs-toast-surface-warning:var(--bs-color-warning-container);--bs-toast-text-warning:var(--bs-text-warning);--bs-toast-surface-success:var(--bs-color-success-container);--bs-toast-text-success:var(--bs-text-success);--bs-toast-surface-error:var(--bs-color-error-container);--bs-toast-text-error:var(--bs-text-error)}.bs-toast{display:flex;align-items:center;border-radius:var(--bs-toast-radius);box-shadow:var(--bs-toast-shadow);font-family:inherit}.bs-toast--info{background:var(--bs-toast-surface-info);color:var(--bs-toast-text-info)}.bs-toast--warning{background:var(--bs-toast-surface-warning);color:var(--bs-toast-text-warning)}.bs-toast--success{background:var(--bs-toast-surface-success);color:var(--bs-toast-text-success)}.bs-toast--error{background:var(--bs-toast-surface-error);color:var(--bs-toast-text-error)}.bs-toast__content{display:flex;align-items:center;gap:var(--bs-toast-content-gap);flex:1 1 auto;min-width:0;padding:var(--bs-toast-content-padding-y) 0 var(--bs-toast-content-padding-y) var(--bs-toast-content-padding-x)}.bs-toast__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:inherit}.bs-toast__icon svg{width:24px;height:24px}.bs-toast__message{flex:1 1 auto;min-width:0;font-size:var(--bs-toast-font-size);line-height:calc(var(--bs-toast-line-height) * 1px)}.bs-toast__actions{display:flex;align-items:center;align-self:stretch;flex-shrink:0;padding:var(--bs-toast-actions-padding-y) var(--bs-toast-actions-padding-x) var(--bs-toast-actions-padding-y) 0}.bs-toast__close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;padding:0;border:none;background:transparent;border-radius:var(--bs-toast-close-radius);color:inherit;cursor:pointer}.bs-toast__close svg{width:24px;height:24px}.bs-toast__close:hover{background:color-mix(in srgb, currentColor 12%, transparent)}.bs-toast__close:active{background:color-mix(in srgb, currentColor 24%, transparent)}.bs-toast__close:focus-visible{outline:2px solid currentColor;outline-offset:2px}`;
 
@@ -21,7 +21,7 @@ const BsToast = class {
         this.bsDismiss.emit();
     };
     render() {
-        return (index.h("div", { key: 'ea3ed372472902ee9cf1e141906dec39991a6ac5', part: "container", class: `bs-toast bs-toast--${this.state}`, role: "status", "aria-live": this.state === 'error' ? 'assertive' : 'polite' }, index.h("div", { key: 'b5cd7562bf23e9b62101d6c6fbd7d0c4c34263ef', class: "bs-toast__content" }, index.h("span", { key: '3f8503c548a6d25eb2322d0df601c7a32047285c', part: "icon", class: "bs-toast__icon", "aria-hidden": "true" }, index.h(StateIcon, { key: '455b38877ab4e0d48a5ff02f17eb6e8f248c52ce', state: this.state })), index.h("span", { key: '1f2f0013b4171170d5739ad614711f8a91f35fa7', part: "message", class: "bs-toast__message" }, index.h("slot", { key: '1298f3d0fbb25843418b8e730d3ed84264e86759' }))), index.h("div", { key: 'b6c64714995f907901e78ed3c99bc03bbdaee468', class: "bs-toast__actions" }, index.h("button", { key: '5d92217352987cdd55b4ce5c7f49d7f44c766fe8', part: "close", type: "button", class: "bs-toast__close", "aria-label": this.dismissLabel, onClick: this.onDismiss }, index.h(CloseIcon, { key: 'cb983078424ad5b520dffeda81d8bcafd1b9cf2b' })))));
+        return (index.h("div", { key: '8cca96362a50acd1f552c08163e8a2991b191d17', part: "container", class: `bs-toast bs-toast--${this.state}`, role: "status", "aria-live": this.state === 'error' ? 'assertive' : 'polite' }, index.h("div", { key: '01cc2a6b9b8ba851dec751efff862fe3225058be', class: "bs-toast__content" }, index.h("span", { key: '29ed8cc01ac3f5b46d0cb8299bc60af5fdaf281c', part: "icon", class: "bs-toast__icon", "aria-hidden": "true" }, index.h(StateIcon, { key: '568f57389206d284b9717fa7f1cb894f20d50cf7', state: this.state })), index.h("span", { key: '7271784969a334c9e5f297a1ca845c2c08d12c5d', part: "message", class: "bs-toast__message" }, index.h("slot", { key: 'b46cf88eb3ac95c47ea8aff52f9accd1a9755546' }))), index.h("div", { key: '23d69f46262dbd5a4279d608f4a72c2a9c2e1463', class: "bs-toast__actions" }, index.h("button", { key: '722b445b6fcf22f97ed44fca3ecd9a2d286f8bad', part: "close", type: "button", class: "bs-toast__close", "aria-label": this.dismissLabel, onClick: this.onDismiss }, index.h(CloseIcon, { key: '2401bd61c3f8873b8a37d2f9474850c253b1b9ab' })))));
     }
 };
 const StateIcon = ({ state }) => {