@brandsync/wc 1.4.0 → 1.5.0

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

@@ -0,0 +1,203 @@
+import { h } from "@stencil/core";
+/**
+ * A single collapsible section -- a clickable header (optional leading icon, label, trailing
+ * caret) that reveals or hides a body content area.
+ *
+ * This component renders exactly one section. A consumer stacks multiple `bs-accordion` elements
+ * (optionally managing which one(s) are expanded, e.g. "only one open at a time") themselves --
+ * there's no accordion-group wrapper here, matching Figma's component which only specs the single
+ * section, not a group behavior.
+ *
+ * @slot - Default slot: the body/content area, shown below the header when expanded (and, unless
+ * `showPreview` is `false`, truncated to one line when collapsed).
+ * @slot label - The header's title text.
+ * @slot icon - Optional leading icon, overriding the default Plus glyph. Only rendered when
+ * `showIcon` is `true`.
+ * @part container - The outer wrapper.
+ * @part header - The clickable header row.
+ * @part icon - The leading icon wrapper.
+ * @part label - The label wrapper.
+ * @part caret - The trailing caret wrapper.
+ * @part content - The body content wrapper.
+ */
+export class BsAccordion {
+    /** Whether the section is expanded. This is the single source of truth for the component's
+     * visual state -- a controlled component, like a controlled `<input>`. Clicking (or
+     * keyboard-activating) the header never mutates this prop itself; it only emits `bsToggle` with
+     * the requested new value. If the consumer doesn't echo the change back via this prop (e.g.
+     * some validation rejects it), the rendering stays exactly as `expanded` says, rather than
+     * drifting into an internally-tracked truth -- same lesson as bs-chip-filter's `selected` prop.
+     * Reflected so consumers can target `bs-accordion[expanded]` via CSS. NOT `mutable: true`. */
+    expanded = false;
+    /** Sizing scale. Controls the leading icon box's dimensions and the header's vertical padding --
+     * the body content area's padding stays constant across sizes, matching the Figma spec. */
+    size = 'medium';
+    /** Disables the header: suppresses hover/focus/pressed styling, prevents toggling via click or
+     * keyboard, and removes it from the tab order. */
+    disabled = false;
+    /** Shows the leading icon area (default Plus glyph, or the `icon` slot's content). When
+     * `false`, no icon box is reserved and the header/body padding tighten to the left edge. */
+    showIcon = true;
+    /** When collapsed, renders the body content truncated to a single line (pure CSS truncation of
+     * the same slotted content, not different content) instead of rendering nothing. Has no effect
+     * while expanded -- the full content always renders then, regardless of this prop. */
+    showPreview = true;
+    /** Emitted when the header is activated (click, or Enter/Space while focused), with the
+     * REQUESTED new expanded value (`!expanded`). Never fires while `disabled`. */
+    bsToggle;
+    onActivate = () => {
+        if (this.disabled)
+            return;
+        this.bsToggle.emit(!this.expanded);
+    };
+    render() {
+        // A native <button> wraps the whole header row (icon + label + caret) rather than a
+        // `<div role="button">`: it gets click, keyboard activation (Enter/Space), focus-visible
+        // styling, and `disabled` semantics (not focusable, no events) for free, and flexbox handles
+        // laying out its children as easily as a <div>'s -- no layout reason to hand-roll any of that.
+        return (h("div", { key: '2774538f3bc8d52e5a295edafbdad5e2a12dddda', part: "container", class: `bs-accordion bs-accordion--${this.size} ${this.disabled ? 'bs-accordion--disabled' : ''}` }, h("button", { key: '7e1942dca9082ac653dd7e3d55d9b919790bcd5b', type: "button", part: "header", class: `bs-accordion__header bs-accordion__header--${this.size} ${this.showIcon ? '' : 'bs-accordion__header--no-icon'}`, disabled: this.disabled, "aria-expanded": String(this.expanded), onClick: this.onActivate }, this.showIcon && (h("span", { key: 'abd274cb295ae34e9220846a1e8466623f65663a', part: "icon", class: `bs-accordion__icon bs-accordion__icon--${this.size}`, "aria-hidden": "true" }, h("slot", { key: 'd9c4c429852c77f4a10c05eb247a9d3d35559ef6', name: "icon" }, h(PlusIcon, { key: '2fb492c43754a517e4e98b684f811be21777e849' })))), h("span", { key: '0b0c7d891e30aa3d45f70d7ff1c79e93ae0dfd6c', part: "label", class: "bs-accordion__label" }, h("slot", { key: '21cc50e1f368663dc1a980c9dd96522265c8c433', name: "label" })), h("span", { key: 'b9506bf3fa94a5ad05083b5cda4eafa29de0369f', part: "caret", class: "bs-accordion__caret", "aria-hidden": "true" }, this.expanded ? h(CaretUpIcon, null) : h(CaretDownIcon, null))), (this.expanded || this.showPreview) && (h("div", { key: '36db0dc0bdf61286d61136be6c3d4292e64e9a51', part: "content", class: `bs-accordion__content ${this.showIcon ? '' : 'bs-accordion__content--no-icon'} ${this.expanded ? 'bs-accordion__content--expanded' : 'bs-accordion__content--collapsed'}` }, h("slot", { key: '51747175592ba93a1e41d4cf98f9e1bf1630d847' })))));
+    }
+    static get is() { return "bs-accordion"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bs-accordion.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bs-accordion.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "expanded": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether the section is expanded. This is the single source of truth for the component's\nvisual state -- a controlled component, like a controlled `<input>`. Clicking (or\nkeyboard-activating) the header never mutates this prop itself; it only emits `bsToggle` with\nthe requested new value. If the consumer doesn't echo the change back via this prop (e.g.\nsome validation rejects it), the rendering stays exactly as `expanded` says, rather than\ndrifting into an internally-tracked truth -- same lesson as bs-chip-filter's `selected` prop.\nReflected so consumers can target `bs-accordion[expanded]` via CSS. NOT `mutable: true`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "expanded",
+                "defaultValue": "false"
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "BsAccordionSize",
+                    "resolved": "\"large\" | \"medium\"",
+                    "references": {
+                        "BsAccordionSize": {
+                            "location": "local",
+                            "path": "/home/runner/work/Brandsync-webcomponents/Brandsync-webcomponents/packages/wc/src/components/bs-accordion/bs-accordion.tsx",
+                            "id": "src/components/bs-accordion/bs-accordion.tsx::BsAccordionSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sizing scale. Controls the leading icon box's dimensions and the header's vertical padding --\nthe body content area's padding stays constant across sizes, matching the Figma spec."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "size",
+                "defaultValue": "'medium'"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Disables the header: suppresses hover/focus/pressed styling, prevents toggling via click or\nkeyboard, and removes it from the tab order."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "disabled",
+                "defaultValue": "false"
+            },
+            "showIcon": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Shows the leading icon area (default Plus glyph, or the `icon` slot's content). When\n`false`, no icon box is reserved and the header/body padding tighten to the left edge."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-icon",
+                "defaultValue": "true"
+            },
+            "showPreview": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "When collapsed, renders the body content truncated to a single line (pure CSS truncation of\nthe same slotted content, not different content) instead of rendering nothing. Has no effect\nwhile expanded -- the full content always renders then, regardless of this prop."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-preview",
+                "defaultValue": "true"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "bsToggle",
+                "name": "bsToggle",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the header is activated (click, or Enter/Space while focused), with the\nREQUESTED new expanded value (`!expanded`). Never fires while `disabled`."
+                },
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                }
+            }];
+    }
+}
+const PlusIcon = () => (h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M12 5V19", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { d: "M5 12H19", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+const CaretDownIcon = () => (h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M6 9.75L12 15.75L18 9.75", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+const CaretUpIcon = () => (h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M6 14.25L12 8.25L18 14.25", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));

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

@@ -0,0 +1,63 @@
+import { html } from "lit";
+import { componentDescription, propDescription } from "../../stories-utils";
+const sizes = ['medium', 'large'];
+// Demonstrates a real consumer echoing the change back -- the component itself never mutates
+// `expanded` (see the class JSDoc: it's a controlled prop). Without this, clicking the header
+// would visibly do nothing in the story even though `bsToggle` did fire.
+const echoToggle = (ev) => {
+    ev.currentTarget.toggleAttribute('expanded', ev.detail);
+};
+const meta = {
+    title: 'Components/bs-accordion',
+    parameters: { docs: { description: { component: componentDescription('bs-accordion') } } },
+    render: args => html `
+    <bs-accordion
+      ?expanded=${args.expanded}
+      size=${args.size}
+      ?disabled=${args.disabled}
+      ?show-icon=${args.showIcon}
+      ?show-preview=${args.showPreview}
+      @bsToggle=${echoToggle}
+    >
+      <span slot="label">${args.label}</span>
+      ${args.content}
+    </bs-accordion>
+  `,
+    argTypes: {
+        expanded: { control: 'boolean', description: propDescription('bs-accordion', 'expanded') },
+        size: { control: { type: 'select' }, options: sizes, description: propDescription('bs-accordion', 'size') },
+        disabled: { control: 'boolean', description: propDescription('bs-accordion', 'disabled') },
+        showIcon: { control: 'boolean', description: propDescription('bs-accordion', 'show-icon') },
+        showPreview: { control: 'boolean', description: propDescription('bs-accordion', 'show-preview') },
+        label: { control: 'text', description: 'Slotted header title (not a real attribute -- see the `label` slot).' },
+        content: { control: 'text', description: 'Slotted body content (not a real attribute -- see the default slot).' },
+    },
+    args: {
+        expanded: false,
+        size: 'medium',
+        disabled: false,
+        showIcon: true,
+        showPreview: true,
+        label: 'Section title',
+        content: 'This is the body content shown when the section is expanded, or truncated to one line as a preview while collapsed.',
+    },
+};
+export default meta;
+export const Default = {};
+export const Expanded = {
+    args: { expanded: true },
+};
+export const Large = {
+    args: { size: 'large' },
+};
+export const NoIcon = {
+    name: 'No icon',
+    args: { showIcon: false },
+};
+export const NoPreview = {
+    name: 'No preview',
+    args: { showPreview: false },
+};
+export const Disabled = {
+    args: { disabled: true },
+};

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

@@ -25,7 +25,7 @@ import { h } from "@stencil/core";
 export class BsAiDisclaimer {
     render() {
         https: //images.unsplash.com/photo-1512917774080-9991f1c4c750?w=200&h=200&fit=crop
-         return (h("div", { key: '870ae28bc88649b92b2508d9c41a415c44a413b4', class: "bs-ai-disclaimer" }, h("p", { key: '99ef7bc15c69f5ba1c92353a037ac6a01a872f35', part: "text", class: "bs-ai-disclaimer__text" }, h("slot", { key: 'faad8221144401799e346e6d0d43d199c7ad2252' }))));
+         return (h("div", { key: 'b79f8540dbf4563a831fa687f55710f5e5a55037', class: "bs-ai-disclaimer" }, h("p", { key: '82f3cc3744e1012201953eaa0b73a0ac5dc4bcd4', part: "text", class: "bs-ai-disclaimer__text" }, h("slot", { key: 'f4413eaf53353f3635ae6ec1e2a4af263e0bf67f' }))));
     }
     static get is() { return "bs-ai-disclaimer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -43,7 +43,7 @@ export class BsAiGreeting {
         const subtext = this.productName
             ? `How can I help you with ${this.productName} today?`
             : 'How can I help you today?';
-        return (h("div", { key: '2abf3146a8d1feba1261de654efea03cb0986340', class: "bs-ai-greeting" }, h("div", { key: 'f2a2ac07f0c20eb10d55366f5b07b01ad7684ed2', part: "heading", class: "bs-ai-greeting__heading" }, h("p", { key: '13e0db0145ca6339cbeacfc1523ee7d573ea848b', class: "bs-ai-greeting__heading-line" }, "Hi. I'm ", this.assistantName, ","), h("p", { key: '8255a0bfea0ca89dbdb248a697f8667ca2fe25bf', class: "bs-ai-greeting__heading-line" }, "your AI assistant.")), h("p", { key: '00ec794006ab8632c878f91fe4a94c688db0ab29', part: "subtext", class: "bs-ai-greeting__subtext" }, subtext)));
+        return (h("div", { key: 'eeb2acbb2c6aa8daa803dab57c343b35995200b3', class: "bs-ai-greeting" }, h("div", { key: 'ece228ba66ee9b783a768258a5c52c1270297962', part: "heading", class: "bs-ai-greeting__heading" }, h("p", { key: 'f316e250f35b05dda813f5b517f42373eebcde45', class: "bs-ai-greeting__heading-line" }, "Hi. I'm ", this.assistantName, ","), h("p", { key: '99ac26f89ec8fb3fba000025975c95920faca41a', class: "bs-ai-greeting__heading-line" }, "your AI assistant.")), h("p", { key: '3326155e697a1dd0d0512574d0405f5e176d3967', part: "subtext", class: "bs-ai-greeting__subtext" }, subtext)));
     }
     static get is() { return "bs-ai-greeting"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-ai-thinking/bs-ai-thinking.js

@@ -29,7 +29,7 @@ export class BsAiThinking {
     /** The status text shown next to the icon, e.g. "Retrieving", "Thinking", "Searching". */
     label = 'Thinking';
     render() {
-        return (h("div", { key: 'ec93673db0b3a89fd4c4ecc12569bdb926e8b6d2', class: "bs-ai-thinking", role: "status", "aria-live": "polite" }, h("img", { key: 'dba65dd6bf5ba8f6750e1c1a2a61437deb456390', part: "icon", class: "bs-ai-thinking__icon", src: GENIE_MARK_ICON, alt: "", "aria-hidden": "true" }), h("span", { key: '53601dc42513527e1a04d50c2632359892e8dab6', part: "label", class: "bs-ai-thinking__label" }, this.label)));
+        return (h("div", { key: '29dcf35868288138ffdd7e1a59ecd48396b45ce7', class: "bs-ai-thinking", role: "status", "aria-live": "polite" }, h("img", { key: 'ca7354850cc25b2c55b2901f7d34ce216fe79d76', part: "icon", class: "bs-ai-thinking__icon", src: GENIE_MARK_ICON, alt: "", "aria-hidden": "true" }), h("span", { key: '888e38812266e053a58ad91932d4a7df804e52da', part: "label", class: "bs-ai-thinking__label" }, this.label)));
     }
     static get is() { return "bs-ai-thinking"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,7 +50,7 @@ export class BsAttachment {
     };
     render() {
         const isImage = this.type === 'image';
-        return (h("div", { key: '54b6d63b3e3fa98e5ec10444253b145080facc97', class: { 'bs-attachment': true, 'bs-attachment--loading': this.loading }, "aria-busy": this.loading ? 'true' : 'false' }, isImage ? this.renderImage() : this.renderCard(), this.removable && (h("bs-icon-button", { key: 'bc0c6cd660a361886447f38b56578a2271384e99', part: "remove", class: "bs-attachment__remove", size: "xs", variant: "neutral", ariaLabel: `Remove attachment: ${this.fileName}`, onClick: this.onRemoveClick }, h(CloseIcon, { key: 'fc932382233dfe20c46666705f1c79540bc08d35' })))));
+        return (h("div", { key: '824fb2e4d386156dbf23a58118c82fe02bb37f81', class: { 'bs-attachment': true, 'bs-attachment--loading': this.loading }, "aria-busy": this.loading ? 'true' : 'false' }, isImage ? this.renderImage() : this.renderCard(), this.removable && (h("bs-icon-button", { key: 'f7665d54bd9c14185c53cff66ff3fc913358f865', part: "remove", class: "bs-attachment__remove", size: "xs", variant: "neutral", ariaLabel: `Remove attachment: ${this.fileName}`, onClick: this.onRemoveClick }, h(CloseIcon, { key: '508cb34b696b733bbc78e84af32072439c2d1665' })))));
     }
     renderImage() {
         return (h("div", { part: "thumbnail", class: "bs-attachment__thumbnail" }, h("img", { class: "bs-attachment__image", src: this.imageSrc, alt: this.imageAlt }), this.loading && h(Spinner, { class: "bs-attachment__spinner bs-attachment__spinner--overlay", size: 16 })));

package/dist/collection/components/bs-attachment-list/bs-attachment-list.js

@@ -58,7 +58,7 @@ export class BsAttachmentList {
         this.canScrollRight = row.scrollWidth - row.clientWidth - row.scrollLeft > 1;
     };
     render() {
-        return (h("div", { key: '77295a2dcde3d9334ffd2632eb1073a6aaaff68d', class: "bs-attachment-list" }, h("div", { key: '5538ecde17bd31faa4944fe0e142515e6220021a', part: "row", class: "bs-attachment-list__row", ref: el => (this.row = el), onScroll: this.onScroll, role: "group", "aria-label": this.ariaLabel, tabIndex: 0 }, h("slot", { key: '3f40e5e11c63f6ac45bd791f0419765cdec6674a', onSlotchange: this.onSlotchange })), this.canScrollRight && h("div", { key: 'd5d1cea816f91deb1e4b4ead6446d6e12aece29d', part: "fade", class: "bs-attachment-list__fade", "aria-hidden": "true" })));
+        return (h("div", { key: '5508a6c6185bf836d4b30e7341f29f80ba06f2c3', class: "bs-attachment-list" }, h("div", { key: 'c8652402e683f80aee373adad7ad41590dd7fbaf', part: "row", class: "bs-attachment-list__row", ref: el => (this.row = el), onScroll: this.onScroll, role: "group", "aria-label": this.ariaLabel, tabIndex: 0 }, h("slot", { key: 'fb838b763b7047419d072c2c9f2cbe81046041e4', onSlotchange: this.onSlotchange })), this.canScrollRight && h("div", { key: 'faaf4be7542539a32675fb2046b26840e539d509', part: "fade", class: "bs-attachment-list__fade", "aria-hidden": "true" })));
     }
     static get is() { return "bs-attachment-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,7 +17,7 @@ export class BsBadge {
     /** Maps directly to the brandsync-tokens `--bs-badge-bg-*` / `--bs-badge-text-*` sets. */
     variant = 'default';
     render() {
-        return (h("span", { key: '33a4103fad2c535c1eeb787a4ba8e7633ef92082', part: "container", class: `bs-badge bs-badge--${this.variant}` }, h("slot", { key: '68c95c6e9dd8a90fbec5853f7274f5ff2859faa3' })));
+        return (h("span", { key: '91c12085eda1d9599e50542a273bab640e7f348f', part: "container", class: `bs-badge bs-badge--${this.variant}` }, h("slot", { key: '21f0edd06967e4f608cc16f27c52d3eec0794eb0' })));
     }
     static get is() { return "bs-badge"; }
     static get encapsulation() { return "shadow"; }

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

@@ -43,7 +43,7 @@ export class BsBreadcrumb {
      * off-brand. Reflected so consumers/CSS can target `bs-breadcrumb[size="sm"]`. */
     size = 'md';
     render() {
-        return (h(Host, { key: '631ab305f75d905c7e54facdc55348b84095530d', role: "listitem" }, h("span", { key: 'a84c1b0b123d5e930c27fc5a10e0bde66003e99b', part: "separator", class: "bs-breadcrumb__separator", "aria-hidden": "true" }, h(CaretRightIcon, { key: '540d161da72801edb9d308c2023da7dd76042912' })), this.current ? (h("span", { part: "current", class: "bs-breadcrumb__current", "aria-current": "page" }, h("slot", null))) : this.href ? (h("a", { part: "link", class: "bs-breadcrumb__link", href: this.href }, h("slot", null))) : (h("span", { part: "link", class: "bs-breadcrumb__link" }, h("slot", null)))));
+        return (h(Host, { key: 'f9c93eed4d4844e03cdfc50c9efbee238c188257', role: "listitem" }, h("span", { key: 'e0f26700582662cd4269bd786a9c81fd8031716e', part: "separator", class: "bs-breadcrumb__separator", "aria-hidden": "true" }, h(CaretRightIcon, { key: '77e8ed02ffd367e9b7ca39869ab41a95759450e4' })), this.current ? (h("span", { part: "current", class: "bs-breadcrumb__current", "aria-current": "page" }, h("slot", null))) : this.href ? (h("a", { part: "link", class: "bs-breadcrumb__link", href: this.href }, h("slot", null))) : (h("span", { part: "link", class: "bs-breadcrumb__link" }, h("slot", null)))));
     }
     static get is() { return "bs-breadcrumb"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-breadcrumb/bs-breadcrumb-overflow/bs-breadcrumb-overflow.js

@@ -77,7 +77,7 @@ export class BsBreadcrumbOverflow {
         }
     }
     render() {
-        return (h(Host, { key: 'a688f0759da177fa76c44694f2c55966e08f609d', role: "listitem" }, h("span", { key: '9c40bec2a10521160ee99889e083b0131d26020c', part: "separator", class: "bs-breadcrumb-overflow__separator", "aria-hidden": "true" }, h(CaretRightIcon, { key: '936d785bfcfd6b4f857bff8471ab92a292503208' })), h("span", { key: '2cc66274a1b0d58a1532d53784eeeef2dd94586e', class: "bs-breadcrumb-overflow__wrapper" }, h("button", { key: 'ffcd37213c27ae6286a8b258b58ad1197e9bee3e', type: "button", part: "ellipsis", class: "bs-breadcrumb-overflow__ellipsis", "aria-haspopup": "menu", "aria-expanded": String(this.open), "aria-label": this.overflowLabel, onClick: this.onEllipsisToggle }, h(DotsThreeIcon, { key: '381db917ca9bd23b794e7bf57364a7743e60da26' })), this.open && this.items.length > 0 && (h("bs-menu", { key: 'f41bd68b27971f7dcb3ab1f5af82dc7ed8373a6c', part: "menu", class: "bs-breadcrumb-overflow__menu" }, this.items.map(item => item.href ? (h("a", { part: "link", class: "bs-breadcrumb-overflow__link", href: item.href }, item.label)) : (h("span", { part: "link", class: "bs-breadcrumb-overflow__link" }, item.label))))))));
+        return (h(Host, { key: '6219cabef08760aa3940d9a4e12d6e5ecd21e407', role: "listitem" }, h("span", { key: '59261696d02c49b1ea81b29d822d6d42c4fbafd5', part: "separator", class: "bs-breadcrumb-overflow__separator", "aria-hidden": "true" }, h(CaretRightIcon, { key: '62921ade525de21d7e74e732e0736c345fef87b7' })), h("span", { key: '0a8e9a9dc472ab9d1b63bdd497ceda12e04a736a', class: "bs-breadcrumb-overflow__wrapper" }, h("button", { key: '6930b4b341ee5b810eae5ffe32e33022402a01d3', type: "button", part: "ellipsis", class: "bs-breadcrumb-overflow__ellipsis", "aria-haspopup": "menu", "aria-expanded": String(this.open), "aria-label": this.overflowLabel, onClick: this.onEllipsisToggle }, h(DotsThreeIcon, { key: 'c9cf273fa51bac2bf11953d294184be641a47a9f' })), this.open && this.items.length > 0 && (h("bs-menu", { key: '1a1948a75569ad7639131d2982c8ebdf28027f85', part: "menu", class: "bs-breadcrumb-overflow__menu" }, this.items.map(item => item.href ? (h("a", { part: "link", class: "bs-breadcrumb-overflow__link", href: item.href }, item.label)) : (h("span", { part: "link", class: "bs-breadcrumb-overflow__link" }, item.label))))))));
     }
     static get is() { return "bs-breadcrumb-overflow"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-breadcrumb/bs-breadcrumbs/bs-breadcrumbs.js

@@ -54,7 +54,7 @@ export class BsBreadcrumbs {
         });
     }
     render() {
-        return (h("nav", { key: '3f57dcf2d176ec6b731772d14e977936ca4a226b', "aria-label": this.label }, h("ol", { key: 'a657c27b415cfa7b2fd1c070cf8ff6280c10ded8', part: "list", class: "bs-breadcrumbs__list" }, h("slot", { key: '9a8d6ff7f3ab6f0ec60608e0abfb2107704bc3e3', onSlotchange: this.onSlotChange }))));
+        return (h("nav", { key: '5ff4734b3de9444f7347443acdc0dcea94bb43a1', "aria-label": this.label }, h("ol", { key: '0aebf74594c40b9268576cf1ccdb872dc3866ab3', part: "list", class: "bs-breadcrumbs__list" }, h("slot", { key: '998f3aeb715ef1fdf4e602cb50e612f9125832af', onSlotchange: this.onSlotChange }))));
     }
     static get is() { return "bs-breadcrumbs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -105,7 +105,7 @@ export class BsButton {
     };
     render() {
         const iconOnly = (this.hasIcon || this.hasEndIcon) && !this.hasLabel;
-        return (h("button", { key: '3820c965cff86109613dac0d6ffaf5ee0a926f26', class: `bs-button bs-button--${this.variant} bs-button--${this.size} ${iconOnly ? 'bs-button--icon-only' : ''} ${this.hasIcon && !iconOnly ? 'bs-button--has-icon' : ''} ${this.hasEndIcon && !iconOnly ? 'bs-button--has-end-icon' : ''}`, type: this.type, disabled: this.disabled, "aria-label": this.ariaLabel }, h("span", { key: 'b8fb25e26d96168d6676acc0c3fa1b4f3429e974', part: "icon", class: `bs-button__icon ${this.hasIcon ? 'bs-button__icon--visible' : ''}` }, h("slot", { key: 'cd5e33cf19f19b89c2f87153d20d32bf0d3dabb9', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '91c9fd334013c495d2ec836619b9aecebc3c8e20', part: "label", class: "bs-button__label" }, h("slot", { key: 'c363d5d5004d2b2e9e5a4e09fa6cbe2ab87d9fff', onSlotchange: this.onLabelSlotchange })), h("span", { key: '29c1b4457efcfb9c11b0095279b77f3e97fa9988', part: "end-icon", class: `bs-button__end-icon ${this.hasEndIcon ? 'bs-button__end-icon--visible' : ''}` }, h("slot", { key: '9a6d3c0fcc16d8b546e225d88ae4d6014e9b2e45', name: "end-icon", onSlotchange: this.onEndIconSlotchange }))));
+        return (h("button", { key: '08e40944935e444c596287a6ff6c57da0e3918f1', class: `bs-button bs-button--${this.variant} bs-button--${this.size} ${iconOnly ? 'bs-button--icon-only' : ''} ${this.hasIcon && !iconOnly ? 'bs-button--has-icon' : ''} ${this.hasEndIcon && !iconOnly ? 'bs-button--has-end-icon' : ''}`, type: this.type, disabled: this.disabled, "aria-label": this.ariaLabel }, h("span", { key: 'c6499f182e59e2ea19370fe2b5ff3f767f3ed95e', part: "icon", class: `bs-button__icon ${this.hasIcon ? 'bs-button__icon--visible' : ''}` }, h("slot", { key: '0f73b8af02609430f1a4d9c148cfc5c26e3d85b3', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '5d9c542387b6e012acc0f83fb6ecf96f9f86155d', part: "label", class: "bs-button__label" }, h("slot", { key: '97ef5087ea966548db790f1bfd0c6d88c961ba67', onSlotchange: this.onLabelSlotchange })), h("span", { key: '893c0d7ad7f1a3cc80d770e914a1dfe7f7d21205', part: "end-icon", class: `bs-button__end-icon ${this.hasEndIcon ? 'bs-button__end-icon--visible' : ''}` }, h("slot", { key: '0125dedf6e415dd43a1075d2ac8c03e911320ec5', name: "end-icon", onSlotchange: this.onEndIconSlotchange }))));
     }
     static get is() { return "bs-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-button/bs-icon-button/bs-icon-button.js

@@ -50,7 +50,7 @@ export class BsIconButton {
      */
     ariaLabel = null;
     render() {
-        return (h("button", { key: '7332506653b523ec486608f744ae3d380c5189cb', class: `bs-icon-button bs-icon-button--${this.variant} bs-icon-button--${this.size}`, type: this.type, disabled: this.disabled, "aria-label": this.ariaLabel }, h("span", { key: 'd72b8d4db55a417473d894736adbae530ca65379', part: "icon", class: "bs-icon-button__icon" }, h("slot", { key: 'c218c13307f99d58274e4f377ad42fd925e25fc5' }))));
+        return (h("button", { key: '86ddd0f1ff23372e205035ac1273a6b90a779855', class: `bs-icon-button bs-icon-button--${this.variant} bs-icon-button--${this.size}`, type: this.type, disabled: this.disabled, "aria-label": this.ariaLabel }, h("span", { key: 'f45944557ce068283c394e6a48fbc0f56087fbd9', part: "icon", class: "bs-icon-button__icon" }, h("slot", { key: 'ed067830c7f465099edbf40401b0e3ec6fb1e1c9' }))));
     }
     static get is() { return "bs-icon-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-button-skeleton/bs-button-skeleton.js

@@ -25,7 +25,7 @@ export class BsButtonSkeleton {
     /** Sizing scale, matching the `bs-button` size it stands in for. */
     size = 'md';
     render() {
-        return h("span", { key: '43450691678faace72f13fcec1358a8c0624e244', part: "container", class: `bs-button-skeleton bs-button-skeleton--${this.size}`, role: "status", "aria-label": "Loading" });
+        return h("span", { key: 'bc4e9d282c745bfacede27fbeae7dfc8ea5d7aed', part: "container", class: `bs-button-skeleton bs-button-skeleton--${this.size}`, role: "status", "aria-label": "Loading" });
     }
     static get is() { return "bs-button-skeleton"; }
     static get encapsulation() { return "shadow"; }

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

@@ -34,7 +34,7 @@ export class BsCard {
         this.hasImage = ev.target.assignedNodes().length > 0;
     };
     render() {
-        return (h("div", { key: '0662903c6a1d7132865b2d6cbacd2d4f106101fc', part: "container", class: `bs-card bs-card--${this.surface}` }, h("div", { key: 'ba7637d19b11d05241f64a6314a8cdeb846be488', part: "image", class: `bs-card__image ${this.hasImage ? 'bs-card__image--visible' : ''}` }, h("slot", { key: '5b4d49a64af886cb19c0142aedb615d4c96e1d77', name: "image", onSlotchange: this.onImageSlotchange })), h("div", { key: 'd98c200c1bc2772f33ee8c0c5029761d464d656d', class: "bs-card__content" }, h("div", { key: '7e80e6809aad33f9919c1b14f86bad18c4602250', part: "header", class: "bs-card__header" }, h("slot", { key: '5daf62af5d08c31a51ad5ca0cc186ca60a92a0ef', name: "header" })), h("div", { key: 'feb18f2cf8c9fcb99051b8b66073ec2b1b46e123', part: "body", class: "bs-card__body" }, h("slot", { key: '561ef6160b5acd92500d097f0d402c176dd81c04' })), h("div", { key: 'd5989024a37534dea720eebf483273c518a72cd3', part: "footer", class: "bs-card__footer" }, h("slot", { key: '829399f8f90c83b2ea75e063daa7afbaf5f0f8dd', name: "footer" })))));
+        return (h("div", { key: '8cad76fa0c75da73579d9c3f0c35bd53e403e206', part: "container", class: `bs-card bs-card--${this.surface}` }, h("div", { key: '0b6c4b4f1917b91c2666fe5a458f4824b2be8a45', part: "image", class: `bs-card__image ${this.hasImage ? 'bs-card__image--visible' : ''}` }, h("slot", { key: 'aa072aab27b633e7f043855d5c9dfdcdd711adcf', name: "image", onSlotchange: this.onImageSlotchange })), h("div", { key: '9c30a8c08fb8c8a312b649358fdc4d666fffeb8d', class: "bs-card__content" }, h("div", { key: '0489dbbbbb3c743d8cabe2722884a3d127cd0dc4', part: "header", class: "bs-card__header" }, h("slot", { key: '43175c6aff3313e8efbedde2e8cb344c023594ea', name: "header" })), h("div", { key: '23d4f29e1786d30ea9b63159287ed7cf139a374a', part: "body", class: "bs-card__body" }, h("slot", { key: '2e3c69ae07711b57e2e825b0ed0bd691d8e9c3b1' })), h("div", { key: 'fb0747f6bf93c25057e84551c2a0b579c7c594d3', part: "footer", class: "bs-card__footer" }, h("slot", { key: '8ef61b947e94412f113f237b55144cc216a6bad5', name: "footer" })))));
     }
     static get is() { return "bs-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-chatbot-feedback/bs-chatbot-feedback.js

@@ -123,7 +123,7 @@ export class BsChatbotFeedback {
     }
     render() {
         const stars = [1, 2, 3, 4, 5];
-        return (h("div", { key: '7ce663d126eb30ed222c4744a04c8208504941b0', class: "bs-chatbot-feedback", role: "region", "aria-label": this.computedHeading() }, h("button", { key: 'f833bae45d9975adc2ada76bb2e9cea91dd02f67', type: "button", part: "close", class: "bs-chatbot-feedback__close", "aria-label": "Close", onClick: this.onCloseClick }, h(CloseIcon, { key: '570de12483be26f879049afddfa3f6f1797d097e' })), h("div", { key: '37d9790f2115b75a76aeb2bab12550dd1603c46f', class: "bs-chatbot-feedback__top" }, h("div", { key: '82f10bb7865e0bf0f265a944163df0d628abedbd', class: "bs-chatbot-feedback__text" }, h("p", { key: '76c633c71ddcc70d53a61b374b727afe050f6343', part: "heading", class: "bs-chatbot-feedback__heading" }, this.computedHeading()), h("p", { key: 'e6ea88567a8a25c47ffe2d64f23bd269101d4bea', part: "subtitle", class: "bs-chatbot-feedback__subtitle" }, this.computedSubtitle())), h("div", { key: 'd0d0cb36a349789af68449a2d70edce71a4496f6', class: "bs-chatbot-feedback__stars", role: "radiogroup", "aria-label": "Rating" }, stars.map(value => (h("button", { type: "button", part: "star", class: "bs-chatbot-feedback__star", role: "radio", "aria-checked": (this.rating >= value).toString(), "aria-label": `${value} star${value > 1 ? 's' : ''}`, disabled: this.submitted, onClick: () => this.onStarClick(value) }, h(StarIcon, { filled: this.rating >= value }))))), !this.submitted && (h("div", { key: '253f16ef5004d442cffa57e6804b32c388b3eecd', class: "bs-chatbot-feedback__field" }, h("label", { key: 'c857ccda541ac1cced46c072e89b855b228e85c1', part: "label", class: "bs-chatbot-feedback__label", htmlFor: "bs-chatbot-feedback-comment" }, "Tell us what you think"), h("textarea", { key: '1ec486839761292cda2e33b05ebd7e0d9b9d95aa', part: "textarea", id: "bs-chatbot-feedback-comment", class: "bs-chatbot-feedback__textarea", placeholder: "e.g.The response was helpful ....", value: this.comment, onInput: this.onCommentInput }))), this.submitted && this.comment && (h("p", { key: '4dc40cba99967af8f53f6ecaee6777523f9b48e0', part: "comment", class: "bs-chatbot-feedback__comment" }, this.comment))), h("div", { key: '0cfebfb6fa405cf19b9aceb3d0b37555cd95337d', class: "bs-chatbot-feedback__actions" }, !this.submitted && (h("button", { key: '6e81b8cb974427c5aef7b8a6cf53505dd85f830e', type: "button", part: "submit", class: "bs-chatbot-feedback__submit", disabled: this.rating === 0, onClick: this.onSubmitClick }, h(SendIcon, { key: '72b795b62594d42effa31e2b6b7ab1ea0539ca5d' }), "Submit feedback")), h("button", { key: '573bc780413b93864c8e67d76b6b08428aeb0fe3', type: "button", part: "new-chat", class: `bs-chatbot-feedback__new-chat ${this.submitted ? 'bs-chatbot-feedback__new-chat--primary' : 'bs-chatbot-feedback__new-chat--outlined'}`, onClick: this.onNewChatClick }, h(EditIcon, { key: '87fcee4e778b90b5c8b6c2a2c192bfc7dc6368b2' }), "Start new chat"))));
+        return (h("div", { key: '6c5056134f1d6447aeda1ae857061c365fdacb4e', class: "bs-chatbot-feedback", role: "region", "aria-label": this.computedHeading() }, h("button", { key: '8d1e595b3a7967845110a98b3760562b074084e1', type: "button", part: "close", class: "bs-chatbot-feedback__close", "aria-label": "Close", onClick: this.onCloseClick }, h(CloseIcon, { key: '751dd5a8131bedb5746be7ff51c44511ebdda6ca' })), h("div", { key: 'e27641222fb536f8d942d7f0b24a1d0d1b35488d', class: "bs-chatbot-feedback__top" }, h("div", { key: 'f5dc2910630a2062bd470ad18fe15cb8fe50337f', class: "bs-chatbot-feedback__text" }, h("p", { key: '9b2302645703362eb21f864504eb223baeee9baa', part: "heading", class: "bs-chatbot-feedback__heading" }, this.computedHeading()), h("p", { key: 'e1d4790ef748ae54b35c3d8044b52c1bca06388f', part: "subtitle", class: "bs-chatbot-feedback__subtitle" }, this.computedSubtitle())), h("div", { key: '8218bd93c344643644a29669a5ec3c0f01d9f07f', class: "bs-chatbot-feedback__stars", role: "radiogroup", "aria-label": "Rating" }, stars.map(value => (h("button", { type: "button", part: "star", class: "bs-chatbot-feedback__star", role: "radio", "aria-checked": (this.rating >= value).toString(), "aria-label": `${value} star${value > 1 ? 's' : ''}`, disabled: this.submitted, onClick: () => this.onStarClick(value) }, h(StarIcon, { filled: this.rating >= value }))))), !this.submitted && (h("div", { key: '66dc2fee80c61f23942b05cf0e6f7d37aba0e51c', class: "bs-chatbot-feedback__field" }, h("label", { key: '907d81ab2873fcb8545a1f6e0211ae4470cd47ea', part: "label", class: "bs-chatbot-feedback__label", htmlFor: "bs-chatbot-feedback-comment" }, "Tell us what you think"), h("textarea", { key: 'fbb611bfe9e9cf8ce26c1f6fd2b5cf6f6fe6ae94', part: "textarea", id: "bs-chatbot-feedback-comment", class: "bs-chatbot-feedback__textarea", placeholder: "e.g.The response was helpful ....", value: this.comment, onInput: this.onCommentInput }))), this.submitted && this.comment && (h("p", { key: 'edd24d5f9ffa0d615af9cf4d61fbc97e8a99e2f5', part: "comment", class: "bs-chatbot-feedback__comment" }, this.comment))), h("div", { key: 'a33f6632072258d658e66826f1a65e6fe15df00d', class: "bs-chatbot-feedback__actions" }, !this.submitted && (h("button", { key: '8fc50735381620c4b93e05d72f2045f3890f6307', type: "button", part: "submit", class: "bs-chatbot-feedback__submit", disabled: this.rating === 0, onClick: this.onSubmitClick }, h(SendIcon, { key: '3fce1f0219ee83a209f0eafa7a427349b6d00d7b' }), "Submit feedback")), h("button", { key: 'f0e4a2cb9115e513506248812ae025772e7b3b2b', type: "button", part: "new-chat", class: `bs-chatbot-feedback__new-chat ${this.submitted ? 'bs-chatbot-feedback__new-chat--primary' : 'bs-chatbot-feedback__new-chat--outlined'}`, onClick: this.onNewChatClick }, h(EditIcon, { key: '18ed5c41bc2fcfff8ea8505d3c893ae7f9fb3a81' }), "Start new chat"))));
     }
     static get is() { return "bs-chatbot-feedback"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-chatbot-header/bs-chatbot-header.js

@@ -74,7 +74,7 @@ export class BsChatbotHeader {
         this.bsClose.emit();
     };
     render() {
-        return (h("div", { key: 'eb1869272c6e4e3f769a7db50aeab3bc6430c568', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, h("div", { key: '885c7dd1281d942ecbedc19bd206d71bf4f318dc', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), h("div", { key: '230753627632b68cd80cce5787d1dd727e6f983c', class: "bs-chatbot-header__actions" }, h("span", { key: '278c6c23496c57f485b4c2f20e311f47dd59d5b9', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '161519508618cee3cc7de4193eed51f79a1e3d04', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": "New chat", onClick: this.onNewChatClick }, h("slot", { key: 'a914bb9346fcc941041d1ffddb2e5d6ae2ef8c87', name: "new-chat-icon" }, h(NewChatIcon, { key: 'c510836b89605d8ffce85e9908393688e42c274c' }))), h("bs-tooltip", { key: 'a852098d08983550e88a45c105f520a3a13df931', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "New chat")), h("span", { key: 'b3f6f0a9d9b136feeef1c248b768d67583773a34', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '657c4449342ee03f8b3945dc156e2cd9e87c3e2c', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": "History", onClick: this.onHistoryClick }, h("slot", { key: '2166286312406c8027b2929ce182e138ff5c9a69', name: "history-icon" }, h(HistoryIcon, { key: '986f5ad358889fca9a1eb3707d64552fabd43d73' }))), h("bs-tooltip", { key: 'cf47b5e52c844342283ec353e68ae44c849c4700', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "History")), h("span", { key: 'c53649c46dfbdb7131ffad4851347b74e36930b1', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'f9ea9ce41ed06d72bce86f9304d21e5617a6b74f', type: "button", part: "expand", class: "bs-chatbot-header__button", "aria-label": this.expanded ? 'Collapse' : 'Expand', "aria-pressed": this.expanded ? 'true' : 'false', onClick: this.onExpandClick }, h("slot", { key: 'b322d0d7ceab41872f4d8e8cc25c5b0bb0f80ef6', name: "expand-icon" }, h(ExpandIcon, { key: '82b5f89e9fe0860abe36b7fff55c1d033f7347fa' }))), h("bs-tooltip", { key: 'f4ba617724037b2bc038c66c474f436e49566987', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.expanded ? 'Collapse' : 'Expand')), h("span", { key: '358776a595674bcb628d81969be1f04775514367', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'a22a03e497f6d254f37f666c09c46a32b52f9fea', type: "button", part: "close", class: "bs-chatbot-header__button", "aria-label": "Close", onClick: this.onCloseClick }, h("slot", { key: '02a6d784ff8b2f63c8b71912d62ad250a2fa3738', name: "close-icon" }, h(CloseIcon, { key: '716bddeb32669154197a59401e72c34c6e94f14e' }))), h("bs-tooltip", { key: '6649d7ab7192ac1e11995e90402b5936c1c6e638', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "Close")))));
+        return (h("div", { key: '6c7b3f85022255ed23112784225bfa73d3a895dc', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, h("div", { key: 'c1352cfd77ffa0086524169f70f539224efdfece', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), h("div", { key: '0fc7a712371d9376cf27255bc8673e3534958f90', class: "bs-chatbot-header__actions" }, h("span", { key: 'ec7e2263549ceadea2cab8d525e79536498c8638', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'e18b8a1479e39ac7ffb9296d6937a0ae43ed8085', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": "New chat", onClick: this.onNewChatClick }, h("slot", { key: 'b4d2cbc7178fedb8fd913a78d553ff8dd7434629', name: "new-chat-icon" }, h(NewChatIcon, { key: 'b08f81e176c9bd375149953c16ac9015abb45e82' }))), h("bs-tooltip", { key: 'f9ce231519487ecef288ba4cfbb9be6f0c365d13', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "New chat")), h("span", { key: '518d7a9e5b706032c2bcd8b07ba233149d0b91c2', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '0fe038dd159d5b789c068e8b5897bb7d4ecce13f', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": "History", onClick: this.onHistoryClick }, h("slot", { key: '08eafbec56e26a5b1ee031760fe5cb536f8e2dfb', name: "history-icon" }, h(HistoryIcon, { key: 'c7146fda0171aad403c60e85487422f9435ecb5b' }))), h("bs-tooltip", { key: '75472a421f6e7deae9251f8ba8154ed1e27d7561', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "History")), h("span", { key: '80205eed7c1859d9294169340eb32675093cc3b6', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '50f7bc159d86e96402f1dfcd669d9cb0db47d5db', type: "button", part: "expand", class: "bs-chatbot-header__button", "aria-label": this.expanded ? 'Collapse' : 'Expand', "aria-pressed": this.expanded ? 'true' : 'false', onClick: this.onExpandClick }, h("slot", { key: 'ec985a221f8ad106d9e166fe41b61d12bb76ed1c', name: "expand-icon" }, h(ExpandIcon, { key: '8c2115fda94eb2751fb1d578790217b7791329a4' }))), h("bs-tooltip", { key: 'd81aac0eeab0c95e4255bb996acdfce822e8264d', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.expanded ? 'Collapse' : 'Expand')), h("span", { key: 'c7400a3de2bf5f094dd54bf1308355d0e0f762a8', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'b6b06b62243f7e1058b1f09426e4159fe185c1ad', type: "button", part: "close", class: "bs-chatbot-header__button", "aria-label": "Close", onClick: this.onCloseClick }, h("slot", { key: '407db5c670302391b0196716de157b6cdaeb029f', name: "close-icon" }, h(CloseIcon, { key: '2593ea028a266cb7a9cc55ead8d1888cb491cf05' }))), h("bs-tooltip", { key: 'b230b5107c88e56f4e695f2d8b065208affe3fd2', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "Close")))));
     }
     static get is() { return "bs-chatbot-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-chatbot-response-action/bs-chatbot-response-action.js

@@ -105,7 +105,7 @@ export class BsChatbotResponseAction {
     };
     render() {
         const hasSources = !!this.sourcesCount && this.sourcesCount > 0;
-        return (h("div", { key: '532e40c28571d004133c3209dc4495b5861e0a1c', class: "bs-chatbot-response-action" }, h("button", { key: '94751f1e91f6dd502763aa8fa347a2a96680e691', type: "button", part: "like", class: "bs-chatbot-response-action__button", "aria-label": "Like", onClick: this.onLikeClick }, h("slot", { key: 'ebeae804bd521958538fe539304489721c326ac0', name: "like-icon" }, h(ThumbsUpIcon, { key: 'ebf5446f16a8bd8836ff81a56a71b7f8b01f86b8' }))), h("button", { key: 'f55439692b799199a3b93b98d10b6ab8338eae2b', type: "button", part: "dislike", class: "bs-chatbot-response-action__button", "aria-label": "Dislike", onClick: this.onDislikeClick }, h("slot", { key: '5c836e450855155c7a0ef48086ad5328972686a3', name: "dislike-icon" }, h(ThumbsDownIcon, { key: '452664dbcbb54a5ef07355a5c31b56c10d7b7a92' }))), h("button", { key: 'f97c483dbd6cc1a9892e4df8fd350c0b245643ac', type: "button", part: "copy", class: "bs-chatbot-response-action__button", "aria-label": "Copy", onClick: this.onCopyClick }, h("slot", { key: 'f7d8b19c0c4f962dc344e069bc1d2d1ff8dd8d3f', name: "copy-icon" }, h(CopyIcon, { key: 'ad7a2d9f1e6821e0b3c73b6be8566804d50a6f14' }))), h("button", { key: '7e56271188b55e1943d2150dc36a6ad1951ec784', type: "button", part: "regenerate", class: "bs-chatbot-response-action__button", "aria-label": "Regenerate", onClick: this.onRegenerateClick }, h("slot", { key: '1a800da6dc0d1ba570b82c4c1b973bbb5033f8ea', name: "regenerate-icon" }, h(RegenerateIcon, { key: '752607bbf68aa8427d141035a1aa3f463f60a3ae' }))), h("div", { key: 'a4a51c3a1b22cfada07978a9a6f5a536af54d220', class: "bs-chatbot-response-action__menu-wrapper" }, h("button", { key: 'c96c865aea4773efbf441992a1a3d1218c1efe28', type: "button", part: "menu", class: "bs-chatbot-response-action__button", "aria-label": "More options", "aria-haspopup": "menu", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: this.onMenuClick }, h("slot", { key: '5aa856322bdb5295e8d52c03931fcf734bb4606c', name: "menu-icon" }, h(MenuIcon, { key: '3fded797bdc3c19e3353b1703e8e20b59d2833d3' }))), this.menuOpen && (h("div", { key: 'a9848b1d6c93b11b28fd782ba53c270b47b515da', class: "bs-chatbot-response-action__menu-popup" }, h("slot", { key: 'a3ff06257fcb00941a0b7abffba29c63403519bb', name: "menu" })))), hasSources && (h("button", { key: '3862519b2af2ada55c51f683c8ef6fa7161b9879', type: "button", part: "sources", class: "bs-chatbot-response-action__sources", onClick: this.onSourcesClick }, h("slot", { key: '33521c0bf865f639973809f46afaf5e50f257f6b', name: "sources-icon" }, h(SourcesIcon, { key: '8995e91b856bb62c66226025afc660bde1698148' })), h("span", { key: '04220d48facffd829612c83ebd4c75717e25056f', class: "bs-chatbot-response-action__sources-label" }, this.sourcesCount, " ", this.sourcesCount === 1 ? 'source' : 'sources')))));
+        return (h("div", { key: '111e7a42e8fc38d4fd5a816cdfded9eaaa854411', class: "bs-chatbot-response-action" }, h("button", { key: 'def8fd139a1e29cf5410c00227e0f3daa713fe71', type: "button", part: "like", class: "bs-chatbot-response-action__button", "aria-label": "Like", onClick: this.onLikeClick }, h("slot", { key: '78e5c9b817fe4828e2a52cd49474d54400a8e930', name: "like-icon" }, h(ThumbsUpIcon, { key: 'e74d4efb615839af2a1b5b1a0fe739c37f0830ed' }))), h("button", { key: '19a4569619e2f9bcc4058622f5534d5aff1be914', type: "button", part: "dislike", class: "bs-chatbot-response-action__button", "aria-label": "Dislike", onClick: this.onDislikeClick }, h("slot", { key: '0f6fab436dc26c3cd019934cbb99073c0cd2176f', name: "dislike-icon" }, h(ThumbsDownIcon, { key: '000bae3349daf25dd7f2af3b0848461158452e58' }))), h("button", { key: '92e013b636bf8d6a0d316b998e01acb3039f283a', type: "button", part: "copy", class: "bs-chatbot-response-action__button", "aria-label": "Copy", onClick: this.onCopyClick }, h("slot", { key: 'd575f671a480dae59bbefb0a255209a537b24f4d', name: "copy-icon" }, h(CopyIcon, { key: 'becca3443cdd1a6245d84b806f9186da8756bef8' }))), h("button", { key: '3e48fb0dbef6c181fbc1e4800f079786f38f7294', type: "button", part: "regenerate", class: "bs-chatbot-response-action__button", "aria-label": "Regenerate", onClick: this.onRegenerateClick }, h("slot", { key: '2bf713515b8503186d4d17e47ad0a7baf424be00', name: "regenerate-icon" }, h(RegenerateIcon, { key: '86f25451600b70f5d8e7148f5ee46c9c8fda4674' }))), h("div", { key: '3815f620d0ee123aeb23e99d664d40aae2168616', class: "bs-chatbot-response-action__menu-wrapper" }, h("button", { key: 'f53c9236453217611a1b3b3ee195ad9e5d5079e0', type: "button", part: "menu", class: "bs-chatbot-response-action__button", "aria-label": "More options", "aria-haspopup": "menu", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: this.onMenuClick }, h("slot", { key: 'ac264f44c88115a8dc5d52a5c149ac0981ee0177', name: "menu-icon" }, h(MenuIcon, { key: '66c03b5a3cf26d1f8aebbe93d10ea90ed61277bf' }))), this.menuOpen && (h("div", { key: '004fd6280505e156ff0353714e4d36e3b7273d5e', class: "bs-chatbot-response-action__menu-popup" }, h("slot", { key: '33e54635fe65fe4fb52a0bbd642c822e5a50e9a6', name: "menu" })))), hasSources && (h("button", { key: 'da4095a96f3920f2723f1b84be98f8b31ba55f5a', type: "button", part: "sources", class: "bs-chatbot-response-action__sources", onClick: this.onSourcesClick }, h("slot", { key: 'a7c526dcbfb1037c66830602b0457db0d3f160a1', name: "sources-icon" }, h(SourcesIcon, { key: '4e76ba5f77ddf3ad438f4b537e06caddb0adf613' })), h("span", { key: 'c648b364219f65b63c2abd325a4112c581906b31', class: "bs-chatbot-response-action__sources-label" }, this.sourcesCount, " ", this.sourcesCount === 1 ? 'source' : 'sources')))));
     }
     static get is() { return "bs-chatbot-response-action"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-chatbot-sources-drawer/bs-chatbot-sources-drawer.js

@@ -57,7 +57,7 @@ export class BsChatbotSourcesDrawer {
     };
     render() {
         const displayCount = this.count ?? this.slottedCount;
-        return (h("div", { key: 'cdfd3716db3d500d357314994aff14bb404a6572', class: "bs-chatbot-sources-drawer", role: "region", "aria-label": this.heading }, h("div", { key: '6db7d6c785ebdeecc337841a9247b787a6fca119', class: "bs-chatbot-sources-drawer__header" }, h("div", { key: 'a2c992059ab69fcc1c7e02d59349818101d067c9', class: "bs-chatbot-sources-drawer__title-group" }, h("h2", { key: 'b72108d341794d69a40cc00d61e05fbb5bc5a1ff', part: "heading", class: "bs-chatbot-sources-drawer__heading" }, this.heading), displayCount > 0 && (h("span", { key: '9a6fc6effd4f044c4237b12a032cd4dc0b67518c', part: "count", class: "bs-chatbot-sources-drawer__count" }, displayCount))), h("button", { key: '24748019d108acfdc4b9743e7a82142d072cd548', type: "button", part: "collapse", class: "bs-chatbot-sources-drawer__collapse", "aria-label": "Collapse sources", onClick: this.onCollapseClick }, h("slot", { key: 'cedf7ecd8006cd0c34fabaeb5230082b0d9df9d3', name: "collapse-icon" }, h(CaretRightIcon, { key: '73c9b27651ae8adf387ae0480a0174ac03467d10' })))), h("div", { key: 'f9197d1326305d89297cdddd10e14d78dc46248e', part: "list", class: "bs-chatbot-sources-drawer__list" }, h("slot", { key: 'aece928a19516645ec18c8ec1836861dca975366', onSlotchange: this.onSlotchange }))));
+        return (h("div", { key: '42d5d4160e8c2cac61d124f9359d2f6996658ce1', class: "bs-chatbot-sources-drawer", role: "region", "aria-label": this.heading }, h("div", { key: '81d4a4bef6bdc625d7bcfe57f4338fc97c0403ca', class: "bs-chatbot-sources-drawer__header" }, h("div", { key: 'db44bbebef2b2c59ae1a6755d6dd68ea55b81196', class: "bs-chatbot-sources-drawer__title-group" }, h("h2", { key: '573c29a65b188805621f8eb35d2489987d05451b', part: "heading", class: "bs-chatbot-sources-drawer__heading" }, this.heading), displayCount > 0 && (h("span", { key: '24a009a10e789ea33ad2603dad89ed590564e92b', part: "count", class: "bs-chatbot-sources-drawer__count" }, displayCount))), h("button", { key: '1ba25a50ca7a7910fcac94ff10eeb1a694e2ddd5', type: "button", part: "collapse", class: "bs-chatbot-sources-drawer__collapse", "aria-label": "Collapse sources", onClick: this.onCollapseClick }, h("slot", { key: '7ccaf79b7d19ecf3f6871787a75110304d1a5237', name: "collapse-icon" }, h(CaretRightIcon, { key: 'fde18a59c4e7a9436fe4b1044ae7272eb7ee4d5a' })))), h("div", { key: 'aa70054cb4da766d19f4c646a71bcb4e0d2b4195', part: "list", class: "bs-chatbot-sources-drawer__list" }, h("slot", { key: 'd2bef9a375eccda347f9e26942bb4f33a689933f', onSlotchange: this.onSlotchange }))));
     }
     static get is() { return "bs-chatbot-sources-drawer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-chatbot-suggestion-button/bs-chatbot-suggestion-button.js

@@ -45,7 +45,7 @@ export class BsChatbotSuggestionButton {
         this.bsSelect.emit();
     };
     render() {
-        return (h("button", { key: '92fa701db3f36e192af92ebe87d615825c2160dd', type: "button", part: "button", class: "bs-chatbot-suggestion-button", disabled: this.disabled, onClick: this.onClick }, h("slot", { key: 'eff01e89ea8293e6bf7cccb2c64ba2ba9dc49b7f' })));
+        return (h("button", { key: 'fe0298f0e80e18da93468635ab1263a243700fe9', type: "button", part: "button", class: "bs-chatbot-suggestion-button", disabled: this.disabled, onClick: this.onClick }, h("slot", { key: '0fcc15a4165b0e2c7b990adbb061d2fb54378c82' })));
     }
     static get is() { return "bs-chatbot-suggestion-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-checkbox/bs-checkbox-skeleton/bs-checkbox-skeleton.js

@@ -33,7 +33,7 @@ export class BsCheckboxSkeleton {
      * (unusual) default `bs-checkbox` itself uses. */
     size = 'lg';
     render() {
-        return (h("span", { key: 'bbe085c38caf6b80e558868ff208d21c107cd3d3', part: "container", class: "bs-checkbox-skeleton", role: "status", "aria-label": "Loading" }, h("span", { key: '5d5a368f1e2c61991c7bde7398634084294cb503', part: "box", class: `bs-checkbox-skeleton__box bs-checkbox-skeleton__box--${this.size}` }), h("span", { key: 'c39d0ceace38a2f611f4b476d1a295372d220b81', part: "label", class: "bs-checkbox-skeleton__label" })));
+        return (h("span", { key: '50a436a6ede8ae40310191029037b3be08981fba', part: "container", class: "bs-checkbox-skeleton", role: "status", "aria-label": "Loading" }, h("span", { key: 'f76fc56bb1e6fea2bd6a4fc41c336930c2b23044', part: "box", class: `bs-checkbox-skeleton__box bs-checkbox-skeleton__box--${this.size}` }), h("span", { key: 'd80b2ac1c5b9eba7a8b150a0e344909a46b18c39', part: "label", class: "bs-checkbox-skeleton__label" })));
     }
     static get is() { return "bs-checkbox-skeleton"; }
     static get encapsulation() { return "shadow"; }

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

@@ -92,7 +92,7 @@ export class BsCheckbox {
         ]
             .filter(Boolean)
             .join(' ');
-        return (h("label", { key: '78f89b0841c20e030bf8af7384a870d9e660e44f', class: `bs-checkbox ${this.disabled ? 'bs-checkbox--disabled' : ''}` }, h("input", { key: '254d622c1603c444272864f10bc6abccac825f76', ref: el => (this.inputEl = el), class: "bs-checkbox__input", type: "checkbox", checked: this.checked, disabled: this.disabled, "aria-checked": this.indeterminate ? 'mixed' : String(this.checked), "aria-label": this.ariaLabel, onChange: this.onChange }), h("span", { key: '39d94a0d5e590b920082911400554185088a2ebe', part: "box", class: boxClasses }, showIcon && (h("svg", { key: '609448a396a59a9aad9d14eeb8c574d7255dc076', part: "icon", class: "bs-checkbox__icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, this.indeterminate ? (h("path", { d: "M3 8H13", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" })) : (h("path", { d: "M3 8.5L6.2 11.5L13 4.5", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("span", { key: '16ed6f220ee2417837c2166c9369bff78638095d', part: "label", class: "bs-checkbox__label" }, h("slot", { key: 'd22610712a6bb1e41ecc72ae60c1e6a5df8e93da' }))));
+        return (h("label", { key: '0c4ef7d5dc0c10a76382a25f503e50a9698f74b0', class: `bs-checkbox ${this.disabled ? 'bs-checkbox--disabled' : ''}` }, h("input", { key: '1bcbe7899e41e5c4bb1a09602eec0f852ae4a2e7', ref: el => (this.inputEl = el), class: "bs-checkbox__input", type: "checkbox", checked: this.checked, disabled: this.disabled, "aria-checked": this.indeterminate ? 'mixed' : String(this.checked), "aria-label": this.ariaLabel, onChange: this.onChange }), h("span", { key: 'e7f5d9b4374aa6c718a76353a6671878564d366e', part: "box", class: boxClasses }, showIcon && (h("svg", { key: 'c73163dcba81418174924221259b1ab37cb0a2e8', part: "icon", class: "bs-checkbox__icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, this.indeterminate ? (h("path", { d: "M3 8H13", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" })) : (h("path", { d: "M3 8.5L6.2 11.5L13 4.5", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("span", { key: '3511affcb7f222032c726591a6f35c15cbcb3225', part: "label", class: "bs-checkbox__label" }, h("slot", { key: '1103d622b8d1295d9e82a63660cb6ab0939c6edf' }))));
     }
     static get is() { return "bs-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-chip/bs-chip-filter/bs-chip-filter.js

@@ -70,7 +70,7 @@ export class BsChipFilter {
         // label-only edge gets more -- except when NEITHER edge has a glyph, where both edges use a
         // third, larger value rather than the label-only one (see bs-chip-filter.css's own comment).
         const paddingVariant = this.hasIcon && this.dropdown ? 'icon-dropdown' : this.hasIcon ? 'icon-only' : this.dropdown ? 'dropdown-only' : 'text-only';
-        return (h("button", { key: '5ed45b30aa94816ea44c6bc4824d5e9854971607', type: "button", class: `bs-chip-filter bs-chip-filter--${this.size} bs-chip-filter--${paddingVariant} ${this.selected ? 'bs-chip-filter--selected' : ''}`, disabled: this.disabled, "aria-pressed": String(this.selected), "aria-label": this.ariaLabel, onClick: this.onClick }, h("span", { key: '8bbbcb477640c5d34136b7507b8faa63fd2bcbed', part: "icon", class: `bs-chip-filter__icon ${this.hasIcon ? 'bs-chip-filter__icon--visible' : ''}` }, h("slot", { key: 'b15f49e78ed83f9dd25c45de35cec754d2e01606', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '5d62b8b0500ce995cf3c1f4710b0b7f535bf228d', part: "label", class: "bs-chip-filter__label" }, h("slot", { key: '0e8a6434bbd31308034fcb19f7d1b9df210c7a1b' })), this.dropdown && (h("span", { key: 'cb11b64425dc06173389bc6c50f259d5c880006a', part: "caret", class: "bs-chip-filter__caret", "aria-hidden": "true" }, h(ChevronDownIcon, { key: '27d7ac0eecbdbfc22d37f295cdda776c2cfbf346' })))));
+        return (h("button", { key: '4cc3cc573ec2a0f742a5ba5e76a8f5dee7eb0997', type: "button", class: `bs-chip-filter bs-chip-filter--${this.size} bs-chip-filter--${paddingVariant} ${this.selected ? 'bs-chip-filter--selected' : ''}`, disabled: this.disabled, "aria-pressed": String(this.selected), "aria-label": this.ariaLabel, onClick: this.onClick }, h("span", { key: '6767cb949257461abde1872ef35d5551fe86017b', part: "icon", class: `bs-chip-filter__icon ${this.hasIcon ? 'bs-chip-filter__icon--visible' : ''}` }, h("slot", { key: 'a106df348c1078bbd73c062d6217d3467327664a', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'bf1007a48f1bdfa2ddcf5df9eddee84b276f3494', part: "label", class: "bs-chip-filter__label" }, h("slot", { key: '1f23a2853946b770f76683dae314263cc4f3c5b2' })), this.dropdown && (h("span", { key: '483fb2cabd9dfc930fa44ee626a4532f5fec4cc3', part: "caret", class: "bs-chip-filter__caret", "aria-hidden": "true" }, h(ChevronDownIcon, { key: '8197912443813d3d3e7c705e303301a993bb2ce1' })))));
     }
     static get is() { return "bs-chip-filter"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-chip/bs-chip-informative/bs-chip-informative.js

@@ -44,7 +44,7 @@ export class BsChipInformative {
     };
     render() {
         const paddingVariant = this.hasIcon ? 'icon' : 'text';
-        return (h(Host, { key: '333f8eb96435393dc676b7422de79a43f0e3d9d8', class: `bs-chip-informative bs-chip-informative--${this.color} bs-chip-informative--${this.size} bs-chip-informative--${paddingVariant}` }, h("span", { key: '5af00525b1ce8e1cee16e896c6fd1bee1e8344c0', part: "icon", class: `bs-chip-informative__icon ${this.hasIcon ? 'bs-chip-informative__icon--visible' : ''}` }, h("slot", { key: 'd6e72f0ea1a913b2a313441b83f1430549dcc5cc', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '617013d83715e1d916e4bfc40185d31879acfab3', part: "label", class: "bs-chip-informative__label" }, h("slot", { key: 'dc6db50bff31169c3da18f472002528a78ed210a' }))));
+        return (h(Host, { key: '099676c8f874c17836d65797d10683fa1184043b', class: `bs-chip-informative bs-chip-informative--${this.color} bs-chip-informative--${this.size} bs-chip-informative--${paddingVariant}` }, h("span", { key: 'ff570bf489c3a8ea8350bc550e720bfcdc5d4bdf', part: "icon", class: `bs-chip-informative__icon ${this.hasIcon ? 'bs-chip-informative__icon--visible' : ''}` }, h("slot", { key: '170e80a2665111b2a6212088b58a7c2c1008110a', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'd87cd059d67b8d56d04bc7e9f39d3ab497e49f8a', part: "label", class: "bs-chip-informative__label" }, h("slot", { key: '983e6f32115957222a078f91683bc5f59aefe185' }))));
     }
     static get is() { return "bs-chip-informative"; }
     static get encapsulation() { return "shadow"; }