@brandsync/wc 1.12.1 → 1.13.0

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

@@ -42,7 +42,7 @@ export class BsTooltip {
      */
     placement = 'top';
     render() {
-        return (h("div", { key: '8fdc149cce564aa5531956eda52b81bedd9db1bb', class: "bs-tooltip" }, h("span", { key: '34234ea02b510a5a728bb97d259cfbd2c8f7f7b2', part: "arrow", class: "bs-tooltip__arrow" }), h("div", { key: '04d825a91dc6753a90b7daaf370e575c9ddee6d1', part: "bubble", class: "bs-tooltip__bubble" }, h("slot", { key: '81b8681507245e597177d169c1925dfb65aaeeab' }))));
+        return (h("div", { key: 'cd34354a526f3bfe60473dcccd3199149cb8dd62', class: "bs-tooltip" }, h("span", { key: '17943240c38e9c9ebaf80860462afaab841c8049', part: "arrow", class: "bs-tooltip__arrow" }), h("div", { key: '6c2a1c40f7d6ce8b2d14eddb143fe90bb896077c', part: "bubble", class: "bs-tooltip__bubble" }, h("slot", { key: '3b3f22ea81394e4ee95e3e78400599cd570f5d98' }))));
     }
     static get is() { return "bs-tooltip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -0,0 +1,73 @@
+import { render, h, describe, it, expect } from "@stencil/vitest";
+const tip = (root) => root.shadowRoot.querySelector('[part="tooltip"]');
+const wrap = (root) => root.shadowRoot.querySelector('[part="trigger"]');
+describe('bs-tooltip-trigger', () => {
+    it('is hidden by default and linked via aria-describedby', async () => {
+        const { root } = await render(h("bs-tooltip-trigger", { text: "Hint" }, h("button", null, "Go")));
+        expect(tip(root).hasAttribute('hidden')).toBe(true);
+        expect(tip(root)).toEqualAttribute('role', 'tooltip');
+        expect(wrap(root).getAttribute('aria-describedby')).toBe(tip(root).id);
+        expect(tip(root).querySelector('bs-tooltip')).toHaveTextContent('Hint');
+    });
+    it('shows on mouseenter and hides on mouseleave', async () => {
+        const { root, waitForChanges } = await render(h("bs-tooltip-trigger", { text: "Hint" }, h("button", null, "Go")));
+        wrap(root).dispatchEvent(new MouseEvent('mouseenter'));
+        await waitForChanges();
+        expect(tip(root).hasAttribute('hidden')).toBe(false);
+        wrap(root).dispatchEvent(new MouseEvent('mouseleave'));
+        await waitForChanges();
+        expect(tip(root).hasAttribute('hidden')).toBe(true);
+    });
+    it('shows on focus and dismisses with Escape', async () => {
+        const { root, waitForChanges } = await render(h("bs-tooltip-trigger", { text: "Hint" }, h("button", null, "Go")));
+        wrap(root).dispatchEvent(new FocusEvent('focusin', { bubbles: true }));
+        await waitForChanges();
+        expect(tip(root).hasAttribute('hidden')).toBe(false);
+        wrap(root).dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true }));
+        await waitForChanges();
+        expect(tip(root).hasAttribute('hidden')).toBe(true);
+    });
+    it('respects delay', async () => {
+        const { root, waitForChanges } = await render(h("bs-tooltip-trigger", { text: "Hint", delay: 50 }, h("button", null, "Go")));
+        wrap(root).dispatchEvent(new MouseEvent('mouseenter'));
+        await waitForChanges();
+        expect(tip(root).hasAttribute('hidden')).toBe(true);
+        await new Promise(r => setTimeout(r, 80));
+        await waitForChanges();
+        expect(tip(root).hasAttribute('hidden')).toBe(false);
+    });
+    it('cancels a pending show when the pointer leaves before the delay', async () => {
+        const { root, waitForChanges } = await render(h("bs-tooltip-trigger", { text: "Hint", delay: 50 }, h("button", null, "Go")));
+        wrap(root).dispatchEvent(new MouseEvent('mouseenter'));
+        wrap(root).dispatchEvent(new MouseEvent('mouseleave'));
+        await new Promise(r => setTimeout(r, 80));
+        await waitForChanges();
+        expect(tip(root).hasAttribute('hidden')).toBe(true);
+    });
+    it('defaults placement to bottom, below the trigger', async () => {
+        const { root, waitForChanges } = await render(h("bs-tooltip-trigger", { text: "Hint" }, h("button", null, "Go")));
+        expect(root.placement).toBe('bottom');
+        wrap(root).dispatchEvent(new MouseEvent('mouseenter'));
+        await waitForChanges();
+        const t = tip(root).getBoundingClientRect();
+        const w = wrap(root).getBoundingClientRect();
+        expect(t.top).toBeGreaterThanOrEqual(w.bottom);
+    });
+    for (const placement of ['top', 'start', 'end']) {
+        it(`positions the tooltip on the ${placement} side`, async () => {
+            const { root, waitForChanges } = await render(h("div", { style: { padding: '200px' } }, h("bs-tooltip-trigger", { text: "Hint", placement: placement }, h("button", null, "Go"))));
+            const host = root.querySelector('bs-tooltip-trigger');
+            const hw = host.shadowRoot.querySelector('[part="trigger"]');
+            hw.dispatchEvent(new MouseEvent('mouseenter'));
+            await waitForChanges();
+            const t = host.shadowRoot.querySelector('[part="tooltip"]').getBoundingClientRect();
+            const w = hw.getBoundingClientRect();
+            if (placement === 'top')
+                expect(t.bottom).toBeLessThanOrEqual(w.top);
+            if (placement === 'start')
+                expect(t.right).toBeLessThanOrEqual(w.left);
+            if (placement === 'end')
+                expect(t.left).toBeGreaterThanOrEqual(w.right);
+        });
+    }
+});

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

@@ -0,0 +1,52 @@
+:host {
+  display: inline-block;
+  --bs-tooltip-trigger-offset: var(--bs-spacing-100);
+  --bs-tooltip-trigger-z-index: var(--bs-z-index-popover);
+}
+
+.bs-tooltip-trigger {
+  position: relative;
+  display: inline-block;
+}
+
+.bs-tooltip-trigger__tooltip {
+  position: absolute;
+  top: calc(100% + var(--bs-tooltip-trigger-offset));
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: var(--bs-tooltip-trigger-z-index);
+  width: max-content;
+  pointer-events: none;
+}
+
+.bs-tooltip-trigger__tooltip[hidden] {
+  display: none;
+}
+
+:host([placement='top']) .bs-tooltip-trigger__tooltip {
+  top: auto;
+  bottom: calc(100% + var(--bs-tooltip-trigger-offset));
+}
+
+:host([placement='start']) .bs-tooltip-trigger__tooltip,
+:host([placement='end']) .bs-tooltip-trigger__tooltip {
+  top: 50%;
+  left: auto;
+}
+
+:host([placement='start']) .bs-tooltip-trigger__tooltip {
+  right: calc(100% + var(--bs-tooltip-trigger-offset));
+  transform: translateY(-50%);
+}
+
+:host([placement='end']) .bs-tooltip-trigger__tooltip {
+  left: calc(100% + var(--bs-tooltip-trigger-offset));
+  transform: translateY(-50%);
+}
+
+/* bs-tooltip only draws an upward arrow (below-trigger layout); hide it for other sides. */
+:host([placement='top']) bs-tooltip::part(arrow),
+:host([placement='start']) bs-tooltip::part(arrow),
+:host([placement='end']) bs-tooltip::part(arrow) {
+  display: none;
+}

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

@@ -0,0 +1,140 @@
+import { h } from "@stencil/core";
+let tooltipTriggerId = 0;
+/**
+ * Wraps a trigger element and shows a `bs-tooltip` on hover or keyboard focus, after an optional
+ * delay. Escape dismisses it. The tooltip is linked to the trigger with `aria-describedby`.
+ *
+ * Composed from `bs-tooltip`.
+ *
+ * ## When to use
+ * - A short hint for an icon button or truncated label.
+ *
+ * ## When not to use
+ * - Interactive content or long text (use `bs-popover`).
+ *
+ * @slot - Default slot: the trigger element.
+ * @part trigger - The wrapper around the trigger; carries aria-describedby.
+ * @part tooltip - The positioned tooltip wrapper (role="tooltip").
+ * @prop --bs-tooltip-trigger-offset - Gap between trigger and tooltip. Aliased to `--bs-spacing-100`.
+ * @prop --bs-tooltip-trigger-z-index - Stacking order. Aliased to `--bs-z-index-popover`.
+ */
+export class BsTooltipTrigger {
+    /** Tooltip message. */
+    text = '';
+    /** Milliseconds to wait before showing the tooltip. */
+    delay = 0;
+    /** Side of the trigger the tooltip appears on. The bs-tooltip arrow is only drawn for 'bottom'. */
+    placement = 'bottom';
+    visible = false;
+    tooltipId = `bs-tooltip-trigger-${++tooltipTriggerId}`;
+    timer;
+    disconnectedCallback() {
+        clearTimeout(this.timer);
+    }
+    show = () => {
+        clearTimeout(this.timer);
+        if (this.delay > 0)
+            this.timer = setTimeout(() => (this.visible = true), this.delay);
+        else
+            this.visible = true;
+    };
+    hide = () => {
+        clearTimeout(this.timer);
+        this.visible = false;
+    };
+    onKeyDown = (ev) => {
+        if (ev.key === 'Escape' && this.visible)
+            this.hide();
+    };
+    render() {
+        const show = this.visible && !!this.text;
+        return (h("div", { key: '2fc1cae6e9561dcb1849011c40771038efd0f546', 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: 'ceb7dd09728db2917e47db7178b543a8766a9147' }), h("div", { key: '8a1809cc681b826a44de2d49a672933d48a2163b', part: "tooltip", id: this.tooltipId, class: "bs-tooltip-trigger__tooltip", role: "tooltip", hidden: !show }, h("bs-tooltip", { key: '00df96c8a33440e72bd46ada9aca02ba75fb1cd5' }, this.text))));
+    }
+    static get is() { return "bs-tooltip-trigger"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bs-tooltip-trigger.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bs-tooltip-trigger.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "text": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Tooltip message."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "text",
+                "defaultValue": "''"
+            },
+            "delay": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Milliseconds to wait before showing the tooltip."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "delay",
+                "defaultValue": "0"
+            },
+            "placement": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "BsTooltipTriggerPlacement",
+                    "resolved": "\"bottom\" | \"end\" | \"start\" | \"top\"",
+                    "references": {
+                        "BsTooltipTriggerPlacement": {
+                            "location": "local",
+                            "path": "/home/runner/work/eg-brandsync-storybook/eg-brandsync-storybook/packages/wc/src/components/bs-tooltip-trigger/bs-tooltip-trigger.tsx",
+                            "id": "src/components/bs-tooltip-trigger/bs-tooltip-trigger.tsx::BsTooltipTriggerPlacement"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Side of the trigger the tooltip appears on. The bs-tooltip arrow is only drawn for 'bottom'."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "placement",
+                "defaultValue": "'bottom'"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "visible": {}
+        };
+    }
+}

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

@@ -0,0 +1,21 @@
+import { html } from "lit";
+import { componentDescription } from "../../stories-utils";
+const meta = {
+    title: 'Components/bs-tooltip-trigger',
+    parameters: { docs: { description: { component: componentDescription('bs-tooltip-trigger') } } },
+    render: args => html `
+    <div style="padding: 24px;">
+      <bs-tooltip-trigger text=${args.text} delay=${args.delay}>
+        <bs-button>Hover or focus me</bs-button>
+      </bs-tooltip-trigger>
+    </div>
+  `,
+    argTypes: {
+        text: { control: 'text' },
+        delay: { control: 'number' },
+    },
+    args: { text: 'Extra information', delay: 0 },
+};
+export default meta;
+export const Default = {};
+export const Delayed = { args: { delay: 500 } };

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: 'f3b59b9886ee7dc0cff3ce37ef361081d268c301', class: "bs-whats-new-entry" }, (this.tag || this.date || this.unread) && (h("div", { key: '849ff3110f9b5e8862d2e8743c69e37a3913ba3f', part: "meta", class: "bs-whats-new-entry__meta" }, this.tag && (h("bs-chip-informative", { key: '1e3ab58124be4aac1785ac5094f607eebba06ada', part: "tag", size: "sm", color: this.tagColor }, this.tag)), this.date && (h("span", { key: '351f70bd49e94fd4848e34d2b134dda0a76aa3ce', part: "date", class: "bs-whats-new-entry__date" }, this.date)), this.unread && (h("span", { key: '9e5341acb5e4b5628ad9c567ca30d87f03c7c511', part: "unread", class: "bs-whats-new-entry__unread" }, h("span", { key: 'cca65aff39503436f75f7e1a6eada38975985b63', class: "bs-whats-new-entry__sr-only" }, this.unreadLabel))))), h("div", { key: '9c4e28e9687456fbe4b40fdba7e22dc162ea26c7', part: "image", class: { 'bs-whats-new-entry__image': true, 'bs-whats-new-entry__image--visible': this.hasImage } }, h("slot", { key: '4e698f6b9cd3bc68c4723877a6c257c2cdafb5a4', name: "image", onSlotchange: (ev) => (this.hasImage = ev.target.assignedNodes().length > 0) })), h("div", { key: '60e73438ed675a12159986ae8352b1c5b2735fb1', 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: 'ddf69ede4112a2da4554b0ed4dae5664f739c055', part: "description", class: "bs-whats-new-entry__description" }, this.description)), this.actionLabel && (h("bs-button", { key: 'a6465a5bfab7ee0ccf8e26eb6221e566ad483b2e', part: "action", class: "bs-whats-new-entry__action", variant: "subtle", size: "sm", onClick: () => this.bsAction.emit() }, this.actionLabel, h("svg", { key: 'd45596c561a1366f54beaf3c5ba62084581742fe', 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: 'a87b5824ff0fe97c7c025096e432948864e1d19b', d: "M5 12H19" }), h("path", { key: '96659132bb0262ed354a33c2c33d48dde199a95b', d: "M13 6L19 12L13 18" }))))), this.divider && h("div", { key: '25381aa31681ccdb1e18fe74a019bd57e1fa8a62', part: "divider", class: "bs-whats-new-entry__divider" })));
+        return (h("div", { key: 'ff956b15aeb7267e70e15fd447d7ccc02bdf488f', class: "bs-whats-new-entry" }, (this.tag || this.date || this.unread) && (h("div", { key: '7bd5e8ea1e0a3628ece59407cc58354c3d30426e', part: "meta", class: "bs-whats-new-entry__meta" }, this.tag && (h("bs-chip-informative", { key: '6ae5623bf2e65c1d7a52ec93f0801c9ea188de08', part: "tag", size: "sm", color: this.tagColor }, this.tag)), this.date && (h("span", { key: '741b8fbb241b9ee321a8e77fbb81550d8a61cf21', part: "date", class: "bs-whats-new-entry__date" }, this.date)), this.unread && (h("span", { key: 'caa348708573629d60ccf047357dd086f2c7350e', part: "unread", class: "bs-whats-new-entry__unread" }, h("span", { key: 'a5671ad6a6ec951b4cb20ae5dfb6dbcd1e6b3006', class: "bs-whats-new-entry__sr-only" }, this.unreadLabel))))), h("div", { key: '10953346635c715ca0eb5c82f2b281a5a7113a90', part: "image", class: { 'bs-whats-new-entry__image': true, 'bs-whats-new-entry__image--visible': this.hasImage } }, h("slot", { key: '63764e4700d494eb78c0fe0c9c203575ddced731', name: "image", onSlotchange: (ev) => (this.hasImage = ev.target.assignedNodes().length > 0) })), h("div", { key: 'b81d30298930bb2f1aa3ac3256ece61f700d0480', 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: '5a0c0096dd06fb735ec4f5f897c9a392d37aa723', part: "description", class: "bs-whats-new-entry__description" }, this.description)), this.actionLabel && (h("bs-button", { key: 'dc86c02b65b3dca892873b08f3b541d92db9058c', part: "action", class: "bs-whats-new-entry__action", variant: "subtle", size: "sm", onClick: () => this.bsAction.emit() }, this.actionLabel, h("svg", { key: '2b6bdb66eff8f452bec1ea47e5c2ec6cb4854b8b', 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: '67299241e7a3d29adfd9b97512b3e6ee49f833c7', d: "M5 12H19" }), h("path", { key: 'd7e8ee2608e3345b0ab0aa1988d6da42b1f14ecf', d: "M13 6L19 12L13 18" }))))), this.divider && h("div", { key: '3c7d0fb5f1aebc224de840c68bb66f1bbc9b540e', 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

@@ -73,6 +73,12 @@ export class BsNavigationDrawer {
      * a "fixed" side nav (Carbon's terminology: a `Fixed Side Nav` never collapses, as opposed to a
      * rail-capable one) that's always fully expanded. `collapsed` is ignored while this is `false`. */
     collapsible = true;
+    /** Accessible name of the collapse toggle while the drawer is expanded. */
+    collapseLabel = 'Collapse';
+    /** Accessible name of the collapse toggle while the drawer is collapsed. */
+    expandLabel = 'Expand';
+    /** Accessible name of the search trigger. */
+    searchLabel = 'Search';
     /** Narrows the drawer to a 96px icon-only rail (Figma node 8028:135374). Mutable and reflected
      * -- clicking the collapse toggle toggles this directly (self-toggling, see the class doc above
      * for why), and this component keeps every direct-child `bs-navigation-drawer-item`'s own
@@ -228,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: '521147bfafef13a89a56f343cbe4b285fd006639', "data-overlay": this.mobile ? '' : undefined }, this.mobile && h("div", { key: 'cc9f73d195a4073d735c707fffafde33a2d19d3b', part: "backdrop", class: "bs-navigation-drawer__backdrop", onClick: this.requestClose }), h("nav", { key: '467266e407fe4106bc677b04e0b553374b8fbaeb', ref: el => (this.navRef = el), class: classes, "aria-label": this.heading,
+        return (h(Host, { key: 'e968fe7b53118c3c7a790d640c42870eafde4399', "data-overlay": this.mobile ? '' : undefined }, this.mobile && h("div", { key: '2779ef664093e7439a5af96d17921e015240bc1e', part: "backdrop", class: "bs-navigation-drawer__backdrop", onClick: this.requestClose }), h("nav", { key: '939895e91353feb4b213b1219a610780f70a69e9', 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: '4ff34d1ac08f81a00332547c84cfdf6ed92b5b79', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--full" }, h("bs-logo", { key: '71705d5d76425fd296489f4dbe01beed4940ee47', variant: "full", background: this.logoBackground }))), this.showLogo && (h("div", { key: '563b51505b802c687256b71bdb573d19130f3f8c', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--mark" }, h("bs-logo", { key: 'd7a4e74152e8e1dcff9411f8328f546127499cee', variant: "mark", background: this.logoBackground }))), h("div", { key: '25e35b5ea15ca7b5a807a655c97a399b18bfced2', class: "bs-navigation-drawer__title-row" }, h("span", { key: '810858e4f00a7e734543cfd0502a0a2facdc7744', part: "title", class: "bs-navigation-drawer__title" }, this.heading), this.collapsible && (h("button", { key: '7d00c956e442aabe7578724bff8a29b98d96cb04', type: "button", part: "collapse", class: "bs-navigation-drawer__collapse", "aria-label": this.collapsed ? 'Expand' : 'Collapse', "aria-pressed": this.collapsed ? 'true' : 'false', onClick: this.onCollapseClick }, h(CaretLeftIcon, { key: 'a394a7cfa1fa4e68ab6bbaf06299bb46c891e251' })))), h("div", { key: '1a68784b97eb72c6bbfa597d244c9e6444960843', part: "search", class: "bs-navigation-drawer__search" }, h("slot", { key: '0712fdc0632d153d6adf9aaaa153d6cd2e2759d3', name: "search" })), h("button", { key: '92848c768f51ffc6b32d926ad9ae9ab722647531', type: "button", part: "search-trigger", class: "bs-navigation-drawer__search-trigger", "aria-label": "Search", onClick: this.onSearchTriggerClick }, h(SearchIcon, { key: '32c2d99598015b95e79d2a88d75c68bf5e41f4f0' })), h("div", { key: '0beae420879d2b3488134c4586509cce316072c9', part: "items", class: "bs-navigation-drawer__items" }, h("slot", { key: 'aa01f41986235a8d4cfe8d5b477fa77d584bc8d7' })))));
+            tabIndex: this.mobile ? -1 : undefined }, this.showLogo && (h("div", { key: '53ca093c161021ba1f8549ff969560968b39c2d5', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--full" }, h("bs-logo", { key: '6166408f8acf95f9bcb069c513c857608357e0c1', variant: "full", background: this.logoBackground }))), this.showLogo && (h("div", { key: '9ca4a65ea05110d158273703a9085a5ef89964b4', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--mark" }, h("bs-logo", { key: '31d54855aa0f529e2c739b25ebe34c1076ccf350', variant: "mark", background: this.logoBackground }))), h("div", { key: '7bdea3c4d784670f3fecdff8c211bdd82cf0448a', class: "bs-navigation-drawer__title-row" }, h("span", { key: 'bc2297655109ec140ca626c3cde5a6a74d79d0b0', part: "title", class: "bs-navigation-drawer__title" }, this.heading), this.collapsible && (h("button", { key: 'ca81bfae546d50fd79576918c88be5adc89adbbb', 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: '2ea855c83eef0901aa39f633d07cc91c54872a37' })))), h("div", { key: 'ae34f590f34f8cfd027d715f4ff1ddbb46aae391', part: "search", class: "bs-navigation-drawer__search" }, h("slot", { key: '4dd811fdfcd60a59cddb8b50c048f27583dd0947', name: "search" })), h("button", { key: 'f364a533ca3ef62c85b90b9481c2a9cf1a731e05', type: "button", part: "search-trigger", class: "bs-navigation-drawer__search-trigger", "aria-label": this.searchLabel, onClick: this.onSearchTriggerClick }, h(SearchIcon, { key: '0d5ba9b9631baa75fd5c198b85da436dda988542' })), h("div", { key: 'b78d387d26bf047766558ddbb82bb797e6262c5b', part: "items", class: "bs-navigation-drawer__items" }, h("slot", { key: '6d0e7f8a1885839d737fe1883cb81cc4e7750170' })))));
     }
     static get is() { return "bs-navigation-drawer"; }
     static get encapsulation() { return "shadow"; }
@@ -288,6 +294,66 @@ export class BsNavigationDrawer {
                 "attribute": "collapsible",
                 "defaultValue": "true"
             },
+            "collapseLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible name of the collapse toggle while the drawer is expanded."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "collapse-label",
+                "defaultValue": "'Collapse'"
+            },
+            "expandLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible name of the collapse toggle while the drawer is collapsed."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "expand-label",
+                "defaultValue": "'Expand'"
+            },
+            "searchLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible name of the search trigger."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "search-label",
+                "defaultValue": "'Search'"
+            },
             "collapsed": {
                 "type": "boolean",
                 "mutable": true,

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: '51630ca979a030ee03a3c11352fd088621281bf9', class: "bs-navigation-drawer-item__root" }, h("button", { key: 'd1e7d4ce9986b0b109cf120654612f28d5419528', 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: '76efeab68b534e27ee36ca785ab45409d076e773', part: "icon", class: `bs-navigation-drawer-item__icon ${this.hasIcon ? 'bs-navigation-drawer-item__icon--has-content' : ''}` }, h("slot", { key: 'a07c99f227906bcb65ddc8e7fc51899b61e7a530', name: "icon", onSlotchange: this.onIconSlotchange }))), h("span", { key: '0b05f0fa744bfd8f5462b028e2fba26508fe119b', part: "label", class: "bs-navigation-drawer-item__label" }, h("slot", { key: '702286fcffb4021fe048b5cd33b91ad41d335a3d' })), this.expandable && (h("span", { key: '3ce575babd8db5d37f25302e0979696b974f76ff', part: "chevron", class: `bs-navigation-drawer-item__chevron ${this.expanded ? 'bs-navigation-drawer-item__chevron--expanded' : ''}` }, h(ChevronDownIcon, { key: 'b5e915df678f8fc7468aa72d17b638d46c13d40e' })))), this.expandable && (h("span", { key: '2533a38344615f4edd4e6e704f2d23c327f8a990', part: "children", class: "bs-navigation-drawer-item__children" }, h("slot", { key: 'f1d717e3cb69aa6002ff5ba6ac4879d565ab59dd', name: "children" })))));
+        return (h("div", { key: '2b7837f89946d774a7c6bf6134fe03a62bed79aa', class: "bs-navigation-drawer-item__root" }, h("button", { key: 'cebf928c1e885475888eadbea33aeb2af60a7443', 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: 'f8e4029d48812fc0be2329d5b8f302b74ca9689f', part: "icon", class: `bs-navigation-drawer-item__icon ${this.hasIcon ? 'bs-navigation-drawer-item__icon--has-content' : ''}` }, h("slot", { key: '409ca913c113ce786b3f4f484d7ea9771909c00a', name: "icon", onSlotchange: this.onIconSlotchange }))), h("span", { key: '56a14dcab7c950d2ab6b57fe74341d1df35ef73b', part: "label", class: "bs-navigation-drawer-item__label" }, h("slot", { key: 'b00be42b3c445777489bd0ad932980a8742aa089' })), this.expandable && (h("span", { key: '6a78c1753ae1b0e784258ac5bcd476521b2c70ab', part: "chevron", class: `bs-navigation-drawer-item__chevron ${this.expanded ? 'bs-navigation-drawer-item__chevron--expanded' : ''}` }, h(ChevronDownIcon, { key: '720c5f0985638d83c45813cf0c9ec124f9202b8d' })))), this.expandable && (h("span", { key: '8a48654707a75fd986d0a0fb12a23466656e21a5', part: "children", class: "bs-navigation-drawer-item__children" }, h("slot", { key: '95644fd25b27916348a15faaf9721ca4ff086c06', 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: 'b7a29c3e8054f042f4bd1dbff2996fca6984b92b', class: rootClasses, "aria-label": this.ariaLabel ?? undefined }, this.skipToContentHref && (h("a", { key: '4263bba29e89be550101524f1097eca84cd6d0ef', part: "skip-link", class: "bs-navigation-header__skip-link", href: this.skipToContentHref }, this.skipToContentLabel)), showLogo && (h("bs-logo", { key: '6db88ed8b8130937bdff2cdeb2e6b35ddd0611ae', part: "logo", class: "bs-navigation-header__logo", variant: "full", background: this.logoBackground })), h("div", { key: 'c8c545aed781a618b5ff2150a7e0d45fc51fe6dd', part: "left", class: "bs-navigation-header__left" }, h("slot", { key: 'f5fb1f9073a045187fffbba5be86aa3226c58a52', name: "left" })), h("div", { key: '697f49fb083e1164e5907f86650a7d3e3f30ea2e', part: "right", class: "bs-navigation-header__right" }, h("slot", { key: '736a8ada03c81180aa717b50f27db0685b9da511', name: "right" }))));
+        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" }))));
     }
     static get is() { return "bs-navigation-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/global/brand-theming.cmp.test.js

@@ -0,0 +1,44 @@
+import { describe, it, expect } from "@stencil/vitest";
+const probe = (host, prop) => {
+    const el = document.createElement('div');
+    el.style.background = `var(${prop})`;
+    host.appendChild(el);
+    return getComputedStyle(el).backgroundColor;
+};
+const mount = (html) => {
+    const wrap = document.createElement('div');
+    wrap.innerHTML = html;
+    document.body.appendChild(wrap);
+    return wrap;
+};
+describe('[data-brand] theming contract', () => {
+    it('re-derives brand tokens from a scale overridden on a wrapper element', () => {
+        const wrap = mount(`
+      <style>[data-brand="red"] { --bs-brand-600: rgb(200, 0, 0); --bs-brand-500: rgb(0, 200, 0); }</style>
+      <div id="plain"></div>
+      <div id="branded" data-brand="red"><section id="inner"></section></div>`);
+        const plain = wrap.querySelector('#plain');
+        const inner = wrap.querySelector('#inner');
+        expect(probe(inner, '--bs-color-primary-default')).toBe('rgb(200, 0, 0)');
+        expect(probe(inner, '--bs-text-action')).toBe('rgb(200, 0, 0)');
+        expect(probe(inner, '--bs-focus-border-')).toBe('rgb(0, 200, 0)');
+        expect(probe(inner, '--bs-border-primary-focus')).toBe('rgb(0, 200, 0)');
+        // Outside a data-brand element the defaults are untouched.
+        expect(probe(plain, '--bs-color-primary-default')).not.toBe('rgb(200, 0, 0)');
+        wrap.remove();
+    });
+    it('keeps the information-blue focus default outside a data-brand element', () => {
+        const wrap = mount('<div id="plain"></div>');
+        const plain = wrap.querySelector('#plain');
+        expect(probe(plain, '--bs-focus-border-')).toBe(probe(plain, '--bs-information-500'));
+        wrap.remove();
+    });
+    it('uses the dark-mode derivations on a data-brand element under data-theme="dark"', () => {
+        const wrap = mount(`
+      <style>[data-brand="red"] { --bs-brand-400: rgb(1, 2, 3); --bs-brand-600: rgb(9, 9, 9); }</style>
+      <div data-theme="dark"><div data-brand="red"><i id="inner"></i></div></div>`);
+        const inner = wrap.querySelector('#inner');
+        expect(probe(inner, '--bs-color-primary-default')).toBe('rgb(1, 2, 3)');
+        wrap.remove();
+    });
+});

package/dist/components/bs-accordion-group.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BsAccordionGroup extends Components.BsAccordionGroup, HTMLElement {}
+export const BsAccordionGroup: {
+    prototype: BsAccordionGroup;
+    new (): BsAccordionGroup;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+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:"fb67e69d63c6eb30093cf9b74a035a498d4b38b1",part:"group",class:"bs-accordion-group"},r("slot",{key:"ddc57ac0aa2fb44f866000c6abe255e416fa19b8"}))}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-accordion.js

@@ -1 +1 @@
-import{t as o,p as a,H as i,c as e,h as c}from"./p-CVrEuVFo.js";const n=a(class extends i{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.bsToggle=e(this,"bsToggle")}expanded=!1;size="medium";disabled=!1;showIcon=!0;showPreview=!0;bsToggle;onActivate=()=>{this.disabled||this.bsToggle.emit(!this.expanded)};render(){return c("div",{key:"2774538f3bc8d52e5a295edafbdad5e2a12dddda",part:"container",class:`bs-accordion bs-accordion--${this.size} ${this.disabled?"bs-accordion--disabled":""}`},c("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":this.expanded+"",onClick:this.onActivate},this.showIcon&&c("span",{key:"abd274cb295ae34e9220846a1e8466623f65663a",part:"icon",class:"bs-accordion__icon bs-accordion__icon--"+this.size,"aria-hidden":"true"},c("slot",{key:"d9c4c429852c77f4a10c05eb247a9d3d35559ef6",name:"icon"},c(d,{key:"2fb492c43754a517e4e98b684f811be21777e849"}))),c("span",{key:"a02484f1a47148493fbc193bc4b9daa8e4c634e7",part:"label",class:"bs-accordion__label "+(this.showIcon?"":"bs-accordion__label--no-icon")},c("slot",{key:"8241ccee7233e85c2d69c225c07e67b982674ef7",name:"label"})),c("span",{key:"6e36ee8dbd22ca924f9d8ea8b5c3017c5478f058",part:"caret",class:"bs-accordion__caret bs-accordion__caret--"+this.size,"aria-hidden":"true"},c(this.expanded?s:r,null))),(this.expanded||this.showPreview)&&c("div",{key:"1e3ad6fe654c633a4094ea9014ef79d82feae2db",part:"content",class:`bs-accordion__content ${this.showIcon?"":"bs-accordion__content--no-icon"} ${this.expanded?"bs-accordion__content--expanded":"bs-accordion__content--collapsed"}`},c("slot",{key:"6a60fd12ed4ec7e3b4ab0e56414e0a90c4f5d889"})))}static get style(){return":host{display:block;--bs-accordion-radius:var(--bs-border-radius-100);--bs-accordion-header-padding-y-medium:var(--bs-spacing-150);--bs-accordion-header-padding-y-large:var(--bs-spacing-250);--bs-accordion-header-padding-x:var(--bs-spacing-200);--bs-accordion-content-padding-bottom:var(--bs-spacing-150);--bs-accordion-content-padding-right:var(--bs-spacing-200);--bs-accordion-content-padding-left:var(--bs-spacing-800);--bs-accordion-content-padding-left-no-icon:var(--bs-spacing-200);--bs-accordion-icon-width-medium:var(--bs-spacing-800);--bs-accordion-icon-height-medium:48px;--bs-accordion-icon-size-large:var(--bs-spacing-800);--bs-accordion-font-size:var(--bs-font-size-md);--bs-accordion-line-height:var(--bs-line-height-body-md);--bs-accordion-font-weight:var(--bs-font-weight-semibold);--bs-accordion-text-default:var(--bs-text-default);--bs-accordion-bg-hover:var(--bs-surface-hover);--bs-accordion-bg-disabled:var(--bs-surface-action-disabled);--bs-accordion-text-disabled:var(--bs-text-on-disabled);--bs-accordion-focus-ring:var(--bs-border-neutral-focus)}.bs-accordion{display:block;border-radius:var(--bs-accordion-radius);overflow:hidden;font-family:inherit}.bs-accordion:has(.bs-accordion__header:hover),.bs-accordion:has(.bs-accordion__header:active){background:var(--bs-accordion-bg-hover)}.bs-accordion:has(.bs-accordion__header:focus-visible){background:var(--bs-accordion-bg-hover);outline:2px solid var(--bs-accordion-focus-ring);outline-offset:2px;border-radius:calc(var(--bs-accordion-radius) + 2px)}.bs-accordion__header{display:flex;align-items:center;width:100%;border:none;background:transparent;color:var(--bs-accordion-text-default);padding:0;cursor:pointer;font-family:inherit;text-align:start}.bs-accordion__header:focus-visible{outline:none}.bs-accordion__header--medium{padding-top:var(--bs-accordion-header-padding-y-medium);padding-bottom:var(--bs-accordion-header-padding-y-medium)}.bs-accordion__header--large{padding-top:var(--bs-accordion-header-padding-y-large);padding-bottom:var(--bs-accordion-header-padding-y-large)}.bs-accordion__header:disabled{background:var(--bs-accordion-bg-disabled);color:var(--bs-accordion-text-disabled);cursor:default}.bs-accordion__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.bs-accordion__icon svg{width:24px;height:24px}.bs-accordion__icon--medium{width:var(--bs-accordion-icon-width-medium);height:var(--bs-accordion-icon-height-medium)}.bs-accordion__icon--large{width:var(--bs-accordion-icon-size-large);height:var(--bs-accordion-icon-size-large)}.bs-accordion__label{flex:1 1 auto;min-width:0;font-size:var(--bs-accordion-font-size);line-height:calc(var(--bs-accordion-line-height) * 1px);font-weight:var(--bs-accordion-font-weight)}.bs-accordion__label--no-icon{padding-inline-start:var(--bs-accordion-header-padding-x)}.bs-accordion__caret{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.bs-accordion__caret svg{width:24px;height:24px}.bs-accordion__caret--medium{width:var(--bs-accordion-icon-width-medium);height:var(--bs-accordion-icon-height-medium)}.bs-accordion__caret--large{width:var(--bs-accordion-icon-size-large);height:var(--bs-accordion-icon-size-large)}.bs-accordion__content{padding-top:0;padding-bottom:var(--bs-accordion-content-padding-bottom);padding-inline-end:var(--bs-accordion-content-padding-right);padding-inline-start:var(--bs-accordion-content-padding-left);color:var(--bs-accordion-text-default);font-size:var(--bs-accordion-font-size);line-height:calc(var(--bs-accordion-line-height) * 1px)}.bs-accordion__content--no-icon{padding-inline-start:var(--bs-accordion-content-padding-left-no-icon)}.bs-accordion__content--collapsed{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bs-accordion--disabled .bs-accordion__content{background:var(--bs-accordion-bg-disabled);color:var(--bs-accordion-text-disabled)}"}},[769,"bs-accordion",{expanded:[516],size:[1],disabled:[4],showIcon:[4,"show-icon"],showPreview:[4,"show-preview"]}]),d=()=>c("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},c("path",{d:"M12 5V19",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),c("path",{d:"M5 12H19",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})),r=()=>c("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},c("path",{d:"M6 9.75L12 15.75L18 9.75",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})),s=()=>c("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},c("path",{d:"M6 14.25L12 8.25L18 14.25",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));function t(){"undefined"!=typeof customElements&&["bs-accordion"].forEach((a=>{"bs-accordion"===a&&(customElements.get(o(a))||customElements.define(o(a),n))}))}t();const b=n,l=t;export{b as BsAccordion,l as defineCustomElement}
+import{t as o,p as a,H as i,c as e,h as c}from"./p-B2gx7SZk.js";const n=a(class extends i{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.bsToggle=e(this,"bsToggle")}expanded=!1;size="medium";disabled=!1;showIcon=!0;showPreview=!0;bsToggle;onActivate=()=>{this.disabled||this.bsToggle.emit(!this.expanded)};render(){return c("div",{key:"2774538f3bc8d52e5a295edafbdad5e2a12dddda",part:"container",class:`bs-accordion bs-accordion--${this.size} ${this.disabled?"bs-accordion--disabled":""}`},c("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":this.expanded+"",onClick:this.onActivate},this.showIcon&&c("span",{key:"abd274cb295ae34e9220846a1e8466623f65663a",part:"icon",class:"bs-accordion__icon bs-accordion__icon--"+this.size,"aria-hidden":"true"},c("slot",{key:"d9c4c429852c77f4a10c05eb247a9d3d35559ef6",name:"icon"},c(d,{key:"2fb492c43754a517e4e98b684f811be21777e849"}))),c("span",{key:"a02484f1a47148493fbc193bc4b9daa8e4c634e7",part:"label",class:"bs-accordion__label "+(this.showIcon?"":"bs-accordion__label--no-icon")},c("slot",{key:"8241ccee7233e85c2d69c225c07e67b982674ef7",name:"label"})),c("span",{key:"6e36ee8dbd22ca924f9d8ea8b5c3017c5478f058",part:"caret",class:"bs-accordion__caret bs-accordion__caret--"+this.size,"aria-hidden":"true"},c(this.expanded?s:r,null))),(this.expanded||this.showPreview)&&c("div",{key:"1e3ad6fe654c633a4094ea9014ef79d82feae2db",part:"content",class:`bs-accordion__content ${this.showIcon?"":"bs-accordion__content--no-icon"} ${this.expanded?"bs-accordion__content--expanded":"bs-accordion__content--collapsed"}`},c("slot",{key:"6a60fd12ed4ec7e3b4ab0e56414e0a90c4f5d889"})))}static get style(){return":host{display:block;--bs-accordion-radius:var(--bs-border-radius-100);--bs-accordion-header-padding-y-medium:var(--bs-spacing-150);--bs-accordion-header-padding-y-large:var(--bs-spacing-250);--bs-accordion-header-padding-x:var(--bs-spacing-200);--bs-accordion-content-padding-bottom:var(--bs-spacing-150);--bs-accordion-content-padding-right:var(--bs-spacing-200);--bs-accordion-content-padding-left:var(--bs-spacing-800);--bs-accordion-content-padding-left-no-icon:var(--bs-spacing-200);--bs-accordion-icon-width-medium:var(--bs-spacing-800);--bs-accordion-icon-height-medium:48px;--bs-accordion-icon-size-large:var(--bs-spacing-800);--bs-accordion-font-size:var(--bs-font-size-md);--bs-accordion-line-height:var(--bs-line-height-body-md);--bs-accordion-font-weight:var(--bs-font-weight-semibold);--bs-accordion-text-default:var(--bs-text-default);--bs-accordion-bg-hover:var(--bs-surface-hover);--bs-accordion-bg-disabled:var(--bs-surface-action-disabled);--bs-accordion-text-disabled:var(--bs-text-on-disabled);--bs-accordion-focus-ring:var(--bs-border-neutral-focus)}.bs-accordion{display:block;border-radius:var(--bs-accordion-radius);overflow:hidden;font-family:inherit}.bs-accordion:has(.bs-accordion__header:hover),.bs-accordion:has(.bs-accordion__header:active){background:var(--bs-accordion-bg-hover)}.bs-accordion:has(.bs-accordion__header:focus-visible){background:var(--bs-accordion-bg-hover);outline:2px solid var(--bs-accordion-focus-ring);outline-offset:2px;border-radius:calc(var(--bs-accordion-radius) + 2px)}.bs-accordion__header{display:flex;align-items:center;width:100%;border:none;background:transparent;color:var(--bs-accordion-text-default);padding:0;cursor:pointer;font-family:inherit;text-align:start}.bs-accordion__header:focus-visible{outline:none}.bs-accordion__header--medium{padding-top:var(--bs-accordion-header-padding-y-medium);padding-bottom:var(--bs-accordion-header-padding-y-medium)}.bs-accordion__header--large{padding-top:var(--bs-accordion-header-padding-y-large);padding-bottom:var(--bs-accordion-header-padding-y-large)}.bs-accordion__header:disabled{background:var(--bs-accordion-bg-disabled);color:var(--bs-accordion-text-disabled);cursor:default}.bs-accordion__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.bs-accordion__icon svg{width:24px;height:24px}.bs-accordion__icon--medium{width:var(--bs-accordion-icon-width-medium);height:var(--bs-accordion-icon-height-medium)}.bs-accordion__icon--large{width:var(--bs-accordion-icon-size-large);height:var(--bs-accordion-icon-size-large)}.bs-accordion__label{flex:1 1 auto;min-width:0;font-size:var(--bs-accordion-font-size);line-height:calc(var(--bs-accordion-line-height) * 1px);font-weight:var(--bs-accordion-font-weight)}.bs-accordion__label--no-icon{padding-inline-start:var(--bs-accordion-header-padding-x)}.bs-accordion__caret{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.bs-accordion__caret svg{width:24px;height:24px}.bs-accordion__caret--medium{width:var(--bs-accordion-icon-width-medium);height:var(--bs-accordion-icon-height-medium)}.bs-accordion__caret--large{width:var(--bs-accordion-icon-size-large);height:var(--bs-accordion-icon-size-large)}.bs-accordion__content{padding-top:0;padding-bottom:var(--bs-accordion-content-padding-bottom);padding-inline-end:var(--bs-accordion-content-padding-right);padding-inline-start:var(--bs-accordion-content-padding-left);color:var(--bs-accordion-text-default);font-size:var(--bs-accordion-font-size);line-height:calc(var(--bs-accordion-line-height) * 1px)}.bs-accordion__content--no-icon{padding-inline-start:var(--bs-accordion-content-padding-left-no-icon)}.bs-accordion__content--collapsed{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bs-accordion--disabled .bs-accordion__content{background:var(--bs-accordion-bg-disabled);color:var(--bs-accordion-text-disabled)}"}},[769,"bs-accordion",{expanded:[516],size:[1],disabled:[4],showIcon:[4,"show-icon"],showPreview:[4,"show-preview"]}]),d=()=>c("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},c("path",{d:"M12 5V19",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),c("path",{d:"M5 12H19",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})),r=()=>c("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},c("path",{d:"M6 9.75L12 15.75L18 9.75",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})),s=()=>c("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},c("path",{d:"M6 14.25L12 8.25L18 14.25",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));function t(){"undefined"!=typeof customElements&&["bs-accordion"].forEach((a=>{"bs-accordion"===a&&(customElements.get(o(a))||customElements.define(o(a),n))}))}t();const b=n,l=t;export{b as BsAccordion,l 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-CVrEuVFo.js";const t=e(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow()}render(){return a("div",{key:"767bf87bcfe9d07ba03aae5809a483e207bad96d",class:"bs-ai-disclaimer"},a("p",{key:"563f48f1c1dda418af44e27c237655bcfc0821d7",part:"text",class:"bs-ai-disclaimer__text"},a("slot",{key:"255b7d63c1d719cf09b914d5d5df6af7516c18dd"})))}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 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:"aec38bf071a57a6c8119da90be01c6402516a325",class:"bs-ai-disclaimer"},a("p",{key:"bf6c345d245719858a860946a5cd7239195e6473",part:"text",class:"bs-ai-disclaimer__text"},a("slot",{key:"2ffedee80e7e0af3985334d97a3acf62730a29c1"})))}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}

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

@@ -1 +1 @@
-import{t as e,p as i,H as t,h as a}from"./p-CVrEuVFo.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:"707816a52c925fa81beb3dc4f83d38d144a0bd6b",class:"bs-ai-greeting"},a("div",{key:"5762d7e1a865fc5cb8b680bfd7547acee7a871ed",part:"heading",class:"bs-ai-greeting__heading"},a("p",{key:"0301b8b35d6919c0e9f51def1dbac208309facf9",class:"bs-ai-greeting__heading-line"},"Hi. I'm ",this.assistantName,","),a("p",{key:"1ba457bc87cc9e38b4d191ff5b3d6079768a5d7c",class:"bs-ai-greeting__heading-line"},"your AI assistant.")),a("p",{key:"056f8ad54e7c3b6115248206921f8b6ec5b1d7b0",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:"e4c5ff754165c67768925d339ac83a8c3facc26d",class:"bs-ai-greeting"},a("div",{key:"cacd058adb5f2c734aab464ade21baeecffac6be",part:"heading",class:"bs-ai-greeting__heading"},a("p",{key:"c8d8aa21905b85ae127e006dc9e9e6799306d45c",class:"bs-ai-greeting__heading-line"},"Hi. I'm ",this.assistantName,","),a("p",{key:"60450fae96fbe4c72b1529f5cf7b43525c2f2d23",class:"bs-ai-greeting__heading-line"},"your AI assistant.")),a("p",{key:"4448ad6f944def68aa965e5f7d89ded0a769ca76",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}