@brandsync/wc 1.14.0 → 1.15.0

package/dist/collection/components/bs-stack/bs-stack.js

@@ -0,0 +1,252 @@
+import { Host, h } from "@stencil/core";
+const SPACING_TOKENS = ['0', '25', '50', '75', '100', '150', '200', '250', '300', '350', '400', '500', '550', '600', '700', '800', '1000', '1200', '1500'];
+const MARK = 'data-bs-stack-item';
+/**
+ * A flex layout that arranges its children in a row or column with a token-based gap, optionally
+ * drawing a divider between children.
+ *
+ * Built from: `bs-divider` (when `divider` is set).
+ *
+ * With `divider`, each child is given a generated `slot="bs-stack-item-N"` attribute (plus a
+ * `data-bs-stack-item` marker) so a divider can be rendered between the named slots. Light-DOM
+ * nodes are never moved; the attributes are removed again when `divider` is turned off.
+ *
+ * ## When to use
+ * - Spacing and aligning a short run of siblings (form fields, button rows, card content).
+ *
+ * ## When not to use
+ * - Two-dimensional grids (use CSS grid).
+ * - Resizable panes (use `bs-split-pane`).
+ *
+ * @slot - The items to arrange.
+ * @part divider - Each generated `bs-divider` (only with `divider`).
+ * @prop --bs-stack-gap - Space between items. Defaults from the `gap` prop (`--bs-spacing-<gap>`); may be overridden directly.
+ */
+export class BsStack {
+    el;
+    /** Main axis: `vertical` stacks children in a column, `horizontal` in a row. */
+    direction = 'vertical';
+    /** Spacing token name (e.g. `200` => `--bs-spacing-200`). Invalid values fall back to `100`. */
+    gap = '100';
+    /** Cross-axis alignment. */
+    align = 'stretch';
+    /** Main-axis distribution. */
+    justify = 'start';
+    /** Lets items wrap onto further lines. */
+    wrap = false;
+    /** Renders a decorative `bs-divider` between each child. */
+    divider = false;
+    itemCount = 0;
+    dividerChanged() {
+        this.sync();
+    }
+    sync = () => {
+        if (!this.divider) {
+            this.clearSlots();
+            this.itemCount = 0;
+            return;
+        }
+        // Children without a foreign `slot` attribute (ours are marked).
+        const items = Array.from(this.el.children).filter(c => !c.hasAttribute('slot') || c.hasAttribute(MARK));
+        items.forEach((c, i) => {
+            const name = `bs-stack-item-${i}`;
+            if (c.getAttribute('slot') !== name)
+                c.setAttribute('slot', name);
+            c.setAttribute(MARK, '');
+        });
+        this.itemCount = items.length;
+    };
+    clearSlots() {
+        Array.from(this.el.children)
+            .filter(c => c.hasAttribute(MARK))
+            .forEach(c => {
+            c.removeAttribute('slot');
+            c.removeAttribute(MARK);
+        });
+    }
+    componentDidLoad() {
+        this.sync();
+    }
+    disconnectedCallback() {
+        this.clearSlots();
+    }
+    render() {
+        const gap = SPACING_TOKENS.includes(String(this.gap)) ? String(this.gap) : '100';
+        const dividerOrientation = this.direction === 'horizontal' ? 'vertical' : 'horizontal';
+        const parts = [];
+        if (this.divider) {
+            for (let i = 0; i < this.itemCount; i++) {
+                if (i > 0)
+                    parts.push(h("bs-divider", { part: "divider", decorative: true, orientation: dividerOrientation }));
+                parts.push(h("slot", { name: `bs-stack-item-${i}`, onSlotchange: this.sync }));
+            }
+        }
+        return (h(Host, { key: '36539e2d556a29fffe996ae4b53d207ac39e3889', style: { '--bs-stack-gap-token': `var(--bs-spacing-${gap})` } }, h("slot", { key: 'fe94e79e6ded0341d04792c9be2949c6663de5a9', onSlotchange: this.sync }), parts));
+    }
+    static get is() { return "bs-stack"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bs-stack.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bs-stack.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "direction": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "BsStackDirection",
+                    "resolved": "\"horizontal\" | \"vertical\"",
+                    "references": {
+                        "BsStackDirection": {
+                            "location": "local",
+                            "path": "/home/runner/work/eg-brandsync-storybook/eg-brandsync-storybook/packages/wc/src/components/bs-stack/bs-stack.tsx",
+                            "id": "src/components/bs-stack/bs-stack.tsx::BsStackDirection"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Main axis: `vertical` stacks children in a column, `horizontal` in a row."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "direction",
+                "defaultValue": "'vertical'"
+            },
+            "gap": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Spacing token name (e.g. `200` => `--bs-spacing-200`). Invalid values fall back to `100`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "gap",
+                "defaultValue": "'100'"
+            },
+            "align": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "BsStackAlign",
+                    "resolved": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
+                    "references": {
+                        "BsStackAlign": {
+                            "location": "local",
+                            "path": "/home/runner/work/eg-brandsync-storybook/eg-brandsync-storybook/packages/wc/src/components/bs-stack/bs-stack.tsx",
+                            "id": "src/components/bs-stack/bs-stack.tsx::BsStackAlign"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Cross-axis alignment."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "align",
+                "defaultValue": "'stretch'"
+            },
+            "justify": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "BsStackJustify",
+                    "resolved": "\"around\" | \"between\" | \"center\" | \"end\" | \"start\"",
+                    "references": {
+                        "BsStackJustify": {
+                            "location": "local",
+                            "path": "/home/runner/work/eg-brandsync-storybook/eg-brandsync-storybook/packages/wc/src/components/bs-stack/bs-stack.tsx",
+                            "id": "src/components/bs-stack/bs-stack.tsx::BsStackJustify"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Main-axis distribution."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "justify",
+                "defaultValue": "'start'"
+            },
+            "wrap": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Lets items wrap onto further lines."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "wrap",
+                "defaultValue": "false"
+            },
+            "divider": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Renders a decorative `bs-divider` between each child."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "divider",
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "itemCount": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "divider",
+                "methodName": "dividerChanged"
+            }];
+    }
+}

package/dist/collection/components/bs-stack/bs-stack.stories.js

@@ -0,0 +1,36 @@
+import { html } from "lit";
+import { componentDescription } from "../../stories-utils";
+const box = (label) => html `<div style="padding: var(--bs-spacing-150); background: var(--bs-surface-container); border-radius: var(--bs-border-radius-100)">${label}</div>`;
+const meta = {
+    title: 'Components/bs-stack',
+    parameters: { docs: { description: { component: componentDescription('bs-stack') } } },
+    render: args => html `
+    <bs-stack
+      direction=${args.direction}
+      gap=${args.gap}
+      align=${args.align}
+      justify=${args.justify}
+      ?wrap=${args.wrap}
+      ?divider=${args.divider}
+      style="width: 480px"
+    >
+      ${box('One')} ${box('Two')} ${box('Three')}
+    </bs-stack>
+  `,
+    argTypes: {
+        direction: { control: 'inline-radio', options: ['vertical', 'horizontal'] },
+        gap: { control: 'select', options: ['0', '25', '50', '75', '100', '150', '200', '250', '300', '350', '400', '500', '550', '600', '700', '800', '1000', '1200', '1500'] },
+        align: { control: 'select', options: ['start', 'center', 'end', 'stretch', 'baseline'] },
+        justify: { control: 'select', options: ['start', 'center', 'end', 'between', 'around'] },
+        wrap: { control: 'boolean' },
+        divider: { control: 'boolean' },
+    },
+    args: { direction: 'vertical', gap: '100', align: 'stretch', justify: 'start', wrap: false, divider: false },
+};
+export default meta;
+export const Default = {};
+export const Horizontal = { args: { direction: 'horizontal', gap: '200' } };
+export const WithDividers = { args: { divider: true, gap: '200' } };
+export const HorizontalWithDividers = { args: { direction: 'horizontal', divider: true, gap: '200', align: 'center' } };
+export const Wrapping = { args: { direction: 'horizontal', wrap: true, gap: '150' } };
+export const SpaceBetween = { args: { direction: 'horizontal', justify: 'between' } };

package/dist/collection/components/bs-stepper/bs-stepper/bs-stepper.js

@@ -62,7 +62,7 @@ export class BsStepper {
     }
     render() {
         // role="list" so each bs-stepper-step's role="listitem" has the required parent.
-        return (h(Host, { key: '7956314c41e9add72583aa8e2bd7271e6cf1068b', role: "list" }, h("slot", { key: '0ace9928ce7f573d9202a11e489a50e976d0e351', onSlotchange: this.onSlotChange })));
+        return (h(Host, { key: '974bd59785233de47d55750ede0a3d823ff11c75', role: "list" }, h("slot", { key: 'ce637c2c5631329c747897c66ec2cca9e6f738fb', onSlotchange: this.onSlotChange })));
     }
     static get is() { return "bs-stepper"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-stepper/bs-stepper-step/bs-stepper-step.js

@@ -57,7 +57,7 @@ export class BsStepperStep {
     }
     render() {
         const state = this.state;
-        return (h(Host, { key: 'f51401da1a777c73fa70faa5a9f05f0234f517f1', role: "listitem", class: `bs-stepper-step--${this.direction}` }, h("div", { key: '30a1c060295b4addfc53ab67757661c7750ca781', class: "bs-stepper-step__top" }, h("span", { key: 'c4acc0a90fe006ed779072025c0aefc30a96c43f', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && h("span", { key: '2a03c4c0b2e07a3879b7dbbcfc2022c6d753072d', class: "bs-stepper-step__icon-dot" }), state === 'done' && h(CheckIcon, { key: 'a6492fbd22bc9659fa7e71340bab908eee807dbb' }), state === 'error' && h(ExclamationIcon, { key: '5390c086f6c8314040862b5a4f680685d67a1f86' })), h("span", { key: '535e553bca360fe96538afb4baf0063e18b88fd8', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, h("span", { key: 'a04809fbdb2a47a129cf1a499bf0f9956d425e95', class: "bs-stepper-step__connector-line" }))), h("span", { key: 'ff4b573a3f0b1bac78cabbc68d58d4ecfe330fe9', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, h("span", { key: '2cecc129a85da61efaa8c670754feca4a56fe717', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (h("span", { key: '5c06546a24247733d7df9c99c753074809272feb', part: "description", class: "bs-stepper-step__description" }, this.description)))));
+        return (h(Host, { key: 'aebeb38afde905d2b5d12f6c6218c7f6d8caa6db', role: "listitem", class: `bs-stepper-step--${this.direction}` }, h("div", { key: '5ce2ab43631225cabfad3d0a65724fe53475c609', class: "bs-stepper-step__top" }, h("span", { key: '5270d9396ce4eaae1e7f8893d28198df7f87d515', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && h("span", { key: 'a2a83808311c13113d9cefa5a2bc9926be9dea97', class: "bs-stepper-step__icon-dot" }), state === 'done' && h(CheckIcon, { key: 'acf704a0de2391bac5cddc3eebef1f6aa821e233' }), state === 'error' && h(ExclamationIcon, { key: '4fc253c6ffced8ef5eaf337e39c0912b0765f5aa' })), h("span", { key: '163f5b4e465c4b6b27238ceaf73d7cdd96f5b376', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, h("span", { key: 'f71f15dba5235e6176dad102c4ebad976e063900', class: "bs-stepper-step__connector-line" }))), h("span", { key: 'ae5cd8999024687a6a3631dc6887428256899479', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, h("span", { key: 'a5971b572a0f1a2f602e8f888a16d6e0e5599183', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (h("span", { key: '2873a2ceb40f7abc5e543a0d50192bc42945f3e5', part: "description", class: "bs-stepper-step__description" }, this.description)))));
     }
     static get is() { return "bs-stepper-step"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-switch/bs-switch.js

@@ -75,7 +75,7 @@ export class BsSwitch {
         const knobClasses = ['bs-switch__knob', `bs-switch__knob--${this.size}`, this.disabled ? 'bs-switch__knob--disabled' : '']
             .filter(Boolean)
             .join(' ');
-        return (h("label", { key: '11ad9e104dabafbecba8395436f4f88fff141449', class: `bs-switch ${this.disabled ? 'bs-switch--disabled' : ''}` }, h("input", { key: '4a6c4400f9193f481b1134517ed7d53828cca27d', 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: 'f6dca44c46b5412135cb43220ece5a8d161018d0', part: "track", class: trackClasses }, h("span", { key: '6a06911e7f17822a4b5df219f9c564cf8d130fbb', part: "knob", class: knobClasses })), h("span", { key: '6628c4ef4e1097d5b41b0b8eaac47eb0af627722', part: "label", class: "bs-switch__label" }, h("slot", { key: 'd1ce12e2a63a3a1a067c4080bae9c7612e8dd933' }))));
+        return (h("label", { key: '8e879cda3d51659448298ad74e0cd72d6a3c7692', class: `bs-switch ${this.disabled ? 'bs-switch--disabled' : ''}` }, h("input", { key: '49e885f0275339b520e601eab3dd5e58e4deaf33', 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: '713c1fe5e578730b3afdeff880083ca9df5f0805', part: "track", class: trackClasses }, h("span", { key: 'f64210e5e3c6fa2c814567921922da3a3b93dd5f', part: "knob", class: knobClasses })), h("span", { key: '5a5cdbdb31470bcda460412ddb6f78fa4bb37a4b', part: "label", class: "bs-switch__label" }, h("slot", { key: '4d1857d66cfbed3b59805359692371decec5c374' }))));
     }
     static get is() { return "bs-switch"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-tab/bs-inline-tab/bs-inline-tab.js

@@ -94,7 +94,7 @@ export class BsInlineTab {
     };
     render() {
         const iconOnly = this.hasIcon && !this.hasLabel;
-        return (h("button", { key: 'bccfcaa980bc351de48dc6e0611614721f7e63aa', type: "button", part: "tab", role: "tab", class: `bs-inline-tab ${this.selected ? 'bs-inline-tab--selected' : ''} ${this.disabled ? 'bs-inline-tab--disabled' : ''} ${iconOnly ? 'bs-inline-tab--icon-only' : ''} ${this.hasIcon ? 'bs-inline-tab--has-icon' : ''}`, 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: 'f9bb9caedc8fb34d90dd23a14e431714d2175389', part: "icon", class: `bs-inline-tab__icon ${this.hasIcon ? 'bs-inline-tab__icon--has-content' : ''}` }, h("slot", { key: '457be6231cd41bfe12198cda4780bff83af84d52', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'dea0e6da1a85682c7e04c93bb6c07165b720e168', part: "label", class: `bs-inline-tab__label ${this.hasLabel ? 'bs-inline-tab__label--has-content' : ''}` }, h("slot", { key: '6e2c366f47f47a976cdcc667222e281306dbfc63', onSlotchange: this.onLabelSlotchange }))));
+        return (h("button", { key: '4b8df7a5f37f0aad60679cbdd3bd03cb20482ba7', type: "button", part: "tab", role: "tab", class: `bs-inline-tab ${this.selected ? 'bs-inline-tab--selected' : ''} ${this.disabled ? 'bs-inline-tab--disabled' : ''} ${iconOnly ? 'bs-inline-tab--icon-only' : ''} ${this.hasIcon ? 'bs-inline-tab--has-icon' : ''}`, 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: '037cdaae4331e050b5c02083d1776bb5509ff92b', part: "icon", class: `bs-inline-tab__icon ${this.hasIcon ? 'bs-inline-tab__icon--has-content' : ''}` }, h("slot", { key: '3b67b01e65434c35545fc9f06dab7bb871362001', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'd41611429e951d13df23521f938217716f2afacd', part: "label", class: `bs-inline-tab__label ${this.hasLabel ? 'bs-inline-tab__label--has-content' : ''}` }, h("slot", { key: '8ea82e8ecc120c9961b8288a1162ec03ac0223bf', onSlotchange: this.onLabelSlotchange }))));
     }
     static get is() { return "bs-inline-tab"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-tab/bs-tab/bs-tab.js

@@ -107,7 +107,7 @@ export class BsTab {
         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: '088ea367ad3b8b1afa36e8bb4cac7fb150aae7f2', 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: 'a68c2b1a582dbdae20dad694e4d69b80aa5223ea', part: "icon", class: `bs-tab__icon ${this.hasIcon ? 'bs-tab__icon--has-content' : ''}` }, h("slot", { key: '80a7d2856033c87f9f7cce7b3637e6a91106d76d', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '77e038473baf0bd124c589ce24c25ba0bebe2cde', part: "label", class: `bs-tab__label ${this.hasLabel ? 'bs-tab__label--has-content' : ''}` }, h("slot", { key: 'dd09813d9c8dcb66fd338ff238861b0b02a8df07', onSlotchange: this.onLabelSlotchange })), h("span", { key: '22f74bafa1ad5948c0e1f09e9eb6f20f3b8d16ae', part: "badge", class: `bs-tab__badge ${showBadge ? 'bs-tab__badge--has-content' : ''}` }, h("slot", { key: '65b8f288b9fcbfdb492d594226ef5da09fe082dd', name: "badge", onSlotchange: this.onBadgeSlotchange })), h("span", { key: 'fcda37d86c4c799e97ec0bf60ea7edd647e9c45e', part: "indicator", class: "bs-tab__indicator" })));
+        return (h("button", { key: '23d18710e7c697958aa0a7b4f8248bd85541db04', 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: 'd48e487274031e23a9febc4dccec966e939420ff', part: "icon", class: `bs-tab__icon ${this.hasIcon ? 'bs-tab__icon--has-content' : ''}` }, h("slot", { key: '004e5fc7c61b9d4a9813ce8a5ce21e71ff3f9bb8', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'e7d905a2daed877414e43078a2a4460486eee9a2', part: "label", class: `bs-tab__label ${this.hasLabel ? 'bs-tab__label--has-content' : ''}` }, h("slot", { key: '2bc379c7f2bd7a14c1864da3024773a1e392598f', onSlotchange: this.onLabelSlotchange })), h("span", { key: '92aff30ad4fd06d0a16c5fc40202fb4c553e80d6', part: "badge", class: `bs-tab__badge ${showBadge ? 'bs-tab__badge--has-content' : ''}` }, h("slot", { key: 'e655135dd81a288e7428d00c0778bb2b42294258', name: "badge", onSlotchange: this.onBadgeSlotchange })), h("span", { key: 'abecf083399730cc0e84c62109f51b683bf55ac0', part: "indicator", class: "bs-tab__indicator" })));
     }
     static get is() { return "bs-tab"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-tab/bs-tabs/bs-tabs.js

@@ -135,7 +135,7 @@ export class BsTabs {
     }
     render() {
         const vertical = this.orientation === 'vertical';
-        return (h("div", { key: '0bc0de64c29c4bca86e2709fd3f376e4c195eab2', part: "tablist", role: "tablist", "aria-orientation": this.orientation, class: `bs-tabs bs-tabs--${this.type} ${vertical ? 'bs-tabs--vertical' : ''}` }, h("slot", { key: '0751673c06ae93234a987fd809a49c9d5517d29c', onSlotchange: () => this.syncRovingTabindex() })));
+        return (h("div", { key: '07185cefa2f1a443035e61ba13f080913ce73ca6', part: "tablist", role: "tablist", "aria-orientation": this.orientation, class: `bs-tabs bs-tabs--${this.type} ${vertical ? 'bs-tabs--vertical' : ''}` }, h("slot", { key: '99fe98e753609bc4f594fb32dab5a7df2f4b3c0d', onSlotchange: () => this.syncRovingTabindex() })));
     }
     static get is() { return "bs-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-timepicker/bs-timepicker.js

@@ -200,14 +200,14 @@ export class BsTimepicker {
         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: '74af930fdaa05b2d91f4ca447078175a1c978994', part: "container", class: "bs-timepicker", surface: "raised" }, h("div", { key: 'f67c4d6f522e5ee39dad612521324d87a1d2c48d', class: "bs-timepicker__body" }, h("div", { key: 'c9bef71e51c20f5a09ae38519f89b7823fd2f9ad', part: "header", class: "bs-timepicker__header" }, h("div", { key: '4c4aa31d8f11f92bb789d7720222a39914a283a7', part: "title", class: "bs-timepicker__title" }, this.heading), h("label", { key: 'db8fbe9176836ccf19d60079fd21655a6f078eed', class: "bs-timepicker__format" }, h("span", { key: '42dd4163160e475dc5b27ec99534edf5df1e5a3d' }, this.formatLabel), h("bs-switch", { key: '1eca77cb8284366630ec8a53c2e5ca00ecea4382', part: "format-toggle", size: "md", ariaLabel: this.formatLabel, checked: !this.is12h, onBsChange: (ev) => (this.format = ev.detail ? '24h' : '12h') }))), h("div", { key: 'ec60756f323a04ddc74f9cf8bd6c84276cbe2a0b', class: "bs-timepicker__divider" }), h("div", { key: '15609379e051fe0eddbe491f0ccaeb7efad3ae81', part: "selector", class: "bs-timepicker__selector" }, this.renderColumn('hour', this.hourLabel), h("div", { key: '40760ac8da6112c1c82554ed807f156c3998ceeb', part: "separator", class: "bs-timepicker__separator", "aria-hidden": "true" }, h("svg", { key: 'b15b5bf4db3790c167b13caae40e1d1e7e92bfb7', viewBox: "0 0 4 32", fill: "currentColor" }, h("circle", { key: 'cdc4cee6cd246b05be5f11939425b44160a65d54', cx: "2", cy: "10", r: "2" }), h("circle", { key: '65a5393d6f05c241d7c1aa3c8090c22266386b0e', cx: "2", cy: "22", r: "2" }))), this.renderColumn('minute', this.minuteLabel), this.is12h && (h("bs-input", { key: '4292168e81da8883d93b1ce9e3e60edd00726cfb', part: "period", class: "bs-timepicker__period", type: "dropdown", label: this.periodLabel, value: this.isPm ? 'PM' : 'AM', options: [
+        return (h("bs-card", { key: 'ad3c51871ca4b0b1871944b658bae070140d1e99', part: "container", class: "bs-timepicker", surface: "raised" }, h("div", { key: 'b522d8a85e0161c4f7cd7938364919eda0585cf9', class: "bs-timepicker__body" }, h("div", { key: 'a3dd5ea83fa63cd9e8e6db2dfeb32b195e084f58', part: "header", class: "bs-timepicker__header" }, h("div", { key: '9af7c0024a4341ed1bbaccb4fb25e0e7558de93e', part: "title", class: "bs-timepicker__title" }, this.heading), h("label", { key: 'e18dcfcfe44a19f8dbac0737e487b23234d92fd6', class: "bs-timepicker__format" }, h("span", { key: '954b1579e9789c76521ba9364ed84caee882a05d' }, this.formatLabel), h("bs-switch", { key: '020b23405f62aa272c8af71d9071e0090bec5c30', part: "format-toggle", size: "md", ariaLabel: this.formatLabel, checked: !this.is12h, onBsChange: (ev) => (this.format = ev.detail ? '24h' : '12h') }))), h("div", { key: '283ba5ff1525c6561b7d00552dfc86ed34284f9b', class: "bs-timepicker__divider" }), h("div", { key: 'c2dfc0cb7b7cc0e5d106565746f3426b4065af9a', part: "selector", class: "bs-timepicker__selector" }, this.renderColumn('hour', this.hourLabel), h("div", { key: '1d017fd059c36955ba5ba4c5da5a05b9fb18e7d2', part: "separator", class: "bs-timepicker__separator", "aria-hidden": "true" }, h("svg", { key: '6b182c00b7dbd9150640c47aee43423d20e270c5', viewBox: "0 0 4 32", fill: "currentColor" }, h("circle", { key: '531640b6870cc87a284ac9ea64ca5b292c4f529f', cx: "2", cy: "10", r: "2" }), h("circle", { key: '323a4a90bebd8203b5c2f9803ffe03055991f9e2', cx: "2", cy: "22", r: "2" }))), this.renderColumn('minute', this.minuteLabel), this.is12h && (h("bs-input", { key: '3d7ec2986824358b3f1e795a9ce05b1b81d14432', 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: '9ceb4e065f2851ae0b4adc22fa6795d593df362a', class: "bs-timepicker__divider" }), h("div", { key: '8cbe32e5381d83e27ab7b97c50091fbf837428b8', part: "footer", class: "bs-timepicker__footer" }, h("bs-button", { key: '17fb1f5fcb3b40033951d13c460500c0bbc3f5a1', part: "cancel", variant: "subtle", onClick: this.cancel }, this.cancelLabel), h("bs-button", { key: '4a3a6a6bb3ef01a66e6198c1bcb148b94a164f8d', part: "confirm", variant: "primary", onClick: this.confirm }, this.confirmLabel)))));
+            } }))), h("div", { key: '664da910d0c1849ff6a47ca326945b37f837760a', class: "bs-timepicker__divider" }), h("div", { key: '852c88b44cbb5cc3f236363181920163776a4521', part: "footer", class: "bs-timepicker__footer" }, h("bs-button", { key: 'e92e26209c7ed2e45094265a54ad8347ce697f05', part: "cancel", variant: "subtle", onClick: this.cancel }, this.cancelLabel), h("bs-button", { key: '110338b7a98727089613a3eb661ca5e0d8346691', part: "confirm", variant: "primary", onClick: this.confirm }, this.confirmLabel)))));
     }
     static get is() { return "bs-timepicker"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-toast/bs-toast.js

@@ -27,7 +27,7 @@ export class BsToast {
         this.bsDismiss.emit();
     };
     render() {
-        return (h("div", { key: '759d3745ca8ffca53fa286408fa694ffe374b99d', part: "container", class: `bs-toast bs-toast--${this.state}`, role: "status", "aria-live": this.state === 'error' ? 'assertive' : 'polite' }, h("div", { key: '7f46844194cbb5fa9efd7ac475c8a417fbde9f27', class: "bs-toast__content" }, h("span", { key: 'cc4ca41ce6060f7ad6b84a9d0400d0515d200877', part: "icon", class: "bs-toast__icon", "aria-hidden": "true" }, h(StateIcon, { key: 'dc3754b7390e54fd84bde93903c57326046a5d3f', state: this.state })), h("span", { key: '1fbecaf2d09591e08708ee99381d0acc1ded3a8f', part: "message", class: "bs-toast__message" }, h("slot", { key: 'b7aba4aee990aec06d3782ab38332825b74ed85a' }))), h("div", { key: '1a4bb03633bf3aa703005c44b4d0d807a20dd51d', class: "bs-toast__actions" }, h("button", { key: 'a8ca2bc51acd31d3b21a63e128d98d029d638030', part: "close", type: "button", class: "bs-toast__close", "aria-label": this.dismissLabel, onClick: this.onDismiss }, h(CloseIcon, { key: '97dc7540e08a0bff5784a8bb22830370513b930b' })))));
+        return (h("div", { key: '335782bd5c8c1c721105684ee50efb71dc8a9dd8', part: "container", class: `bs-toast bs-toast--${this.state}`, role: "status", "aria-live": this.state === 'error' ? 'assertive' : 'polite' }, h("div", { key: '77c48c6315299064a6904646f46bb787dc4dada2', class: "bs-toast__content" }, h("span", { key: '8aef9bc3f662320fb3d60bbfdf8d4d8672297bd4', part: "icon", class: "bs-toast__icon", "aria-hidden": "true" }, h(StateIcon, { key: 'b1501a806e5866b69fbea2073741325f65b1209c', state: this.state })), h("span", { key: '751407d5dc04f3f8b4e57c5b47d1639f66e673a6', part: "message", class: "bs-toast__message" }, h("slot", { key: '9407fe265762817eb68e8119a40b792b53dbdb6e' }))), h("div", { key: '4bcd82ca67e8ce49998c7c954b3764df242e4eeb', class: "bs-toast__actions" }, h("button", { key: '352a9789b6f773ee385396bda80fde2ed972af30', part: "close", type: "button", class: "bs-toast__close", "aria-label": this.dismissLabel, onClick: this.onDismiss }, h(CloseIcon, { key: '5296f2811fda1f42b95087c4494fa05d3e0efff4' })))));
     }
     static get is() { return "bs-toast"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-tooltip/bs-tooltip.js

@@ -42,7 +42,7 @@ export class BsTooltip {
      */
     placement = 'top';
     render() {
-        return (h("div", { key: 'f29c467c70eb488ef6d1d83af7a71be2d26307be', class: "bs-tooltip" }, h("span", { key: 'e74432210ae015c44a87f1d5f60c3e448f016893', part: "arrow", class: "bs-tooltip__arrow" }), h("div", { key: '10ef531bf6076636e890ae6f679c0bd368714802', part: "bubble", class: "bs-tooltip__bubble" }, h("slot", { key: '0a634836408d120230bfed0c9dc11c014c4f0c4d' }))));
+        return (h("div", { key: 'f41f09865c1604e9c6f42d77a007ebef233d3b20', class: "bs-tooltip" }, h("span", { key: 'c963a9ffaedeb05e4b6787509e683f20fbd5d893', part: "arrow", class: "bs-tooltip__arrow" }), h("div", { key: 'ac5c26e3fded66c18cc563b33626645d6049f9e2', part: "bubble", class: "bs-tooltip__bubble" }, h("slot", { key: '662c27547a391756b7d1a98d1154c0e01690e110' }))));
     }
     static get is() { return "bs-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-tooltip-trigger/bs-tooltip-trigger.js

@@ -48,7 +48,7 @@ export class BsTooltipTrigger {
     };
     render() {
         const show = this.visible && !!this.text;
-        return (h("div", { key: 'a0038c387bb975237a46686d49a8cab159809056', 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: 'ab487b1303922867a4f36f148c504af7bc01f454' }), h("div", { key: '336ebebfd45f33b0a22c31af8d024d9c271e8793', part: "tooltip", id: this.tooltipId, class: "bs-tooltip-trigger__tooltip", role: "tooltip", hidden: !show }, h("bs-tooltip", { key: '97ffe6cc68d68fd4716169dd7a158ac5586435f8' }, this.text))));
+        return (h("div", { key: '399a6f518855e7ba3ac3824276933d3b1ec913cc', 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: 'bf83352404bcdf757325421b86c8c571f89bae47' }), h("div", { key: '44f5fed6608f49041f206e44302a22404c1b6fc2', part: "tooltip", id: this.tooltipId, class: "bs-tooltip-trigger__tooltip", role: "tooltip", hidden: !show }, h("bs-tooltip", { key: 'f04fab6b6e9c6fba4c0dbdfe01db5927e98227cb' }, this.text))));
     }
     static get is() { return "bs-tooltip-trigger"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-whats-new-entry/bs-whats-new-entry.js

@@ -50,7 +50,7 @@ export class BsWhatsNewEntry {
     hasImage = false;
     render() {
         const level = Math.min(6, Math.max(1, Math.trunc(Number(this.headingLevel)) || 3));
-        return (h("div", { key: 'c63cac0c83439a236c70326ad5a96c7f81937a9b', class: "bs-whats-new-entry" }, (this.tag || this.date || this.unread) && (h("div", { key: '3fd787ee36bc22757f2ed6afe14b722800ae2fc0', part: "meta", class: "bs-whats-new-entry__meta" }, this.tag && (h("bs-chip-informative", { key: '9df6bfdc16ed643a30eb41091e1fa3a3596afd72', part: "tag", size: "sm", color: this.tagColor }, this.tag)), this.date && (h("span", { key: 'dd69ccd630870d45a917141e354eacc58af2a0c6', part: "date", class: "bs-whats-new-entry__date" }, this.date)), this.unread && (h("span", { key: '953e0f25aa8eb15bf2a6b3dd314595ca89f07e4d', part: "unread", class: "bs-whats-new-entry__unread" }, h("span", { key: '70b11972fd39cf3fdc5d75e77d78069f75be0d66', class: "bs-whats-new-entry__sr-only" }, this.unreadLabel))))), h("div", { key: '85e754c3c08e60fdf96e437c86fa04528a1bd685', part: "image", class: { 'bs-whats-new-entry__image': true, 'bs-whats-new-entry__image--visible': this.hasImage } }, h("slot", { key: 'd2af24357183cd5a2055a7629d9d0b6a521cd7c6', name: "image", onSlotchange: (ev) => (this.hasImage = ev.target.assignedNodes().length > 0) })), h("div", { key: '5faf816a5c7399c78ffefa0aa7fdce1263e0c541', 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: '48e4d51341ebb9b3f22891dc3143b0820b094e53', part: "description", class: "bs-whats-new-entry__description" }, this.description)), this.actionLabel && (h("bs-button", { key: 'a7172c19eb22972e55fffdd3f655b98a891e07fb', part: "action", class: "bs-whats-new-entry__action", variant: "subtle", size: "sm", onClick: () => this.bsAction.emit() }, this.actionLabel, h("svg", { key: '125e1d135e8e02d986a3dd3c7bedc63c114c7562', 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: 'aecdc16aeb47469208eda8429c40118236a54c29', d: "M5 12H19" }), h("path", { key: '5cc3567f128808906a1e688606fc1e3e5f6afd32', d: "M13 6L19 12L13 18" }))))), this.divider && h("div", { key: '3207ac68a8ab88d6698110338d998a4d42a6caf2', part: "divider", class: "bs-whats-new-entry__divider" })));
+        return (h("div", { key: '392e53167e223e1a34802bf0106d0a92e3fbce47', class: "bs-whats-new-entry" }, (this.tag || this.date || this.unread) && (h("div", { key: 'a069414465afa8d5894967c4b91c029c6ca94714', part: "meta", class: "bs-whats-new-entry__meta" }, this.tag && (h("bs-chip-informative", { key: 'ba1c8320df4641ad9ba2e781a475ba81ab2e793e', part: "tag", size: "sm", color: this.tagColor }, this.tag)), this.date && (h("span", { key: '90fff95b14393041ef0d2a95f9d2f1e1e4fc4824', part: "date", class: "bs-whats-new-entry__date" }, this.date)), this.unread && (h("span", { key: '72a3ed86e67fdfbe754b94431e313b4978887bc0', part: "unread", class: "bs-whats-new-entry__unread" }, h("span", { key: '70f8e4492c9b09f39ffb78d3d2d6d0baf8cae27c', class: "bs-whats-new-entry__sr-only" }, this.unreadLabel))))), h("div", { key: '2930545aee739edac5d93ae7abc87984becbc6d6', part: "image", class: { 'bs-whats-new-entry__image': true, 'bs-whats-new-entry__image--visible': this.hasImage } }, h("slot", { key: 'a1ca6d788ee50e16668c50621c631b7be10128ea', name: "image", onSlotchange: (ev) => (this.hasImage = ev.target.assignedNodes().length > 0) })), h("div", { key: 'bc1cc0c9ad0d4272aa0e612822200d47a9108406', 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: '7e0a2520c2c3bd7c753e4f3a64d7f61230bf1c7e', part: "description", class: "bs-whats-new-entry__description" }, this.description)), this.actionLabel && (h("bs-button", { key: '8344b34f92c0bcd1da4e491823f8d1f2cef82ad2', part: "action", class: "bs-whats-new-entry__action", variant: "subtle", size: "sm", onClick: () => this.bsAction.emit() }, this.actionLabel, h("svg", { key: '8941060aacc137bee4a7a9f15a9a32023dfc5390', 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: '0833d06eca31e2a199ff5cd4def1a408d74c4030', d: "M5 12H19" }), h("path", { key: 'e079ace356dc320dfde3f48d7336d2507303d1bf', d: "M13 6L19 12L13 18" }))))), this.divider && h("div", { key: '369d9767229d3fb57cb1a68d0bcefb03da4a953e', part: "divider", class: "bs-whats-new-entry__divider" })));
     }
     static get is() { return "bs-whats-new-entry"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.js

@@ -234,11 +234,11 @@ export class BsNavigationDrawer {
     };
     render() {
         const classes = ['bs-navigation-drawer', this.mobile ? 'bs-navigation-drawer--overlay' : '', this.overlayOpen ? 'bs-navigation-drawer--open' : ''].filter(Boolean).join(' ');
-        return (h(Host, { key: '4ceea7fddea0092f942f3499987ee80ef4f4e8f3', "data-overlay": this.mobile ? '' : undefined }, this.mobile && h("div", { key: 'fbc83c1f7cc93f0afe6222b6d4afe256375c6537', part: "backdrop", class: "bs-navigation-drawer__backdrop", onClick: this.requestClose }), h("nav", { key: '26f09c3cd1662515bf7ef69826980b70d9c142f3', ref: el => (this.navRef = el), class: classes, "aria-label": this.heading,
+        return (h(Host, { key: 'e1c81adc6e4f1f0bb55d1b041ad7d38cf8f5abe9', "data-overlay": this.mobile ? '' : undefined }, this.mobile && h("div", { key: '109355f0d5456ac840dad94a3524626c1c589707', part: "backdrop", class: "bs-navigation-drawer__backdrop", onClick: this.requestClose }), h("nav", { key: '4f88360e7b8e01b2e994a0ec2f7bc7f952268e7d', ref: el => (this.navRef = el), class: classes, "aria-label": this.heading,
             // Stays a plain <nav> landmark in every state: ARIA does not allow role="dialog" on <nav>
             // (axe: aria-allowed-role). Modality is behavioral -- focus is held inside, the page behind is
             // scrimmed, Escape closes -- rather than announced through aria-modal.
-            tabIndex: this.mobile ? -1 : undefined }, this.showLogo && (h("div", { key: 'be5e1b6d08041b488fda977553e3c90f55ce3232', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--full" }, h("bs-logo", { key: 'aa24da803069235483a36e0896a6a0b32ed8a20a', variant: "full", background: this.logoBackground }))), this.showLogo && (h("div", { key: 'cda0395a72b95f6b9a7178c218d68b11dba1d768', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--mark" }, h("bs-logo", { key: '53f13ca91f9e39ea89df909643102d9172bdb815', variant: "mark", background: this.logoBackground }))), h("div", { key: '7e73d0ef62745fca7cc385382e0b4335518026ce', class: "bs-navigation-drawer__title-row" }, h("span", { key: '39f056417b0cfaaa9e5cc71b612c3c109574a159', part: "title", class: "bs-navigation-drawer__title" }, this.heading), this.collapsible && (h("button", { key: 'bb3e2190475ea000daaac66dfab6c1ff6fda8d40', type: "button", part: "collapse", class: "bs-navigation-drawer__collapse", "aria-label": this.collapsed ? this.expandLabel : this.collapseLabel, "aria-pressed": this.collapsed ? 'true' : 'false', onClick: this.onCollapseClick }, h(CaretLeftIcon, { key: '3f37c1b7bd9c53eec44ba751c95e4e95bf3920f6' })))), h("div", { key: '98af0d2bbec07f8520c67d4e9f102449106b6498', part: "search", class: "bs-navigation-drawer__search" }, h("slot", { key: '223dc57c477dfb3accdb690754d63132c562f867', name: "search" })), h("button", { key: 'dfa75a9b3b29dcda5c140905b055ff19669f7af5', type: "button", part: "search-trigger", class: "bs-navigation-drawer__search-trigger", "aria-label": this.searchLabel, onClick: this.onSearchTriggerClick }, h(SearchIcon, { key: '98aed385273752c647ccef54fa380f92ae65129b' })), h("div", { key: 'cf6cc371959a7fe81ac7fed27176d78370891f09', part: "items", class: "bs-navigation-drawer__items" }, h("slot", { key: '0ef6002bac2fbea8430ca6e049f3ce463ba4ec71' })))));
+            tabIndex: this.mobile ? -1 : undefined }, this.showLogo && (h("div", { key: '92fa952e0f790312893ca7898032e5e03f6a3b40', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--full" }, h("bs-logo", { key: '998db3f0da7ff0127f9fff36cf33d8a0978193d4', variant: "full", background: this.logoBackground }))), this.showLogo && (h("div", { key: '02372bdeefe1aa3c392b98e9965e228b607d6b2a', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--mark" }, h("bs-logo", { key: 'cbe17acf68175e147b5f82fe59fe352519055eb4', variant: "mark", background: this.logoBackground }))), h("div", { key: '01d088e11a2d4d98e95a732f61b0eef7eb1710c3', class: "bs-navigation-drawer__title-row" }, h("span", { key: '44d0379c380e4b53188d84fc498495e442d2bd11', part: "title", class: "bs-navigation-drawer__title" }, this.heading), this.collapsible && (h("button", { key: '591cecfab387cd135ec8973f1578aff0ece7a2a8', type: "button", part: "collapse", class: "bs-navigation-drawer__collapse", "aria-label": this.collapsed ? this.expandLabel : this.collapseLabel, "aria-pressed": this.collapsed ? 'true' : 'false', onClick: this.onCollapseClick }, h(CaretLeftIcon, { key: 'e10812b18b0133022e0424771243bbcca4454367' })))), h("div", { key: '52083c066c5797cc966f028504b3076265a88e79', part: "search", class: "bs-navigation-drawer__search" }, h("slot", { key: '9bb6a36ffb750d2a981dfddb94a39dd008e5c5bf', name: "search" })), h("button", { key: '53df19a611aa6c0049a079af9b126b244eff1e1e', type: "button", part: "search-trigger", class: "bs-navigation-drawer__search-trigger", "aria-label": this.searchLabel, onClick: this.onSearchTriggerClick }, h(SearchIcon, { key: '034ce5318ab191d4adf5fa37b91d63468e55f6cd' })), h("div", { key: 'c292064e09cc60d04b51e38596f4afbe209a2c11', part: "items", class: "bs-navigation-drawer__items" }, h("slot", { key: 'f5d8ad27a9aab5f5d9ea83c8c99f52bc2ff5c9d5' })))));
     }
     static get is() { return "bs-navigation-drawer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer-item/bs-navigation-drawer-item.js

@@ -131,7 +131,7 @@ export class BsNavigationDrawerItem {
         // incorrectly also toggle this parent row on every child click. Both are wrapped in a
         // `display: contents` container so render() still returns a single root node (this codebase's
         // convention, e.g. bs-input.tsx) without that wrapper affecting layout at all.
-        return (h("div", { key: '1cb752ce9bcf0960e864906fbf70d6627b8352eb', class: "bs-navigation-drawer-item__root" }, h("button", { key: 'e7ff152d751f4f8333c48b3ba4bbed10a9bcbb4b', type: "button", part: "item", class: rowClasses, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-label": this.ariaLabel ?? undefined, onClick: this.onClick }, !this.nested && (h("span", { key: '91b0139bc50e6bb9dc51b30de3e0a365e3e5658b', part: "icon", class: `bs-navigation-drawer-item__icon ${this.hasIcon ? 'bs-navigation-drawer-item__icon--has-content' : ''}` }, h("slot", { key: 'cc6be4568c6e10e82412f0d9beba110e53715257', name: "icon", onSlotchange: this.onIconSlotchange }))), h("span", { key: '95e319ebf4799f86e1eb686c849ced443a6507ae', part: "label", class: "bs-navigation-drawer-item__label" }, h("slot", { key: 'c2e4554f7117620100c569b6d2da2c45df9baf33' })), this.expandable && (h("span", { key: 'c262c787a9db3c6453bbfb2082c0e1677d443de4', part: "chevron", class: `bs-navigation-drawer-item__chevron ${this.expanded ? 'bs-navigation-drawer-item__chevron--expanded' : ''}` }, h(ChevronDownIcon, { key: '7ad34ca909681f60d6c920e9304b4e653e9bbfe9' })))), this.expandable && (h("span", { key: '497d8bd4f5d2d6b03a748099ea332074f4446497', part: "children", class: "bs-navigation-drawer-item__children" }, h("slot", { key: '87c4b0489b654453eb9338f2d9b52b933366908c', name: "children" })))));
+        return (h("div", { key: '595e07689792695de104ae819850cf9fe6179221', class: "bs-navigation-drawer-item__root" }, h("button", { key: 'a8d5ecf7545c167b43e43fc85623d4288bba640c', type: "button", part: "item", class: rowClasses, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-label": this.ariaLabel ?? undefined, onClick: this.onClick }, !this.nested && (h("span", { key: '0b24f46d98af43c8d3fca48fac4236a238ebc8f7', part: "icon", class: `bs-navigation-drawer-item__icon ${this.hasIcon ? 'bs-navigation-drawer-item__icon--has-content' : ''}` }, h("slot", { key: 'a02e510672ff00c251630d7500cabd73fcf4b719', name: "icon", onSlotchange: this.onIconSlotchange }))), h("span", { key: 'ce24ac37510ed8b0ee7e2d56fc9113855c3e0b98', part: "label", class: "bs-navigation-drawer-item__label" }, h("slot", { key: '28769ab29310980c79fde5d9b21b16365ac33b6b' })), this.expandable && (h("span", { key: 'aaf1c341a5d1b067162434a7d3d1544e02a23307', part: "chevron", class: `bs-navigation-drawer-item__chevron ${this.expanded ? 'bs-navigation-drawer-item__chevron--expanded' : ''}` }, h(ChevronDownIcon, { key: 'b15b40ce16d85fd9f5050b4815a87f0b3b1dbab3' })))), this.expandable && (h("span", { key: '51c9f7d63673e3a6ee1b8045ea88610af3b29ad5', part: "children", class: "bs-navigation-drawer-item__children" }, h("slot", { key: '7adc4d5d2f3fc79941881ddc96654c5ef357dc40', name: "children" })))));
     }
     static get is() { return "bs-navigation-drawer-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-shell/bs-navigation-header/bs-navigation-header/bs-navigation-header.js

@@ -61,7 +61,7 @@ export class BsNavigationHeader {
     render() {
         const showLogo = this.alignment !== 'with-navigation-drawer';
         const rootClasses = `bs-navigation-header bs-navigation-header--${this.alignment}`;
-        return (h("header", { key: '13902b4fc78c50b646532b05b0628cd87795bbdc', class: rootClasses, "aria-label": this.ariaLabel ?? undefined }, this.skipToContentHref && (h("a", { key: '98d3add96ab6da8f108b47ccb3317fddccf16fdd', part: "skip-link", class: "bs-navigation-header__skip-link", href: this.skipToContentHref }, this.skipToContentLabel)), showLogo && (h("bs-logo", { key: '3de6328cdced810f59e169adb9c894f357bb3362', part: "logo", class: "bs-navigation-header__logo", variant: "full", background: this.logoBackground })), h("div", { key: '3963c852293dd06990345d11c262eb437998b9a6', part: "left", class: "bs-navigation-header__left" }, h("slot", { key: '3d19c967ad4d6d2ac53e73623e26607ec60bc040', name: "left" })), h("div", { key: 'a4b7019e8df5d5d00163815058af7396c578e3f4', part: "right", class: "bs-navigation-header__right" }, h("slot", { key: '9e07a80b8a8e03b567e5112291f56055300e0e89', name: "right" }))));
+        return (h("header", { key: '15068c106978e045dba19165016adefaee9c639a', class: rootClasses, "aria-label": this.ariaLabel ?? undefined }, this.skipToContentHref && (h("a", { key: '7040b0d89e0c10c62ca520cf75d5b7bdc7d2e09b', part: "skip-link", class: "bs-navigation-header__skip-link", href: this.skipToContentHref }, this.skipToContentLabel)), showLogo && (h("bs-logo", { key: '77c9baa735505031c3e5c2f8d784d21113a1a78e', part: "logo", class: "bs-navigation-header__logo", variant: "full", background: this.logoBackground })), h("div", { key: '1f2b44b9a8fc50c0736333bedcf91113e57bde00', part: "left", class: "bs-navigation-header__left" }, h("slot", { key: '40388c6c6d118ea1632a8aabfc5eb40504fafe42', name: "left" })), h("div", { key: '72567bab7f76ac21957a7efc57152faf27223344', part: "right", class: "bs-navigation-header__right" }, h("slot", { key: 'c83f0b591abf7093a566571b4811011e12d1fccb', name: "right" }))));
     }
     static get is() { return "bs-navigation-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/bs-accordion-group.js

@@ -1 +1 @@
-import{t as o,p as e,H as s,h as c}from"./p-B2gx7SZk.js";const r=e(class extends s{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}get el(){return this}multiple=!1;onToggle(o){const e=o.target;if(!e||"bs-accordion"!==e.tagName.toLowerCase())return;const s=o.detail;e.expanded=s,s&&!this.multiple&&Array.from(this.el.querySelectorAll("bs-accordion")).forEach((o=>{o!==e&&(o.expanded=!1)}))}render(){return c("div",{key:"eab0e21363280efe5401c3a7342ccd589cf4c9d6",part:"group",class:"bs-accordion-group"},c("slot",{key:"54eae755d26e79dffc536e4a158112db3a2d79e3"}))}static get style(){return":host{display:block;--bs-accordion-group-gap:0}.bs-accordion-group{display:flex;flex-direction:column;gap:var(--bs-accordion-group-gap)}"}},[769,"bs-accordion-group",{multiple:[4]},[[0,"bsToggle","onToggle"]]]);function t(){"undefined"!=typeof customElements&&["bs-accordion-group"].forEach((e=>{"bs-accordion-group"===e&&(customElements.get(o(e))||customElements.define(o(e),r))}))}t();const n=r,a=t;export{n as BsAccordionGroup,a as defineCustomElement}
+import{t as o,p as s,H as c,h as r}from"./p-B2gx7SZk.js";const t=s(class extends c{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}get el(){return this}multiple=!1;onToggle(o){const s=o.target;if(!s||"bs-accordion"!==s.tagName.toLowerCase())return;const c=o.detail;s.expanded=c,c&&!this.multiple&&Array.from(this.el.querySelectorAll("bs-accordion")).forEach((o=>{o!==s&&(o.expanded=!1)}))}render(){return r("div",{key:"eb67a09471201b25ce3a886f519b1fcf343e0dc4",part:"group",class:"bs-accordion-group"},r("slot",{key:"112be064a98f959b8cf8071ccd3913472857dda5"}))}static get style(){return":host{display:block;--bs-accordion-group-gap:0}.bs-accordion-group{display:flex;flex-direction:column;gap:var(--bs-accordion-group-gap)}"}},[769,"bs-accordion-group",{multiple:[4]},[[0,"bsToggle","onToggle"]]]);function e(){"undefined"!=typeof customElements&&["bs-accordion-group"].forEach((s=>{"bs-accordion-group"===s&&(customElements.get(o(s))||customElements.define(o(s),t))}))}e();const n=t,a=e;export{n as BsAccordionGroup,a as defineCustomElement}

package/dist/components/bs-ai-disclaimer.js

@@ -1 +1 @@
-import{t as i,p as e,H as s,h as a}from"./p-B2gx7SZk.js";const t=e(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow()}render(){return a("div",{key:"6836cda985bc40ddb3d9107031bad86c9d71f9e6",class:"bs-ai-disclaimer"},a("p",{key:"6a4c4655b6e84fe3a2a0bb2abbc917edc5ccccda",part:"text",class:"bs-ai-disclaimer__text"},a("slot",{key:"1dbb9ec659e805272a683a5b8d1004bad079435f"})))}static get style(){return":host{display:block;--bs-ai-disclaimer-padding-x:var(--bs-spacing-200);--bs-ai-disclaimer-text-color:var(--bs-text-secondary);--bs-ai-disclaimer-font-size:var(--bs-font-size-sm);--bs-ai-disclaimer-line-height:var(--bs-line-height-body-sm)}.bs-ai-disclaimer{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0 var(--bs-ai-disclaimer-padding-x);font-family:inherit}.bs-ai-disclaimer__text{margin:0;flex:1 0 0;min-width:0;color:var(--bs-ai-disclaimer-text-color);font-size:var(--bs-ai-disclaimer-font-size);line-height:calc(var(--bs-ai-disclaimer-line-height) * 1px);text-align:center;word-break:break-word}"}},[257,"bs-ai-disclaimer"]);function r(){"undefined"!=typeof customElements&&["bs-ai-disclaimer"].forEach((e=>{"bs-ai-disclaimer"===e&&(customElements.get(i(e))||customElements.define(i(e),t))}))}r();const c=t,d=r;export{c as BsAiDisclaimer,d as defineCustomElement}
+import{t as e,p as i,H as s,h as a}from"./p-B2gx7SZk.js";const t=i(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return a("div",{key:"f5661854e2d9dce7b68e2851455d734d4e715cc4",class:"bs-ai-disclaimer"},a("p",{key:"9d7a2dfa132ec66ff1157ecdb1d6899f1c587c9e",part:"text",class:"bs-ai-disclaimer__text"},a("slot",{key:"204ae3cd2422e9a68be5d1eb5cf7598bbd9e1269"})))}static get style(){return":host{display:block;--bs-ai-disclaimer-padding-x:var(--bs-spacing-200);--bs-ai-disclaimer-text-color:var(--bs-text-secondary);--bs-ai-disclaimer-font-size:var(--bs-font-size-sm);--bs-ai-disclaimer-line-height:var(--bs-line-height-body-sm)}.bs-ai-disclaimer{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0 var(--bs-ai-disclaimer-padding-x);font-family:inherit}.bs-ai-disclaimer__text{margin:0;flex:1 0 0;min-width:0;color:var(--bs-ai-disclaimer-text-color);font-size:var(--bs-ai-disclaimer-font-size);line-height:calc(var(--bs-ai-disclaimer-line-height) * 1px);text-align:center;word-break:break-word}"}},[257,"bs-ai-disclaimer"]);function r(){"undefined"!=typeof customElements&&["bs-ai-disclaimer"].forEach((i=>{"bs-ai-disclaimer"===i&&(customElements.get(e(i))||customElements.define(e(i),t))}))}r();const c=t,d=r;export{c as BsAiDisclaimer,d as defineCustomElement}

package/dist/components/bs-ai-greeting.js

@@ -1 +1 @@
-import{t as e,p as i,H as t,h as a}from"./p-B2gx7SZk.js";const n=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}assistantName="Genie";productName;render(){const e=this.productName?`How can I help you with ${this.productName} today?`:"How can I help you today?";return a("div",{key:"52338569aed6a7037350dab5d7694ee68ddb2361",class:"bs-ai-greeting"},a("div",{key:"90e982ee9f3b6e7365e2f92db45d148f3379be2a",part:"heading",class:"bs-ai-greeting__heading"},a("p",{key:"38d2c6f3ddf74f42c16fe01ae4e5f8c8612eff65",class:"bs-ai-greeting__heading-line"},"Hi. I'm ",this.assistantName,","),a("p",{key:"b17ecd7382915ccf042248a835dffd5878191d02",class:"bs-ai-greeting__heading-line"},"your AI assistant.")),a("p",{key:"0bcc7a05d39113938dd7491326e31e2c25ac8557",part:"subtext",class:"bs-ai-greeting__subtext"},e))}static get style(){return":host{display:block;--bs-ai-greeting-gap:var(--bs-spacing-200);--bs-ai-greeting-max-width:490px;--bs-ai-greeting-heading-color:var(--bs-text-default);--bs-ai-greeting-heading-font-size:var(--bs-font-size-4xl);--bs-ai-greeting-heading-line-height:var(--bs-line-height-body-lg);--bs-ai-greeting-heading-weight:var(--bs-font-weight-bold);--bs-ai-greeting-heading-gap:var(--bs-spacing-200);--bs-ai-greeting-subtext-color:var(--bs-text-secondary);--bs-ai-greeting-subtext-font-size:var(--bs-font-size-xl);--bs-ai-greeting-subtext-line-height:var(--bs-line-height-body-lg)}.bs-ai-greeting{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--bs-ai-greeting-gap);max-width:var(--bs-ai-greeting-max-width);margin:0 auto;text-align:center;font-family:inherit}.bs-ai-greeting__heading{display:flex;flex-direction:column;gap:var(--bs-ai-greeting-heading-gap);color:var(--bs-ai-greeting-heading-color);font-size:var(--bs-ai-greeting-heading-font-size);font-weight:var(--bs-ai-greeting-heading-weight);line-height:calc(var(--bs-ai-greeting-heading-line-height) * 1px)}.bs-ai-greeting__heading-line{margin:0}.bs-ai-greeting__subtext{margin:0;color:var(--bs-ai-greeting-subtext-color);font-size:var(--bs-ai-greeting-subtext-font-size);font-weight:var(--bs-font-weight-regular);line-height:calc(var(--bs-ai-greeting-subtext-line-height) * 1px)}"}},[513,"bs-ai-greeting",{assistantName:[1,"assistant-name"],productName:[1,"product-name"]}]);function s(){"undefined"!=typeof customElements&&["bs-ai-greeting"].forEach((i=>{"bs-ai-greeting"===i&&(customElements.get(e(i))||customElements.define(e(i),n))}))}s();const g=n,r=s;export{g as BsAiGreeting,r as defineCustomElement}
+import{t as e,p as i,H as t,h as a}from"./p-B2gx7SZk.js";const n=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}assistantName="Genie";productName;render(){const e=this.productName?`How can I help you with ${this.productName} today?`:"How can I help you today?";return a("div",{key:"3c5e07830440c3fdbfd780cd8fa433ed90128ed3",class:"bs-ai-greeting"},a("div",{key:"b71c78a3dd74ebf53bda99571ccfe8b823c50962",part:"heading",class:"bs-ai-greeting__heading"},a("p",{key:"2396a7161a8f40e8a479b9813d474861910697ac",class:"bs-ai-greeting__heading-line"},"Hi. I'm ",this.assistantName,","),a("p",{key:"2ef3257274af87f293fa423c4c8cdc56f7927e0b",class:"bs-ai-greeting__heading-line"},"your AI assistant.")),a("p",{key:"b95f7508e344e33c2eba714e37606148dbdaefc0",part:"subtext",class:"bs-ai-greeting__subtext"},e))}static get style(){return":host{display:block;--bs-ai-greeting-gap:var(--bs-spacing-200);--bs-ai-greeting-max-width:490px;--bs-ai-greeting-heading-color:var(--bs-text-default);--bs-ai-greeting-heading-font-size:var(--bs-font-size-4xl);--bs-ai-greeting-heading-line-height:var(--bs-line-height-body-lg);--bs-ai-greeting-heading-weight:var(--bs-font-weight-bold);--bs-ai-greeting-heading-gap:var(--bs-spacing-200);--bs-ai-greeting-subtext-color:var(--bs-text-secondary);--bs-ai-greeting-subtext-font-size:var(--bs-font-size-xl);--bs-ai-greeting-subtext-line-height:var(--bs-line-height-body-lg)}.bs-ai-greeting{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--bs-ai-greeting-gap);max-width:var(--bs-ai-greeting-max-width);margin:0 auto;text-align:center;font-family:inherit}.bs-ai-greeting__heading{display:flex;flex-direction:column;gap:var(--bs-ai-greeting-heading-gap);color:var(--bs-ai-greeting-heading-color);font-size:var(--bs-ai-greeting-heading-font-size);font-weight:var(--bs-ai-greeting-heading-weight);line-height:calc(var(--bs-ai-greeting-heading-line-height) * 1px)}.bs-ai-greeting__heading-line{margin:0}.bs-ai-greeting__subtext{margin:0;color:var(--bs-ai-greeting-subtext-color);font-size:var(--bs-ai-greeting-subtext-font-size);font-weight:var(--bs-font-weight-regular);line-height:calc(var(--bs-ai-greeting-subtext-line-height) * 1px)}"}},[513,"bs-ai-greeting",{assistantName:[1,"assistant-name"],productName:[1,"product-name"]}]);function s(){"undefined"!=typeof customElements&&["bs-ai-greeting"].forEach((i=>{"bs-ai-greeting"===i&&(customElements.get(e(i))||customElements.define(e(i),n))}))}s();const g=n,r=s;export{g as BsAiGreeting,r as defineCustomElement}