@brandsync/wc 0.0.8 → 0.0.10

package/dist/esm/bs-source-link.entry.js

@@ -0,0 +1,37 @@
+import { r as registerInstance, c as createEvent, h } from './index-nLORuTUY.js';
+
+const bsSourceLinkCss = () => `: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)}`;
+
+const BsSourceLink = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.bsOpen = createEvent(this, "bsOpen");
+    }
+    /** 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));
+    }
+};
+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" })));
+BsSourceLink.style = bsSourceLinkCss();
+
+export { BsSourceLink as bs_source_link };

package/dist/esm/bs-tooltip.entry.js

@@ -14,7 +14,7 @@ const BsTooltip = class {
      */
     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' }))));
     }
 };
 BsTooltip.style = bsTooltipCss();

package/dist/esm/loader.js

@@ -4,7 +4,7 @@ export { s as setNonce } from './index-nLORuTUY.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["bs-chatbot-header",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["bs-ai-thinking",[[513,"bs-ai-thinking",{"label":[1]}]]],["bs-badge",[[769,"bs-badge",{"variant":[1]}]]],["bs-button",[[785,"bs-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasEndIcon":[32],"hasLabel":[32]}]]],["bs-button-skeleton",[[513,"bs-button-skeleton",{"size":[1]}]]],["bs-card",[[769,"bs-card",{"surface":[1]}]]],["bs-chatbot-response-action",[[769,"bs-chatbot-response-action",{"sourcesCount":[2,"sources-count"],"menuOpen":[1540,"menu-open"]},[[4,"click","onDocumentClick"],[4,"keydown","onKeydown"]]]]],["bs-chatbot-suggestion-button",[[769,"bs-chatbot-suggestion-button",{"disabled":[4]}]]],["bs-composer",[[785,"bs-composer",{"variant":[1],"placeholder":[1],"value":[1],"state":[1],"ariaLabel":[1,"aria-label"]}]]],["bs-data-table",[[513,"bs-data-table",{"columns":[16],"rows":[16],"sortColumn":[1,"sort-column"],"sortDirection":[1,"sort-direction"],"selectable":[4],"cellRenderer":[16],"selectedIds":[32]}]]],["bs-input",[[529,"bs-input",{"value":[1],"type":[1],"label":[1],"placeholder":[1],"description":[1],"error":[1],"disabled":[4]}]]],["bs-menu",[[257,"bs-menu"]]],["bs-menu-item",[[769,"bs-menu-item",{"hasIcon":[32]}]]],["bs-modal",[[769,"bs-modal",{"open":[1540],"heading":[1],"size":[1],"hasFooter":[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]],["bs-tooltip",[[769,"bs-tooltip",{"placement":[1]}]]]], options);
+  return bootstrapLazy([["bs-input",[[785,"bs-input",{"value":[1025],"type":[1],"label":[1],"placeholder":[1],"description":[1],"error":[1],"disabled":[4],"required":[4],"step":[2],"min":[2],"max":[2],"options":[16],"rows":[2],"chips":[16],"titleOptions":[16],"initialsTitle":[1,"initials-title"],"countryOptions":[16],"country":[1],"length":[2],"open":[1540],"hasIcon":[32],"hasEndIcon":[32],"passwordVisible":[32],"chipDraft":[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]]],["bs-chatbot-header",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["bs-ai-disclaimer",[[257,"bs-ai-disclaimer"]]],["bs-ai-greeting",[[513,"bs-ai-greeting",{"assistantName":[1,"assistant-name"],"productName":[1,"product-name"]}]]],["bs-ai-thinking",[[513,"bs-ai-thinking",{"label":[1]}]]],["bs-attachment",[[513,"bs-attachment",{"type":[1],"fileName":[1,"file-name"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"loading":[4],"removable":[4]}]]],["bs-attachment-list",[[769,"bs-attachment-list",{"ariaLabel":[1,"aria-label"],"canScrollRight":[32]}]]],["bs-badge",[[769,"bs-badge",{"variant":[1]}]]],["bs-button",[[785,"bs-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasEndIcon":[32],"hasLabel":[32]}]]],["bs-button-skeleton",[[513,"bs-button-skeleton",{"size":[1]}]]],["bs-card",[[769,"bs-card",{"surface":[1]}]]],["bs-chatbot-feedback",[[513,"bs-chatbot-feedback",{"rating":[1538],"submitted":[1540],"comment":[1025],"heading":[1],"subtitle":[1]}]]],["bs-chatbot-response-action",[[769,"bs-chatbot-response-action",{"sourcesCount":[2,"sources-count"],"menuOpen":[1540,"menu-open"]},[[4,"click","onDocumentClick"],[4,"keydown","onKeydown"]]]]],["bs-chatbot-sources-drawer",[[769,"bs-chatbot-sources-drawer",{"heading":[1],"count":[2],"slottedCount":[32]}]]],["bs-chatbot-suggestion-button",[[769,"bs-chatbot-suggestion-button",{"disabled":[4]}]]],["bs-composer",[[785,"bs-composer",{"variant":[1],"placeholder":[1],"value":[1],"state":[1],"ariaLabel":[1,"aria-label"],"hasAttachments":[32]}]]],["bs-composer-status-banner",[[769,"bs-composer-status-banner",{"type":[1],"message":[1],"showIcon":[4,"show-icon"],"showButton":[4,"show-button"],"actionLabel":[1,"action-label"],"allowClose":[4,"allow-close"]}]]],["bs-data-table",[[513,"bs-data-table",{"columns":[16],"rows":[16],"sortColumn":[1,"sort-column"],"sortDirection":[1,"sort-direction"],"selectable":[4],"cellRenderer":[16],"selectedIds":[32]}]]],["bs-modal",[[769,"bs-modal",{"open":[1540],"heading":[1],"size":[1],"hasFooter":[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]],["bs-source-link",[[769,"bs-source-link",{"fileName":[1,"file-name"],"sourceName":[1,"source-name"],"version":[1],"href":[1],"target":[1]}]]],["bs-tooltip",[[769,"bs-tooltip",{"placement":[1]}]]],["bs-menu_2",[[257,"bs-menu"],[769,"bs-menu-item",{"disabled":[4],"hasIcon":[32]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/types/components/bs-ai-chatbot/bs-ai-chatbot.stories.d.ts

@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+/**
+ * This is not a real component -- `bs-ai-chatbot` isn't a registered custom element. It's a
+ * showcase composing the existing Genie AI components (bs-chatbot-header, bs-ai-greeting,
+ * bs-chatbot-suggestion-button, bs-composer, bs-composer-status-banner, bs-attachment-list,
+ * bs-ai-thinking, bs-chatbot-response-action, bs-chatbot-sources-drawer, bs-ai-disclaimer) into
+ * realistic full-panel use cases, since no single component's own story shows how they fit
+ * together end to end.
+ */
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const EmptyState: Story;
+export declare const ActiveConversation: Story;
+export declare const Thinking: Story;
+export declare const WithSourcesDrawerOpen: Story;
+export declare const UploadingAttachments: Story;
+export declare const SendFailed: Story;

package/dist/types/components/bs-ai-disclaimer/bs-ai-disclaimer.cmp.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,26 @@
+/**
+ * A centered caption disclaimer for Genie AI surfaces, e.g. "AI can make mistakes. Please verify
+ * important information."
+ *
+ * ## When to use
+ * - Below or above `bs-composer` in a Genie AI chat panel, to remind users AI output can be wrong.
+ *
+ * ## When not to use
+ * - A general-purpose caption/helper text — use plain text or `bs-input`'s description slot for
+ *   non-AI-related helper copy.
+ *
+ * The default slot (rather than a fixed prop) is intentional: Figma only specifies plain text, but
+ * some consuming apps link out to a policy/help page from this copy, and a slot supports that
+ * without inventing an unconfirmed `href`/link prop.
+ *
+ * @slot - The disclaimer text/content, centered. Defaults to no content -- the consumer supplies
+ *   the copy, e.g. "AI can make mistakes. Please verify important information."
+ * @part text - The disclaimer text container.
+ * @prop --bs-ai-disclaimer-padding-x - Horizontal padding. Aliased to `--bs-spacing-200`.
+ * @prop --bs-ai-disclaimer-text-color - Text color. Aliased to `--bs-text-secondary`.
+ * @prop --bs-ai-disclaimer-font-size - Text font size. Aliased to `--bs-font-size-sm`.
+ * @prop --bs-ai-disclaimer-line-height - Text line height. Aliased to `--bs-line-height-body-sm`.
+ */
+export declare class BsAiDisclaimer {
+    render(): any;
+}

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

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+interface BsAiDisclaimerArgs {
+    text: string;
+}
+declare const meta: Meta<BsAiDisclaimerArgs>;
+export default meta;
+type Story = StoryObj<BsAiDisclaimerArgs>;
+export declare const Default: Story;

package/dist/types/components/bs-ai-greeting/bs-ai-greeting.cmp.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,42 @@
+/**
+ * The centered welcome heading shown at the top of an empty Genie AI chat panel, e.g.
+ * "Hi. I'm Genie, your AI assistant." + "How can I help you with [product] today?"
+ *
+ * ## When to use
+ * - The empty/initial state of a Genie AI chat panel, before the user has sent a message.
+ *
+ * ## When not to use
+ * - Once a conversation has started -- this is a one-time empty-state greeting, not a persistent
+ *   header (see `bs-chatbot-header` for that).
+ *
+ * `productName` is optional: Figma's copy has a `[product_name]` placeholder the consuming app is
+ * expected to fill in, but a component shouldn't force a product name to exist, so leaving it
+ * unset falls back to a product-agnostic "How can I help you today?".
+ *
+ * @part heading - The bold "Hi. I'm {assistantName}, your AI assistant." heading.
+ * @part subtext - The "How can I help you..." subtext.
+ * @prop --bs-ai-greeting-gap - Gap between heading and subtext. Aliased to `--bs-spacing-200`.
+ * @prop --bs-ai-greeting-max-width - Max width of the centered content block. Matches Figma's
+ *   490px.
+ * @prop --bs-ai-greeting-heading-color - Heading text color. Aliased to `--bs-text-default`.
+ * @prop --bs-ai-greeting-heading-font-size - Heading font size. Aliased to `--bs-font-size-4xl`.
+ * @prop --bs-ai-greeting-heading-line-height - Heading line height. Figma specifies 28px, which
+ *   doesn't match any `--bs-line-height-heading-*` token (h4 is 32) -- aliased directly to
+ *   `--bs-line-height-body-lg`, the token that happens to share the same numeric value.
+ * @prop --bs-ai-greeting-heading-weight - Heading font weight. Aliased to `--bs-font-weight-bold`.
+ * @prop --bs-ai-greeting-heading-gap - Gap between the two heading lines. Aliased to
+ *   `--bs-spacing-200`.
+ * @prop --bs-ai-greeting-subtext-color - Subtext color. Aliased to `--bs-text-secondary`.
+ * @prop --bs-ai-greeting-subtext-font-size - Subtext font size. Figma specifies 20px, which
+ *   doesn't match the semantic `--bs-text-style-body-lg-size` (18px) -- aliased directly to the
+ *   raw `--bs-font-size-xl` primitive instead.
+ * @prop --bs-ai-greeting-subtext-line-height - Subtext line height. Aliased to
+ *   `--bs-line-height-body-lg`.
+ */
+export declare class BsAiGreeting {
+    /** The assistant's name, used in the heading ("Hi. I'm {assistantName},"). */
+    assistantName: string;
+    /** The product name mentioned in the subtext. Omit to use a product-agnostic subtext. */
+    productName?: string;
+    render(): any;
+}

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+interface BsAiGreetingArgs {
+    assistantName: string;
+    productName: string;
+}
+declare const meta: Meta<BsAiGreetingArgs>;
+export default meta;
+type Story = StoryObj<BsAiGreetingArgs>;
+export declare const Default: Story;
+export declare const WithoutProductName: Story;

package/dist/types/components/bs-attachment/bs-attachment.cmp.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/bs-attachment/bs-attachment.d.ts

@@ -0,0 +1,59 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type BsAttachmentType = 'image' | 'pdf' | 'document';
+/**
+ * A single file attachment preview for `bs-composer` -- an image thumbnail, or a filename card
+ * with a colored file-type badge (PDF/Document), with an optional upload-in-progress spinner and
+ * a hover/focus-revealed remove button.
+ *
+ * ## When to use
+ * - Rendered by the consuming app for each file a user has attached to a Genie AI chat message,
+ *   typically alongside or inside `bs-composer`.
+ *
+ * ## When not to use
+ * - A generic file-upload control -- this is a preview-only presentational component. The
+ *   consuming app owns the actual file picker/upload logic and drives `loading` from that state.
+ *
+ * @part thumbnail - The image thumbnail wrapper (type="image" only).
+ * @part card - The filename card (type="pdf" / type="document" only).
+ * @part filename - The truncated filename text inside the card.
+ * @part badge - The colored file-type badge inside the card.
+ * @part remove - The remove button.
+ * @prop --bs-attachment-size - Width/height of the image thumbnail and of the card. Defaults to 112px.
+ * @prop --bs-attachment-radius - Corner radius of the thumbnail/card. Aliased to
+ *   `--bs-border-radius-100`.
+ * @prop --bs-attachment-border-color - Border color of the card / loading image wrap. Aliased to
+ *   `--bs-border-default`.
+ * @prop --bs-attachment-card-bg - Card background. Aliased to `--bs-surface-base`.
+ * @prop --bs-attachment-filename-color - Filename text color. Aliased to `--bs-text-default`.
+ * @prop --bs-attachment-badge-bg-pdf - PDF badge background. Aliased to `--bs-badge-bg-error`.
+ * @prop --bs-attachment-badge-bg-document - Document badge background. Aliased to
+ *   `--bs-badge-bg-info`.
+ * @prop --bs-attachment-remove-bg - Remove button (neutral icon button) default background.
+ *   Aliased to `--bs-button-neutral-container`.
+ * @prop --bs-attachment-remove-hover - Remove button hover background. Aliased to
+ *   `--bs-button-neutral-hover`.
+ * @prop --bs-attachment-remove-pressed - Remove button active/pressed background. Aliased to
+ *   `--bs-button-neutral-pressed`.
+ * @prop --bs-attachment-remove-focus - Remove button focus outline color. Aliased to
+ *   `--bs-border-neutral-focus`.
+ */
+export declare class BsAttachment {
+    /** Which kind of attachment preview to render. */
+    type: BsAttachmentType;
+    /** The filename shown on the card. Only used when `type` is "pdf" or "document". */
+    fileName: string;
+    /** The thumbnail image URL. Only used when `type` is "image". */
+    imageSrc?: string;
+    /** Accessible alt text for the image thumbnail. Only used when `type` is "image". */
+    imageAlt: string;
+    /** Shows an upload-in-progress spinner (blurred + overlaid for images, in the badge for files). */
+    loading: boolean;
+    /** Whether the hover/focus-revealed remove button is rendered at all. */
+    removable: boolean;
+    /** Fires when the remove button is clicked. */
+    bsRemove: EventEmitter<void>;
+    private onRemoveClick;
+    render(): any;
+    private renderImage;
+    private renderCard;
+}

package/dist/types/components/bs-attachment/bs-attachment.stories.d.ts

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+interface BsAttachmentArgs {
+    type: 'image' | 'pdf' | 'document';
+    fileName: string;
+    imageSrc: string;
+    loading: boolean;
+    removable: boolean;
+}
+declare const meta: Meta<BsAttachmentArgs>;
+export default meta;
+type Story = StoryObj<BsAttachmentArgs>;
+export declare const Default: Story;
+export declare const Pdf: Story;
+export declare const Document: Story;
+export declare const ImageLoading: Story;
+export declare const PdfLoading: Story;
+export declare const Gallery: Story;

package/dist/types/components/bs-attachment-list/bs-attachment-list.cmp.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/bs-attachment-list/bs-attachment-list.d.ts

@@ -0,0 +1,42 @@
+/**
+ * A horizontally-scrolling row wrapper for one or more `bs-attachment` previews, for slotting into
+ * `bs-composer`'s `attachments` slot when a Genie AI chat message has file attachments.
+ *
+ * ## When to use
+ * - Wrapping any number of `bs-attachment` elements the user has attached to a message, so they
+ *   lay out in a single row and scroll horizontally instead of wrapping/overflowing once there
+ *   are more than fit the available width.
+ *
+ * ## When not to use
+ * - A single attachment on its own — just render `bs-attachment` directly, this wrapper's
+ *   scroll/fade affordance only matters once there's more content than fits.
+ *
+ * @slot - One or more `bs-attachment` elements.
+ * @part row - The scrollable flex row containing the slotted attachments.
+ * @part fade - The right-edge fade-out overlay shown only while the row has more content to
+ *   scroll to.
+ * @prop --bs-attachment-list-gap - Gap between attachments. Matches the 10px Figma spec (not tied
+ *   to the `--bs-spacing-*` scale, which only has 8px/12px neighbors).
+ * @prop --bs-attachment-list-padding - Padding around the row. Aliased to `--bs-spacing-150`.
+ * @prop --bs-attachment-list-fade-color - Color the right-edge fade blends into. Aliased to
+ *   `--bs-static-white`.
+ * @prop --bs-attachment-list-fade-width - Width of the right-edge fade overlay. Aliased to
+ *   `--bs-spacing-800`.
+ * @prop --bs-attachment-list-scrollbar-thumb - Color of the scrollbar thumb that appears on
+ *   hover/focus once the row is scrollable. Aliased to `--bs-neutral-300`.
+ */
+export declare class BsAttachmentList {
+    el: HTMLElement;
+    /** Accessible name for the scrollable region. */
+    ariaLabel: string | null;
+    /** Whether the row currently has more content than fits (drives the fade + scrollbar-on-hover). */
+    canScrollRight: boolean;
+    private row?;
+    private resizeObserver?;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private onSlotchange;
+    private onScroll;
+    private updateScrollState;
+    render(): any;
+}

package/dist/types/components/bs-attachment-list/bs-attachment-list.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+interface BsAttachmentListArgs {
+    ariaLabel: string;
+}
+declare const meta: Meta<BsAttachmentListArgs>;
+export default meta;
+type Story = StoryObj<BsAttachmentListArgs>;
+export declare const OneAttachment: Story;
+export declare const ThreeAttachments: Story;
+export declare const ManyAttachments: Story;

package/dist/types/components/bs-chatbot-feedback/bs-chatbot-feedback.cmp.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/bs-chatbot-feedback/bs-chatbot-feedback.d.ts

@@ -0,0 +1,90 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * A star-rating feedback card shown at the end of a Genie AI chat: a heading/subtitle, a 5-star
+ * rating, an optional comment, and either "Submit feedback" + "Start new chat" (before
+ * submitting) or just "Start new chat" (after).
+ *
+ * ## When to use
+ * - Prompting for feedback on a Genie response or chat session, typically after the user ends or
+ *   restarts a conversation.
+ *
+ * ## When not to use
+ * - A generic star-rating input elsewhere in the product -- this component's copy and layout are
+ *   purpose-built for the Genie feedback flow, not a reusable rating control.
+ *
+ * The heading and subtitle are not freeform props: before submitting, they're always the fixed
+ * "How was your experience..." copy; after submitting, they're determined entirely by `rating`
+ * (1-2 stars reads apologetic, 3 neutral, 4-5 positive), matching the Figma source exactly. Use
+ * `heading`/`subtitle` only if a consuming app genuinely needs to override that copy.
+ *
+ * @part close - The close button.
+ * @part heading - The heading text.
+ * @part subtitle - The subtitle text.
+ * @part star - A single star button (`::part(star)` matches all five).
+ * @part label - The "Tell us what you think" label (only rendered before submitting).
+ * @part textarea - The comment textarea (only rendered before submitting).
+ * @part comment - The submitted comment, read-only (only rendered after submitting, if a comment was given).
+ * @part submit - The "Submit feedback" button (only rendered before submitting).
+ * @part new-chat - The "Start new chat" button.
+ * @prop --bs-chatbot-feedback-bg - Card background. Aliased to `--bs-surface-raised`.
+ * @prop --bs-chatbot-feedback-border - Card border color. Aliased to `--bs-border-default`.
+ * @prop --bs-chatbot-feedback-radius - Card corner radius. Aliased to `--bs-border-radius-200`.
+ * @prop --bs-chatbot-feedback-padding-x - Card horizontal padding. Aliased to `--bs-spacing-250`.
+ * @prop --bs-chatbot-feedback-padding-y - Card vertical padding. Aliased to `--bs-spacing-550`.
+ * @prop --bs-chatbot-feedback-max-width - Max width of the card. Matches Figma's 762px.
+ * @prop --bs-chatbot-feedback-gap - Gap between the top content block and the button(s). Aliased
+ *   to `--bs-spacing-300`.
+ * @prop --bs-chatbot-feedback-top-gap - Gap between heading/subtitle, stars, and the
+ *   textarea/comment within the top block. Aliased to `--bs-spacing-250`.
+ * @prop --bs-chatbot-feedback-heading-color - Aliased to `--bs-text-default`.
+ * @prop --bs-chatbot-feedback-subtitle-color - Aliased to `--bs-text-secondary`.
+ * @prop --bs-chatbot-feedback-star-filled - Filled star color. Aliased to `--bs-color-primary-default`.
+ * @prop --bs-chatbot-feedback-star-empty - Empty star color. Aliased to `--bs-border-neutral-container`.
+ * @prop --bs-chatbot-feedback-comment-color - Submitted comment text color. Aliased to `--bs-text-default`.
+ * @prop --bs-chatbot-feedback-close-hover - Close button hover background. Aliased to `--bs-surface-hover`.
+ * @prop --bs-chatbot-feedback-primary-bg - "Submit feedback" / post-submit "Start new chat"
+ *   background. Aliased to `--bs-button-primary-default`.
+ * @prop --bs-chatbot-feedback-primary-bg-hover - Aliased to `--bs-button-primary-hover`.
+ * @prop --bs-chatbot-feedback-primary-bg-disabled - Aliased to `--bs-button-primary-disabled`.
+ * @prop --bs-chatbot-feedback-outlined-border - Pre-submit "Start new chat" border. Aliased to
+ *   `--bs-border-primary`.
+ * @prop --bs-chatbot-feedback-outlined-hover - Pre-submit "Start new chat" hover background.
+ *   Aliased to `--bs-color-primary-container-hover`.
+ * @prop --bs-chatbot-feedback-outlined-text - Pre-submit "Start new chat" text/icon color.
+ *   Aliased to `--bs-text-action`.
+ */
+export declare class BsChatbotFeedback {
+    /** Current star rating, 0-5. 0 means no rating has been given yet. */
+    rating: number;
+    /** Whether feedback has been submitted. Switches the card from the editable form to the
+     * read-only "thanks" view. */
+    submitted: boolean;
+    /** The comment text. */
+    comment: string;
+    /** Overrides the computed heading (see the class doc for why this is computed by default). */
+    heading?: string;
+    /** Overrides the computed subtitle. */
+    subtitle?: string;
+    /** Fires when a star is clicked, with the new rating. */
+    bsRatingChange: EventEmitter<number>;
+    /** Fires on every keystroke in the comment textarea, with the current value. */
+    bsCommentInput: EventEmitter<string>;
+    /** Fires when "Submit feedback" is clicked, with the current rating and comment. Also sets
+     * `submitted` to true. */
+    bsSubmit: EventEmitter<{
+        rating: number;
+        comment: string;
+    }>;
+    /** Fires when "Start new chat" is clicked. The consuming app owns actually starting a new chat. */
+    bsNewChat: EventEmitter<void>;
+    /** Fires when the close button is clicked. The consuming app owns actually hiding the card. */
+    bsClose: EventEmitter<void>;
+    private onStarClick;
+    private onCommentInput;
+    private onSubmitClick;
+    private onNewChatClick;
+    private onCloseClick;
+    private computedHeading;
+    private computedSubtitle;
+    render(): any;
+}

package/dist/types/components/bs-chatbot-feedback/bs-chatbot-feedback.stories.d.ts

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+interface BsChatbotFeedbackArgs {
+    rating: number;
+    submitted: boolean;
+    comment: string;
+}
+declare const meta: Meta<BsChatbotFeedbackArgs>;
+export default meta;
+type Story = StoryObj<BsChatbotFeedbackArgs>;
+export declare const Default: Story;
+export declare const OneStarSubmitted: Story;
+export declare const TwoStarsSubmitted: Story;
+export declare const ThreeStarsSubmitted: Story;
+export declare const FourStarsSubmitted: Story;
+export declare const FiveStarsSubmitted: Story;
+export declare const AllStates: Story;

package/dist/types/components/bs-chatbot-sources-drawer/bs-chatbot-sources-drawer.cmp.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/bs-chatbot-sources-drawer/bs-chatbot-sources-drawer.d.ts

@@ -0,0 +1,54 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * The "Sources" panel shown alongside a Genie AI chat response -- a header with a title, a count
+ * badge, and a collapse chevron, above a stack of `bs-source-link` citation rows.
+ *
+ * ## When to use
+ * - Displaying the documents/sources a Genie response cited, typically opened from a "view
+ *   sources" action on a `bs-chatbot-response-action` bar.
+ *
+ * ## When not to use
+ * - A generic list container -- this component's header (title + count + collapse) is
+ *   purpose-built for the sources use case.
+ *
+ * @slot - One or more `bs-source-link` rows.
+ * @slot collapse-icon - Overrides the default collapse chevron icon.
+ * @part heading - The "Sources" title text.
+ * @part count - The count badge next to the title.
+ * @part collapse - The collapse chevron button.
+ * @part list - The scrollable container of slotted `bs-source-link` rows.
+ * @prop --bs-chatbot-sources-drawer-bg - Background of the whole panel. Aliased to `--bs-surface-raised`.
+ * @prop --bs-chatbot-sources-drawer-header-shadow - Drop shadow under the header, separating it
+ *   from the scrolled list. Aliased to `--bs-shadow-xs`.
+ * @prop --bs-chatbot-sources-drawer-header-padding-x - Aliased to `--bs-spacing-200`.
+ * @prop --bs-chatbot-sources-drawer-header-padding-top - Aliased to `--bs-spacing-150`.
+ * @prop --bs-chatbot-sources-drawer-header-padding-bottom - Aliased to `--bs-spacing-100`.
+ * @prop --bs-chatbot-sources-drawer-heading-color - Aliased to `--bs-text-default`.
+ * @prop --bs-chatbot-sources-drawer-count-bg - Count badge background. Aliased to
+ *   `--bs-badge-bg-neutral-container`.
+ * @prop --bs-chatbot-sources-drawer-count-color - Count badge text color. Aliased to
+ *   `--bs-badge-text-neutral`.
+ * @prop --bs-chatbot-sources-drawer-collapse-hover - Collapse button background on hover. Aliased
+ *   to `--bs-surface-hover`.
+ * @prop --bs-chatbot-sources-drawer-section-gap - Gap between the header and the list. Aliased to
+ *   `--bs-spacing-200`.
+ * @prop --bs-chatbot-sources-drawer-list-padding - Horizontal/bottom padding of the list. Aliased
+ *   to `--bs-spacing-200`.
+ * @prop --bs-chatbot-sources-drawer-list-gap - Gap between rows. Aliased to `--bs-spacing-50`.
+ */
+export declare class BsChatbotSourcesDrawer {
+    el: HTMLElement;
+    /** The panel title. */
+    heading: string;
+    /**
+     * Overrides the auto-detected count badge. By default the badge reflects the number of slotted
+     * `bs-source-link` children, so most consumers don't need to set this.
+     */
+    count?: number;
+    /** Fires when the collapse chevron is clicked. The consuming app owns actually hiding the panel. */
+    bsCollapse: EventEmitter<void>;
+    private slottedCount;
+    private onSlotchange;
+    private onCollapseClick;
+    render(): any;
+}

package/dist/types/components/bs-chatbot-sources-drawer/bs-chatbot-sources-drawer.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+interface BsChatbotSourcesDrawerArgs {
+    heading: string;
+}
+declare const meta: Meta<BsChatbotSourcesDrawerArgs>;
+export default meta;
+type Story = StoryObj<BsChatbotSourcesDrawerArgs>;
+export declare const Default: Story;
+export declare const Empty: Story;
+export declare const ManySources: Story;

package/dist/types/components/bs-composer/bs-composer.d.ts

@@ -19,10 +19,14 @@ export type BsComposerState = 'idle' | 'generating' | 'disabled' | 'recording';
  * useful for e.g. focusing the composer after a parent view mounts, without reaching into its
  * shadow root.
  *
+ * @slot attachments - A `bs-attachment-list` (or other content) rendered inside the composer's own
+ *   bordered container, above the text field -- only takes up space/padding when it has assigned
+ *   content, so leaving it empty renders identically to not having the slot at all.
  * @slot actions-end - Extra consumer-supplied controls appended after the primary action button
  *   in the controls row (e.g. a product-specific "Tools" button). Slotted content is placed
  *   inline in the same flex row as attach/mic/action, so a slotted element should size itself to
  *   roughly match `--bs-composer-button-size` to align visually.
+ * @part attachments - The wrapper around the `attachments` slot.
  * @part attach - The "+" attach button.
  * @part input - The native text `<input>`.
  * @part mic - The secondary icon button (microphone, or the stop-recording square while `state="recording"`).
@@ -46,6 +50,7 @@ export type BsComposerState = 'idle' | 'generating' | 'disabled' | 'recording';
  * @prop --bs-composer-subtle-pressed - Background of the attach/mic buttons when pressed. Aliased to `--bs-color-neutral-container-pressed`.
  */
 export declare class BsComposer {
+    el: HTMLElement;
     /**
      * Which flavor of composer this is: changes the *default* placeholder text (set `placeholder`
      * directly to override it) and, per the Figma design, renders the container border dashed
@@ -70,6 +75,10 @@ export declare class BsComposer {
      * accessible name -- set it in every real usage.
      */
     ariaLabel: string | null;
+    /** Tracks whether the `attachments` slot has assigned content, so the row above the text field
+     * (padding, border) only takes up space when a consumer has actually put something there --
+     * same reasoning/pattern as `hasIcon`/`hasLabel` in `bs-attachment`. */
+    hasAttachments: boolean;
     /** Fires on every keystroke in the text field, with the current value. */
     bsInput: EventEmitter<string>;
     /** Fires when the primary action button is clicked while `state="idle"`. */
@@ -83,6 +92,11 @@ export declare class BsComposer {
     /** Fires when the mic/stop-recording button is clicked. The consumer decides what that means
      * (e.g. start recording when idle/generating, or stop recording when `state="recording"`). */
     bsMicToggle: EventEmitter<void>;
+    /** Computes the initial `hasAttachments` state directly from the host's light DOM children,
+     * before first render -- same reasoning as `bs-attachment`'s `componentWillLoad`: `slotchange`
+     * alone never fires for a slot that starts out empty and stays that way. */
+    componentWillLoad(): void;
+    private onAttachmentsSlotchange;
     private onInput;
     private onAttachClick;
     private onMicClick;

package/dist/types/components/bs-composer/bs-composer.stories.d.ts

@@ -14,4 +14,5 @@ export declare const Human: Story;
 export declare const Generating: Story;
 export declare const Disabled: Story;
 export declare const Recording: Story;
+export declare const WithAttachments: Story;
 export declare const AllStates: Story;

package/dist/types/components/bs-composer-status-banner/bs-composer-status-banner.cmp.test.d.ts

@@ -0,0 +1 @@
+export {};