@brandsync/wc 1.4.0 → 1.5.0

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

@@ -52,7 +52,7 @@ const BsProgress = class {
         const isDeterminate = this.type === 'determinate';
         const value = this.clampedValue;
         const dashOffset = circumference * (1 - value / 100);
-        return (index.h("div", { key: '19bbc9dc90c75faa2c9cc1571eb782f2df76e14b', part: "container", class: "bs-progress" }, index.h("div", { key: '5e63bdd093f3bcf09740617fe489b9ed9f2f55ca', class: "bs-progress__box", style: { width: `${diameter}px`, height: `${diameter}px` }, role: "progressbar", "aria-valuemin": isDeterminate ? '0' : undefined, "aria-valuemax": isDeterminate ? '100' : undefined, "aria-valuenow": isDeterminate ? String(value) : undefined, "aria-busy": isDeterminate ? undefined : 'true' }, isDeterminate ? (index.h("svg", { class: "bs-progress__ring", width: diameter, height: diameter, viewBox: `0 0 ${diameter} ${diameter}` }, index.h("circle", { part: "track", class: "bs-progress__track", cx: diameter / 2, cy: diameter / 2, r: radius, "stroke-width": this.strokeWidth, fill: "none" }), index.h("circle", { part: "arc", class: "bs-progress__arc", cx: diameter / 2, cy: diameter / 2, r: radius, "stroke-width": this.strokeWidth, fill: "none", "stroke-linecap": "round", "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))) : (
+        return (index.h("div", { key: 'be12c5ee854fc0d82e66719458355543627f28b5', part: "container", class: "bs-progress" }, index.h("div", { key: '59eb972d0aeb33feea5ef4e8f4fa4eef99f7fcde', class: "bs-progress__box", style: { width: `${diameter}px`, height: `${diameter}px` }, role: "progressbar", "aria-valuemin": isDeterminate ? '0' : undefined, "aria-valuemax": isDeterminate ? '100' : undefined, "aria-valuenow": isDeterminate ? String(value) : undefined, "aria-busy": isDeterminate ? undefined : 'true' }, isDeterminate ? (index.h("svg", { class: "bs-progress__ring", width: diameter, height: diameter, viewBox: `0 0 ${diameter} ${diameter}` }, index.h("circle", { part: "track", class: "bs-progress__track", cx: diameter / 2, cy: diameter / 2, r: radius, "stroke-width": this.strokeWidth, fill: "none" }), index.h("circle", { part: "arc", class: "bs-progress__arc", cx: diameter / 2, cy: diameter / 2, r: radius, "stroke-width": this.strokeWidth, fill: "none", "stroke-linecap": "round", "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))) : (
         // Figma's indeterminate ring is a fading "comet tail" (transparent -> solid color),
         // not a flat-colored partial arc -- SVG has no angular/conic gradient primitive, so a
         // CSS conic-gradient (color varying by angle) + a radial-gradient mask (carving the
@@ -61,7 +61,7 @@ const BsProgress = class {
         index.h("div", { part: "arc", class: "bs-progress__spinner", style: {
                 '--bs-progress-spinner-stroke-width': `${this.strokeWidth}px`,
                 '--bs-progress-spinner-sweep': `${INDETERMINATE_SWEEP_DEGREES}deg`,
-            } }))), isDeterminate && this.showLabel && (index.h("span", { key: '9010120dc7781c3ac3c25ced301bc52ad07f4fa6', part: "label", class: `bs-progress__label bs-progress__label--${this.size}` }, value, "%"))));
+            } }))), isDeterminate && this.showLabel && (index.h("span", { key: 'dab01ef700c872174a1f0ff9eff0ef9b534f6f89', part: "label", class: `bs-progress__label bs-progress__label--${this.size}` }, value, "%"))));
     }
 };
 BsProgress.style = bsProgressCss();

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

@@ -40,7 +40,7 @@ const BsRadio = class {
         }
     };
     render() {
-        return (index.h("label", { key: 'dcf048ee4d4779e54bbefafffe624af7f4714b51', class: `bs-radio ${this.disabled ? 'bs-radio--disabled' : ''}` }, index.h("input", { key: 'b79b3a21bddfb3a043a3c509001b1be62ae260c7', class: "bs-radio__input", type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, onChange: this.onChange }), index.h("span", { key: 'fea39784ffd4e99990fe217f3a6d0fbfd33fb999', class: "bs-radio__hit-area" }, index.h("span", { key: '30063338cf704559bfe141ba6aed997a30db00e1', class: "bs-radio__state-layer" }, index.h("span", { key: '528a36ac263b7711a8147306074679f53d48afc6', part: "circle", class: `bs-radio__circle ${this.checked ? 'bs-radio__circle--selected' : ''}` }, this.checked && index.h("span", { key: '56a4dbed5c8ba67446b2f790e47fc68374676e94', part: "dot", class: "bs-radio__dot" })))), index.h("span", { key: '018d3fe6d395d9dc571806f47dd4202a28590203', part: "label", class: "bs-radio__label" }, index.h("slot", { key: '35b436c2b3ccc1de215b1a6613d3351f030f9134' }))));
+        return (index.h("label", { key: '0301eaf2b9f71e6e1eb7189ee424afa3eb66e3ea', class: `bs-radio ${this.disabled ? 'bs-radio--disabled' : ''}` }, index.h("input", { key: 'dd12fc11f43171fbfa1955747477d2e538f0d1db', class: "bs-radio__input", type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, onChange: this.onChange }), index.h("span", { key: '3d6af7472becac1be3f080093587c54e5acbbb04', class: "bs-radio__hit-area" }, index.h("span", { key: 'e6b7384a4e87d6c216030bd4c5831b91f1bd409f', class: "bs-radio__state-layer" }, index.h("span", { key: '4b7c97752705660b97a6fb8b2157b5fcd37cd2e9', part: "circle", class: `bs-radio__circle ${this.checked ? 'bs-radio__circle--selected' : ''}` }, this.checked && index.h("span", { key: '5944fa6ac89d4806e8f243d8f216939f35d3f56f', part: "dot", class: "bs-radio__dot" })))), index.h("span", { key: 'df20ccc3d840b649f2b7a3ca627282e9a9ba480c', part: "label", class: "bs-radio__label" }, index.h("slot", { key: 'fc042c04e85bf2991b463d2fe0147ed9724c2aa5' }))));
     }
     static get delegatesFocus() { return true; }
 };

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

@@ -182,7 +182,7 @@ const BsSlider = class {
     render() {
         const isRange = this.type === 'range';
         const rootClasses = ['bs-slider', this.disabled ? 'bs-slider--disabled' : ''].filter(Boolean).join(' ');
-        return (index.h("div", { key: 'ddb7ca5769b3d59ef372b95b23fd5cc656f4c425', class: rootClasses }, this.showLabel && (index.h("div", { key: '8a5d6639e1d4affb8efb874727eae3361eeac8e5', class: "bs-slider__header" }, index.h("span", { key: '41a26138a837cb6a976d23162443825c8b3ab7ff', id: "bs-slider-label", part: "label", class: "bs-slider__label" }, this.label), isRange ? (index.h("span", { class: "bs-slider__value-fields" }, this.renderPercentField(this.percent(this.effectiveValueStart), this.onStartPercentFieldChange, this.ariaLabel ?? 'Start value'), index.h("span", { class: "bs-slider__separator" }, "\u2013"), this.renderPercentField(this.percent(this.effectiveValueEnd), this.onEndPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} end` : 'End value'))) : (this.renderPercentField(this.percent(this.value), this.onPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} value` : 'Value')))), index.h("div", { key: 'c8275425323bb3ecdffeb7455572d60379be8fe3', class: "bs-slider__row" }, this.showLabel && (index.h("span", { key: 'aaaaa6d800478963f615bad21af88bb1ffddfa58', part: "bound", class: "bs-slider__bound" }, this.min)), isRange ? this.renderRangeThumbs() : this.renderSingleThumb(), this.showLabel && (index.h("span", { key: '23b49ac1dc4968a1b3a6cd0706283818c5ebe234', part: "bound", class: "bs-slider__bound" }, this.max)))));
+        return (index.h("div", { key: 'eea08bf9b13476683a75c02c3b2880acc2a5830d', class: rootClasses }, this.showLabel && (index.h("div", { key: 'ce7a0f60767b6eccf537e121ab588a273d82170b', class: "bs-slider__header" }, index.h("span", { key: '9de6ffe94a76e896e007d9928e11f1599443aa76', id: "bs-slider-label", part: "label", class: "bs-slider__label" }, this.label), isRange ? (index.h("span", { class: "bs-slider__value-fields" }, this.renderPercentField(this.percent(this.effectiveValueStart), this.onStartPercentFieldChange, this.ariaLabel ?? 'Start value'), index.h("span", { class: "bs-slider__separator" }, "\u2013"), this.renderPercentField(this.percent(this.effectiveValueEnd), this.onEndPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} end` : 'End value'))) : (this.renderPercentField(this.percent(this.value), this.onPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} value` : 'Value')))), index.h("div", { key: '7c1d900c13c1890b587c5ac4e326434b44e33895', class: "bs-slider__row" }, this.showLabel && (index.h("span", { key: '5ed265337a997272765c4a94a985081dc25cebea', part: "bound", class: "bs-slider__bound" }, this.min)), isRange ? this.renderRangeThumbs() : this.renderSingleThumb(), this.showLabel && (index.h("span", { key: '63da44c53587366349113f9f7f7ec0bc290dad35', part: "bound", class: "bs-slider__bound" }, this.max)))));
     }
     static get delegatesFocus() { return true; }
 };

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

@@ -41,7 +41,7 @@ const BsSnackbar = class {
         this.bsDismiss.emit();
     };
     render() {
-        return (index.h("div", { key: 'c1eb9a40025848cfe32c54b699c767fd776106cd', part: "container", class: `bs-snackbar bs-snackbar--${this.variant}`, role: "status", "aria-live": this.variant === 'error' ? 'assertive' : 'polite' }, index.h("div", { key: 'eed7f9493d6b92033682b5be7704ceab16f68e39', class: "bs-snackbar__content" }, index.h("span", { key: 'd05b9efc5e1a641ec4f760e65fb6c7ce73986a96', part: "icon", class: "bs-snackbar__icon", "aria-hidden": "true" }, this.loading ? index.h("span", { class: "bs-snackbar__spinner" }) : index.h(CheckCircleIcon, null)), index.h("span", { key: '63ed931a3f99d4606394380cee69ca8357aaefda', part: "message", class: "bs-snackbar__message" }, index.h("slot", { key: '103d0dbe2c62f95f49fec719ea4789736faa9968' }))), index.h("div", { key: 'aad9025a2d6d53dcbed35d787ab13209c428dbac', class: "bs-snackbar__actions" }, this.actionLabel && (index.h("bs-button", { key: '2aa411a52c800a3861faf5e01c64e367ef34d3b3', part: "action", variant: ACTION_VARIANT[this.variant], size: "sm", onClick: this.onAction }, this.actionLabel)), index.h("bs-icon-button", { key: '8a9d212a597c98c612c8f0245c510cc5c5b821be', part: "close", variant: "subtle", size: "md", ariaLabel: "Dismiss", onClick: this.onDismiss }, index.h(CloseIcon, { key: '0669382c520a2a9d71fa22ede719a9b90ba20b74' })))));
+        return (index.h("div", { key: '21d9ad89971ec2f6c8a546bb601caf9fe0fdeaad', part: "container", class: `bs-snackbar bs-snackbar--${this.variant}`, role: "status", "aria-live": this.variant === 'error' ? 'assertive' : 'polite' }, index.h("div", { key: '4c0a6eeae82f0183269952d12203030c8e38707f', class: "bs-snackbar__content" }, index.h("span", { key: 'd7702b65066518434b571fdc2a9bba4b715daf80', part: "icon", class: "bs-snackbar__icon", "aria-hidden": "true" }, this.loading ? index.h("span", { class: "bs-snackbar__spinner" }) : index.h(CheckCircleIcon, null)), index.h("span", { key: '943f72a2a1829a2859daef2cf1852d35d8da8a1e', part: "message", class: "bs-snackbar__message" }, index.h("slot", { key: 'c5cc1160992c936603abb57201beabe1e6eb4664' }))), index.h("div", { key: '31764bce2583aa5c794084ea1f532b5bca7e1f8c', class: "bs-snackbar__actions" }, this.actionLabel && (index.h("bs-button", { key: 'b7ae59d32bd58358f9090251f0fcd033925b4cba', part: "action", variant: ACTION_VARIANT[this.variant], size: "sm", onClick: this.onAction }, this.actionLabel)), index.h("bs-icon-button", { key: 'ce995bb3ba94cd67628bb0d281395b700c6075df', part: "close", variant: "subtle", size: "md", ariaLabel: "Dismiss", onClick: this.onDismiss }, index.h(CloseIcon, { key: '51562d0658077d511ce46466386735456c4b6a77' })))));
     }
 };
 const CheckCircleIcon = () => (index.h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M8.25 12.75L10.5 15L15.75 9.75", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { d: "M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));

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

@@ -26,8 +26,8 @@ const BsSourceLink = class {
     };
     render() {
         const inner = [
-            index.h("span", { key: '8cff33c76d9d1d575c48f7088767f7d18b4d73a1', class: "bs-source-link__left" }, index.h("span", { key: 'aaa27ac4227afcd7b312b9576c625c54f3e603fe', class: "bs-source-link__filename-row" }, index.h("span", { key: '999466d6ed1910958f03328adcca796db65243ac', part: "icon", class: "bs-source-link__icon" }, index.h("slot", { key: '65f62019fc6c1b50999a568c54cd3ca00139ee59', name: "icon" }, index.h(FileTextIcon, { key: '7e3d61345cbbe78267440be6fc89773dc2e80a66' }))), index.h("p", { key: '8505506cc58f4253d472eed1b95625103031fcdc', part: "filename", class: "bs-source-link__filename" }, this.fileName)), index.h("span", { key: '89803f29243068cf4f6725d728b299eddd960e8d', class: "bs-source-link__meta" }, this.sourceName && (index.h("span", { key: '86e1936b8fc642817e60c6bbb3b52d4cb40c1987', part: "source", class: "bs-source-link__source" }, this.sourceName)), this.sourceName && this.version && index.h("span", { key: 'c865f4b4004138a5b0aa8b730813d246f229edf4', class: "bs-source-link__dot", "aria-hidden": "true" }), this.version && (index.h("span", { key: 'a63eb0e9a935f7cd13bdc3b4beb6dcac1767092e', part: "version", class: "bs-source-link__version" }, this.version)))),
-            index.h("span", { key: '403063bde49a647031683cdddfe9f9b3bd6cbe7e', part: "arrow", class: "bs-source-link__arrow", "aria-hidden": "true" }, index.h(ArrowUpRightIcon, { key: 'e8f9b58ab3e9ad35239423f9fcef3426905af932' })),
+            index.h("span", { key: 'c492c873401ffec62e4079b9254f9e8d82ef2160', class: "bs-source-link__left" }, index.h("span", { key: 'aa6e13547e540d9bd649a31fd185edb75db27af0', class: "bs-source-link__filename-row" }, index.h("span", { key: 'f540d25f1504c5a70dfcff3d46b69545b30cc3ce', part: "icon", class: "bs-source-link__icon" }, index.h("slot", { key: 'bb9c39f0f55161fef91d693da05d966ed0e8b52f', name: "icon" }, index.h(FileTextIcon, { key: 'cd092cc8acc6c4dc94b1fd0df3813eea321a6322' }))), index.h("p", { key: '8b80cdf2e65bba6f79ce4df85df9e7891b4688eb', part: "filename", class: "bs-source-link__filename" }, this.fileName)), index.h("span", { key: '6b1403dc64d26773e61a385ce79c15a9e526bca8', class: "bs-source-link__meta" }, this.sourceName && (index.h("span", { key: 'a10ac29439339287e551cd5d67a68b57ba32a732', part: "source", class: "bs-source-link__source" }, this.sourceName)), this.sourceName && this.version && index.h("span", { key: '219e40bd91dd4c9f830f2124474408c10d660241', class: "bs-source-link__dot", "aria-hidden": "true" }), this.version && (index.h("span", { key: '47da27d3758239a74b6f3baf246c5cdc90dbeaec', part: "version", class: "bs-source-link__version" }, this.version)))),
+            index.h("span", { key: '383bdb322e97930920f11312d6b3e475fc490c0e', part: "arrow", class: "bs-source-link__arrow", "aria-hidden": "true" }, index.h(ArrowUpRightIcon, { key: '543df594e433598dfe2275fab1e0af2ba3431788' })),
         ];
         return this.href ? (index.h("a", { class: "bs-source-link", href: this.href, target: this.target, rel: "noopener noreferrer", onClick: this.onClick }, inner)) : (index.h("button", { type: "button", class: "bs-source-link", onClick: this.onClick }, inner));
     }

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

@@ -34,7 +34,7 @@ const BsStepperStep = class {
     }
     render() {
         const state = this.state;
-        return (index.h(index.Host, { key: 'f0c04f84a90573ee21e50a9f098539d94bf26624', role: "listitem", class: `bs-stepper-step--${this.direction}` }, index.h("div", { key: 'a55763b9c34fedb267b1e748df5f533713752074', class: "bs-stepper-step__top" }, index.h("span", { key: '206ece8ec0ffa8d47409f8a26a2690ae952ee51d', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && index.h("span", { key: 'a5fd7021163730fd8b58cbbdaec2f1f0a387fb88', class: "bs-stepper-step__icon-dot" }), state === 'done' && index.h(CheckIcon, { key: '83b594e1a10d83ffe3f9f49cae59334b9a8a55f2' }), state === 'error' && index.h(ExclamationIcon, { key: '5f033b26ae0a1e9f14d5a2b4f5f8491ab8e53e6b' })), index.h("span", { key: '958bf5f997011b76e0450ebdae678aa65bd6760f', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, index.h("span", { key: 'a9bd18dd6358559fe9b9c05439e7f0be537a6792', class: "bs-stepper-step__connector-line" }))), index.h("span", { key: 'e8b9b0e3ac81ed00ff443eeb40c26a99a7af3c0d', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, index.h("span", { key: 'e4a675a45ee3202fb5c5ee010e25a77018b8ac5c', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (index.h("span", { key: '25551051646a9aefacf031f5921c57edf093426e', part: "description", class: "bs-stepper-step__description" }, this.description)))));
+        return (index.h(index.Host, { key: 'b67337d4b2effe8ff1fa464ca099898e02b73bc5', role: "listitem", class: `bs-stepper-step--${this.direction}` }, index.h("div", { key: '0d7c52bc6dc8be1686a89d8b385176ec2cf0e968', class: "bs-stepper-step__top" }, index.h("span", { key: '4a4a42431c2b989c4a6f16c08f9f6bc208d13b9e', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && index.h("span", { key: '4ec68f74e86a332a3d44114b82c4cbaa9490cf27', class: "bs-stepper-step__icon-dot" }), state === 'done' && index.h(CheckIcon, { key: '4697669ec3c6a9b214383319a6217783a24baf9c' }), state === 'error' && index.h(ExclamationIcon, { key: '2c08710bdde154d466dea2009162a7935333d3e8' })), index.h("span", { key: '4d51b40f0436d2874d8734735b1a68ccae8d7a00', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, index.h("span", { key: '93657587c505a5ccd279acc21afcef2c92147a12', class: "bs-stepper-step__connector-line" }))), index.h("span", { key: 'f887e799dea83c792ce6547f08e28f9d9f8f3c45', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, index.h("span", { key: 'b233032bf31f50bb83ad6ba5f8fed4893fe7f2fe', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (index.h("span", { key: '17ff926779a02578b700d3086a84911ffcca33a1', part: "description", class: "bs-stepper-step__description" }, this.description)))));
     }
 };
 const CheckIcon = () => (index.h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M2.5 9L6 12.5L14 4.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));

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

@@ -43,7 +43,7 @@ const BsStepper = class {
         });
     }
     render() {
-        return index.h("slot", { key: '02937ad4080ab9309a5a6a7d63d9e5ee9d15e75a', onSlotchange: this.onSlotChange });
+        return index.h("slot", { key: 'b2c5468b93468b4cab41afb39364bb9f84eea22f', 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: '4e0abb3231caa07b7218bc69745c822dfd9a66f2', class: `bs-switch ${this.disabled ? 'bs-switch--disabled' : ''}` }, index.h("input", { key: '04d56f220629b90573469b78070f2ecb420fae92', 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: 'e4b06fc5c17edca3d4f60d0f378c9d0779167617', part: "track", class: trackClasses }, index.h("span", { key: 'ce10e1a250a06d8ec850fde56064d3d5e1b9ab68', part: "knob", class: knobClasses })), index.h("span", { key: '6d9514c041e18206029438680fd5093e4f5b29f5', part: "label", class: "bs-switch__label" }, index.h("slot", { key: '431bf8fd5581cda363eb0f2dac410b177ae7639d' }))));
+        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' }))));
     }
     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: '0ca426eb442e8ecd8a02d532eae0a7e0fa78e0c7', 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: '507e8d2f216142177aea162ae42ae56ce84f8759', part: "icon", class: `bs-tab__icon ${this.hasIcon ? 'bs-tab__icon--has-content' : ''}` }, index.h("slot", { key: 'ee418438e7f95362be5e5ed701d20d6fc0c300f4', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: '5dca3c198272ba04422fcd30a27a020b735af804', part: "label", class: `bs-tab__label ${this.hasLabel ? 'bs-tab__label--has-content' : ''}` }, index.h("slot", { key: '1026142d478c46c75b27f6eceb984188ce4c28d1', onSlotchange: this.onLabelSlotchange })), index.h("span", { key: 'a00349806770203091af571e480db67b68cf787f', part: "badge", class: `bs-tab__badge ${showBadge ? 'bs-tab__badge--has-content' : ''}` }, index.h("slot", { key: 'fd1efee948e290272d9bdaca4c11ff6320c17c3e', name: "badge", onSlotchange: this.onBadgeSlotchange })), index.h("span", { key: '14b2d3857f3b5273e3973c929b83756540c7bfa2', part: "indicator", class: "bs-tab__indicator" })));
+        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" })));
     }
 };
 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: '9e9050a33459b5941af1440498780d67682d8273', part: "tablist", role: "tablist", "aria-orientation": this.orientation, class: `bs-tabs bs-tabs--${this.type} ${vertical ? 'bs-tabs--vertical' : ''}` }, index.h("slot", { key: 'd5987d7600183ef348855ac5d0af37e42f1aa9c2' })));
+        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' })));
     }
 };
 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: 'c2beb9820f201006fc992883a7c217dea3dd3195', part: "container", class: `bs-toast bs-toast--${this.state}`, role: "status", "aria-live": this.state === 'error' ? 'assertive' : 'polite' }, index.h("div", { key: 'e99f80f1082a725719f0161f5651624aba8c274b', class: "bs-toast__content" }, index.h("span", { key: 'dc9e372fe92087e78fabf701272c708e8d996aec', part: "icon", class: "bs-toast__icon", "aria-hidden": "true" }, index.h(StateIcon, { key: 'aeaac660f2ef24a350e85cb528f9ecbc4060190f', state: this.state })), index.h("span", { key: '3ab1414077f1cead1a6927ff9655a1be667a3a8f', part: "message", class: "bs-toast__message" }, index.h("slot", { key: '256f8e5941ff379ea829a3fc8f8e3f234583a7a3' }))), index.h("div", { key: '1e0eef65678280fa58f15d37fd7fc974c355b0e4', class: "bs-toast__actions" }, index.h("button", { key: '3e16a99f8afce3444213e90547ca2ac107edd986', part: "close", type: "button", class: "bs-toast__close", "aria-label": "Dismiss", onClick: this.onDismiss }, index.h(CloseIcon, { key: '4177c2c53bca1b703a717241af3d7e845ef6ebaa' })))));
+        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' })))));
     }
 };
 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: 'dfceb9c019f507e3be9590d4ae642d86e89811b2', class: "bs-tooltip" }, index.h("span", { key: 'd361e87774fa906a4e2703cd8b7c2ab16ff624b9', part: "arrow", class: "bs-tooltip__arrow" }), index.h("div", { key: '21ab2fb2a83762f3f7a3d3f4b9094f2772ae5e7f', part: "bubble", class: "bs-tooltip__bubble" }, index.h("slot", { key: 'd64aaa1841796be2ccfc1ac7d55a67d37a8f7615' }))));
+        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' }))));
     }
 };
 BsTooltip.style = bsTooltipCss();

package/dist/cjs/loader.cjs.js

@@ -5,7 +5,7 @@ var index = require('./index-Bj1mNOtg.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-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-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);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -1,5 +1,6 @@
 {
   "entries": [
+    "components/bs-accordion/bs-accordion.js",
     "components/bs-attachment/bs-attachment.js",
     "components/bs-avatar/bs-avatar.js",
     "components/bs-badge/bs-badge.js",

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

@@ -0,0 +1,112 @@
+import { render, h, describe, it, expect } from "@stencil/vitest";
+describe('bs-accordion', () => {
+    ['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"));
+            const header = root.shadowRoot.querySelector('[part="header"]');
+            expect(header).toEqualAttribute('aria-expanded', 'false');
+        });
+        it(`renders expanded, size="${size}"`, async () => {
+            const { root } = await render(h("bs-accordion", { size: size, expanded: true }, h("span", { slot: "label" }, "Title"), "Body content"));
+            const header = root.shadowRoot.querySelector('[part="header"]');
+            expect(header).toEqualAttribute('aria-expanded', 'true');
+        });
+    });
+    describe('caret direction', () => {
+        it('shows CaretDown when collapsed', async () => {
+            const { root } = await render(h("bs-accordion", null, "Body"));
+            const caret = root.shadowRoot.querySelector('[part="caret"]');
+            expect(caret.innerHTML).toContain('9.75L12 15.75');
+        });
+        it('shows CaretUp when expanded', async () => {
+            const { root } = await render(h("bs-accordion", { expanded: true }, "Body"));
+            const caret = root.shadowRoot.querySelector('[part="caret"]');
+            expect(caret.innerHTML).toContain('14.25L12 8.25');
+        });
+    });
+    describe('controlled expanded prop', () => {
+        it('emits bsToggle with the requested value without self-mutating expanded', async () => {
+            const { root, spyOnEvent } = await render(h("bs-accordion", null, "Body"));
+            const toggleSpy = spyOnEvent('bsToggle');
+            const header = root.shadowRoot.querySelector('[part="header"]');
+            header.click();
+            expect(toggleSpy).toHaveReceivedEventDetail(true);
+            // Parent "rejects" the change by not echoing it back -- the rendered state must stay
+            // exactly as the original `expanded` prop says, not drift to an internally-tracked value.
+            const headerAfter = root.shadowRoot.querySelector('[part="header"]');
+            expect(headerAfter).toEqualAttribute('aria-expanded', 'false');
+            expect(root).not.toHaveAttribute('expanded');
+        });
+        it('emits false when collapsing an expanded accordion', async () => {
+            const { root, spyOnEvent } = await render(h("bs-accordion", { expanded: true }, "Body"));
+            const toggleSpy = spyOnEvent('bsToggle');
+            root.shadowRoot.querySelector('[part="header"]').click();
+            expect(toggleSpy).toHaveReceivedEventDetail(false);
+        });
+    });
+    describe('keyboard activation', () => {
+        it('emits bsToggle on Enter', async () => {
+            const { root, spyOnEvent } = await render(h("bs-accordion", null, "Body"));
+            const toggleSpy = spyOnEvent('bsToggle');
+            const header = root.shadowRoot.querySelector('[part="header"]');
+            header.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
+            header.click(); // native <button> fires `click` for Enter/Space -- this simulates that.
+            expect(toggleSpy).toHaveReceivedEventTimes(1);
+        });
+    });
+    describe('disabled', () => {
+        it('does not emit bsToggle on click', async () => {
+            const { root, spyOnEvent } = await render(h("bs-accordion", { disabled: true }, "Body"));
+            const toggleSpy = spyOnEvent('bsToggle');
+            root.shadowRoot.querySelector('[part="header"]').click();
+            expect(toggleSpy).toHaveReceivedEventTimes(0);
+        });
+        it('is not focusable', async () => {
+            const { root } = await render(h("bs-accordion", { disabled: true }, "Body"));
+            const header = root.shadowRoot.querySelector('[part="header"]');
+            expect(header.disabled).toBe(true);
+        });
+    });
+    describe('showIcon', () => {
+        it('renders the icon area by default', async () => {
+            const { root } = await render(h("bs-accordion", null, "Body"));
+            expect(root.shadowRoot.querySelector('[part="icon"]')).not.toBeNull();
+        });
+        it('omits the icon area when showIcon is false', async () => {
+            const { root } = await render(h("bs-accordion", { showIcon: false }, "Body"));
+            expect(root.shadowRoot.querySelector('[part="icon"]')).toBeNull();
+            const header = root.shadowRoot.querySelector('[part="header"]');
+            expect(header).toHaveClass('bs-accordion__header--no-icon');
+            const content = root.shadowRoot.querySelector('[part="content"]');
+            expect(content).toHaveClass('bs-accordion__content--no-icon');
+        });
+    });
+    describe('showPreview', () => {
+        it('renders no body content when collapsed and showPreview is false', async () => {
+            const { root } = await render(h("bs-accordion", { showPreview: false }, "Body content"));
+            expect(root.shadowRoot.querySelector('[part="content"]')).toBeNull();
+        });
+        it('still renders full content when expanded, even if showPreview is false', async () => {
+            const { root } = await render(h("bs-accordion", { expanded: true, showPreview: false }, "Body content"));
+            const content = root.shadowRoot.querySelector('[part="content"]');
+            expect(content).not.toBeNull();
+            expect(content).toHaveClass('bs-accordion__content--expanded');
+        });
+        it('truncates collapsed content via CSS class when showPreview is true', async () => {
+            const { root } = await render(h("bs-accordion", null, "Body content"));
+            const content = root.shadowRoot.querySelector('[part="content"]');
+            expect(content).toHaveClass('bs-accordion__content--collapsed');
+        });
+    });
+    describe('icon slot', () => {
+        it('renders the default Plus icon when nothing is slotted', async () => {
+            const { root } = await render(h("bs-accordion", null, "Body"));
+            const icon = root.shadowRoot.querySelector('[part="icon"]');
+            expect(icon.querySelector('svg')).not.toBeNull();
+        });
+        it('renders custom slotted icon content instead of the default Plus glyph', async () => {
+            const { root } = await render(h("bs-accordion", null, h("span", { slot: "icon", "data-testid": "custom-icon" }, "*"), "Body"));
+            expect(root.querySelector('[data-testid="custom-icon"]')).not.toBeNull();
+        });
+    });
+});

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

@@ -0,0 +1,174 @@
+/**
+ * @prop --bs-accordion-radius: Corner radius of the whole component. Aliased to --bs-border-radius-100.
+ * @prop --bs-accordion-header-padding-y-medium: Header vertical padding, size="medium". Aliased to --bs-spacing-150.
+ * @prop --bs-accordion-header-padding-y-large: Header vertical padding, size="large". Aliased to --bs-spacing-250.
+ * @prop --bs-accordion-header-padding-x: Header horizontal padding (both edges, Icon=Yes). Aliased to --bs-spacing-200.
+ * @prop --bs-accordion-content-padding-bottom: Body content bottom padding. Aliased to --bs-spacing-150.
+ * @prop --bs-accordion-content-padding-right: Body content right padding. Aliased to --bs-spacing-200.
+ * @prop --bs-accordion-content-padding-left: Body content left padding, Icon=Yes (aligns under the label, past the icon box). Aliased to --bs-spacing-800.
+ * @prop --bs-accordion-content-padding-left-no-icon: Body content left padding, Icon=No. Aliased to --bs-spacing-200.
+ * @prop --bs-accordion-icon-width-medium: Leading icon box width, size="medium". Aliased to --bs-spacing-800.
+ * @prop --bs-accordion-icon-height-medium: Leading icon box height, size="medium". Not square -- 48px, no 150-scale token matches exactly so this is set directly in px, matching Figma's own spec.
+ * @prop --bs-accordion-icon-size-large: Leading icon box width/height, size="large" (square). Aliased to --bs-spacing-800.
+ * @prop --bs-accordion-font-size: Label font size. Aliased to --bs-font-size-md.
+ * @prop --bs-accordion-line-height: Label line height. Aliased to --bs-line-height-body-md.
+ * @prop --bs-accordion-font-weight: Label font weight. Aliased to --bs-font-weight-semibold.
+ * @prop --bs-accordion-text-default: Label/content color, enabled. Aliased to --bs-text-default.
+ * @prop --bs-accordion-bg-hover: Header background, hover/active/focus-visible (Figma renders hover and pressed identically). Aliased to --bs-surface-hover.
+ * @prop --bs-accordion-bg-disabled: Header/content background, disabled. Aliased to --bs-surface-action-disabled.
+ * @prop --bs-accordion-text-disabled: Label/content color, disabled. Aliased to --bs-text-on-disabled.
+ * @prop --bs-accordion-focus-ring: Focus-visible outer ring color. Aliased to --bs-border-neutral-focus.
+ */
+:host {
+  display: block;
+
+  --bs-accordion-radius: var(--bs-border-radius-100);
+  --bs-accordion-header-padding-y-medium: var(--bs-spacing-150);
+  --bs-accordion-header-padding-y-large: var(--bs-spacing-250);
+  --bs-accordion-header-padding-x: var(--bs-spacing-200);
+  --bs-accordion-content-padding-bottom: var(--bs-spacing-150);
+  --bs-accordion-content-padding-right: var(--bs-spacing-200);
+  --bs-accordion-content-padding-left: var(--bs-spacing-800);
+  --bs-accordion-content-padding-left-no-icon: var(--bs-spacing-200);
+  --bs-accordion-icon-width-medium: var(--bs-spacing-800);
+  --bs-accordion-icon-height-medium: 48px;
+  --bs-accordion-icon-size-large: var(--bs-spacing-800);
+  --bs-accordion-font-size: var(--bs-font-size-md);
+  --bs-accordion-line-height: var(--bs-line-height-body-md);
+  --bs-accordion-font-weight: var(--bs-font-weight-semibold);
+  --bs-accordion-text-default: var(--bs-text-default);
+  --bs-accordion-bg-hover: var(--bs-surface-hover);
+  --bs-accordion-bg-disabled: var(--bs-surface-action-disabled);
+  --bs-accordion-text-disabled: var(--bs-text-on-disabled);
+  --bs-accordion-focus-ring: var(--bs-border-neutral-focus);
+}
+
+.bs-accordion {
+  display: block;
+  border-radius: var(--bs-accordion-radius);
+  overflow: hidden;
+  font-family: inherit;
+}
+
+.bs-accordion__header {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  border: none;
+  background: transparent;
+  color: var(--bs-accordion-text-default);
+  padding: 0 var(--bs-accordion-header-padding-x);
+  cursor: pointer;
+  font-family: inherit;
+  text-align: left;
+  border-radius: var(--bs-accordion-radius);
+}
+
+.bs-accordion__header--medium {
+  padding-top: var(--bs-accordion-header-padding-y-medium);
+  padding-bottom: var(--bs-accordion-header-padding-y-medium);
+}
+
+.bs-accordion__header--large {
+  padding-top: var(--bs-accordion-header-padding-y-large);
+  padding-bottom: var(--bs-accordion-header-padding-y-large);
+}
+
+/* Icon=No: no icon box reserving space on the left -- the label gets the symmetric padding
+   directly, confirmed against Figma's Icon=No variant. */
+.bs-accordion__header--no-icon {
+  padding-left: var(--bs-accordion-header-padding-x);
+}
+
+.bs-accordion__header:hover,
+.bs-accordion__header:active {
+  background: var(--bs-accordion-bg-hover);
+}
+
+.bs-accordion__header:focus-visible {
+  background: var(--bs-accordion-bg-hover);
+  outline: 2px solid var(--bs-accordion-focus-ring);
+  outline-offset: -2px;
+  /* Ring radius = component radius + 2px, so the ring visually hugs the component's own rounded
+     corners instead of looking squared-off relative to them. */
+  border-radius: calc(var(--bs-accordion-radius) + 2px);
+}
+
+.bs-accordion__header:disabled {
+  background: var(--bs-accordion-bg-disabled);
+  color: var(--bs-accordion-text-disabled);
+  cursor: default;
+}
+
+.bs-accordion__icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  color: inherit;
+}
+
+.bs-accordion__icon svg {
+  width: 24px;
+  height: 24px;
+}
+
+.bs-accordion__icon--medium {
+  width: var(--bs-accordion-icon-width-medium);
+  height: var(--bs-accordion-icon-height-medium);
+}
+
+.bs-accordion__icon--large {
+  width: var(--bs-accordion-icon-size-large);
+  height: var(--bs-accordion-icon-size-large);
+}
+
+.bs-accordion__label {
+  flex: 1 1 auto;
+  min-width: 0;
+  font-size: var(--bs-accordion-font-size);
+  line-height: calc(var(--bs-accordion-line-height) * 1px);
+  font-weight: var(--bs-accordion-font-weight);
+}
+
+.bs-accordion__caret {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  flex-shrink: 0;
+  color: inherit;
+}
+
+.bs-accordion__caret svg {
+  width: 24px;
+  height: 24px;
+}
+
+.bs-accordion__content {
+  padding-top: 0;
+  padding-bottom: var(--bs-accordion-content-padding-bottom);
+  padding-right: var(--bs-accordion-content-padding-right);
+  padding-left: var(--bs-accordion-content-padding-left);
+  color: var(--bs-accordion-text-default);
+  font-size: var(--bs-accordion-font-size);
+  line-height: calc(var(--bs-accordion-line-height) * 1px);
+}
+
+.bs-accordion__content--no-icon {
+  padding-left: var(--bs-accordion-content-padding-left-no-icon);
+}
+
+/* Collapsed + showPreview: pure CSS truncation of the SAME slotted content to a single line --
+   not different content. */
+.bs-accordion__content--collapsed {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.bs-accordion--disabled .bs-accordion__content {
+  background: var(--bs-accordion-bg-disabled);
+  color: var(--bs-accordion-text-disabled);
+}