@brandsync/wc 1.6.0 → 1.7.0

package/dist/cjs/bs-stepper.cjs.entry.js

@@ -43,7 +43,7 @@ const BsStepper = class {
         });
     }
     render() {
-        return index.h("slot", { key: 'b2c5468b93468b4cab41afb39364bb9f84eea22f', onSlotchange: this.onSlotChange });
+        return index.h("slot", { key: '5e707b38009031a71566e20ec8b9d1df55462e27', onSlotchange: this.onSlotChange });
     }
     static get watchers() { return {
         "currentStep": [{

package/dist/cjs/bs-switch.cjs.entry.js

@@ -48,7 +48,7 @@ const BsSwitch = class {
         const knobClasses = ['bs-switch__knob', `bs-switch__knob--${this.size}`, this.disabled ? 'bs-switch__knob--disabled' : '']
             .filter(Boolean)
             .join(' ');
-        return (index.h("label", { key: 'd14520f82e184fed9405b5e03ff448650b3d90c8', class: `bs-switch ${this.disabled ? 'bs-switch--disabled' : ''}` }, index.h("input", { key: '955e57c616ab4a9af52ef344cbc881965ae416fd', class: "bs-switch__input", type: "checkbox", role: "switch", checked: this.checked, disabled: this.disabled, "aria-checked": String(this.checked), "aria-label": this.ariaLabel, onChange: this.onChange }), index.h("span", { key: '4b936b1a6d57e2e571f257ee87d82a786137e568', part: "track", class: trackClasses }, index.h("span", { key: '0a9ae24240823947be1f179d1218f4382507143c', part: "knob", class: knobClasses })), index.h("span", { key: '8750083e783f61164c383cf54bdf4b7a3d881e9c', part: "label", class: "bs-switch__label" }, index.h("slot", { key: '320cad772ce9efe18c3c30cabcb258326036e32b' }))));
+        return (index.h("label", { key: 'b726eda9fd90c67368ff44f288d39a80516ac68c', class: `bs-switch ${this.disabled ? 'bs-switch--disabled' : ''}` }, index.h("input", { key: 'ff95ba83169aae65ec57068f2b461b23fe344903', class: "bs-switch__input", type: "checkbox", role: "switch", checked: this.checked, disabled: this.disabled, "aria-checked": String(this.checked), "aria-label": this.ariaLabel, onChange: this.onChange }), index.h("span", { key: 'e09834a43eb922bcf973b880da3baa1694389ca0', part: "track", class: trackClasses }, index.h("span", { key: 'dc6c409faddb65511847a941331926ae736ce9ec', part: "knob", class: knobClasses })), index.h("span", { key: '2943c9fb029632360d21aaaa544d7674322cafc6', part: "label", class: "bs-switch__label" }, index.h("slot", { key: '55ef83bfb72ed4b463b854eff1fd9472048dcfc4' }))));
     }
     static get delegatesFocus() { return true; }
 };

package/dist/cjs/bs-tab.cjs.entry.js

@@ -72,7 +72,7 @@ const BsTab = class {
         const iconOnly = this.hasIcon && !this.hasLabel;
         const vertical = this.hasIcon && this.hasLabel && this.iconPosition === 'top';
         const showBadge = this.hasBadge && !iconOnly && !vertical;
-        return (index.h("button", { key: '44461677d403c17f9620ed3b873c03423278a8fe', type: "button", part: "tab", role: "tab", class: `bs-tab ${this.selected ? 'bs-tab--selected' : ''} ${this.disabled ? 'bs-tab--disabled' : ''} ${iconOnly ? 'bs-tab--icon-only' : ''} ${vertical ? 'bs-tab--vertical' : ''}`, disabled: this.disabled, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel, onClick: this.onClick }, index.h("span", { key: '4090ea19a107552b3d2b4ab218b182df3c21c3fd', part: "icon", class: `bs-tab__icon ${this.hasIcon ? 'bs-tab__icon--has-content' : ''}` }, index.h("slot", { key: '0f350012f0c19cb4f7729ca477b6e5f8d2b6e535', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: '3abe39744a5b972921a3c45005d44b69b3087302', part: "label", class: `bs-tab__label ${this.hasLabel ? 'bs-tab__label--has-content' : ''}` }, index.h("slot", { key: 'afe75dc14e75691b6255f99e04ba9bd183b29482', onSlotchange: this.onLabelSlotchange })), index.h("span", { key: 'c39a77802a099ba26327dcd4115c2cbcf10fdd3a', part: "badge", class: `bs-tab__badge ${showBadge ? 'bs-tab__badge--has-content' : ''}` }, index.h("slot", { key: 'b3807d61b9dec5e46ed591642b42ab0039971103', name: "badge", onSlotchange: this.onBadgeSlotchange })), index.h("span", { key: '07901fbc8d0e7c1c554e5a4814dfc794cdb7f7c4', part: "indicator", class: "bs-tab__indicator" })));
+        return (index.h("button", { key: 'b70b65a38774feac31afb3c742c1c347d0d8f009', type: "button", part: "tab", role: "tab", class: `bs-tab ${this.selected ? 'bs-tab--selected' : ''} ${this.disabled ? 'bs-tab--disabled' : ''} ${iconOnly ? 'bs-tab--icon-only' : ''} ${vertical ? 'bs-tab--vertical' : ''}`, disabled: this.disabled, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel, onClick: this.onClick }, index.h("span", { key: 'bae69ab5499b9e8f695cf0bc559fa395097ae7dc', part: "icon", class: `bs-tab__icon ${this.hasIcon ? 'bs-tab__icon--has-content' : ''}` }, index.h("slot", { key: 'b6f545c119b1e53520ee0a62b51d84071aace11f', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: '6c8cf0dd0394ebfc9a5825d01713628ce20d1c2d', part: "label", class: `bs-tab__label ${this.hasLabel ? 'bs-tab__label--has-content' : ''}` }, index.h("slot", { key: '7eddcdcc73576ac8fc4f640e3f9cdc8c5cc04eb8', onSlotchange: this.onLabelSlotchange })), index.h("span", { key: 'acf5cd096bb0ff3a7c2bd898759995dc73b261f5', part: "badge", class: `bs-tab__badge ${showBadge ? 'bs-tab__badge--has-content' : ''}` }, index.h("slot", { key: 'f97ae6b3b7760883b3ce9c20a0e7ec29dd43677e', name: "badge", onSlotchange: this.onBadgeSlotchange })), index.h("span", { key: '2db637b4b3f398b8d300731565b0accd1138fe88', part: "indicator", class: "bs-tab__indicator" })));
     }
 };
 BsTab.style = bsTabCss();

package/dist/cjs/bs-tabs.cjs.entry.js

@@ -31,7 +31,7 @@ const BsTabs = class {
     }
     render() {
         const vertical = this.orientation === 'vertical';
-        return (index.h("div", { key: '46c293778047abc247a655f8c69752997d041864', part: "tablist", role: "tablist", "aria-orientation": this.orientation, class: `bs-tabs bs-tabs--${this.type} ${vertical ? 'bs-tabs--vertical' : ''}` }, index.h("slot", { key: 'e956063f2db1078f51eb2b73c8a68a00ae7af5f5' })));
+        return (index.h("div", { key: '3d45234fd7f253c692fe4bbc150e5e31c3c0144d', part: "tablist", role: "tablist", "aria-orientation": this.orientation, class: `bs-tabs bs-tabs--${this.type} ${vertical ? 'bs-tabs--vertical' : ''}` }, index.h("slot", { key: '1872fc2d82a5cde90b9e5b7fc76976f1083a3563' })));
     }
 };
 BsTabs.style = bsTabsCss();

package/dist/cjs/bs-toast.cjs.entry.js

@@ -19,7 +19,7 @@ const BsToast = class {
         this.bsDismiss.emit();
     };
     render() {
-        return (index.h("div", { key: '6c10abc0222e203614ad99d98616dc8b935e03c1', part: "container", class: `bs-toast bs-toast--${this.state}`, role: "status", "aria-live": this.state === 'error' ? 'assertive' : 'polite' }, index.h("div", { key: '645bfc43dde223d90bfca859a96f10c2749581f4', class: "bs-toast__content" }, index.h("span", { key: 'ea8811097930e6c71fbe809ccbf9476b8cb0a3c4', part: "icon", class: "bs-toast__icon", "aria-hidden": "true" }, index.h(StateIcon, { key: 'c461de63f4b2e3944c00fab296bcdd1b2a6cb3cb', state: this.state })), index.h("span", { key: 'f88feb3cd5167b7296017ce45a6990fe021ee917', part: "message", class: "bs-toast__message" }, index.h("slot", { key: '218b8cb0defc7e86245937074bab4e6cf8b09cc3' }))), index.h("div", { key: 'eb9ba6a28d3cb4667ae9c5875b65f93ffddbdb58', class: "bs-toast__actions" }, index.h("button", { key: '7f4ed2510675ab40fbfe84e196496701ce6e5693', part: "close", type: "button", class: "bs-toast__close", "aria-label": "Dismiss", onClick: this.onDismiss }, index.h(CloseIcon, { key: '22241204ebdcc27a537e92deb38fb7aee8db8800' })))));
+        return (index.h("div", { key: '238f177a44aa2bd735432fe8f3fd1d761065d023', part: "container", class: `bs-toast bs-toast--${this.state}`, role: "status", "aria-live": this.state === 'error' ? 'assertive' : 'polite' }, index.h("div", { key: '717e222c7b271db0ff5aa57db8ce0efa15bfaf50', class: "bs-toast__content" }, index.h("span", { key: '316106f6efbcc8abe6bb155e77ec21343b93287c', part: "icon", class: "bs-toast__icon", "aria-hidden": "true" }, index.h(StateIcon, { key: '5973febbe8d7be889fd14cac847c417a22acb111', state: this.state })), index.h("span", { key: '1d16db1ba5c010ac5af237b4b399e0dda6f6df59', part: "message", class: "bs-toast__message" }, index.h("slot", { key: '40e97271fec790a850491be58ae87e54b4765a6a' }))), index.h("div", { key: '16744b9b6ad79d13aec16afa6593ab0de1ec5ee2', class: "bs-toast__actions" }, index.h("button", { key: '87adace9953b2dca831543132f3fe5590bc4c52f', part: "close", type: "button", class: "bs-toast__close", "aria-label": "Dismiss", onClick: this.onDismiss }, index.h(CloseIcon, { key: 'dcf5ffe7a5553ec2792d801c7f62ed367d1454ef' })))));
     }
 };
 const StateIcon = ({ state }) => {

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

@@ -16,7 +16,7 @@ const BsTooltip = class {
      */
     placement = 'top';
     render() {
-        return (index.h("div", { key: '24502b9b6826956764a5c291eb14f82662c2d3d5', class: "bs-tooltip" }, index.h("span", { key: 'f8d8bcc3fa8e5e4cc7ea69ff58eb9c05c797c8eb', part: "arrow", class: "bs-tooltip__arrow" }), index.h("div", { key: '458407140a9303d7d857fb82ea532e3138669ca8', part: "bubble", class: "bs-tooltip__bubble" }, index.h("slot", { key: '123d7b06fa1a8be09da871fcca9f7d021ddc66f2' }))));
+        return (index.h("div", { key: '81d300180aa98431ab694c50e76bb7e55a65efb0', class: "bs-tooltip" }, index.h("span", { key: '42e53b74b32dab5418e1e7ce37210316fd14341e', part: "arrow", class: "bs-tooltip__arrow" }), index.h("div", { key: '9b118fbb55282ef4cc7ccdf45da46c1939e25147', part: "bubble", class: "bs-tooltip__bubble" }, index.h("slot", { key: '52f128c55db4da2bbdc6b94c254ab80fb7dcc53f' }))));
     }
 };
 BsTooltip.style = bsTooltipCss();

package/dist/cjs/loader.cjs.js

@@ -5,7 +5,7 @@ var index = require('./index-D7e6DfLV.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await index.globalScripts();
-  return index.bootstrapLazy([["bs-input.cjs",[[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.cjs",[[769,"bs-snackbar",{"variant":[1],"loading":[4],"actionLabel":[1,"action-label"]}]]],["bs-attachment.cjs",[[513,"bs-attachment",{"type":[1],"fileName":[1,"file-name"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"loading":[4],"removable":[4]}]]],["bs-breadcrumb-overflow.cjs",[[513,"bs-breadcrumb-overflow",{"items":[16],"overflowLabel":[1,"overflow-label"],"size":[513],"open":[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]]],["bs-chatbot-header.cjs",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["bs-dialog.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[769,"bs-accordion",{"expanded":[516],"size":[1],"disabled":[4],"showIcon":[4,"show-icon"],"showPreview":[4,"show-preview"]}]]],["bs-ai-disclaimer.cjs",[[257,"bs-ai-disclaimer"]]],["bs-ai-greeting.cjs",[[513,"bs-ai-greeting",{"assistantName":[1,"assistant-name"],"productName":[1,"product-name"]}]]],["bs-ai-thinking.cjs",[[513,"bs-ai-thinking",{"label":[1]}]]],["bs-attachment-list.cjs",[[769,"bs-attachment-list",{"ariaLabel":[1,"aria-label"],"canScrollRight":[32]}]]],["bs-avatar.cjs",[[513,"bs-avatar",{"type":[1],"size":[1],"initials":[1],"src":[1],"alt":[1],"ariaLabel":[1,"aria-label"],"disabled":[516]}]]],["bs-badge.cjs",[[769,"bs-badge",{"variant":[1]}]]],["bs-breadcrumb.cjs",[[769,"bs-breadcrumb",{"href":[1],"current":[516],"size":[513]}]]],["bs-breadcrumbs.cjs",[[769,"bs-breadcrumbs",{"label":[1],"size":[1]},null,{"size":[{"onSizeChange":0}]}]]],["bs-button-skeleton.cjs",[[513,"bs-button-skeleton",{"size":[1]}]]],["bs-card.cjs",[[769,"bs-card",{"surface":[1],"hasImage":[32]}]]],["bs-chatbot-feedback.cjs",[[513,"bs-chatbot-feedback",{"rating":[1538],"submitted":[1540],"comment":[1025],"heading":[1],"subtitle":[1]}]]],["bs-chatbot-response-action.cjs",[[769,"bs-chatbot-response-action",{"sourcesCount":[2,"sources-count"],"menuOpen":[1540,"menu-open"]},[[4,"click","onDocumentClick"],[4,"keydown","onKeydown"]]]]],["bs-chatbot-sources-drawer.cjs",[[769,"bs-chatbot-sources-drawer",{"heading":[1],"count":[2],"slottedCount":[32]}]]],["bs-chatbot-suggestion-button.cjs",[[769,"bs-chatbot-suggestion-button",{"disabled":[4]}]]],["bs-checkbox.cjs",[[785,"bs-checkbox",{"size":[1],"checked":[1540],"indeterminate":[1540],"disabled":[4],"error":[4],"ariaLabel":[1,"aria-label"]},null,{"indeterminate":[{"onIndeterminateChange":0}]}]]],["bs-checkbox-skeleton.cjs",[[513,"bs-checkbox-skeleton",{"size":[1]}]]],["bs-chip-filter.cjs",[[785,"bs-chip-filter",{"size":[1],"selected":[516],"dropdown":[4],"disabled":[4],"ariaLabel":[1,"aria-label"],"hasIcon":[32]}]]],["bs-chip-informative.cjs",[[769,"bs-chip-informative",{"color":[1],"size":[1],"disabled":[516],"hasIcon":[32]}]]],["bs-chip-input.cjs",[[785,"bs-chip-input",{"size":[1],"selected":[1540],"disabled":[516],"hasIcon":[32],"labelText":[32]}]]],["bs-composer.cjs",[[785,"bs-composer",{"variant":[1],"placeholder":[1],"value":[1025],"state":[513],"ariaLabel":[1,"aria-label"],"hasAttachments":[32]}]]],["bs-composer-status-banner.cjs",[[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.cjs",[[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.cjs",[[769,"bs-inline-tab",{"selected":[516],"disabled":[4],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasLabel":[32]}]]],["bs-navigation-drawer-item.cjs",[[769,"bs-navigation-drawer-item",{"selected":[516],"expandable":[4],"expanded":[1540],"nested":[4],"ariaLabel":[1,"aria-label"],"collapsed":[516],"hasIcon":[32]}]]],["bs-pagination.cjs",[[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.cjs",[[513,"bs-progress",{"type":[1],"size":[1],"strokeWidth":[2,"stroke-width"],"value":[2],"showLabel":[4,"show-label"]}]]],["bs-progress-linear.cjs",[[769,"bs-progress-linear",{"type":[1],"size":[1],"value":[2],"showLabel":[4,"show-label"],"hasLabelContent":[32]}]]],["bs-radio.cjs",[[785,"bs-radio",{"name":[1],"value":[1],"checked":[1540],"disabled":[4]}]]],["bs-slider.cjs",[[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.cjs",[[769,"bs-source-link",{"fileName":[1,"file-name"],"sourceName":[1,"source-name"],"version":[1],"href":[1],"target":[1]}]]],["bs-stepper.cjs",[[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.cjs",[[513,"bs-stepper-step",{"name":[1],"description":[1],"error":[4],"disabled":[4],"computedState":[1,"computed-state"],"direction":[1],"showDescription":[4,"show-description"]}]]],["bs-switch.cjs",[[785,"bs-switch",{"size":[1],"checked":[1540],"disabled":[4],"ariaLabel":[1,"aria-label"]}]]],["bs-tab.cjs",[[769,"bs-tab",{"selected":[516],"disabled":[4],"iconPosition":[1,"icon-position"],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasLabel":[32],"hasBadge":[32]}]]],["bs-tabs.cjs",[[769,"bs-tabs",{"type":[1],"orientation":[1]},[[0,"bsSelect","onTabSelect"]]]]],["bs-toast.cjs",[[769,"bs-toast",{"state":[1]}]]],["bs-button.cjs",[[785,"bs-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasEndIcon":[32],"hasLabel":[32]}]]],["bs-menu-item.cjs",[[769,"bs-menu-item",{"disabled":[4],"hasIcon":[32]}]]],["bs-tooltip.cjs",[[769,"bs-tooltip",{"placement":[1]}]]],["bs-logo.cjs",[[513,"bs-logo",{"variant":[1],"background":[1],"src":[1],"alt":[1]}]]],["bs-menu.cjs",[[257,"bs-menu"]]],["bs-icon-button.cjs",[[785,"bs-icon-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"]}]]]], options);
+  return index.bootstrapLazy([["bs-carousel.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[769,"bs-snackbar",{"variant":[1],"loading":[4],"actionLabel":[1,"action-label"]}]]],["bs-attachment.cjs",[[513,"bs-attachment",{"type":[1],"fileName":[1,"file-name"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"loading":[4],"removable":[4]}]]],["bs-breadcrumb-overflow.cjs",[[513,"bs-breadcrumb-overflow",{"items":[16],"overflowLabel":[1,"overflow-label"],"size":[513],"open":[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]]],["bs-chatbot-header.cjs",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["bs-dialog.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[769,"bs-accordion",{"expanded":[516],"size":[1],"disabled":[4],"showIcon":[4,"show-icon"],"showPreview":[4,"show-preview"]}]]],["bs-ai-disclaimer.cjs",[[257,"bs-ai-disclaimer"]]],["bs-ai-greeting.cjs",[[513,"bs-ai-greeting",{"assistantName":[1,"assistant-name"],"productName":[1,"product-name"]}]]],["bs-ai-thinking.cjs",[[513,"bs-ai-thinking",{"label":[1]}]]],["bs-attachment-list.cjs",[[769,"bs-attachment-list",{"ariaLabel":[1,"aria-label"],"canScrollRight":[32]}]]],["bs-avatar.cjs",[[513,"bs-avatar",{"type":[1],"size":[1],"initials":[1],"src":[1],"alt":[1],"ariaLabel":[1,"aria-label"],"disabled":[516]}]]],["bs-badge.cjs",[[769,"bs-badge",{"variant":[1]}]]],["bs-breadcrumb.cjs",[[769,"bs-breadcrumb",{"href":[1],"current":[516],"size":[513]}]]],["bs-breadcrumbs.cjs",[[769,"bs-breadcrumbs",{"label":[1],"size":[1]},null,{"size":[{"onSizeChange":0}]}]]],["bs-button-skeleton.cjs",[[513,"bs-button-skeleton",{"size":[1]}]]],["bs-card.cjs",[[769,"bs-card",{"surface":[1],"hasImage":[32]}]]],["bs-chatbot-feedback.cjs",[[513,"bs-chatbot-feedback",{"rating":[1538],"submitted":[1540],"comment":[1025],"heading":[1],"subtitle":[1]}]]],["bs-chatbot-response-action.cjs",[[769,"bs-chatbot-response-action",{"sourcesCount":[2,"sources-count"],"menuOpen":[1540,"menu-open"]},[[4,"click","onDocumentClick"],[4,"keydown","onKeydown"]]]]],["bs-chatbot-sources-drawer.cjs",[[769,"bs-chatbot-sources-drawer",{"heading":[1],"count":[2],"slottedCount":[32]}]]],["bs-chatbot-suggestion-button.cjs",[[769,"bs-chatbot-suggestion-button",{"disabled":[4]}]]],["bs-checkbox.cjs",[[785,"bs-checkbox",{"size":[1],"checked":[1540],"indeterminate":[1540],"disabled":[4],"error":[4],"ariaLabel":[1,"aria-label"]},null,{"indeterminate":[{"onIndeterminateChange":0}]}]]],["bs-checkbox-skeleton.cjs",[[513,"bs-checkbox-skeleton",{"size":[1]}]]],["bs-chip-filter.cjs",[[785,"bs-chip-filter",{"size":[1],"selected":[516],"dropdown":[4],"disabled":[4],"ariaLabel":[1,"aria-label"],"hasIcon":[32]}]]],["bs-chip-informative.cjs",[[769,"bs-chip-informative",{"color":[1],"size":[1],"disabled":[516],"hasIcon":[32]}]]],["bs-chip-input.cjs",[[785,"bs-chip-input",{"size":[1],"selected":[1540],"disabled":[516],"hasIcon":[32],"labelText":[32]}]]],["bs-composer.cjs",[[785,"bs-composer",{"variant":[1],"placeholder":[1],"value":[1025],"state":[513],"ariaLabel":[1,"aria-label"],"hasAttachments":[32]}]]],["bs-composer-status-banner.cjs",[[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.cjs",[[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.cjs",[[769,"bs-inline-tab",{"selected":[516],"disabled":[4],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasLabel":[32]}]]],["bs-navigation-drawer-item.cjs",[[769,"bs-navigation-drawer-item",{"selected":[516],"expandable":[4],"expanded":[1540],"nested":[4],"ariaLabel":[1,"aria-label"],"collapsed":[516],"hasIcon":[32]}]]],["bs-progress.cjs",[[513,"bs-progress",{"type":[1],"size":[1],"strokeWidth":[2,"stroke-width"],"value":[2],"showLabel":[4,"show-label"]}]]],["bs-radio.cjs",[[785,"bs-radio",{"name":[1],"value":[1],"checked":[1540],"disabled":[4]}]]],["bs-slider.cjs",[[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.cjs",[[769,"bs-source-link",{"fileName":[1,"file-name"],"sourceName":[1,"source-name"],"version":[1],"href":[1],"target":[1]}]]],["bs-stepper.cjs",[[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.cjs",[[513,"bs-stepper-step",{"name":[1],"description":[1],"error":[4],"disabled":[4],"computedState":[1,"computed-state"],"direction":[1],"showDescription":[4,"show-description"]}]]],["bs-switch.cjs",[[785,"bs-switch",{"size":[1],"checked":[1540],"disabled":[4],"ariaLabel":[1,"aria-label"]}]]],["bs-tab.cjs",[[769,"bs-tab",{"selected":[516],"disabled":[4],"iconPosition":[1,"icon-position"],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasLabel":[32],"hasBadge":[32]}]]],["bs-tabs.cjs",[[769,"bs-tabs",{"type":[1],"orientation":[1]},[[0,"bsSelect","onTabSelect"]]]]],["bs-toast.cjs",[[769,"bs-toast",{"state":[1]}]]],["bs-menu-item.cjs",[[769,"bs-menu-item",{"disabled":[4],"hasIcon":[32]}]]],["bs-pagination.cjs",[[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.cjs",[[769,"bs-progress-linear",{"type":[1],"size":[1],"value":[2],"showLabel":[4,"show-label"],"ariaLabel":[1,"aria-label"],"hasLabelContent":[32]}]]],["bs-tooltip.cjs",[[769,"bs-tooltip",{"placement":[1]}]]],["bs-logo.cjs",[[513,"bs-logo",{"variant":[1],"background":[1],"src":[1],"alt":[1]}]]],["bs-menu.cjs",[[257,"bs-menu"]]],["bs-button.cjs",[[785,"bs-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasEndIcon":[32],"hasLabel":[32]}]]],["bs-icon-button.cjs",[[785,"bs-icon-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -8,6 +8,7 @@
     "components/bs-breadcrumb/bs-breadcrumb-overflow/bs-breadcrumb-overflow.js",
     "components/bs-button/bs-button/bs-button.js",
     "components/bs-card/bs-card.js",
+    "components/bs-carousel/bs-carousel.js",
     "components/bs-checkbox/bs-checkbox.js",
     "components/bs-chip/bs-chip-filter/bs-chip-filter.js",
     "components/bs-chip/bs-chip-informative/bs-chip-informative.js",
@@ -16,6 +17,8 @@
     "components/bs-composer-status-banner/bs-composer-status-banner.js",
     "components/bs-data-table/bs-data-table.js",
     "components/bs-dialog/bs-dialog.js",
+    "components/bs-file-upload/bs-file-upload.js",
+    "components/bs-file-upload-item/bs-file-upload-item.js",
     "components/bs-button/bs-icon-button/bs-icon-button.js",
     "components/bs-logo/bs-logo.js",
     "components/ui-shell/bs-navigation-header/bs-navigation-header/bs-navigation-header.js",

package/dist/collection/components/bs-accordion/bs-accordion.cmp.test.js

@@ -1,5 +1,10 @@
 import { render, h, describe, it, expect } from "@stencil/vitest";
+import { runAxeCheck } from "../../test/helpers/conventions";
 describe('bs-accordion', () => {
+    it('has no axe-core accessibility violations', async () => {
+        const { root } = await render(h("bs-accordion", null, h("span", { slot: "label" }, "Title"), "Body content"));
+        await runAxeCheck(root);
+    });
     ['medium', 'large'].forEach(size => {
         it(`renders collapsed, size="${size}"`, async () => {
             const { root } = await render(h("bs-accordion", { size: size }, h("span", { slot: "label" }, "Title"), "Body content"));

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

@@ -25,7 +25,7 @@ import { h } from "@stencil/core";
 export class BsAiDisclaimer {
     render() {
         https: //images.unsplash.com/photo-1512917774080-9991f1c4c750?w=200&h=200&fit=crop
-         return (h("div", { key: 'b79f8540dbf4563a831fa687f55710f5e5a55037', class: "bs-ai-disclaimer" }, h("p", { key: '82f3cc3744e1012201953eaa0b73a0ac5dc4bcd4', part: "text", class: "bs-ai-disclaimer__text" }, h("slot", { key: 'f4413eaf53353f3635ae6ec1e2a4af263e0bf67f' }))));
+         return (h("div", { key: '2df50141b934d044d68015cc40b0cc525f374ec7', class: "bs-ai-disclaimer" }, h("p", { key: '42e735a432c16d16c4daa786bbd3e2757d298e68', part: "text", class: "bs-ai-disclaimer__text" }, h("slot", { key: 'fe037a3b1bd4bf6135448abd6ce2de8aa4cec6d5' }))));
     }
     static get is() { return "bs-ai-disclaimer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -43,7 +43,7 @@ export class BsAiGreeting {
         const subtext = this.productName
             ? `How can I help you with ${this.productName} today?`
             : 'How can I help you today?';
-        return (h("div", { key: 'eeb2acbb2c6aa8daa803dab57c343b35995200b3', class: "bs-ai-greeting" }, h("div", { key: 'ece228ba66ee9b783a768258a5c52c1270297962', part: "heading", class: "bs-ai-greeting__heading" }, h("p", { key: 'f316e250f35b05dda813f5b517f42373eebcde45', class: "bs-ai-greeting__heading-line" }, "Hi. I'm ", this.assistantName, ","), h("p", { key: '99ac26f89ec8fb3fba000025975c95920faca41a', class: "bs-ai-greeting__heading-line" }, "your AI assistant.")), h("p", { key: '3326155e697a1dd0d0512574d0405f5e176d3967', part: "subtext", class: "bs-ai-greeting__subtext" }, subtext)));
+        return (h("div", { key: '36ef1fa16f576af16387a9119c6fb3003fde61de', class: "bs-ai-greeting" }, h("div", { key: '397127700354b1a9b46b3adc5c4e7bec3803b5cf', part: "heading", class: "bs-ai-greeting__heading" }, h("p", { key: '3bf51034fa5fc1ea28856e1d44b629f6614cdf1a', class: "bs-ai-greeting__heading-line" }, "Hi. I'm ", this.assistantName, ","), h("p", { key: 'b718d68dfb5c602eb035950b9ff661ab569b9302', class: "bs-ai-greeting__heading-line" }, "your AI assistant.")), h("p", { key: '1d271a06cfc0909c8c8c6487a05da3aebf925c09', part: "subtext", class: "bs-ai-greeting__subtext" }, subtext)));
     }
     static get is() { return "bs-ai-greeting"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-ai-thinking/bs-ai-thinking.js

@@ -29,7 +29,7 @@ export class BsAiThinking {
     /** The status text shown next to the icon, e.g. "Retrieving", "Thinking", "Searching". */
     label = 'Thinking';
     render() {
-        return (h("div", { key: '29dcf35868288138ffdd7e1a59ecd48396b45ce7', class: "bs-ai-thinking", role: "status", "aria-live": "polite" }, h("img", { key: 'ca7354850cc25b2c55b2901f7d34ce216fe79d76', part: "icon", class: "bs-ai-thinking__icon", src: GENIE_MARK_ICON, alt: "", "aria-hidden": "true" }), h("span", { key: '888e38812266e053a58ad91932d4a7df804e52da', part: "label", class: "bs-ai-thinking__label" }, this.label)));
+        return (h("div", { key: '310fa2c79337dd330219ea2f0c11c5105692f964', class: "bs-ai-thinking", role: "status", "aria-live": "polite" }, h("img", { key: '0e6b3bf38aeff1166675e6761ada150ddfc344b1', part: "icon", class: "bs-ai-thinking__icon", src: GENIE_MARK_ICON, alt: "", "aria-hidden": "true" }), h("span", { key: '5611170fc41f29361c79be7e30599ae61ef5a976', part: "label", class: "bs-ai-thinking__label" }, this.label)));
     }
     static get is() { return "bs-ai-thinking"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-attachment-list/bs-attachment-list.js

@@ -58,7 +58,7 @@ export class BsAttachmentList {
         this.canScrollRight = row.scrollWidth - row.clientWidth - row.scrollLeft > 1;
     };
     render() {
-        return (h("div", { key: '5508a6c6185bf836d4b30e7341f29f80ba06f2c3', class: "bs-attachment-list" }, h("div", { key: 'c8652402e683f80aee373adad7ad41590dd7fbaf', part: "row", class: "bs-attachment-list__row", ref: el => (this.row = el), onScroll: this.onScroll, role: "group", "aria-label": this.ariaLabel, tabIndex: 0 }, h("slot", { key: 'fb838b763b7047419d072c2c9f2cbe81046041e4', onSlotchange: this.onSlotchange })), this.canScrollRight && h("div", { key: 'faaf4be7542539a32675fb2046b26840e539d509', part: "fade", class: "bs-attachment-list__fade", "aria-hidden": "true" })));
+        return (h("div", { key: '2e265dcc82737c0b129be0196f68c0ec1a745789', class: "bs-attachment-list" }, h("div", { key: 'b148b3743237126437344dc1680c6c64c311f89a', part: "row", class: "bs-attachment-list__row", ref: el => (this.row = el), onScroll: this.onScroll, role: "group", "aria-label": this.ariaLabel, tabIndex: 0 }, h("slot", { key: 'db30b9615067b73db4c048991745055742be759f', onSlotchange: this.onSlotchange })), this.canScrollRight && h("div", { key: '989a64c7dc6e8cb99036a779b0eefc02b4706dc6', part: "fade", class: "bs-attachment-list__fade", "aria-hidden": "true" })));
     }
     static get is() { return "bs-attachment-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-breadcrumb/bs-breadcrumbs/bs-breadcrumbs.js

@@ -54,7 +54,7 @@ export class BsBreadcrumbs {
         });
     }
     render() {
-        return (h("nav", { key: '5ff4734b3de9444f7347443acdc0dcea94bb43a1', "aria-label": this.label }, h("ol", { key: '0aebf74594c40b9268576cf1ccdb872dc3866ab3', part: "list", class: "bs-breadcrumbs__list" }, h("slot", { key: '998f3aeb715ef1fdf4e602cb50e612f9125832af', onSlotchange: this.onSlotChange }))));
+        return (h("nav", { key: '14bf783e0dc34d1f8368bde48499e684b1410b94', "aria-label": this.label }, h("ol", { key: 'feef69a5164f6d7dad670e56cdbd7912aff96c2c', part: "list", class: "bs-breadcrumbs__list" }, h("slot", { key: 'b616fc5fcf0181025be6e5570b7d0fa10cae146e', onSlotchange: this.onSlotChange }))));
     }
     static get is() { return "bs-breadcrumbs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-button/bs-icon-button/bs-icon-button.js

@@ -50,7 +50,7 @@ export class BsIconButton {
      */
     ariaLabel = null;
     render() {
-        return (h("button", { key: '86ddd0f1ff23372e205035ac1273a6b90a779855', class: `bs-icon-button bs-icon-button--${this.variant} bs-icon-button--${this.size}`, type: this.type, disabled: this.disabled, "aria-label": this.ariaLabel }, h("span", { key: 'f45944557ce068283c394e6a48fbc0f56087fbd9', part: "icon", class: "bs-icon-button__icon" }, h("slot", { key: 'ed067830c7f465099edbf40401b0e3ec6fb1e1c9' }))));
+        return (h("button", { key: '0721387caf111462e6ae846647ba1c48363158aa', class: `bs-icon-button bs-icon-button--${this.variant} bs-icon-button--${this.size}`, type: this.type, disabled: this.disabled, "aria-label": this.ariaLabel }, h("span", { key: '8c69f815b6ca603cfcfab34e3530f4c783da0ee7', part: "icon", class: "bs-icon-button__icon" }, h("slot", { key: '8533f8ecfae182d6bd7d7e0dd6af328015948864' }))));
     }
     static get is() { return "bs-icon-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-button-skeleton/bs-button-skeleton.js

@@ -25,7 +25,7 @@ export class BsButtonSkeleton {
     /** Sizing scale, matching the `bs-button` size it stands in for. */
     size = 'md';
     render() {
-        return h("span", { key: 'bc4e9d282c745bfacede27fbeae7dfc8ea5d7aed', part: "container", class: `bs-button-skeleton bs-button-skeleton--${this.size}`, role: "status", "aria-label": "Loading" });
+        return h("span", { key: '1b7d442c2522cd4591862c6d72ee9bc491570518', part: "container", class: `bs-button-skeleton bs-button-skeleton--${this.size}`, role: "status", "aria-label": "Loading" });
     }
     static get is() { return "bs-button-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-carousel/bs-carousel.cmp.test.js

@@ -0,0 +1,198 @@
+import { render, h, describe, it, expect } from "@stencil/vitest";
+import { afterEach, beforeEach, vi } from "vitest";
+import { userEvent } from "vitest/browser";
+import { assertShadowParts, runAxeCheck } from "../../test/helpers/conventions";
+const slides = (n) => Array.from({ length: n }, (_, i) => h("div", null, "Slide ", i + 1));
+const visible = (root) => Array.from(root.children).filter(c => !c.hidden).map(c => c.textContent);
+// Autoplay deliberately holds while the pointer is over the carousel (WCAG pause-on-hover). The test
+// browser keeps ONE pointer for the whole run, so an earlier test that hovered something near the top
+// of the page leaves it resting where the next carousel renders -- which then holds autoplay and
+// never advances (this is exactly what failed on the CI runner while passing locally). Park the
+// pointer in the opposite corner before each autoplay test so they don't depend on test order.
+const parkPointer = async () => {
+    const dot = document.createElement('div');
+    dot.style.cssText = 'position:fixed;right:0;bottom:0;width:8px;height:8px';
+    document.body.appendChild(dot);
+    await userEvent.hover(dot);
+    dot.remove();
+};
+// Autoplay also starts paused for users who prefer reduced motion; make that independent of the
+// machine running the tests.
+const stubReducedMotion = (reduce) => vi.spyOn(window, 'matchMedia').mockImplementation((query) => ({
+    matches: reduce && query.includes('prefers-reduced-motion'),
+    media: query,
+    onchange: null,
+    addListener: () => undefined,
+    removeListener: () => undefined,
+    addEventListener: () => undefined,
+    removeEventListener: () => undefined,
+    dispatchEvent: () => false,
+}));
+// Resolves with the page of the next bsPageChange. Rejects with the carousel's state if none comes in
+// time, so a failure says WHY autoplay held (hovered/focused/paused) instead of just "timed out".
+const nextPage = (el, timeout = 5000) => new Promise((resolve, reject) => {
+    const timer = setTimeout(() => {
+        const host = el;
+        const live = el.shadowRoot?.querySelector('[part="slides"]')?.getAttribute('aria-live');
+        reject(new Error(`no bsPageChange within the timeout (paused=${host.paused}, :hover=${el.matches(':hover')}, ` +
+            `:focus-within=${el.matches(':focus-within')}, aria-live=${live})`));
+    }, timeout);
+    el.addEventListener('bsPageChange', (e) => {
+        clearTimeout(timer);
+        resolve(e.detail);
+    }, { once: true });
+});
+const btn = (el) => el?.shadowRoot?.querySelector('button');
+describe('bs-carousel', () => {
+    it('has no axe-core violations (dots and numbers)', async () => {
+        for (const tracker of ['dots', 'numbers']) {
+            const { root } = await render(h("bs-carousel", { tracker: tracker, autoplay: true, label: "Featured" }, slides(9)));
+            await runAxeCheck(root);
+        }
+    });
+    it('exposes its documented shadow parts', async () => {
+        const { root } = await render(h("bs-carousel", { autoplay: true }, slides(9)));
+        assertShadowParts(root.shadowRoot, ['carousel', 'slides', 'tracker', 'prev', 'next', 'dots', 'dot', 'current', 'pause']);
+    });
+    it('shows slidesPerView slides per page and hides the rest', async () => {
+        const { root } = await render(h("bs-carousel", null, slides(7)));
+        expect(visible(root)).toEqual(['Slide 1', 'Slide 2', 'Slide 3']);
+    });
+    it('slidesPerView=1 shows one slide per page', async () => {
+        const { root } = await render(h("bs-carousel", { slidesPerView: 1 }, slides(3)));
+        expect(visible(root)).toEqual(['Slide 1']);
+    });
+    it('labels the region and each slide, without overriding existing labels', async () => {
+        const { root } = await render(h("bs-carousel", { label: "News" }, h("div", { "aria-label": "Custom" }, "A"), h("div", null, "B")));
+        const region = root.shadowRoot.querySelector('[part="carousel"]');
+        expect(region).toEqualAttribute('role', 'region');
+        expect(region).toEqualAttribute('aria-roledescription', 'carousel');
+        expect(region).toEqualAttribute('aria-label', 'News');
+        expect(root.children[0].getAttribute('aria-label')).toBe('Custom');
+        expect(root.children[1].getAttribute('aria-label')).toBe('2 of 2');
+        expect(root.children[1].getAttribute('aria-roledescription')).toBe('slide');
+    });
+    describe('dots tracker', () => {
+        it('renders one dot per page with the current one active', async () => {
+            const { root } = await render(h("bs-carousel", null, slides(12)));
+            const dots = root.shadowRoot.querySelectorAll('[part~="dot"]');
+            expect(dots.length).toBe(4);
+            expect(dots[0].getAttribute('part')).toContain('current');
+            expect(root.shadowRoot.querySelectorAll('[part~="current"]').length).toBe(1);
+        });
+        it('next/previous move the page, emit bsPageChange, and disable at the ends', async () => {
+            const { root, waitForChanges, spyOnEvent } = await render(h("bs-carousel", null, slides(9)));
+            const spy = spyOnEvent('bsPageChange');
+            const prev = root.shadowRoot.querySelector('[part="prev"]');
+            const next = root.shadowRoot.querySelector('[part="next"]');
+            expect(prev.disabled).toBe(true);
+            btn(next).click();
+            await waitForChanges();
+            expect(visible(root)).toEqual(['Slide 4', 'Slide 5', 'Slide 6']);
+            expect(root.currentPage).toBe(2);
+            expect(spy).toHaveReceivedEventDetail(2);
+            btn(next).click();
+            await waitForChanges();
+            expect(next.disabled).toBe(true);
+            btn(prev).click();
+            await waitForChanges();
+            expect(root.currentPage).toBe(2);
+        });
+    });
+    describe('numbers tracker', () => {
+        it('renders a bs-pagination with one number per page and navigates on click', async () => {
+            const { root, waitForChanges, spyOnEvent } = await render(h("bs-carousel", { tracker: "numbers" }, slides(15)));
+            const spy = spyOnEvent('bsPageChange');
+            const pagination = root.shadowRoot.querySelector('bs-pagination');
+            expect(pagination.totalPages).toBe(5);
+            pagination.shadowRoot.querySelectorAll('.bs-pagination__page')[2].click();
+            await waitForChanges();
+            expect(root.currentPage).toBe(3);
+            expect(visible(root)).toEqual(['Slide 7', 'Slide 8', 'Slide 9']);
+            expect(spy).toHaveReceivedEventTimes(1);
+            expect(spy).toHaveReceivedEventDetail(3);
+        });
+    });
+    it('hides the tracker when there is only one page', async () => {
+        const { root } = await render(h("bs-carousel", null, slides(3)));
+        expect(root.shadowRoot.querySelector('[part="tracker"]')).toBeNull();
+    });
+    it('clamps an out-of-range currentPage', async () => {
+        const { root, waitForChanges } = await render(h("bs-carousel", { currentPage: 99 }, slides(9)));
+        await waitForChanges();
+        expect(root.currentPage).toBe(3);
+        expect(visible(root)).toEqual(['Slide 7', 'Slide 8', 'Slide 9']);
+    });
+    it('reacts to slides being added', async () => {
+        const { root, waitForChanges } = await render(h("bs-carousel", null, slides(3)));
+        for (let i = 4; i <= 7; i++) {
+            const d = document.createElement('div');
+            d.textContent = `Slide ${i}`;
+            root.appendChild(d);
+        }
+        await waitForChanges();
+        expect(root.shadowRoot.querySelectorAll('[part~="dot"]').length).toBe(3);
+    });
+    describe('autoplay', () => {
+        beforeEach(async () => {
+            stubReducedMotion(false);
+            await parkPointer();
+        });
+        afterEach(() => {
+            vi.restoreAllMocks();
+        });
+        it('renders no Pause button unless autoplay is set', async () => {
+            const { root } = await render(h("bs-carousel", null, slides(9)));
+            expect(root.shadowRoot.querySelector('[part="pause"]')).toBeNull();
+        });
+        it('auto-advances, looping from the last page to the first', async () => {
+            const { root } = await render(h("bs-carousel", { autoplay: true, interval: 250 }, slides(6)));
+            expect(await nextPage(root)).toBe(2);
+            expect(await nextPage(root)).toBe(1);
+        });
+        it('starts paused (showing Play) for users who prefer reduced motion, and does not advance', async () => {
+            stubReducedMotion(true);
+            const { root, waitForChanges } = await render(h("bs-carousel", { autoplay: true, interval: 250 }, slides(6)));
+            await waitForChanges();
+            expect(root.paused).toBe(true);
+            expect(root.shadowRoot.querySelector('[part="pause"]').textContent).toContain('Play');
+            await new Promise(r => setTimeout(r, 700));
+            expect(root.currentPage).toBe(1);
+        });
+        it('holds auto-advance while the pointer is over the carousel', async () => {
+            const { root, waitForChanges } = await render(h("bs-carousel", { autoplay: true, interval: 250 }, slides(6)));
+            await waitForChanges();
+            root.dispatchEvent(new MouseEvent('mouseenter'));
+            await waitForChanges();
+            expect(root.shadowRoot.querySelector('[part="slides"]').getAttribute('aria-live')).toBe('polite');
+            await new Promise(r => setTimeout(r, 700));
+            expect(root.currentPage).toBe(1);
+            root.dispatchEvent(new MouseEvent('mouseleave'));
+            expect(await nextPage(root)).toBe(2);
+        });
+        it('Pause stops auto-advance, flips to Play, and emits bsPauseChange', async () => {
+            const { root, waitForChanges, spyOnEvent } = await render(h("bs-carousel", { autoplay: true, interval: 1000 }, slides(9)));
+            const spy = spyOnEvent('bsPauseChange');
+            const pause = root.shadowRoot.querySelector('[part="pause"]');
+            expect(pause.textContent).toContain('Pause');
+            btn(pause).click();
+            await waitForChanges();
+            expect(root.paused).toBe(true);
+            expect(pause.textContent).toContain('Play');
+            expect(spy).toHaveReceivedEventDetail(true);
+            // Longer than one interval: had it not stopped, it would have advanced by now.
+            await new Promise(r => setTimeout(r, 1300));
+            expect(root.currentPage).toBe(1);
+        });
+        it('holds auto-advance while focus is inside, and announces politely only when not rotating', async () => {
+            const { root, waitForChanges } = await render(h("bs-carousel", { autoplay: true, interval: 1000 }, slides(9)));
+            const live = () => root.shadowRoot.querySelector('[part="slides"]').getAttribute('aria-live');
+            expect(live()).toBe('off');
+            root.dispatchEvent(new FocusEvent('focusin'));
+            await waitForChanges();
+            expect(live()).toBe('polite');
+            await new Promise(r => setTimeout(r, 1300));
+            expect(root.currentPage).toBe(1);
+        });
+    });
+});

package/dist/collection/components/bs-carousel/bs-carousel.css

@@ -0,0 +1,107 @@
+/**
+ * @prop --bs-carousel-gap: Gap between visible slides. Aliased to --bs-spacing-200.
+ * @prop --bs-carousel-tracker-offset: Vertical gap between the slides and the tracker row. Aliased to --bs-spacing-200.
+ * @prop --bs-carousel-tracker-gap: Gap between the items of the tracker row (previous, dots, next, Pause). Aliased to --bs-spacing-50.
+ * @prop --bs-carousel-dot-size: Width/height of an inactive dot; the active dot is twice as wide. Aliased to --bs-spacing-100 (8px, exact match to Figma).
+ * @prop --bs-carousel-dot-radius: Corner radius of a dot. Aliased to --bs-border-radius-full.
+ * @prop --bs-carousel-dot-color: Fill of an inactive dot. Aliased to --bs-surface-container.
+ * @prop --bs-carousel-dot-active-color: Fill of the active dot. Aliased to --bs-color-primary-default.
+ * @prop --bs-carousel-dots-gap: Gap between dots. Aliased to --bs-spacing-50.
+ */
+:host {
+  display: block;
+
+  --bs-carousel-gap: var(--bs-spacing-200);
+  --bs-carousel-tracker-offset: var(--bs-spacing-200);
+  --bs-carousel-tracker-gap: var(--bs-spacing-50);
+
+  --bs-carousel-dot-size: var(--bs-spacing-100);
+  --bs-carousel-dot-radius: var(--bs-border-radius-full);
+  --bs-carousel-dot-color: var(--bs-surface-container);
+  --bs-carousel-dot-active-color: var(--bs-color-primary-default);
+  --bs-carousel-dots-gap: var(--bs-spacing-50);
+}
+
+.bs-carousel {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--bs-carousel-tracker-offset);
+}
+
+.bs-carousel__slides {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--bs-carousel-gap);
+  width: 100%;
+}
+
+/* Each slide takes an equal share of the row for the configured slidesPerView (set inline by the
+   component -- an internal variable, not a customization point). */
+.bs-carousel__slides ::slotted(*) {
+  flex: 0 0
+    calc(
+      (100% - (var(--bs-carousel-slides-per-view) - 1) * var(--bs-carousel-gap)) / var(--bs-carousel-slides-per-view)
+    );
+  min-width: 0;
+  box-sizing: border-box;
+}
+
+/* Off-page slides carry the `hidden` attribute; a slide's own :host { display } would otherwise
+   override the UA's [hidden] rule. */
+.bs-carousel__slides ::slotted([hidden]) {
+  display: none !important;
+}
+
+.bs-carousel__tracker {
+  display: flex;
+  align-items: center;
+  gap: var(--bs-carousel-tracker-gap);
+}
+
+.bs-carousel__nav {
+  display: flex;
+  align-items: center;
+  gap: var(--bs-carousel-tracker-gap);
+}
+
+.bs-carousel__dots {
+  display: flex;
+  align-items: center;
+  gap: var(--bs-carousel-dots-gap);
+}
+
+.bs-carousel__dot {
+  display: block;
+  width: var(--bs-carousel-dot-size);
+  height: var(--bs-carousel-dot-size);
+  border-radius: var(--bs-carousel-dot-radius);
+  background: var(--bs-carousel-dot-color);
+}
+
+.bs-carousel__dot--active {
+  width: calc(var(--bs-carousel-dot-size) * 2);
+  background: var(--bs-carousel-dot-active-color);
+}
+
+/* Figma colors the previous/next chevrons with the default icon color (--bs-icon-default, #21262e),
+   one step darker than bs-icon-button's subtle variant (--bs-icon-neutral-default). Re-pointing that
+   token on these buttons only keeps the alias-to-a-token rule without touching bs-icon-button. */
+.bs-carousel__nav bs-icon-button {
+  --bs-icon-neutral-default: var(--bs-icon-default);
+}
+
+/* In RTL the previous button sits on the right, so its chevron must point right (and vice versa). */
+:host(:dir(rtl)) .bs-carousel__chevron {
+  transform: scaleX(-1);
+}
+
+@media (forced-colors: active) {
+  .bs-carousel__dot {
+    forced-color-adjust: none;
+    background: GrayText;
+  }
+  .bs-carousel__dot--active {
+    background: Highlight;
+  }
+}