@brandsync/wc 1.1.0 → 1.2.0

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

@@ -341,10 +341,10 @@ export class BsInput {
         return (h("div", { part: "field", class: `bs-input__field bs-input__field--pin ${errorClass} ${disabledClass}` }, Array.from({ length: this.length }).map((_, i) => (h("input", { id: i === 0 ? 'control' : undefined, ref: el => (this.pinInputs[i] = el), part: "control", class: "bs-input__pin-cell", type: "text", inputMode: "numeric", maxLength: 1, value: this.value[i] ?? '', disabled: this.disabled, "aria-required": this.required ? 'true' : undefined, onInput: this.onPinInput(i), onKeyDown: this.onPinKeydown(i) })))));
     }
     render() {
-        return (h("div", { key: '10554d997d7c52834c033e68f1b0b30e823844d6', class: `bs-input ${this.error ? 'bs-input--error' : ''}` }, this.label && (
+        return (h("div", { key: 'd9cf2c23e899ddf058e58e17856ff45fbc94aefe', class: `bs-input ${this.error ? 'bs-input--error' : ''}` }, this.label && (
         // "control" is a fixed id, not a generated one -- safe because Shadow DOM scopes ids
         // to this instance's own shadow root, so it can never collide with another bs-input.
-        h("label", { key: 'd5819ef4b34973a510dc7582e32baae4a6da4119', part: "label", class: "bs-input__label", htmlFor: "control" }, this.label, this.required && (h("span", { key: '6c066e8c528133288be0f050f8e7ca5527561cba', part: "required", class: "bs-input__required", "aria-hidden": "true" }, "*")))), this.type === 'pin' ? this.renderPinField() : this.type === 'initials' ? this.renderInitialsField() : this.renderField(), this.error ? (h("span", { id: "description-or-error", part: "error", class: "bs-input__error" }, h("svg", { part: "error-icon", class: "bs-input__error-icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", "stroke-width": "1.2" }), h("path", { d: "M8 5V8.5", stroke: "currentColor", "stroke-width": "1.2", "stroke-linecap": "round" }), h("circle", { cx: "8", cy: "11", r: "0.75", fill: "currentColor" })), this.error)) : this.description ? (h("span", { id: "description-or-error", part: "description", class: "bs-input__description" }, this.description)) : null));
+        h("label", { key: '717e519713f58bf226319378415e2c52fbfddfb1', part: "label", class: "bs-input__label", htmlFor: "control" }, this.label, this.required && (h("span", { key: 'e3352ca754e5d579bfbda81c14ea491d4091c80c', part: "required", class: "bs-input__required", "aria-hidden": "true" }, "*")))), this.type === 'pin' ? this.renderPinField() : this.type === 'initials' ? this.renderInitialsField() : this.renderField(), this.error ? (h("span", { id: "description-or-error", part: "error", class: "bs-input__error" }, h("svg", { part: "error-icon", class: "bs-input__error-icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", "stroke-width": "1.2" }), h("path", { d: "M8 5V8.5", stroke: "currentColor", "stroke-width": "1.2", "stroke-linecap": "round" }), h("circle", { cx: "8", cy: "11", r: "0.75", fill: "currentColor" })), this.error)) : this.description ? (h("span", { id: "description-or-error", part: "description", class: "bs-input__description" }, this.description)) : null));
     }
     static get is() { return "bs-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -105,7 +105,7 @@ export class BsLogo {
                     "references": {
                         "BsLogoVariant": {
                             "location": "local",
-                            "path": "/home/runner/work/Brandsync-web-components/Brandsync-web-components/packages/wc/src/components/bs-logo/bs-logo.tsx",
+                            "path": "/home/runner/work/Brandsync-webcomponents/Brandsync-webcomponents/packages/wc/src/components/bs-logo/bs-logo.tsx",
                             "id": "src/components/bs-logo/bs-logo.tsx::BsLogoVariant"
                         }
                     }
@@ -131,7 +131,7 @@ export class BsLogo {
                     "references": {
                         "BsLogoBackground": {
                             "location": "local",
-                            "path": "/home/runner/work/Brandsync-web-components/Brandsync-web-components/packages/wc/src/components/bs-logo/bs-logo.tsx",
+                            "path": "/home/runner/work/Brandsync-webcomponents/Brandsync-webcomponents/packages/wc/src/components/bs-logo/bs-logo.tsx",
                             "id": "src/components/bs-logo/bs-logo.tsx::BsLogoBackground"
                         }
                     }

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

@@ -22,7 +22,7 @@ import { h } from "@stencil/core";
  */
 export class BsMenu {
     render() {
-        return (h("div", { key: '23a5c16e982c711bfa9f8e914869601be45812b9', part: "list", class: "bs-menu", role: "menu" }, h("slot", { key: 'a7d9116f56d91721231b3f94e727626c6c221aa8' })));
+        return (h("div", { key: '3eec5b00fa0448900321d3f0b4b60f924b404c82', part: "list", class: "bs-menu", role: "menu" }, h("slot", { key: '4ba792af9042becd0b4dc9733fb835e2e9429442' })));
     }
     static get is() { return "bs-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-menu-item/bs-menu-item.js

@@ -47,7 +47,7 @@ export class BsMenuItem {
         this.bsSelect.emit();
     };
     render() {
-        return (h("button", { key: 'f328aa848cc8ae0c908640a23834f3fd8d8ffea7', type: "button", part: "item", role: "menuitem", class: `bs-menu-item ${this.disabled ? 'bs-menu-item--disabled' : ''}`, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.onClick }, h("span", { key: '75a23a3ee9a9896e2607222b18155651d6ada39f', part: "icon", class: `bs-menu-item__icon ${this.hasIcon ? 'bs-menu-item__icon--has-content' : ''}` }, h("slot", { key: '08d468b52d6913d89f2443e8597a44bfacc4f2ea', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '148053d9ff48297dfa276ddbf46f57c13675a5c4', part: "label", class: "bs-menu-item__label" }, h("slot", { key: '05d417308229673796e014788f25de2b4c2d4eaf' }))));
+        return (h("button", { key: '7f167cd83f9a8eeae18f128355d5ffb8f436ac79', type: "button", part: "item", role: "menuitem", class: `bs-menu-item ${this.disabled ? 'bs-menu-item--disabled' : ''}`, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.onClick }, h("span", { key: '4df57b5696b2c4853f6ea94b0316b6ae5094708b', part: "icon", class: `bs-menu-item__icon ${this.hasIcon ? 'bs-menu-item__icon--has-content' : ''}` }, h("slot", { key: '31a576332ed664d476376d1ae526dea00f6b9a3d', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'fc59ab3bb2c7229a97c3aff9a0442e8c3d346e96', part: "label", class: "bs-menu-item__label" }, h("slot", { key: '1d295c872f60b32e8230acbc2f63474b4d869bc8' }))));
     }
     static get is() { return "bs-menu-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -87,7 +87,7 @@ export class BsPagination {
     }
     render() {
         const pageList = this.getPageList();
-        return (h("nav", { key: '1a60cd70c34f8d1f8f2d3a8aa62f99d4d38ab462', "aria-label": "Pagination" }, h("ul", { key: '42381f91ef2ebff6c4cc1a9c4ffb28a993931c43', part: "list", class: "bs-pagination__list" }, h("li", { key: '655ad21a3198ea47f85d6dbfa09df9fb05d09e4f', part: "item", class: "bs-pagination__item" }, h("button", { key: '8342d94ae7f7164445a09356acee9ce4d0cb6d1b', part: "prev", type: "button", class: "bs-pagination__control", "aria-label": this.previousLabel, disabled: this.currentPage <= 1, onClick: () => this.goToPage(this.currentPage - 1) }, h(ChevronLeftIcon, { key: '8f7b7a32551781a04c5525dedbeeae586453bb7f' }))), pageList.map((item, index) => item === 'ellipsis' ? (h("li", { part: "item", class: "bs-pagination__item", key: `ellipsis-${index}` }, h("span", { part: "ellipsis", class: "bs-pagination__ellipsis", "aria-hidden": "true" }, h(EllipsisIcon, null)))) : (h("li", { part: "item", class: "bs-pagination__item", key: item }, h("button", { part: item === this.currentPage ? 'page current' : 'page', type: "button", class: `bs-pagination__control bs-pagination__page ${item === this.currentPage ? 'bs-pagination__page--current' : ''}`, "aria-label": `Go to page ${item}`, "aria-current": item === this.currentPage ? 'page' : undefined, onClick: () => this.goToPage(item) }, item)))), h("li", { key: '0a7d4a39c332130e865a16d7f3751db44ea777bb', part: "item", class: "bs-pagination__item" }, h("button", { key: 'e3b5276ca79d150bd8fe89f86973a9fb3458c481', part: "next", type: "button", class: "bs-pagination__control", "aria-label": this.nextLabel, disabled: this.currentPage >= this.safeTotalPages, onClick: () => this.goToPage(this.currentPage + 1) }, h(ChevronRightIcon, { key: 'fe89db6f4c5bbd4fdaa3ee499b448c8603a7f132' }))))));
+        return (h("nav", { key: 'd9f5e2b792e86a7d4d2571986a4fac1ae4f44fdc', "aria-label": "Pagination" }, h("ul", { key: 'cd277ba70a358c6425ed507378190373f4e39ecc', part: "list", class: "bs-pagination__list" }, h("li", { key: 'a0a1071f87a56c4c7c060261382ab70a4dc8c1fa', part: "item", class: "bs-pagination__item" }, h("button", { key: '6a6f0a0141db4c12f9a3d39c6ae609d003be308a', part: "prev", type: "button", class: "bs-pagination__control", "aria-label": this.previousLabel, disabled: this.currentPage <= 1, onClick: () => this.goToPage(this.currentPage - 1) }, h(ChevronLeftIcon, { key: '8687c2b631c801a89104718f370ac811d75b6ba4' }))), pageList.map((item, index) => item === 'ellipsis' ? (h("li", { part: "item", class: "bs-pagination__item", key: `ellipsis-${index}` }, h("span", { part: "ellipsis", class: "bs-pagination__ellipsis", "aria-hidden": "true" }, h(EllipsisIcon, null)))) : (h("li", { part: "item", class: "bs-pagination__item", key: item }, h("button", { part: item === this.currentPage ? 'page current' : 'page', type: "button", class: `bs-pagination__control bs-pagination__page ${item === this.currentPage ? 'bs-pagination__page--current' : ''}`, "aria-label": `Go to page ${item}`, "aria-current": item === this.currentPage ? 'page' : undefined, onClick: () => this.goToPage(item) }, item)))), h("li", { key: '27dfa774e3e541706a45a8d078c6ce1299128733', part: "item", class: "bs-pagination__item" }, h("button", { key: 'eaf59317f590798049f9206596b7ffd6b30c3429', part: "next", type: "button", class: "bs-pagination__control", "aria-label": this.nextLabel, disabled: this.currentPage >= this.safeTotalPages, onClick: () => this.goToPage(this.currentPage + 1) }, h(ChevronRightIcon, { key: 'ecbc2337e1db1dcf15f69f098b28c0d560aece9a' }))))));
     }
     static get is() { return "bs-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -51,7 +51,7 @@ export class BsRadio {
         }
     };
     render() {
-        return (h("label", { key: '349589d9d20270aedcbd67d528057b9b0c41c486', class: `bs-radio ${this.disabled ? 'bs-radio--disabled' : ''}` }, h("input", { key: '36da81bb4a82a78cd1e49ca2d27b4837e6077bd9', class: "bs-radio__input", type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, onChange: this.onChange }), h("span", { key: '1f5e0d0a2c49875b63b70bf1618f1c374d7f5dae', class: "bs-radio__hit-area" }, h("span", { key: '63f4e1e619aa3faca1cda08ad878f23b83836d0c', class: "bs-radio__state-layer" }, h("span", { key: '5487d7782497766e8d3c1261c035214055b4ecf3', part: "circle", class: `bs-radio__circle ${this.checked ? 'bs-radio__circle--selected' : ''}` }, this.checked && h("span", { key: '6a8cd123cf6588c8e18c5841176556bf8f22b1bb', part: "dot", class: "bs-radio__dot" })))), h("span", { key: 'b21075cb92382cbdcb3d11404b5db27ac5823308', part: "label", class: "bs-radio__label" }, h("slot", { key: '8ca2bb29e32c2f0d52832b42643c0efd7cc89e9a' }))));
+        return (h("label", { key: 'd2b90d388d4a165490c9e97f4716dc7b07a97d48', class: `bs-radio ${this.disabled ? 'bs-radio--disabled' : ''}` }, h("input", { key: 'a748a2fbcf810332d4046c4daec9c4a138ee127d', class: "bs-radio__input", type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, onChange: this.onChange }), h("span", { key: 'f4aa8ca7333a598d921cad22c2ceb9e44745dbf4', class: "bs-radio__hit-area" }, h("span", { key: 'ecc93fe3be2284e86d2e8a8539edad55d40ce176', class: "bs-radio__state-layer" }, h("span", { key: 'e0f23810c8a7608654a75718aff71c468c24aecf', part: "circle", class: `bs-radio__circle ${this.checked ? 'bs-radio__circle--selected' : ''}` }, this.checked && h("span", { key: 'bb25cca2041b6c8a8978ee81d3c745530a1b660c', part: "dot", class: "bs-radio__dot" })))), h("span", { key: 'f8acfe4cac4182d922c63d7d9e96241c3eefabe9', part: "label", class: "bs-radio__label" }, h("slot", { key: '4b50c3944202d40f268c1e55bea8804273339e51' }))));
     }
     static get is() { return "bs-radio"; }
     static get encapsulation() { return "shadow"; }

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

@@ -225,7 +225,7 @@ export class BsSlider {
                     "references": {
                         "BsSliderType": {
                             "location": "local",
-                            "path": "/home/runner/work/Brandsync-web-components/Brandsync-web-components/packages/wc/src/components/bs-slider/bs-slider.tsx",
+                            "path": "/home/runner/work/Brandsync-webcomponents/Brandsync-webcomponents/packages/wc/src/components/bs-slider/bs-slider.tsx",
                             "id": "src/components/bs-slider/bs-slider.tsx::BsSliderType"
                         }
                     }

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

@@ -76,7 +76,7 @@ export class BsSnackbar {
                     "references": {
                         "BsSnackbarVariant": {
                             "location": "local",
-                            "path": "/home/runner/work/Brandsync-web-components/Brandsync-web-components/packages/wc/src/components/bs-snackbar/bs-snackbar.tsx",
+                            "path": "/home/runner/work/Brandsync-webcomponents/Brandsync-webcomponents/packages/wc/src/components/bs-snackbar/bs-snackbar.tsx",
                             "id": "src/components/bs-snackbar/bs-snackbar.tsx::BsSnackbarVariant"
                         }
                     }

package/dist/collection/components/bs-source-link/bs-source-link.js

@@ -51,8 +51,8 @@ export class BsSourceLink {
     };
     render() {
         const inner = [
-            h("span", { key: 'f439433f45bc81b4c515903661311431d99637cd', class: "bs-source-link__left" }, h("span", { key: '4ede9ae3793da7453679723866a519e73ee963aa', class: "bs-source-link__filename-row" }, h("span", { key: '6b4b95fde466988248d34d27705df76acce5927a', part: "icon", class: "bs-source-link__icon" }, h("slot", { key: '24cf2dcc3d04fb2d6e543d1e8bae0e96d0df2d14', name: "icon" }, h(FileTextIcon, { key: 'f04e008075912dfac619c1a2e676346bc7d226d5' }))), h("p", { key: '16b2120d5391930dfc239cb5dd18c40de0cb7aa0', part: "filename", class: "bs-source-link__filename" }, this.fileName)), h("span", { key: 'ec10ed741f33eba57624e0840253f96851f1481a', class: "bs-source-link__meta" }, this.sourceName && (h("span", { key: '56d4a784e30ceff1568bb393d4c3b368f81a0f3e', part: "source", class: "bs-source-link__source" }, this.sourceName)), this.sourceName && this.version && h("span", { key: '95db8a3be1c61741e7d30229c642fea7d321b6b0', class: "bs-source-link__dot", "aria-hidden": "true" }), this.version && (h("span", { key: '4f8caac5193d8671811f9972654ab049f23bac49', part: "version", class: "bs-source-link__version" }, this.version)))),
-            h("span", { key: '6009485aa7f7d802a82195c50374693f66782737', part: "arrow", class: "bs-source-link__arrow", "aria-hidden": "true" }, h(ArrowUpRightIcon, { key: '1032169a5bfb02f9fbf1d7a5d5d255f313e1da29' })),
+            h("span", { key: '2729f16097550b7d60f116006c0cce86085e7fe4', class: "bs-source-link__left" }, h("span", { key: 'ba631a3a1c9c42e855dcbeb9554808dbb1b1f564', class: "bs-source-link__filename-row" }, h("span", { key: '324fec2cf91add6f8b7d7a5eeecfb8d5bcf8d087', part: "icon", class: "bs-source-link__icon" }, h("slot", { key: '504e4702cfe7c49c1c8186f12e5e893dc0cf166d', name: "icon" }, h(FileTextIcon, { key: 'c7eeca554f6b7fa7b4a7091676ccf6344292abc4' }))), h("p", { key: '7631367fe476e307120ea7e6f0f529016bbc86f7', part: "filename", class: "bs-source-link__filename" }, this.fileName)), h("span", { key: 'd67eaeb3e770d9119698bafe8f5c952b99999f5d', class: "bs-source-link__meta" }, this.sourceName && (h("span", { key: '67a08ca2742a10ac99734724e6a4ff0e1abfe870', part: "source", class: "bs-source-link__source" }, this.sourceName)), this.sourceName && this.version && h("span", { key: '5416ffb3915e03d901901455a47fd97ee7eadde5', class: "bs-source-link__dot", "aria-hidden": "true" }), this.version && (h("span", { key: '2c404027613850e260f93ed561306aa73a9eefd0', part: "version", class: "bs-source-link__version" }, this.version)))),
+            h("span", { key: '92e95ac26643f3035dc827a568512032622071e3', part: "arrow", class: "bs-source-link__arrow", "aria-hidden": "true" }, h(ArrowUpRightIcon, { key: 'baf53b5ec528ddf042f1717efdf51658a03aae3f' })),
         ];
         return this.href ? (h("a", { class: "bs-source-link", href: this.href, target: this.target, rel: "noopener noreferrer", onClick: this.onClick }, inner)) : (h("button", { type: "button", class: "bs-source-link", onClick: this.onClick }, inner));
     }

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

@@ -61,7 +61,7 @@ export class BsStepper {
         });
     }
     render() {
-        return h("slot", { key: '1c5d7d0c6a9fef9c06dfd08bd529a1582fe18478', onSlotchange: this.onSlotChange });
+        return h("slot", { key: 'e897ba6e9153f8449bb5189245a22153d0e7e02e', onSlotchange: this.onSlotChange });
     }
     static get is() { return "bs-stepper"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-stepper/bs-stepper-step/bs-stepper-step.js

@@ -161,7 +161,7 @@ export class BsStepperStep {
                     "references": {
                         "BsStepperStepComputedState": {
                             "location": "local",
-                            "path": "/home/runner/work/Brandsync-web-components/Brandsync-web-components/packages/wc/src/components/bs-stepper/bs-stepper-step/bs-stepper-step.tsx",
+                            "path": "/home/runner/work/Brandsync-webcomponents/Brandsync-webcomponents/packages/wc/src/components/bs-stepper/bs-stepper-step/bs-stepper-step.tsx",
                             "id": "src/components/bs-stepper/bs-stepper-step/bs-stepper-step.tsx::BsStepperStepComputedState"
                         }
                     }
@@ -187,7 +187,7 @@ export class BsStepperStep {
                     "references": {
                         "BsStepperDirection": {
                             "location": "local",
-                            "path": "/home/runner/work/Brandsync-web-components/Brandsync-web-components/packages/wc/src/components/bs-stepper/bs-stepper-step/bs-stepper-step.tsx",
+                            "path": "/home/runner/work/Brandsync-webcomponents/Brandsync-webcomponents/packages/wc/src/components/bs-stepper/bs-stepper-step/bs-stepper-step.tsx",
                             "id": "src/components/bs-stepper/bs-stepper-step/bs-stepper-step.tsx::BsStepperDirection"
                         }
                     }

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

@@ -84,7 +84,7 @@ export class BsSwitch {
                     "references": {
                         "BsSwitchSize": {
                             "location": "local",
-                            "path": "/home/runner/work/Brandsync-web-components/Brandsync-web-components/packages/wc/src/components/bs-switch/bs-switch.tsx",
+                            "path": "/home/runner/work/Brandsync-webcomponents/Brandsync-webcomponents/packages/wc/src/components/bs-switch/bs-switch.tsx",
                             "id": "src/components/bs-switch/bs-switch.tsx::BsSwitchSize"
                         }
                     }

package/dist/collection/components/bs-tab/bs-inline-tab/bs-inline-tab.js

@@ -86,7 +86,7 @@ export class BsInlineTab {
     };
     render() {
         const iconOnly = this.hasIcon && !this.hasLabel;
-        return (h("button", { key: '6313c5d454cd53665dee3180dcf17d37548fa5c5', type: "button", part: "tab", role: "tab", class: `bs-inline-tab ${this.selected ? 'bs-inline-tab--selected' : ''} ${this.disabled ? 'bs-inline-tab--disabled' : ''} ${iconOnly ? 'bs-inline-tab--icon-only' : ''} ${this.hasIcon ? 'bs-inline-tab--has-icon' : ''}`, disabled: this.disabled, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel, onClick: this.onClick }, h("span", { key: '14255949e0df5e3d7c763841844964b2d507bc86', part: "icon", class: `bs-inline-tab__icon ${this.hasIcon ? 'bs-inline-tab__icon--has-content' : ''}` }, h("slot", { key: 'f81037da9dbff2c105f0eacad4acd8a7eef84cbe', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '176c52323b9df0ca53aae20cc80dfc8d5625aa97', part: "label", class: `bs-inline-tab__label ${this.hasLabel ? 'bs-inline-tab__label--has-content' : ''}` }, h("slot", { key: 'b8db261b88931be4e822b2849bd50530d9acc196', onSlotchange: this.onLabelSlotchange }))));
+        return (h("button", { key: '613b3ae3cfc8f3589a4c98d834cebadeb7d251c2', type: "button", part: "tab", role: "tab", class: `bs-inline-tab ${this.selected ? 'bs-inline-tab--selected' : ''} ${this.disabled ? 'bs-inline-tab--disabled' : ''} ${iconOnly ? 'bs-inline-tab--icon-only' : ''} ${this.hasIcon ? 'bs-inline-tab--has-icon' : ''}`, disabled: this.disabled, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel, onClick: this.onClick }, h("span", { key: 'ee761ca1154bc2c111f5691dc2958f191ec75170', part: "icon", class: `bs-inline-tab__icon ${this.hasIcon ? 'bs-inline-tab__icon--has-content' : ''}` }, h("slot", { key: '2387c2f156ba8207ab337e8f32662a50765b70c4', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'e5c4ede4855ba79deffb7566c178c3339605b56c', part: "label", class: `bs-inline-tab__label ${this.hasLabel ? 'bs-inline-tab__label--has-content' : ''}` }, h("slot", { key: '20d73f50caad707f3f5b6853bbda906ced0e3620', onSlotchange: this.onLabelSlotchange }))));
     }
     static get is() { return "bs-inline-tab"; }
     static get encapsulation() { return "shadow"; }

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

@@ -164,7 +164,7 @@ export class BsTab {
                     "references": {
                         "BsTabIconPosition": {
                             "location": "local",
-                            "path": "/home/runner/work/Brandsync-web-components/Brandsync-web-components/packages/wc/src/components/bs-tab/bs-tab/bs-tab.tsx",
+                            "path": "/home/runner/work/Brandsync-webcomponents/Brandsync-webcomponents/packages/wc/src/components/bs-tab/bs-tab/bs-tab.tsx",
                             "id": "src/components/bs-tab/bs-tab/bs-tab.tsx::BsTabIconPosition"
                         }
                     }

package/dist/collection/components/bs-tab/bs-tabs/bs-tabs.js

@@ -75,7 +75,7 @@ export class BsTabs {
                     "references": {
                         "BsTabsType": {
                             "location": "local",
-                            "path": "/home/runner/work/Brandsync-web-components/Brandsync-web-components/packages/wc/src/components/bs-tab/bs-tabs/bs-tabs.tsx",
+                            "path": "/home/runner/work/Brandsync-webcomponents/Brandsync-webcomponents/packages/wc/src/components/bs-tab/bs-tabs/bs-tabs.tsx",
                             "id": "src/components/bs-tab/bs-tabs/bs-tabs.tsx::BsTabsType"
                         }
                     }
@@ -101,7 +101,7 @@ export class BsTabs {
                     "references": {
                         "BsTabsOrientation": {
                             "location": "local",
-                            "path": "/home/runner/work/Brandsync-web-components/Brandsync-web-components/packages/wc/src/components/bs-tab/bs-tabs/bs-tabs.tsx",
+                            "path": "/home/runner/work/Brandsync-webcomponents/Brandsync-webcomponents/packages/wc/src/components/bs-tab/bs-tabs/bs-tabs.tsx",
                             "id": "src/components/bs-tab/bs-tabs/bs-tabs.tsx::BsTabsOrientation"
                         }
                     }

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

@@ -0,0 +1,59 @@
+import { render, h, describe, it, expect } from "@stencil/vitest";
+describe('bs-toast', () => {
+    it('defaults to the "info" state', async () => {
+        const { root } = await render(h("bs-toast", null, "Files uploaded successfully."));
+        const container = root.shadowRoot.querySelector('[part="container"]');
+        expect(container).toHaveClass('bs-toast--info');
+    });
+    ['info', 'success', 'warning', 'error'].forEach(state => {
+        it(`applies the "${state}" state class`, async () => {
+            const { root } = await render(h("bs-toast", { state: state }, "Message"));
+            const container = root.shadowRoot.querySelector('[part="container"]');
+            expect(container).toHaveClass(`bs-toast--${state}`);
+        });
+    });
+    it('renders the slotted message', async () => {
+        const { root } = await render(h("bs-toast", null, "Files uploaded successfully."));
+        expect(root).toHaveTextContent('Files uploaded successfully.');
+    });
+    describe('icon per state', () => {
+        it('renders an icon for the info state', async () => {
+            const { root } = await render(h("bs-toast", { state: "info" }, "Message"));
+            const icon = root.shadowRoot.querySelector('[part="icon"]');
+            expect(icon.querySelector('svg')).not.toBeNull();
+        });
+        it('renders a different icon markup per state', async () => {
+            const renders = await Promise.all(['info', 'success', 'warning', 'error'].map(async (state) => {
+                const { root } = await render(h("bs-toast", { state: state }, "Message"));
+                return root.shadowRoot.querySelector('[part="icon"]').innerHTML;
+            }));
+            expect(new Set(renders).size).toBe(renders.length);
+        });
+    });
+    describe('close button', () => {
+        it('always renders a close button with an accessible name', async () => {
+            const { root } = await render(h("bs-toast", null, "Message"));
+            const close = root.shadowRoot.querySelector('[part="close"]');
+            expect(close).not.toBeNull();
+            expect(close).toEqualAttribute('aria-label', 'Dismiss');
+        });
+        it('emits bsDismiss when the close button is clicked', async () => {
+            const { root, spyOnEvent } = await render(h("bs-toast", null, "Message"));
+            const dismissSpy = spyOnEvent('bsDismiss');
+            root.shadowRoot.querySelector('[part="close"]').click();
+            expect(dismissSpy).toHaveReceivedEventTimes(1);
+        });
+    });
+    describe('aria-live', () => {
+        it('uses aria-live="polite" for non-error states', async () => {
+            const { root } = await render(h("bs-toast", { state: "success" }, "Message"));
+            const container = root.shadowRoot.querySelector('[part="container"]');
+            expect(container).toEqualAttribute('aria-live', 'polite');
+        });
+        it('uses aria-live="assertive" for the error state', async () => {
+            const { root } = await render(h("bs-toast", { state: "error" }, "Message"));
+            const container = root.shadowRoot.querySelector('[part="container"]');
+            expect(container).toEqualAttribute('aria-live', 'assertive');
+        });
+    });
+});

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

@@ -0,0 +1,151 @@
+/**
+ * @prop --bs-toast-radius: Corner radius of the toast. Aliased to --bs-border-radius-100.
+ * @prop --bs-toast-shadow: Elevation shadow, since a toast floats above page content. Aliased to --bs-shadow-md.
+ * @prop --bs-toast-content-padding-y: Top/bottom padding of the content area. Aliased to --bs-spacing-200.
+ * @prop --bs-toast-content-padding-x: Left padding of the content area (the toast's own left edge). Aliased to --bs-spacing-200.
+ * @prop --bs-toast-content-gap: Gap between the icon and the message. Aliased to --bs-spacing-150.
+ * @prop --bs-toast-font-size: Message font size. Aliased to --bs-font-size-md.
+ * @prop --bs-toast-line-height: Message line height. Aliased to --bs-line-height-body-md.
+ * @prop --bs-toast-actions-padding-y: Top/bottom padding of the actions area. Aliased to --bs-spacing-50.
+ * @prop --bs-toast-actions-padding-x: Right padding of the actions area (the toast's own right edge). Aliased to --bs-spacing-100.
+ * @prop --bs-toast-close-radius: Corner radius of the close button. Aliased to --bs-border-radius-100.
+ * @prop --bs-toast-surface-info: Toast background, state="info". Aliased to --bs-color-info-container.
+ * @prop --bs-toast-text-info: Icon/message/close color, state="info". Aliased to --bs-text-info.
+ * @prop --bs-toast-surface-warning: Toast background, state="warning". Aliased to --bs-color-warning-container.
+ * @prop --bs-toast-text-warning: Icon/message/close color, state="warning". Aliased to --bs-text-warning.
+ * @prop --bs-toast-surface-success: Toast background, state="success". Aliased to --bs-color-success-container.
+ * @prop --bs-toast-text-success: Icon/message/close color, state="success". Aliased to --bs-text-success.
+ * @prop --bs-toast-surface-error: Toast background, state="error". Aliased to --bs-color-error-container.
+ * @prop --bs-toast-text-error: Icon/message/close color, state="error". Aliased to --bs-text-error.
+ */
+:host {
+  display: inline-flex;
+
+  --bs-toast-radius: var(--bs-border-radius-100);
+  --bs-toast-shadow: var(--bs-shadow-md);
+  --bs-toast-content-padding-y: var(--bs-spacing-200);
+  --bs-toast-content-padding-x: var(--bs-spacing-200);
+  --bs-toast-content-gap: var(--bs-spacing-150);
+  --bs-toast-font-size: var(--bs-font-size-md);
+  --bs-toast-line-height: var(--bs-line-height-body-md);
+  --bs-toast-actions-padding-y: var(--bs-spacing-50);
+  --bs-toast-actions-padding-x: var(--bs-spacing-100);
+  --bs-toast-close-radius: var(--bs-border-radius-100);
+
+  --bs-toast-surface-info: var(--bs-color-info-container);
+  --bs-toast-text-info: var(--bs-text-info);
+
+  --bs-toast-surface-warning: var(--bs-color-warning-container);
+  --bs-toast-text-warning: var(--bs-text-warning);
+
+  --bs-toast-surface-success: var(--bs-color-success-container);
+  --bs-toast-text-success: var(--bs-text-success);
+
+  --bs-toast-surface-error: var(--bs-color-error-container);
+  --bs-toast-text-error: var(--bs-text-error);
+}
+
+.bs-toast {
+  display: flex;
+  align-items: center;
+  border-radius: var(--bs-toast-radius);
+  box-shadow: var(--bs-toast-shadow);
+  font-family: inherit;
+}
+
+/* Each state sets its own surface/text pair -- .bs-toast__icon, .bs-toast__message, and
+   .bs-toast__close all inherit `color` from here rather than each redeclaring it. */
+.bs-toast--info {
+  background: var(--bs-toast-surface-info);
+  color: var(--bs-toast-text-info);
+}
+
+.bs-toast--warning {
+  background: var(--bs-toast-surface-warning);
+  color: var(--bs-toast-text-warning);
+}
+
+.bs-toast--success {
+  background: var(--bs-toast-surface-success);
+  color: var(--bs-toast-text-success);
+}
+
+.bs-toast--error {
+  background: var(--bs-toast-surface-error);
+  color: var(--bs-toast-text-error);
+}
+
+.bs-toast__content {
+  display: flex;
+  align-items: center;
+  gap: var(--bs-toast-content-gap);
+  flex: 1 1 auto;
+  min-width: 0;
+  padding: var(--bs-toast-content-padding-y) 0 var(--bs-toast-content-padding-y) var(--bs-toast-content-padding-x);
+}
+
+.bs-toast__icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  flex-shrink: 0;
+  color: inherit;
+}
+
+.bs-toast__icon svg {
+  width: 24px;
+  height: 24px;
+}
+
+.bs-toast__message {
+  flex: 1 1 auto;
+  min-width: 0;
+  font-size: var(--bs-toast-font-size);
+  line-height: calc(var(--bs-toast-line-height) * 1px);
+}
+
+.bs-toast__actions {
+  display: flex;
+  align-items: center;
+  align-self: stretch;
+  flex-shrink: 0;
+  padding: var(--bs-toast-actions-padding-y) var(--bs-toast-actions-padding-x) var(--bs-toast-actions-padding-y) 0;
+}
+
+.bs-toast__close {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 44px;
+  height: 44px;
+  flex-shrink: 0;
+  padding: 0;
+  border: none;
+  background: transparent;
+  border-radius: var(--bs-toast-close-radius);
+  color: inherit;
+  cursor: pointer;
+}
+
+.bs-toast__close svg {
+  width: 24px;
+  height: 24px;
+}
+
+/* Same color-mix tint technique as bs-snackbar's close button -- a transparent background with
+   only text color, so a real added tint (not an opacity blend toward whatever's behind) is needed
+   for hover/pressed feedback to read correctly on the light pastel state surfaces. */
+.bs-toast__close:hover {
+  background: color-mix(in srgb, currentColor 12%, transparent);
+}
+
+.bs-toast__close:active {
+  background: color-mix(in srgb, currentColor 24%, transparent);
+}
+
+.bs-toast__close:focus-visible {
+  outline: 2px solid currentColor;
+  outline-offset: 2px;
+}

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

@@ -0,0 +1,108 @@
+import { h } from "@stencil/core";
+/**
+ * A transient status message for confirming the result of an action (e.g. "Files uploaded
+ * successfully.") -- a state-specific icon, a message, and a close button.
+ *
+ * This component only renders the toast itself -- it doesn't manage its own visibility, timing, or
+ * stacking. A consumer (typically a small "toast manager" utility) creates one per message and
+ * removes it from the DOM again, whether on a timer or on `bsDismiss`. Figma's spec doesn't show
+ * auto-dismiss timing at all (it's a static visual spec), so this deliberately doesn't invent one.
+ *
+ * @slot - Default slot: the message text.
+ * @part container - The outer toast.
+ * @part icon - The leading icon wrapper.
+ * @part message - The message text wrapper.
+ * @part close - The close button.
+ */
+export class BsToast {
+    /** Semantic state. Each state has its own icon and matching container/text tokens -- there is
+     * no neutral/default state. */
+    state = 'info';
+    /** Fires when the close button is clicked. This component doesn't remove itself from the DOM --
+     * the consumer is expected to do that (or hide it) in response to this event. */
+    bsDismiss;
+    onDismiss = () => {
+        this.bsDismiss.emit();
+    };
+    render() {
+        return (h("div", { key: '46791568d11373681bdb2eae526fc29f93cc1ba6', part: "container", class: `bs-toast bs-toast--${this.state}`, role: "status", "aria-live": this.state === 'error' ? 'assertive' : 'polite' }, h("div", { key: '77b3faf40813c86dd624ec665e6e4eb0e6cb80b8', class: "bs-toast__content" }, h("span", { key: 'b8c2e8d6c729b8aaaf540906f55feaf95ea0d42c', part: "icon", class: "bs-toast__icon", "aria-hidden": "true" }, h(StateIcon, { key: '4c69c6dc371c2f7bc1cf393c293fadfd30fabcea', state: this.state })), h("span", { key: '3938894f0ad2c99bece035b5049b806847b6fc69', part: "message", class: "bs-toast__message" }, h("slot", { key: '35566107844c74a57b37b00d369a8396db821f5f' }))), h("div", { key: 'df56dba231fa2e6cf4ad5bd57bb2b4608161294d', class: "bs-toast__actions" }, h("button", { key: 'c0f78562bd1acbc421b87d6915d48c7768795e78', part: "close", type: "button", class: "bs-toast__close", "aria-label": "Dismiss", onClick: this.onDismiss }, h(CloseIcon, { key: 'b74a4cbb76307190bf9af2651e52791ba814b2af' })))));
+    }
+    static get is() { return "bs-toast"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bs-toast.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bs-toast.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "state": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "BsToastState",
+                    "resolved": "\"error\" | \"info\" | \"success\" | \"warning\"",
+                    "references": {
+                        "BsToastState": {
+                            "location": "local",
+                            "path": "/home/runner/work/Brandsync-webcomponents/Brandsync-webcomponents/packages/wc/src/components/bs-toast/bs-toast.tsx",
+                            "id": "src/components/bs-toast/bs-toast.tsx::BsToastState"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Semantic state. Each state has its own icon and matching container/text tokens -- there is\nno neutral/default state."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "state",
+                "defaultValue": "'info'"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "bsDismiss",
+                "name": "bsDismiss",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Fires when the close button is clicked. This component doesn't remove itself from the DOM --\nthe consumer is expected to do that (or hide it) in response to this event."
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+}
+const StateIcon = ({ state }) => {
+    switch (state) {
+        case 'success':
+            return h(CheckCircleIcon, null);
+        case 'warning':
+            return h(WarningIcon, null);
+        case 'error':
+            return h(XCircleIcon, null);
+        case 'info':
+        default:
+            return h(InfoIcon, null);
+    }
+};
+const InfoIcon = () => (h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { d: "M12 11V16.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { d: "M12 8.25V7.75", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+const CheckCircleIcon = () => (h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M8.25 12.75L10.5 15L15.75 9.75", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { d: "M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+const WarningIcon = () => (h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M10.4384 4.42212C11.1155 3.22528 12.8845 3.22528 13.5616 4.42212L20.6023 16.8508C21.2627 18.0182 20.4022 19.5 19.0407 19.5H4.95933C3.5978 19.5 2.73734 18.0182 3.39773 16.8508L10.4384 4.42212Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { d: "M12 9.75V13.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { d: "M12 16.25V16.75", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+const XCircleIcon = () => (h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M9.75 9.75L14.25 14.25", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { d: "M14.25 9.75L9.75 14.25", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { d: "M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+const CloseIcon = () => (h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M18.75 5.25L5.25 18.75", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { d: "M18.75 18.75L5.25 5.25", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));

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

@@ -0,0 +1,39 @@
+import { html } from "lit";
+import { componentDescription, propDescription } from "../../stories-utils";
+const states = ['info', 'success', 'warning', 'error'];
+// Demonstrates a real consumer reaction to bsDismiss -- the component itself doesn't remove or
+// hide anything on dismiss (see the class JSDoc: that's deliberately left to the consumer). Without
+// this, clicking the close button visibly does nothing in the story, which reads as "the button
+// doesn't work" even though the click handler did fire (see the bsDismiss test coverage).
+const hideOnDismiss = (ev) => {
+    ev.currentTarget.style.display = 'none';
+};
+const meta = {
+    title: 'Components/bs-toast',
+    parameters: { docs: { description: { component: componentDescription('bs-toast') } } },
+    render: args => html `
+    <bs-toast state=${args.state} @bsDismiss=${hideOnDismiss}>${args.message}</bs-toast>
+  `,
+    argTypes: {
+        state: { control: { type: 'select' }, options: states, description: propDescription('bs-toast', 'state') },
+        message: { control: 'text', description: 'Slotted message content (not a real attribute -- see the default slot).' },
+    },
+    args: {
+        state: 'info',
+        message: 'Files uploaded successfully.',
+    },
+};
+export default meta;
+export const Default = {};
+// One instance per state, side by side, matching the Figma spec's column layout.
+export const AllStates = {
+    name: 'All states',
+    render: () => html `
+    <div style="display: flex; flex-direction: column; gap: 12px;">
+      ${states.map(state => html ` <bs-toast state=${state} @bsDismiss=${hideOnDismiss}>Files uploaded successfully.</bs-toast> `)}
+    </div>
+  `,
+};
+export const Overflow = {
+    args: { message: 'Your changes were saved, but some fields may fail.' },
+};

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

@@ -42,7 +42,7 @@ export class BsTooltip {
      */
     placement = 'top';
     render() {
-        return (h("div", { key: '826c86a864ed2b09e1889908daf64fe8cc7062b8', class: "bs-tooltip" }, h("span", { key: 'e04ca83b8422ccd1fdb64c8a91e2e4e332f226ed', part: "arrow", class: "bs-tooltip__arrow" }), h("div", { key: 'c02cf0ed9cfeedc3c6ca71e5770e546b841bf70f', part: "bubble", class: "bs-tooltip__bubble" }, h("slot", { key: '2279ab519e7372a339823c252e0e9da2aa7a6789' }))));
+        return (h("div", { key: '425dac71d4f76074266a2e1676f8b443e300fd94', class: "bs-tooltip" }, h("span", { key: '0af2492abc554c9def9e338eada6ba7ac156fc28', part: "arrow", class: "bs-tooltip__arrow" }), h("div", { key: '34c5700bfac8ecadd0712a5356f334eac5d497fd', part: "bubble", class: "bs-tooltip__bubble" }, h("slot", { key: 'd46c949de53165a7a0f7f2fa3ffb2058558ce18d' }))));
     }
     static get is() { return "bs-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.js

@@ -117,7 +117,7 @@ export class BsNavigationDrawer {
         this.bsSearchClick.emit();
     };
     render() {
-        return (h("nav", { key: '17b56ce49345a5b231562b93813062eaf21e4428', class: "bs-navigation-drawer", "aria-label": this.heading }, this.showLogo && (h("div", { key: '09ef0345e3c0036d4998aa6acc5f8c4bda0b534f', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--full" }, h("bs-logo", { key: 'c3c32c4e56e7b48b0af47ffc6bde76380906377b', variant: "full", background: this.logoBackground }))), this.showLogo && (h("div", { key: 'ddb44276e763d7ac380023bb73da2de8ff937b5b', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--mark" }, h("bs-logo", { key: '983e33610e902ba037c7c25a3f7c31d5f6a36cfa', variant: "mark", background: this.logoBackground }))), h("div", { key: 'db121c85fdd60dceee275d252c525e6ee85e24c9', class: "bs-navigation-drawer__title-row" }, h("span", { key: '6b8588a9fbfb3c015690ac7b0d144a852599a3c5', part: "title", class: "bs-navigation-drawer__title" }, this.heading), this.collapsible && (h("button", { key: '3ec776f2552d99deaa02468e659efd9d061fdbd3', type: "button", part: "collapse", class: "bs-navigation-drawer__collapse", "aria-label": this.collapsed ? 'Expand' : 'Collapse', "aria-pressed": this.collapsed ? 'true' : 'false', onClick: this.onCollapseClick }, h(CaretLeftIcon, { key: '60490f60829b436bd7ddd66631152f01a8b8790d' })))), h("div", { key: '72ec3f2adeaa8cb5f1d771151424ab8f41cfb8c2', part: "search", class: "bs-navigation-drawer__search" }, h("slot", { key: '6ed64f9cae2c25102e96eb92802304e77e31b3ee', name: "search" })), h("button", { key: '314a6a509224ee5a1ccac82ac13b9ac958d0add7', type: "button", part: "search-trigger", class: "bs-navigation-drawer__search-trigger", "aria-label": "Search", onClick: this.onSearchTriggerClick }, h(SearchIcon, { key: 'e68d5d4812d35c043feabca90b560deca2a69b6b' })), h("div", { key: '8dd4c3a0249a290ad313c4bf68c5a2f9bd903835', part: "items", class: "bs-navigation-drawer__items" }, h("slot", { key: '82a2278750f673a714fa9ed44c78636387e621b8' }))));
+        return (h("nav", { key: 'fcd220918c861178927434a20225de51d2d37d35', class: "bs-navigation-drawer", "aria-label": this.heading }, this.showLogo && (h("div", { key: 'd156193396387f2785300f56e79af12509b74634', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--full" }, h("bs-logo", { key: '0d136d743d63b455fa837e0f8a14f66dd4ecce40', variant: "full", background: this.logoBackground }))), this.showLogo && (h("div", { key: '913420e2692e0acff0dfb2375042dbd197e971c2', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--mark" }, h("bs-logo", { key: '44e1a6f3dc00b3545bcf0967a81562759fde8eff', variant: "mark", background: this.logoBackground }))), h("div", { key: '63aa4a6c561987a6b8308b85403fcca5507b5916', class: "bs-navigation-drawer__title-row" }, h("span", { key: 'd3dec951669d8462c3b5ca24691fb83c4778d787', part: "title", class: "bs-navigation-drawer__title" }, this.heading), this.collapsible && (h("button", { key: '84f6d11f0bdfbd9a01bb2897a637aaf0288299dc', type: "button", part: "collapse", class: "bs-navigation-drawer__collapse", "aria-label": this.collapsed ? 'Expand' : 'Collapse', "aria-pressed": this.collapsed ? 'true' : 'false', onClick: this.onCollapseClick }, h(CaretLeftIcon, { key: 'f5dc6909ddbd27c5782bba9eb1f3cfe9d0d94c56' })))), h("div", { key: '62d76c3000619b51b0f6748e7a85c30bade186b8', part: "search", class: "bs-navigation-drawer__search" }, h("slot", { key: 'bafd49641220d77c6a8b94b83869910e7dfc3d84', name: "search" })), h("button", { key: '07d29e4f52aca08fbba9f5a9ecab272a7755a45e', type: "button", part: "search-trigger", class: "bs-navigation-drawer__search-trigger", "aria-label": "Search", onClick: this.onSearchTriggerClick }, h(SearchIcon, { key: '773925119f869af5a6f797a36225c7b25a25069a' })), h("div", { key: 'c84356cb2061037cb5e5a152acf2e69f23eb6be8', part: "items", class: "bs-navigation-drawer__items" }, h("slot", { key: 'a449e8919b8b6cd29c33013d3691894ccae9a03f' }))));
     }
     static get is() { return "bs-navigation-drawer"; }
     static get encapsulation() { return "shadow"; }