@brandsync/wc 1.4.0 → 1.5.0

package/dist/esm/loader.js

@@ -4,7 +4,7 @@ export { s as setNonce } from './index-CcPfH1dJ.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  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-snackbar",[[769,"bs-snackbar",{"variant":[1],"loading":[4],"actionLabel":[1,"action-label"]}]]],["bs-attachment",[[513,"bs-attachment",{"type":[1],"fileName":[1,"file-name"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"loading":[4],"removable":[4]}]]],["bs-breadcrumb-overflow",[[513,"bs-breadcrumb-overflow",{"items":[16],"overflowLabel":[1,"overflow-label"],"size":[513],"open":[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]]],["bs-chatbot-header",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["bs-dialog",[[769,"bs-dialog",{"open":[1540],"heading":[1],"size":[1],"centered":[516],"hasFooter":[32],"hasImage":[32],"hasIcon":[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]],["bs-navigation-drawer",[[769,"bs-navigation-drawer",{"heading":[1],"collapsible":[4],"collapsed":[1540],"logoBackground":[1,"logo-background"],"showLogo":[4,"show-logo"]},null,{"collapsed":[{"onCollapsedChange":0}]}]]],["bs-navigation-header",[[769,"bs-navigation-header",{"alignment":[1],"ariaLabel":[1,"aria-label"],"skipToContentHref":[1,"skip-to-content-href"],"skipToContentLabel":[1,"skip-to-content-label"],"logoBackground":[1,"logo-background"]}]]],["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-list",[[769,"bs-attachment-list",{"ariaLabel":[1,"aria-label"],"canScrollRight":[32]}]]],["bs-avatar",[[513,"bs-avatar",{"type":[1],"size":[1],"initials":[1],"src":[1],"alt":[1],"ariaLabel":[1,"aria-label"],"disabled":[516]}]]],["bs-badge",[[769,"bs-badge",{"variant":[1]}]]],["bs-breadcrumb",[[769,"bs-breadcrumb",{"href":[1],"current":[516],"size":[513]}]]],["bs-breadcrumbs",[[769,"bs-breadcrumbs",{"label":[1],"size":[1]},null,{"size":[{"onSizeChange":0}]}]]],["bs-button-skeleton",[[513,"bs-button-skeleton",{"size":[1]}]]],["bs-card",[[769,"bs-card",{"surface":[1],"hasImage":[32]}]]],["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-checkbox",[[785,"bs-checkbox",{"size":[1],"checked":[1540],"indeterminate":[1540],"disabled":[4],"error":[4],"ariaLabel":[1,"aria-label"]},null,{"indeterminate":[{"onIndeterminateChange":0}]}]]],["bs-checkbox-skeleton",[[513,"bs-checkbox-skeleton",{"size":[1]}]]],["bs-chip-filter",[[785,"bs-chip-filter",{"size":[1],"selected":[516],"dropdown":[4],"disabled":[4],"ariaLabel":[1,"aria-label"],"hasIcon":[32]}]]],["bs-chip-informative",[[769,"bs-chip-informative",{"color":[1],"size":[1],"disabled":[516],"hasIcon":[32]}]]],["bs-chip-input",[[785,"bs-chip-input",{"size":[1],"selected":[1540],"disabled":[516],"hasIcon":[32],"labelText":[32]}]]],["bs-composer",[[785,"bs-composer",{"variant":[1],"placeholder":[1],"value":[1025],"state":[513],"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],"clearSelection":[64]}]]],["bs-inline-tab",[[769,"bs-inline-tab",{"selected":[516],"disabled":[4],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasLabel":[32]}]]],["bs-navigation-drawer-item",[[769,"bs-navigation-drawer-item",{"selected":[516],"expandable":[4],"expanded":[1540],"nested":[4],"ariaLabel":[1,"aria-label"],"collapsed":[516],"hasIcon":[32]}]]],["bs-pagination",[[513,"bs-pagination",{"totalPages":[2,"total-pages"],"currentPage":[1538,"current-page"],"siblingCount":[2,"sibling-count"],"previousLabel":[1,"previous-label"],"nextLabel":[1,"next-label"]}]]],["bs-progress",[[513,"bs-progress",{"type":[1],"size":[1],"strokeWidth":[2,"stroke-width"],"value":[2],"showLabel":[4,"show-label"]}]]],["bs-progress-linear",[[769,"bs-progress-linear",{"type":[1],"size":[1],"value":[2],"showLabel":[4,"show-label"],"hasLabelContent":[32]}]]],["bs-radio",[[785,"bs-radio",{"name":[1],"value":[1],"checked":[1540],"disabled":[4]}]]],["bs-slider",[[529,"bs-slider",{"type":[1],"showLabel":[4,"show-label"],"label":[1],"min":[2],"max":[2],"step":[2],"value":[1026],"valueStart":[1026,"value-start"],"valueEnd":[1026,"value-end"],"segments":[2],"disabled":[4],"ariaLabel":[1,"aria-label"]}]]],["bs-source-link",[[769,"bs-source-link",{"fileName":[1,"file-name"],"sourceName":[1,"source-name"],"version":[1],"href":[1],"target":[1]}]]],["bs-stepper",[[769,"bs-stepper",{"currentStep":[2,"current-step"],"direction":[513],"showDescription":[4,"show-description"]},null,{"currentStep":[{"onPropChange":0}],"direction":[{"onPropChange":0}],"showDescription":[{"onPropChange":0}]}]]],["bs-stepper-step",[[513,"bs-stepper-step",{"name":[1],"description":[1],"error":[4],"disabled":[4],"computedState":[1,"computed-state"],"direction":[1],"showDescription":[4,"show-description"]}]]],["bs-switch",[[785,"bs-switch",{"size":[1],"checked":[1540],"disabled":[4],"ariaLabel":[1,"aria-label"]}]]],["bs-tab",[[769,"bs-tab",{"selected":[516],"disabled":[4],"iconPosition":[1,"icon-position"],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasLabel":[32],"hasBadge":[32]}]]],["bs-tabs",[[769,"bs-tabs",{"type":[1],"orientation":[1]},[[0,"bsSelect","onTabSelect"]]]]],["bs-toast",[[769,"bs-toast",{"state":[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-menu-item",[[769,"bs-menu-item",{"disabled":[4],"hasIcon":[32]}]]],["bs-tooltip",[[769,"bs-tooltip",{"placement":[1]}]]],["bs-logo",[[513,"bs-logo",{"variant":[1],"background":[1],"src":[1],"alt":[1]}]]],["bs-menu",[[257,"bs-menu"]]],["bs-icon-button",[[785,"bs-icon-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"]}]]]], 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-snackbar",[[769,"bs-snackbar",{"variant":[1],"loading":[4],"actionLabel":[1,"action-label"]}]]],["bs-attachment",[[513,"bs-attachment",{"type":[1],"fileName":[1,"file-name"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"loading":[4],"removable":[4]}]]],["bs-breadcrumb-overflow",[[513,"bs-breadcrumb-overflow",{"items":[16],"overflowLabel":[1,"overflow-label"],"size":[513],"open":[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]]],["bs-chatbot-header",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["bs-dialog",[[769,"bs-dialog",{"open":[1540],"heading":[1],"size":[1],"centered":[516],"hasFooter":[32],"hasImage":[32],"hasIcon":[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]],["bs-navigation-drawer",[[769,"bs-navigation-drawer",{"heading":[1],"collapsible":[4],"collapsed":[1540],"logoBackground":[1,"logo-background"],"showLogo":[4,"show-logo"]},null,{"collapsed":[{"onCollapsedChange":0}]}]]],["bs-navigation-header",[[769,"bs-navigation-header",{"alignment":[1],"ariaLabel":[1,"aria-label"],"skipToContentHref":[1,"skip-to-content-href"],"skipToContentLabel":[1,"skip-to-content-label"],"logoBackground":[1,"logo-background"]}]]],["bs-accordion",[[769,"bs-accordion",{"expanded":[516],"size":[1],"disabled":[4],"showIcon":[4,"show-icon"],"showPreview":[4,"show-preview"]}]]],["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-list",[[769,"bs-attachment-list",{"ariaLabel":[1,"aria-label"],"canScrollRight":[32]}]]],["bs-avatar",[[513,"bs-avatar",{"type":[1],"size":[1],"initials":[1],"src":[1],"alt":[1],"ariaLabel":[1,"aria-label"],"disabled":[516]}]]],["bs-badge",[[769,"bs-badge",{"variant":[1]}]]],["bs-breadcrumb",[[769,"bs-breadcrumb",{"href":[1],"current":[516],"size":[513]}]]],["bs-breadcrumbs",[[769,"bs-breadcrumbs",{"label":[1],"size":[1]},null,{"size":[{"onSizeChange":0}]}]]],["bs-button-skeleton",[[513,"bs-button-skeleton",{"size":[1]}]]],["bs-card",[[769,"bs-card",{"surface":[1],"hasImage":[32]}]]],["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-checkbox",[[785,"bs-checkbox",{"size":[1],"checked":[1540],"indeterminate":[1540],"disabled":[4],"error":[4],"ariaLabel":[1,"aria-label"]},null,{"indeterminate":[{"onIndeterminateChange":0}]}]]],["bs-checkbox-skeleton",[[513,"bs-checkbox-skeleton",{"size":[1]}]]],["bs-chip-filter",[[785,"bs-chip-filter",{"size":[1],"selected":[516],"dropdown":[4],"disabled":[4],"ariaLabel":[1,"aria-label"],"hasIcon":[32]}]]],["bs-chip-informative",[[769,"bs-chip-informative",{"color":[1],"size":[1],"disabled":[516],"hasIcon":[32]}]]],["bs-chip-input",[[785,"bs-chip-input",{"size":[1],"selected":[1540],"disabled":[516],"hasIcon":[32],"labelText":[32]}]]],["bs-composer",[[785,"bs-composer",{"variant":[1],"placeholder":[1],"value":[1025],"state":[513],"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],"clearSelection":[64]}]]],["bs-inline-tab",[[769,"bs-inline-tab",{"selected":[516],"disabled":[4],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasLabel":[32]}]]],["bs-navigation-drawer-item",[[769,"bs-navigation-drawer-item",{"selected":[516],"expandable":[4],"expanded":[1540],"nested":[4],"ariaLabel":[1,"aria-label"],"collapsed":[516],"hasIcon":[32]}]]],["bs-pagination",[[513,"bs-pagination",{"totalPages":[2,"total-pages"],"currentPage":[1538,"current-page"],"siblingCount":[2,"sibling-count"],"previousLabel":[1,"previous-label"],"nextLabel":[1,"next-label"]}]]],["bs-progress",[[513,"bs-progress",{"type":[1],"size":[1],"strokeWidth":[2,"stroke-width"],"value":[2],"showLabel":[4,"show-label"]}]]],["bs-progress-linear",[[769,"bs-progress-linear",{"type":[1],"size":[1],"value":[2],"showLabel":[4,"show-label"],"hasLabelContent":[32]}]]],["bs-radio",[[785,"bs-radio",{"name":[1],"value":[1],"checked":[1540],"disabled":[4]}]]],["bs-slider",[[529,"bs-slider",{"type":[1],"showLabel":[4,"show-label"],"label":[1],"min":[2],"max":[2],"step":[2],"value":[1026],"valueStart":[1026,"value-start"],"valueEnd":[1026,"value-end"],"segments":[2],"disabled":[4],"ariaLabel":[1,"aria-label"]}]]],["bs-source-link",[[769,"bs-source-link",{"fileName":[1,"file-name"],"sourceName":[1,"source-name"],"version":[1],"href":[1],"target":[1]}]]],["bs-stepper",[[769,"bs-stepper",{"currentStep":[2,"current-step"],"direction":[513],"showDescription":[4,"show-description"]},null,{"currentStep":[{"onPropChange":0}],"direction":[{"onPropChange":0}],"showDescription":[{"onPropChange":0}]}]]],["bs-stepper-step",[[513,"bs-stepper-step",{"name":[1],"description":[1],"error":[4],"disabled":[4],"computedState":[1,"computed-state"],"direction":[1],"showDescription":[4,"show-description"]}]]],["bs-switch",[[785,"bs-switch",{"size":[1],"checked":[1540],"disabled":[4],"ariaLabel":[1,"aria-label"]}]]],["bs-tab",[[769,"bs-tab",{"selected":[516],"disabled":[4],"iconPosition":[1,"icon-position"],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasLabel":[32],"hasBadge":[32]}]]],["bs-tabs",[[769,"bs-tabs",{"type":[1],"orientation":[1]},[[0,"bsSelect","onTabSelect"]]]]],["bs-toast",[[769,"bs-toast",{"state":[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-menu-item",[[769,"bs-menu-item",{"disabled":[4],"hasIcon":[32]}]]],["bs-tooltip",[[769,"bs-tooltip",{"placement":[1]}]]],["bs-logo",[[513,"bs-logo",{"variant":[1],"background":[1],"src":[1],"alt":[1]}]]],["bs-menu",[[257,"bs-menu"]]],["bs-icon-button",[[785,"bs-icon-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"]}]]]], options);
 };
 
 export { defineCustomElements };

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

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

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

@@ -0,0 +1,51 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type BsAccordionSize = 'medium' | 'large';
+/**
+ * A single collapsible section -- a clickable header (optional leading icon, label, trailing
+ * caret) that reveals or hides a body content area.
+ *
+ * This component renders exactly one section. A consumer stacks multiple `bs-accordion` elements
+ * (optionally managing which one(s) are expanded, e.g. "only one open at a time") themselves --
+ * there's no accordion-group wrapper here, matching Figma's component which only specs the single
+ * section, not a group behavior.
+ *
+ * @slot - Default slot: the body/content area, shown below the header when expanded (and, unless
+ * `showPreview` is `false`, truncated to one line when collapsed).
+ * @slot label - The header's title text.
+ * @slot icon - Optional leading icon, overriding the default Plus glyph. Only rendered when
+ * `showIcon` is `true`.
+ * @part container - The outer wrapper.
+ * @part header - The clickable header row.
+ * @part icon - The leading icon wrapper.
+ * @part label - The label wrapper.
+ * @part caret - The trailing caret wrapper.
+ * @part content - The body content wrapper.
+ */
+export declare class BsAccordion {
+    /** Whether the section is expanded. This is the single source of truth for the component's
+     * visual state -- a controlled component, like a controlled `<input>`. Clicking (or
+     * keyboard-activating) the header never mutates this prop itself; it only emits `bsToggle` with
+     * the requested new value. If the consumer doesn't echo the change back via this prop (e.g.
+     * some validation rejects it), the rendering stays exactly as `expanded` says, rather than
+     * drifting into an internally-tracked truth -- same lesson as bs-chip-filter's `selected` prop.
+     * Reflected so consumers can target `bs-accordion[expanded]` via CSS. NOT `mutable: true`. */
+    expanded: boolean;
+    /** Sizing scale. Controls the leading icon box's dimensions and the header's vertical padding --
+     * the body content area's padding stays constant across sizes, matching the Figma spec. */
+    size: BsAccordionSize;
+    /** Disables the header: suppresses hover/focus/pressed styling, prevents toggling via click or
+     * keyboard, and removes it from the tab order. */
+    disabled: boolean;
+    /** Shows the leading icon area (default Plus glyph, or the `icon` slot's content). When
+     * `false`, no icon box is reserved and the header/body padding tighten to the left edge. */
+    showIcon: boolean;
+    /** When collapsed, renders the body content truncated to a single line (pure CSS truncation of
+     * the same slotted content, not different content) instead of rendering nothing. Has no effect
+     * while expanded -- the full content always renders then, regardless of this prop. */
+    showPreview: boolean;
+    /** Emitted when the header is activated (click, or Enter/Space while focused), with the
+     * REQUESTED new expanded value (`!expanded`). Never fires while `disabled`. */
+    bsToggle: EventEmitter<boolean>;
+    private onActivate;
+    render(): any;
+}

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

@@ -0,0 +1,20 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+import type { BsAccordionSize } from './bs-accordion';
+interface BsAccordionArgs {
+    expanded: boolean;
+    size: BsAccordionSize;
+    disabled: boolean;
+    showIcon: boolean;
+    showPreview: boolean;
+    label: string;
+    content: string;
+}
+declare const meta: Meta<BsAccordionArgs>;
+export default meta;
+type Story = StoryObj<BsAccordionArgs>;
+export declare const Default: Story;
+export declare const Expanded: Story;
+export declare const Large: Story;
+export declare const NoIcon: Story;
+export declare const NoPreview: Story;
+export declare const Disabled: Story;

package/dist/types/components.d.ts

@@ -5,6 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { BsAccordionSize } from "./components/bs-accordion/bs-accordion";
 import { BsAttachmentType } from "./components/bs-attachment/bs-attachment";
 import { BsAvatarSize, BsAvatarType } from "./components/bs-avatar/bs-avatar";
 import { BsBadgeVariant } from "./components/bs-badge/bs-badge";
@@ -36,6 +37,7 @@ import { BsSwitchSize } from "./components/bs-switch/bs-switch";
 import { BsTabIconPosition } from "./components/bs-tab/bs-tab/bs-tab";
 import { BsTabsOrientation, BsTabsType } from "./components/bs-tab/bs-tabs/bs-tabs";
 import { BsToastState } from "./components/bs-toast/bs-toast";
+export { BsAccordionSize } from "./components/bs-accordion/bs-accordion";
 export { BsAttachmentType } from "./components/bs-attachment/bs-attachment";
 export { BsAvatarSize, BsAvatarType } from "./components/bs-avatar/bs-avatar";
 export { BsBadgeVariant } from "./components/bs-badge/bs-badge";
@@ -68,6 +70,41 @@ export { BsTabIconPosition } from "./components/bs-tab/bs-tab/bs-tab";
 export { BsTabsOrientation, BsTabsType } from "./components/bs-tab/bs-tabs/bs-tabs";
 export { BsToastState } from "./components/bs-toast/bs-toast";
 export namespace Components {
+    /**
+     * A single collapsible section -- a clickable header (optional leading icon, label, trailing
+     * caret) that reveals or hides a body content area.
+     * This component renders exactly one section. A consumer stacks multiple `bs-accordion` elements
+     * (optionally managing which one(s) are expanded, e.g. "only one open at a time") themselves --
+     * there's no accordion-group wrapper here, matching Figma's component which only specs the single
+     * section, not a group behavior.
+     */
+    interface BsAccordion {
+        /**
+          * Disables the header: suppresses hover/focus/pressed styling, prevents toggling via click or keyboard, and removes it from the tab order.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Whether the section is expanded. This is the single source of truth for the component's visual state -- a controlled component, like a controlled `<input>`. Clicking (or keyboard-activating) the header never mutates this prop itself; it only emits `bsToggle` with the requested new value. If the consumer doesn't echo the change back via this prop (e.g. some validation rejects it), the rendering stays exactly as `expanded` says, rather than drifting into an internally-tracked truth -- same lesson as bs-chip-filter's `selected` prop. Reflected so consumers can target `bs-accordion[expanded]` via CSS. NOT `mutable: true`.
+          * @default false
+         */
+        "expanded": boolean;
+        /**
+          * Shows the leading icon area (default Plus glyph, or the `icon` slot's content). When `false`, no icon box is reserved and the header/body padding tighten to the left edge.
+          * @default true
+         */
+        "showIcon": boolean;
+        /**
+          * When collapsed, renders the body content truncated to a single line (pure CSS truncation of the same slotted content, not different content) instead of rendering nothing. Has no effect while expanded -- the full content always renders then, regardless of this prop.
+          * @default true
+         */
+        "showPreview": boolean;
+        /**
+          * Sizing scale. Controls the leading icon box's dimensions and the header's vertical padding -- the body content area's padding stays constant across sizes, matching the Figma spec.
+          * @default 'medium'
+         */
+        "size": BsAccordionSize;
+    }
     /**
      * A centered caption disclaimer for Genie AI surfaces, e.g. "AI can make mistakes. Please verify
      * important information."
@@ -2117,6 +2154,10 @@ export namespace Components {
         "placement": 'top';
     }
 }
+export interface BsAccordionCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBsAccordionElement;
+}
 export interface BsAttachmentCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsAttachmentElement;
@@ -2222,6 +2263,31 @@ export interface BsToastCustomEvent<T> extends CustomEvent<T> {
     target: HTMLBsToastElement;
 }
 declare global {
+    interface HTMLBsAccordionElementEventMap {
+        "bsToggle": boolean;
+    }
+    /**
+     * A single collapsible section -- a clickable header (optional leading icon, label, trailing
+     * caret) that reveals or hides a body content area.
+     * This component renders exactly one section. A consumer stacks multiple `bs-accordion` elements
+     * (optionally managing which one(s) are expanded, e.g. "only one open at a time") themselves --
+     * there's no accordion-group wrapper here, matching Figma's component which only specs the single
+     * section, not a group behavior.
+     */
+    interface HTMLBsAccordionElement extends Components.BsAccordion, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBsAccordionElementEventMap>(type: K, listener: (this: HTMLBsAccordionElement, ev: BsAccordionCustomEvent<HTMLBsAccordionElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLBsAccordionElementEventMap>(type: K, listener: (this: HTMLBsAccordionElement, ev: BsAccordionCustomEvent<HTMLBsAccordionElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLBsAccordionElement: {
+        prototype: HTMLBsAccordionElement;
+        new (): HTMLBsAccordionElement;
+    };
     /**
      * A centered caption disclaimer for Genie AI surfaces, e.g. "AI can make mistakes. Please verify
      * important information."
@@ -3855,6 +3921,7 @@ declare global {
         new (): HTMLBsTooltipElement;
     };
     interface HTMLElementTagNameMap {
+        "bs-accordion": HTMLBsAccordionElement;
         "bs-ai-disclaimer": HTMLBsAiDisclaimerElement;
         "bs-ai-greeting": HTMLBsAiGreetingElement;
         "bs-ai-thinking": HTMLBsAiThinkingElement;
@@ -3908,6 +3975,45 @@ declare global {
     }
 }
 declare namespace LocalJSX {
+    /**
+     * A single collapsible section -- a clickable header (optional leading icon, label, trailing
+     * caret) that reveals or hides a body content area.
+     * This component renders exactly one section. A consumer stacks multiple `bs-accordion` elements
+     * (optionally managing which one(s) are expanded, e.g. "only one open at a time") themselves --
+     * there's no accordion-group wrapper here, matching Figma's component which only specs the single
+     * section, not a group behavior.
+     */
+    interface BsAccordion {
+        /**
+          * Disables the header: suppresses hover/focus/pressed styling, prevents toggling via click or keyboard, and removes it from the tab order.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Whether the section is expanded. This is the single source of truth for the component's visual state -- a controlled component, like a controlled `<input>`. Clicking (or keyboard-activating) the header never mutates this prop itself; it only emits `bsToggle` with the requested new value. If the consumer doesn't echo the change back via this prop (e.g. some validation rejects it), the rendering stays exactly as `expanded` says, rather than drifting into an internally-tracked truth -- same lesson as bs-chip-filter's `selected` prop. Reflected so consumers can target `bs-accordion[expanded]` via CSS. NOT `mutable: true`.
+          * @default false
+         */
+        "expanded"?: boolean;
+        /**
+          * Emitted when the header is activated (click, or Enter/Space while focused), with the REQUESTED new expanded value (`!expanded`). Never fires while `disabled`.
+         */
+        "onBsToggle"?: (event: BsAccordionCustomEvent<boolean>) => void;
+        /**
+          * Shows the leading icon area (default Plus glyph, or the `icon` slot's content). When `false`, no icon box is reserved and the header/body padding tighten to the left edge.
+          * @default true
+         */
+        "showIcon"?: boolean;
+        /**
+          * When collapsed, renders the body content truncated to a single line (pure CSS truncation of the same slotted content, not different content) instead of rendering nothing. Has no effect while expanded -- the full content always renders then, regardless of this prop.
+          * @default true
+         */
+        "showPreview"?: boolean;
+        /**
+          * Sizing scale. Controls the leading icon box's dimensions and the header's vertical padding -- the body content area's padding stays constant across sizes, matching the Figma spec.
+          * @default 'medium'
+         */
+        "size"?: BsAccordionSize;
+    }
     /**
      * A centered caption disclaimer for Genie AI surfaces, e.g. "AI can make mistakes. Please verify
      * important information."
@@ -6162,6 +6268,13 @@ declare namespace LocalJSX {
         "placement"?: 'top';
     }
 
+    interface BsAccordionAttributes {
+        "expanded": boolean;
+        "size": BsAccordionSize;
+        "disabled": boolean;
+        "showIcon": boolean;
+        "showPreview": boolean;
+    }
     interface BsAiGreetingAttributes {
         "assistantName": string;
         "productName": string;
@@ -6457,6 +6570,7 @@ declare namespace LocalJSX {
     }
 
     interface IntrinsicElements {
+        "bs-accordion": Omit<BsAccordion, keyof BsAccordionAttributes> & { [K in keyof BsAccordion & keyof BsAccordionAttributes]?: BsAccordion[K] } & { [K in keyof BsAccordion & keyof BsAccordionAttributes as `attr:${K}`]?: BsAccordionAttributes[K] } & { [K in keyof BsAccordion & keyof BsAccordionAttributes as `prop:${K}`]?: BsAccordion[K] };
         "bs-ai-disclaimer": BsAiDisclaimer;
         "bs-ai-greeting": Omit<BsAiGreeting, keyof BsAiGreetingAttributes> & { [K in keyof BsAiGreeting & keyof BsAiGreetingAttributes]?: BsAiGreeting[K] } & { [K in keyof BsAiGreeting & keyof BsAiGreetingAttributes as `attr:${K}`]?: BsAiGreetingAttributes[K] } & { [K in keyof BsAiGreeting & keyof BsAiGreetingAttributes as `prop:${K}`]?: BsAiGreeting[K] };
         "bs-ai-thinking": Omit<BsAiThinking, keyof BsAiThinkingAttributes> & { [K in keyof BsAiThinking & keyof BsAiThinkingAttributes]?: BsAiThinking[K] } & { [K in keyof BsAiThinking & keyof BsAiThinkingAttributes as `attr:${K}`]?: BsAiThinkingAttributes[K] } & { [K in keyof BsAiThinking & keyof BsAiThinkingAttributes as `prop:${K}`]?: BsAiThinking[K] };
@@ -6513,6 +6627,15 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            /**
+             * A single collapsible section -- a clickable header (optional leading icon, label, trailing
+             * caret) that reveals or hides a body content area.
+             * This component renders exactly one section. A consumer stacks multiple `bs-accordion` elements
+             * (optionally managing which one(s) are expanded, e.g. "only one open at a time") themselves --
+             * there's no accordion-group wrapper here, matching Figma's component which only specs the single
+             * section, not a group behavior.
+             */
+            "bs-accordion": LocalJSX.IntrinsicElements["bs-accordion"] & JSXBase.HTMLAttributes<HTMLBsAccordionElement>;
             /**
              * A centered caption disclaimer for Genie AI surfaces, e.g. "AI can make mistakes. Please verify
              * important information."

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brandsync/wc",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "publishConfig": {
     "access": "public"
   },

package/dist/brandsync-wc/p-b6dba2bf.entry.js

@@ -1 +0,0 @@
-import{r as i,a as e,h as a,H as s}from"./p-CcPfH1dJ.js";const t=class{constructor(e){i(this,e)}get el(){return e(this)}color="neutral";size="lg";disabled=!1;hasIcon=!1;componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon")}hasSlottedContent(i){return Array.from(this.el.childNodes).some((e=>e.nodeType===Node.ELEMENT_NODE&&e.getAttribute("slot")===i))}onIconSlotchange=i=>{this.hasIcon=i.target.assignedNodes().length>0};render(){return a(s,{key:"333f8eb96435393dc676b7422de79a43f0e3d9d8",class:`bs-chip-informative bs-chip-informative--${this.color} bs-chip-informative--${this.size} bs-chip-informative--${this.hasIcon?"icon":"text"}`},a("span",{key:"5af00525b1ce8e1cee16e896c6fd1bee1e8344c0",part:"icon",class:"bs-chip-informative__icon "+(this.hasIcon?"bs-chip-informative__icon--visible":"")},a("slot",{key:"d6e72f0ea1a913b2a313441b83f1430549dcc5cc",name:"icon",onSlotchange:this.onIconSlotchange})),a("span",{key:"617013d83715e1d916e4bfc40185d31879acfab3",part:"label",class:"bs-chip-informative__label"},a("slot",{key:"dc6db50bff31169c3da18f472002528a78ed210a"})))}};t.style=":host{display:inline-flex;align-items:center;box-sizing:border-box;gap:var(--bs-chip-informative-gap);border-radius:var(--bs-border-radius-full);font-family:inherit;font-weight:var(--bs-chip-informative-font-weight);white-space:nowrap;--bs-chip-informative-height-sm:var(--bs-spacing-250);--bs-chip-informative-height-md:var(--bs-spacing-300);--bs-chip-informative-height-lg:var(--bs-spacing-400);--bs-chip-informative-gap:var(--bs-spacing-50);--bs-chip-informative-icon-size:16px;--bs-chip-informative-padding-x-glyph-side:var(--bs-spacing-100);--bs-chip-informative-padding-right-icon-variant:var(--bs-spacing-150);--bs-chip-informative-padding-x-plain-side:var(--bs-spacing-200);--bs-chip-informative-font-size-sm:var(--bs-font-size-xs);--bs-chip-informative-line-height-sm:var(--bs-line-height-caption-sm);--bs-chip-informative-font-size:var(--bs-font-size-sm);--bs-chip-informative-line-height:var(--bs-line-height-body-sm);--bs-chip-informative-font-weight:var(--bs-font-weight-regular)}:host(.bs-chip-informative--lg){height:var(--bs-chip-informative-height-lg);font-size:var(--bs-chip-informative-font-size);line-height:calc(var(--bs-chip-informative-line-height) * 1px)}:host(.bs-chip-informative--md){height:var(--bs-chip-informative-height-md);font-size:var(--bs-chip-informative-font-size);line-height:calc(var(--bs-chip-informative-line-height) * 1px)}:host(.bs-chip-informative--sm){height:var(--bs-chip-informative-height-sm);font-size:var(--bs-chip-informative-font-size-sm);line-height:calc(var(--bs-chip-informative-line-height-sm) * 1px)}:host(.bs-chip-informative--icon){padding-left:var(--bs-chip-informative-padding-x-glyph-side);padding-right:var(--bs-chip-informative-padding-right-icon-variant)}:host(.bs-chip-informative--text){padding-left:var(--bs-chip-informative-padding-x-plain-side);padding-right:var(--bs-chip-informative-padding-x-plain-side)}.bs-chip-informative__icon{display:none;flex-shrink:0;width:var(--bs-chip-informative-icon-size);height:var(--bs-chip-informative-icon-size)}.bs-chip-informative__icon--visible{display:flex;align-items:center;justify-content:center}.bs-chip-informative__icon ::slotted(*){display:block;width:var(--bs-chip-informative-icon-size);height:var(--bs-chip-informative-icon-size)}.bs-chip-informative__label{display:flex;align-items:center}:host(.bs-chip-informative--neutral){background:var(--bs-chip-bg-neutral-container);color:var(--bs-chip-text-neutral)}:host(.bs-chip-informative--warning){background:var(--bs-chip-bg-warning-container);color:var(--bs-chip-text-warning)}:host(.bs-chip-informative--success){background:var(--bs-chip-bg-success-container);color:var(--bs-chip-text-success)}:host(.bs-chip-informative--info){background:var(--bs-chip-bg-info-container);color:var(--bs-chip-text-info)}:host(.bs-chip-informative--error){background:var(--bs-chip-bg-error-container);color:var(--bs-chip-text-error)}:host([disabled]){background:var(--bs-chip-bg-disabled);color:var(--bs-chip-text-disabled)}";export{t as bs_chip_informative}