@brandsync/wc 1.15.0 → 1.17.0

package/dist/collection/components/bs-tree-item/bs-tree-item.css

@@ -0,0 +1,161 @@
+/**
+ * @prop --bs-tree-item-height: Row height (48px). Aliased to --bs-spacing-600.
+ * @prop --bs-tree-item-indent: Extra indent per nesting level. Set directly in px (no 40px spacing token), matching Figma.
+ * @prop --bs-tree-item-radius: Pill corner radius. Aliased to --bs-border-radius-100.
+ * @prop --bs-tree-item-padding-x: Pill horizontal padding. Aliased to --bs-spacing-50.
+ * @prop --bs-tree-item-caret-gap: Gap between the caret and the icon/label group. Aliased to --bs-spacing-150.
+ * @prop --bs-tree-item-content-gap: Gap between the icon and the label. Aliased to --bs-spacing-100.
+ * @prop --bs-tree-item-font-size: Label font size. Aliased to --bs-font-size-md.
+ * @prop --bs-tree-item-line-height: Label line height (unitless px number). Aliased to --bs-line-height-body-md.
+ * @prop --bs-tree-item-text: Label colour. Aliased to --bs-text-default.
+ * @prop --bs-tree-item-icon: Icon and caret colour. Aliased to --bs-icon-default.
+ * @prop --bs-tree-item-bg-selected: Pill background, selected. Aliased to --bs-surface-selected.
+ * @prop --bs-tree-item-bg-hover: Pill background, hovered. Aliased to --bs-surface-hover.
+ * @prop --bs-tree-item-bg-pressed: Pill background, pressed. Aliased to --bs-surface-pressed.
+ * @prop --bs-tree-item-bg-focus: Pill background, keyboard-focused. Aliased to --bs-surface-focus.
+ * @prop --bs-tree-item-bg-selected-hover: Pill background, selected and hovered. Aliased to --bs-surface-selected-hover.
+ * @prop --bs-tree-item-bg-selected-pressed: Pill background, selected and pressed. Aliased to --bs-surface-selected-pressed.
+ * @prop --bs-tree-item-bg-selected-focus: Pill background, selected and keyboard-focused. Aliased to --bs-surface-selected-focus.
+ * @prop --bs-tree-item-focus-ring: Focus ring colour. Aliased to --bs-border-primary-hover.
+ * @prop --bs-tree-item-text-disabled: Label colour, disabled. Aliased to --bs-text-on-disabled.
+ * @prop --bs-tree-item-icon-disabled: Icon and caret colour, disabled. Aliased to --bs-icon-disabled.
+ */
+:host {
+  display: block;
+  outline: none;
+
+  --bs-tree-item-height: var(--bs-spacing-600);
+  --bs-tree-item-indent: 40px;
+  --bs-tree-item-radius: var(--bs-border-radius-100);
+  --bs-tree-item-padding-x: var(--bs-spacing-50);
+  --bs-tree-item-caret-gap: var(--bs-spacing-150);
+  --bs-tree-item-content-gap: var(--bs-spacing-100);
+  --bs-tree-item-font-size: var(--bs-font-size-md);
+  --bs-tree-item-line-height: var(--bs-line-height-body-md);
+  --bs-tree-item-text: var(--bs-text-default);
+  --bs-tree-item-icon: var(--bs-icon-default);
+  --bs-tree-item-bg-selected: var(--bs-surface-selected);
+  --bs-tree-item-bg-hover: var(--bs-surface-hover);
+  --bs-tree-item-bg-pressed: var(--bs-surface-pressed);
+  --bs-tree-item-bg-focus: var(--bs-surface-focus);
+  --bs-tree-item-bg-selected-hover: var(--bs-surface-selected-hover);
+  --bs-tree-item-bg-selected-pressed: var(--bs-surface-selected-pressed);
+  --bs-tree-item-bg-selected-focus: var(--bs-surface-selected-focus);
+  --bs-tree-item-focus-ring: var(--bs-border-primary-hover);
+  --bs-tree-item-text-disabled: var(--bs-text-on-disabled);
+  --bs-tree-item-icon-disabled: var(--bs-icon-disabled);
+
+  /* Text colour on the host so slotted label/icon content inherits it (light and dark). */
+  color: var(--bs-tree-item-text);
+  font-family: inherit;
+}
+
+:host([disabled]) {
+  color: var(--bs-tree-item-text-disabled);
+}
+
+.bs-tree-item__row {
+  box-sizing: border-box;
+  width: 100%;
+  height: var(--bs-tree-item-height);
+  display: flex;
+  padding-inline-start: calc((var(--bs-tree-item-level, 1) - 1) * var(--bs-tree-item-indent));
+}
+
+.bs-tree-item__container {
+  box-sizing: border-box;
+  flex: 1;
+  min-width: 0;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  gap: var(--bs-tree-item-caret-gap);
+  padding-inline: var(--bs-tree-item-padding-x);
+  border-radius: var(--bs-tree-item-radius);
+  background: transparent;
+  cursor: pointer;
+}
+
+.bs-tree-item__container--selected {
+  background: var(--bs-tree-item-bg-selected);
+}
+
+.bs-tree-item__container:not(.bs-tree-item__container--disabled):hover {
+  background: var(--bs-tree-item-bg-hover);
+}
+.bs-tree-item__container--selected:not(.bs-tree-item__container--disabled):hover {
+  background: var(--bs-tree-item-bg-selected-hover);
+}
+.bs-tree-item__container:not(.bs-tree-item__container--disabled):active {
+  background: var(--bs-tree-item-bg-pressed);
+}
+.bs-tree-item__container--selected:not(.bs-tree-item__container--disabled):active {
+  background: var(--bs-tree-item-bg-selected-pressed);
+}
+
+/* Keyboard focus lives on the host; the ring is an outline on the pill (offset 0 = drawn just
+   outside it, following the pill's radius), so nothing clips it. */
+:host(:focus-visible) .bs-tree-item__container {
+  background: var(--bs-tree-item-bg-focus);
+  outline: 2px solid var(--bs-tree-item-focus-ring);
+  outline-offset: 0;
+}
+:host(:focus-visible) .bs-tree-item__container--selected {
+  background: var(--bs-tree-item-bg-selected-focus);
+}
+
+.bs-tree-item__container--disabled {
+  cursor: default;
+}
+
+.bs-tree-item__caret {
+  display: flex;
+  flex: none;
+  width: 24px;
+  height: 24px;
+  color: var(--bs-tree-item-icon);
+  transition: transform 150ms ease;
+}
+.bs-tree-item__caret--open {
+  transform: rotate(90deg);
+}
+.bs-tree-item__caret svg,
+.bs-tree-item__icon svg {
+  width: 24px;
+  height: 24px;
+}
+
+.bs-tree-item__content {
+  display: flex;
+  align-items: center;
+  gap: var(--bs-tree-item-content-gap);
+  min-width: 0;
+}
+
+.bs-tree-item__icon {
+  display: flex;
+  flex: none;
+  width: 24px;
+  height: 24px;
+  color: var(--bs-tree-item-icon);
+}
+
+.bs-tree-item__label {
+  min-width: 0;
+  font-size: var(--bs-tree-item-font-size);
+  line-height: calc(var(--bs-tree-item-line-height) * 1px);
+  font-weight: var(--bs-font-weight-regular);
+  color: inherit;
+  word-break: break-word;
+}
+
+.bs-tree-item__container--disabled .bs-tree-item__caret,
+.bs-tree-item__container--disabled .bs-tree-item__icon {
+  color: var(--bs-tree-item-icon-disabled);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .bs-tree-item__caret {
+    transition: none;
+  }
+}

package/dist/collection/components/bs-tree-item/bs-tree-item.js

@@ -0,0 +1,305 @@
+import { Host, h } from "@stencil/core";
+/**
+ * A single row of a `bs-tree`. An item that contains child `bs-tree-item` elements is a parent
+ * (it gets an expand/collapse caret and a folder icon); an item without children is a leaf (no
+ * caret, file icon).
+ *
+ * The host carries `role="treeitem"` and the `aria-*` state; the owning `bs-tree` manages the
+ * roving `tabindex`, selection and keyboard navigation. Nesting depth is computed automatically
+ * from the number of ancestor `bs-tree-item` elements and exposed as `aria-level` -- it is not a
+ * prop. Clicking the row selects it; clicking the caret (or pressing Right/Left in a tree) toggles
+ * expansion -- the two are deliberately separate.
+ *
+ * Built from: inline SVG icons only (no existing `bs-*` component covers a tree row).
+ *
+ * @slot - Default slot: child `bs-tree-item` elements (the subtree). Only rendered, inside a
+ * `role="group"` wrapper, while the item is expanded; collapsed children are not accessible.
+ * @slot label - Overrides the `label` text.
+ * @slot icon - Overrides the default folder / file icon. Only used when `showIcon` is `true`.
+ * @part container - The highlighted row pill (carries the hover / selected / focus states).
+ * @part caret - The expand/collapse caret (parents only).
+ * @part icon - The icon wrapper.
+ * @part label - The label wrapper.
+ * @part group - The `role="group"` wrapper around the child items (while expanded).
+ */
+export class BsTreeItem {
+    el;
+    /** The row's text. Use the `label` slot for rich content. */
+    label = '';
+    /** Whether the child items are shown. Only meaningful for parents. Mutable: the caret, the
+     * keyboard and the owning tree toggle it. Reflected. */
+    expanded = false;
+    /** Marks the row as selected. Owned by the tree (single selection, synced with its `value`).
+     * Reflected. */
+    selected = false;
+    /** Disables the row: not focusable, ignores clicks, dimmed. Reflected. */
+    disabled = false;
+    /** Shows the leading icon (default folder / file, or the `icon` slot). */
+    showIcon = true;
+    /** Identifier used in events and for the tree's `value`. Falls back to `label` when empty. */
+    value = '';
+    /** Emitted when the user toggles expansion (caret click or keyboard), with the new `expanded`
+     * value. Not emitted when `expanded` is set from code. */
+    bsToggle;
+    /** Emitted (bubbling, composed) when the user activates the row, with the item's value. The
+     * owning `bs-tree` listens and updates the selection. */
+    bsSelect;
+    level = 1;
+    hasChildren = false;
+    observer;
+    connectedCallback() {
+        this.computeLevel();
+        this.computeHasChildren();
+        this.observer = new MutationObserver(() => this.computeHasChildren());
+        this.observer.observe(this.el, { childList: true });
+    }
+    disconnectedCallback() {
+        this.observer?.disconnect();
+    }
+    computeLevel() {
+        let level = 1;
+        let p = this.el.parentElement;
+        while (p) {
+            if (p.tagName === 'BS-TREE-ITEM')
+                level++;
+            p = p.parentElement;
+        }
+        this.level = level;
+    }
+    computeHasChildren() {
+        this.hasChildren = Array.from(this.el.children).some(c => c.tagName === 'BS-TREE-ITEM');
+    }
+    /** Sets `expanded` as a user action: updates the prop and emits `bsToggle`. No-op for leaves,
+     * disabled items, or when the value would not change. */
+    async setExpanded(next) {
+        if (this.disabled || !this.hasChildren || this.expanded === next)
+            return;
+        this.expanded = next;
+        this.bsToggle.emit(next);
+    }
+    onCaretClick = (e) => {
+        e.stopPropagation();
+        if (this.disabled)
+            return;
+        this.setExpanded(!this.expanded);
+    };
+    onRowClick = () => {
+        if (this.disabled)
+            return;
+        this.bsSelect.emit(this.value || this.label);
+    };
+    render() {
+        const isParent = this.hasChildren;
+        const managed = !!this.el.closest('bs-tree');
+        const showChildren = isParent && this.expanded;
+        return (h(Host, { key: 'ec3feab142de28ddd1e474d1bbb0b338b4350a8c', role: "treeitem", "aria-level": String(this.level), "aria-expanded": isParent ? String(this.expanded) : null, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : null, ...(managed || this.disabled ? {} : { tabindex: '0' }) }, h("div", { key: '711521ffa3cd3f46a90ef102d0e552992bcbb495', class: "bs-tree-item__row", style: { '--bs-tree-item-level': String(this.level) } }, h("div", { key: 'd72150c1b891962f1a5228d4e4ee85822bb20b3e', part: "container", class: {
+                'bs-tree-item__container': true,
+                'bs-tree-item__container--selected': this.selected,
+                'bs-tree-item__container--disabled': this.disabled,
+            }, onClick: this.onRowClick }, isParent && (h("span", { key: 'f788c92178c2f8ddb4aae5472f0625073b043811', part: "caret", class: { 'bs-tree-item__caret': true, 'bs-tree-item__caret--open': this.expanded }, "aria-hidden": "true", onClick: this.onCaretClick }, h(CaretRightIcon, { key: '18d5ef1a4dd6aa4d1095c9239952171bdbe917c9' }))), h("span", { key: '7f78d1c1fd7e6ac20bb0780c454b47ac09ee9fcb', class: "bs-tree-item__content" }, this.showIcon && (h("span", { key: '98f4d7812c832edb394ac26ba707d12761a45b7e', part: "icon", class: "bs-tree-item__icon", "aria-hidden": "true" }, h("slot", { key: '5a9d10638edf2b1c269c3df5d08f82f5fe2795f6', name: "icon" }, isParent ? h(FolderIcon, null) : h(FileIcon, null)))), h("span", { key: '5e7e2ffbbb9a81b25b6eadf08d4db3e55cbbd919', part: "label", class: "bs-tree-item__label" }, h("slot", { key: 'bd5f92d093ebcc75b0d7f683f0e234e5757c06d0', name: "label" }, this.label))))), showChildren && (h("div", { key: '605a2bfdf479903c96750bd11d2e99044b38bc5c', part: "group", class: "bs-tree-item__group", role: "group" }, h("slot", { key: 'ee652e9cc80780f30eec5f18a9d5a7e27e9f2395' })))));
+    }
+    static get is() { return "bs-tree-item"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bs-tree-item.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bs-tree-item.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The row's text. Use the `label` slot for rich content."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label",
+                "defaultValue": "''"
+            },
+            "expanded": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether the child items are shown. Only meaningful for parents. Mutable: the caret, the\nkeyboard and the owning tree toggle it. Reflected."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "expanded",
+                "defaultValue": "false"
+            },
+            "selected": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Marks the row as selected. Owned by the tree (single selection, synced with its `value`).\nReflected."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "selected",
+                "defaultValue": "false"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Disables the row: not focusable, ignores clicks, dimmed. Reflected."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "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 (default folder / file, or the `icon` slot)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-icon",
+                "defaultValue": "true"
+            },
+            "value": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Identifier used in events and for the tree's `value`. Falls back to `label` when empty."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "value",
+                "defaultValue": "''"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "level": {},
+            "hasChildren": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "bsToggle",
+                "name": "bsToggle",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the user toggles expansion (caret click or keyboard), with the new `expanded`\nvalue. Not emitted when `expanded` is set from code."
+                },
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                }
+            }, {
+                "method": "bsSelect",
+                "name": "bsSelect",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted (bubbling, composed) when the user activates the row, with the item's value. The\nowning `bs-tree` listens and updates the selection."
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "setExpanded": {
+                "complexType": {
+                    "signature": "(next: boolean) => Promise<void>",
+                    "parameters": [{
+                            "name": "next",
+                            "type": "boolean",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Sets `expanded` as a user action: updates the prop and emits `bsToggle`. No-op for leaves,\ndisabled items, or when the value would not change.",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+const CaretRightIcon = () => (h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M9.75 6L15.75 12L9.75 18", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+const FolderIcon = () => (h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M3.75 6.75C3.75 5.92 4.42 5.25 5.25 5.25H9.4C9.8 5.25 10.18 5.41 10.46 5.69L11.54 6.77C11.82 7.05 12.2 7.21 12.6 7.21H18.75C19.58 7.21 20.25 7.88 20.25 8.71V17.25C20.25 18.08 19.58 18.75 18.75 18.75H5.25C4.42 18.75 3.75 18.08 3.75 17.25V6.75Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linejoin": "round" })));
+const FileIcon = () => (h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M13.5 3.75H7.5C6.67 3.75 6 4.42 6 5.25V18.75C6 19.58 6.67 20.25 7.5 20.25H16.5C17.33 20.25 18 19.58 18 18.75V8.25L13.5 3.75Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linejoin": "round" }), h("path", { d: "M13.5 3.75V8.25H18", stroke: "currentColor", "stroke-width": "1.5", "stroke-linejoin": "round" }), h("path", { d: "M9 12.75H15M9 15.75H15", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" })));

package/dist/collection/components/bs-tree-item/bs-tree-item.stories.js

@@ -0,0 +1,54 @@
+import { html } from "lit";
+import { componentDescription } from "../../stories-utils";
+const meta = {
+    title: 'Components/bs-tree-item',
+    parameters: { docs: { description: { component: componentDescription('bs-tree-item') } } },
+    render: args => html `
+    <div style="width: 360px">
+      <bs-tree-item label=${args.label} ?expanded=${args.expanded} ?selected=${args.selected} ?disabled=${args.disabled} .showIcon=${args.showIcon}>
+        <bs-tree-item label="Child item"></bs-tree-item>
+      </bs-tree-item>
+    </div>
+  `,
+    argTypes: {
+        label: { control: 'text' },
+        expanded: { control: 'boolean' },
+        selected: { control: 'boolean' },
+        disabled: { control: 'boolean' },
+        showIcon: { control: 'boolean' },
+    },
+    args: { label: 'Parent item', expanded: false, selected: false, disabled: false, showIcon: true },
+};
+export default meta;
+export const Default = {};
+export const Open = { args: { expanded: true } };
+export const Selected = { args: { selected: true } };
+export const Disabled = { args: { disabled: true } };
+export const WithoutIcon = { args: { showIcon: false } };
+export const Child = {
+    render: () => html `
+    <div style="width: 360px"><bs-tree-item label="Leaf item"></bs-tree-item></div>
+  `,
+};
+export const Levels = {
+    render: () => html `
+    <div style="width: 360px">
+      <bs-tree-item label="Level 1" expanded>
+        <bs-tree-item label="Level 2" expanded>
+          <bs-tree-item label="Level 3"></bs-tree-item>
+        </bs-tree-item>
+      </bs-tree-item>
+    </div>
+  `,
+};
+export const CustomIcon = {
+    render: () => html `
+    <div style="width: 360px">
+      <bs-tree-item label="Starred">
+        <svg slot="icon" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+          <path d="M12 3.75L14.6 9.1L20.5 9.9L16.2 14L17.3 19.9L12 17.1L6.7 19.9L7.8 14L3.5 9.9L9.4 9.1L12 3.75Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round" />
+        </svg>
+      </bs-tree-item>
+    </div>
+  `,
+};

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: '392e53167e223e1a34802bf0106d0a92e3fbce47', class: "bs-whats-new-entry" }, (this.tag || this.date || this.unread) && (h("div", { key: 'a069414465afa8d5894967c4b91c029c6ca94714', part: "meta", class: "bs-whats-new-entry__meta" }, this.tag && (h("bs-chip-informative", { key: 'ba1c8320df4641ad9ba2e781a475ba81ab2e793e', part: "tag", size: "sm", color: this.tagColor }, this.tag)), this.date && (h("span", { key: '90fff95b14393041ef0d2a95f9d2f1e1e4fc4824', part: "date", class: "bs-whats-new-entry__date" }, this.date)), this.unread && (h("span", { key: '72a3ed86e67fdfbe754b94431e313b4978887bc0', part: "unread", class: "bs-whats-new-entry__unread" }, h("span", { key: '70f8e4492c9b09f39ffb78d3d2d6d0baf8cae27c', class: "bs-whats-new-entry__sr-only" }, this.unreadLabel))))), h("div", { key: '2930545aee739edac5d93ae7abc87984becbc6d6', part: "image", class: { 'bs-whats-new-entry__image': true, 'bs-whats-new-entry__image--visible': this.hasImage } }, h("slot", { key: 'a1ca6d788ee50e16668c50621c631b7be10128ea', name: "image", onSlotchange: (ev) => (this.hasImage = ev.target.assignedNodes().length > 0) })), h("div", { key: 'bc1cc0c9ad0d4272aa0e612822200d47a9108406', class: "bs-whats-new-entry__content" }, this.heading && h(`h${level}`, { part: 'heading', class: { 'bs-whats-new-entry__heading': true } }, this.heading), this.description && (h("p", { key: '7e0a2520c2c3bd7c753e4f3a64d7f61230bf1c7e', part: "description", class: "bs-whats-new-entry__description" }, this.description)), this.actionLabel && (h("bs-button", { key: '8344b34f92c0bcd1da4e491823f8d1f2cef82ad2', part: "action", class: "bs-whats-new-entry__action", variant: "subtle", size: "sm", onClick: () => this.bsAction.emit() }, this.actionLabel, h("svg", { key: '8941060aacc137bee4a7a9f15a9a32023dfc5390', slot: "end-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: '0833d06eca31e2a199ff5cd4def1a408d74c4030', d: "M5 12H19" }), h("path", { key: 'e079ace356dc320dfde3f48d7336d2507303d1bf', d: "M13 6L19 12L13 18" }))))), this.divider && h("div", { key: '369d9767229d3fb57cb1a68d0bcefb03da4a953e', part: "divider", class: "bs-whats-new-entry__divider" })));
+        return (h("div", { key: 'ba59c32f90076f9faba57d1d1424c31af93ad240', class: "bs-whats-new-entry" }, (this.tag || this.date || this.unread) && (h("div", { key: '9a6440e38742503ec18082d4dbefab9869595865', part: "meta", class: "bs-whats-new-entry__meta" }, this.tag && (h("bs-chip-informative", { key: 'bf497ffc620943d72c51439c39301cdf96a03720', part: "tag", size: "sm", color: this.tagColor }, this.tag)), this.date && (h("span", { key: '8e854f17bcb076e301d2cb0a16427be230a994b6', part: "date", class: "bs-whats-new-entry__date" }, this.date)), this.unread && (h("span", { key: '2569be36e5869d3c29dc7a233930f99e82776f35', part: "unread", class: "bs-whats-new-entry__unread" }, h("span", { key: 'f833cdf102d376ecc296fb636ce24493dc0715ba', class: "bs-whats-new-entry__sr-only" }, this.unreadLabel))))), h("div", { key: '17773eb42eb20a1dc729c7026b8b80735092ad2a', part: "image", class: { 'bs-whats-new-entry__image': true, 'bs-whats-new-entry__image--visible': this.hasImage } }, h("slot", { key: 'b217d2bfa06a46f53416cbdef847edb2475e54b2', name: "image", onSlotchange: (ev) => (this.hasImage = ev.target.assignedNodes().length > 0) })), h("div", { key: '8c7a4695302ac3b66c9f4365242c690ada0859a9', class: "bs-whats-new-entry__content" }, this.heading && h(`h${level}`, { part: 'heading', class: { 'bs-whats-new-entry__heading': true } }, this.heading), this.description && (h("p", { key: '098bab050181c7cbce9353e86b31d8d5fc71bc37', part: "description", class: "bs-whats-new-entry__description" }, this.description)), this.actionLabel && (h("bs-button", { key: 'a455f4ce7519409bead2de900d20a4e8c0cff87f', part: "action", class: "bs-whats-new-entry__action", variant: "subtle", size: "sm", onClick: () => this.bsAction.emit() }, this.actionLabel, h("svg", { key: 'af8d18c4893ac8048c1646d9d44cdd0ad7bcc3cc', slot: "end-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: 'aa1c74a5a7786032205569c58ffd5f46eae3efa6', d: "M5 12H19" }), h("path", { key: '38c809d94d7b789cbc2eb7b65408c878c82d1c43', d: "M13 6L19 12L13 18" }))))), this.divider && h("div", { key: 'dd61984417895380ec5b80b3b03b329bcae068ec', part: "divider", class: "bs-whats-new-entry__divider" })));
     }
     static get is() { return "bs-whats-new-entry"; }
     static get encapsulation() { return "shadow"; }

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

@@ -234,11 +234,11 @@ export class BsNavigationDrawer {
     };
     render() {
         const classes = ['bs-navigation-drawer', this.mobile ? 'bs-navigation-drawer--overlay' : '', this.overlayOpen ? 'bs-navigation-drawer--open' : ''].filter(Boolean).join(' ');
-        return (h(Host, { key: 'e1c81adc6e4f1f0bb55d1b041ad7d38cf8f5abe9', "data-overlay": this.mobile ? '' : undefined }, this.mobile && h("div", { key: '109355f0d5456ac840dad94a3524626c1c589707', part: "backdrop", class: "bs-navigation-drawer__backdrop", onClick: this.requestClose }), h("nav", { key: '4f88360e7b8e01b2e994a0ec2f7bc7f952268e7d', ref: el => (this.navRef = el), class: classes, "aria-label": this.heading,
+        return (h(Host, { key: 'a99687c2e283dd7214da7c679895b4107866575d', "data-overlay": this.mobile ? '' : undefined }, this.mobile && h("div", { key: '481a1aa4bb2de83774618492feab43ff8d3489eb', part: "backdrop", class: "bs-navigation-drawer__backdrop", onClick: this.requestClose }), h("nav", { key: '789650b9923a97a1c1d3d75e7d51d2fa4e20c880', 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: '92fa952e0f790312893ca7898032e5e03f6a3b40', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--full" }, h("bs-logo", { key: '998db3f0da7ff0127f9fff36cf33d8a0978193d4', variant: "full", background: this.logoBackground }))), this.showLogo && (h("div", { key: '02372bdeefe1aa3c392b98e9965e228b607d6b2a', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--mark" }, h("bs-logo", { key: 'cbe17acf68175e147b5f82fe59fe352519055eb4', variant: "mark", background: this.logoBackground }))), h("div", { key: '01d088e11a2d4d98e95a732f61b0eef7eb1710c3', class: "bs-navigation-drawer__title-row" }, h("span", { key: '44d0379c380e4b53188d84fc498495e442d2bd11', part: "title", class: "bs-navigation-drawer__title" }, this.heading), this.collapsible && (h("button", { key: '591cecfab387cd135ec8973f1578aff0ece7a2a8', type: "button", part: "collapse", class: "bs-navigation-drawer__collapse", "aria-label": this.collapsed ? this.expandLabel : this.collapseLabel, "aria-pressed": this.collapsed ? 'true' : 'false', onClick: this.onCollapseClick }, h(CaretLeftIcon, { key: 'e10812b18b0133022e0424771243bbcca4454367' })))), h("div", { key: '52083c066c5797cc966f028504b3076265a88e79', part: "search", class: "bs-navigation-drawer__search" }, h("slot", { key: '9bb6a36ffb750d2a981dfddb94a39dd008e5c5bf', name: "search" })), h("button", { key: '53df19a611aa6c0049a079af9b126b244eff1e1e', type: "button", part: "search-trigger", class: "bs-navigation-drawer__search-trigger", "aria-label": this.searchLabel, onClick: this.onSearchTriggerClick }, h(SearchIcon, { key: '034ce5318ab191d4adf5fa37b91d63468e55f6cd' })), h("div", { key: 'c292064e09cc60d04b51e38596f4afbe209a2c11', part: "items", class: "bs-navigation-drawer__items" }, h("slot", { key: 'f5d8ad27a9aab5f5d9ea83c8c99f52bc2ff5c9d5' })))));
+            tabIndex: this.mobile ? -1 : undefined }, this.showLogo && (h("div", { key: '04ca8b13c5f7b81db8a12037e6d4d8b1fea705a0', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--full" }, h("bs-logo", { key: 'e611e23d4f13523917b84cb88af726ad33e02be7', variant: "full", background: this.logoBackground }))), this.showLogo && (h("div", { key: 'f377511b1a52cbeef534d081ec916c3c90dc91e7', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--mark" }, h("bs-logo", { key: '7aa4cc0e092f5e5fb8a00f28731e7518fdd5bca3', variant: "mark", background: this.logoBackground }))), h("div", { key: '72ca104a6ce1613addbf5a416942bfcee2f59352', class: "bs-navigation-drawer__title-row" }, h("span", { key: '2f0ff9abb324762dd38775482de3d6d2e953e452', part: "title", class: "bs-navigation-drawer__title" }, this.heading), this.collapsible && (h("button", { key: '0e6956a9f29a8a481a51527b3db5da790940b59c', 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: 'bfbcc299cb91987f531e0188d0b2bf068bc36d62' })))), h("div", { key: '2b719ad1dc761ff6bd9f182151f9bb8c0cb9228f', part: "search", class: "bs-navigation-drawer__search" }, h("slot", { key: '8c02fd031b1ce2bd38f709e640900489a7dde3c9', name: "search" })), h("button", { key: '070ec9a6e1892f1f903cbfa555e927db371e1166', type: "button", part: "search-trigger", class: "bs-navigation-drawer__search-trigger", "aria-label": this.searchLabel, onClick: this.onSearchTriggerClick }, h(SearchIcon, { key: 'a933a7d7615ad5d8be9cc11a98f835d1bc220f1e' })), h("div", { key: '5ab908c14933442dda5c11d159276d98a721edef', part: "items", class: "bs-navigation-drawer__items" }, h("slot", { key: 'ffa0d44d5d18821ae4199aa38cfbb563806fea54' })))));
     }
     static get is() { return "bs-navigation-drawer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -131,7 +131,7 @@ export class BsNavigationDrawerItem {
         // incorrectly also toggle this parent row on every child click. Both are wrapped in a
         // `display: contents` container so render() still returns a single root node (this codebase's
         // convention, e.g. bs-input.tsx) without that wrapper affecting layout at all.
-        return (h("div", { key: '595e07689792695de104ae819850cf9fe6179221', class: "bs-navigation-drawer-item__root" }, h("button", { key: 'a8d5ecf7545c167b43e43fc85623d4288bba640c', type: "button", part: "item", class: rowClasses, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-label": this.ariaLabel ?? undefined, onClick: this.onClick }, !this.nested && (h("span", { key: '0b24f46d98af43c8d3fca48fac4236a238ebc8f7', part: "icon", class: `bs-navigation-drawer-item__icon ${this.hasIcon ? 'bs-navigation-drawer-item__icon--has-content' : ''}` }, h("slot", { key: 'a02e510672ff00c251630d7500cabd73fcf4b719', name: "icon", onSlotchange: this.onIconSlotchange }))), h("span", { key: 'ce24ac37510ed8b0ee7e2d56fc9113855c3e0b98', part: "label", class: "bs-navigation-drawer-item__label" }, h("slot", { key: '28769ab29310980c79fde5d9b21b16365ac33b6b' })), this.expandable && (h("span", { key: 'aaf1c341a5d1b067162434a7d3d1544e02a23307', part: "chevron", class: `bs-navigation-drawer-item__chevron ${this.expanded ? 'bs-navigation-drawer-item__chevron--expanded' : ''}` }, h(ChevronDownIcon, { key: 'b15b40ce16d85fd9f5050b4815a87f0b3b1dbab3' })))), this.expandable && (h("span", { key: '51c9f7d63673e3a6ee1b8045ea88610af3b29ad5', part: "children", class: "bs-navigation-drawer-item__children" }, h("slot", { key: '7adc4d5d2f3fc79941881ddc96654c5ef357dc40', name: "children" })))));
+        return (h("div", { key: 'f10fc5a19900625f99f9bd982825c50cf2197c0a', class: "bs-navigation-drawer-item__root" }, h("button", { key: 'fbc480d7b4b1737ae36b1a573a42c87bf6c23111', 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: '23f08e194c7fb599cfea429d7f46129668f7cad4', part: "icon", class: `bs-navigation-drawer-item__icon ${this.hasIcon ? 'bs-navigation-drawer-item__icon--has-content' : ''}` }, h("slot", { key: 'c4e2e9147212a9220208bb51e9dd8ddcb16b75d0', name: "icon", onSlotchange: this.onIconSlotchange }))), h("span", { key: '230567543ee35b7578f942b87226cf7acc9175fc', part: "label", class: "bs-navigation-drawer-item__label" }, h("slot", { key: '5d7aebda3ca725a2b64585bf9ad89ec88cd71a65' })), this.expandable && (h("span", { key: '1e10ca3a3c3d3237f25cc7a46b65b9f980564899', part: "chevron", class: `bs-navigation-drawer-item__chevron ${this.expanded ? 'bs-navigation-drawer-item__chevron--expanded' : ''}` }, h(ChevronDownIcon, { key: '0885df5c87838808f51ae1adbcf10d9515961922' })))), this.expandable && (h("span", { key: '85527320ae9041c8a1ef1163a037a28ac1f92649', part: "children", class: "bs-navigation-drawer-item__children" }, h("slot", { key: '9a9dfe8dba053b15e8ec2fc47c1fcf04c5bb31be', 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: '15068c106978e045dba19165016adefaee9c639a', class: rootClasses, "aria-label": this.ariaLabel ?? undefined }, this.skipToContentHref && (h("a", { key: '7040b0d89e0c10c62ca520cf75d5b7bdc7d2e09b', part: "skip-link", class: "bs-navigation-header__skip-link", href: this.skipToContentHref }, this.skipToContentLabel)), showLogo && (h("bs-logo", { key: '77c9baa735505031c3e5c2f8d784d21113a1a78e', part: "logo", class: "bs-navigation-header__logo", variant: "full", background: this.logoBackground })), h("div", { key: '1f2b44b9a8fc50c0736333bedcf91113e57bde00', part: "left", class: "bs-navigation-header__left" }, h("slot", { key: '40388c6c6d118ea1632a8aabfc5eb40504fafe42', name: "left" })), h("div", { key: '72567bab7f76ac21957a7efc57152faf27223344', part: "right", class: "bs-navigation-header__right" }, h("slot", { key: 'c83f0b591abf7093a566571b4811011e12d1fccb', name: "right" }))));
+        return (h("header", { key: '436574d1cec6b41df78e0f438c1602095efd8140', class: rootClasses, "aria-label": this.ariaLabel ?? undefined }, this.skipToContentHref && (h("a", { key: 'b20aa86d5553d653bc08226421eedf4974481da8', part: "skip-link", class: "bs-navigation-header__skip-link", href: this.skipToContentHref }, this.skipToContentLabel)), showLogo && (h("bs-logo", { key: 'bb3cde1494bc4c193b6837febd1d4d62f64011fd', part: "logo", class: "bs-navigation-header__logo", variant: "full", background: this.logoBackground })), h("div", { key: 'ccda34eb85ac7db255cb749eee33da30b9111c41', part: "left", class: "bs-navigation-header__left" }, h("slot", { key: 'beeee26d778fe026cd113c4f08ca7424193f9af8', name: "left" })), h("div", { key: '9844b46cff0b4cfa1e74182debbc7e8e9dd44b25', part: "right", class: "bs-navigation-header__right" }, h("slot", { key: '3315ff9dbeef31d45f4d089ff17f9594a9acb8f7', name: "right" }))));
     }
     static get is() { return "bs-navigation-header"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

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