@brandsync/wc 1.22.0 → 1.22.1

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

@@ -58,7 +58,7 @@ export class BsAttachmentList {
         this.canScrollRight = row.scrollWidth - row.clientWidth - row.scrollLeft > 1;
     };
     render() {
-        return (h("div", { key: 'd6c9613d4182ffee47f4cfe76e585114f7081640', class: "bs-attachment-list" }, h("div", { key: 'c961639cbfff6354bf7f030a9c6f8f43870211f2', part: "row", class: "bs-attachment-list__row", ref: el => (this.row = el), onScroll: this.onScroll, role: "group", "aria-label": this.ariaLabel, tabIndex: 0 }, h("slot", { key: 'a918b1555c0ee82c56f6cac4a7dfd286c2e7b3cc', onSlotchange: this.onSlotchange })), this.canScrollRight && h("div", { key: '4372afdaf2a1c1351627f6317beae10c498809c7', part: "fade", class: "bs-attachment-list__fade", "aria-hidden": "true" })));
+        return (h("div", { key: 'dddbcd5baab355f5522919d82c417b318d20a443', class: "bs-attachment-list" }, h("div", { key: '4291b280d7dc1a4883a778589dab85365b46d6ad', part: "row", class: "bs-attachment-list__row", ref: el => (this.row = el), onScroll: this.onScroll, role: "group", "aria-label": this.ariaLabel, tabIndex: 0 }, h("slot", { key: '6e24031c40a4fc4601d8a168c1d6cc8df43e34f5', onSlotchange: this.onSlotchange })), this.canScrollRight && h("div", { key: '3c465e27f3cbb3910b36a18cf1751dcd4d7f5f07', part: "fade", class: "bs-attachment-list__fade", "aria-hidden": "true" })));
     }
     static get is() { return "bs-attachment-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-avatar/bs-avatar.stories.js

@@ -7,7 +7,7 @@ const sizes = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
 // a consuming app would supply.
 const PLACEHOLDER_PHOTO = 'https://i.pravatar.cc/256?img=68';
 const meta = {
-    title: 'Components/bs-avatar',
+    title: 'Components/Data display/bs-avatar',
     parameters: { docs: { description: { component: componentDescription('bs-avatar') } } },
     render: args => html `
     <bs-avatar

package/dist/collection/components/bs-badge/bs-badge.stories.js

@@ -2,7 +2,7 @@ import { html } from "lit";
 import { componentDescription, propDescription } from "../../stories-utils";
 const variants = ['default', 'primary', 'success', 'warning', 'info', 'error', 'neutral', 'inverse'];
 const meta = {
-    title: 'Components/bs-badge',
+    title: 'Components/Data display/bs-badge',
     parameters: { docs: { description: { component: componentDescription('bs-badge') } } },
     render: args => html `<bs-badge variant=${args.variant}>${args.label}</bs-badge>`,
     argTypes: {

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

@@ -61,7 +61,7 @@ export class BsBreadcrumbs {
         });
     }
     render() {
-        return (h("nav", { key: '8ffe18102039b48f222a3742b864fd9a846f9f90', "aria-label": this.label }, h("ol", { key: '4fc9f4282ec9be16c5e84b593283beac56b9daab', part: "list", class: "bs-breadcrumbs__list" }, h("slot", { key: 'ac6c46a9f71daa770792f795a4a38bf7dc3ff181', onSlotchange: this.onSlotChange }))));
+        return (h("nav", { key: 'ecf18e168874cb1f78f1a00e155f201b7a86a960', "aria-label": this.label }, h("ol", { key: 'ba4dacefbe6dea2c7feb52fded62346a41a1d9ac', part: "list", class: "bs-breadcrumbs__list" }, h("slot", { key: 'ffa28b6b0b8e7a85b432e041b668da1f58ba7010', onSlotchange: this.onSlotChange }))));
     }
     static get is() { return "bs-breadcrumbs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2,7 +2,7 @@ import { html } from "lit";
 import { componentDescription, propDescription } from "../../../stories-utils";
 const sizes = ['sm', 'md'];
 const meta = {
-    title: 'Components/bs-breadcrumbs',
+    title: 'Components/Navigation/bs-breadcrumbs',
     parameters: { docs: { description: { component: componentDescription('bs-breadcrumbs') } } },
     argTypes: {
         label: { control: 'text', description: propDescription('bs-breadcrumbs', 'label') },

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

@@ -3,7 +3,7 @@ import { componentDescription, propDescription } from "../../../stories-utils";
 const variants = ['primary', 'neutral', 'subtle', 'outlined', 'success', 'warning', 'info', 'error'];
 const sizes = ['sm', 'md', 'lg'];
 const meta = {
-    title: 'Components/bs-button/bs-button',
+    title: 'Components/Actions/bs-button/bs-button',
     parameters: { docs: { description: { component: componentDescription('bs-button') } } },
     render: args => html `
     <bs-button variant=${args.variant} size=${args.size} type=${args.type} ?disabled=${args.disabled}>

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

@@ -77,7 +77,7 @@ export class BsIconButton {
             form.reset();
     };
     render() {
-        return (h("button", { key: '54397b6bf903304558a83d146be3aa3343013043', class: `bs-icon-button bs-icon-button--${this.variant} bs-icon-button--${this.size}`, type: this.type, disabled: this.disabled, "aria-label": this.ariaLabel, "aria-expanded": this.ariaExpanded, "aria-controls": this.ariaControls, "aria-haspopup": this.ariaHasPopup, "aria-pressed": this.pressed === undefined ? undefined : String(this.pressed), onClick: this.onClick }, h("bs-ripple", { key: '5e3543cad7419f2f44957359c644b13a8920d68f', part: "ripple", centered: true, disabled: this.disabled }), h("span", { key: '0b4ed8bc57cedbcdc57c2c1659431faafa6b66c7', part: "icon", class: "bs-icon-button__icon" }, h("slot", { key: 'b6133e7db9c908bf19e4e22786d10ca23c6cd8f9' }))));
+        return (h("button", { key: '77c32539dbd2e6c72cfc7979fc97b99d928eaaa8', class: `bs-icon-button bs-icon-button--${this.variant} bs-icon-button--${this.size}`, type: this.type, disabled: this.disabled, "aria-label": this.ariaLabel, "aria-expanded": this.ariaExpanded, "aria-controls": this.ariaControls, "aria-haspopup": this.ariaHasPopup, "aria-pressed": this.pressed === undefined ? undefined : String(this.pressed), onClick: this.onClick }, h("bs-ripple", { key: '2a38ac29c1d9555e049c80d1cdccb8566daa3735', part: "ripple", centered: true, disabled: this.disabled }), h("span", { key: 'f41c429261f040a62faa1685b095deb63d53f234', part: "icon", class: "bs-icon-button__icon" }, h("slot", { key: 'a6ddb1a7de122db4c2470cff775dc348bb8a3511' }))));
     }
     static get is() { return "bs-icon-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -8,7 +8,7 @@ const checkIcon = html `
   </svg>
 `;
 const meta = {
-    title: 'Components/bs-button/bs-icon-button',
+    title: 'Components/Actions/bs-button/bs-icon-button',
     parameters: { docs: { description: { component: componentDescription('bs-icon-button') } } },
     render: args => html `
     <bs-icon-button variant=${args.variant} size=${args.size} type=${args.type} aria-label=${args.ariaLabel} ?disabled=${args.disabled}>

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

@@ -27,7 +27,7 @@ export class BsButtonSkeleton {
     /** Accessible name announced for the loading placeholder. */
     loadingLabel = 'Loading';
     render() {
-        return h("span", { key: '62c4d11ad57f9a05a6cd93b99cbb77e23c1f56df', part: "container", class: `bs-button-skeleton bs-button-skeleton--${this.size}`, role: "status", "aria-label": this.loadingLabel });
+        return h("span", { key: '3193432544f192d3e4f3cb0f6a3196bab4f3f054', part: "container", class: `bs-button-skeleton bs-button-skeleton--${this.size}`, role: "status", "aria-label": this.loadingLabel });
     }
     static get is() { return "bs-button-skeleton"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2,7 +2,7 @@ import { html } from "lit";
 import { componentDescription, propDescription } from "../../stories-utils";
 const sizes = ['sm', 'md', 'lg'];
 const meta = {
-    title: 'Components/bs-button-skeleton',
+    title: 'Components/Actions/bs-button-skeleton',
     parameters: { docs: { description: { component: componentDescription('bs-button-skeleton') } } },
     render: args => html `<bs-button-skeleton size=${args.size}></bs-button-skeleton>`,
     argTypes: {

package/dist/collection/components/bs-card/bs-card.stories.js

@@ -1,7 +1,7 @@
 import { html } from "lit";
 import { componentDescription, propDescription } from "../../stories-utils";
 const meta = {
-    title: 'Components/bs-card',
+    title: 'Components/Layout/bs-card',
     parameters: { docs: { description: { component: componentDescription('bs-card') } } },
     render: args => html `
     <bs-card surface=${args.surface} style="max-width: 320px;">

package/dist/collection/components/bs-carousel/bs-carousel.stories.js

@@ -31,7 +31,7 @@ const slot = (n) => html `
   </div>
 `;
 const meta = {
-    title: 'Components/bs-carousel',
+    title: 'Components/Layout/bs-carousel',
     parameters: { docs: { description: { component: componentDescription('bs-carousel') } } },
     render: args => html `
     <bs-carousel

package/dist/collection/components/bs-chatbot-feedback/bs-chatbot-feedback.js

@@ -139,7 +139,7 @@ export class BsChatbotFeedback {
     }
     render() {
         const stars = [1, 2, 3, 4, 5];
-        return (h("div", { key: '7a50681030486ab27a4323ee5f897348d7054dda', class: "bs-chatbot-feedback", role: "region", "aria-label": this.computedHeading() }, h("button", { key: '8fdbe16bfab78fcdeccba80ff0d1f72bfb509a4d', type: "button", part: "close", class: "bs-chatbot-feedback__close", "aria-label": this.closeLabel, onClick: this.onCloseClick }, h("bs-icon", { key: '58ec82e0696b1dfddadfd7c23c0f04c146573886', name: "x", tone: "inherit", size: "md" })), h("div", { key: 'e070e8a904cf5d05627b759b208cea8c659a5374', class: "bs-chatbot-feedback__top" }, h("div", { key: '8a5d70831fa13103e3074c27c5ab53ea2766e68e', class: "bs-chatbot-feedback__text" }, h("p", { key: '49a7bd263db92b81691e4d30906eaba2595c3fb2', part: "heading", class: "bs-chatbot-feedback__heading" }, this.computedHeading()), h("p", { key: '707d7c9c24383f5bb0c9e89849522d4ec15c9b13', part: "subtitle", class: "bs-chatbot-feedback__subtitle" }, this.computedSubtitle())), h("div", { key: 'ce91679a9da5a71b7f123ec426a36534b161557d', class: "bs-chatbot-feedback__stars", role: "radiogroup", "aria-label": this.ratingLabel }, stars.map(value => (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) }, h("bs-icon", { name: this.rating >= value ? 'star-fill' : 'star', tone: "inherit" }))))), !this.submitted && (h("div", { key: '85216ceebc74598c818eba609e9f830805ff110f', class: "bs-chatbot-feedback__field" }, h("label", { key: '729a48818acec8b7c65d61a729ff450056cc9005', part: "label", class: "bs-chatbot-feedback__label", htmlFor: "bs-chatbot-feedback-comment" }, this.commentLabel), h("textarea", { key: '9ff69a3d5c044052e408eaaca43cf9cc8c1a225c', 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 && (h("p", { key: '2eb910a1b883e53617a0981d3d0748b064c2149f', part: "comment", class: "bs-chatbot-feedback__comment" }, this.comment))), h("div", { key: '7e03fb9105fabe2afb4c4b82c09b37fb0deb3713', class: "bs-chatbot-feedback__actions" }, !this.submitted && (h("button", { key: '3bf2178edaf22b8611c37e7029438d7f4d04c19a', type: "button", part: "submit", class: "bs-chatbot-feedback__submit", disabled: this.rating === 0, onClick: this.onSubmitClick }, h("bs-icon", { key: 'e50616ff771a11bc420c570110759764981d4e08', name: "paper-plane-right", tone: "inherit" }), this.submitLabel)), h("button", { key: 'f0251e2f9e6f12970e2ee3a33f09933601fe966a', 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 }, h("bs-icon", { key: '7cf6dccf7c7376acae72bfaa2f37dc915d52ffc9', name: "note-pencil", tone: "inherit" }), this.newChatLabel))));
+        return (h("div", { key: '36df3fbf37d3b56b91b728732488b66b5e87bd59', class: "bs-chatbot-feedback", role: "region", "aria-label": this.computedHeading() }, h("button", { key: '64ef354b27419eaa17f7b1bb19dc34cc1882e54b', type: "button", part: "close", class: "bs-chatbot-feedback__close", "aria-label": this.closeLabel, onClick: this.onCloseClick }, h("bs-icon", { key: 'a2c7344024e7ad868367f7e23bef405de604199e', name: "x", tone: "inherit", size: "md" })), h("div", { key: '7fcba7fa5edd79c76867ed7576967efb2ae93385', class: "bs-chatbot-feedback__top" }, h("div", { key: 'a842d06581e5271abc77820f6f0b9101032ac100', class: "bs-chatbot-feedback__text" }, h("p", { key: '71c9b99120de73ed12eeaeb1238dfeca9d399a27', part: "heading", class: "bs-chatbot-feedback__heading" }, this.computedHeading()), h("p", { key: 'e50680288c1bd072cb33240223cbf7abceb80a8f', part: "subtitle", class: "bs-chatbot-feedback__subtitle" }, this.computedSubtitle())), h("div", { key: 'b26f387d953545c6f2cddfbaf3de122e4ae7e65e', class: "bs-chatbot-feedback__stars", role: "radiogroup", "aria-label": this.ratingLabel }, stars.map(value => (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) }, h("bs-icon", { name: this.rating >= value ? 'star-fill' : 'star', tone: "inherit" }))))), !this.submitted && (h("div", { key: '3476d20c41b37019f5802f7a5a956d8fa39b0182', class: "bs-chatbot-feedback__field" }, h("label", { key: 'bc566d4cb0fdf85e99690d08f4996a9df277b6d2', part: "label", class: "bs-chatbot-feedback__label", htmlFor: "bs-chatbot-feedback-comment" }, this.commentLabel), h("textarea", { key: '95c60ff7377794dffb567c794fe39ab056f72ad1', 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 && (h("p", { key: 'f5f00e70e4fb52f95d42f456fff1c48ba968ff0d', part: "comment", class: "bs-chatbot-feedback__comment" }, this.comment))), h("div", { key: '19dcedb277d091e76e91b8e9c3432dc5acf14bd2', class: "bs-chatbot-feedback__actions" }, !this.submitted && (h("button", { key: '21e1ac807bbc50f61aa6160bfebe8e80d3103814', type: "button", part: "submit", class: "bs-chatbot-feedback__submit", disabled: this.rating === 0, onClick: this.onSubmitClick }, h("bs-icon", { key: '09f451dfbc8f7f419a80de8f96de9723b16075d2', name: "paper-plane-right", tone: "inherit" }), this.submitLabel)), h("button", { key: 'b76f6187bb2ef8a9a522f5cd885af0f14caf78b8', 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 }, h("bs-icon", { key: '0d85b7b527c27b13d763c3e684de234b790330e6', name: "note-pencil", tone: "inherit" }), this.newChatLabel))));
     }
     static get is() { return "bs-chatbot-feedback"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-chatbot-header/bs-chatbot-header.js

@@ -93,7 +93,7 @@ export class BsChatbotHeader {
         this.bsClose.emit();
     };
     render() {
-        return (h("div", { key: 'e00d2c04032f6da62fb30d2a46d8271f4fbe7984', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, h("div", { key: '5b88e19c44bc77420ac91280b6bf79863623679a', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), h("div", { key: '759fbc628be055a0fbf3b323eeb8ee084cb42139', class: "bs-chatbot-header__actions" }, h("slot", { key: '471f5f381d01b424eade667d2d35089ef5f4d79c', name: "actions" }), !this.hideNewChat && (h("span", { key: '30ddc2248884c52373f4a89132fbb1ce611b41a3', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '93d66092f02f037e10837552305e32ae8864f0b3', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": this.newChatLabel, onClick: this.onNewChatClick }, h("slot", { key: 'f636904fff9ea7b404f1d7727dd04ba83b857f1f', name: "new-chat-icon" }, h("bs-icon", { key: '236d7d5591c61b6f748c3ff03821274eb35cd2c7', name: "note-pencil", tone: "inherit" }))), h("bs-tooltip", { key: '4ec4fe6cd923da268db5bf0b326e4206a46938df', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.newChatLabel))), !this.hideHistory && (h("span", { key: '82dd351e1c7f49f4d67a55c5651ed652fe381bc7', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '09fd37777cc37d1dd7e7298ea1a62a26d7f05f20', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": this.historyLabel, onClick: this.onHistoryClick }, h("slot", { key: '20f3b6404e283a3e929527ba59b546c41b64592c', name: "history-icon" }, h("bs-icon", { key: '089f4b6440f87f9643e1b0d85a078a56237e27a5', name: "clock-counter-clockwise", tone: "inherit" }))), h("bs-tooltip", { key: '41a0214817c694ea1b7e697d1d52ee5f8dae62f6', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.historyLabel))), !this.hideExpand && (h("span", { key: 'ad8868a07d2c30cb650d5b14a966fae99801a025', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'fb12562f5e45a3d956739fadecfbc8b3bfd13a27', type: "button", part: "expand", class: "bs-chatbot-header__button", "aria-label": this.expanded ? this.collapseLabel : this.expandLabel, "aria-pressed": this.expanded ? 'true' : 'false', onClick: this.onExpandClick }, h("slot", { key: '2e4b23c0298b2bb95a2ecc2fb4b3157e0a6d0575', name: "expand-icon" }, h("bs-icon", { key: '8a16305e7e3fc831ee066b8d62520ae0eb7bb8f8', name: "arrows-out-simple", tone: "inherit" }))), h("bs-tooltip", { key: '0f277c45ae63476f2869df72a5a0b0f070411122', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.expanded ? this.collapseLabel : this.expandLabel))), !this.hideClose && (h("span", { key: '8c12788267dc0329317550db291b09a9570e5974', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '3850dff47134015bc2b58561a4bc8d11dc94d037', type: "button", part: "close", class: "bs-chatbot-header__button", "aria-label": this.closeLabel, onClick: this.onCloseClick }, h("slot", { key: '67068158843289fb36f4842c9abed77418828672', name: "close-icon" }, h("bs-icon", { key: 'eed846764082900c82b4f35b0e4ba870cdabde7b', name: "x", tone: "inherit" }))), h("bs-tooltip", { key: 'fb575a06a00426beb496dc89cb5841c77ddcaec3', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.closeLabel))))));
+        return (h("div", { key: 'f4af6b3c3f996a666c489460b8c7ee5606afca88', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, h("div", { key: '76ae875ccc0c1b43e9d6e7a6bd09384a02c3501f', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), h("div", { key: 'd3e3295e950620b1cec1252fb2b660abbd26a44f', class: "bs-chatbot-header__actions" }, h("slot", { key: '20c7f8d0e88f745cda84b5d4ee5969c836123888', name: "actions" }), !this.hideNewChat && (h("span", { key: '67861d670518cef04814bdeb89d746e641817c45', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'bcc2183039f98b1bdf71d9c3dfd9574df2fbd729', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": this.newChatLabel, onClick: this.onNewChatClick }, h("slot", { key: '88f81fac2f13c357528f94ecbf878c86048b2641', name: "new-chat-icon" }, h("bs-icon", { key: '5c4f29052d52a45389bc1751be18ec80f593d75e', name: "note-pencil", tone: "inherit" }))), h("bs-tooltip", { key: '52f3d41000a680859cd4a54bff7e0273b71a756f', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.newChatLabel))), !this.hideHistory && (h("span", { key: 'd6d12033de989242202b725152fde082c4c6eaa7', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'd40e0d613134868624784ac2e92137bff39cf0b1', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": this.historyLabel, onClick: this.onHistoryClick }, h("slot", { key: '9964a8421bae2465338eb996e322685d5bce400a', name: "history-icon" }, h("bs-icon", { key: 'ea5e7506c24c9c0b81c1055b058d840d1465e840', name: "clock-counter-clockwise", tone: "inherit" }))), h("bs-tooltip", { key: '6243276d44b8e05e24a2c181e4c26648a948012d', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.historyLabel))), !this.hideExpand && (h("span", { key: '312ea7a98ea46d43489238dc401dfb2372cf930e', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'bd91b54f0d223581ce11b8e822d20fc086e08f53', type: "button", part: "expand", class: "bs-chatbot-header__button", "aria-label": this.expanded ? this.collapseLabel : this.expandLabel, "aria-pressed": this.expanded ? 'true' : 'false', onClick: this.onExpandClick }, h("slot", { key: '30681da54be071a42148aaa669dc1bd844a27330', name: "expand-icon" }, h("bs-icon", { key: '9437280b46eb18fc63a61c96e9511fbf27754eb9', name: "arrows-out-simple", tone: "inherit" }))), h("bs-tooltip", { key: '6b8b42c597abce0352698d9be7cf7aa4542a8916', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.expanded ? this.collapseLabel : this.expandLabel))), !this.hideClose && (h("span", { key: '829728375158a9c5d0bb834ff9941e975c7aad15', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '9f2bfe450918d0a52e89cb1689606b77ca42ad0c', type: "button", part: "close", class: "bs-chatbot-header__button", "aria-label": this.closeLabel, onClick: this.onCloseClick }, h("slot", { key: '4288e97968a057d8fab5c6d1090ea326137e1684', name: "close-icon" }, h("bs-icon", { key: '13dec8f5717b84984ab82dfb530817bbc6a2156d', name: "x", tone: "inherit" }))), h("bs-tooltip", { key: '8582c56e924aa118baa88e8adcc138edbfca6512', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.closeLabel))))));
     }
     static get is() { return "bs-chatbot-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-chatbot-response-action/bs-chatbot-response-action.js

@@ -128,7 +128,7 @@ export class BsChatbotResponseAction {
     };
     render() {
         const hasSources = !!this.sourcesCount && this.sourcesCount > 0;
-        return (h("div", { key: 'e1dceaea05bf062b9101af3b600ed955b7860d7c', class: "bs-chatbot-response-action" }, h("button", { key: '594369fb42987cf942753163eca978e9d32d1a77', type: "button", part: "like", class: "bs-chatbot-response-action__button", "aria-label": this.likeLabel, "aria-pressed": this.liked ? 'true' : 'false', onClick: this.onLikeClick }, h("bs-ripple", { key: '7a422b5e9366b093625229b0b2aced735afab6df', part: "ripple", centered: true }), h("slot", { key: 'ef5e89558e39cacb97f33ea438dbea7acefa159d', name: "like-icon" }, h(ThumbsUpIcon, { key: '6b8a2b12c735424502382edb51a39217ac150514' }))), h("button", { key: 'bd5697f0ac6f06c2cde2e7884cecd5d7e37126bb', type: "button", part: "dislike", class: "bs-chatbot-response-action__button", "aria-label": this.dislikeLabel, "aria-pressed": this.disliked ? 'true' : 'false', onClick: this.onDislikeClick }, h("bs-ripple", { key: '3a8c25ace69423516c47e4888b287a230f6cf959', part: "ripple", centered: true }), h("slot", { key: '47c944affbe8e835a2935d09379a8bba1d40676b', name: "dislike-icon" }, h(ThumbsDownIcon, { key: '7b4ea0aa2939e7c2279f1be9436bb23662895741' }))), h("button", { key: '228e47271ca3d2c29f98a624fb9aac5fa7aa5c73', type: "button", part: "copy", class: "bs-chatbot-response-action__button", "aria-label": this.copyLabel, onClick: this.onCopyClick }, h("bs-ripple", { key: '976a7aa72b6aa7381cdfb3d2b57c8102b02f82eb', part: "ripple", centered: true }), h("slot", { key: 'da9e6cd712ada2119b7e7fce17a6e16e8fa58e69', name: "copy-icon" }, h(CopyIcon, { key: 'f1d5ab12239750a0b07584b33ee5b2a649d05631' }))), !this.hideRegenerate && (h("button", { key: '334a46a5b574f72d82f9f530143cd0046c7a280c', type: "button", part: "regenerate", class: "bs-chatbot-response-action__button", "aria-label": this.regenerateLabel, onClick: this.onRegenerateClick }, h("bs-ripple", { key: '5660a8e6eb4fcb8360542eb5723cb5bb51c76c7d', part: "ripple", centered: true }), h("slot", { key: '4a67443d0d1153d5175586387b6322ad72032781', name: "regenerate-icon" }, h(RegenerateIcon, { key: '9b8fb478f8072ccb2e611b89050a3d6254fb2587' })))), h("div", { key: '5be42f79158e217347b7700d41b2e80647058d06', class: "bs-chatbot-response-action__menu-wrapper" }, h("button", { key: '95e09e53f83546c24b244ccfbdf160dd70a18a72', type: "button", part: "menu", class: "bs-chatbot-response-action__button", "aria-label": this.menuLabel, "aria-haspopup": "menu", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: this.onMenuClick }, h("bs-ripple", { key: '34195f1ac957ce1bf4d524b833c95682795e7738', part: "ripple", centered: true }), h("slot", { key: 'a725a6b2ed797afd8a25ce6a6e77f76ea1c55642', name: "menu-icon" }, h(MenuIcon, { key: '36cab1a3ea55eca56cf1f68c9d7575d3c0474699' }))), this.menuOpen && (h("div", { key: 'f8ce2de8a6678b249be9dda14e8d9309729addf2', class: "bs-chatbot-response-action__menu-popup" }, h("slot", { key: '5832b33e625da7c4497d5ab7f915ac66cb1cd5b2', name: "menu" })))), hasSources && (h("button", { key: '07f4fc5cefb1009925fc8aa09657249d9b36ad73', type: "button", part: "sources", class: "bs-chatbot-response-action__sources", onClick: this.onSourcesClick }, h("slot", { key: '66e6551c5bee14482bd30dfd859ecb7fbcf591f5', name: "sources-icon" }, h(SourcesIcon, { key: '11d2d3cfc3ec03c1093066cbd711167e80edca5e' })), h("span", { key: '7f274379a117a1bccce9c6df3de960420d3216d1', class: "bs-chatbot-response-action__sources-label" }, this.sourcesCount, " ", this.sourcesCount === 1 ? this.sourceLabel : this.sourcesLabel)))));
+        return (h("div", { key: 'f0dc5cc09ed49ba45063b783391a26bdc091bd78', class: "bs-chatbot-response-action" }, h("button", { key: 'cd9b804ffb233d5fd25c62a58ed74758cdffc2cd', type: "button", part: "like", class: "bs-chatbot-response-action__button", "aria-label": this.likeLabel, "aria-pressed": this.liked ? 'true' : 'false', onClick: this.onLikeClick }, h("bs-ripple", { key: 'dcd8efd2ea54776a761f77dabea7bbf4cf0a62e5', part: "ripple", centered: true }), h("slot", { key: '32d1073ef215c80d2dbe1058fef3ea3717bbd097', name: "like-icon" }, h(ThumbsUpIcon, { key: '466782a38934888fabd95b8cb8bf2850336ea5f1' }))), h("button", { key: '43ac21d60aac33e5442149195337660390988f99', type: "button", part: "dislike", class: "bs-chatbot-response-action__button", "aria-label": this.dislikeLabel, "aria-pressed": this.disliked ? 'true' : 'false', onClick: this.onDislikeClick }, h("bs-ripple", { key: '5883f026e01da5a9e61df3f18f95f2bc19648f25', part: "ripple", centered: true }), h("slot", { key: '58f64bcb0c9d621b54e344fec54b006fd55e13b7', name: "dislike-icon" }, h(ThumbsDownIcon, { key: '22c666c658c9920533108dae46a6dd4e0763264f' }))), h("button", { key: 'f8755e1628505a49b20f1fbf4240d6783610e18a', type: "button", part: "copy", class: "bs-chatbot-response-action__button", "aria-label": this.copyLabel, onClick: this.onCopyClick }, h("bs-ripple", { key: 'fa20e3f8f721474631c6847e57c75d0a3dabca3c', part: "ripple", centered: true }), h("slot", { key: 'fe545bb8594f3c8b7651d231da82b02055af94f8', name: "copy-icon" }, h(CopyIcon, { key: '6fc875a8d0be6be4a18491ad01deb6a7bf3b59ba' }))), !this.hideRegenerate && (h("button", { key: '1d1274c42b1a08f315b2f174c374c718311d8665', type: "button", part: "regenerate", class: "bs-chatbot-response-action__button", "aria-label": this.regenerateLabel, onClick: this.onRegenerateClick }, h("bs-ripple", { key: 'bbe0dcd294dd44f872271cb659fae3b4426cf764', part: "ripple", centered: true }), h("slot", { key: '1101558481d32745c21d9e1ed9eed85be6d12788', name: "regenerate-icon" }, h(RegenerateIcon, { key: 'd68e9e701f90b55c0d1bd8e92a881df004056743' })))), h("div", { key: '4f6ea1f72bd4c7302f8d524a334ee7858bc44191', class: "bs-chatbot-response-action__menu-wrapper" }, h("button", { key: '790f909a523e61eed9311e407fe5267aea342aa2', type: "button", part: "menu", class: "bs-chatbot-response-action__button", "aria-label": this.menuLabel, "aria-haspopup": "menu", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: this.onMenuClick }, h("bs-ripple", { key: '96d9f13c6d3764ad1ad1ea299f1922d6e733ba07', part: "ripple", centered: true }), h("slot", { key: '900d4f2d013f252f1e501e0c76f2f045c4fdacc3', name: "menu-icon" }, h(MenuIcon, { key: '8593a8d4fc1b0fe64b2131a7e83339af5b597b2b' }))), this.menuOpen && (h("div", { key: 'fb189d08ccb8081422b34bad27076ee1a2fe5a61', class: "bs-chatbot-response-action__menu-popup" }, h("slot", { key: 'e737f08f405b1e8624eff45f7d4954e15c4b3dc1', name: "menu" })))), hasSources && (h("button", { key: '40e7dc9342f9e572a28ed75040f5f895fc5021db', type: "button", part: "sources", class: "bs-chatbot-response-action__sources", onClick: this.onSourcesClick }, h("slot", { key: '7742424b87f504f9f8da7435b180c60844a0ca33', name: "sources-icon" }, h(SourcesIcon, { key: '6114092b17ba3b7625839c3b3ae05a4b279251c6' })), h("span", { key: 'e837591c04f96032144fde694e43b43111eb3649', class: "bs-chatbot-response-action__sources-label" }, this.sourcesCount, " ", this.sourcesCount === 1 ? this.sourceLabel : this.sourcesLabel)))));
     }
     static get is() { return "bs-chatbot-response-action"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-chatbot-sources-drawer/bs-chatbot-sources-drawer.js

@@ -59,7 +59,7 @@ export class BsChatbotSourcesDrawer {
     };
     render() {
         const displayCount = this.count ?? this.slottedCount;
-        return (h("div", { key: 'e5cd2f50245abdf4d9a05348ba915dba9bc79573', class: "bs-chatbot-sources-drawer", role: "region", "aria-label": this.heading }, h("div", { key: '997a59d151f334fc6a1a8e30411f8674b1a8534f', class: "bs-chatbot-sources-drawer__header" }, h("div", { key: 'c72b346306dbfcd72dfcdfc3022fc048ccea6d83', class: "bs-chatbot-sources-drawer__title-group" }, h("h2", { key: '8c1c858fefd2e4d12a7a7f3e442866b1f3848e4f', part: "heading", class: "bs-chatbot-sources-drawer__heading" }, this.heading), displayCount > 0 && (h("span", { key: 'fca19f5498634aff0f7bec44e187ea6dde558c3d', part: "count", class: "bs-chatbot-sources-drawer__count" }, displayCount))), h("button", { key: '219bf542af1c6ccd16e5b2b28e68ac161c8f870a', type: "button", part: "collapse", class: "bs-chatbot-sources-drawer__collapse", "aria-label": this.collapseLabel, onClick: this.onCollapseClick }, h("slot", { key: '599f9de30d93f624751a6b8c69df4554fb38acea', name: "collapse-icon" }, h(CaretRightIcon, { key: '43da27fe3aa229fd3fe9d1c2725c28258e586c18' })))), h("div", { key: '76eabacbe8380a57189787180a15e7c414a280ec', part: "list", class: "bs-chatbot-sources-drawer__list" }, h("slot", { key: '7cd661e7884bca5677ec69bf21a9f414808a44ac', onSlotchange: this.onSlotchange }))));
+        return (h("div", { key: '61d640b674c4172b966b83241ac1a9afd3cf69f3', class: "bs-chatbot-sources-drawer", role: "region", "aria-label": this.heading }, h("div", { key: 'eaf6770473f3ca314b2c407c96d3d7264ff1012d', class: "bs-chatbot-sources-drawer__header" }, h("div", { key: 'a14ae1e6d3bf81022ea8c37ad737c01a311320fb', class: "bs-chatbot-sources-drawer__title-group" }, h("h2", { key: '67528b4b47a28f66b3fde6815dbf2ce93a86d323', part: "heading", class: "bs-chatbot-sources-drawer__heading" }, this.heading), displayCount > 0 && (h("span", { key: 'dfde59aeac5a8dd8bedaf4300bbb419199df3e1b', part: "count", class: "bs-chatbot-sources-drawer__count" }, displayCount))), h("button", { key: '4e2a76822944717e241a5d485be74c18c0b6af59', type: "button", part: "collapse", class: "bs-chatbot-sources-drawer__collapse", "aria-label": this.collapseLabel, onClick: this.onCollapseClick }, h("slot", { key: '471f8a2e69db306805c97c347449e19161cce090', name: "collapse-icon" }, h(CaretRightIcon, { key: 'd0eee603e026e16ba0aafb849ee2bc90bf9cf426' })))), h("div", { key: '0ade2bac2080cc689fbb733c6c392289579f7991', part: "list", class: "bs-chatbot-sources-drawer__list" }, h("slot", { key: 'd90627af61ce3786fb46513aa02e26f9f3ba94e9', onSlotchange: this.onSlotchange }))));
     }
     static get is() { return "bs-chatbot-sources-drawer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-chatbot-suggestion-button/bs-chatbot-suggestion-button.js

@@ -46,7 +46,7 @@ export class BsChatbotSuggestionButton {
         this.bsSelect.emit();
     };
     render() {
-        return (h("button", { key: '7e2eec8f12239cc5038740f7bc4d98cb40f4b4e5', type: "button", part: "button", class: "bs-chatbot-suggestion-button", disabled: this.disabled, onClick: this.onClick }, h("bs-ripple", { key: '59e94b073e82320148196c6ea526db559e55e8cb', part: "ripple", centered: false, disabled: this.disabled }), h("slot", { key: 'b137e2270b7da3437a6c16d5b34b968fb325b46c' })));
+        return (h("button", { key: '69b29ca6ff36ba7260b511ff362e1c9c2eff5684', type: "button", part: "button", class: "bs-chatbot-suggestion-button", disabled: this.disabled, onClick: this.onClick }, h("bs-ripple", { key: '541f68aabbce33669116995107561003bd2d79bb', part: "ripple", centered: false, disabled: this.disabled }), h("slot", { key: '355bab2f02518ec0cfdcb5a01a8d8c582193883d' })));
     }
     static get is() { return "bs-chatbot-suggestion-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -35,7 +35,7 @@ export class BsCheckboxSkeleton {
     /** Accessible name announced for the loading placeholder. */
     loadingLabel = 'Loading';
     render() {
-        return (h("span", { key: 'afdd1bab3322df2b766e2a75b29d043d710bd9a7', part: "container", class: "bs-checkbox-skeleton", role: "status", "aria-label": this.loadingLabel }, h("span", { key: '491a550c60e8b98e622efd6cf8c7a2335b20b7f2', part: "box", class: `bs-checkbox-skeleton__box bs-checkbox-skeleton__box--${this.size}` }), h("span", { key: '12d364db8342098312d8fd6c1237cf63cab52b35', part: "label", class: "bs-checkbox-skeleton__label" })));
+        return (h("span", { key: 'dfd9739615264d9d7da1d6ce427322286f5dc378', part: "container", class: "bs-checkbox-skeleton", role: "status", "aria-label": this.loadingLabel }, h("span", { key: 'dd7121def819b661c5d7d89de55710767823a75c', part: "box", class: `bs-checkbox-skeleton__box bs-checkbox-skeleton__box--${this.size}` }), h("span", { key: '206f464ac5e4fd9c1489fd5845b70e976617f0da', part: "label", class: "bs-checkbox-skeleton__label" })));
     }
     static get is() { return "bs-checkbox-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-checkbox/bs-checkbox-skeleton/bs-checkbox-skeleton.stories.js

@@ -2,7 +2,7 @@ import { html } from "lit";
 import { componentDescription, propDescription } from "../../../stories-utils";
 const sizes = ['sm', 'md', 'lg'];
 const meta = {
-    title: 'Components/bs-checkbox-skeleton',
+    title: 'Components/Forms/bs-checkbox-skeleton',
     parameters: { docs: { description: { component: componentDescription('bs-checkbox-skeleton') } } },
     render: args => html `<bs-checkbox-skeleton size=${args.size}></bs-checkbox-skeleton>`,
     argTypes: {

package/dist/collection/components/bs-checkbox/bs-checkbox.stories.js

@@ -4,7 +4,7 @@ import { expect, userEvent, waitFor } from "storybook/test";
 import { ready, inShadow, recordEvents } from "../../play-utils";
 const sizes = ['sm', 'md', 'lg'];
 const meta = {
-    title: 'Components/bs-checkbox',
+    title: 'Components/Forms/bs-checkbox',
     parameters: { docs: { description: { component: componentDescription('bs-checkbox') } } },
     render: args => html `
     <bs-checkbox

package/dist/collection/components/bs-checkbox-group/bs-checkbox-group.stories.js

@@ -2,7 +2,7 @@ import { html } from "lit";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { componentDescription } from "../../stories-utils";
 const meta = {
-    title: 'Components/bs-checkbox-group',
+    title: 'Components/Forms/bs-checkbox-group',
     parameters: { docs: { description: { component: componentDescription('bs-checkbox-group') } } },
     render: args => html `
     <bs-checkbox-group

package/dist/collection/components/bs-chip/bs-chip-filter/bs-chip-filter.stories.js

@@ -1,7 +1,7 @@
 import { html } from "lit";
 import { componentDescription, propDescription } from "../../../stories-utils";
 const meta = {
-    title: 'Components/bs-chip/bs-chip-filter',
+    title: 'Components/Data display/bs-chip/bs-chip-filter',
     parameters: { docs: { description: { component: componentDescription('bs-chip-filter') } } },
     render: args => html `
     <bs-chip-filter size=${args.size} ?selected=${args.selected} ?dropdown=${args.dropdown} ?disabled=${args.disabled}>${args.label}</bs-chip-filter>

package/dist/collection/components/bs-chip/bs-chip-informative/bs-chip-informative.css

@@ -74,16 +74,30 @@
   line-height: calc(var(--bs-chip-informative-line-height-sm) * 1px);
 }
 
-:host(.bs-chip-informative--icon) {
+/* Padding lives on an inner element, not :host -- page-level resets (e.g. Tailwind preflight's
+   `* { padding: 0 }`) outrank :host rules and would otherwise strip it. */
+.bs-chip-informative__body {
+  display: inline-flex;
+  align-items: center;
+  box-sizing: border-box;
+  height: 100%;
+  gap: var(--bs-chip-informative-gap);
+}
+
+:host(.bs-chip-informative--icon) .bs-chip-informative__body {
   padding-inline-start: var(--bs-chip-informative-padding-x-glyph-side);
   padding-inline-end: var(--bs-chip-informative-padding-right-icon-variant);
 }
 
-:host(.bs-chip-informative--text) {
+:host(.bs-chip-informative--text) .bs-chip-informative__body {
   padding-inline-start: var(--bs-chip-informative-padding-x-plain-side);
   padding-inline-end: var(--bs-chip-informative-padding-x-plain-side);
 }
 
+:host(.bs-chip-informative--removable) .bs-chip-informative__body {
+  padding-inline-end: 0;
+}
+
 :host(.bs-chip-informative--removable) {
   padding-inline-end: var(--bs-chip-informative-padding-right-removable);
 }
@@ -128,6 +142,12 @@
 }
 
 .bs-chip-informative__remove {
+  /* bs-icon-button's host is inline-block, so its inner <button> sits in a text line box that
+     inherits the chip's line-height and rests on the baseline -- the glyph drifts below centre.
+     A flex host has no line box, so the button is centred by the chip's align-items. */
+  display: flex;
+  align-items: center;
+  justify-content: center;
   flex-shrink: 0;
   color: inherit;
 }

package/dist/collection/components/bs-chip/bs-chip-informative/bs-chip-informative.js

@@ -79,7 +79,7 @@ export class BsChipInformative {
         const isLink = !!this.href && !this.disabled;
         const rel = isLink && this.target === '_blank' ? 'noopener noreferrer' : undefined;
         const label = h("slot", { key: 'ef28047f16d39f511b22c44dc8d5fed7031d2f42', onSlotchange: () => (this.labelText = this.readLabel()) });
-        return (h(Host, { key: '1efcc6d4f937ca210e938e6c6d146ed190f9a9c7', class: `bs-chip-informative bs-chip-informative--${this.color} bs-chip-informative--${this.size} bs-chip-informative--${paddingVariant} ${this.removable ? 'bs-chip-informative--removable' : ''}`, "aria-disabled": this.disabled ? 'true' : undefined }, h("span", { key: 'fd333a339d4cea6ff26362d9b583de0ae58b2d97', part: "icon", class: `bs-chip-informative__icon ${this.hasIcon ? 'bs-chip-informative__icon--visible' : ''}` }, h("slot", { key: '1b24fa6d1144ae046e7e63a61bec7197ad146626', name: "icon", onSlotchange: this.onIconSlotchange })), isLink ? (h("a", { part: "label", class: "bs-chip-informative__label bs-chip-informative__label--link", href: this.href, target: this.target, rel: rel }, label)) : (h("span", { part: "label", class: "bs-chip-informative__label" }, label)), this.removable && (h("bs-icon-button", { key: '907d4095f2fb64ee3d3d928c7ff41cacb1656911', part: "remove", class: "bs-chip-informative__remove", size: "xs", variant: "subtle", disabled: this.disabled, ariaLabel: `${this.removeLabel} ${this.labelText}`.trim(), onClick: this.onRemove }, h("svg", { key: '7ff06d4309db7e3462600bb8e620b6092d55ba66', viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("path", { key: '8bff2d547b88bdb5a240a13a82f71a0f3345ba59', d: "M12.5 3.5L3.5 12.5M12.5 12.5L3.5 3.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
+        return (h(Host, { key: '1efcc6d4f937ca210e938e6c6d146ed190f9a9c7', class: `bs-chip-informative bs-chip-informative--${this.color} bs-chip-informative--${this.size} bs-chip-informative--${paddingVariant} ${this.removable ? 'bs-chip-informative--removable' : ''}`, "aria-disabled": this.disabled ? 'true' : undefined }, h("span", { key: 'de7d9811919a43e81dc18b143c56892ac266578c', class: "bs-chip-informative__body" }, h("span", { key: '682115d5be675d1e2fdfd3e0633ce782d2828a65', part: "icon", class: `bs-chip-informative__icon ${this.hasIcon ? 'bs-chip-informative__icon--visible' : ''}` }, h("slot", { key: '776779930e92c1dc312e33fb3fda3a109168032a', name: "icon", onSlotchange: this.onIconSlotchange })), isLink ? (h("a", { part: "label", class: "bs-chip-informative__label bs-chip-informative__label--link", href: this.href, target: this.target, rel: rel }, label)) : (h("span", { part: "label", class: "bs-chip-informative__label" }, label))), this.removable && (h("bs-icon-button", { key: 'eb1e38d68a09ca69d130d112da983bf242d6152a', part: "remove", class: "bs-chip-informative__remove", size: "xs", variant: "subtle", disabled: this.disabled, ariaLabel: `${this.removeLabel} ${this.labelText}`.trim(), onClick: this.onRemove }, h("svg", { key: '4eeb253205746e7167ad5cebbfb459fc349f81ab', viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("path", { key: '01e23027c865131a929a5c4c1e6c9a94dd59dd71', d: "M12.5 3.5L3.5 12.5M12.5 12.5L3.5 3.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
     }
     static get is() { return "bs-chip-informative"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-chip/bs-chip-informative/bs-chip-informative.stories.js

@@ -2,7 +2,7 @@ import { html } from "lit";
 import { componentDescription, propDescription } from "../../../stories-utils";
 const colors = ['neutral', 'warning', 'success', 'info', 'error'];
 const meta = {
-    title: 'Components/bs-chip/bs-chip-informative',
+    title: 'Components/Data display/bs-chip/bs-chip-informative',
     parameters: { docs: { description: { component: componentDescription('bs-chip-informative') } } },
     render: args => html ` <bs-chip-informative color=${args.color} size=${args.size} ?disabled=${args.disabled}>${args.label}</bs-chip-informative> `,
     argTypes: {

package/dist/collection/components/bs-chip/bs-chip-input/bs-chip-input.js

@@ -80,7 +80,7 @@ export class BsChipInput {
     };
     render() {
         const paddingVariant = this.hasIcon ? 'icon' : 'text';
-        return (h(Host, { key: '138a3e7ee6dc966c580f664ec184466f71272f11', class: `bs-chip-input bs-chip-input--${this.size} bs-chip-input--${paddingVariant}` }, h("button", { key: '6d81c76a47b8a4f5d410f62da65bc21fd73ab326', type: "button", part: "body", class: "bs-chip-input__body", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.onBodyClick }, h("bs-ripple", { key: 'd625ac5a1c658215730aa694b69e426a3f17e138', part: "ripple", centered: false, disabled: this.disabled }), h("span", { key: 'd073ce98fe4a7ad884c055da57ccab870337f468', part: "icon", class: `bs-chip-input__icon ${this.hasIcon ? 'bs-chip-input__icon--visible' : ''}` }, h("slot", { key: 'fc9323f052532e20e443ec52d36f7343a5438148', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '0e174e2a29afbaff6e6468e9b0e1fc17d1e59fbf', part: "label", class: "bs-chip-input__label" }, h("slot", { key: 'a1c9457b41944c59dc49666361eeae0f2dceedb0', onSlotchange: this.onLabelSlotchange }))), h("button", { key: '981a4d06c8fce2ee6ca3a01adb438eaa95652aac', type: "button", part: "remove", class: "bs-chip-input__remove", disabled: this.disabled, "aria-label": `${this.removeLabel} ${this.labelText}`, onClick: this.onRemoveClick }, h("bs-ripple", { key: '8946515916aaedcd3d73961be2e9534e57ab0e17', part: "ripple", centered: true, disabled: this.disabled }), h(CloseIcon, { key: '2f67baae389fc4fbfaa29f4e6c720a2e02a8c8c4' }))));
+        return (h(Host, { key: '34e8593d614ac53f4233836e480ea4cc5b5a0d05', class: `bs-chip-input bs-chip-input--${this.size} bs-chip-input--${paddingVariant}` }, h("button", { key: 'd12bd47ce8c8c36d6885791518e77aa5485164b7', type: "button", part: "body", class: "bs-chip-input__body", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.onBodyClick }, h("bs-ripple", { key: 'b0ee66f131ee5527cea59784a576cdb89731ddb8', part: "ripple", centered: false, disabled: this.disabled }), h("span", { key: 'fd9e72121aa0050f26676d2aabeeb42ccdb2dc3b', part: "icon", class: `bs-chip-input__icon ${this.hasIcon ? 'bs-chip-input__icon--visible' : ''}` }, h("slot", { key: '4766192118b7fcbcfcb39841e3cfdb19c5294802', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '3d2981a4018227dec45563ddefc605926e5fe878', part: "label", class: "bs-chip-input__label" }, h("slot", { key: '1729babcdf69259fa96e230b9a96a002b2dececa', onSlotchange: this.onLabelSlotchange }))), h("button", { key: '780205690c3d70e602dc6cd98e7c5d95c8ab1ceb', type: "button", part: "remove", class: "bs-chip-input__remove", disabled: this.disabled, "aria-label": `${this.removeLabel} ${this.labelText}`, onClick: this.onRemoveClick }, h("bs-ripple", { key: '969c442c9eb550c439fbe712c78ab2f53e5a12ab', part: "ripple", centered: true, disabled: this.disabled }), h(CloseIcon, { key: 'bf75e06c3ffc11b02390d7f2cb26c46aadf94b50' }))));
     }
     static get is() { return "bs-chip-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-chip/bs-chip-input/bs-chip-input.stories.js

@@ -2,7 +2,7 @@ import { html } from "lit";
 import { componentDescription, propDescription } from "../../../stories-utils";
 const PLACEHOLDER_PHOTO = 'https://i.pravatar.cc/256?img=68';
 const meta = {
-    title: 'Components/bs-chip/bs-chip-input',
+    title: 'Components/Data display/bs-chip/bs-chip-input',
     parameters: { docs: { description: { component: componentDescription('bs-chip-input') } } },
     render: args => html ` <bs-chip-input size=${args.size} ?selected=${args.selected} ?disabled=${args.disabled}>${args.label}</bs-chip-input> `,
     argTypes: {

package/dist/collection/components/bs-citation-preview/bs-citation-preview.js

@@ -38,7 +38,7 @@ export class BsCitationPreview {
     bsOpen;
     render() {
         const hasPage = this.page !== undefined && this.page !== null && this.page !== '';
-        return (h("bs-card", { key: '4cd2544f4f2432c805caa775406c96dae7561452', part: "container", class: "bs-citation-preview", surface: "base" }, h("div", { key: '6d71dc9004e751fca3cd0d2af1d480f812e1bb9c', class: "bs-citation-preview__body" }, h("bs-source-link", { key: 'c089f659de271f201cbedb3b1661f11cad7daabb', part: "header", fileName: this.fileName, sourceName: this.sourceName, href: this.href, onBsOpen: () => this.bsOpen.emit() }), h("div", { key: '3010095752fb0cb0e695c12c378893b4973ec556', part: "snippet", class: "bs-citation-preview__snippet" }, h("slot", { key: '04c9331812a9b9e23c0cd9eb08e52c516a0f4156' })), h("div", { key: '10d6028902c212b166810b0ef8f79e04a863d59b', class: "bs-citation-preview__footer" }, h("slot", { key: '90108dc123a1b105e81094999660b768083edcbd', name: "footer" }, hasPage && (h("span", { key: '2f3f69d2ea1b59cde085cadc737d38c655b9b1db', part: "page", class: "bs-citation-preview__page" }, "Page ", this.page)))))));
+        return (h("bs-card", { key: 'c6c9684b62d1d701226892e3c43ad5c8c4bf77fd', part: "container", class: "bs-citation-preview", surface: "base" }, h("div", { key: '65abda508f4ce387a50872ccb2ef59ee9014fee1', class: "bs-citation-preview__body" }, h("bs-source-link", { key: 'd672afe4ba5ebb22e236c6972150e95b45c319f0', part: "header", fileName: this.fileName, sourceName: this.sourceName, href: this.href, onBsOpen: () => this.bsOpen.emit() }), h("div", { key: '3285fca30f62583986af275e7a2b716f03d3f725', part: "snippet", class: "bs-citation-preview__snippet" }, h("slot", { key: 'afc997485f0e98558b0a5328941420c2b31d8062' })), h("div", { key: 'aa7afcedd447639af8d40e549f84a410f4a486f8', class: "bs-citation-preview__footer" }, h("slot", { key: '2c632a47a63597cf936c91ae72b2a73f0a4303be', name: "footer" }, hasPage && (h("span", { key: '5213014e8f6287580a8104f202192a062e9c9050', part: "page", class: "bs-citation-preview__page" }, "Page ", this.page)))))));
     }
     static get is() { return "bs-citation-preview"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-code-block/bs-code-block.stories.js

@@ -7,7 +7,7 @@ registerIcons({
   star: '<path d="M12 3l2.7 5.6 6.1.9"/>',
 });`;
 const meta = {
-    title: 'Components/bs-code-block',
+    title: 'Components/Data display/bs-code-block',
     parameters: { docs: { description: { component: componentDescription('bs-code-block') } } },
     render: args => html `
     <bs-code-block

package/dist/collection/components/bs-command-palette/bs-command-palette.js

@@ -393,7 +393,7 @@ export class BsCommandPalette {
         const sections = this.shownSections().filter(s => this.filled[s]);
         const hasList = sections.length > 0;
         const showResults = loading || empty || hasList;
-        return (h("dialog", { key: '14f738dbfc997dd3a0e5c763659198ff4bb95529', ref: el => (this.dialogEl = el), part: "dialog", class: "bs-command-palette", "aria-label": this.label, "aria-modal": "true", role: "dialog", onCancel: this.onCancel, onClose: () => this.open && this.setOpen(false), onClick: this.onDialogClick, onKeyDown: this.onDialogKeyDown }, h("div", { key: '2763bfb126b06706973e82411a50d81186398660', part: "panel", class: "bs-command-palette__panel" }, h("div", { key: '662b84e505270a77b519b2ba44869b39ded8b118', part: "search", class: "bs-command-palette__search" }, this.scopeLabel && (h("bs-chip-informative", { key: '129c0e4b8d442c47fcdb63c706e6a8afd204d15b', class: "bs-command-palette__scope", color: "info" }, this.scopeLabel)), h("div", { key: '2df2f5b194a3089af079e13b42146cc6042fed7d', class: "bs-command-palette__field", ref: el => (this.comboEl = el), role: "combobox", "aria-label": this.placeholder, "aria-expanded": String(hasList), "aria-haspopup": "listbox", "aria-controls": hasList ? listId : undefined, onKeyDown: this.onKeyDown }, h("bs-input", { key: '9bbb0fb5338b4a897c01becd9c06c19537abd4ea', part: "input", ref: el => (this.inputEl = el), type: "search", value: this.value, placeholder: this.placeholder, onBsInput: this.onInput })), h("span", { key: '1fb9c6bf593b2bd2a3d86f5fef51119fc76ad545', class: "bs-command-palette__esc", "aria-hidden": "true" }, h("bs-key", { key: '37fbede6ae45c725e6b3097a3cdd8a3985f0b7ee', label: "Esc" }))), showResults && h("div", { key: '99b59b7f2ac6762f5a638dd084420332bbe95391', class: "bs-command-palette__divider", role: "presentation" }), showResults && (h("div", { key: '18a22c3d45ec4c84990ca9a87fb3cf76ccdb7552', part: "results", class: "bs-command-palette__results", "aria-busy": String(loading), onMouseOver: this.onResultsMouseOver }, loading && (h("div", { key: 'c4246fa469a4bd9556db418cea6f763630d0907a', class: "bs-command-palette__loading", role: "status" }, h("bs-spinner", { key: 'f7658c22dceb48bc4c4f1265b7f4618ace5e12a7', size: "sm" }), h("span", { key: '03bf1c7a43b99d45cd8630f1dc628f258583a4a6' }, this.loadingLabel))), empty && this.renderEmpty(), hasList && (h("div", { key: '10af576c2d8ae003e372bc1d60d1c399c8bd40b5', id: listId, class: "bs-command-palette__list", role: "listbox", "aria-label": this.listLabel }, sections.map(s => this.renderSection(s)))))), this.showFooter && this.renderFooter()), h("span", { key: '5f078c4477ccabd8620bc67de7a0c071987416f3', class: "bs-command-palette__live", "aria-live": "polite" }, this.announcement())));
+        return (h("dialog", { key: 'fef5f03166b7a42cb7ee559d2a7c5458606cf681', ref: el => (this.dialogEl = el), part: "dialog", class: "bs-command-palette", "aria-label": this.label, "aria-modal": "true", role: "dialog", onCancel: this.onCancel, onClose: () => this.open && this.setOpen(false), onClick: this.onDialogClick, onKeyDown: this.onDialogKeyDown }, h("div", { key: '65834adcb25c5a0fefb70c5a61dd047612294938', part: "panel", class: "bs-command-palette__panel" }, h("div", { key: '0730c63678164d2d37a73919674fab891ed866a1', part: "search", class: "bs-command-palette__search" }, this.scopeLabel && (h("bs-chip-informative", { key: 'd826eec5c04930e92356097d3b42357765ba6d40', class: "bs-command-palette__scope", color: "info" }, this.scopeLabel)), h("div", { key: '2187e13b78da9f3f578551ad1fd2c6a756cb8a16', class: "bs-command-palette__field", ref: el => (this.comboEl = el), role: "combobox", "aria-label": this.placeholder, "aria-expanded": String(hasList), "aria-haspopup": "listbox", "aria-controls": hasList ? listId : undefined, onKeyDown: this.onKeyDown }, h("bs-input", { key: 'e04f250b4e432d2d37635bda38fac6375fad6f3d', part: "input", ref: el => (this.inputEl = el), type: "search", value: this.value, placeholder: this.placeholder, onBsInput: this.onInput })), h("span", { key: '71a6daf5aa066a453c7758743014db411cf9ff8d', class: "bs-command-palette__esc", "aria-hidden": "true" }, h("bs-key", { key: 'a179db74f776bb159cf6d9beab1b833f46223a54', label: "Esc" }))), showResults && h("div", { key: 'af05d5e148e8023b270c7f15d0aacd09f6b995d1', class: "bs-command-palette__divider", role: "presentation" }), showResults && (h("div", { key: '980869c72d0e61ffcc8d48c3a6696e875ecce1dc', part: "results", class: "bs-command-palette__results", "aria-busy": String(loading), onMouseOver: this.onResultsMouseOver }, loading && (h("div", { key: '02a0b5862fae003ab2cc03f29cfe292f1dd791d0', class: "bs-command-palette__loading", role: "status" }, h("bs-spinner", { key: '0a9c51dc248312e17fcd7b94cee54b0366edb30a', size: "sm" }), h("span", { key: '0841922592a2deb2dc23c5ad9bdc97689c1ea5b3' }, this.loadingLabel))), empty && this.renderEmpty(), hasList && (h("div", { key: 'b24113d3b857770b6f648ca4b2008543998dba3f', id: listId, class: "bs-command-palette__list", role: "listbox", "aria-label": this.listLabel }, sections.map(s => this.renderSection(s)))))), this.showFooter && this.renderFooter()), h("span", { key: 'e0e8edcbd795b8c98bd48ab7a409569829ae7a97', class: "bs-command-palette__live", "aria-live": "polite" }, this.announcement())));
     }
     static get is() { return "bs-command-palette"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-command-palette/bs-command-palette.stories.js

@@ -54,7 +54,7 @@ const rowTemplate = (r) => html `<bs-search-item slot=${r.section} value=${r.val
 const meta = {
     // The shared story data constants are exported for the tests; keep them out of the sidebar.
     excludeStories: /^[A-Z0-9_]+$/,
-    title: 'Components/bs-command-palette',
+    title: 'Components/Navigation/bs-command-palette',
     parameters: { layout: 'fullscreen', docs: { description: { component: componentDescription('bs-command-palette') }, story: { inline: false, iframeHeight: 640 } } },
     argTypes: {
         open: { control: 'boolean' },

package/dist/collection/components/bs-compact-menu-block/bs-compact-menu-block.js

@@ -27,7 +27,7 @@ export class BsCompactMenuBlock {
     name;
     render() {
         const common = { part: 'container', class: 'bs-compact-menu-block' };
-        return (h("button", { key: 'ef2215a64dfd1aa73db75b5352a9caa564978802', ...common, type: "button" }, this.name));
+        return (h("button", { key: '052b33458aa66b3a56bef4f35bb26c93d627c881', ...common, type: "button" }, this.name));
     }
     static get is() { return "bs-compact-menu-block"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-compact-menu-block/bs-compact-menu-block.stories.js

@@ -1,7 +1,7 @@
 import { html } from "lit";
 import { componentDescription } from "../../stories-utils";
 const meta = {
-    title: 'Components/bs-compact-menu-block',
+    title: 'Components/Menus and overlays/bs-compact-menu-block',
     parameters: { layout: 'padded', docs: { description: { component: componentDescription('bs-compact-menu-block') } } },
     argTypes: { name: { control: 'text' } },
     args: { name: 'Payments' },

package/dist/collection/components/bs-company-switcher/bs-company-switcher.js

@@ -234,10 +234,10 @@ export class BsCompanySwitcher {
         const empty = !!this.q && groups.length === 0;
         const listId = `${this.id}-listbox`;
         const total = groups.reduce((n, g) => n + g.items.length, 0);
-        return (h("bs-popover", { key: 'b0eec2cc5ce7574933ef80e1fd8a6faf8ca340cb', class: "bs-company-switcher", open: this.open, placement: "bottom-start", onBsOpenChange: this.onPopoverOpenChange }, this.renderTrigger(), h("bs-card", { key: '0f68df42724c5b4561c991ffe0fab1571292472a', part: "panel", class: "bs-company-switcher__panel", surface: "base" }, h("div", { key: '03bcc888d4dbef3d18e58ac12953e0cfdcafc219', class: "bs-company-switcher__search", onMouseDown: (ev) => ev.preventDefault() }, h("div", { key: 'b1e9a44d67ed0237a0860285cb766b9f0ceaa8b0', part: "search", role: "combobox", "aria-label": this.searchPlaceholder, "aria-expanded": groups.length ? 'true' : 'false', "aria-haspopup": "listbox", "aria-controls": groups.length ? listId : undefined, "aria-activedescendant": this.activeId ?? undefined, onKeyDown: this.onKeyDown }, h("bs-input", { key: '33f3b85bcbe1b4e5e999d8b71a4699165e94c6db', ref: el => (this.inputEl = el), type: "search", value: this.query, placeholder: this.searchPlaceholder, onBsInput: this.onInput }))), groups.length > 0 && (h("div", { key: 'ca4ea82856f25a754d9da32b3bea39172e98d07c', id: listId, part: "list", class: "bs-company-switcher__list", role: "listbox", "aria-label": this.listLabel, onMouseDown: (ev) => ev.preventDefault(), onMouseLeave: () => (this.activeId = null) }, groups.map(g => {
+        return (h("bs-popover", { key: 'd11bbc30320f1149597d384efa16fe236289f65e', class: "bs-company-switcher", open: this.open, placement: "bottom-start", onBsOpenChange: this.onPopoverOpenChange }, this.renderTrigger(), h("bs-card", { key: 'e8863bccb0870f151f337870dc33993ac4f3debe', part: "panel", class: "bs-company-switcher__panel", surface: "base" }, h("div", { key: '247c8fc7be7beed6f80a241ee336a17d7ca026a8', class: "bs-company-switcher__search", onMouseDown: (ev) => ev.preventDefault() }, h("div", { key: 'c5592e600c4d9c641314c2fdbf5f5b0b2364c173', part: "search", role: "combobox", "aria-label": this.searchPlaceholder, "aria-expanded": groups.length ? 'true' : 'false', "aria-haspopup": "listbox", "aria-controls": groups.length ? listId : undefined, "aria-activedescendant": this.activeId ?? undefined, onKeyDown: this.onKeyDown }, h("bs-input", { key: '0b5c505a6774c559a395ea36aa0cf6a4b95cbdfb', ref: el => (this.inputEl = el), type: "search", value: this.query, placeholder: this.searchPlaceholder, onBsInput: this.onInput }))), groups.length > 0 && (h("div", { key: 'e9d041450109a8a7a15a67d06c3500845edaf277', id: listId, part: "list", class: "bs-company-switcher__list", role: "listbox", "aria-label": this.listLabel, onMouseDown: (ev) => ev.preventDefault(), onMouseLeave: () => (this.activeId = null) }, groups.map(g => {
             const hid = `${this.id}-h-${g.key}`;
             return (h("div", { part: "group", class: "bs-company-switcher__group", role: "group", "aria-labelledby": hid }, h("div", { part: "group-header", id: hid, class: "bs-company-switcher__group-header" }, g.header), g.items.map(c => this.renderRow(c))));
-        }))), empty && (h("bs-empty-state", { key: '9d0612d45e3f7e34615a4df33af90898c8f42ad4', part: "empty", class: "bs-company-switcher__empty", heading: this.emptyHeading.replace('{query}', this.query.trim()), description: this.emptyDescription }, h("svg", { key: '269c8cb9cab9e5f1c0f0f46661e2ebb780c35767', slot: "icon", ...svgProps }, h("circle", { key: 'edff5845828ee02a4ca233173d64d305e3a0fff3', cx: "11", cy: "11", r: "7" }), h("path", { key: 'fe598787496866fd7d922609ce5633708f20c8ff', d: "m20 20-3.5-3.5" })))), h("bs-divider", { key: '97a3536b4d4a76ab83e072b69c14a093f8456d14', class: "bs-company-switcher__divider", decorative: true }), h("div", { key: '1b2946a19574798829e4aa2a41741e73158963dd', part: "footer", class: "bs-company-switcher__footer" }, h("bs-button", { key: '4802d08ecbe212ea674205485b5676c2f97c195e', variant: "subtle", size: "sm", onClick: () => this.bsManageCompanies.emit() }, h("svg", { key: '6b4458e279e9f15094dd28e0c394111ab98cf4fe', slot: "icon", ...svgProps }, h("circle", { key: 'd23a66a7b4142c5f5d370b194824b573e667bb4f', cx: "12", cy: "12", r: "3" }), h("path", { key: '76f4741d079f3c3cfd8f18c03c61e88aa2b47196', d: "M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1Z" })), this.manageLabel), h("bs-button", { key: '347c34917288e15a461f3d16eaac077c454d968d', variant: "subtle", size: "sm", onClick: () => this.bsAddCompanies.emit() }, h("svg", { key: '6d701ae30b07de092d93b700d264bbaee166a721', slot: "icon", ...svgProps }, h("path", { key: '2ec0699033facd45aae07a3926db0ccf4113d40f', d: "M12 5v14M5 12h14" })), this.addLabel)), h("span", { key: 'bc4cc1dd886ab4a06afce21fdb670a1fdf46181e', class: "bs-company-switcher__live", "aria-live": "polite" }, this.open && this.q ? (empty ? this.emptyHeading.replace('{query}', this.query.trim()) : `${total} ${total === 1 ? this.matchLabel : this.matchesLabel}`) : ''))));
+        }))), empty && (h("bs-empty-state", { key: '96d9854ad53c58eaa152405bbd9302d18446dfd8', part: "empty", class: "bs-company-switcher__empty", heading: this.emptyHeading.replace('{query}', this.query.trim()), description: this.emptyDescription }, h("svg", { key: 'fe88ba53de8a745f83abfb6b8dfae1e76693c178', slot: "icon", ...svgProps }, h("circle", { key: 'a734e837732ec01b47faebe30adf04260d546eb9', cx: "11", cy: "11", r: "7" }), h("path", { key: 'a14d03774137f2cca3e033ca032602722616559a', d: "m20 20-3.5-3.5" })))), h("bs-divider", { key: '19426bcf9148145aa584be5cac0c290fccc3704d', class: "bs-company-switcher__divider", decorative: true }), h("div", { key: 'bfbe49c7a1ef1cfbd827908b155b3f63e1848738', part: "footer", class: "bs-company-switcher__footer" }, h("bs-button", { key: 'f8b581a0845ced7a5999d4d03a7b64b31acb8a89', variant: "subtle", size: "sm", onClick: () => this.bsManageCompanies.emit() }, h("svg", { key: '4b70940075e40182ae8da27259e6c0ff6b7cdf23', slot: "icon", ...svgProps }, h("circle", { key: '52d07fdf30c0655385cbbd4b30b1393b6135baaa', cx: "12", cy: "12", r: "3" }), h("path", { key: 'be2c017be4c51b5b87470a5f5ca41828d2a11e04', d: "M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1Z" })), this.manageLabel), h("bs-button", { key: '57a62b20be2320442187cf151ed99d981906578b', variant: "subtle", size: "sm", onClick: () => this.bsAddCompanies.emit() }, h("svg", { key: '91d8bba01ddcce3100f0ceadf567424abed233c3', slot: "icon", ...svgProps }, h("path", { key: 'af95aa039f2e42e35468cd71797623623aae39af', d: "M12 5v14M5 12h14" })), this.addLabel)), h("span", { key: '68ee68de092a3c42613e4127136c42249dcedc5a', class: "bs-company-switcher__live", "aria-live": "polite" }, this.open && this.q ? (empty ? this.emptyHeading.replace('{query}', this.query.trim()) : `${total} ${total === 1 ? this.matchLabel : this.matchesLabel}`) : ''))));
     }
     static get is() { return "bs-company-switcher"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-company-switcher/bs-company-switcher.stories.js

@@ -12,7 +12,7 @@ export const COMPANIES = [
 export const RECENT_IDS = ['fjord', 'aurora'];
 const meta = {
     excludeStories: /^[A-Z0-9_]+$/,
-    title: 'Components/bs-company-switcher',
+    title: 'Components/App and onboarding/bs-company-switcher',
     parameters: { layout: 'padded', docs: { description: { component: componentDescription('bs-company-switcher') } } },
     argTypes: {
         currentId: { control: 'select', options: COMPANIES.map(c => c.id) },

package/dist/collection/components/bs-composer/bs-composer.js

@@ -234,7 +234,7 @@ export class BsComposer {
         const placeholder = this.placeholder ?? DEFAULT_PLACEHOLDERS[this.variant];
         const disabled = this.state === 'disabled';
         const recording = this.state === 'recording';
-        return (h("div", { key: '1b2b2a80e3cc3838921c2353f94142c43136ea96', class: `bs-composer bs-composer--${this.state} bs-composer--${this.variant}` }, h("div", { key: 'ab827001a719251a3844d228cae2f3e2ad44646f', part: "attachments", class: `bs-composer__attachments-row ${this.hasAttachments ? 'bs-composer__attachments-row--visible' : ''}` }, h("slot", { key: 'e9daab24f2e008325532e6ea284aff78fe850574', name: "attachments", onSlotchange: this.onAttachmentsSlotchange })), h("div", { key: '175b60b706ea6aae20734169ca5f9a84cf34de39', class: "bs-composer__text-row" }, h("textarea", { key: 'b765186c7fb867799e241e85293caed2e491fc25', ref: el => (this.inputEl = el), part: "input", class: "bs-composer__input", rows: 1, value: this.value, placeholder: placeholder, disabled: disabled, maxLength: this.maxLength, "aria-label": this.ariaLabel, onInput: this.onInput, onKeyDown: this.onInputKeydown })), h("div", { key: 'f539b712f3bc7cc0b289f0ffee0ae00f58bba243', class: "bs-composer__controls-row" }, !this.hideAttach && (h("button", { key: 'e8ca8c173d62e4457516177c738af39039c14757', type: "button", part: "attach", class: "bs-composer__attach", "aria-label": this.attachLabel, onClick: this.onAttachClick }, h(PlusIcon, { key: 'b505c8cfff359c592a6e83d27a390378b602c1e7' }))), recording ? (h("span", { class: "bs-composer__waveform", "aria-hidden": "true" }, WAVEFORM_BAR_HEIGHTS.map(height => (h("span", { class: "bs-composer__waveform-bar", style: { '--bs-composer-bar-height': `${height}px` } }))))) : (h("span", { class: "bs-composer__spacer" })), !this.hideMic && (h("button", { key: 'a3602320e85c453e479275b0e1871f257f13c940', type: "button", part: "mic", class: `bs-composer__mic ${recording ? 'bs-composer__mic--recording' : ''}`, "aria-label": recording ? this.stopRecordingLabel : this.micLabel, disabled: disabled, onClick: this.onMicClick }, recording ? h(StopIcon, null) : h(MicIcon, null))), h("button", { key: 'afa647554fba93f413c5b715f936909a3a916164', type: "button", part: "action", class: `bs-composer__action bs-composer__action--${this.state}`, "aria-label": this.actionLabel(), disabled: disabled, "aria-busy": this.loading && this.state === 'idle' ? 'true' : undefined, onClick: this.onActionClick }, this.renderActionIcon()), h("slot", { key: '4a888c18430a3cf8facc21ac23e2e1867261bada', name: "actions-end" }))));
+        return (h("div", { key: '24d3a9aa9ab3687c12b784bc41b854cb4323b219', class: `bs-composer bs-composer--${this.state} bs-composer--${this.variant}` }, h("div", { key: '74fe953b1e7b35237a92b54ec91941856351a563', part: "attachments", class: `bs-composer__attachments-row ${this.hasAttachments ? 'bs-composer__attachments-row--visible' : ''}` }, h("slot", { key: '4864037635968b614b226fa9fd01ad5c7c32979a', name: "attachments", onSlotchange: this.onAttachmentsSlotchange })), h("div", { key: 'b6d8a813f35063a9e34720239be9be3ffa0652fa', class: "bs-composer__text-row" }, h("textarea", { key: '1400425dad745b7b03a7d0f5744fd52c404f0018', ref: el => (this.inputEl = el), part: "input", class: "bs-composer__input", rows: 1, value: this.value, placeholder: placeholder, disabled: disabled, maxLength: this.maxLength, "aria-label": this.ariaLabel, onInput: this.onInput, onKeyDown: this.onInputKeydown })), h("div", { key: '3b9c62eeef6bf72ef7e26832ce25d85646d67f2b', class: "bs-composer__controls-row" }, !this.hideAttach && (h("button", { key: '4b649a2a688e1029765338871c5741f27c0398f3', type: "button", part: "attach", class: "bs-composer__attach", "aria-label": this.attachLabel, onClick: this.onAttachClick }, h(PlusIcon, { key: 'cad329db88a489ce140206540524ab28d7670a0a' }))), recording ? (h("span", { class: "bs-composer__waveform", "aria-hidden": "true" }, WAVEFORM_BAR_HEIGHTS.map(height => (h("span", { class: "bs-composer__waveform-bar", style: { '--bs-composer-bar-height': `${height}px` } }))))) : (h("span", { class: "bs-composer__spacer" })), !this.hideMic && (h("button", { key: '11e07294f1d57d9acc35533c317f5978297728a2', type: "button", part: "mic", class: `bs-composer__mic ${recording ? 'bs-composer__mic--recording' : ''}`, "aria-label": recording ? this.stopRecordingLabel : this.micLabel, disabled: disabled, onClick: this.onMicClick }, recording ? h(StopIcon, null) : h(MicIcon, null))), h("button", { key: '5ee8bd6bfdb9c6fbdf4ed36fb0a4b6ac079f9cb1', type: "button", part: "action", class: `bs-composer__action bs-composer__action--${this.state}`, "aria-label": this.actionLabel(), disabled: disabled, "aria-busy": this.loading && this.state === 'idle' ? 'true' : undefined, onClick: this.onActionClick }, this.renderActionIcon()), h("slot", { key: '35909e0be6e5956652cb5847448136d0b3e5907b', name: "actions-end" }))));
     }
     static get is() { return "bs-composer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-composer-status-banner/bs-composer-status-banner.js

@@ -113,7 +113,7 @@ export class BsComposerStatusBanner {
         return this.type === 'error' || this.type === 'warning' ? h(WarningIcon, null) : h(ClockIcon, null);
     }
     render() {
-        return (h("div", { key: '23bdf6951b97e63e25673a612d81469aa1fbd4f6', role: this.roleForType(), "aria-busy": this.loading ? 'true' : undefined, class: `bs-composer-status-banner bs-composer-status-banner--${this.type}` }, h("div", { key: 'b434fe1114e435bbcbf7c80b44bb83b9c770bf28', class: "bs-composer-status-banner__message-group" }, this.showIcon && (h("span", { key: '5f1898ac0068f2f7f509c219660b96972e7a8603', part: "icon", class: "bs-composer-status-banner__icon" }, h("slot", { key: '81eff04aa85683efb4ae5670fb3ea966326d1c9a', name: "icon" }, this.renderDefaultIcon()))), h("p", { key: '6ddb4f8f61df621f18594178eb744adf0cdcc8b1', part: "message", class: "bs-composer-status-banner__message" }, this.message)), this.showButton && (h("button", { key: '1c20e4a587173da03fc78e314f9dac26e01fac07', type: "button", part: "action", class: "bs-composer-status-banner__action", onClick: this.onActionClick }, this.actionLabel)), this.allowClose && (h("button", { key: '91ed4898ddea0e238e15c3b9b66b7a2b9117136b', type: "button", part: "close", class: "bs-composer-status-banner__close", "aria-label": this.closeLabel, onClick: this.onCloseClick }, h(CloseIcon, { key: '91abf65867cfecb458f32e884eb22beb63e71a56' })))));
+        return (h("div", { key: '9da54bea799093962b8b0729be1b80b219213c45', role: this.roleForType(), "aria-busy": this.loading ? 'true' : undefined, class: `bs-composer-status-banner bs-composer-status-banner--${this.type}` }, h("div", { key: '39fc0df3b940290de9e406a45b9c8b9208aa719a', class: "bs-composer-status-banner__message-group" }, this.showIcon && (h("span", { key: '95e7a097cee4dcc0c8dc523aa28767f1362fcf40', part: "icon", class: "bs-composer-status-banner__icon" }, h("slot", { key: '5430c6cfab05814151d1976e6f9debe633c30497', name: "icon" }, this.renderDefaultIcon()))), h("p", { key: '423b89df3933051de31c48ee5d73a91c732f9e83', part: "message", class: "bs-composer-status-banner__message" }, this.message)), this.showButton && (h("button", { key: '20d3c2140eb6bf6af0f135d550316a904a3fd97a', type: "button", part: "action", class: "bs-composer-status-banner__action", onClick: this.onActionClick }, this.actionLabel)), this.allowClose && (h("button", { key: '05febdc3aa4e26bdb0ca0ec1dd3c7454b385d917', type: "button", part: "close", class: "bs-composer-status-banner__close", "aria-label": this.closeLabel, onClick: this.onCloseClick }, h(CloseIcon, { key: '5ccf6d69574fab9155a9a9668d902e0dade3c051' })))));
     }
     static get is() { return "bs-composer-status-banner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-container/bs-container.js

@@ -21,7 +21,7 @@ export class BsContainer {
     padding = '300';
     render() {
         const pad = SPACING_TOKENS.includes(String(this.padding)) ? String(this.padding) : '300';
-        return (h(Host, { key: '3996ed195614e9619afed595fcc751cc243fb9ee', style: { '--bs-container-padding-token': `var(--bs-spacing-${pad})` } }, h("slot", { key: '5bdf2a82ed2a2602a035184e3ba8e09fd46b0eba' })));
+        return (h(Host, { key: '476ec570e46dc2f875cf4634b7fb874c5dff4d92', style: { '--bs-container-padding-token': `var(--bs-spacing-${pad})` } }, h("slot", { key: '4874712ddb0fc91ba76f803b116167fcc4026044' })));
     }
     static get is() { return "bs-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-container/bs-container.stories.js

@@ -1,7 +1,7 @@
 import { html } from "lit";
 import { componentDescription } from "../../stories-utils";
 const meta = {
-    title: 'Components/bs-container',
+    title: 'Components/Layout/bs-container',
     parameters: { docs: { description: { component: componentDescription('bs-container') } } },
     render: args => html `
     <bs-container size=${args.size} padding=${args.padding}>