@brandsync/wc 1.6.0 → 1.8.0

package/dist/esm/loader.js

@@ -1,10 +1,10 @@
-import { g as globalScripts, b as bootstrapLazy } from './index-DuyFft7h.js';
-export { s as setNonce } from './index-DuyFft7h.js';
+import { g as globalScripts, b as bootstrapLazy } from './index-AgoOSYvW.js';
+export { s as setNonce } from './index-AgoOSYvW.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-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);
+  return bootstrapLazy([["bs-carousel",[[769,"bs-carousel",{"tracker":[1],"slidesPerView":[2,"slides-per-view"],"currentPage":[1538,"current-page"],"autoplay":[4],"interval":[2],"paused":[1540],"label":[1],"previousLabel":[1,"previous-label"],"nextLabel":[1,"next-label"],"pauseLabel":[1,"pause-label"],"playLabel":[1,"play-label"],"slideCount":[32],"interacting":[32]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[0,"focusin","onFocusIn"],[0,"focusout","onFocusOut"]],{"currentPage":[{"onCurrentPageChange":0}],"autoplay":[{"updateTimer":0}],"paused":[{"updateTimer":0}],"interval":[{"updateTimer":0}],"interacting":[{"updateTimer":0}],"slideCount":[{"updateTimer":0}],"slidesPerView":[{"updateTimer":0}]}]]],["bs-file-upload-item",[[769,"bs-file-upload-item",{"state":[513],"fileName":[1,"file-name"],"fileSize":[1,"file-size"],"progress":[2],"message":[1],"thumbnailSrc":[1,"thumbnail-src"],"thumbnailAlt":[1,"thumbnail-alt"],"cancelLabel":[1,"cancel-label"],"removeLabel":[1,"remove-label"]}]]],["bs-input",[[849,"bs-input",{"name":[513],"value":[1025],"type":[1],"label":[1],"placeholder":[1],"description":[1],"error":[1],"disabled":[516],"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"]],{"value":[{"onFormStateChange":0}],"type":[{"onFormStateChange":0}],"chips":[{"onFormStateChange":0}],"required":[{"onFormStateChange":0}]}]]],["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-file-upload",[[769,"bs-file-upload",{"direction":[513],"heading":[1],"description":[1],"buttonLabel":[1,"button-label"],"accept":[1],"multiple":[4],"disabled":[516],"dragging":[1540]}]]],["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",[[849,"bs-checkbox",{"name":[513],"value":[1],"required":[4],"size":[1],"checked":[1540],"indeterminate":[1540],"disabled":[516],"error":[4],"ariaLabel":[1,"aria-label"]},null,{"checked":[{"syncFormValue":0}],"value":[{"syncFormValue":0}],"required":[{"syncFormValue":0}],"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"],"tabbable":[4],"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-progress",[[513,"bs-progress",{"type":[1],"size":[1],"strokeWidth":[2,"stroke-width"],"value":[2],"showLabel":[4,"show-label"],"ariaLabel":[1,"aria-label"]}]]],["bs-radio",[[849,"bs-radio",{"name":[513],"value":[1],"checked":[1540],"disabled":[516],"groupHasChecked":[32]},[[4,"bsChange","onAnyRadioChange"]],{"checked":[{"onCheckedChange":0}],"value":[{"onCheckedChange":0}]}]]],["bs-slider",[[593,"bs-slider",{"type":[1],"name":[513],"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":[516],"ariaLabel":[1,"aria-label"]},null,{"value":[{"syncFormValue":0}],"valueStart":[{"syncFormValue":0}],"valueEnd":[{"syncFormValue":0}],"type":[{"syncFormValue":0}]}]]],["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",[[849,"bs-switch",{"name":[513],"value":[1],"size":[1],"checked":[1540],"disabled":[516],"ariaLabel":[1,"aria-label"]},null,{"checked":[{"syncFormValue":0}],"value":[{"syncFormValue":0}]}]]],["bs-tab",[[769,"bs-tab",{"selected":[516],"disabled":[4],"iconPosition":[1,"icon-position"],"ariaLabel":[1,"aria-label"],"tabbable":[4],"hasIcon":[32],"hasLabel":[32],"hasBadge":[32]}]]],["bs-tabs",[[769,"bs-tabs",{"type":[1],"orientation":[1]},[[0,"bsSelect","onTabSelect"],[0,"keydown","onKeyDown"]],{"orientation":[{"syncRovingTabindex":0}]}]]],["bs-toast",[[769,"bs-toast",{"state":[1]}]]],["bs-menu-item",[[769,"bs-menu-item",{"disabled":[4],"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-linear",[[769,"bs-progress-linear",{"type":[1],"size":[1],"value":[2],"showLabel":[4,"show-label"],"ariaLabel":[1,"aria-label"],"hasLabelContent":[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",null,[[0,"keydown","onKeyDown"]]]]],["bs-button",[[849,"bs-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasEndIcon":[32],"hasLabel":[32]}]]],["bs-icon-button",[[849,"bs-icon-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"]}]]]], options);
 };
 
 export { defineCustomElements };

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

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

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

@@ -36,6 +36,7 @@ export type BsButtonSize = 'sm' | 'md' | 'lg';
  */
 export declare class BsButton {
     el: HTMLElement;
+    internals: ElementInternals;
     /**
      * Visual style. Maps directly to the brandsync-tokens `--bs-button-*` semantic set.
      * `error` is for destructive/irreversible actions per BrandSync guidance, not a stronger
@@ -46,7 +47,8 @@ export declare class BsButton {
     size: BsButtonSize;
     /** Disables the button and applies the disabled token set. */
     disabled: boolean;
-    /** Native `<button>` type. */
+    /** Button type. `submit` submits the surrounding `<form>` (via `requestSubmit()`, so validation
+     * runs); `reset` resets it; `button` (default) does nothing on its own. */
     type: 'button' | 'submit' | 'reset';
     /**
      * Accessible name for the button. Required for icon-only usage (no visible label text via the
@@ -85,5 +87,6 @@ export declare class BsButton {
     private onIconSlotchange;
     private onEndIconSlotchange;
     private onLabelSlotchange;
+    private onClick;
     render(): any;
 }

package/dist/types/components/bs-button/bs-icon-button/bs-icon-button.d.ts

@@ -26,6 +26,7 @@ export type BsIconButtonSize = 'xs' | 'sm' | 'md' | 'lg';
  */
 export declare class BsIconButton {
     el: HTMLElement;
+    internals: ElementInternals;
     /**
      * Visual style. Maps to the same semantic token families as `bs-button`'s `variant`.
      * `error` is for destructive/irreversible actions per BrandSync guidance, not a stronger
@@ -39,7 +40,8 @@ export declare class BsIconButton {
     size: BsIconButtonSize;
     /** Disables the button and applies the disabled token set. */
     disabled: boolean;
-    /** Native `<button>` type. */
+    /** Button type. `submit` submits the surrounding `<form>` (via `requestSubmit()`, so validation
+     * runs); `reset` resets it; `button` (default) does nothing on its own. */
     type: 'button' | 'submit' | 'reset';
     /**
      * Accessible name for the button. Required -- this component is always icon-only, so there's
@@ -47,5 +49,6 @@ export declare class BsIconButton {
      * prop to the `aria-label` HTML attribute automatically.
      */
     ariaLabel: string | null;
+    private onClick;
     render(): any;
 }

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

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

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

@@ -0,0 +1,101 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type BsCarouselTracker = 'dots' | 'numbers';
+/**
+ * A carousel that shows a page of slides at a time, with a tracker (dots or numbered blocks) and
+ * previous/next controls, and optional auto-advance with a Pause/Play button.
+ *
+ * Slides are the default slot's direct children (a `bs-card`, an image, anything). The carousel
+ * shows `slidesPerView` of them at once, so there are `ceil(slides / slidesPerView)` pages. It
+ * manages two things on those slide elements: the `hidden` attribute (off-page slides are hidden,
+ * so they leave the tab order and the accessibility tree) and, only when not already set,
+ * `role="group"`, `aria-roledescription="slide"` and an `aria-label` of "n of N".
+ *
+ * Composes `bs-pagination` (`tracker="numbers"`), `bs-icon-button` (previous/next for
+ * `tracker="dots"`) and `bs-button` (Pause/Play) rather than re-implementing them.
+ *
+ * ## When to use
+ * - Browsing a set of related items (cards, images, announcements) where only a few fit at once.
+ * - Rotating promotional or highlight content, where auto-advance with a Pause control is wanted.
+ *
+ * ## When not to use
+ * - Content users must see in full to complete a task -- hiding it behind paging hurts discovery;
+ *   lay it out in a list or grid instead.
+ * - A strict sequence of steps -- use `bs-stepper`.
+ * - Paging through a large, addressable result set -- use `bs-pagination`.
+ *
+ * @slot - Default slot: the slides. Each direct child is one slide.
+ * @part carousel - The outer region (`role="region"`, `aria-roledescription="carousel"`).
+ * @part slides - The row holding the visible slides.
+ * @part tracker - The row holding the tracker and the Pause/Play button.
+ * @part prev - The previous button (`tracker="dots"`).
+ * @part next - The next button (`tracker="dots"`).
+ * @part dots - The dot group (`tracker="dots"`).
+ * @part dot - Each dot (`tracker="dots"`).
+ * @part current - The current page's dot (in addition to `dot`).
+ * @part pagination - The numbered tracker (`tracker="numbers"`).
+ * @part pause - The Pause/Play button (only rendered when `autoplay`).
+ */
+export declare class BsCarousel {
+    el: HTMLElement;
+    /** Which tracker to show under the slides. `dots` is a compact dot row between previous/next
+     * buttons (the dots are an indicator, not buttons); `numbers` is a numbered `bs-pagination`
+     * where each page can be jumped to directly. */
+    tracker: BsCarouselTracker;
+    /** How many slides are visible at once. The tracker counts pages: `ceil(slides / slidesPerView)`. */
+    slidesPerView: number;
+    /** The visible page, 1-based (same convention as `bs-pagination`). Mutable so the carousel
+     * advances it itself (tracker, previous/next, autoplay). Clamped to the available pages. */
+    currentPage: number;
+    /** Auto-advances to the next page every `interval` ms, looping from the last page to the first.
+     * Off by default. The Pause/Play button is only rendered when this is set. Auto-advance also
+     * stops while the pointer is over the carousel or focus is inside it, and starts paused for
+     * users who prefer reduced motion. */
+    autoplay: boolean;
+    /** Milliseconds between auto-advances, when `autoplay` is set. */
+    interval: number;
+    /** Whether auto-advance is paused by the user (the Pause/Play button). Mutable and reflected so
+     * the state is visible to CSS and settable from outside. Only meaningful with `autoplay`. */
+    paused: boolean;
+    /** Accessible name of the carousel region (e.g. "Featured articles"). */
+    label: string;
+    /** Accessible name of the previous button (`tracker="dots"`) -- override for localisation. */
+    previousLabel: string;
+    /** Accessible name of the next button (`tracker="dots"`) -- override for localisation. */
+    nextLabel: string;
+    /** Label of the Pause/Play button while auto-advance is running. */
+    pauseLabel: string;
+    /** Label of the Pause/Play button while auto-advance is paused. */
+    playLabel: string;
+    /** Fires after the visible page changes via the tracker, previous/next or autoplay, with the
+     * new 1-based page. */
+    bsPageChange: EventEmitter<number>;
+    /** Fires when the user toggles the Pause/Play button, with the new `paused` value. */
+    bsPauseChange: EventEmitter<boolean>;
+    slideCount: number;
+    /** True while the pointer is over the carousel or focus is inside it (auto-advance holds). */
+    interacting: boolean;
+    private timer?;
+    private get slides();
+    private get perView();
+    private get pageCount();
+    private get page();
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentDidRender(): void;
+    disconnectedCallback(): void;
+    onCurrentPageChange(): void;
+    updateTimer(): void;
+    private stopTimer;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    onFocusIn(): void;
+    onFocusOut(): void;
+    private goTo;
+    /** Shows only the current page's slides and labels each slide. */
+    private applySlides;
+    private onSlotChange;
+    private onTogglePause;
+    private renderPause;
+    private renderDotsTracker;
+    render(): any;
+}

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

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+import type { BsCarouselTracker } from './bs-carousel';
+interface BsCarouselArgs {
+    tracker: BsCarouselTracker;
+    slidesPerView: number;
+    slides: number;
+    autoplay: boolean;
+    interval: number;
+    label: string;
+}
+declare const meta: Meta<BsCarouselArgs>;
+export default meta;
+type Story = StoryObj<BsCarouselArgs>;
+export declare const Default: Story;
+export declare const Numbers: Story;
+export declare const NoAutoplay: Story;
+export declare const OneSlideAtATime: Story;

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

@@ -20,7 +20,15 @@ export type BsCheckboxSize = 'sm' | 'md' | 'lg';
  */
 export declare class BsCheckbox {
     el: HTMLElement;
+    internals: ElementInternals;
     private inputEl?;
+    private initialChecked;
+    /** The `name` the value is submitted under in a surrounding `<form>`'s `FormData`. */
+    name?: string;
+    /** The value submitted when checked (native checkbox default: `"on"`). */
+    value: string;
+    /** Marks the checkbox as required: the surrounding form fails validation while unchecked. */
+    required: boolean;
     /** Sizing scale. Controls the box's width/height and border width; corner radius is constant
      * across all sizes. */
     size: BsCheckboxSize;
@@ -56,6 +64,10 @@ export declare class BsCheckbox {
     bsChange: EventEmitter<boolean>;
     /** Keeps the native input's `.indeterminate` JS property in sync -- this can't be expressed as a
      * JSX attribute in Stencil, it must be set imperatively on the element. */
+    syncFormValue(): void;
+    /** Called by the browser when the surrounding `<form>` is reset. */
+    formResetCallback(): void;
+    componentWillLoad(): void;
     onIndeterminateChange(): void;
     componentDidLoad(): void;
     componentDidUpdate(): void;

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

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

package/dist/types/components/bs-file-upload/bs-file-upload.d.ts

@@ -0,0 +1,59 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type BsFileUploadDirection = 'horizontal' | 'vertical';
+/**
+ * A file dropzone: drag files onto it, or press "Browse file" to open the file picker. It reports
+ * the chosen files and does nothing else -- the consuming app owns the upload itself and shows its
+ * progress with `bs-file-upload-item`.
+ *
+ * ## When to use
+ * - Letting users add one or more files (documents, images) to upload.
+ *
+ * ## When not to use
+ * - Attaching files to a chat message -- see `bs-composer` / `bs-attachment`.
+ * - A file input that must submit with a native `<form>`: this component is **not**
+ *   form-associated. Read the files from `bsFilesSelect` and submit them yourself.
+ *
+ * @slot icon - Replaces the default upload icon inside the round icon area.
+ * @part dropzone - The dashed drop area.
+ * @part icon - The round icon area.
+ * @part heading - The heading text.
+ * @part description - The guidelines text under the heading.
+ * @part browse - The "Browse file" button.
+ */
+export declare class BsFileUpload {
+    el: HTMLElement;
+    private inputEl?;
+    /** Layout: icon beside the text (`horizontal`) or stacked above it, centered (`vertical`). */
+    direction: BsFileUploadDirection;
+    /** Heading text (e.g. "Upload your documents"). */
+    heading?: string;
+    /** Guidelines under the heading (e.g. "PDF or JPG, up to 8MB"). */
+    description?: string;
+    /** Label of the browse button. Override for localisation. */
+    buttonLabel: string;
+    /** Which files are accepted, same syntax as the native `accept` attribute: comma-separated
+     * extensions (`.pdf`), MIME types (`image/png`) or wildcards (`image/*`). Applied to the picker
+     * and also to dropped files, which the browser does not filter. */
+    accept?: string;
+    /** Allows selecting/dropping more than one file. Without it only the first file is taken. */
+    multiple: boolean;
+    /** Disables the browse button and ignores drops. */
+    disabled: boolean;
+    /** Whether a file is currently being dragged over the dropzone (the Figma "Drop" state). Set by
+     * the component during a drag; mutable and reflected so it can also be set to show the state
+     * statically. */
+    dragging: boolean;
+    /** Fires with the accepted files, after the picker closes or files are dropped. */
+    bsFilesSelect: EventEmitter<File[]>;
+    /** Fires with files that were not taken: they didn't match `accept`, or were extra files
+     * dropped while `multiple` is off. */
+    bsFilesReject: EventEmitter<File[]>;
+    private matchesAccept;
+    private handleFiles;
+    private onBrowse;
+    private onInputChange;
+    private onDragOver;
+    private onDragLeave;
+    private onDrop;
+    render(): any;
+}

package/dist/types/components/bs-file-upload/bs-file-upload.stories.d.ts

@@ -0,0 +1,21 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+import type { BsFileUploadDirection } from './bs-file-upload';
+interface BsFileUploadArgs {
+    direction: BsFileUploadDirection;
+    heading: string;
+    description: string;
+    buttonLabel: string;
+    accept: string;
+    multiple: boolean;
+    disabled: boolean;
+    dragging: boolean;
+}
+declare const meta: Meta<BsFileUploadArgs>;
+export default meta;
+type Story = StoryObj<BsFileUploadArgs>;
+export declare const Default: Story;
+export declare const Vertical: Story;
+export declare const Dragging: Story;
+export declare const Disabled: Story;
+export declare const AllVariants: Story;
+export declare const WithUploadList: Story;

package/dist/types/components/bs-file-upload-item/bs-file-upload-item.cmp.test.d.ts

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

package/dist/types/components/bs-file-upload-item/bs-file-upload-item.d.ts

@@ -0,0 +1,58 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type BsFileUploadItemState = 'loading' | 'in-progress' | 'error' | 'success';
+/**
+ * One file in an upload list: a thumbnail, the file name and size, a status line (a progress bar
+ * while uploading, or a success / error message) and an action button (cancel while uploading or
+ * after an error, remove once uploaded).
+ *
+ * Presentational only -- the consuming app owns the upload and drives `state`, `progress` and
+ * `message` from it. Pair with `bs-file-upload` (the dropzone that picks the files).
+ *
+ * ## When to use
+ * - Showing the status of each file the user has added, in a list under a `bs-file-upload`.
+ *
+ * ## When not to use
+ * - Attaching files to a chat message -- use `bs-attachment`.
+ *
+ * @slot thumbnail - Replaces the thumbnail content (the image-placeholder icon, or `thumbnailSrc`).
+ * @part item - The card.
+ * @part thumbnail - The thumbnail box.
+ * @part name - The file name.
+ * @part size - The file size text.
+ * @part progress - The progress bar (`loading` / `in-progress`).
+ * @part status - The success / error message line.
+ * @part action - The cancel / remove button.
+ */
+export declare class BsFileUploadItem {
+    /** Where the upload is. `loading` = working with no known percentage (indeterminate bar);
+     * `in-progress` = uploading with a known `progress`; `error` and `success` are final. */
+    state: BsFileUploadItemState;
+    /** The file name. */
+    fileName: string;
+    /** The file size, already formatted (e.g. "8MB"). */
+    fileSize?: string;
+    /** Upload progress, 0-100. Only used when `state="in-progress"`. */
+    progress: number;
+    /** The status text. Defaults per state: "Loading..." (`loading`), "{progress}% uploaded"
+     * (`in-progress`), "Upload failed" (`error`), "File uploaded successfully" (`success`). Provide
+     * your own for localisation or a specific error. */
+    message?: string;
+    /** A preview image of the file. Shown instead of the placeholder icon when set. */
+    thumbnailSrc?: string;
+    /** Alt text for `thumbnailSrc`. Leave empty when the file name already says it all. */
+    thumbnailAlt: string;
+    /** Accessible name of the cancel button (`loading`, `in-progress`, `error`). */
+    cancelLabel: string;
+    /** Accessible name of the remove button (`success`). */
+    removeLabel: string;
+    /** Fires when the cancel button is clicked (`loading`, `in-progress`, `error`). The consumer
+     * stops the upload and removes the item. */
+    bsCancel: EventEmitter<void>;
+    /** Fires when the remove button is clicked (`success`). The consumer removes the file. */
+    bsRemove: EventEmitter<void>;
+    private get clampedProgress();
+    private get statusText();
+    private onAction;
+    private renderStatus;
+    render(): any;
+}

package/dist/types/components/bs-file-upload-item/bs-file-upload-item.stories.d.ts

@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+import type { BsFileUploadItemState } from './bs-file-upload-item';
+interface BsFileUploadItemArgs {
+    state: BsFileUploadItemState;
+    fileName: string;
+    fileSize: string;
+    progress: number;
+    message: string;
+    thumbnailSrc: string;
+}
+declare const meta: Meta<BsFileUploadItemArgs>;
+export default meta;
+type Story = StoryObj<BsFileUploadItemArgs>;
+export declare const Loading: Story;
+export declare const InProgress: Story;
+export declare const ErrorState: Story;
+export declare const Success: Story;
+export declare const AllStates: Story;

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

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

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

@@ -46,6 +46,10 @@ import { EventEmitter } from '../../stencil-public-runtime';
  */
 export declare class BsInput {
     el: HTMLElement;
+    internals: ElementInternals;
+    private initialValue;
+    /** The `name` the value is submitted under in a surrounding `<form>`'s `FormData`. */
+    name?: string;
     /** Current value. Native `input`/`change` events don't cross the Shadow DOM boundary, so this
      * component re-dispatches them as `bsInput`/`bsChange` custom events instead. Mutable so the
      * `number` type's stepper buttons can update it directly. */
@@ -128,6 +132,14 @@ export declare class BsInput {
      * children, before first render -- see `bs-button`'s `componentWillLoad` for why `slotchange`
      * alone isn't enough for a slot that starts (and stays) empty. */
     componentWillLoad(): void;
+    onFormStateChange(): void;
+    /** Pushes the current value + validity to the surrounding form. `chip` submits one entry per
+     * chip under `name`; every other type submits `value` as a single string. */
+    private syncFormValue;
+    /** Called by the browser when the surrounding `<form>` is reset. */
+    formResetCallback(): void;
+    /** Called when the browser restores form state (back/forward navigation, autofill). */
+    formStateRestoreCallback(state: string | FormData | null): void;
     private hasSlottedContent;
     private onIconSlotchange;
     private onEndIconSlotchange;

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

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

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

@@ -20,5 +20,9 @@
  * @prop --bs-menu-shadow - Elevation shadow of the menu box. Aliased to `--bs-shadow-sm`.
  */
 export declare class BsMenu {
+    el: HTMLElement;
+    /** WAI-ARIA menu pattern: Up/Down move focus between enabled items (wrapping), Home/End jump
+     * to the first/last. Items are the slotted `bs-menu-item` children. */
+    onKeyDown(ev: KeyboardEvent): void;
     render(): any;
 }

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

@@ -38,6 +38,11 @@ export declare class BsProgress {
      * `indeterminate` never shows a label regardless of this prop, since there's no percentage to
      * show. Defaults to `true`. */
     showLabel: boolean;
+    /** Accessible name for the progress bar (e.g. "Uploading report"). Required for assistive tech --
+     * a `role="progressbar"` with no name is an axe-core `aria-progressbar-name` violation. Setting
+     * `aria-label` on the host doesn't reach the inner element across the shadow boundary, so this
+     * prop binds it directly -- same pattern as `bs-button`'s `ariaLabel`. */
+    ariaLabel: string | null;
     private get clampedValue();
     private get diameter();
     private get radius();

package/dist/types/components/bs-progress-linear/bs-progress-linear.d.ts

@@ -41,6 +41,11 @@ export declare class BsProgressLinear {
     /** Shows the slotted label below the bar. When `false`, or when no content is slotted, the
      * label wrapper isn't rendered at all. Defaults to `true`. */
     showLabel: boolean;
+    /** Accessible name for the progress bar (e.g. "Uploading report"). Required for assistive tech --
+     * a `role="progressbar"` with no name is an axe-core `aria-progressbar-name` violation. Setting
+     * `aria-label` on the host doesn't reach the inner element across the shadow boundary, so this
+     * prop binds it directly -- same pattern as `bs-button`'s `ariaLabel`. */
+    ariaLabel: string | null;
     private get clampedValue();
     render(): any;
     componentWillLoad(): void;

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

@@ -19,13 +19,10 @@ import { EventEmitter } from '../../stencil-public-runtime';
 export declare class BsRadio {
     el: HTMLElement;
     /** The native radio input's `name` attribute. Passed straight through to the native input inside.
-     * NOTE: because each `bs-radio` renders its own shadow root, native `<input type="radio">`
-     * mutual-exclusion grouping (which the HTML spec scopes to a single DOM tree) does NOT extend
-     * across separate `bs-radio` instances sharing the same `name` -- checking one will not natively
-     * uncheck another. Within a single instance this still behaves like a normal radio input. See
-     * bs-radio.mdx's Accessibility section for this known gap; consumers building a group currently
-     * need to manage mutual exclusivity themselves (e.g. via `bsChange`) until a `bs-radio-group`
-     * wrapper exists. */
+     * Also the group key: `bs-radio` elements sharing a `name` within the same root (document or
+     * shadow root) behave as one radio group -- checking one unchecks the others, arrow keys move
+     * between them, and only one is in the tab order. Native grouping can't cross each radio's own
+     * shadow root, so this component implements it itself. */
     name: string;
     /** The native radio input's `value` attribute -- read from `event.target.value`, or used when
      * wiring the group up to a form. */
@@ -37,9 +34,26 @@ export declare class BsRadio {
     disabled: boolean;
     /** Emitted with this radio's own `value` when it becomes checked via user interaction. Since
      * native same-`name` grouping doesn't cross shadow-root boundaries (see the `name` prop's doc),
-     * a consumer wiring up a group of `bs-radio`s must itself set `checked = false` on the others in
-     * response to this event -- there's no automatic un-checking to rely on here. */
+     * a consumer wiring up a group of `bs-radio`s does not need to un-check the others itself. */
     bsChange: EventEmitter<string>;
+    internals: ElementInternals;
+    private initialChecked;
+    /** Whether any radio in this group is checked -- drives roving tabindex (an unchecked radio is
+     * only tabbable while nothing in its group is checked). */
+    groupHasChecked: boolean;
+    /** Other `bs-radio`s sharing this one's `name` within the same root, in DOM order (including
+     * this one). */
+    private groupMembers;
+    onCheckedChange(): void;
+    onAnyRadioChange(): void;
+    private refreshGroupState;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    /** Called by the browser when the surrounding `<form>` is reset. */
+    formResetCallback(): void;
+    /** WAI-ARIA radio group pattern: arrows move selection (and focus) to the previous/next enabled
+     * radio in the group, wrapping at the ends. */
+    private onKeyDown;
     private onChange;
     render(): any;
 }

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

@@ -31,6 +31,9 @@ export declare class BsSlider {
      * and `segmented` use one thumb (`value`). `segmented` additionally draws `segments` tick marks
      * along the track. */
     type: BsSliderType;
+    /** The `name` the value is submitted under in a surrounding `<form>`'s `FormData`. `type="range"`
+     * submits two entries under this name: the start value, then the end value. */
+    name?: string;
     /** Shows/hides the "Label" text and editable percentage field(s) above the track, and the
      * static min/max bound labels flanking it. When `false`, only the bare track (and its
      * knob/knobs) renders. */
@@ -80,6 +83,12 @@ export declare class BsSlider {
         start: number;
         end: number;
     }>;
+    internals: ElementInternals;
+    private initial;
+    componentWillLoad(): void;
+    syncFormValue(): void;
+    /** Called by the browser when the surrounding `<form>` is reset. */
+    formResetCallback(): void;
     private get effectiveValueStart();
     private get effectiveValueEnd();
     /** Effective step for the native range input(s): `step` as-is, except for `type="segmented"`,

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

@@ -19,6 +19,12 @@ export type BsSwitchSize = 'md' | 'lg';
  */
 export declare class BsSwitch {
     el: HTMLElement;
+    internals: ElementInternals;
+    private initialChecked;
+    /** The `name` the value is submitted under in a surrounding `<form>`'s `FormData`. */
+    name?: string;
+    /** The value submitted when on (native checkbox default: `"on"`). */
+    value: string;
     /** Sizing scale. Controls the track's width/height and the knob's diameter. */
     size: BsSwitchSize;
     /** Whether the switch is on. Mutable so clicking the label/input toggles it directly, and
@@ -40,6 +46,10 @@ export declare class BsSwitch {
     ariaLabel: string | null;
     /** Emitted when the checked state changes via user interaction, with the new `checked` value. */
     bsChange: EventEmitter<boolean>;
+    syncFormValue(): void;
+    /** Called by the browser when the surrounding `<form>` is reset. */
+    formResetCallback(): void;
+    componentWillLoad(): void;
     private onChange;
     render(): any;
 }

package/dist/types/components/bs-tab/bs-inline-tab/bs-inline-tab.d.ts

@@ -45,6 +45,10 @@ export declare class BsInlineTab {
      * violation). Stencil reflects this camelCase prop to the `aria-label` HTML attribute
      * automatically, same as `bs-tab`'s identical prop. */
     ariaLabel: string | null;
+    /** Set by a parent `bs-tabs` to implement roving tabindex (only one tab in the group is in the
+     * Tab order; arrow keys move between them). Left `undefined` for a standalone tab, which stays
+     * a normal tab stop. */
+    tabbable?: boolean;
     /** Tracks whether the `icon` slot has assigned content. */
     hasIcon: boolean;
     /** Tracks whether the default (label) slot has assigned content. */

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

@@ -51,6 +51,10 @@ export declare class BsTab {
      * violation). Stencil reflects this camelCase prop to the `aria-label` HTML attribute
      * automatically, same as `bs-button`'s identical prop. */
     ariaLabel: string | null;
+    /** Set by a parent `bs-tabs` to implement roving tabindex (only one tab in the group is in the
+     * Tab order; arrow keys move between them). Left `undefined` for a standalone tab, which stays
+     * a normal tab stop. */
+    tabbable?: boolean;
     /** Tracks whether the `icon` slot has assigned content. */
     hasIcon: boolean;
     /** Tracks whether the default (label) slot has assigned content. */