@brandsync/wc 0.0.7 → 0.0.9

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

@@ -1,30 +1,77 @@
 import { html } from "lit";
 import { componentDescription, propDescription } from "../../stories-utils";
+const inputTypes = [
+    'text',
+    'email',
+    'password',
+    'number',
+    'search',
+    'date',
+    'dropdown',
+    'select',
+    'textarea',
+    'chip',
+    'initials',
+    'country',
+    'pin',
+];
+const mailIcon = html `
+  <svg slot="icon" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+    <path
+      d="M2 4L8 9L14 4M2 4H14V12H2V4Z"
+      stroke="currentColor"
+      stroke-width="1.3"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+`;
+const chevronIcon = html `
+  <svg slot="end-icon" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+    <path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" />
+  </svg>
+`;
 const meta = {
     title: 'Components/bs-input',
     parameters: { docs: { description: { component: componentDescription('bs-input') } } },
     render: args => html `
     <bs-input
+      type=${args.type}
       label=${args.label}
       placeholder=${args.placeholder}
       description=${args.description}
       error=${args.error}
       ?disabled=${args.disabled}
-    ></bs-input>
+      ?required=${args.required}
+    >
+      ${args.icon ? mailIcon : ''} ${args.endIcon ? chevronIcon : ''}
+    </bs-input>
   `,
     argTypes: {
+        type: { control: 'select', options: inputTypes, description: propDescription('bs-input', 'type') },
         label: { control: 'text', description: propDescription('bs-input', 'label') },
         placeholder: { control: 'text', description: propDescription('bs-input', 'placeholder') },
         description: { control: 'text', description: propDescription('bs-input', 'description') },
         error: { control: 'text', description: propDescription('bs-input', 'error') },
         disabled: { control: 'boolean', description: propDescription('bs-input', 'disabled') },
+        required: { control: 'boolean', description: propDescription('bs-input', 'required') },
+        icon: { control: 'boolean', description: 'Toggles a leading icon (not a real attribute -- see the `icon` slot).' },
+        endIcon: {
+            control: 'boolean',
+            name: 'end-icon',
+            description: 'Toggles a trailing icon (not a real attribute -- see the `end-icon` slot).',
+        },
     },
     args: {
+        type: 'text',
         label: 'Email address',
         placeholder: 'you@example.com',
         description: '',
         error: '',
         disabled: false,
+        required: false,
+        icon: false,
+        endIcon: false,
     },
 };
 export default meta;
@@ -38,3 +85,83 @@ export const WithError = {
 export const Disabled = {
     args: { disabled: true },
 };
+export const WithIcon = {
+    name: 'With icon',
+    args: { icon: true },
+};
+export const WithEndIcon = {
+    name: 'With end icon',
+    args: { endIcon: true },
+};
+export const Required = {
+    args: { required: true },
+};
+export const Search = {
+    render: () => html `<bs-input type="search" label="Search" placeholder="Search..."></bs-input>`,
+};
+export const NumberInput = {
+    name: 'Number',
+    render: () => html `<bs-input type="number" label="Quantity" value="1" min="0" max="10" step="1"></bs-input>`,
+};
+export const Password = {
+    render: () => html `<bs-input type="password" label="Password" placeholder="Enter your password"></bs-input>`,
+};
+export const DateInput = {
+    name: 'Date',
+    render: () => html `<bs-input type="date" label="Date of birth"></bs-input>`,
+};
+export const Dropdown = {
+    render: () => html `
+    <bs-input
+      type="dropdown"
+      label="Country"
+      placeholder="Select a country"
+      value="Denmark"
+      .options=${[
+        { label: 'Denmark', value: 'dk' },
+        { label: 'Sweden', value: 'se' },
+        { label: 'Norway', value: 'no' },
+    ]}
+    ></bs-input>
+  `,
+};
+export const Select = {
+    render: () => html `
+    <bs-input
+      type="select"
+      label="Role"
+      .options=${[
+        { label: 'Admin', value: 'admin' },
+        { label: 'Editor', value: 'editor' },
+        { label: 'Viewer', value: 'viewer' },
+    ]}
+    ></bs-input>
+  `,
+};
+export const TextArea = {
+    name: 'Text area',
+    render: () => html `<bs-input type="textarea" label="Comments" rows="4" placeholder="Type your comments here..."></bs-input>`,
+};
+export const Chip = {
+    render: () => html `<bs-input type="chip" label="Tags" .chips=${['design', 'frontend']} placeholder="Add a tag..."></bs-input>`,
+};
+export const Initials = {
+    render: () => html `<bs-input type="initials" label="Name" .titleOptions=${['Mrs.', 'Mr.', 'Dr.']} placeholder="Full name"></bs-input>`,
+};
+export const Country = {
+    render: () => html `
+    <bs-input
+      type="country"
+      label="Phone number"
+      .countryOptions=${[
+        { code: 'DK', label: 'Denmark' },
+        { code: 'US', label: 'United States' },
+        { code: 'GB', label: 'United Kingdom' },
+    ]}
+      placeholder="Phone number"
+    ></bs-input>
+  `,
+};
+export const Pin = {
+    render: () => html `<bs-input type="pin" label="Verification code" length="4"></bs-input>`,
+};

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

@@ -22,7 +22,7 @@ import { h } from "@stencil/core";
  */
 export class BsMenu {
     render() {
-        return (h("div", { key: 'a48826382a6a13a5047cb893e29fc2f09749b280', part: "list", class: "bs-menu", role: "menu" }, h("slot", { key: 'cb4e1eb5988a95f016dc61f698d1c6aadf2d3467' })));
+        return (h("div", { key: 'e49c52a18ea8c10399d818a00e0c6b748f0c9b8f', part: "list", class: "bs-menu", role: "menu" }, h("slot", { key: '7e8cef2af1a068d0ab31fc3aee0abf8b59645a08' })));
     }
     static get is() { return "bs-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -39,7 +39,7 @@ export class BsMenuItem {
         this.bsSelect.emit();
     };
     render() {
-        return (h("button", { key: '6083688b1903b514b0ed6a95a7ee2e64766a94f1', type: "button", part: "item", role: "menuitem", class: "bs-menu-item", onClick: this.onClick }, h("span", { key: '65f3df1d22c0e44ed77073de68ce36631b80a31e', part: "icon", class: `bs-menu-item__icon ${this.hasIcon ? 'bs-menu-item__icon--has-content' : ''}` }, h("slot", { key: 'a41d500967d857cc5e326194c422992aeab74055', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'ab17fb6fd7014b7ec74a2eb93de300812a610136', part: "label", class: "bs-menu-item__label" }, h("slot", { key: '9b41e86d17fecd71cfe0ff1e5c735aaa143a8d12' }))));
+        return (h("button", { key: 'dee92b0e122d1a1d100e950ac5b3a368a94d075b', type: "button", part: "item", role: "menuitem", class: "bs-menu-item", onClick: this.onClick }, h("span", { key: 'e4ce02b4df1ec40bf0f3f72bd1611816e8851909', part: "icon", class: `bs-menu-item__icon ${this.hasIcon ? 'bs-menu-item__icon--has-content' : ''}` }, h("slot", { key: '9e19fea7d90078577047b5aea0170c09d27fb340', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '179ce497185c4f9f5bbd238bd0c781a189743ad1', part: "label", class: "bs-menu-item__label" }, h("slot", { key: 'dfe5de71a770cc9ff9847d8f687bba01ae9e1b1e' }))));
     }
     static get is() { return "bs-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-source-link/bs-source-link.cmp.test.js

@@ -0,0 +1,42 @@
+import { render, h, describe, it, expect } from "@stencil/vitest";
+describe('bs-source-link', () => {
+    it('renders the file icon nested alongside the filename, not as a top-level sibling', async () => {
+        const { root } = await render(h("bs-source-link", { "file-name": "report.pdf" }));
+        const filenameRow = root.shadowRoot.querySelector('.bs-source-link__filename-row');
+        expect(filenameRow.querySelector('[part="icon"]')).not.toBeNull();
+        expect(filenameRow).toHaveTextContent('report.pdf');
+    });
+    it('renders as a native button when href is not set, and emits bsOpen on click', async () => {
+        const { root, spyOnEvent } = await render(h("bs-source-link", { "file-name": "report.pdf" }));
+        const spy = spyOnEvent('bsOpen');
+        const el = root.shadowRoot.querySelector('.bs-source-link');
+        expect(el.tagName).toBe('BUTTON');
+        el.click();
+        expect(spy).toHaveReceivedEventTimes(1);
+    });
+    it('renders as a link when href is set, with target="_blank" by default', async () => {
+        const { root } = await render(h("bs-source-link", { "file-name": "report.pdf", href: "https://example.com/report.pdf" }));
+        const el = root.shadowRoot.querySelector('.bs-source-link');
+        expect(el.tagName).toBe('A');
+        expect(el).toEqualAttribute('href', 'https://example.com/report.pdf');
+        expect(el).toEqualAttribute('target', '_blank');
+        expect(el).toEqualAttribute('rel', 'noopener noreferrer');
+    });
+    it('renders source name and version separated by a dot when both are set', async () => {
+        const { root } = await render(h("bs-source-link", { "source-name": "HoltePortalen", version: "v3.2" }));
+        expect(root.shadowRoot.querySelector('[part="source"]')).toHaveTextContent('HoltePortalen');
+        expect(root.shadowRoot.querySelector('[part="version"]')).toHaveTextContent('v3.2');
+        expect(root.shadowRoot.querySelector('.bs-source-link__dot')).not.toBeNull();
+    });
+    it('does not render the meta row content or dot when sourceName and version are unset', async () => {
+        const { root } = await render(h("bs-source-link", null));
+        expect(root.shadowRoot.querySelector('[part="source"]')).toBeNull();
+        expect(root.shadowRoot.querySelector('[part="version"]')).toBeNull();
+        expect(root.shadowRoot.querySelector('.bs-source-link__dot')).toBeNull();
+    });
+    it('renders slotted content in the icon slot instead of the default file icon', async () => {
+        const { root } = await render(h("bs-source-link", null, h("svg", { slot: "icon", "data-testid": "custom-icon" })));
+        const slot = root.shadowRoot.querySelector('slot[name="icon"]');
+        expect(slot.assignedElements()).toHaveLength(1);
+    });
+});

package/dist/collection/components/bs-source-link/bs-source-link.css

@@ -0,0 +1,114 @@
+:host {
+  display: block;
+  --bs-source-link-radius: var(--bs-border-radius-150);
+  --bs-source-link-padding: var(--bs-spacing-150);
+  --bs-source-link-gap: var(--bs-spacing-50);
+  --bs-source-link-icon-gap: var(--bs-spacing-75);
+  --bs-source-link-hover: var(--bs-surface-hover);
+  --bs-source-link-pressed: var(--bs-surface-pressed);
+  --bs-source-link-focus: var(--bs-border-neutral-focus);
+  --bs-source-link-filename-color: var(--bs-text-default);
+  --bs-source-link-meta-color: var(--bs-text-secondary);
+  --bs-source-link-icon-color: var(--bs-icon-default);
+  --bs-source-link-dot-color: var(--bs-text-secondary);
+}
+
+.bs-source-link {
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  gap: var(--bs-source-link-gap);
+  width: 100%;
+  padding: var(--bs-source-link-padding);
+  background: none;
+  border: none;
+  border-radius: var(--bs-source-link-radius);
+  font-family: inherit;
+  text-align: left;
+  text-decoration: none;
+  cursor: pointer;
+  transition: background-color var(--bs-duration-fast) var(--bs-easing-standard);
+}
+
+.bs-source-link:hover,
+.bs-source-link:focus-visible {
+  background: var(--bs-source-link-hover);
+}
+
+.bs-source-link:active {
+  background: var(--bs-source-link-pressed);
+}
+
+.bs-source-link:focus-visible {
+  outline: 2px solid var(--bs-source-link-focus);
+  outline-offset: 1px;
+}
+
+.bs-source-link__icon {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  color: var(--bs-source-link-icon-color);
+}
+
+.bs-source-link__left {
+  display: flex;
+  flex: 1 0 0;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+}
+
+.bs-source-link__filename-row {
+  display: flex;
+  align-items: center;
+  gap: var(--bs-source-link-icon-gap);
+  width: 100%;
+}
+
+.bs-source-link__filename {
+  margin: 0;
+  overflow: hidden;
+  color: var(--bs-source-link-filename-color);
+  font-size: var(--bs-font-size-md);
+  font-weight: var(--bs-font-weight-semibold);
+  line-height: var(--bs-line-height-normal);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.bs-source-link__meta {
+  display: flex;
+  align-items: center;
+  gap: var(--bs-spacing-50);
+  padding-left: 22px;
+}
+
+.bs-source-link__source,
+.bs-source-link__version {
+  color: var(--bs-source-link-meta-color);
+  font-size: var(--bs-font-size-sm);
+  line-height: var(--bs-line-height-normal);
+  white-space: nowrap;
+}
+
+.bs-source-link__dot {
+  width: 4px;
+  height: 4px;
+  border-radius: 50%;
+  background: var(--bs-source-link-dot-color);
+  flex-shrink: 0;
+}
+
+.bs-source-link__arrow {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  color: var(--bs-source-link-icon-color);
+}

package/dist/collection/components/bs-source-link/bs-source-link.js

@@ -0,0 +1,192 @@
+import { h } from "@stencil/core";
+/**
+ * A single citation row inside `bs-chatbot-sources-drawer` -- a file icon + filename on the first
+ * line, the originating system and version on the second, and a trailing "open" arrow.
+ *
+ * ## When to use
+ * - One row per source Genie cited in a response, slotted into `bs-chatbot-sources-drawer`.
+ *
+ * ## When not to use
+ * - Outside the sources drawer context -- this is a purpose-built citation row, not a generic
+ *   link/list-item component.
+ *
+ * @slot icon - Overrides the default file icon.
+ * @part icon - The leading file-type icon.
+ * @part filename - The filename text.
+ * @part source - The source system name.
+ * @part version - The version label.
+ * @part arrow - The trailing "open" arrow icon.
+ * @prop --bs-source-link-radius - Corner radius of the row. Aliased to `--bs-border-radius-150`.
+ * @prop --bs-source-link-padding - Padding around the row. Aliased to `--bs-spacing-150`.
+ * @prop --bs-source-link-gap - Gap between the filename+meta block and the trailing arrow.
+ *   Aliased to `--bs-spacing-50`.
+ * @prop --bs-source-link-icon-gap - Gap between the leading icon and the filename text. Aliased
+ *   to `--bs-spacing-75`.
+ * @prop --bs-source-link-hover - Row background on hover/focus. Aliased to `--bs-surface-hover`.
+ * @prop --bs-source-link-pressed - Row background while active/pressed. Aliased to
+ *   `--bs-surface-pressed`.
+ * @prop --bs-source-link-focus - Focus-visible outline color. Aliased to
+ *   `--bs-border-neutral-focus`.
+ * @prop --bs-source-link-filename-color - Filename text color. Aliased to `--bs-text-default`.
+ * @prop --bs-source-link-meta-color - Source/version text color. Aliased to `--bs-text-secondary`.
+ * @prop --bs-source-link-icon-color - File icon and arrow color. Aliased to `--bs-icon-default`.
+ * @prop --bs-source-link-dot-color - Separator dot between source and version. Aliased to
+ *   `--bs-text-secondary`.
+ */
+export class BsSourceLink {
+    /** The cited document's filename. */
+    fileName = 'Source';
+    /** The system/app the document came from (e.g. "HoltePortalen"). */
+    sourceName;
+    /** The document's version label (e.g. "v3.2"). Omit if the source has no version. */
+    version;
+    /** If set, renders the row as a link that opens this URL; otherwise as a button that only emits `bsOpen`. */
+    href;
+    /** `target` used when `href` is set. */
+    target = '_blank';
+    /** Fires on click/activation, whether or not `href` is set -- lets the consuming app log or handle the open. */
+    bsOpen;
+    onClick = () => {
+        this.bsOpen.emit();
+    };
+    render() {
+        const inner = [
+            h("span", { key: '0e55cdcd04b7d6574835c1b5b21c20ad804fc36c', class: "bs-source-link__left" }, h("span", { key: '989f52e1b6b0a353470d65f5e3d75e40486b3842', class: "bs-source-link__filename-row" }, h("span", { key: 'e21ccdb9b78d4db3b18ca07039d61632b4390d80', part: "icon", class: "bs-source-link__icon" }, h("slot", { key: 'fe35c5c3084af9ddba25db3c46c2d8bbe7e927d0', name: "icon" }, h(FileTextIcon, { key: '5612acc39809cca4d483ab22f2e0b1cb95cdb2e8' }))), h("p", { key: '39d92f5e7e7a50e943ff9a85efd314df5a2abf0b', part: "filename", class: "bs-source-link__filename" }, this.fileName)), h("span", { key: 'd2eace60d67a344cd2bf522af38950fd3275bea2', class: "bs-source-link__meta" }, this.sourceName && (h("span", { key: 'd8d3fa79fa888db77ef44f402fd8747eb2cecad1', part: "source", class: "bs-source-link__source" }, this.sourceName)), this.sourceName && this.version && h("span", { key: '738770f5c4b091e59832100a17bda2f2d251ed75', class: "bs-source-link__dot", "aria-hidden": "true" }), this.version && (h("span", { key: '56fcf72b43eebb138745d212e8bcaa680f808cd0', part: "version", class: "bs-source-link__version" }, this.version)))),
+            h("span", { key: 'da453b51265f923c19505645cb33832c93863179', part: "arrow", class: "bs-source-link__arrow", "aria-hidden": "true" }, h(ArrowUpRightIcon, { key: 'c23d308322df780d109691f87945bb511461304f' })),
+        ];
+        return this.href ? (h("a", { class: "bs-source-link", href: this.href, target: this.target, rel: "noopener noreferrer", onClick: this.onClick }, inner)) : (h("button", { type: "button", class: "bs-source-link", onClick: this.onClick }, inner));
+    }
+    static get is() { return "bs-source-link"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bs-source-link.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bs-source-link.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "fileName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The cited document's filename."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "file-name",
+                "defaultValue": "'Source'"
+            },
+            "sourceName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The system/app the document came from (e.g. \"HoltePortalen\")."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "source-name"
+            },
+            "version": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The document's version label (e.g. \"v3.2\"). Omit if the source has no version."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "version"
+            },
+            "href": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "If set, renders the row as a link that opens this URL; otherwise as a button that only emits `bsOpen`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "href"
+            },
+            "target": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "`target` used when `href` is set."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "target",
+                "defaultValue": "'_blank'"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "bsOpen",
+                "name": "bsOpen",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Fires on click/activation, whether or not `href` is set -- lets the consuming app log or handle the open."
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+}
+const FileTextIcon = () => (h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M9.5 1.5H4C3.73478 1.5 3.48043 1.60536 3.29289 1.79289C3.10536 1.98043 3 2.23478 3 2.5V13.5C3 13.7652 3.10536 14.0196 3.29289 14.2071C3.48043 14.3946 3.73478 14.5 4 14.5H12C12.2652 14.5 12.5196 14.3946 12.7071 14.2071C12.8946 14.0196 13 13.7652 13 13.5V5L9.5 1.5Z", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { d: "M9.5 1.5V5H13", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { d: "M5.5 8.5H10.5", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { d: "M5.5 11H10.5", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+const ArrowUpRightIcon = () => (h("svg", { width: "24", height: "24", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M6.25 13.75L13.75 6.25", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { d: "M7.5 6.25H13.75V12.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));

package/dist/collection/components/bs-source-link/bs-source-link.stories.js

@@ -0,0 +1,33 @@
+import { html } from "lit";
+import { componentDescription, propDescription } from "../../stories-utils";
+const meta = {
+    title: 'Genie AI Components/bs-source-link',
+    parameters: { docs: { description: { component: componentDescription('bs-source-link') } } },
+    render: args => html `
+    <bs-source-link file-name=${args.fileName} source-name=${args.sourceName} version=${args.version} href=${args.href}></bs-source-link>
+  `,
+    argTypes: {
+        fileName: { control: 'text', description: propDescription('bs-source-link', 'fileName') },
+        sourceName: { control: 'text', description: propDescription('bs-source-link', 'sourceName') },
+        version: { control: 'text', description: propDescription('bs-source-link', 'version') },
+        href: { control: 'text', description: propDescription('bs-source-link', 'href') },
+    },
+    args: {
+        fileName: 'Employee Handbook 2026',
+        sourceName: 'HoltePortalen',
+        version: 'v3.2',
+        // No href by default -- renders as a button (bsOpen only) instead of a real link, so clicking
+        // it in Storybook doesn't navigate away. Set one via the control to see the <a> rendering.
+        href: '',
+    },
+};
+export default meta;
+export const Default = {};
+export const WithoutVersion = {
+    name: 'Without version',
+    args: { version: '' },
+};
+export const WithoutSourceOrVersion = {
+    name: 'Without source or version',
+    args: { sourceName: '', version: '' },
+};

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

@@ -42,7 +42,7 @@ export class BsTooltip {
      */
     placement = 'top';
     render() {
-        return (h("div", { key: '784b59f0a817e4756e7954588cd5e42a52508262', class: "bs-tooltip" }, h("span", { key: 'b564933fb13a90ab5482c4fde14c99b7431216e5', part: "arrow", class: "bs-tooltip__arrow" }), h("div", { key: 'ffb9c4d052d7b8ce618ec825d3989b6311c90c03', part: "bubble", class: "bs-tooltip__bubble" }, h("slot", { key: 'cb6cdfe74feb87b23b90da251aa08e76f3bcf0ff' }))));
+        return (h("div", { key: '7020be9b961d1370449ce37570ae0c9162bd6176', class: "bs-tooltip" }, h("span", { key: 'e21d62d8f701917c7a074c105a7509c9f4582f64', part: "arrow", class: "bs-tooltip__arrow" }), h("div", { key: 'f011584e85c9d10371f961e49d44b67a3983bd2e', part: "bubble", class: "bs-tooltip__bubble" }, h("slot", { key: 'f27da1c55a31d3e1a7ee330440ee9b4a3c577e9a' }))));
     }
     static get is() { return "bs-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/bs-ai-disclaimer.d.ts

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

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

@@ -0,0 +1 @@
+import{t as i,p as e,H as s,h as a}from"./p-BpvhHQSw.js";const t=e(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow()}render(){return a("div",{key:"c306fa7e8f7f9dca07642e1038708847847e2d7e",class:"bs-ai-disclaimer"},a("p",{key:"7f42e2094e7baf287c886ce966a3813657a99a61",part:"text",class:"bs-ai-disclaimer__text"},a("slot",{key:"c5a66f6093b413274c20de59e7f82d4f7372b56c"})))}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,l=r;export{c as BsAiDisclaimer,l as defineCustomElement}

package/dist/components/bs-ai-greeting.d.ts

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

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

@@ -0,0 +1 @@
+import{t as e,p as i,H as t,h as a}from"./p-BpvhHQSw.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:"7931e7404b70476a5488e31f07981c97617c1e5b",class:"bs-ai-greeting"},a("div",{key:"1ba75538642eebb9fe7c24eae2aae9a4eed176cf",part:"heading",class:"bs-ai-greeting__heading"},a("p",{key:"6cf5d97d81249298d02d3983a039e664a75fbb40",class:"bs-ai-greeting__heading-line"},"Hi. I'm ",this.assistantName,","),a("p",{key:"f7a1b0235b5b32b1319bc7748e0073fae0defef0",class:"bs-ai-greeting__heading-line"},"your AI assistant.")),a("p",{key:"5f07b44ca8d000c39204374f99c6608ecbfc22d3",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}