@brandsync/wc 1.19.0 → 1.20.1

package/dist/cjs/bs-app-recent-item_3.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
 const bsAppRecentItemCss = () => `:host{display:block;box-sizing:border-box;--bs-app-recent-item-padding-x:var(--bs-spacing-100);--bs-app-recent-item-padding-y:var(--bs-spacing-100);--bs-app-recent-item-gap:var(--bs-spacing-150);--bs-app-recent-item-radius:var(--bs-border-radius-100);--bs-app-recent-item-bg:transparent;--bs-app-recent-item-bg-hover:var(--bs-surface-hover);--bs-app-recent-item-bg-pressed:var(--bs-surface-pressed);--bs-app-recent-item-bg-current:var(--bs-surface-selected);--bs-app-recent-item-icon-bg:var(--bs-color-neutral-container);--bs-app-recent-item-color:var(--bs-text-default);--bs-app-recent-item-color-muted:var(--bs-text-secondary);--bs-app-recent-item-color-disabled:var(--bs-text-on-disabled);--bs-app-recent-item-focus-ring:var(--bs-border-neutral-focus)}.bs-app-recent-item{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-app-recent-item-gap);width:100%;margin:0;padding:var(--bs-app-recent-item-padding-y) var(--bs-app-recent-item-padding-x);border:0;border-radius:var(--bs-app-recent-item-radius);background:var(--bs-app-recent-item-bg);color:var(--bs-app-recent-item-color);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif;text-align:left;cursor:pointer}.bs-app-recent-item:hover,.bs-app-recent-item:active,.bs-app-recent-item[aria-current='true']{--bs-app-recent-item-icon-bg:var(--bs-surface-base)}.bs-app-recent-item[aria-current='true']{background:var(--bs-app-recent-item-bg-current)}.bs-app-recent-item:hover{background:var(--bs-app-recent-item-bg-hover)}.bs-app-recent-item:active{background:var(--bs-app-recent-item-bg-pressed)}.bs-app-recent-item:focus-visible{outline:var(--bs-spacing-25) solid var(--bs-app-recent-item-focus-ring);outline-offset:0}.bs-app-recent-item[aria-disabled='true']{background:var(--bs-app-recent-item-bg);color:var(--bs-app-recent-item-color-disabled);cursor:not-allowed}.bs-app-recent-item[aria-disabled='true'] .bs-app-recent-item__description{color:var(--bs-app-recent-item-color-disabled)}.bs-app-recent-item__icon{--bs-icon-tile-bg:var(--bs-app-recent-item-icon-bg);--bs-icon-tile-color:var(--bs-icon-default)}.bs-app-recent-item[aria-disabled='true'] .bs-app-recent-item__icon{--bs-icon-tile-color:var(--bs-app-recent-item-color-disabled)}.bs-app-recent-item__glyph{display:block;width:var(--bs-icon-tile-icon-size);height:var(--bs-icon-tile-icon-size);background:currentColor;-webkit-mask:var(--bs-app-recent-item-glyph) center / contain no-repeat;mask:var(--bs-app-recent-item-glyph) center / contain no-repeat}.bs-app-recent-item__text{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.bs-app-recent-item__name{font-size:var(--bs-fontsize-body-sm);font-weight:var(--bs-font-weight-medium);line-height:calc(var(--bs-line-height-body-sm) * 1px)}.bs-app-recent-item__description{color:var(--bs-app-recent-item-color-muted);font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-app-recent-item__name,.bs-app-recent-item__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`;
 
@@ -34,10 +34,10 @@ const BsAppRecentItem = class {
             onClick: this.onClick,
         };
         const body = [
-            index.h("bs-icon-tile", { key: '25195db69c69ce67d0679a08ae8747829ceded31', part: "icon", class: "bs-app-recent-item__icon", size: "md" }, this.icon ? index.h("span", { class: "bs-app-recent-item__glyph", style: { '--bs-app-recent-item-glyph': `url(${JSON.stringify(this.icon)})` } }) : index.h("slot", null)),
-            index.h("span", { key: 'ef11e62cab8201965e9d8c0d6f2afbc520b11af8', class: "bs-app-recent-item__text" }, index.h("span", { key: 'fad916fcc805b11e1659aa6885aa38651c99f1d3', part: "name", class: "bs-app-recent-item__name" }, this.name), this.description && (index.h("span", { key: 'e4b5d5c3f944b47de6637db714e661ad6df9735f', part: "description", class: "bs-app-recent-item__description" }, this.description))),
+            index.h("bs-icon-tile", { key: 'dba9c2186088e32388156d6cba1fb2d4bb63909a', part: "icon", class: "bs-app-recent-item__icon", size: "md" }, this.icon ? index.h("span", { class: "bs-app-recent-item__glyph", style: { '--bs-app-recent-item-glyph': `url(${JSON.stringify(this.icon)})` } }) : index.h("slot", null)),
+            index.h("span", { key: '1c5c4e8cee96487647c89f688b8ec34ca8f46ff6', class: "bs-app-recent-item__text" }, index.h("span", { key: '49477af6347c0852d60990053c45e81a8a9ad5a5', part: "name", class: "bs-app-recent-item__name" }, this.name), this.description && (index.h("span", { key: 'be09443548bdb0740e9374572e85a272b6c2ee46', part: "description", class: "bs-app-recent-item__description" }, this.description))),
         ];
-        return (index.h("button", { key: '8fe690965c53eea77a004123ecdddec7f1172e42', ...common, type: "button" }, body));
+        return (index.h("button", { key: 'a705988cedb88540ad48acc4f15387e468499968', ...common, type: "button" }, body));
     }
 };
 BsAppRecentItem.style = bsAppRecentItemCss();
@@ -123,7 +123,7 @@ const BsSkeleton = class {
             lines.push(index.h("span", { part: "line", class: { 'bs-skeleton__line': true, [`bs-skeleton__line--${this.variant}`]: true, 'bs-skeleton__line--short': isShortLast }, style: style }));
         }
         const hasLabel = !!this.label;
-        return (index.h("span", { key: '0ee4009d1f3de93bdca785aac769f559c42b4d27', part: "container", class: { 'bs-skeleton': true, 'bs-skeleton--animated': this.animated, [`bs-skeleton--${this.variant}`]: true }, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, lines));
+        return (index.h("span", { key: 'cdaaa8a2de9a1552a900a1ef33e3a7259e57ed3e', part: "container", class: { 'bs-skeleton': true, 'bs-skeleton--animated': this.animated, [`bs-skeleton--${this.variant}`]: true }, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, lines));
     }
 };
 BsSkeleton.style = bsSkeletonCss();

package/dist/cjs/bs-app-shell.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
 const bsAppShellCss = () => `:host{display:block;height:100%;min-width:0;--bs-app-shell-bg:var(--bs-surface-base);--bs-app-shell-color:var(--bs-text-default);--bs-app-shell-main-padding:var(--bs-spacing-400);--bs-app-shell-aside-width:auto}:host(:not([full-height])){height:auto;min-height:100vh}.bs-app-shell{display:grid;grid-template-columns:auto minmax(0, 1fr) var(--bs-app-shell-aside-width);grid-template-rows:auto minmax(0, 1fr);grid-template-areas:'header header header'     'navigation main aside';height:100%;min-height:inherit;box-sizing:border-box;background:var(--bs-app-shell-bg);color:var(--bs-app-shell-color)}.bs-app-shell__header{grid-area:header;min-width:0}.bs-app-shell__navigation{grid-area:navigation;min-height:0;display:flex}.bs-app-shell__navigation ::slotted(*){height:100%}.bs-app-shell__main{grid-area:main;min-width:0;min-height:0;overflow:auto;padding:var(--bs-app-shell-main-padding);box-sizing:border-box}.bs-app-shell__aside{grid-area:aside;min-height:0;overflow:auto}`;
 
@@ -11,7 +11,7 @@ const BsAppShell = class {
     /** When true the host is `height: 100%`; when false it is content-sized with `min-height: 100vh`. */
     fullHeight = true;
     render() {
-        return (index.h("div", { key: 'ff8c3b56c5ef688cc6c0ea56506ff11276e8d3e3', class: "bs-app-shell", part: "container" }, index.h("div", { key: 'd5774240964b2983194a2159a0a1144a21a6d283', class: "bs-app-shell__header", part: "header" }, index.h("slot", { key: '277a167b2f8bedde05303de0c40d3eba2ca2d991', name: "header" })), index.h("div", { key: '239b9188f0d433fead73cbef56adf4c2814481e8', class: "bs-app-shell__navigation", part: "navigation" }, index.h("slot", { key: '40ae1bad1999bc8d7ab42fd3d42871a5ca6f7e6f', name: "navigation" })), index.h("main", { key: '4ac23628e313bce91c8ba91b988cef538561d5db', class: "bs-app-shell__main", part: "main" }, index.h("slot", { key: '33b33785532d89474eaba090fdb4dc46975f0e2b' })), index.h("div", { key: '5b746ae7fb368233c68cc67f983b34229d5103d1', class: "bs-app-shell__aside", part: "aside" }, index.h("slot", { key: 'c68ae0b5809ad6ea9e4f02e0bdb9364e0ccc914b', name: "aside" }))));
+        return (index.h("div", { key: '413d1ca357dc8f965c2c126ea8cc923d533678b4', class: "bs-app-shell", part: "container" }, index.h("div", { key: 'e03fcf75e89168ab64f2abf068ce5f764bedd793', class: "bs-app-shell__header", part: "header" }, index.h("slot", { key: 'cec39829282c89b37bd1c08ac50f9740ae4e2800', name: "header" })), index.h("div", { key: 'e10cbea46eb0bc25f55201990ee412123111878e', class: "bs-app-shell__navigation", part: "navigation" }, index.h("slot", { key: '8d4b764e76e7e96ac0605886fc40b1b2edd5703c', name: "navigation" })), index.h("main", { key: 'c89a3db0a2c160bc397d5fa6ffab9ef8ab88f99e', class: "bs-app-shell__main", part: "main" }, index.h("slot", { key: '0a6250177f2a20b7fe4c1edd667afe1e5803658f' })), index.h("div", { key: '1a8d637f15be869915b815903c2a590e8504c057', class: "bs-app-shell__aside", part: "aside" }, index.h("slot", { key: 'c6e13833e120dca04961105d8c083072f035d5ff', name: "aside" }))));
     }
 };
 BsAppShell.style = bsAppShellCss();

package/dist/cjs/bs-app-switcher.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
 const bsAppSwitcherCss = () => `:host{display:block;box-sizing:border-box;width:var(--bs-app-switcher-width);max-width:100%;--bs-app-switcher-width:360px;--bs-app-switcher-radius:var(--bs-border-radius-150);--bs-app-switcher-bg:var(--bs-surface-base);--bs-app-switcher-border-color:var(--bs-border-default);--bs-app-switcher-shadow:var(--bs-shadow-position-0) var(--bs-shadow-position-100) var(--bs-shadow-blur-200) var(--bs-elevation-higher);--bs-app-switcher-padding:var(--bs-spacing-150);--bs-app-switcher-text-color:var(--bs-text-default);--bs-app-switcher-header-color:var(--bs-text-secondary);--bs-app-switcher-link-color:var(--bs-text-action);--bs-app-switcher-focus-ring:var(--bs-border-neutral-focus)}.bs-app-switcher{display:block;position:relative;--bs-card-bg:var(--bs-app-switcher-bg);--bs-card-radius:var(--bs-app-switcher-radius);--bs-card-padding:0px;--bs-card-border-width:1px;--bs-card-border-color:var(--bs-app-switcher-border-color);--bs-card-shadow:var(--bs-app-switcher-shadow)}.bs-app-switcher__header,.bs-app-switcher__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--bs-spacing-150) var(--bs-spacing-200)}.bs-app-switcher__heading{margin:0;color:var(--bs-app-switcher-text-color);font-family:var(--bs-typography-font-family-heading, Roboto), sans-serif;font-size:var(--bs-fontsize-heading-h6);font-weight:var(--bs-font-weight-bold);line-height:calc(var(--bs-line-height-heading-h6) * 1px)}.bs-app-switcher__manage,.bs-app-switcher__browse{display:inline-flex;align-items:center;gap:var(--bs-spacing-50);margin:0;padding:0;border:0;border-radius:var(--bs-border-radius-50);background:none;font-family:var(--bs-typography-font-family-body, Roboto), sans-serif;cursor:pointer}.bs-app-switcher__manage{color:var(--bs-app-switcher-text-color);font-size:var(--bs-fontsize-body-sm);font-weight:var(--bs-font-weight-medium);line-height:calc(var(--bs-line-height-body-sm) * 1px);text-decoration:none}.bs-app-switcher__browse{color:var(--bs-app-switcher-link-color);font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px);text-decoration:underline}.bs-app-switcher__manage:hover,.bs-app-switcher__browse:hover{color:var(--bs-text-action-hover)}.bs-app-switcher__manage:focus-visible,.bs-app-switcher__browse:focus-visible{outline:var(--bs-spacing-25) solid var(--bs-app-switcher-focus-ring);outline-offset:var(--bs-spacing-25)}.bs-app-switcher__external{width:var(--bs-spacing-150);height:var(--bs-spacing-150);flex:none}.bs-app-switcher__search{padding:var(--bs-spacing-150) var(--bs-app-switcher-padding) var(--bs-spacing-50)}.bs-app-switcher__search bs-input{width:100%}.bs-app-switcher__body{padding:var(--bs-spacing-50) var(--bs-app-switcher-padding) var(--bs-spacing-150)}.bs-app-switcher__group-header{padding:var(--bs-spacing-100) var(--bs-spacing-100) var(--bs-spacing-50);color:var(--bs-app-switcher-header-color);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif;font-size:var(--bs-fontsize-caption-sm);font-weight:var(--bs-font-weight-semibold);line-height:calc(var(--bs-line-height-caption-sm) * 1px);letter-spacing:var(--bs-letter-spacing-wide);text-transform:uppercase}.bs-app-switcher__grid,.bs-app-switcher__list{display:grid;margin:0;padding:0;list-style:none}.bs-app-switcher__grid--grid{grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--bs-spacing-150)}.bs-app-switcher__grid--compact{grid-template-columns:repeat(4, minmax(0, 1fr));gap:var(--bs-spacing-100)}.bs-app-switcher__section-divider{display:block;width:calc(100% + var(--bs-app-switcher-padding) * 2);margin:0 calc(var(--bs-app-switcher-padding) * -1)}.bs-app-switcher__empty{--bs-empty-state-padding-y:var(--bs-spacing-300)}.bs-app-switcher__skeleton-header{--bs-skeleton-width:var(--bs-sizing-1000);display:block;padding:var(--bs-spacing-100)}.bs-app-switcher__skeleton-tile{display:flex;flex-direction:column;align-items:center;gap:var(--bs-spacing-150);padding:var(--bs-spacing-150)}.bs-app-switcher__skeleton-icon{--bs-skeleton-width:calc(var(--bs-sizing-500) + var(--bs-spacing-50));--bs-skeleton-rect-height:calc(var(--bs-sizing-500) + var(--bs-spacing-50))}.bs-app-switcher__skeleton-label{--bs-skeleton-width:var(--bs-sizing-800)}.bs-app-switcher__live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}`;
 

package/dist/cjs/bs-attachment-list.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
 const bsAttachmentListCss = () => `:host{display:block;--bs-attachment-list-gap:10px;--bs-attachment-list-padding:var(--bs-spacing-150);--bs-attachment-list-fade-color:var(--bs-static-white);--bs-attachment-list-fade-width:var(--bs-spacing-800);--bs-attachment-list-scrollbar-thumb:var(--bs-neutral-300)}.bs-attachment-list{box-sizing:border-box;position:relative}.bs-attachment-list__row{box-sizing:border-box;display:flex;align-items:flex-start;gap:var(--bs-attachment-list-gap);padding:var(--bs-attachment-list-padding);overflow-x:auto;scrollbar-width:none}.bs-attachment-list__row::-webkit-scrollbar{height:4px}.bs-attachment-list__row::-webkit-scrollbar-track{background:transparent}.bs-attachment-list__row::-webkit-scrollbar-thumb{background:transparent;border-radius:var(--bs-border-radius-full)}.bs-attachment-list__row:hover::-webkit-scrollbar-thumb,.bs-attachment-list__row:focus-within::-webkit-scrollbar-thumb{background:var(--bs-attachment-list-scrollbar-thumb)}.bs-attachment-list__fade{position:absolute;top:0;inset-inline-end:0;bottom:0;width:var(--bs-attachment-list-fade-width);pointer-events:none;background:linear-gradient(to right, transparent, var(--bs-attachment-list-fade-color))}`;
 
@@ -39,7 +39,7 @@ const BsAttachmentList = class {
         this.canScrollRight = row.scrollWidth - row.clientWidth - row.scrollLeft > 1;
     };
     render() {
-        return (index.h("div", { key: 'c01982051a8914fcaede14e787f362a4f82a317d', class: "bs-attachment-list" }, index.h("div", { key: '9475c8aa5dec12ed9356f72326bdc4ab215576d5', part: "row", class: "bs-attachment-list__row", ref: el => (this.row = el), onScroll: this.onScroll, role: "group", "aria-label": this.ariaLabel, tabIndex: 0 }, index.h("slot", { key: '85db80cf4422334d291377e5cc7390f69e014676', onSlotchange: this.onSlotchange })), this.canScrollRight && index.h("div", { key: 'a8659966ec3fd0a128a9e4b5d40ff7121b919172', part: "fade", class: "bs-attachment-list__fade", "aria-hidden": "true" })));
+        return (index.h("div", { key: 'ff420857d6be7d6db3643759dfd328edc473f8b0', class: "bs-attachment-list" }, index.h("div", { key: '3c62c72f7d4a7477baa07eb4b3d358f23729395e', part: "row", class: "bs-attachment-list__row", ref: el => (this.row = el), onScroll: this.onScroll, role: "group", "aria-label": this.ariaLabel, tabIndex: 0 }, index.h("slot", { key: '4b510eca2db2a3fdf4992fdcf1c5fe95d4089aad', onSlotchange: this.onSlotchange })), this.canScrollRight && index.h("div", { key: 'fcb930e61971ed1225b9da2706e8ad66c9db2628', part: "fade", class: "bs-attachment-list__fade", "aria-hidden": "true" })));
     }
 };
 BsAttachmentList.style = bsAttachmentListCss();

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
-const bsAttachmentCss = () => `:host{display:inline-block;--bs-attachment-size:112px;--bs-attachment-radius:var(--bs-border-radius-100);--bs-attachment-border-color:var(--bs-border-default);--bs-attachment-card-bg:var(--bs-surface-base);--bs-attachment-filename-color:var(--bs-text-default);--bs-attachment-badge-bg-pdf:var(--bs-badge-bg-error);--bs-attachment-badge-bg-document:var(--bs-badge-bg-info)}.bs-attachment{box-sizing:border-box;position:relative;display:inline-flex;font-family:inherit}.bs-attachment__thumbnail{position:relative;width:var(--bs-attachment-size);height:var(--bs-attachment-size);border-radius:var(--bs-attachment-radius);overflow:hidden}.bs-attachment--loading .bs-attachment__thumbnail{border:var(--bs-border-width-thin) solid var(--bs-attachment-border-color)}.bs-attachment__image{display:block;width:100%;height:100%;object-fit:cover}.bs-attachment--loading .bs-attachment__image{filter:blur(2px)}.bs-attachment__spinner--overlay{position:absolute;top:50%;left:50%}.bs-attachment__card{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:var(--bs-spacing-100);width:var(--bs-attachment-size);height:var(--bs-attachment-size);padding:var(--bs-spacing-100);background:var(--bs-attachment-card-bg);border:var(--bs-border-width-thin) solid var(--bs-attachment-border-color);border-radius:var(--bs-attachment-radius)}.bs-attachment__filename{margin:0;flex:1 0 0;min-height:0;width:100%;overflow:hidden;color:var(--bs-attachment-filename-color);font-size:var(--bs-font-size-xs);line-height:calc(var(--bs-line-height-caption-sm) * 1px);text-overflow:ellipsis;word-break:break-word}.bs-attachment__badge{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--bs-spacing-50);border-radius:var(--bs-border-radius-50)}.bs-attachment__badge--pdf{background:var(--bs-attachment-badge-bg-pdf)}.bs-attachment__badge--document{background:var(--bs-attachment-badge-bg-document)}.bs-attachment__remove{position:absolute;top:var(--bs-spacing-100);inset-inline-end:var(--bs-spacing-100);opacity:0;pointer-events:none;transition:opacity var(--bs-duration-fast) var(--bs-easing-standard)}.bs-attachment:hover .bs-attachment__remove,.bs-attachment:focus-within .bs-attachment__remove{opacity:1;pointer-events:auto}.bs-attachment__spinner{display:inline-block;box-sizing:border-box;border:2px solid rgba(255, 255, 255, 0.35);border-top-color:var(--bs-white);border-radius:50%;animation:bs-attachment-spin 0.8s linear infinite}.bs-attachment__spinner.bs-attachment__spinner--overlay{animation-name:bs-attachment-spin-centered}@keyframes bs-attachment-spin{to{transform:rotate(360deg)}}@keyframes bs-attachment-spin-centered{from{transform:translate(-50%, -50%) rotate(0deg)}to{transform:translate(-50%, -50%) rotate(360deg)}}@media (prefers-reduced-motion: reduce){.bs-attachment__spinner{animation:none}}`;
+const bsAttachmentCss = () => `:host{display:inline-block;--bs-attachment-size:112px;--bs-attachment-radius:var(--bs-border-radius-100);--bs-attachment-border-color:var(--bs-border-default);--bs-attachment-card-bg:var(--bs-surface-base);--bs-attachment-filename-color:var(--bs-text-default);--bs-attachment-badge-bg-pdf:var(--bs-badge-bg-error);--bs-attachment-badge-bg-document:var(--bs-badge-bg-info)}.bs-attachment{box-sizing:border-box;position:relative;display:inline-flex;font-family:inherit}.bs-attachment__thumbnail{position:relative;width:var(--bs-attachment-size);height:var(--bs-attachment-size);border-radius:var(--bs-attachment-radius);overflow:hidden}.bs-attachment--loading .bs-attachment__thumbnail{border:var(--bs-border-width-thin) solid var(--bs-attachment-border-color)}.bs-attachment__image{display:block;width:100%;height:100%;object-fit:cover}.bs-attachment--loading .bs-attachment__image{filter:blur(2px)}.bs-attachment__spinner--overlay{position:absolute;top:50%;left:50%}.bs-attachment__card{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:var(--bs-spacing-100);width:var(--bs-attachment-size);height:var(--bs-attachment-size);padding:var(--bs-spacing-100);background:var(--bs-attachment-card-bg);border:var(--bs-border-width-thin) solid var(--bs-attachment-border-color);border-radius:var(--bs-attachment-radius)}.bs-attachment__filename{margin:0;flex:1 0 0;min-height:0;width:100%;overflow:hidden;color:var(--bs-attachment-filename-color);font-size:var(--bs-font-size-xs);line-height:calc(var(--bs-line-height-caption-sm) * 1px);text-overflow:ellipsis;word-break:break-word}.bs-attachment__badge{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--bs-spacing-50);border-radius:var(--bs-border-radius-50)}.bs-attachment__badge--pdf{background:var(--bs-attachment-badge-bg-pdf)}.bs-attachment__badge--document{background:var(--bs-attachment-badge-bg-document)}.bs-attachment__remove{position:absolute;display:flex;top:var(--bs-spacing-150);inset-inline-end:var(--bs-spacing-150);opacity:0;pointer-events:none;transition:opacity var(--bs-duration-fast) var(--bs-easing-standard)}.bs-attachment:hover .bs-attachment__remove,.bs-attachment:focus-within .bs-attachment__remove{opacity:1;pointer-events:auto}.bs-attachment__spinner{display:inline-block;box-sizing:border-box;border:2px solid rgba(255, 255, 255, 0.35);border-top-color:var(--bs-white);border-radius:50%;animation:bs-attachment-spin 0.8s linear infinite}.bs-attachment__spinner.bs-attachment__spinner--overlay{animation-name:bs-attachment-spin-centered}@keyframes bs-attachment-spin{to{transform:rotate(360deg)}}@keyframes bs-attachment-spin-centered{from{transform:translate(-50%, -50%) rotate(0deg)}to{transform:translate(-50%, -50%) rotate(360deg)}}@media (prefers-reduced-motion: reduce){.bs-attachment__spinner{animation:none}}`;
 
 const BsAttachment = class {
     constructor(hostRef) {

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
-const bsAvatarCss = () => `:host{display:inline-flex;vertical-align:middle;--bs-avatar-size-xs:24px;--bs-avatar-size-sm:32px;--bs-avatar-size-md:44px;--bs-avatar-size-lg:64px;--bs-avatar-size-xl:96px;--bs-avatar-size-xxl:128px;--bs-avatar-radius:var(--bs-border-radius-full);--bs-avatar-border-width:var(--bs-border-width-thin);--bs-avatar-border-width-xxl:1.333px}.bs-avatar{box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--bs-avatar-radius);border:var(--bs-avatar-border-width) solid var(--bs-avatar-border-primary);background:var(--bs-avatar-bg-dafault);flex-shrink:0;user-select:none;-webkit-user-select:none}.bs-avatar--xs{width:var(--bs-avatar-size-xs);height:var(--bs-avatar-size-xs)}.bs-avatar--sm{width:var(--bs-avatar-size-sm);height:var(--bs-avatar-size-sm)}.bs-avatar--md{width:var(--bs-avatar-size-md);height:var(--bs-avatar-size-md)}.bs-avatar--lg{width:var(--bs-avatar-size-lg);height:var(--bs-avatar-size-lg)}.bs-avatar--xl{width:var(--bs-avatar-size-xl);height:var(--bs-avatar-size-xl)}.bs-avatar--xxl{width:var(--bs-avatar-size-xxl);height:var(--bs-avatar-size-xxl);border-width:var(--bs-avatar-border-width-xxl)}.bs-avatar__image{display:block;width:100%;height:100%;object-fit:cover}.bs-avatar__icon{width:60%;height:60%;color:var(--bs-avatar-icon-primary)}.bs-avatar__initials{color:var(--bs-avatar-text-default);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif;font-weight:var(--bs-font-weight-medium);text-align:center;white-space:nowrap}.bs-avatar--xs .bs-avatar__initials,.bs-avatar--sm .bs-avatar__initials{font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-avatar--md .bs-avatar__initials{font-family:var(--bs-typography-font-family-heading, Roboto), sans-serif;font-weight:var(--bs-font-weight-bold);font-size:var(--bs-fontsize-heading-h6);line-height:calc(var(--bs-line-height-heading-h6) * 1px)}.bs-avatar--lg .bs-avatar__initials{font-size:var(--bs-fontsize-body-md);line-height:calc(var(--bs-line-height-body-md) * 1px)}.bs-avatar--xl .bs-avatar__initials,.bs-avatar--xxl .bs-avatar__initials{font-family:var(--bs-typography-font-family-heading, Roboto), sans-serif;font-weight:var(--bs-font-weight-bold);font-size:var(--bs-fontsize-heading-h4);line-height:calc(var(--bs-line-height-heading-h4) * 1px)}:host(:hover:not([disabled])) .bs-avatar{background:var(--bs-avatar-bg-hover);border-color:var(--bs-avatar-border-hover)}:host(:active:not([disabled])) .bs-avatar{background:var(--bs-avatar-bg-pressed);border-color:var(--bs-avatar-border-pressed)}:host(:focus-visible:not([disabled])){outline:none}:host(:focus-visible:not([disabled])) .bs-avatar{background:var(--bs-avatar-bg-focused);border-color:var(--bs-avatar-border-focused);box-shadow:0 0 0 3px var(--bs-avatar-border-focus)}:host([disabled]){opacity:0.5}`;
+const bsAvatarCss = () => `:host{display:inline-flex;vertical-align:middle;--bs-avatar-size-xs:24px;--bs-avatar-size-sm:32px;--bs-avatar-size-md:44px;--bs-avatar-size-lg:64px;--bs-avatar-size-xl:96px;--bs-avatar-size-xxl:128px;--bs-avatar-radius:var(--bs-border-radius-full);--bs-avatar-border-width:var(--bs-border-width-thin);--bs-avatar-border-width-xxl:1.333px}.bs-avatar{box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--bs-avatar-radius);border:var(--bs-avatar-border-width) solid var(--bs-avatar-border-primary);background:var(--bs-avatar-bg-dafault);flex-shrink:0;user-select:none;-webkit-user-select:none}.bs-avatar--xs{width:var(--bs-avatar-size-xs);height:var(--bs-avatar-size-xs);--bs-avatar-icon-size:calc(var(--bs-avatar-size-xs) * 0.6)}.bs-avatar--sm{width:var(--bs-avatar-size-sm);height:var(--bs-avatar-size-sm);--bs-avatar-icon-size:calc(var(--bs-avatar-size-sm) * 0.6)}.bs-avatar--md{width:var(--bs-avatar-size-md);height:var(--bs-avatar-size-md);--bs-avatar-icon-size:calc(var(--bs-avatar-size-md) * 0.6)}.bs-avatar--lg{width:var(--bs-avatar-size-lg);height:var(--bs-avatar-size-lg);--bs-avatar-icon-size:calc(var(--bs-avatar-size-lg) * 0.6)}.bs-avatar--xl{width:var(--bs-avatar-size-xl);height:var(--bs-avatar-size-xl);--bs-avatar-icon-size:calc(var(--bs-avatar-size-xl) * 0.6)}.bs-avatar--xxl{width:var(--bs-avatar-size-xxl);height:var(--bs-avatar-size-xxl);--bs-avatar-icon-size:calc(var(--bs-avatar-size-xxl) * 0.6);border-width:var(--bs-avatar-border-width-xxl)}.bs-avatar__image{display:block;width:100%;height:100%;object-fit:cover}.bs-avatar__icon{--bs-icon-size:var(--bs-avatar-icon-size);color:var(--bs-avatar-icon-primary)}.bs-avatar__initials{color:var(--bs-avatar-text-default);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif;font-weight:var(--bs-font-weight-medium);text-align:center;white-space:nowrap}.bs-avatar--xs .bs-avatar__initials,.bs-avatar--sm .bs-avatar__initials{font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-avatar--md .bs-avatar__initials{font-family:var(--bs-typography-font-family-heading, Roboto), sans-serif;font-weight:var(--bs-font-weight-bold);font-size:var(--bs-fontsize-heading-h6);line-height:calc(var(--bs-line-height-heading-h6) * 1px)}.bs-avatar--lg .bs-avatar__initials{font-size:var(--bs-fontsize-body-md);line-height:calc(var(--bs-line-height-body-md) * 1px)}.bs-avatar--xl .bs-avatar__initials,.bs-avatar--xxl .bs-avatar__initials{font-family:var(--bs-typography-font-family-heading, Roboto), sans-serif;font-weight:var(--bs-font-weight-bold);font-size:var(--bs-fontsize-heading-h4);line-height:calc(var(--bs-line-height-heading-h4) * 1px)}:host(:hover:not([disabled])) .bs-avatar{background:var(--bs-avatar-bg-hover);border-color:var(--bs-avatar-border-hover)}:host(:active:not([disabled])) .bs-avatar{background:var(--bs-avatar-bg-pressed);border-color:var(--bs-avatar-border-pressed)}:host(:focus-visible:not([disabled])){outline:none}:host(:focus-visible:not([disabled])) .bs-avatar{background:var(--bs-avatar-bg-focused);border-color:var(--bs-avatar-border-focused);box-shadow:0 0 0 3px var(--bs-avatar-border-focus)}:host([disabled]){opacity:0.5}`;
 
 const BsAvatar = class {
     constructor(hostRef) {
@@ -45,16 +45,9 @@ const BsAvatar = class {
         if (this.type === 'image') {
             return (index.h("span", { part: "container", class: classes }, index.h("img", { part: "image", class: "bs-avatar__image", src: this.src ?? undefined, alt: this.alt ?? '' })));
         }
-        return (index.h("span", { part: "container", class: classes, role: "img", "aria-label": this.ariaLabel ?? undefined }, this.type === 'initials' ? (index.h("span", { part: "initials", class: "bs-avatar__initials" }, this.initials)) : (index.h(UserIcon, null))));
+        return (index.h("span", { part: "container", class: classes, role: "img", "aria-label": this.ariaLabel ?? undefined }, this.type === 'initials' ? (index.h("span", { part: "initials", class: "bs-avatar__initials" }, this.initials)) : (index.h("bs-icon", { part: "icon", class: "bs-avatar__icon", name: "user", tone: "inherit" }))));
     }
 };
-// A generic, standard "user" silhouette (head + shoulders bust) -- not a pixel port of Figma's own
-// exported icon asset (a plain raster/vector glyph this common isn't a proprietary brand asset
-// worth treating as a fixed image import, unlike e.g. bs-logo's actual wordmark), same
-// inline-icon-helper-function pattern as bs-chatbot-header.tsx's NewChatIcon/ExpandIcon/etc. Single
-// shared viewBox scales cleanly to every avatar size via plain CSS width/height, so one glyph
-// covers all six sizes.
-const UserIcon = () => (index.h("svg", { part: "icon", class: "bs-avatar__icon", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("circle", { cx: "12", cy: "8", r: "4", fill: "currentColor" }), index.h("path", { d: "M4 20.5C4 16.634 7.582 13.5 12 13.5C16.418 13.5 20 16.634 20 20.5", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" })));
 BsAvatar.style = bsAvatarCss();
 
 exports.bs_avatar = BsAvatar;

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
-const bsBadgeCss = () => `:host{display:inline-block}.bs-badge{display:inline-flex;align-items:center;height:var(--bs-spacing-400);padding:0 var(--bs-spacing-200);border-radius:var(--bs-border-radius-full);font-size:var(--bs-font-size-xs);font-weight:var(--bs-font-weight-medium);font-family:inherit;white-space:nowrap}.bs-badge--default{background:var(--bs-badge-bg-default);color:var(--bs-badge-text-default)}.bs-badge--primary{background:var(--bs-badge-bg-primary-container);color:var(--bs-badge-text-primary)}.bs-badge--success{background:var(--bs-badge-bg-success-container);color:var(--bs-badge-text-success)}.bs-badge--warning{background:var(--bs-badge-bg-warning-container);color:var(--bs-badge-text-warning)}.bs-badge--info{background:var(--bs-badge-bg-info-container);color:var(--bs-badge-text-info)}.bs-badge--error{background:var(--bs-badge-bg-error-container);color:var(--bs-badge-text-error)}.bs-badge--neutral{background:var(--bs-badge-bg-neutral-container);color:var(--bs-badge-text-neutral)}.bs-badge--inverse{background:var(--bs-badge-bg-inverse);color:var(--bs-badge-text-inverse)}`;
+const bsBadgeCss = () => `:host{display:inline-block}.bs-badge{display:inline-flex;align-items:center;height:var(--bs-spacing-400);padding:0 var(--bs-spacing-200);border-radius:var(--bs-border-radius-full);font-size:var(--bs-font-size-xs);font-weight:var(--bs-font-weight-medium);font-family:inherit;white-space:nowrap}.bs-badge--default{background:var(--bs-badge-bg-default);color:var(--bs-badge-text-default)}.bs-badge--primary{background:var(--bs-badge-bg-primary-container);color:var(--bs-badge-text-primary)}.bs-badge--success{background:var(--bs-badge-bg-success-container);color:var(--bs-badge-text-success)}.bs-badge--warning{background:var(--bs-badge-bg-warning-container);color:var(--bs-badge-text-warning)}.bs-badge--info{background:var(--bs-badge-bg-info-container);color:var(--bs-badge-text-info)}.bs-badge--error{background:var(--bs-badge-bg-error-container);color:var(--bs-badge-text-error)}.bs-badge--neutral{background:var(--bs-badge-bg-neutral-container);color:var(--bs-badge-text-neutral)}.bs-badge--inverse{background:var(--bs-surface-inverse);color:var(--bs-badge-text-inverse)}`;
 
 const BsBadge = class {
     constructor(hostRef) {

package/dist/cjs/bs-breadcrumb-overflow.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
 const bsBreadcrumbOverflowCss = () => `:host{display:inline-flex;align-items:center;--bs-breadcrumb-overflow-gap:var(--bs-spacing-50);--bs-breadcrumb-overflow-separator-color:var(--bs-icon-default);--bs-breadcrumb-overflow-ellipsis-color:var(--bs-icon-muted);--bs-breadcrumb-overflow-radius:var(--bs-border-radius-100);--bs-breadcrumb-overflow-padding-y:var(--bs-spacing-100);--bs-breadcrumb-overflow-padding-x:var(--bs-spacing-150);--bs-breadcrumb-overflow-hover:var(--bs-color-neutral-container-hover);--bs-breadcrumb-overflow-color:var(--bs-text-muted);--bs-breadcrumb-overflow-font-size:var(--bs-font-size-md);--bs-breadcrumb-overflow-line-height:var(--bs-line-height-body-md);--bs-breadcrumb-overflow-font-size-sm:var(--bs-font-size-sm);--bs-breadcrumb-overflow-line-height-sm:var(--bs-line-height-body-sm);gap:var(--bs-breadcrumb-overflow-gap)}:host(:first-child) .bs-breadcrumb-overflow__separator{display:none}:host([size='sm']) .bs-breadcrumb-overflow__link{font-size:var(--bs-breadcrumb-overflow-font-size-sm);line-height:calc(var(--bs-breadcrumb-overflow-line-height-sm) * 1px)}.bs-breadcrumb-overflow__separator{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:var(--bs-breadcrumb-overflow-separator-color)}.bs-breadcrumb-overflow__separator svg{width:16px;height:16px}.bs-breadcrumb-overflow__wrapper{position:relative;display:inline-flex}.bs-breadcrumb-overflow__ellipsis{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;padding:0;border:none;background:transparent;cursor:pointer;color:var(--bs-breadcrumb-overflow-ellipsis-color);border-radius:var(--bs-breadcrumb-overflow-radius)}.bs-breadcrumb-overflow__ellipsis:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-breadcrumb-overflow__ellipsis svg{width:24px;height:24px}.bs-breadcrumb-overflow__menu{position:absolute;top:calc(100% + var(--bs-breadcrumb-overflow-gap));inset-inline-start:0;z-index:1;white-space:nowrap}.bs-breadcrumb-overflow__link{display:block;box-sizing:border-box;padding:var(--bs-breadcrumb-overflow-padding-y) var(--bs-breadcrumb-overflow-padding-x);border-radius:var(--bs-breadcrumb-overflow-radius);color:var(--bs-breadcrumb-overflow-color);font-size:var(--bs-breadcrumb-overflow-font-size);line-height:calc(var(--bs-breadcrumb-overflow-line-height) * 1px);text-decoration:none;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}a.bs-breadcrumb-overflow__link:hover,a.bs-breadcrumb-overflow__link:focus-visible{background:var(--bs-breadcrumb-overflow-hover)}a.bs-breadcrumb-overflow__link:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:-2px}`;
 

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
-const bsBreadcrumbCss = () => `:host{display:inline-flex;align-items:center;--bs-breadcrumb-gap:var(--bs-spacing-50);--bs-breadcrumb-separator-color:var(--bs-icon-default);--bs-breadcrumb-color-default:var(--bs-text-muted);--bs-breadcrumb-color-hover:var(--bs-text-default);--bs-breadcrumb-color-current:var(--bs-text-default);--bs-breadcrumb-font-size:var(--bs-font-size-md);--bs-breadcrumb-line-height:var(--bs-line-height-body-md);--bs-breadcrumb-font-size-sm:var(--bs-font-size-sm);--bs-breadcrumb-line-height-sm:var(--bs-line-height-body-sm);--bs-breadcrumb-font-weight-default:var(--bs-font-weight-regular);--bs-breadcrumb-font-weight-current:var(--bs-font-weight-semibold);--bs-breadcrumb-focus-ring-color:var(--bs-border-neutral-focus);--bs-breadcrumb-radius:var(--bs-border-radius-50);gap:var(--bs-breadcrumb-gap);font-family:inherit;font-size:var(--bs-breadcrumb-font-size);line-height:calc(var(--bs-breadcrumb-line-height) * 1px)}:host(:first-child) .bs-breadcrumb__separator{display:none}:host([size='sm']){font-size:var(--bs-breadcrumb-font-size-sm);line-height:calc(var(--bs-breadcrumb-line-height-sm) * 1px)}.bs-breadcrumb__separator{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:var(--bs-breadcrumb-separator-color)}.bs-breadcrumb__separator svg{width:16px;height:16px}.bs-breadcrumb__link{color:var(--bs-breadcrumb-color-default);font-weight:var(--bs-breadcrumb-font-weight-default);text-decoration:none;border-radius:var(--bs-breadcrumb-radius);transition:color var(--bs-duration-fast) var(--bs-easing-standard)}a.bs-breadcrumb__link:hover{color:var(--bs-breadcrumb-color-hover)}a.bs-breadcrumb__link:focus-visible{outline:2px solid var(--bs-breadcrumb-focus-ring-color);outline-offset:2px}.bs-breadcrumb__current{color:var(--bs-breadcrumb-color-current);font-weight:var(--bs-breadcrumb-font-weight-current)}`;
+const bsBreadcrumbCss = () => `:host{display:inline-flex;align-items:center;--bs-breadcrumb-gap:var(--bs-spacing-50);--bs-breadcrumb-separator-color:var(--bs-icon-default);--bs-breadcrumb-color-default:var(--bs-text-muted);--bs-breadcrumb-color-hover:var(--bs-text-default);--bs-breadcrumb-color-plain:var(--bs-text-secondary);--bs-breadcrumb-color-current:var(--bs-text-default);--bs-breadcrumb-font-size:var(--bs-font-size-md);--bs-breadcrumb-line-height:var(--bs-line-height-body-md);--bs-breadcrumb-font-size-sm:var(--bs-font-size-sm);--bs-breadcrumb-line-height-sm:var(--bs-line-height-body-sm);--bs-breadcrumb-font-weight-default:var(--bs-font-weight-regular);--bs-breadcrumb-font-weight-current:var(--bs-font-weight-semibold);--bs-breadcrumb-focus-ring-color:var(--bs-border-neutral-focus);--bs-breadcrumb-radius:var(--bs-border-radius-50);gap:var(--bs-breadcrumb-gap);font-family:inherit;font-size:var(--bs-breadcrumb-font-size);line-height:calc(var(--bs-breadcrumb-line-height) * 1px)}:host(:first-child) .bs-breadcrumb__separator{display:none}:host([size='sm']){font-size:var(--bs-breadcrumb-font-size-sm);line-height:calc(var(--bs-breadcrumb-line-height-sm) * 1px)}.bs-breadcrumb__separator{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:var(--bs-breadcrumb-separator-color)}.bs-breadcrumb__separator svg{width:16px;height:16px}.bs-breadcrumb__link{color:var(--bs-breadcrumb-color-default);font-weight:var(--bs-breadcrumb-font-weight-default);text-decoration:none;border-radius:var(--bs-breadcrumb-radius);transition:color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-breadcrumb__link--plain{color:var(--bs-breadcrumb-color-plain);cursor:default}a.bs-breadcrumb__link:hover{color:var(--bs-breadcrumb-color-hover)}a.bs-breadcrumb__link:focus-visible{outline:2px solid var(--bs-breadcrumb-focus-ring-color);outline-offset:2px}.bs-breadcrumb__current{color:var(--bs-breadcrumb-color-current);font-weight:var(--bs-breadcrumb-font-weight-current)}`;
 
 const BsBreadcrumb = class {
     constructor(hostRef) {
@@ -41,7 +41,7 @@ const BsBreadcrumb = class {
             ev.preventDefault();
     };
     render() {
-        return (index.h(index.Host, { key: 'b6d483d8dd99cda45b49bfc488aeec3514e3b234', role: "listitem" }, index.h("span", { key: '2dd5b9265590a43403f22830d34c1c7c4815927e', part: "separator", class: "bs-breadcrumb__separator", "aria-hidden": "true" }, index.h(CaretRightIcon, { key: '7178d1170e8fbdde1281514ac6916bf1e7561e7b' })), this.current ? (index.h("span", { part: "current", class: "bs-breadcrumb__current", "aria-current": "page" }, index.h("slot", null))) : this.href ? (index.h("a", { part: "link", class: "bs-breadcrumb__link", href: this.href, onClick: this.onLinkClick }, index.h("slot", null))) : (index.h("span", { part: "link", class: "bs-breadcrumb__link" }, index.h("slot", null)))));
+        return (index.h(index.Host, { key: 'b6d483d8dd99cda45b49bfc488aeec3514e3b234', role: "listitem" }, index.h("span", { key: '2dd5b9265590a43403f22830d34c1c7c4815927e', part: "separator", class: "bs-breadcrumb__separator", "aria-hidden": "true" }, index.h(CaretRightIcon, { key: '7178d1170e8fbdde1281514ac6916bf1e7561e7b' })), this.current ? (index.h("span", { part: "current", class: "bs-breadcrumb__current", "aria-current": "page" }, index.h("slot", null))) : this.href ? (index.h("a", { part: "link", class: "bs-breadcrumb__link", href: this.href, onClick: this.onLinkClick }, index.h("slot", null))) : (index.h("span", { part: "link", class: "bs-breadcrumb__link bs-breadcrumb__link--plain" }, index.h("slot", null)))));
     }
 };
 const CaretRightIcon = () => (index.h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M6 3L11 8L6 13", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));

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

@@ -1,12 +1,13 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
 const bsBreadcrumbsCss = () => `:host{display:block;--bs-breadcrumbs-gap:var(--bs-spacing-50)}.bs-breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;gap:var(--bs-breadcrumbs-gap)}`;
 
 const BsBreadcrumbs = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.bsNavigate = index.createEvent(this, "bsNavigate");
     }
     get el() { return index.getElement(this); }
     /** Accessible name for the `<nav>` landmark, via `aria-label`. Same pattern as
@@ -21,6 +22,13 @@ const BsBreadcrumbs = class {
      * `bs-tab`/`bs-inline-tab` children. Re-propagated on `size` changes and whenever the slotted
      * children change (e.g. a crumb added later). */
     size = 'md';
+    /** Fires when a crumb's link (or one in a `bs-breadcrumb-overflow` popup) is clicked, before the
+     * browser navigates. **Cancelable**: call `event.preventDefault()` to route it yourself. Detail
+     * is `{ href }`. This is the child's own event bubbling up; it is declared here (and never
+     * emitted from here) so the framework wrappers expose `onBsNavigate` / `(bsNavigate)` /
+     * `@bs-navigate` on `<bs-breadcrumbs>`. `event.target` is the crumb that was clicked. */
+    // eslint-disable-next-line @stencil-community/own-props-must-be-private
+    bsNavigate;
     onSizeChange(size) {
         this.propagateSize(size);
     }
@@ -36,7 +44,7 @@ const BsBreadcrumbs = class {
         });
     }
     render() {
-        return (index.h("nav", { key: '6df966694de1f681033e8705c536c983faa1155c', "aria-label": this.label }, index.h("ol", { key: '61d5e7cf39bbee670f49bbc8340df75057919431', part: "list", class: "bs-breadcrumbs__list" }, index.h("slot", { key: '12ac9fccdb05ecf029e8eeaaa98065272945341b', onSlotchange: this.onSlotChange }))));
+        return (index.h("nav", { key: '439813704a14d5697c3b74805f8e11473183fc67', "aria-label": this.label }, index.h("ol", { key: '1ef451cfb2e92781c5ef12255ce960ccd1190c78', part: "list", class: "bs-breadcrumbs__list" }, index.h("slot", { key: '624b30239abeaacd56584fc0342fe31c3f823eb8', onSlotchange: this.onSlotChange }))));
     }
     static get watchers() { return {
         "size": [{

package/dist/cjs/bs-button-skeleton.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
 const bsButtonSkeletonCss = () => `:host{display:inline-block;--bs-button-skeleton-height-sm:var(--bs-spacing-500);--bs-button-skeleton-height-md:var(--bs-spacing-600);--bs-button-skeleton-height-lg:var(--bs-spacing-700);--bs-button-skeleton-width:96px}.bs-button-skeleton{display:inline-block;border-radius:var(--bs-border-radius-100);width:var(--bs-button-skeleton-width);background:var(--bs-color-neutral-container);animation:bs-button-skeleton-pulse 1.5s ease-in-out infinite}.bs-button-skeleton--sm{height:var(--bs-button-skeleton-height-sm)}.bs-button-skeleton--md{height:var(--bs-button-skeleton-height-md)}.bs-button-skeleton--lg{height:var(--bs-button-skeleton-height-lg)}@keyframes bs-button-skeleton-pulse{0%,100%{opacity:1}50%{opacity:0.5}}@media (prefers-reduced-motion: reduce){.bs-button-skeleton{animation:none}}`;
 
@@ -13,7 +13,7 @@ const BsButtonSkeleton = class {
     /** Accessible name announced for the loading placeholder. */
     loadingLabel = 'Loading';
     render() {
-        return index.h("span", { key: 'c29256165abc3f5de50cf1f087f0ad161e33bb76', part: "container", class: `bs-button-skeleton bs-button-skeleton--${this.size}`, role: "status", "aria-label": this.loadingLabel });
+        return index.h("span", { key: 'eceeb97c96ab7be19cce6cb2fc5952b197bcbaab', part: "container", class: `bs-button-skeleton bs-button-skeleton--${this.size}`, role: "status", "aria-label": this.loadingLabel });
     }
 };
 BsButtonSkeleton.style = bsButtonSkeletonCss();

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
-const bsButtonCss = () => `:host{display:inline-block;width:var(--bs-button-width);--bs-button-width:auto;--bs-button-subtle-color:var(--bs-color-neutral-default);--bs-button-height-sm:var(--bs-spacing-500);--bs-button-height-md:var(--bs-spacing-600);--bs-button-height-lg:var(--bs-spacing-700);--bs-button-radius:var(--bs-border-radius-100);--bs-button-padding-x-sm:var(--bs-spacing-300);--bs-button-padding-x-icon-side:var(--bs-spacing-150);--bs-button-padding-x-label-side:var(--bs-spacing-250);--bs-button-error-default:var(--bs-color-error-default);--bs-button-error-hover:var(--bs-color-error-hover);--bs-button-error-focus:var(--bs-border-error-focus);--bs-button-error-pressed:var(--bs-color-error-pressed);--bs-button-error-disabled:var(--bs-surface-action-disabled);--bs-button-success-default:var(--bs-color-success-default);--bs-button-success-hover:var(--bs-color-success-hover);--bs-button-success-focus:var(--bs-border-success-focus);--bs-button-success-pressed:var(--bs-color-success-pressed);--bs-button-success-disabled:var(--bs-surface-action-disabled);--bs-button-warning-default:var(--bs-color-warning-default);--bs-button-warning-hover:var(--bs-color-warning-hover);--bs-button-warning-focus:var(--bs-border-warning-focus);--bs-button-warning-pressed:var(--bs-color-warning-pressed);--bs-button-warning-disabled:var(--bs-surface-action-disabled);--bs-button-info-default:var(--bs-color-info-default);--bs-button-info-hover:var(--bs-color-info-hover);--bs-button-info-focus:var(--bs-border-info-focus);--bs-button-info-pressed:var(--bs-color-info-pressed);--bs-button-info-disabled:var(--bs-surface-action-disabled);--bs-button-subtle-hover:var(--bs-color-neutral-container);--bs-button-subtle-pressed:var(--bs-color-neutral-container-pressed);--bs-button-subtle-focus:var(--bs-border-primary-focus);--bs-button-neutral-border:var(--bs-border-neutral-container);--bs-button-neutral-border-hover:var(--bs-border-neutral-container-hover);--bs-button-neutral-border-pressed:var(--bs-border-neutral-container-pressed);--bs-button-neutral-hover:var(--bs-color-neutral-container-hover);--bs-button-neutral-pressed:var(--bs-color-neutral-container-pressed);--bs-button-outlined-border:var(--bs-color-primary-default);--bs-button-outlined-border-hover:var(--bs-color-primary-hover);--bs-button-outlined-border-pressed:var(--bs-color-primary-pressed);--bs-button-outlined-text-hover:var(--bs-text-action-hover);--bs-button-outlined-focus:var(--bs-border-primary-focus);--bs-button-outlined-container:var(--bs-color-primary-container)}.bs-button{width:100%;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;border-radius:var(--bs-button-radius);font-family:inherit;font-weight:var(--bs-font-weight-regular);cursor:pointer;position:relative;transition:background-color var(--bs-duration-fast, 120ms) var(--bs-easing-standard, ease)}.bs-button:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-button:disabled{cursor:not-allowed}.bs-button--sm{height:var(--bs-button-height-sm);padding:0 var(--bs-button-padding-x-sm);font-size:var(--bs-font-size-sm)}.bs-button--md{height:var(--bs-button-height-md);padding:0 var(--bs-spacing-200);font-size:var(--bs-font-size-md)}.bs-button--lg{height:var(--bs-button-height-lg);padding:0 var(--bs-spacing-500);font-size:var(--bs-font-size-lg)}.bs-button--primary{background:var(--bs-button-primary-default);color:var(--bs-text-on-action)}.bs-button--primary:hover:not(:disabled){background:var(--bs-button-primary-hover)}.bs-button--primary:active:not(:disabled){background:var(--bs-button-primary-pressed)}.bs-button--primary:disabled{background:var(--bs-button-primary-disabled);color:var(--bs-text-on-disabled)}.bs-button--neutral{background:var(--bs-button-neutral-container);color:var(--bs-text-default);border:1px solid var(--bs-button-neutral-border)}.bs-button--neutral:hover:not(:disabled){background:var(--bs-button-neutral-hover);border-color:var(--bs-button-neutral-border-hover)}.bs-button--neutral:active:not(:disabled){background:var(--bs-button-neutral-pressed);border-color:var(--bs-button-neutral-border-pressed)}.bs-button--neutral:disabled{background:var(--bs-button-neutral-disabled);color:var(--bs-text-on-disabled);border-color:var(--bs-button-neutral-border)}.bs-button--error{background:var(--bs-button-error-default);color:var(--bs-text-on-action)}.bs-button--error:hover:not(:disabled){background:var(--bs-button-error-hover)}.bs-button--error:active:not(:disabled){background:var(--bs-button-error-pressed)}.bs-button--error:disabled{background:var(--bs-button-error-disabled);color:var(--bs-text-on-disabled)}.bs-button--error:focus-visible{outline-color:var(--bs-button-error-focus)}.bs-button--success{background:var(--bs-button-success-default);color:var(--bs-text-on-action)}.bs-button--success:hover:not(:disabled){background:var(--bs-button-success-hover)}.bs-button--success:active:not(:disabled){background:var(--bs-button-success-pressed)}.bs-button--success:disabled{background:var(--bs-button-success-disabled);color:var(--bs-text-on-disabled)}.bs-button--success:focus-visible{outline-color:var(--bs-button-success-focus)}.bs-button--warning{background:var(--bs-button-warning-default);color:var(--bs-text-on-action)}.bs-button--warning:hover:not(:disabled){background:var(--bs-button-warning-hover)}.bs-button--warning:active:not(:disabled){background:var(--bs-button-warning-pressed)}.bs-button--warning:disabled{background:var(--bs-button-warning-disabled);color:var(--bs-text-on-disabled)}.bs-button--warning:focus-visible{outline-color:var(--bs-button-warning-focus)}.bs-button--info{background:var(--bs-button-info-default);color:var(--bs-text-on-action)}.bs-button--info:hover:not(:disabled){background:var(--bs-button-info-hover)}.bs-button--info:active:not(:disabled){background:var(--bs-button-info-pressed)}.bs-button--info:disabled{background:var(--bs-button-info-disabled);color:var(--bs-text-on-disabled)}.bs-button--info:focus-visible{outline-color:var(--bs-button-info-focus)}.bs-button--subtle{background:transparent;color:var(--bs-button-subtle-color)}.bs-button--subtle:hover:not(:disabled){background:var(--bs-button-subtle-hover)}.bs-button--subtle:active:not(:disabled){background:var(--bs-button-subtle-pressed)}.bs-button--subtle:disabled{background:transparent;color:var(--bs-text-on-disabled)}.bs-button--subtle:focus-visible{outline-color:var(--bs-button-subtle-focus);background:var(--bs-button-subtle-hover)}.bs-button--outlined{background:transparent;color:var(--bs-color-primary-default);border:1px solid var(--bs-button-outlined-border)}.bs-button--outlined:hover:not(:disabled){background:var(--bs-button-outlined-container);border-color:var(--bs-button-outlined-border-hover);color:var(--bs-button-outlined-text-hover)}.bs-button--outlined:active:not(:disabled){background:var(--bs-button-outlined-container);color:var(--bs-button-outlined-text-hover);border-color:var(--bs-button-outlined-border-pressed)}.bs-button--outlined:disabled{opacity:var(--bs-opacity-disabled);cursor:not-allowed}.bs-button--outlined:focus-visible{outline-color:var(--bs-button-outlined-focus)}.bs-button__icon--visible{margin-inline-end:var(--bs-spacing-50)}.bs-button__end-icon--visible{margin-inline-start:var(--bs-spacing-50)}.bs-button__icon ::slotted(*),.bs-button__end-icon ::slotted(*){display:block;width:1em;height:1em}.bs-button--icon-only{padding:0;aspect-ratio:1 / 1}.bs-button--icon-only .bs-button__icon--visible{margin-inline-end:0}.bs-button--icon-only .bs-button__end-icon--visible{margin-inline-start:0}.bs-button--has-icon:not(.bs-button--has-end-icon){padding-inline-start:var(--bs-button-padding-x-icon-side);padding-inline-end:var(--bs-button-padding-x-label-side)}.bs-button--has-end-icon:not(.bs-button--has-icon){padding-inline-start:var(--bs-button-padding-x-label-side);padding-inline-end:var(--bs-button-padding-x-icon-side)}.bs-button--has-icon.bs-button--has-end-icon{padding-inline-start:var(--bs-button-padding-x-icon-side);padding-inline-end:var(--bs-button-padding-x-icon-side)}@media (forced-colors: active){.bs-button{border:1px solid ButtonText}.bs-button:disabled{border-color:GrayText;color:GrayText}.bs-button:focus-visible{outline:2px solid Highlight;outline-offset:2px}}`;
+const bsButtonCss = () => `:host{display:inline-block;width:var(--bs-button-width);--bs-button-width:auto;--bs-button-subtle-color:var(--bs-color-neutral-default);--bs-button-height-sm:var(--bs-spacing-400);--bs-button-height-md:var(--bs-spacing-550);--bs-button-height-lg:var(--bs-spacing-600);--bs-button-radius:var(--bs-border-radius-100);--bs-button-padding-x-sm:var(--bs-spacing-150);--bs-button-padding-x-md:var(--bs-spacing-150);--bs-button-padding-x-lg:var(--bs-spacing-150);--bs-button-padding-x-icon-side:var(--bs-spacing-150);--bs-button-padding-x-label-side:var(--bs-spacing-150);--bs-button-error-default:var(--bs-color-error-default);--bs-button-error-hover:var(--bs-color-error-hover);--bs-button-error-focus:var(--bs-border-error-focus);--bs-button-error-pressed:var(--bs-color-error-pressed);--bs-button-error-disabled:var(--bs-surface-action-disabled);--bs-button-success-default:var(--bs-color-success-default);--bs-button-success-hover:var(--bs-color-success-hover);--bs-button-success-focus:var(--bs-border-success-focus);--bs-button-success-pressed:var(--bs-color-success-pressed);--bs-button-success-disabled:var(--bs-surface-action-disabled);--bs-button-warning-default:var(--bs-color-warning-default);--bs-button-warning-hover:var(--bs-color-warning-hover);--bs-button-warning-focus:var(--bs-border-warning-focus);--bs-button-warning-pressed:var(--bs-color-warning-pressed);--bs-button-warning-disabled:var(--bs-surface-action-disabled);--bs-button-info-default:var(--bs-color-info-default);--bs-button-info-hover:var(--bs-color-info-hover);--bs-button-info-focus:var(--bs-border-info-focus);--bs-button-info-pressed:var(--bs-color-info-pressed);--bs-button-info-disabled:var(--bs-surface-action-disabled);--bs-button-subtle-hover:var(--bs-color-neutral-container);--bs-button-subtle-pressed:var(--bs-color-neutral-container-pressed);--bs-button-subtle-focus:var(--bs-border-primary-focus);--bs-button-neutral-border:var(--bs-border-neutral-container);--bs-button-neutral-border-hover:var(--bs-border-neutral-container-hover);--bs-button-neutral-border-pressed:var(--bs-border-neutral-container-pressed);--bs-button-neutral-hover:var(--bs-color-neutral-container-hover);--bs-button-neutral-pressed:var(--bs-color-neutral-container-pressed);--bs-button-outlined-color:var(--bs-color-primary-default);--bs-button-outlined-border:var(--bs-color-primary-default);--bs-button-outlined-border-hover:var(--bs-color-primary-hover);--bs-button-outlined-border-pressed:var(--bs-color-primary-pressed);--bs-button-outlined-text-hover:var(--bs-text-action-hover);--bs-button-outlined-focus:var(--bs-border-primary-focus);--bs-button-outlined-container:var(--bs-color-primary-container)}.bs-button{width:100%;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;border-radius:var(--bs-button-radius);font-family:inherit;font-weight:var(--bs-font-weight-regular);cursor:pointer;position:relative;transition:background-color var(--bs-duration-fast, 120ms) var(--bs-easing-standard, ease)}.bs-button:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-button:disabled{cursor:not-allowed}.bs-button--sm{height:var(--bs-button-height-sm);padding:0 var(--bs-button-padding-x-sm);font-size:var(--bs-font-size-sm)}.bs-button--md{height:var(--bs-button-height-md);padding:0 var(--bs-button-padding-x-md);font-size:var(--bs-font-size-md)}.bs-button--lg{height:var(--bs-button-height-lg);padding:0 var(--bs-button-padding-x-lg);font-size:var(--bs-font-size-lg)}.bs-button--primary{background:var(--bs-button-primary-default);color:var(--bs-text-on-action)}.bs-button--primary:hover:not(:disabled){background:var(--bs-button-primary-hover)}.bs-button--primary:active:not(:disabled){background:var(--bs-button-primary-pressed)}.bs-button--primary:disabled{background:var(--bs-button-primary-disabled);color:var(--bs-text-on-disabled)}.bs-button--neutral{background:var(--bs-button-neutral-container);color:var(--bs-text-default);border:1px solid var(--bs-button-neutral-border)}.bs-button--neutral:hover:not(:disabled){background:var(--bs-button-neutral-hover);border-color:var(--bs-button-neutral-border-hover)}.bs-button--neutral:active:not(:disabled){background:var(--bs-button-neutral-pressed);border-color:var(--bs-button-neutral-border-pressed)}.bs-button--neutral:disabled{background:var(--bs-button-neutral-disabled);color:var(--bs-text-on-disabled);border-color:var(--bs-button-neutral-border)}.bs-button--error{background:var(--bs-button-error-default);color:var(--bs-text-on-action)}.bs-button--error:hover:not(:disabled){background:var(--bs-button-error-hover)}.bs-button--error:active:not(:disabled){background:var(--bs-button-error-pressed)}.bs-button--error:disabled{background:var(--bs-button-error-disabled);color:var(--bs-text-on-disabled)}.bs-button--error:focus-visible{outline-color:var(--bs-button-error-focus)}.bs-button--success{background:var(--bs-button-success-default);color:var(--bs-text-on-action)}.bs-button--success:hover:not(:disabled){background:var(--bs-button-success-hover)}.bs-button--success:active:not(:disabled){background:var(--bs-button-success-pressed)}.bs-button--success:disabled{background:var(--bs-button-success-disabled);color:var(--bs-text-on-disabled)}.bs-button--success:focus-visible{outline-color:var(--bs-button-success-focus)}.bs-button--warning{background:var(--bs-button-warning-default);color:var(--bs-text-on-action)}.bs-button--warning:hover:not(:disabled){background:var(--bs-button-warning-hover)}.bs-button--warning:active:not(:disabled){background:var(--bs-button-warning-pressed)}.bs-button--warning:disabled{background:var(--bs-button-warning-disabled);color:var(--bs-text-on-disabled)}.bs-button--warning:focus-visible{outline-color:var(--bs-button-warning-focus)}.bs-button--info{background:var(--bs-button-info-default);color:var(--bs-text-on-action)}.bs-button--info:hover:not(:disabled){background:var(--bs-button-info-hover)}.bs-button--info:active:not(:disabled){background:var(--bs-button-info-pressed)}.bs-button--info:disabled{background:var(--bs-button-info-disabled);color:var(--bs-text-on-disabled)}.bs-button--info:focus-visible{outline-color:var(--bs-button-info-focus)}.bs-button--subtle{background:transparent;color:var(--bs-button-subtle-color)}.bs-button--subtle:hover:not(:disabled){background:var(--bs-button-subtle-hover)}.bs-button--subtle:active:not(:disabled){background:var(--bs-button-subtle-pressed)}.bs-button--subtle:disabled{background:transparent;color:var(--bs-text-on-disabled)}.bs-button--subtle:focus-visible{outline-color:var(--bs-button-subtle-focus);background:var(--bs-button-subtle-hover)}.bs-button--outlined{background:transparent;color:var(--bs-button-outlined-color);border:1px solid var(--bs-button-outlined-border)}.bs-button--outlined:hover:not(:disabled){background:var(--bs-button-outlined-container);border-color:var(--bs-button-outlined-border-hover);color:var(--bs-button-outlined-text-hover)}.bs-button--outlined:active:not(:disabled){background:var(--bs-button-outlined-container);color:var(--bs-button-outlined-text-hover);border-color:var(--bs-button-outlined-border-pressed)}.bs-button--outlined:disabled{opacity:var(--bs-opacity-disabled);cursor:not-allowed}.bs-button--outlined:focus-visible{outline-color:var(--bs-button-outlined-focus)}.bs-button__icon--visible{margin-inline-end:var(--bs-spacing-50)}.bs-button__end-icon--visible{margin-inline-start:var(--bs-spacing-50)}.bs-button__icon ::slotted(*),.bs-button__end-icon ::slotted(*){display:block;width:1em;height:1em}.bs-button--icon-only{padding:0;aspect-ratio:1 / 1}.bs-button--icon-only .bs-button__icon--visible{margin-inline-end:0}.bs-button--icon-only .bs-button__end-icon--visible{margin-inline-start:0}.bs-button--has-icon:not(.bs-button--has-end-icon){padding-inline-start:var(--bs-button-padding-x-icon-side);padding-inline-end:var(--bs-button-padding-x-label-side)}.bs-button--has-end-icon:not(.bs-button--has-icon){padding-inline-start:var(--bs-button-padding-x-label-side);padding-inline-end:var(--bs-button-padding-x-icon-side)}.bs-button--has-icon.bs-button--has-end-icon{padding-inline-start:var(--bs-button-padding-x-icon-side);padding-inline-end:var(--bs-button-padding-x-icon-side)}@media (forced-colors: active){.bs-button{border:1px solid ButtonText}.bs-button:disabled{border-color:GrayText;color:GrayText}.bs-button:focus-visible{outline:2px solid Highlight;outline-offset:2px}}`;
 
 const BsButton = class {
     constructor(hostRef) {
@@ -36,6 +36,19 @@ const BsButton = class {
      * camelCase prop to the `aria-label` HTML attribute automatically.
      */
     ariaLabel = null;
+    /**
+     * Makes this a toggle button: sets `aria-pressed` on the inner `<button>` to `true`/`false`. Leave it
+     * unset (the default) for a plain action button, which then has no `aria-pressed` at all. The component
+     * does not toggle itself; the owner flips this on click.
+     */
+    pressed;
+    /** Forwarded to the inner `<button>` as `aria-expanded`, for disclosure/menu buttons. */
+    ariaExpanded = null;
+    /** Forwarded to the inner `<button>` as `aria-controls`. Note an id only resolves inside this
+     * component's shadow tree, so it can't point at an element in the page's light DOM. */
+    ariaControls = null;
+    /** Forwarded to the inner `<button>` as `aria-haspopup`. */
+    ariaHasPopup = null;
     /** Tracks whether the `icon` slot has assigned content, so the icon/label gap only
      * applies when there's actually an icon. */
     hasIcon = false;
@@ -97,7 +110,7 @@ const BsButton = class {
     };
     render() {
         const iconOnly = (this.hasIcon || this.hasEndIcon) && !this.hasLabel;
-        return (index.h("button", { key: '498371cb1db28a17e668275a5e3dab6a093ce932', class: `bs-button bs-button--${this.variant} bs-button--${this.size} ${iconOnly ? 'bs-button--icon-only' : ''} ${this.hasIcon && !iconOnly ? 'bs-button--has-icon' : ''} ${this.hasEndIcon && !iconOnly ? 'bs-button--has-end-icon' : ''}`, type: this.type, disabled: this.disabled, "aria-label": this.ariaLabel, onClick: this.onClick }, index.h("bs-ripple", { key: '1d985ad61540f85cc47332f876eda6efcef5b87a', part: "ripple", centered: iconOnly, disabled: this.disabled }), index.h("span", { key: 'fbf28591ab62369e0a1a7b32da670cd350aee122', part: "icon", class: `bs-button__icon ${this.hasIcon ? 'bs-button__icon--visible' : ''}` }, index.h("slot", { key: '294540047c366c6f8576c8123f64f55c712d6335', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: '8536c25dab900331235dba703350ff57fd7c8ff6', part: "label", class: "bs-button__label" }, index.h("slot", { key: '59cdb689925c55ec90c34a016e586f5be95f38e4', onSlotchange: this.onLabelSlotchange })), index.h("span", { key: '0976f3628408ccccec017b8e09b5a41016f0b516', part: "end-icon", class: `bs-button__end-icon ${this.hasEndIcon ? 'bs-button__end-icon--visible' : ''}` }, index.h("slot", { key: '40a1f6d3faf5f4ae39e9da0aa0027207afe3e7a1', name: "end-icon", onSlotchange: this.onEndIconSlotchange }))));
+        return (index.h("button", { key: 'fd998f3e3d58633626c99ffb47228c3308150d05', class: `bs-button bs-button--${this.variant} bs-button--${this.size} ${iconOnly ? 'bs-button--icon-only' : ''} ${this.hasIcon && !iconOnly ? 'bs-button--has-icon' : ''} ${this.hasEndIcon && !iconOnly ? 'bs-button--has-end-icon' : ''}`, type: this.type, disabled: this.disabled, "aria-label": this.ariaLabel, "aria-pressed": this.pressed === undefined ? undefined : String(this.pressed), "aria-expanded": this.ariaExpanded, "aria-controls": this.ariaControls, "aria-haspopup": this.ariaHasPopup, onClick: this.onClick }, index.h("bs-ripple", { key: 'b6909337c1e6f35bc42b6dc06db31cd2e822a299', part: "ripple", centered: iconOnly, disabled: this.disabled }), index.h("span", { key: 'a753ffbf8a61011bc6c4ae05937a035605a1d79a', part: "icon", class: `bs-button__icon ${this.hasIcon ? 'bs-button__icon--visible' : ''}` }, index.h("slot", { key: '66e9b0f67e04b3891f66ee311ffaebd266c3824b', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: 'e9007a0a0fe2b51ac3401195feff203c94cfbe3b', part: "label", class: "bs-button__label" }, index.h("slot", { key: 'df18ce6e274b6f99e496944aa40fd9977f99dd86', onSlotchange: this.onLabelSlotchange })), index.h("span", { key: 'ddf8300967a813c02ae1996eee42793211b71537', part: "end-icon", class: `bs-button__end-icon ${this.hasEndIcon ? 'bs-button__end-icon--visible' : ''}` }, index.h("slot", { key: '4d200a0c215ff52161941315bbdab21a08daf90a', name: "end-icon", onSlotchange: this.onEndIconSlotchange }))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
@@ -184,7 +197,7 @@ const BsRipple = class {
         return 0;
     }
     render() {
-        return (index.h(index.Host, { key: '4bb0dd71635f57ed90deeeabc39a7abee9e66103', "aria-hidden": "true" }, index.h("div", { key: '29c6a7f4eefcb14598ee0aa2bc3980be2e04ebbc', part: "surface", class: "bs-ripple", ref: el => (this.surface = el) })));
+        return (index.h(index.Host, { key: '7a50bc82ef24d834acb7158e7b63ff688eb7972b', "aria-hidden": "true" }, index.h("div", { key: 'f20c8ceacc9b68569c1845f82922f5af74146d4c', part: "surface", class: "bs-ripple", ref: el => (this.surface = el) })));
     }
     static get watchers() { return {
         "triggerSelector": [{

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

@@ -1,16 +1,48 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
-const bsCardCss = () => `:host{display:block;--bs-card-bg:var(--bs-paper-bg-raised);--bs-card-radius:var(--bs-border-radius-100);--bs-card-padding:var(--bs-spacing-200);--bs-card-border-width:0px;--bs-card-border-color:var(--bs-border-default);--bs-card-shadow:var(--bs-shadow-sm);--bs-card-overflow:hidden}:host([surface='base']){--bs-card-bg:var(--bs-paper-bg-base);--bs-card-shadow:none}:host([surface='container']){--bs-card-bg:var(--bs-paper-bg-container);--bs-card-shadow:none}.bs-card{box-sizing:border-box;height:100%;overflow:var(--bs-card-overflow);border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-radius);background:var(--bs-card-bg);box-shadow:var(--bs-card-shadow);font-family:inherit;color:var(--bs-text-default)}.bs-card__image--visible ::slotted(img){display:block;width:100%;height:auto;object-fit:cover}.bs-card__content{padding:var(--bs-card-padding)}.bs-card__header ::slotted(*){margin:0 0 var(--bs-spacing-100) 0}.bs-card__footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--bs-spacing-200)}.bs-card__footer ::slotted(*){margin:var(--bs-spacing-100) 0 0 0}@media (forced-colors: active){.bs-card{border:1px solid CanvasText}}`;
+const bsCardCss = () => `:host{display:block;--bs-card-bg:var(--bs-paper-bg-raised);--bs-card-radius:var(--bs-border-radius-100);--bs-card-padding:var(--bs-spacing-200);--bs-card-border-width:0px;--bs-card-border-color:var(--bs-border-default);--bs-card-shadow:var(--bs-shadow-sm);--bs-card-overflow:hidden;--bs-card-bg-hover:var(--bs-surface-hover);--bs-card-bg-selected:var(--bs-surface-selected);--bs-card-ring-color-selected:var(--bs-border-primary);--bs-card-ring-width-selected:2px;--bs-card-focus-ring-color:var(--bs-border-neutral-focus)}:host([surface='base']){--bs-card-bg:var(--bs-paper-bg-base);--bs-card-shadow:none}:host([surface='container']){--bs-card-bg:var(--bs-paper-bg-container);--bs-card-shadow:none}.bs-card{box-sizing:border-box;height:100%;overflow:var(--bs-card-overflow);border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-radius);background:var(--bs-card-bg);box-shadow:var(--bs-card-shadow);font-family:inherit;color:var(--bs-text-default);position:relative}.bs-card__action{display:block;box-sizing:border-box;width:100%;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:inherit;text-decoration:none;cursor:pointer}.bs-card__action::after{content:'';position:absolute;inset:0}.bs-card__action:focus-visible{outline:none}.bs-card--interactive{cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-card--interactive:hover{background:var(--bs-card-bg-hover)}.bs-card--selected,.bs-card--selected:hover{background:var(--bs-card-bg-selected);box-shadow:0 0 0 var(--bs-card-ring-width-selected) var(--bs-card-ring-color-selected), var(--bs-card-shadow)}.bs-card--interactive:has(.bs-card__action:focus-visible){outline:2px solid var(--bs-card-focus-ring-color);outline-offset:calc(var(--bs-card-ring-width-selected) + 2px)}.bs-card--interactive .bs-card__body,.bs-card--interactive .bs-card__footer{position:relative;pointer-events:none}.bs-card--interactive .bs-card__body ::slotted(:is(a,button,input,select,textarea,bs-button,bs-icon-button,bs-checkbox,bs-switch,bs-radio,bs-input,[tabindex])),.bs-card--interactive .bs-card__footer ::slotted(:is(a,button,input,select,textarea,bs-button,bs-icon-button,bs-checkbox,bs-switch,bs-radio,bs-input,[tabindex])){pointer-events:auto}.bs-card__image--visible ::slotted(img){display:block;width:100%;height:auto;object-fit:cover}.bs-card__content{padding:var(--bs-card-padding)}.bs-card__header ::slotted(*){margin:0 0 var(--bs-spacing-100) 0}.bs-card__footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--bs-spacing-200)}.bs-card__footer ::slotted(*){margin:var(--bs-spacing-100) 0 0 0}@media (forced-colors: active){.bs-card{border:1px solid CanvasText}.bs-card--selected{outline:2px solid Highlight}}`;
 
 const BsCard = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.bsChange = index.createEvent(this, "bsChange");
+        this.bsNavigate = index.createEvent(this, "bsNavigate");
     }
     /** Maps to the brandsync-tokens `--bs-paper-bg-*` set — Brandsync's tokens don't have a
      * dedicated "card" component yet, so this reuses the existing Paper surface tokens. */
     surface = 'raised';
+    /** Makes the whole card a link to this URL (a real `<a>`). Takes precedence over `selectable`. */
+    href;
+    /** Link `target`, only used with `href`. With `_blank`, `rel` defaults to `noopener noreferrer`. */
+    target;
+    /** Link `rel`, only used with `href`. */
+    rel;
+    /** Makes the whole card a toggle (a real `<button aria-pressed>`). Ignored when `href` is set. */
+    selectable = false;
+    /** Whether a `selectable` card is selected. Mutable and reflected; toggled by the user. */
+    selected = false;
+    /** Accessible name for the clickable card, used instead of the `header` slot text. Set it when
+     * there is no `header` content, or when the header text is not a good name on its own. */
+    label;
+    /** Fires when a `selectable` card is toggled by the user, with the new `selected` value. */
+    bsChange;
+    /** Fires when a link card (`href`) is clicked, before the browser navigates. **Cancelable**:
+     * `preventDefault()` stops the navigation so you can route it yourself. Detail is `{ href }`.
+     * Modified clicks (ctrl/cmd/shift/alt, middle button) are left to the browser. */
+    bsNavigate;
+    onLinkClick = (ev) => {
+        if (ev.defaultPrevented || ev.button !== 0 || ev.metaKey || ev.ctrlKey || ev.shiftKey || ev.altKey)
+            return;
+        const navigate = this.bsNavigate.emit({ href: this.href });
+        if (navigate.defaultPrevented)
+            ev.preventDefault();
+    };
+    onToggleClick = () => {
+        this.selected = !this.selected;
+        this.bsChange.emit(this.selected);
+    };
     /** Tracks whether the `image` slot has assigned content, so the image wrapper only reserves
      * layout space (and clips its top corners) when there's actually an image -- same pattern as
      * `bs-dialog`'s `hasImage`. */
@@ -19,7 +51,16 @@ const BsCard = class {
         this.hasImage = ev.target.assignedNodes().length > 0;
     };
     render() {
-        return (index.h("div", { key: '5badbcc0d29f07bf53520091e1e8fe8d8187dd18', part: "container", class: `bs-card bs-card--${this.surface}` }, index.h("div", { key: '2c69c0795db112c2dc52289a47b76d60662ef693', part: "image", class: `bs-card__image ${this.hasImage ? 'bs-card__image--visible' : ''}` }, index.h("slot", { key: '3aa0debc45e28c88b05103a494ee52f047305d9d', name: "image", onSlotchange: this.onImageSlotchange })), index.h("div", { key: '6fbe78e872b7aa7e166907a4173edd813f8fd73b', class: "bs-card__content" }, index.h("div", { key: '19df2524b50471bbb56e95b445643a4bfddd0c12', part: "header", class: "bs-card__header" }, index.h("slot", { key: 'bd4c9b53ccc07b7a95f6aee28b2a95a0ab8b137e', name: "header" })), index.h("div", { key: 'c5351e535d77c007806554ae3580b1b0b0bafd9d', part: "body", class: "bs-card__body" }, index.h("slot", { key: '323ac4df7355ce44383137ad754c650ff515ef28' })), index.h("div", { key: 'ac3e228d13303ffcaab2a4879a202db28e2c3a6a', part: "footer", class: "bs-card__footer" }, index.h("slot", { key: 'a2afbae842ef598422853a0628bb9f14dee34c6a', name: "footer" })))));
+        const isLink = !!this.href;
+        const isToggle = !isLink && this.selectable;
+        const rel = this.rel ?? (this.target === '_blank' ? 'noopener noreferrer' : undefined);
+        const header = index.h("slot", { key: 'a30b4f1a71f4469458a8c701b38b51deb1b92df5', name: "header" });
+        const classes = ['bs-card', `bs-card--${this.surface}`];
+        if (isLink || isToggle)
+            classes.push('bs-card--interactive');
+        if (isToggle && this.selected)
+            classes.push('bs-card--selected');
+        return (index.h("div", { key: '0e88c7d2f07f0ef7bbfada87cd83415aa6949075', part: "container", class: classes.join(' ') }, index.h("div", { key: '553162d5aa9d0f3b4b03eed02bb0d1717adf5695', part: "image", class: `bs-card__image ${this.hasImage ? 'bs-card__image--visible' : ''}` }, index.h("slot", { key: 'de82a0591157228f5586c816795d634ea1b41d3d', name: "image", onSlotchange: this.onImageSlotchange })), index.h("div", { key: 'a09828b31c202312751cbba9161aa81e2f79e51d', class: "bs-card__content" }, index.h("div", { key: '03592a2cb3a598f04a5b9253b80301fbf910fdf9', part: "header", class: "bs-card__header" }, isLink ? (index.h("a", { part: "action", class: "bs-card__action", href: this.href, target: this.target, rel: rel, "aria-label": this.label, onClick: this.onLinkClick }, header)) : isToggle ? (index.h("button", { part: "action", type: "button", class: "bs-card__action", "aria-pressed": String(this.selected), "aria-label": this.label, onClick: this.onToggleClick }, header)) : (header)), index.h("div", { key: '0d174a856927702a274f2b60df02c4691d5927f3', part: "body", class: "bs-card__body" }, index.h("slot", { key: '7bc6b590ee94e45028e35bf8d9f83aaefcf63ff0' })), index.h("div", { key: '6f3b9db20a6dd2c8799570ae8a5c6252ebde642f', part: "footer", class: "bs-card__footer" }, index.h("slot", { key: '08a0cc866f737490346c7969e45d089d89be9143', name: "footer" })))));
     }
 };
 BsCard.style = bsCardCss();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
 const bsCarouselCss = () => `: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-duration:var(--bs-duration-slow);--bs-carousel-easing:var(--bs-easing-standard);--bs-carousel-slide-distance:var(--bs-spacing-400)}.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%}.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}.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);transition:width var(--bs-carousel-duration) var(--bs-carousel-easing),     background-color var(--bs-carousel-duration) var(--bs-carousel-easing)}.bs-carousel__dot--active{width:calc(var(--bs-carousel-dot-size) * 2);background:var(--bs-carousel-dot-active-color)}.bs-carousel__nav bs-icon-button{--bs-icon-neutral-default:var(--bs-icon-default)}: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}}`;
 
@@ -223,7 +223,7 @@ const BsCarousel = class {
         // While auto-advance is actually running, slide changes must not be announced (it would
         // interrupt the user constantly); otherwise announce them politely.
         const rotating = this.autoplay && !this.paused && !this.interacting;
-        return (index.h("section", { key: 'fe38898b10611d2bb20c3428cbc4009449186453', part: "carousel", class: "bs-carousel", role: "region", "aria-roledescription": "carousel", "aria-label": this.label, style: { '--bs-carousel-slides-per-view': String(this.perView) } }, index.h("div", { key: 'd1d01494417dc282a52931307406970b8a1b7011', part: "slides", class: "bs-carousel__slides", "aria-live": rotating ? 'off' : 'polite' }, index.h("slot", { key: '955bb5229671a23babeea85b7f23b5ec3b330ebe', onSlotchange: this.onSlotChange })), showTracker && (index.h("div", { key: '7c4c3e73bc8dbf05e351cb0628e26e138d0a4028', part: "tracker", class: "bs-carousel__tracker" }, this.tracker === 'numbers' ? (index.h("bs-pagination", { part: "pagination", totalPages: this.pageCount, currentPage: this.page, onBsPageChange: (ev) => {
+        return (index.h("section", { key: 'cc9bb48b594809276ba1d7a37bdab86e6406ce4b', part: "carousel", class: "bs-carousel", role: "region", "aria-roledescription": "carousel", "aria-label": this.label, style: { '--bs-carousel-slides-per-view': String(this.perView) } }, index.h("div", { key: 'd6505ef1cf25ba7ad7f43e733c72324e54138882', part: "slides", class: "bs-carousel__slides", "aria-live": rotating ? 'off' : 'polite' }, index.h("slot", { key: 'd619f41a54d346f05e56dae300fc8e6f8e0d9161', onSlotchange: this.onSlotChange })), showTracker && (index.h("div", { key: '4cc21ab05421bdba11a2588a6628041f8ef57e64', part: "tracker", class: "bs-carousel__tracker" }, this.tracker === 'numbers' ? (index.h("bs-pagination", { part: "pagination", totalPages: this.pageCount, currentPage: this.page, onBsPageChange: (ev) => {
                 ev.stopPropagation();
                 this.goTo(ev.detail);
             } })) : (index.h("div", { class: "bs-carousel__nav" }, this.renderDotsTracker())), this.renderPause()))));

package/dist/cjs/bs-chatbot-feedback.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
-const bsChatbotFeedbackCss = () => `:host{display:block;--bs-chatbot-feedback-bg:var(--bs-surface-raised);--bs-chatbot-feedback-border:var(--bs-border-default);--bs-chatbot-feedback-radius:var(--bs-border-radius-200);--bs-chatbot-feedback-padding-x:var(--bs-spacing-250);--bs-chatbot-feedback-padding-y:var(--bs-spacing-550);--bs-chatbot-feedback-max-width:762px;--bs-chatbot-feedback-gap:var(--bs-spacing-300);--bs-chatbot-feedback-top-gap:var(--bs-spacing-250);--bs-chatbot-feedback-heading-color:var(--bs-text-default);--bs-chatbot-feedback-subtitle-color:var(--bs-text-secondary);--bs-chatbot-feedback-star-filled:var(--bs-color-primary-default);--bs-chatbot-feedback-star-empty:var(--bs-border-neutral-container);--bs-chatbot-feedback-comment-color:var(--bs-text-default);--bs-chatbot-feedback-close-hover:var(--bs-surface-hover);--bs-chatbot-feedback-primary-bg:var(--bs-button-primary-default);--bs-chatbot-feedback-primary-bg-hover:var(--bs-button-primary-hover);--bs-chatbot-feedback-primary-bg-disabled:var(--bs-button-primary-disabled);--bs-chatbot-feedback-outlined-border:var(--bs-border-primary);--bs-chatbot-feedback-outlined-hover:var(--bs-color-primary-container-hover);--bs-chatbot-feedback-outlined-text:var(--bs-text-action)}.bs-chatbot-feedback{box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--bs-chatbot-feedback-gap);max-width:var(--bs-chatbot-feedback-max-width);padding:var(--bs-chatbot-feedback-padding-y) var(--bs-chatbot-feedback-padding-x);background:var(--bs-chatbot-feedback-bg);border:1px solid var(--bs-chatbot-feedback-border);border-radius:var(--bs-chatbot-feedback-radius);font-family:inherit}.bs-chatbot-feedback__close{box-sizing:border-box;position:absolute;top:var(--bs-spacing-100);inset-inline-end:var(--bs-spacing-100);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--bs-border-radius-100);color:var(--bs-icon-default);cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-chatbot-feedback__close svg{width:20px;height:20px}.bs-chatbot-feedback__close:hover{background:var(--bs-chatbot-feedback-close-hover)}.bs-chatbot-feedback__top{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:var(--bs-chatbot-feedback-top-gap);width:100%}.bs-chatbot-feedback__text{display:flex;flex-direction:column;gap:var(--bs-spacing-50);width:100%;text-align:center}.bs-chatbot-feedback__heading{margin:0;color:var(--bs-chatbot-feedback-heading-color);font-size:var(--bs-font-size-xl);font-weight:var(--bs-font-weight-bold);line-height:calc(var(--bs-line-height-heading-h5) * 1px)}.bs-chatbot-feedback__subtitle{margin:0;color:var(--bs-chatbot-feedback-subtitle-color);font-size:var(--bs-font-size-md);line-height:calc(var(--bs-line-height-body-md) * 1px)}.bs-chatbot-feedback__stars{display:flex;gap:var(--bs-spacing-350)}.bs-chatbot-feedback__star{box-sizing:border-box;display:inline-flex;width:36px;height:36px;padding:0;background:transparent;border:none;color:var(--bs-chatbot-feedback-star-empty);cursor:pointer}.bs-chatbot-feedback__star[aria-checked='true']{color:var(--bs-chatbot-feedback-star-filled)}.bs-chatbot-feedback__star:disabled{cursor:default}.bs-chatbot-feedback__star:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px;border-radius:var(--bs-border-radius-50)}.bs-chatbot-feedback__field{display:flex;flex-direction:column;gap:var(--bs-spacing-50);width:100%}.bs-chatbot-feedback__label{color:var(--bs-input-label);font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-semibold);line-height:calc(var(--bs-line-height-body-md) * 1px)}.bs-chatbot-feedback__textarea{box-sizing:border-box;width:100%;min-height:103px;padding:var(--bs-spacing-100) var(--bs-spacing-150);border:1px solid var(--bs-input-border-default);border-radius:var(--bs-border-radius-100);background:var(--bs-input-bg-default);color:var(--bs-input-text);font-family:inherit;font-size:var(--bs-font-size-md);line-height:calc(var(--bs-line-height-body-md) * 1px);resize:vertical}.bs-chatbot-feedback__textarea::placeholder{color:var(--bs-input-placeholder)}.bs-chatbot-feedback__textarea:hover{border-color:var(--bs-input-border-hover)}.bs-chatbot-feedback__textarea:focus-visible{outline:none;border-color:var(--bs-input-border-focus)}.bs-chatbot-feedback__comment{box-sizing:border-box;width:100%;min-height:103px;margin:0;padding:var(--bs-spacing-100) var(--bs-spacing-150);border:1px solid var(--bs-input-border-default);border-radius:var(--bs-border-radius-100);background:var(--bs-input-bg-filled);color:var(--bs-chatbot-feedback-comment-color);font-size:var(--bs-font-size-md);line-height:calc(var(--bs-line-height-body-md) * 1px);word-break:break-word}.bs-chatbot-feedback__actions{display:flex;flex-direction:column;gap:var(--bs-spacing-150);width:100%}.bs-chatbot-feedback__submit,.bs-chatbot-feedback__new-chat{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:var(--bs-spacing-50);width:100%;height:44px;padding:0 var(--bs-spacing-250) 0 var(--bs-spacing-150);border-radius:var(--bs-border-radius-100);font-family:inherit;font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-medium);cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-chatbot-feedback__submit svg,.bs-chatbot-feedback__new-chat svg{width:24px;height:24px;flex-shrink:0}.bs-chatbot-feedback__submit,.bs-chatbot-feedback__new-chat--primary{background:var(--bs-chatbot-feedback-primary-bg);border:none;color:var(--bs-text-on-action)}.bs-chatbot-feedback__submit:hover:not(:disabled),.bs-chatbot-feedback__new-chat--primary:hover{background:var(--bs-chatbot-feedback-primary-bg-hover)}.bs-chatbot-feedback__submit:disabled{background:var(--bs-chatbot-feedback-primary-bg-disabled);color:var(--bs-text-on-disabled);cursor:not-allowed}.bs-chatbot-feedback__new-chat--outlined{background:transparent;border:1px solid var(--bs-chatbot-feedback-outlined-border);color:var(--bs-chatbot-feedback-outlined-text)}.bs-chatbot-feedback__new-chat--outlined:hover{background:var(--bs-chatbot-feedback-outlined-hover)}.bs-chatbot-feedback__submit:focus-visible,.bs-chatbot-feedback__new-chat:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}`;
+const bsChatbotFeedbackCss = () => `:host{display:block;--bs-chatbot-feedback-bg:var(--bs-surface-raised);--bs-chatbot-feedback-border:var(--bs-border-default);--bs-chatbot-feedback-radius:var(--bs-border-radius-200);--bs-chatbot-feedback-padding-x:var(--bs-spacing-250);--bs-chatbot-feedback-padding-y:var(--bs-spacing-550);--bs-chatbot-feedback-max-width:762px;--bs-chatbot-feedback-gap:var(--bs-spacing-300);--bs-chatbot-feedback-top-gap:var(--bs-spacing-250);--bs-chatbot-feedback-heading-color:var(--bs-text-default);--bs-chatbot-feedback-subtitle-color:var(--bs-text-secondary);--bs-chatbot-feedback-star-filled:var(--bs-color-primary-default);--bs-chatbot-feedback-star-empty:var(--bs-border-neutral-container);--bs-chatbot-feedback-comment-color:var(--bs-text-default);--bs-chatbot-feedback-close-hover:var(--bs-surface-hover);--bs-chatbot-feedback-primary-bg:var(--bs-button-primary-default);--bs-chatbot-feedback-primary-bg-hover:var(--bs-button-primary-hover);--bs-chatbot-feedback-primary-bg-disabled:var(--bs-button-primary-disabled);--bs-chatbot-feedback-outlined-border:var(--bs-border-primary);--bs-chatbot-feedback-outlined-hover:var(--bs-color-primary-container-hover);--bs-chatbot-feedback-outlined-text:var(--bs-text-action)}.bs-chatbot-feedback{box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--bs-chatbot-feedback-gap);max-width:var(--bs-chatbot-feedback-max-width);padding:var(--bs-chatbot-feedback-padding-y) var(--bs-chatbot-feedback-padding-x);background:var(--bs-chatbot-feedback-bg);border:1px solid var(--bs-chatbot-feedback-border);border-radius:var(--bs-chatbot-feedback-radius);font-family:inherit}.bs-chatbot-feedback__close{box-sizing:border-box;position:absolute;top:var(--bs-spacing-100);inset-inline-end:var(--bs-spacing-100);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--bs-border-radius-100);color:var(--bs-icon-default);cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-chatbot-feedback__close bs-icon{--bs-icon-size:20px}.bs-chatbot-feedback__close:hover{background:var(--bs-chatbot-feedback-close-hover)}.bs-chatbot-feedback__top{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:var(--bs-chatbot-feedback-top-gap);width:100%}.bs-chatbot-feedback__text{display:flex;flex-direction:column;gap:var(--bs-spacing-50);width:100%;text-align:center}.bs-chatbot-feedback__heading{margin:0;color:var(--bs-chatbot-feedback-heading-color);font-size:var(--bs-font-size-xl);font-weight:var(--bs-font-weight-bold);line-height:calc(var(--bs-line-height-heading-h5) * 1px)}.bs-chatbot-feedback__subtitle{margin:0;color:var(--bs-chatbot-feedback-subtitle-color);font-size:var(--bs-font-size-md);line-height:calc(var(--bs-line-height-body-md) * 1px)}.bs-chatbot-feedback__stars{display:flex;gap:var(--bs-spacing-350)}.bs-chatbot-feedback__star{box-sizing:border-box;display:inline-flex;width:36px;height:36px;padding:0;background:transparent;border:none;align-items:center;justify-content:center;color:var(--bs-chatbot-feedback-star-empty);cursor:pointer}.bs-chatbot-feedback__star bs-icon{--bs-icon-size:32px}.bs-chatbot-feedback__star[aria-checked='true']{color:var(--bs-chatbot-feedback-star-filled)}.bs-chatbot-feedback__star:disabled{cursor:default}.bs-chatbot-feedback__star:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px;border-radius:var(--bs-border-radius-50)}.bs-chatbot-feedback__field{display:flex;flex-direction:column;gap:var(--bs-spacing-50);width:100%}.bs-chatbot-feedback__label{color:var(--bs-input-label);font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-semibold);line-height:calc(var(--bs-line-height-body-md) * 1px)}.bs-chatbot-feedback__textarea{box-sizing:border-box;width:100%;min-height:103px;padding:var(--bs-spacing-100) var(--bs-spacing-150);border:1px solid var(--bs-input-border-default);border-radius:var(--bs-border-radius-100);background:var(--bs-input-bg-default);color:var(--bs-input-text);font-family:inherit;font-size:var(--bs-font-size-md);line-height:calc(var(--bs-line-height-body-md) * 1px);resize:vertical}.bs-chatbot-feedback__textarea::placeholder{color:var(--bs-input-placeholder)}.bs-chatbot-feedback__textarea:hover{border-color:var(--bs-input-border-hover)}.bs-chatbot-feedback__textarea:focus-visible{outline:none;border-color:var(--bs-input-border-focus)}.bs-chatbot-feedback__comment{box-sizing:border-box;width:100%;min-height:103px;margin:0;padding:var(--bs-spacing-100) var(--bs-spacing-150);border:1px solid var(--bs-input-border-default);border-radius:var(--bs-border-radius-100);background:var(--bs-input-bg-filled);color:var(--bs-chatbot-feedback-comment-color);font-size:var(--bs-font-size-md);line-height:calc(var(--bs-line-height-body-md) * 1px);word-break:break-word}.bs-chatbot-feedback__actions{display:flex;flex-direction:column;gap:var(--bs-spacing-150);width:100%}.bs-chatbot-feedback__submit,.bs-chatbot-feedback__new-chat{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:var(--bs-spacing-50);width:100%;height:44px;padding:0 var(--bs-spacing-250) 0 var(--bs-spacing-150);border-radius:var(--bs-border-radius-100);font-family:inherit;font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-medium);cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-chatbot-feedback__submit bs-icon,.bs-chatbot-feedback__new-chat bs-icon{--bs-icon-size:24px}.bs-chatbot-feedback__submit,.bs-chatbot-feedback__new-chat--primary{background:var(--bs-chatbot-feedback-primary-bg);border:none;color:var(--bs-text-on-action)}.bs-chatbot-feedback__submit:hover:not(:disabled),.bs-chatbot-feedback__new-chat--primary:hover{background:var(--bs-chatbot-feedback-primary-bg-hover)}.bs-chatbot-feedback__submit:disabled{background:var(--bs-chatbot-feedback-primary-bg-disabled);color:var(--bs-text-on-disabled);cursor:not-allowed}.bs-chatbot-feedback__new-chat--outlined{background:transparent;border:1px solid var(--bs-chatbot-feedback-outlined-border);color:var(--bs-chatbot-feedback-outlined-text)}.bs-chatbot-feedback__new-chat--outlined:hover{background:var(--bs-chatbot-feedback-outlined-hover)}.bs-chatbot-feedback__submit:focus-visible,.bs-chatbot-feedback__new-chat:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}`;
 
 const RATING_COPY = {
     1: { heading: "We're sorry we couldn't help.", subtitle: "We'll use your feedback to improve." },
@@ -98,13 +98,9 @@ const BsChatbotFeedback = class {
     }
     render() {
         const stars = [1, 2, 3, 4, 5];
-        return (index.h("div", { key: 'ee99c0b20a4dc2fee3543f66eaa8c8f354c8a3ff', class: "bs-chatbot-feedback", role: "region", "aria-label": this.computedHeading() }, index.h("button", { key: '31751520032972b7ae9a93848d1ee44045f00dc6', type: "button", part: "close", class: "bs-chatbot-feedback__close", "aria-label": this.closeLabel, onClick: this.onCloseClick }, index.h(CloseIcon, { key: '1b7367e072d066e183eccaf76b3b954026101db2' })), index.h("div", { key: '9ed28d17e8ba6c561fc72d1036d34a431a482251', class: "bs-chatbot-feedback__top" }, index.h("div", { key: '745c881283b828eb32586cf6f81b2142936f93f6', class: "bs-chatbot-feedback__text" }, index.h("p", { key: '8d8bea1913dc865ec79e88a31e0b93ca84c1a867', part: "heading", class: "bs-chatbot-feedback__heading" }, this.computedHeading()), index.h("p", { key: 'fffe199cc928e0b6c481270d7ad59dbdfdb2b2c4', part: "subtitle", class: "bs-chatbot-feedback__subtitle" }, this.computedSubtitle())), index.h("div", { key: '8cc7563ec8ae7ee981f12323b55397d5e0bcb2c2', class: "bs-chatbot-feedback__stars", role: "radiogroup", "aria-label": this.ratingLabel }, stars.map(value => (index.h("button", { type: "button", part: "star", class: "bs-chatbot-feedback__star", role: "radio", "aria-checked": (this.rating >= value).toString(), "aria-label": `${value} ${value > 1 ? this.starsLabel : this.starLabel}`, disabled: this.submitted, onClick: () => this.onStarClick(value) }, index.h(StarIcon, { filled: this.rating >= value }))))), !this.submitted && (index.h("div", { key: 'de939881796cf7f7e32294904aec1be2f7f71035', class: "bs-chatbot-feedback__field" }, index.h("label", { key: 'd58da98d04619b3bfcbe3b97fcf9529229526831', part: "label", class: "bs-chatbot-feedback__label", htmlFor: "bs-chatbot-feedback-comment" }, this.commentLabel), index.h("textarea", { key: 'c45059beddde013832133f21e20d86be7be2bd9c', part: "textarea", id: "bs-chatbot-feedback-comment", class: "bs-chatbot-feedback__textarea", placeholder: this.commentPlaceholder, value: this.comment, onInput: this.onCommentInput }))), this.submitted && this.comment && (index.h("p", { key: 'd630c3cb1561f90d123989015f0388da16a22595', part: "comment", class: "bs-chatbot-feedback__comment" }, this.comment))), index.h("div", { key: '37c06651e4f65c54e4e58da5f3c1a224c5125184', class: "bs-chatbot-feedback__actions" }, !this.submitted && (index.h("button", { key: 'a88d5a116114d4685d92562a49f3dc99bff86e9d', type: "button", part: "submit", class: "bs-chatbot-feedback__submit", disabled: this.rating === 0, onClick: this.onSubmitClick }, index.h(SendIcon, { key: '557e3de8ae2fcf5a76fda6cbcea1762e674f0734' }), this.submitLabel)), index.h("button", { key: '37c972da6bb7595d1a05a72a1c49c3184b054020', type: "button", part: "new-chat", class: `bs-chatbot-feedback__new-chat ${this.submitted ? 'bs-chatbot-feedback__new-chat--primary' : 'bs-chatbot-feedback__new-chat--outlined'}`, onClick: this.onNewChatClick }, index.h(EditIcon, { key: '76e954f39f7b45e227df1ee4f6bbc24fd6985b9f' }), this.newChatLabel))));
+        return (index.h("div", { key: '9642427bb2feedde50e355c71f6853df257f69d2', class: "bs-chatbot-feedback", role: "region", "aria-label": this.computedHeading() }, index.h("button", { key: '7d01f9ee81864b7f93886288dc9aa430aab9bc35', type: "button", part: "close", class: "bs-chatbot-feedback__close", "aria-label": this.closeLabel, onClick: this.onCloseClick }, index.h("bs-icon", { key: '6a3ee3614ef48446b0a9137f877145549484852c', name: "x", tone: "inherit", size: "md" })), index.h("div", { key: 'b7193bc13441c56edc89974ca0e0ba43c8d47a66', class: "bs-chatbot-feedback__top" }, index.h("div", { key: '9b93d4ee252f9eab36808b84171f6d85e6da7be2', class: "bs-chatbot-feedback__text" }, index.h("p", { key: '204ad4eac6e3ae69ca539b8efe9319dd834dbcdf', part: "heading", class: "bs-chatbot-feedback__heading" }, this.computedHeading()), index.h("p", { key: 'e3ddf360ba370314985a66ad28782a89b57ba51a', part: "subtitle", class: "bs-chatbot-feedback__subtitle" }, this.computedSubtitle())), index.h("div", { key: '50eaa4821ca056cb16bdabb96306ccc52bb987e4', class: "bs-chatbot-feedback__stars", role: "radiogroup", "aria-label": this.ratingLabel }, stars.map(value => (index.h("button", { type: "button", part: "star", class: "bs-chatbot-feedback__star", role: "radio", "aria-checked": (this.rating >= value).toString(), "aria-label": `${value} ${value > 1 ? this.starsLabel : this.starLabel}`, disabled: this.submitted, onClick: () => this.onStarClick(value) }, index.h("bs-icon", { name: this.rating >= value ? 'star-fill' : 'star', tone: "inherit" }))))), !this.submitted && (index.h("div", { key: '754de919956347beb69d38ab2fd95cbc741a5cc0', class: "bs-chatbot-feedback__field" }, index.h("label", { key: '1ba7da633b0b2b6ac036d62849c6b8d594c5dc2e', part: "label", class: "bs-chatbot-feedback__label", htmlFor: "bs-chatbot-feedback-comment" }, this.commentLabel), index.h("textarea", { key: '0abc18be7c42e7ddec42e94a4b88e845af29c9f3', part: "textarea", id: "bs-chatbot-feedback-comment", class: "bs-chatbot-feedback__textarea", placeholder: this.commentPlaceholder, value: this.comment, onInput: this.onCommentInput }))), this.submitted && this.comment && (index.h("p", { key: '5e772be2c5b47bda8e35fac82b785fc488b87d37', part: "comment", class: "bs-chatbot-feedback__comment" }, this.comment))), index.h("div", { key: '0473e7afaa3d96f1a1044f9410a95e468cc33db4', class: "bs-chatbot-feedback__actions" }, !this.submitted && (index.h("button", { key: 'a319bbd909a72c177649e899e4c6500778d57dce', type: "button", part: "submit", class: "bs-chatbot-feedback__submit", disabled: this.rating === 0, onClick: this.onSubmitClick }, index.h("bs-icon", { key: '29baadc25644ea985faf7f874741db4c2dcdd089', name: "paper-plane-right", tone: "inherit" }), this.submitLabel)), index.h("button", { key: 'aadd03c3f2b18d7e821e50891b9e94e884b6c36f', type: "button", part: "new-chat", class: `bs-chatbot-feedback__new-chat ${this.submitted ? 'bs-chatbot-feedback__new-chat--primary' : 'bs-chatbot-feedback__new-chat--outlined'}`, onClick: this.onNewChatClick }, index.h("bs-icon", { key: 'f9f088c5e2f0b9cd8f86d433cb1c516e65d1418f', name: "note-pencil", tone: "inherit" }), this.newChatLabel))));
     }
 };
-const StarIcon = ({ filled }) => (index.h("svg", { viewBox: "0 0 24 24", fill: filled ? 'currentColor' : 'none', xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M12 2.5L15.09 8.75L22 9.77L17 14.62L18.18 21.5L12 18.22L5.82 21.5L7 14.62L2 9.77L8.91 8.75L12 2.5Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
-const SendIcon = () => (index.h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M13.5 12H7.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { d: "M4.55 20.75C4.44 20.99 4.47 21.27 4.63 21.48C4.79 21.69 5.05 21.79 5.31 21.75L21.37 12.65C21.6 12.52 21.75 12.27 21.75 12C21.75 11.73 21.6 11.48 21.37 11.35L5.31 2.25C5.05 2.21 4.79 2.31 4.63 2.52C4.47 2.73 4.44 3.01 4.55 3.25L7.5 12L4.55 20.75Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
-const EditIcon = () => (index.h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M16.5 3.5L20.5 7.5L8 20H4V16L16.5 3.5Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { d: "M14.5 5.5L18.5 9.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
-const CloseIcon = () => (index.h("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M15 5L5 15", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { d: "M15 15L5 5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
 BsChatbotFeedback.style = bsChatbotFeedbackCss();
 
 exports.bs_chatbot_feedback = BsChatbotFeedback;