@brandsync/wc 1.9.0 → 1.11.0

package/dist/esm/bs-icon-tile.entry.js

@@ -0,0 +1,50 @@
+import { h, r as registerInstance } from './index-DqQRXQMx.js';
+
+const bsIconTileCss = () => `:host{display:inline-flex;align-items:center;gap:var(--bs-icon-tile-text-gap);vertical-align:middle;--bs-icon-tile-size:24px;--bs-icon-tile-radius:var(--bs-border-radius-50);--bs-icon-tile-icon-size:12px;--bs-icon-tile-text-color:var(--bs-text-default);--bs-icon-tile-text-gap:var(--bs-spacing-100);--bs-icon-tile-bg:var(--bs-color-neutral-container);--bs-icon-tile-color:var(--bs-icon-default)}:host([size='md']){--bs-icon-tile-size:32px;--bs-icon-tile-radius:calc(var(--bs-border-radius-100) * 2 / 3);--bs-icon-tile-icon-size:16px}:host([size='lg']){--bs-icon-tile-size:48px;--bs-icon-tile-radius:var(--bs-border-radius-100);--bs-icon-tile-icon-size:24px}:host([intent='success']){--bs-icon-tile-bg:var(--bs-icon-tile-success-bg, var(--bs-success-50));--bs-icon-tile-color:var(--bs-icon-tile-success-color, var(--bs-icon-success))}:host([intent='warning']){--bs-icon-tile-bg:var(--bs-icon-tile-warning-bg, var(--bs-color-warning-container));--bs-icon-tile-color:var(--bs-icon-tile-warning-color, var(--bs-icon-warning))}:host([intent='error']){--bs-icon-tile-bg:var(--bs-icon-tile-error-bg, var(--bs-color-error-container));--bs-icon-tile-color:var(--bs-icon-tile-error-color, var(--bs-icon-error))}:host([intent='brand']){--bs-icon-tile-bg:var(--bs-color-primary-container);--bs-icon-tile-color:var(--bs-icon-action)}:host([intent='information']){--bs-icon-tile-bg:var(--bs-icon-tile-information-bg, var(--bs-information-50));--bs-icon-tile-color:var(--bs-icon-tile-information-color, var(--bs-icon-info))}.bs-icon-tile{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:none;width:var(--bs-icon-tile-size);height:var(--bs-icon-tile-size);border-radius:var(--bs-icon-tile-radius);background:var(--bs-icon-tile-bg);color:var(--bs-icon-tile-color);overflow:hidden}.bs-icon-tile__icon{display:flex;align-items:center;justify-content:center;width:var(--bs-icon-tile-icon-size);height:var(--bs-icon-tile-icon-size)}.bs-icon-tile__icon svg,::slotted(svg),::slotted(img){width:var(--bs-icon-tile-icon-size);height:var(--bs-icon-tile-icon-size)}.bs-icon-tile__text{display:none;color:var(--bs-icon-tile-text-color);font-size:var(--bs-font-size-md);line-height:24px}.bs-icon-tile__text--visible{display:block}:host([size='sm']) .bs-icon-tile__text{font-size:var(--bs-font-size-sm);line-height:20px}`;
+
+const BsIconTile = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    /** Tile size: `sm` 24px, `md` 32px, `lg` 48px. */
+    size = 'sm';
+    /** Colour and default glyph. `brand` uses the brand colours; `information` the info palette. */
+    intent = 'default';
+    /** Accessible name. When set, the tile is exposed as an image with this name; when empty it is
+     * decorative and hidden from assistive tech. */
+    label;
+    /** True while the default slot holds a real element or non-blank text (a custom icon), not just whitespace. */
+    hasCustomIcon = false;
+    /** True while something is assigned to the `text` slot, so the text wrapper (and its gap) only exists then. */
+    hasText = false;
+    render() {
+        const labelled = !!this.label;
+        return [
+            h("div", { key: 'f23caf72680e3224fc8618cbebceac30590d36ce', part: "container", class: "bs-icon-tile", role: labelled ? 'img' : undefined, "aria-label": labelled ? this.label : undefined, "aria-hidden": labelled ? undefined : 'true' }, h("span", { key: '944d594e4492b30544f935b217691ec7e53f398d', part: "icon", class: "bs-icon-tile__icon" }, h("slot", { key: 'cd62ccaf12a2ff398d506b865665eae42b2e43ff', onSlotchange: (ev) => (this.hasCustomIcon = hasContent(ev.target)) }), !this.hasCustomIcon && (GLYPHS[this.intent] ?? GLYPHS.default))),
+            h("span", { key: 'f33a9fa50a2db0aee33fd8346681a5f56f22f685', part: "text", class: { 'bs-icon-tile__text': true, 'bs-icon-tile__text--visible': this.hasText } }, h("slot", { key: 'cb79316ee18a13c4f8d0dcb1d2271a22a6e71471', name: "text", onSlotchange: (ev) => (this.hasText = ev.target.assignedNodes().length > 0) })),
+        ];
+    }
+};
+function hasContent(slot) {
+    return slot.assignedNodes().some(n => n.nodeType === Node.ELEMENT_NODE || (n.nodeType === Node.TEXT_NODE && !!n.textContent?.trim()));
+}
+const svgProps = {
+    viewBox: '0 0 24 24',
+    fill: 'none',
+    stroke: 'currentColor',
+    'stroke-width': '2',
+    'stroke-linecap': 'round',
+    'stroke-linejoin': 'round',
+    'aria-hidden': 'true',
+};
+const GLYPHS = {
+    default: (h("svg", { ...svgProps }, h("path", { d: "M4 10.5L12 3.5L20 10.5V19.5H4V10.5Z" }))),
+    success: (h("svg", { ...svgProps }, h("circle", { cx: "12", cy: "12", r: "9" }), h("path", { d: "M8 12.5L10.8 15.3L16 9.5" }))),
+    warning: (h("svg", { ...svgProps }, h("circle", { cx: "12", cy: "12", r: "9" }), h("path", { d: "M12 7.5V12.5" }), h("path", { d: "M12 16.2V16.3" }))),
+    error: (h("svg", { ...svgProps }, h("path", { d: "M5 5L19 19" }), h("path", { d: "M19 5L5 19" }))),
+    brand: (h("svg", { ...svgProps }, h("rect", { x: "4", y: "4", width: "6.5", height: "6.5", rx: "0.5" }), h("rect", { x: "13.5", y: "4", width: "6.5", height: "6.5", rx: "0.5" }), h("rect", { x: "4", y: "13.5", width: "6.5", height: "6.5", rx: "0.5" }), h("rect", { x: "13.5", y: "13.5", width: "6.5", height: "6.5", rx: "0.5" }))),
+    information: (h("svg", { ...svgProps }, h("circle", { cx: "12", cy: "12", r: "9" }), h("path", { d: "M12 11V16.5" }), h("path", { d: "M12 7.7V7.8" }))),
+};
+BsIconTile.style = bsIconTileCss();
+
+export { BsIconTile as bs_icon_tile };

package/dist/esm/bs-inline-tab.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-AgoOSYvW.js';
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-DqQRXQMx.js';
 
 const bsInlineTabCss = () => `:host{display:inline-block;--bs-inline-tab-radius:var(--bs-border-radius-full);--bs-inline-tab-padding-y:var(--bs-spacing-100);--bs-inline-tab-padding-x:var(--bs-spacing-200);--bs-inline-tab-padding-left-with-icon:var(--bs-spacing-150);--bs-inline-tab-padding-right-with-icon:var(--bs-spacing-200);--bs-inline-tab-gap:var(--bs-spacing-50);--bs-inline-tab-bg-default:var(--bs-color-neutral-container);--bs-inline-tab-color-default:var(--bs-text-secondary);--bs-inline-tab-bg-hover:var(--bs-color-neutral-container-hover);--bs-inline-tab-color-hover:var(--bs-text-default);--bs-inline-tab-bg-focus:var(--bs-color-neutral-container-focused);--bs-inline-tab-bg-pressed:var(--bs-color-neutral-container-pressed);--bs-inline-tab-focus-ring-color:var(--bs-border-neutral-focus);--bs-inline-tab-bg-disabled:var(--bs-surface-action-disabled);--bs-inline-tab-color-disabled:var(--bs-text-on-disabled);--bs-inline-tab-bg-selected:var(--bs-color-primary-default);--bs-inline-tab-color-selected:var(--bs-text-on-action);--bs-inline-tab-bg-selected-hover:var(--bs-color-primary-hover);--bs-inline-tab-bg-selected-focus:var(--bs-color-primary-focused);--bs-inline-tab-bg-selected-pressed:var(--bs-color-primary-pressed);--bs-inline-tab-font-size:var(--bs-font-size-sm);--bs-inline-tab-font-weight:var(--bs-font-weight-semibold);--bs-inline-tab-line-height:var(--bs-line-height-body-sm)}.bs-inline-tab{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-family:inherit;border-radius:var(--bs-inline-tab-radius);padding:var(--bs-inline-tab-padding-y) var(--bs-inline-tab-padding-x);background:var(--bs-inline-tab-bg-default);color:var(--bs-inline-tab-color-default);transition:color var(--bs-duration-fast) var(--bs-easing-standard),     background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-inline-tab--has-icon{padding-top:var(--bs-inline-tab-padding-y);padding-bottom:var(--bs-inline-tab-padding-y);padding-inline-start:var(--bs-inline-tab-padding-left-with-icon);padding-inline-end:var(--bs-inline-tab-padding-right-with-icon);gap:var(--bs-inline-tab-gap)}.bs-inline-tab:focus-visible{outline:2px solid var(--bs-inline-tab-focus-ring-color);outline-offset:2px}.bs-inline-tab:not(.bs-inline-tab--selected):not(.bs-inline-tab--disabled):hover{background:var(--bs-inline-tab-bg-hover);color:var(--bs-inline-tab-color-hover)}.bs-inline-tab:not(.bs-inline-tab--selected):not(.bs-inline-tab--disabled):focus-visible{background:var(--bs-inline-tab-bg-focus);color:var(--bs-inline-tab-color-hover)}.bs-inline-tab:not(.bs-inline-tab--selected):not(.bs-inline-tab--disabled):active{background:var(--bs-inline-tab-bg-pressed);color:var(--bs-inline-tab-color-hover)}.bs-inline-tab--selected{background:var(--bs-inline-tab-bg-selected);color:var(--bs-inline-tab-color-selected)}.bs-inline-tab--selected:not(.bs-inline-tab--disabled):hover{background:var(--bs-inline-tab-bg-selected-hover)}.bs-inline-tab--selected:not(.bs-inline-tab--disabled):focus-visible{background:var(--bs-inline-tab-bg-selected-focus)}.bs-inline-tab--selected:not(.bs-inline-tab--disabled):active{background:var(--bs-inline-tab-bg-selected-pressed)}.bs-inline-tab--disabled{background:var(--bs-inline-tab-bg-disabled);color:var(--bs-inline-tab-color-disabled);cursor:not-allowed}.bs-inline-tab__icon{display:none;width:24px;height:24px;flex-shrink:0;color:inherit}.bs-inline-tab__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-inline-tab__icon ::slotted(svg){width:24px;height:24px}.bs-inline-tab__label{display:none;font-size:var(--bs-inline-tab-font-size);font-weight:var(--bs-inline-tab-font-weight);line-height:calc(var(--bs-inline-tab-line-height) * 1px);white-space:nowrap}.bs-inline-tab__label--has-content{display:inline-block}`;
 
@@ -67,7 +67,7 @@ const BsInlineTab = class {
     };
     render() {
         const iconOnly = this.hasIcon && !this.hasLabel;
-        return (h("button", { key: '0d6927b0b39a7d84add287e6473681e5052b5f2d', 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, tabIndex: this.tabbable === undefined ? undefined : this.tabbable ? 0 : -1, onClick: this.onClick }, h("span", { key: '866660f0f79927cd018df42286719f2f48262cbb', part: "icon", class: `bs-inline-tab__icon ${this.hasIcon ? 'bs-inline-tab__icon--has-content' : ''}` }, h("slot", { key: '58e11c8a0a57646644cb0b7c950d73f5cee52310', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '38d2e1df2b4e494f68d3c4b9ea34d7a317401953', part: "label", class: `bs-inline-tab__label ${this.hasLabel ? 'bs-inline-tab__label--has-content' : ''}` }, h("slot", { key: '51fb6ec04479b18af787bca4e64f8105a0b19311', onSlotchange: this.onLabelSlotchange }))));
+        return (h("button", { key: '84e1e70ea67dba9c45e55cfcbc9afecb5be41b7e', 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, tabIndex: this.tabbable === undefined ? undefined : this.tabbable ? 0 : -1, onClick: this.onClick }, h("span", { key: '118ed482a69348bf7ed5b633df36d714c643eea2', part: "icon", class: `bs-inline-tab__icon ${this.hasIcon ? 'bs-inline-tab__icon--has-content' : ''}` }, h("slot", { key: 'bde742484441571b7e907702c90dff00ff12a515', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'c1c0df916c0d6bbc3c51f74ffc4a659cc731cb5d', part: "label", class: `bs-inline-tab__label ${this.hasLabel ? 'bs-inline-tab__label--has-content' : ''}` }, h("slot", { key: 'f3ed571ab6a28cd43f08b479eca9a5d70b4851ea', onSlotchange: this.onLabelSlotchange }))));
     }
 };
 BsInlineTab.style = bsInlineTabCss();

package/dist/esm/{bs-input.entry.js → bs-input_3.entry.js}

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-AgoOSYvW.js';
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-DqQRXQMx.js';
 
-const bsInputCss = () => `:host{display:block;--bs-input-radius:var(--bs-border-radius-100);--bs-input-height:var(--bs-spacing-600);--bs-input-padding-x:var(--bs-spacing-150);--bs-input-padding-y:var(--bs-spacing-100);--bs-input-gap:var(--bs-spacing-200);--bs-input-icon-size:var(--bs-spacing-300);--bs-input-stack-gap:var(--bs-spacing-50);--bs-input-error-icon-size:var(--bs-spacing-250);--bs-input-field-bg:var(--bs-input-bg-default);--bs-input-field-bg-disabled:var(--bs-input-bg-disabled);--bs-input-field-border:var(--bs-input-border-default);--bs-input-field-border-hover:var(--bs-input-border-hover);--bs-input-field-border-focus:var(--bs-input-border-focus);--bs-input-field-border-error:var(--bs-input-border-error);--bs-input-field-text:var(--bs-input-text);--bs-input-field-placeholder:var(--bs-input-placeholder);--bs-input-label-color:var(--bs-input-label);--bs-input-description-color:var(--bs-input-description);--bs-input-error-color:var(--bs-input-error);--bs-input-icon-color:var(--bs-icon-muted);--bs-input-icon-color-error:var(--bs-input-icon-error);--bs-input-icon-color-disabled:var(--bs-input-icon-disabled);--bs-input-chip-bg:var(--bs-input-bg-disabled);--bs-input-chip-text:var(--bs-input-text);--bs-input-initials-title-width:80px;--bs-input-initials-gap:var(--bs-spacing-50)}.bs-input{display:flex;flex-direction:column;gap:var(--bs-input-stack-gap);font-family:inherit}.bs-input__label{font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);color:var(--bs-input-label-color)}.bs-input__required{color:var(--bs-input-error-color);margin-inline-start:2px}.bs-input__field{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-input-gap);height:var(--bs-input-height);padding:var(--bs-input-padding-y) var(--bs-input-padding-x);border:1px solid var(--bs-input-field-border);border-radius:var(--bs-input-radius);background:var(--bs-input-field-bg)}.bs-input__field:hover:not(.bs-input__field--disabled){border-color:var(--bs-input-field-border-hover)}.bs-input__field:focus-within{border-color:var(--bs-input-field-border-focus)}.bs-input__field--error{border-color:var(--bs-input-field-border-error)}.bs-input__field--disabled{background:var(--bs-input-field-bg-disabled);cursor:not-allowed}.bs-input__control{flex:1;min-width:0;border:none;outline:none;padding:0;background:transparent;color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit}.bs-input__control::placeholder{color:var(--bs-input-field-placeholder)}.bs-input__control:disabled{color:var(--bs-input-text-disabled);cursor:not-allowed}.bs-input__control::-webkit-strong-password-auto-fill-button,.bs-input__control::-webkit-credentials-auto-fill-button{display:none !important;visibility:hidden;pointer-events:none;position:absolute;inset-inline-end:0}.bs-input__control::-webkit-textfield-decoration-container{visibility:hidden}.bs-input__control::-ms-reveal,.bs-input__control::-ms-clear{display:none}.bs-input--error .bs-input__label{color:var(--bs-input-label-color)}.bs-input__icon,.bs-input__end-icon{display:none;align-items:center;flex-shrink:0;color:var(--bs-input-icon-color)}.bs-input__icon--visible,.bs-input__end-icon--visible{display:flex}.bs-input__icon ::slotted(*),.bs-input__end-icon ::slotted(*){display:block;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field--error .bs-input__icon,.bs-input__field--error .bs-input__end-icon{color:var(--bs-input-icon-color-error)}.bs-input__field--disabled .bs-input__icon,.bs-input__field--disabled .bs-input__end-icon{color:var(--bs-input-icon-color-disabled)}.bs-input__description{font-size:var(--bs-font-size-xs);color:var(--bs-input-description-color)}.bs-input__error{display:flex;align-items:center;gap:var(--bs-input-stack-gap);font-size:var(--bs-font-size-xs);color:var(--bs-input-error-color)}.bs-input__error-icon{flex-shrink:0;width:var(--bs-input-error-icon-size);height:var(--bs-input-error-icon-size)}.bs-input__field--textarea{height:auto;align-items:flex-start}.bs-input__control--textarea{resize:vertical}.bs-input__stepper{display:flex;flex-direction:column}.bs-input__stepper-btn{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit;padding:0;cursor:pointer}.bs-input__stepper-btn:disabled{cursor:not-allowed}.bs-input__password-toggle{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit;padding:0;cursor:pointer;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__password-toggle:disabled{cursor:not-allowed}.bs-input__password-toggle svg{width:100%;height:100%}.bs-input__chevron{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field-wrapper{position:relative;width:100%}.bs-input__dropdown-menu{position:absolute;top:calc(100% + var(--bs-input-stack-gap));inset-inline-start:0;inset-inline-end:0;z-index:1}.bs-input__calendar{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__search-icon{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field--chip{flex-wrap:wrap;height:auto;min-height:var(--bs-input-height)}.bs-input__chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bs-spacing-100);flex:1;min-width:0}.bs-input__chip{display:inline-flex;align-items:center;gap:4px;background:var(--bs-input-chip-bg);color:var(--bs-input-chip-text);border-radius:var(--bs-input-radius);padding:2px 6px;font-size:var(--bs-font-size-sm)}.bs-input__chip-remove{border:none;background:transparent;color:inherit;cursor:pointer;padding:0;line-height:1}.bs-input__chip-input{flex:1;min-width:60px}.bs-input__country-select{flex-shrink:0;width:auto;border:none;outline:none;background:transparent;color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit}.bs-input__title-select,.bs-input__country-select{appearance:none;-webkit-appearance:none;-moz-appearance:none}.bs-input__title-select::-ms-expand,.bs-input__country-select::-ms-expand{display:none}.bs-input__select-chevron{flex-shrink:0;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size);color:var(--bs-input-icon-color);pointer-events:none}.bs-input__field--disabled .bs-input__select-chevron{color:var(--bs-input-icon-color-disabled)}.bs-input__initials-row{display:flex;gap:var(--bs-input-initials-gap);width:100%}.bs-input__field--initials-title{flex:0 0 auto;width:var(--bs-input-initials-title-width);gap:var(--bs-spacing-50)}.bs-input__field--initials-title .bs-input__select-chevron{width:10px;height:10px}.bs-input__field--initials-value{flex:1;min-width:0}.bs-input__country-select{width:auto}.bs-input__field--pin{border:none;padding:0;background:transparent;gap:var(--bs-input-gap)}.bs-input__pin-cell{box-sizing:border-box;width:var(--bs-input-height);height:var(--bs-input-height);text-align:center;border:1px solid var(--bs-input-field-border);border-radius:var(--bs-input-radius);background:var(--bs-input-field-bg);color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit;outline:none}.bs-input__pin-cell:focus{border-color:var(--bs-input-field-border-focus)}.bs-input__field--pin.bs-input__field--disabled .bs-input__pin-cell{background:var(--bs-input-field-bg-disabled);cursor:not-allowed}.bs-input__field--pin.bs-input__field--error .bs-input__pin-cell{border-color:var(--bs-input-field-border-error)}@media (forced-colors: active){.bs-input__control{border:1px solid FieldText}.bs-input__control:focus-visible{outline:2px solid Highlight;outline-offset:2px}}`;
+const bsInputCss = () => `:host{display:block;--bs-input-radius:var(--bs-border-radius-100);--bs-input-height:var(--bs-spacing-600);--bs-input-padding-x:var(--bs-spacing-150);--bs-input-padding-y:var(--bs-spacing-100);--bs-input-gap:var(--bs-spacing-200);--bs-input-icon-size:var(--bs-spacing-300);--bs-input-stack-gap:var(--bs-spacing-50);--bs-input-error-icon-size:var(--bs-spacing-250);--bs-input-field-bg:var(--bs-input-bg-default);--bs-input-field-bg-disabled:var(--bs-input-bg-disabled);--bs-input-field-border:var(--bs-input-border-default);--bs-input-field-border-hover:var(--bs-input-border-hover);--bs-input-field-border-focus:var(--bs-input-border-focus);--bs-input-field-border-error:var(--bs-input-border-error);--bs-input-field-text:var(--bs-input-text);--bs-input-field-placeholder:var(--bs-input-placeholder);--bs-input-label-color:var(--bs-input-label);--bs-input-label-font-size:var(--bs-font-size-sm);--bs-input-label-font-weight:var(--bs-font-weight-medium);--bs-input-label-line-height:normal;--bs-input-description-color:var(--bs-input-description);--bs-input-error-color:var(--bs-input-error);--bs-input-icon-color:var(--bs-icon-muted);--bs-input-icon-color-error:var(--bs-input-icon-error);--bs-input-icon-color-disabled:var(--bs-input-icon-disabled);--bs-input-chip-bg:var(--bs-input-bg-disabled);--bs-input-chip-text:var(--bs-input-text);--bs-input-initials-title-width:80px;--bs-input-initials-gap:var(--bs-spacing-50)}.bs-input{display:flex;flex-direction:column;gap:var(--bs-input-stack-gap);font-family:inherit}.bs-input__label{font-size:var(--bs-input-label-font-size);font-weight:var(--bs-input-label-font-weight);line-height:var(--bs-input-label-line-height);color:var(--bs-input-label-color)}.bs-input__required{color:var(--bs-input-error-color);margin-inline-start:2px}.bs-input__field{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-input-gap);height:var(--bs-input-height);padding:var(--bs-input-padding-y) var(--bs-input-padding-x);border:1px solid var(--bs-input-field-border);border-radius:var(--bs-input-radius);background:var(--bs-input-field-bg)}.bs-input__field:hover:not(.bs-input__field--disabled){border-color:var(--bs-input-field-border-hover)}.bs-input__field:focus-within{border-color:var(--bs-input-field-border-focus)}.bs-input__field--error{border-color:var(--bs-input-field-border-error)}.bs-input__field--disabled{background:var(--bs-input-field-bg-disabled);cursor:not-allowed}.bs-input__control{flex:1;min-width:0;border:none;outline:none;padding:0;background:transparent;color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit}.bs-input__control::placeholder{color:var(--bs-input-field-placeholder)}.bs-input__control:disabled{color:var(--bs-input-text-disabled);cursor:not-allowed}.bs-input__control::-webkit-strong-password-auto-fill-button,.bs-input__control::-webkit-credentials-auto-fill-button{display:none !important;visibility:hidden;pointer-events:none;position:absolute;inset-inline-end:0}.bs-input__control::-webkit-textfield-decoration-container{visibility:hidden}.bs-input__control::-ms-reveal,.bs-input__control::-ms-clear{display:none}.bs-input--error .bs-input__label{color:var(--bs-input-label-color)}.bs-input__icon,.bs-input__end-icon{display:none;align-items:center;flex-shrink:0;color:var(--bs-input-icon-color)}.bs-input__icon--visible,.bs-input__end-icon--visible{display:flex}.bs-input__icon ::slotted(*),.bs-input__end-icon ::slotted(*){display:block;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field--error .bs-input__icon,.bs-input__field--error .bs-input__end-icon{color:var(--bs-input-icon-color-error)}.bs-input__field--disabled .bs-input__icon,.bs-input__field--disabled .bs-input__end-icon{color:var(--bs-input-icon-color-disabled)}.bs-input__description{font-size:var(--bs-font-size-xs);color:var(--bs-input-description-color)}.bs-input__error{display:flex;align-items:center;gap:var(--bs-input-stack-gap);font-size:var(--bs-font-size-xs);color:var(--bs-input-error-color)}.bs-input__error-icon{flex-shrink:0;width:var(--bs-input-error-icon-size);height:var(--bs-input-error-icon-size)}.bs-input__field--textarea{height:auto;align-items:flex-start}.bs-input__control--textarea{resize:vertical}.bs-input__stepper{display:flex;flex-direction:column}.bs-input__stepper-btn{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit;padding:0;cursor:pointer}.bs-input__stepper-btn:disabled{cursor:not-allowed}.bs-input__password-toggle{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit;padding:0;cursor:pointer;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__password-toggle:disabled{cursor:not-allowed}.bs-input__password-toggle svg{width:100%;height:100%}.bs-input__chevron{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field-wrapper{position:relative;width:100%}.bs-input__dropdown-menu{position:absolute;top:calc(100% + var(--bs-input-stack-gap));inset-inline-start:0;inset-inline-end:0;z-index:1}.bs-input__calendar{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__search-icon{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field--chip{flex-wrap:wrap;height:auto;min-height:var(--bs-input-height)}.bs-input__chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bs-spacing-100);flex:1;min-width:0}.bs-input__chip{display:inline-flex;align-items:center;gap:4px;background:var(--bs-input-chip-bg);color:var(--bs-input-chip-text);border-radius:var(--bs-input-radius);padding:2px 6px;font-size:var(--bs-font-size-sm)}.bs-input__chip-remove{border:none;background:transparent;color:inherit;cursor:pointer;padding:0;line-height:1}.bs-input__chip-input{flex:1;min-width:60px}.bs-input__country-select{flex-shrink:0;width:auto;border:none;outline:none;background:transparent;color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit}.bs-input__title-select,.bs-input__country-select{appearance:none;-webkit-appearance:none;-moz-appearance:none}.bs-input__title-select::-ms-expand,.bs-input__country-select::-ms-expand{display:none}.bs-input__select-chevron{flex-shrink:0;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size);color:var(--bs-input-icon-color);pointer-events:none}.bs-input__field--disabled .bs-input__select-chevron{color:var(--bs-input-icon-color-disabled)}.bs-input__initials-row{display:flex;gap:var(--bs-input-initials-gap);width:100%}.bs-input__field--initials-title{flex:0 0 auto;width:var(--bs-input-initials-title-width);gap:var(--bs-spacing-50)}.bs-input__field--initials-title .bs-input__select-chevron{width:10px;height:10px}.bs-input__field--initials-value{flex:1;min-width:0}.bs-input__country-select{width:auto}.bs-input__field--pin{border:none;padding:0;background:transparent;gap:var(--bs-input-gap)}.bs-input__pin-cell{box-sizing:border-box;width:var(--bs-input-height);height:var(--bs-input-height);text-align:center;border:1px solid var(--bs-input-field-border);border-radius:var(--bs-input-radius);background:var(--bs-input-field-bg);color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit;outline:none}.bs-input__pin-cell:focus{border-color:var(--bs-input-field-border-focus)}.bs-input__field--pin.bs-input__field--disabled .bs-input__pin-cell{background:var(--bs-input-field-bg-disabled);cursor:not-allowed}.bs-input__field--pin.bs-input__field--error .bs-input__pin-cell{border-color:var(--bs-input-field-border-error)}@media (forced-colors: active){.bs-input__control{border:1px solid FieldText}.bs-input__control:focus-visible{outline:2px solid Highlight;outline-offset:2px}}`;
 
 const BsInput = class {
     constructor(hostRef) {
@@ -286,7 +286,10 @@ const BsInput = class {
     }
     renderStandardControl() {
         const nativeType = this.type === 'password' ? (this.passwordVisible ? 'text' : 'password') : this.type === 'dropdown' ? 'text' : this.type;
-        return (h("input", { id: "control", part: "control", class: "bs-input__control", type: nativeType, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.type === 'dropdown', min: this.type === 'number' ? this.min : undefined, max: this.type === 'number' ? this.max : undefined, step: this.type === 'number' ? this.step : undefined, "aria-describedby": this.error || this.description ? 'description-or-error' : undefined, "aria-invalid": this.error ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, onInput: this.onInput, onChange: this.onChange }));
+        return (h("input", { id: "control", part: "control", class: "bs-input__control", type: nativeType, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.type === 'dropdown',
+            // The popup state belongs on the focusable control (a roleless wrapper div can't carry
+            // aria-haspopup/aria-expanded -- axe's aria-allowed-attr flags it).
+            role: this.type === 'dropdown' ? 'combobox' : undefined, "aria-haspopup": this.type === 'dropdown' ? 'listbox' : undefined, "aria-expanded": this.type === 'dropdown' ? String(this.open) : undefined, min: this.type === 'number' ? this.min : undefined, max: this.type === 'number' ? this.max : undefined, step: this.type === 'number' ? this.step : undefined, "aria-describedby": this.error || this.description ? 'description-or-error' : undefined, "aria-invalid": this.error ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, onInput: this.onInput, onChange: this.onChange }));
     }
     renderSelectControl() {
         return (h("select", { id: "control", part: "control", class: "bs-input__control", disabled: this.disabled, "aria-describedby": this.error || this.description ? 'description-or-error' : undefined, "aria-invalid": this.error ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, onInput: this.onInput, onChange: this.onChange }, this.options.map(opt => (h("option", { value: opt.value, selected: opt.value === this.value }, opt.label)))));
@@ -346,7 +349,7 @@ const BsInput = class {
             .filter(Boolean)
             .join(' ');
         const isDropdown = this.type === 'dropdown';
-        return (h("div", { class: "bs-input__field-wrapper" }, h("div", { part: "field", class: fieldClasses, onClick: isDropdown ? this.onDropdownToggle : undefined, onKeyDown: isDropdown ? this.onDropdownKeydown : undefined, "aria-haspopup": isDropdown ? 'listbox' : undefined, "aria-expanded": isDropdown ? String(this.open) : undefined }, h("span", { part: "icon", class: `bs-input__icon ${this.showsIconArea ? 'bs-input__icon--visible' : ''}` }, this.renderIconContent()), this.renderControl(), h("span", { part: "end-icon", class: `bs-input__end-icon ${this.showsEndIconArea ? 'bs-input__end-icon--visible' : ''}` }, this.renderEndIconContent())), isDropdown && this.open && this.options.length > 0 && (h("bs-menu", { part: "menu", class: "bs-input__dropdown-menu", role: "listbox" }, this.options.map(option => (h("bs-menu-item", { key: option.value, onBsSelect: this.onDropdownOptionSelect(option) }, option.label)))))));
+        return (h("div", { class: "bs-input__field-wrapper" }, h("div", { part: "field", class: fieldClasses, onClick: isDropdown ? this.onDropdownToggle : undefined, onKeyDown: isDropdown ? this.onDropdownKeydown : undefined }, h("span", { part: "icon", class: `bs-input__icon ${this.showsIconArea ? 'bs-input__icon--visible' : ''}` }, this.renderIconContent()), this.renderControl(), h("span", { part: "end-icon", class: `bs-input__end-icon ${this.showsEndIconArea ? 'bs-input__end-icon--visible' : ''}` }, this.renderEndIconContent())), isDropdown && this.open && this.options.length > 0 && (h("bs-menu", { part: "menu", class: "bs-input__dropdown-menu", role: "listbox" }, this.options.map(option => (h("bs-menu-item", { key: option.value, onBsSelect: this.onDropdownOptionSelect(option) }, option.label)))))));
     }
     renderPinField() {
         this.pinInputs = [];
@@ -355,10 +358,10 @@ const BsInput = class {
         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: '1149cfe8eaa6085007a8d9a963b6c909bb6cda13', class: `bs-input ${this.error ? 'bs-input--error' : ''}` }, this.label && (
+        return (h("div", { key: '8fd3623575cfcc750a9cb62d0a30351b305d5a68', 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: 'd737018c1e1ebcde529710d8ea58c6bed76f2abf', part: "label", class: "bs-input__label", htmlFor: "control" }, this.label, this.required && (h("span", { key: '5993b19cbfcb8725550c1292c00795c8463e554c', 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: 'fb67ed85a291856e1fbb7d7f54a4ba98c662deeb', part: "label", class: "bs-input__label", htmlFor: "control" }, this.label, this.required && (h("span", { key: '6cf68bab9f5060898141df96a22df306d98445e5', 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 delegatesFocus() { return true; }
     static get formAssociated() { return true; }
@@ -379,4 +382,67 @@ const BsInput = class {
 };
 BsInput.style = bsInputCss();
 
-export { BsInput as bs_input };
+const bsMenuCss = () => `:host{display:block;--bs-menu-bg:var(--bs-surface-raised);--bs-menu-radius:var(--bs-border-radius-100);--bs-menu-padding-y:var(--bs-spacing-50);--bs-menu-gap:var(--bs-spacing-50);--bs-menu-shadow:var(--bs-shadow-sm)}.bs-menu{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-menu-gap);background:var(--bs-menu-bg);border-radius:var(--bs-menu-radius);padding:var(--bs-menu-padding-y) 0;box-shadow:var(--bs-menu-shadow);font-family:inherit}@media (forced-colors: active){.bs-menu{border:1px solid CanvasText}}`;
+
+const BsMenu = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    get el() { return getElement(this); }
+    /** WAI-ARIA menu pattern: Up/Down move focus between enabled items (wrapping), Home/End jump
+     * to the first/last. Items are the slotted `bs-menu-item` children. */
+    onKeyDown(ev) {
+        if (!['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(ev.key))
+            return;
+        const items = Array.from(this.el.querySelectorAll('bs-menu-item')).filter(i => !i.disabled);
+        if (items.length === 0)
+            return;
+        const current = items.findIndex(i => i === ev.target || i.contains(ev.target));
+        ev.preventDefault();
+        let next;
+        if (ev.key === 'Home')
+            next = 0;
+        else if (ev.key === 'End')
+            next = items.length - 1;
+        else if (ev.key === 'ArrowDown')
+            next = current === -1 ? 0 : (current + 1) % items.length;
+        else
+            next = current === -1 ? items.length - 1 : (current - 1 + items.length) % items.length;
+        items[next].shadowRoot?.querySelector('button')?.focus();
+    }
+    render() {
+        return (h("div", { key: 'ba99d3c35c0c7ab4427155ac13e89c434068ef49', part: "list", class: "bs-menu", role: "menu" }, h("slot", { key: '817f29507503adcaad013a8035d35bc1f35ffdef' })));
+    }
+};
+BsMenu.style = bsMenuCss();
+
+const bsMenuItemCss = () => `:host{display:block;--bs-menu-item-radius:var(--bs-border-radius-100);--bs-menu-item-padding-y:var(--bs-spacing-100);--bs-menu-item-padding-x:var(--bs-spacing-150);--bs-menu-item-gap:var(--bs-spacing-100);--bs-menu-item-hover:var(--bs-color-neutral-container-hover);--bs-menu-item-pressed:var(--bs-color-neutral-container-pressed);--bs-menu-item-disabled-bg:var(--bs-surface-action-disabled);--bs-menu-item-icon-color:var(--bs-icon-default);--bs-menu-item-icon-color-disabled:var(--bs-icon-disabled);--bs-menu-item-color:var(--bs-text-muted);--bs-menu-item-color-disabled:var(--bs-text-on-disabled);--bs-menu-item-font-size:var(--bs-font-size-md);--bs-menu-item-line-height:var(--bs-line-height-body-md)}.bs-menu-item{box-sizing:border-box;display:flex;align-items:center;width:100%;height:48px;border:none;cursor:pointer;background:transparent;color:var(--bs-menu-item-color);font-family:inherit;border-radius:var(--bs-menu-item-radius);padding:var(--bs-menu-item-padding-y) var(--bs-menu-item-padding-x);gap:var(--bs-menu-item-gap);transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-menu-item:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-menu-item:hover{background:var(--bs-menu-item-hover)}.bs-menu-item:active{background:var(--bs-menu-item-pressed)}.bs-menu-item--disabled{background:var(--bs-menu-item-disabled-bg);color:var(--bs-menu-item-color-disabled);cursor:not-allowed}.bs-menu-item--disabled:hover,.bs-menu-item--disabled:active{background:var(--bs-menu-item-disabled-bg)}.bs-menu-item--disabled .bs-menu-item__icon{color:var(--bs-menu-item-icon-color-disabled)}.bs-menu-item__icon{display:none;width:24px;height:24px;flex-shrink:0;color:var(--bs-menu-item-icon-color)}.bs-menu-item__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-menu-item__icon ::slotted(svg){width:24px;height:24px}.bs-menu-item__label{font-size:var(--bs-menu-item-font-size);line-height:calc(var(--bs-menu-item-line-height) * 1px);white-space:nowrap}`;
+
+const BsMenuItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.bsSelect = createEvent(this, "bsSelect");
+    }
+    /** Disables the item: no hover/pressed/focus styling, no pointer cursor, not reachable by
+     * keyboard tabbing, and clicking it does not emit `bsSelect`. */
+    disabled = false;
+    /** Tracks whether the `icon` slot has assigned content, so the icon wrapper (and its gap) only
+     * renders when there's actually an icon to show. */
+    hasIcon = false;
+    /** Fires when the item is clicked. */
+    bsSelect;
+    onIconSlotchange = (ev) => {
+        this.hasIcon = ev.target.assignedNodes().length > 0;
+    };
+    onClick = () => {
+        if (this.disabled)
+            return;
+        this.bsSelect.emit();
+    };
+    render() {
+        return (h("button", { key: '419a5d4d35f47ea9cf72b02407a45a7d5645fc4b', 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: '733f8e5f702496bbb2788cc4db84a9c7c128f1be', part: "icon", class: `bs-menu-item__icon ${this.hasIcon ? 'bs-menu-item__icon--has-content' : ''}` }, h("slot", { key: '566ca7b7f011090efa131c6bf0fb74515db11fee', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'c717ab8efef92c338581953c60f617057f9eaadc', part: "label", class: "bs-menu-item__label" }, h("slot", { key: 'c0006ae3c36798eabfb2e001faade51ec4cc10c9' }))));
+    }
+};
+BsMenuItem.style = bsMenuItemCss();
+
+export { BsInput as bs_input, BsMenu as bs_menu, BsMenuItem as bs_menu_item };

package/dist/esm/bs-logo.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-AgoOSYvW.js';
+import { r as registerInstance, h } from './index-DqQRXQMx.js';
 
 // BrandSync brand mark (icon + "EG BrandSync" wordmark) on a light background, exported directly
 // from Figma's "Logo" component set (node 10909:30421, Device=Desktop, Background=Light) and

package/dist/esm/bs-navigation-drawer-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-AgoOSYvW.js';
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-DqQRXQMx.js';
 
 const bsNavigationDrawerItemCss = () => `:host{display:block;--bs-navigation-drawer-item-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-radius:var(--bs-border-radius-100);--bs-navigation-drawer-item-padding-y:var(--bs-spacing-150);--bs-navigation-drawer-item-padding-x:var(--bs-spacing-100);--bs-navigation-drawer-item-padding-left-nested:var(--bs-spacing-600);--bs-navigation-drawer-item-font-weight:var(--bs-font-weight-medium);--bs-navigation-drawer-item-font-size:var(--bs-font-size-md);--bs-navigation-drawer-item-line-height:var(--bs-line-height-body-md);--bs-navigation-drawer-item-color:var(--bs-text-muted);--bs-navigation-drawer-item-color-selected:var(--bs-text-default);--bs-navigation-drawer-item-color-hover:var(--bs-text-secondary);--bs-navigation-drawer-item-bg-selected:var(--bs-surface-selected);--bs-navigation-drawer-item-bg-hover:var(--bs-surface-hover);--bs-navigation-drawer-item-bg-pressed:var(--bs-surface-pressed);--bs-navigation-drawer-item-bg-focus:var(--bs-surface-focus);--bs-navigation-drawer-item-bg-selected-hover:var(--bs-surface-selected-hover);--bs-navigation-drawer-item-bg-selected-pressed:var(--bs-surface-selected-pressed);--bs-navigation-drawer-item-bg-selected-focus:var(--bs-surface-selected-focus);--bs-navigation-drawer-item-focus-ring-color:var(--bs-border-neutral-focus);--bs-navigation-drawer-item-children-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-padding:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-icon-padding-x:var(--bs-spacing-300);--bs-navigation-drawer-item-collapsed-icon-padding-y:var(--bs-spacing-50);--bs-navigation-drawer-item-collapsed-font-size:var(--bs-fontsize-caption-sm);--bs-navigation-drawer-item-collapsed-line-height:var(--bs-line-height-caption-sm)}.bs-navigation-drawer-item__root{display:contents}.bs-navigation-drawer-item{box-sizing:border-box;width:100%;display:flex;align-items:center;gap:var(--bs-navigation-drawer-item-gap);border:none;border-radius:var(--bs-navigation-drawer-item-radius);padding:var(--bs-navigation-drawer-item-padding-y) var(--bs-navigation-drawer-item-padding-x);background:transparent;color:var(--bs-navigation-drawer-item-color);font-family:inherit;font-weight:var(--bs-navigation-drawer-item-font-weight);font-size:var(--bs-navigation-drawer-item-font-size);line-height:calc(var(--bs-navigation-drawer-item-line-height) * 1px);text-align:left;cursor:pointer;transition:color var(--bs-duration-fast) var(--bs-easing-standard),     background-color var(--bs-duration-fast) var(--bs-easing-standard)}:host(:not([collapsed])) .bs-navigation-drawer-item:hover:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-hover);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item:active:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-pressed);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item:focus-visible:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-focus);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:hover{background:var(--bs-navigation-drawer-item-bg-selected-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:active{background:var(--bs-navigation-drawer-item-bg-selected-pressed)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:focus-visible{background:var(--bs-navigation-drawer-item-bg-selected-focus)}.bs-navigation-drawer-item:focus-visible{outline:2px solid var(--bs-navigation-drawer-item-focus-ring-color);outline-offset:-2px}.bs-navigation-drawer-item--nested{padding-left:var(--bs-navigation-drawer-item-padding-left-nested)}.bs-navigation-drawer-item--selected{background:var(--bs-navigation-drawer-item-bg-selected);color:var(--bs-navigation-drawer-item-color-selected)}.bs-navigation-drawer-item--selected .bs-navigation-drawer-item__icon--has-content{color:var(--bs-navigation-drawer-item-color-selected)}:host([collapsed]) .bs-navigation-drawer-item{flex-direction:column;justify-content:center;gap:var(--bs-navigation-drawer-item-collapsed-gap);padding:var(--bs-navigation-drawer-item-collapsed-padding);background:transparent}.bs-navigation-drawer-item__icon{display:none;width:24px;height:24px;flex-shrink:0;color:inherit}.bs-navigation-drawer-item__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-navigation-drawer-item__icon ::slotted(svg){width:24px;height:24px}:host([collapsed]) .bs-navigation-drawer-item__icon--has-content{padding:var(--bs-navigation-drawer-item-collapsed-icon-padding-y) var(--bs-navigation-drawer-item-collapsed-icon-padding-x);border-radius:var(--bs-navigation-drawer-item-radius)}:host([collapsed][selected]) .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-hover)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-pressed)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-focus)}:host([collapsed][selected]) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-hover)}:host([collapsed][selected]) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-pressed)}:host([collapsed][selected]) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-focus)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{color:var(--bs-navigation-drawer-item-color-hover)}.bs-navigation-drawer-item__label{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([collapsed]) .bs-navigation-drawer-item__label{flex:none;width:100%;text-align:center;font-size:var(--bs-navigation-drawer-item-collapsed-font-size);line-height:calc(var(--bs-navigation-drawer-item-collapsed-line-height) * 1px)}.bs-navigation-drawer-item__chevron{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:inherit;transition:transform var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer-item__chevron svg{width:16px;height:16px}.bs-navigation-drawer-item__chevron--expanded{transform:rotate(180deg)}.bs-navigation-drawer-item__children{display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-item-children-gap)}:host(:not([expanded])) .bs-navigation-drawer-item__children{display:none}:host([collapsed]) .bs-navigation-drawer-item__chevron,:host([collapsed]) .bs-navigation-drawer-item__children{display:none}`;
 
@@ -91,7 +91,7 @@ const BsNavigationDrawerItem = class {
         // incorrectly also toggle this parent row on every child click. Both are wrapped in a
         // `display: contents` container so render() still returns a single root node (this codebase's
         // convention, e.g. bs-input.tsx) without that wrapper affecting layout at all.
-        return (h("div", { key: '34d31ff7c612fa135b6dc14b757d66d4b00f99e4', class: "bs-navigation-drawer-item__root" }, h("button", { key: '08e244c8ada605dc7705df5b1d45ebce80165f3e', type: "button", part: "item", class: rowClasses, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-label": this.ariaLabel ?? undefined, onClick: this.onClick }, !this.nested && (h("span", { key: 'a6e09b5edb35ec8f76ed6d6a78ddd1eb141f87b6', part: "icon", class: `bs-navigation-drawer-item__icon ${this.hasIcon ? 'bs-navigation-drawer-item__icon--has-content' : ''}` }, h("slot", { key: '851289379dacae965639ed7963d800c8a92472c2', name: "icon", onSlotchange: this.onIconSlotchange }))), h("span", { key: '4b46c2ca6a5bf4d5e777ae72c9ea826ffcffea02', part: "label", class: "bs-navigation-drawer-item__label" }, h("slot", { key: 'df214a2bcea435a678c18d0f461d9011c767a995' })), this.expandable && (h("span", { key: 'd12e91043617e96567acd5497a53dd98c612c6af', part: "chevron", class: `bs-navigation-drawer-item__chevron ${this.expanded ? 'bs-navigation-drawer-item__chevron--expanded' : ''}` }, h(ChevronDownIcon, { key: 'c278774ae33cf86e7d1b3f70f4e99b8c7afc4d68' })))), this.expandable && (h("span", { key: '85081ed698d078b94225c7b984eaee1edfd22b49', part: "children", class: "bs-navigation-drawer-item__children" }, h("slot", { key: '85c22788467a67f18b9cca6018c179a28d06fa19', name: "children" })))));
+        return (h("div", { key: '51630ca979a030ee03a3c11352fd088621281bf9', class: "bs-navigation-drawer-item__root" }, h("button", { key: 'd1e7d4ce9986b0b109cf120654612f28d5419528', type: "button", part: "item", class: rowClasses, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-label": this.ariaLabel ?? undefined, onClick: this.onClick }, !this.nested && (h("span", { key: '76efeab68b534e27ee36ca785ab45409d076e773', part: "icon", class: `bs-navigation-drawer-item__icon ${this.hasIcon ? 'bs-navigation-drawer-item__icon--has-content' : ''}` }, h("slot", { key: 'a07c99f227906bcb65ddc8e7fc51899b61e7a530', name: "icon", onSlotchange: this.onIconSlotchange }))), h("span", { key: '0b05f0fa744bfd8f5462b028e2fba26508fe119b', part: "label", class: "bs-navigation-drawer-item__label" }, h("slot", { key: '702286fcffb4021fe048b5cd33b91ad41d335a3d' })), this.expandable && (h("span", { key: '3ce575babd8db5d37f25302e0979696b974f76ff', part: "chevron", class: `bs-navigation-drawer-item__chevron ${this.expanded ? 'bs-navigation-drawer-item__chevron--expanded' : ''}` }, h(ChevronDownIcon, { key: 'b5e915df678f8fc7468aa72d17b638d46c13d40e' })))), this.expandable && (h("span", { key: '2533a38344615f4edd4e6e704f2d23c327f8a990', part: "children", class: "bs-navigation-drawer-item__children" }, h("slot", { key: 'f1d717e3cb69aa6002ff5ba6ac4879d565ab59dd', name: "children" })))));
     }
 };
 // 16x16 native viewBox (not a 24x24 icon scaled down) -- authored directly at display size, per

package/dist/esm/bs-navigation-drawer.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-AgoOSYvW.js';
+import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-DqQRXQMx.js';
 
 const bsNavigationDrawerCss = () => `:host{display:block;--bs-navigation-drawer-bg:var(--bs-surface-base);--bs-navigation-drawer-border:var(--bs-border-neutral-container);--bs-navigation-drawer-padding-y:var(--bs-spacing-300);--bs-navigation-drawer-padding-left:var(--bs-spacing-300);--bs-navigation-drawer-padding-right:var(--bs-spacing-200);--bs-navigation-drawer-gap:var(--bs-spacing-300);--bs-navigation-drawer-width:280px;--bs-navigation-drawer-title-font-family:var(--bs-typography-font-family-heading);--bs-navigation-drawer-title-font-weight:var(--bs-font-weight-bold);--bs-navigation-drawer-title-font-size:var(--bs-font-size-md);--bs-navigation-drawer-title-line-height:var(--bs-line-height-heading-h6);--bs-navigation-drawer-title-color:var(--bs-text-default);--bs-navigation-drawer-collapse-size:48px;--bs-navigation-drawer-collapse-radius:var(--bs-border-radius-100);--bs-navigation-drawer-collapse-hover:var(--bs-color-neutral-container);--bs-navigation-drawer-collapse-pressed:var(--bs-color-neutral-container-pressed);--bs-navigation-drawer-collapse-icon:var(--bs-icon-default);--bs-navigation-drawer-items-gap:var(--bs-spacing-100);--bs-navigation-drawer-collapsed-width:96px;--bs-navigation-drawer-search-trigger-size:44px;--bs-navigation-drawer-search-trigger-bg:var(--bs-color-neutral-container);--bs-navigation-drawer-search-trigger-border:var(--bs-border-neutral-container);--bs-navigation-drawer-search-trigger-icon:var(--bs-icon-default);--bs-navigation-drawer-backdrop:var(--bs-surface-overlay-level-2);--bs-navigation-drawer-overlay-shadow:var(--bs-shadow-lg);--bs-navigation-drawer-overlay-z-index:var(--bs-z-index-modal);--bs-navigation-drawer-overlay-duration:var(--bs-duration-default)}.bs-navigation-drawer{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-gap);width:var(--bs-navigation-drawer-width);height:100%;background:var(--bs-navigation-drawer-bg);border-right:1px solid var(--bs-navigation-drawer-border);padding:var(--bs-navigation-drawer-padding-y) var(--bs-navigation-drawer-padding-right) var(--bs-navigation-drawer-padding-y)     var(--bs-navigation-drawer-padding-left);font-family:inherit;transition:width var(--bs-duration-fast) var(--bs-easing-standard),     padding var(--bs-duration-fast) var(--bs-easing-standard)}:host([collapsed]) .bs-navigation-drawer{width:var(--bs-navigation-drawer-collapsed-width);padding-left:0;padding-right:0;align-items:center}.bs-navigation-drawer__logo{flex-shrink:0;display:flex;align-items:center}.bs-navigation-drawer__logo--mark{display:none}:host([collapsed]) .bs-navigation-drawer__logo--full{display:none}:host([collapsed]) .bs-navigation-drawer__logo--mark{display:flex}.bs-navigation-drawer__title-row{flex-shrink:0;display:flex;align-items:center;gap:var(--bs-navigation-drawer-gap)}.bs-navigation-drawer__title{flex:1;min-width:0;font-family:var(--bs-navigation-drawer-title-font-family);font-weight:var(--bs-navigation-drawer-title-font-weight);font-size:var(--bs-navigation-drawer-title-font-size);line-height:calc(var(--bs-navigation-drawer-title-line-height) * 1px);color:var(--bs-navigation-drawer-title-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([collapsed]) .bs-navigation-drawer__title{display:none}.bs-navigation-drawer__collapse{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-navigation-drawer-collapse-size);height:var(--bs-navigation-drawer-collapse-size);border:none;border-radius:var(--bs-navigation-drawer-collapse-radius);padding:0;background:transparent;color:var(--bs-navigation-drawer-collapse-icon);cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer__collapse svg{width:24px;height:24px}.bs-navigation-drawer__collapse:hover{background:var(--bs-navigation-drawer-collapse-hover)}.bs-navigation-drawer__collapse:active{background:var(--bs-navigation-drawer-collapse-pressed)}.bs-navigation-drawer__collapse:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-navigation-drawer__search{flex-shrink:0;width:100%}:host([collapsed]) .bs-navigation-drawer__search{display:none}.bs-navigation-drawer__search-trigger{display:none;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-navigation-drawer-search-trigger-size);height:var(--bs-navigation-drawer-search-trigger-size);border:1px solid var(--bs-navigation-drawer-search-trigger-border);border-radius:var(--bs-navigation-drawer-collapse-radius);background:var(--bs-navigation-drawer-search-trigger-bg);color:var(--bs-navigation-drawer-search-trigger-icon);cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer__search-trigger svg{width:24px;height:24px}.bs-navigation-drawer__search-trigger:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}:host([collapsed]) .bs-navigation-drawer__search-trigger{display:inline-flex}.bs-navigation-drawer__items{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-items-gap);scrollbar-width:none}.bs-navigation-drawer__items::-webkit-scrollbar{display:none}.bs-navigation-drawer:focus{outline:none;}:host([data-overlay]) .bs-navigation-drawer{position:fixed;inset-block:0;inset-inline-start:0;z-index:calc(var(--bs-navigation-drawer-overlay-z-index) + 1);width:var(--bs-navigation-drawer-width);max-width:100vw;padding:var(--bs-navigation-drawer-padding-y) var(--bs-navigation-drawer-padding-right) var(--bs-navigation-drawer-padding-y)     var(--bs-navigation-drawer-padding-left);align-items:stretch;box-shadow:var(--bs-navigation-drawer-overlay-shadow);transform:translateX(-100%);visibility:hidden;transition:transform var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard),     visibility 0s linear var(--bs-navigation-drawer-overlay-duration)}:host([data-overlay]:dir(rtl)) .bs-navigation-drawer{transform:translateX(100%)}:host([data-overlay]) .bs-navigation-drawer.bs-navigation-drawer--open{transform:none;visibility:visible;transition:transform var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard),     visibility 0s}:host([data-overlay]) .bs-navigation-drawer__logo--full{display:flex}:host([data-overlay]) .bs-navigation-drawer__logo--mark{display:none}:host([data-overlay]) .bs-navigation-drawer__title{display:block}:host([data-overlay]) .bs-navigation-drawer__search{display:block}:host([data-overlay]) .bs-navigation-drawer__search-trigger,:host([data-overlay]) .bs-navigation-drawer__collapse{display:none}.bs-navigation-drawer__backdrop{position:fixed;inset:0;z-index:var(--bs-navigation-drawer-overlay-z-index);background:var(--bs-navigation-drawer-backdrop);opacity:0;visibility:hidden;transition:opacity var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard),     visibility 0s linear var(--bs-navigation-drawer-overlay-duration)}:host([open]) .bs-navigation-drawer__backdrop{opacity:1;visibility:visible;transition:opacity var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard),     visibility 0s}@media (prefers-reduced-motion: reduce){:host([data-overlay]) .bs-navigation-drawer,.bs-navigation-drawer__backdrop{transition:none}}@media (forced-colors: active){:host([data-overlay]) .bs-navigation-drawer{border:1px solid CanvasText}}`;
 
@@ -172,11 +172,11 @@ const BsNavigationDrawer = class {
     };
     render() {
         const classes = ['bs-navigation-drawer', this.mobile ? 'bs-navigation-drawer--overlay' : '', this.overlayOpen ? 'bs-navigation-drawer--open' : ''].filter(Boolean).join(' ');
-        return (h(Host, { key: '94c3fbfb2d9826979f2f90ec0c9571aadc484450', "data-overlay": this.mobile ? '' : undefined }, this.mobile && h("div", { key: 'cc8b62b02a561dfbb0a15918e4bbbf241919ea7d', part: "backdrop", class: "bs-navigation-drawer__backdrop", onClick: this.requestClose }), h("nav", { key: 'ad3e970438fca27636992cc434584bfae7888895', ref: el => (this.navRef = el), class: classes, "aria-label": this.heading,
+        return (h(Host, { key: '521147bfafef13a89a56f343cbe4b285fd006639', "data-overlay": this.mobile ? '' : undefined }, this.mobile && h("div", { key: 'cc9f73d195a4073d735c707fffafde33a2d19d3b', part: "backdrop", class: "bs-navigation-drawer__backdrop", onClick: this.requestClose }), h("nav", { key: '467266e407fe4106bc677b04e0b553374b8fbaeb', ref: el => (this.navRef = el), class: classes, "aria-label": this.heading,
             // Stays a plain <nav> landmark in every state: ARIA does not allow role="dialog" on <nav>
             // (axe: aria-allowed-role). Modality is behavioral -- focus is held inside, the page behind is
             // scrimmed, Escape closes -- rather than announced through aria-modal.
-            tabIndex: this.mobile ? -1 : undefined }, this.showLogo && (h("div", { key: '41552cc9bc1fd33081119b6b6a475e9a81281e97', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--full" }, h("bs-logo", { key: '96503cee7e467c535747171f46ab8b36f2d9262a', variant: "full", background: this.logoBackground }))), this.showLogo && (h("div", { key: '6b4e91b0296772ea492a2e12c1f81933be1af02b', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--mark" }, h("bs-logo", { key: '72c4cae8f25aebef923d2b346ee3a3224a1a4550', variant: "mark", background: this.logoBackground }))), h("div", { key: '2fde5f92e629d34321e0e0e6eaf776027614836a', class: "bs-navigation-drawer__title-row" }, h("span", { key: 'fde5717eeec30bbade48f574e44f9eec841bab36', part: "title", class: "bs-navigation-drawer__title" }, this.heading), this.collapsible && (h("button", { key: '59d514aec296c5b4eb459de259aa29d77a435ecf', 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: 'a992c1fcaa3e143ee9f1469958eeab12e03bce03' })))), h("div", { key: '1a74885abe2e50b3a6eccd7d4cacca4582dc5fa9', part: "search", class: "bs-navigation-drawer__search" }, h("slot", { key: 'ac98f9ca62a289e21fcbf0f005c6c0f7e02d9967', name: "search" })), h("button", { key: 'c7c50e5cf2c81ec8445a557505faf2ea40add094', type: "button", part: "search-trigger", class: "bs-navigation-drawer__search-trigger", "aria-label": "Search", onClick: this.onSearchTriggerClick }, h(SearchIcon, { key: '538bcfc474036d2c79fe821011490bf7cbd4d018' })), h("div", { key: '1a7aa824a99823b2d06309c5192a200afe378a7b', part: "items", class: "bs-navigation-drawer__items" }, h("slot", { key: '1a79d4f0e809b16a9d19efb06d36052c0539bba2' })))));
+            tabIndex: this.mobile ? -1 : undefined }, this.showLogo && (h("div", { key: '4ff34d1ac08f81a00332547c84cfdf6ed92b5b79', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--full" }, h("bs-logo", { key: '71705d5d76425fd296489f4dbe01beed4940ee47', variant: "full", background: this.logoBackground }))), this.showLogo && (h("div", { key: '563b51505b802c687256b71bdb573d19130f3f8c', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--mark" }, h("bs-logo", { key: 'd7a4e74152e8e1dcff9411f8328f546127499cee', variant: "mark", background: this.logoBackground }))), h("div", { key: '25e35b5ea15ca7b5a807a655c97a399b18bfced2', class: "bs-navigation-drawer__title-row" }, h("span", { key: '810858e4f00a7e734543cfd0502a0a2facdc7744', part: "title", class: "bs-navigation-drawer__title" }, this.heading), this.collapsible && (h("button", { key: '7d00c956e442aabe7578724bff8a29b98d96cb04', 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: 'a394a7cfa1fa4e68ab6bbaf06299bb46c891e251' })))), h("div", { key: '1a68784b97eb72c6bbfa597d244c9e6444960843', part: "search", class: "bs-navigation-drawer__search" }, h("slot", { key: '0712fdc0632d153d6adf9aaaa153d6cd2e2759d3', name: "search" })), h("button", { key: '92848c768f51ffc6b32d926ad9ae9ab722647531', type: "button", part: "search-trigger", class: "bs-navigation-drawer__search-trigger", "aria-label": "Search", onClick: this.onSearchTriggerClick }, h(SearchIcon, { key: '32c2d99598015b95e79d2a88d75c68bf5e41f4f0' })), h("div", { key: '0beae420879d2b3488134c4586509cce316072c9', part: "items", class: "bs-navigation-drawer__items" }, h("slot", { key: 'aa01f41986235a8d4cfe8d5b477fa77d584bc8d7' })))));
     }
     static get watchers() { return {
         "collapsed": [{

package/dist/esm/bs-navigation-header.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-AgoOSYvW.js';
+import { r as registerInstance, h } from './index-DqQRXQMx.js';
 
 const bsNavigationHeaderCss = () => `:host{display:block;--bs-navigation-header-bg:var(--bs-surface-base);--bs-navigation-header-border:var(--bs-border-default);--bs-navigation-header-padding-top:var(--bs-spacing-200);--bs-navigation-header-padding-bottom:var(--bs-spacing-100);--bs-navigation-header-padding-x:var(--bs-margin-fluid);--bs-navigation-header-max-width:none;--bs-navigation-header-item-gap:calc(var(--bs-navigation-header-gap) * 1px);--bs-navigation-header-slot-gap:var(--bs-spacing-100);--bs-navigation-header-skip-link-bg:var(--bs-surface-action);--bs-navigation-header-skip-link-color:var(--bs-text-inverse)}.bs-navigation-header{box-sizing:border-box;position:relative;display:flex;align-items:center;width:100%;max-width:var(--bs-navigation-header-max-width);background:var(--bs-navigation-header-bg);border-bottom:1px solid var(--bs-navigation-header-border);padding:var(--bs-navigation-header-padding-top) var(--bs-navigation-header-padding-x) var(--bs-navigation-header-padding-bottom)}.bs-navigation-header__skip-link{position:absolute;top:var(--bs-spacing-100);left:-9999px;z-index:1;padding:var(--bs-spacing-100) var(--bs-spacing-200);border-radius:var(--bs-border-radius-100);background:var(--bs-navigation-header-skip-link-bg);color:var(--bs-navigation-header-skip-link-color);font-size:var(--bs-font-size-sm);text-decoration:underline}.bs-navigation-header__skip-link:focus{left:var(--bs-navigation-header-padding-x)}.bs-navigation-header--default,.bs-navigation-header--with-navigation-drawer{gap:var(--bs-navigation-header-item-gap)}.bs-navigation-header__logo{flex-shrink:0;display:flex;align-items:center}.bs-navigation-header--center .bs-navigation-header__logo{flex:1 0 0;min-width:0}.bs-navigation-header__left{display:flex;align-items:center;gap:var(--bs-navigation-header-slot-gap);flex-shrink:0}.bs-navigation-header__right{display:flex;align-items:center;justify-content:flex-end;gap:var(--bs-navigation-header-slot-gap);flex:1 0 0;min-width:0}@media (max-width: 768px){.bs-navigation-header--default,.bs-navigation-header--with-navigation-drawer{flex-wrap:wrap;row-gap:var(--bs-navigation-header-slot-gap)}.bs-navigation-header--default .bs-navigation-header__left,.bs-navigation-header--with-navigation-drawer .bs-navigation-header__left{flex:1 1 0%;min-width:0}.bs-navigation-header--default .bs-navigation-header__right,.bs-navigation-header--with-navigation-drawer .bs-navigation-header__right{flex:0 0 auto;margin-inline-start:auto;justify-content:flex-end}}`;
 
@@ -34,7 +34,7 @@ const BsNavigationHeader = class {
     render() {
         const showLogo = this.alignment !== 'with-navigation-drawer';
         const rootClasses = `bs-navigation-header bs-navigation-header--${this.alignment}`;
-        return (h("header", { key: '0dc99abb8f2db96f0befe1b838a2db037636a75c', class: rootClasses, "aria-label": this.ariaLabel ?? undefined }, this.skipToContentHref && (h("a", { key: '1f906366d5398aa62d2485afdb1c9cf350354f05', part: "skip-link", class: "bs-navigation-header__skip-link", href: this.skipToContentHref }, this.skipToContentLabel)), showLogo && (h("bs-logo", { key: 'c735b4647acc92ff5b6725dc72bfbab421230a9c', part: "logo", class: "bs-navigation-header__logo", variant: "full", background: this.logoBackground })), h("div", { key: '845c1d60319daf2aa7aa57f0f8ba71e0f633598e', part: "left", class: "bs-navigation-header__left" }, h("slot", { key: '67436745b63a843e86a79163f927f2b563b6e2e4', name: "left" })), h("div", { key: '4c6d514d7cf238b5be8476f9fede7292b1dc1c10', part: "right", class: "bs-navigation-header__right" }, h("slot", { key: 'a6c12231c6cc728314fdfc076a48fd1ce0f79ede', name: "right" }))));
+        return (h("header", { key: 'b7a29c3e8054f042f4bd1dbff2996fca6984b92b', class: rootClasses, "aria-label": this.ariaLabel ?? undefined }, this.skipToContentHref && (h("a", { key: '4263bba29e89be550101524f1097eca84cd6d0ef', part: "skip-link", class: "bs-navigation-header__skip-link", href: this.skipToContentHref }, this.skipToContentLabel)), showLogo && (h("bs-logo", { key: '6db88ed8b8130937bdff2cdeb2e6b35ddd0611ae', part: "logo", class: "bs-navigation-header__logo", variant: "full", background: this.logoBackground })), h("div", { key: 'c8c545aed781a618b5ff2150a7e0d45fc51fe6dd', part: "left", class: "bs-navigation-header__left" }, h("slot", { key: 'f5fb1f9073a045187fffbba5be86aa3226c58a52', name: "left" })), h("div", { key: '697f49fb083e1164e5907f86650a7d3e3f30ea2e', part: "right", class: "bs-navigation-header__right" }, h("slot", { key: '736a8ada03c81180aa717b50f27db0685b9da511', name: "right" }))));
     }
 };
 BsNavigationHeader.style = bsNavigationHeaderCss();

package/dist/esm/bs-onboarding-checklist.entry.js

@@ -0,0 +1,159 @@
+import { h, r as registerInstance, c as createEvent } from './index-DqQRXQMx.js';
+
+const bsOnboardingChecklistCss = () => `:host{display:block;max-width:100%;--bs-onboarding-checklist-width:420px;--bs-onboarding-checklist-radius:var(--bs-border-radius-150);--bs-onboarding-checklist-padding:var(--bs-spacing-200);--bs-onboarding-checklist-gap:var(--bs-spacing-150);--bs-onboarding-checklist-shadow:0 2px 2px var(--bs-elevation-medium);--bs-onboarding-checklist-color:var(--bs-text-default);--bs-onboarding-checklist-color-secondary:var(--bs-text-secondary);--bs-onboarding-checklist-icon-color:var(--bs-icon-action);--bs-onboarding-checklist-accent:var(--bs-color-primary-default);--bs-onboarding-checklist-bar-fill:var(--bs-surface-action);--bs-onboarding-checklist-bar-track:var(--bs-surface-container);--bs-onboarding-checklist-border:var(--bs-border-default);--bs-onboarding-checklist-card-height:146px}:host([type='dashboard']){container-type:inline-size}:host([type='panel']){width:var(--bs-onboarding-checklist-width)}:host([type='launcher']){--bs-onboarding-checklist-width:260px;width:var(--bs-onboarding-checklist-width)}:host([type='launcher'][launcher-layout='ring']){width:fit-content}:host([type='launcher'][launcher-layout='inline']){--bs-onboarding-checklist-width:300px}:host([type='completion']){--bs-onboarding-checklist-width:380px;width:var(--bs-onboarding-checklist-width)}.bs-oc--panel,.bs-oc--completion{--bs-card-radius:var(--bs-onboarding-checklist-radius);--bs-card-padding:var(--bs-onboarding-checklist-padding);--bs-card-shadow:var(--bs-onboarding-checklist-shadow)}.bs-oc--dashboard{--bs-card-radius:var(--bs-onboarding-checklist-radius);--bs-card-padding:var(--bs-onboarding-checklist-padding) var(--bs-spacing-550) var(--bs-onboarding-checklist-padding) var(--bs-onboarding-checklist-padding);--bs-card-border-width:1px;--bs-card-border-color:var(--bs-onboarding-checklist-border);--bs-card-shadow:none;position:relative}.bs-oc--launcher{--bs-card-radius:var(--bs-border-radius-100);--bs-card-padding:var(--bs-spacing-150);--bs-card-shadow:var(--bs-onboarding-checklist-shadow)}.bs-oc{color:var(--bs-onboarding-checklist-color)}.bs-oc p,.bs-oc ol{margin:0}.bs-oc__glyph{width:16px;height:16px}.bs-oc__heading{margin:0;font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:32px}.bs-oc__description{color:var(--bs-onboarding-checklist-color-secondary);font-size:var(--bs-font-size-md);line-height:24px}.bs-oc__description--center{text-align:center}.bs-oc__spacer{flex:1 1 0}.bs-oc__sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bs-oc__progress{display:flex;flex-direction:column;gap:var(--bs-spacing-75);align-self:stretch}.bs-oc__progress-labels{display:flex;align-items:center;justify-content:space-between;font-size:var(--bs-font-size-sm);line-height:20px}.bs-oc__progress-text{font-weight:var(--bs-font-weight-medium)}.bs-oc__progress-percent{color:var(--bs-onboarding-checklist-color-secondary)}.bs-oc__bar{--bs-progress-linear-fill:var(--bs-onboarding-checklist-bar-fill);--bs-progress-linear-track:var(--bs-onboarding-checklist-bar-track)}.bs-oc__bar--success{--bs-progress-linear-fill:var(--bs-color-success-default)}.bs-oc__text-button{--bs-button-subtle-color:var(--bs-text-action)}.bs-oc__block{--bs-button-width:100%;--bs-button-height-md:var(--bs-spacing-550);--bs-button-height-lg:var(--bs-spacing-550)}.bs-oc__close{flex:none}.bs-oc__close svg{width:24px;height:24px}.bs-oc__panel{display:flex;flex-direction:column;gap:var(--bs-onboarding-checklist-gap)}.bs-oc__head{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-oc__steps{display:flex;flex-direction:column;gap:var(--bs-spacing-25);padding:0;list-style:none}.bs-oc__step{display:flex;align-items:center;gap:var(--bs-spacing-150);min-height:40px;padding:0 var(--bs-spacing-100);font-size:var(--bs-font-size-sm);line-height:20px}.bs-oc__step--done{color:var(--bs-onboarding-checklist-color-secondary)}.bs-oc__status{display:inline-flex;flex:none;width:24px;height:24px;color:var(--bs-onboarding-checklist-icon-color)}.bs-oc__status svg{width:24px;height:24px}.bs-oc__current{display:block}.bs-oc__current-card{--bs-card-radius:var(--bs-border-radius-100);--bs-card-padding:var(--bs-spacing-100);--bs-card-shadow:none}.bs-oc__current-body{display:flex;flex-direction:column;gap:var(--bs-spacing-100)}.bs-oc__current-head{display:flex;align-items:center;gap:var(--bs-spacing-150)}.bs-oc__current-label{font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-semibold);line-height:20px}.bs-oc__current-text{color:var(--bs-onboarding-checklist-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-oc__current-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-spacing-100)}.bs-oc__estimate{display:inline-flex;align-items:center;gap:var(--bs-spacing-50);color:var(--bs-onboarding-checklist-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px;white-space:nowrap}.bs-oc__clock{width:14px;height:14px}.bs-oc__current-actions{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-oc__current-actions bs-button{--bs-button-height-sm:var(--bs-spacing-400);--bs-button-padding-x-sm:var(--bs-spacing-150)}.bs-oc__dash{display:flex;align-items:center;gap:var(--bs-spacing-500)}.bs-oc--dashboard .bs-oc__close{position:absolute;top:-1px;inset-inline-end:-1px}.bs-oc__dash-summary{display:flex;flex-direction:column;align-items:flex-start;gap:var(--bs-onboarding-checklist-gap);flex:1 1 0;min-width:0}.bs-oc__dash-summary bs-progress-linear{align-self:stretch}.bs-oc__link{--bs-button-height-sm:var(--bs-spacing-400);--bs-button-padding-x-label-side:var(--bs-spacing-150);--bs-button-padding-x-icon-side:var(--bs-spacing-100)}.bs-oc__cards{display:flex;align-items:stretch;gap:var(--bs-spacing-100);padding:0;list-style:none}.bs-oc__card-item{display:flex}.bs-oc__step-card{--bs-card-radius:var(--bs-border-radius-100);--bs-card-padding:var(--bs-spacing-200);--bs-card-border-width:1px;--bs-card-border-color:var(--bs-onboarding-checklist-border);--bs-card-shadow:none;width:196px;height:var(--bs-onboarding-checklist-card-height)}.bs-oc__step-card--current{--bs-card-bg:var(--bs-surface-selected);--bs-card-border-color:var(--bs-border-primary)}.bs-oc__step-card-body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--bs-spacing-100)}.bs-oc__step-card-label{font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);line-height:20px}.bs-oc__step-card-caption{color:var(--bs-onboarding-checklist-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px}@container (max-width: 899px){.bs-oc__dash{flex-direction:column;align-items:stretch;gap:var(--bs-spacing-200)}.bs-oc__cards{flex-direction:column}.bs-oc__step-card{width:100%}}.bs-oc__launcher{display:flex;align-items:center;gap:var(--bs-spacing-150);width:100%;padding:0;border:none;background:transparent;color:inherit;font-family:inherit;text-align:start;cursor:pointer}.bs-oc__launcher:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:4px;border-radius:var(--bs-border-radius-100)}.bs-oc__launcher-copy{display:flex;flex-direction:column;gap:var(--bs-spacing-100);white-space:nowrap}.bs-oc--launcher-ring .bs-oc__launcher-copy{gap:0}.bs-oc__launcher-title{font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-bold);line-height:20px}.bs-oc__launcher-text{color:var(--bs-onboarding-checklist-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px}.bs-oc__launcher-copy--inline{flex:1 1 0;flex-direction:row;align-items:baseline;gap:var(--bs-spacing-50);min-width:0;overflow:hidden}.bs-oc__launcher-title--inline{font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-semibold)}.bs-oc__ring{flex:none}.bs-oc__chevron{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;color:var(--bs-icon-default)}.bs-oc__chevron svg{width:20px;height:20px}.bs-oc__completion{display:flex;flex-direction:column;align-items:center;gap:var(--bs-spacing-100)}.bs-oc__completion .bs-oc__glyph{width:24px;height:24px}`;
+
+const BsOnboardingChecklist = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.bsStepAction = createEvent(this, "bsStepAction");
+        this.bsStepSkip = createEvent(this, "bsStepSkip");
+        this.bsClose = createEvent(this, "bsClose");
+        this.bsOpen = createEvent(this, "bsOpen");
+        this.bsDone = createEvent(this, "bsDone");
+        this.bsHide = createEvent(this, "bsHide");
+    }
+    /** Which form: `panel`, `dashboard`, `launcher` or `completion`. */
+    type = 'panel';
+    /** Layout of the `launcher`: `icon` (tile, title, progress text), `ring` (circular progress, title,
+     * text) or `inline` (tile, title and text on one line, with a chevron). */
+    launcherLayout = 'icon';
+    /** The steps: `[{ id, label, description?, done?, estimate?, actionLabel?, skippable? }]`. The first step
+     * that isn't `done` is the current one. Must be set as a JS property, not an HTML attribute -- see
+     * CONVENTIONS.md's non-string props rule. */
+    steps = [];
+    /** Heading. Defaults per `type` ("Get started", "Finish setting up", "Setup", "You're all set"). */
+    heading;
+    /** Paragraph under the heading. Defaults to a summary of the progress for `dashboard`. Nothing for
+     * `launcher`. */
+    description;
+    /** HTML heading level, 1-6. */
+    headingLevel = 2;
+    /** Text under the launcher title. Defaults to "N% complete". */
+    progressText;
+    /** Shows a close button (`panel`, `dashboard`). */
+    closable = false;
+    /** Template of the progress label; `{done}` and `{total}` are replaced. */
+    progressLabel = '{done} of {total} done';
+    /** Label of "Skip for now" on the current step (`panel`). */
+    skipLabel = 'Skip for now';
+    /** Label of the Start link on the current step's card (`dashboard`). */
+    startLabel = 'Start';
+    /** Label of the link that opens the whole checklist (`dashboard`). */
+    seeAllLabel = 'See all steps';
+    /** Caption on the cards of steps that come after the current one (`dashboard`). */
+    afterLabel = 'After the step before';
+    /** Label of the main button (`completion`). */
+    doneLabel = 'Go to dashboard';
+    /** Label of the secondary button (`completion`). */
+    hideLabel = 'Hide checklist';
+    /** Accessible name of the close button. */
+    closeLabel = 'Close';
+    /** Visually hidden text on a finished step. */
+    statusDoneLabel = 'Done';
+    /** Visually hidden text on an unfinished step. */
+    statusTodoLabel = 'Not done';
+    /** Fires when a step's primary action is pressed (`panel` button, `dashboard` Start): `{ id }`. */
+    bsStepAction;
+    /** Fires when "Skip for now" is pressed on the current step (`panel`): `{ id }`. */
+    bsStepSkip;
+    /** Fires when the close button is pressed. */
+    bsClose;
+    /** Fires when the user asks to open the full checklist: "See all steps" (`dashboard`) or the launcher. */
+    bsOpen;
+    /** Fires when the main button is pressed (`completion`). */
+    bsDone;
+    /** Fires when Hide checklist is pressed (`completion`). */
+    bsHide;
+    // --- derived state -----------------------------------------------------------------------
+    get list() {
+        return this.steps ?? [];
+    }
+    get doneCount() {
+        return this.list.filter(s => s.done).length;
+    }
+    get percent() {
+        return this.list.length ? Math.round((this.doneCount / this.list.length) * 100) : 0;
+    }
+    get currentId() {
+        return this.list.find(s => !s.done)?.id;
+    }
+    fill(template) {
+        return template.replace('{done}', String(this.doneCount)).replace('{total}', String(this.list.length));
+    }
+    // --- pieces ------------------------------------------------------------------------------
+    renderHeading(text, cls = '') {
+        const level = Math.min(6, Math.max(1, Math.trunc(Number(this.headingLevel)) || 2));
+        return h(`h${level}`, { part: 'heading', id: 'heading', class: { 'bs-oc__heading': true, [cls]: !!cls } }, text);
+    }
+    renderClose() {
+        if (!this.closable)
+            return null;
+        return (h("bs-icon-button", { part: "close", class: "bs-oc__close", variant: "subtle", size: "md", ariaLabel: this.closeLabel, onClick: () => this.bsClose.emit() }, h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.8", "stroke-linecap": "round", "aria-hidden": "true" }, h("path", { d: "M6 6L18 18M18 6L6 18" }))));
+    }
+    renderProgress(color = 'primary') {
+        const text = this.fill(this.progressLabel);
+        return (h("div", { part: "progress", class: "bs-oc__progress" }, h("div", { class: "bs-oc__progress-labels" }, h("span", { class: "bs-oc__progress-text" }, text), h("span", { class: "bs-oc__progress-percent" }, this.percent, " %")), h("bs-progress-linear", { class: `bs-oc__bar bs-oc__bar--${color}`, type: "determinate", size: "large", value: this.percent, showLabel: false, ariaLabel: `${text}, ${this.percent} %` })));
+    }
+    renderStatus(done, current) {
+        return (h("span", { class: { 'bs-oc__status': true, 'bs-oc__status--done': done, 'bs-oc__status--current': current }, "aria-hidden": "true" }, h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("circle", { cx: "12", cy: "12", r: "9" }), done && h("path", { d: "M8 12.5L10.8 15.3L16 9.5" }))));
+    }
+    renderStepRow(s) {
+        const done = !!s.done;
+        return (h("li", { part: "step", class: { 'bs-oc__step': true, 'bs-oc__step--done': done } }, this.renderStatus(done, false), h("span", { class: "bs-oc__step-label" }, s.label), h("span", { class: "bs-oc__sr-only" }, done ? this.statusDoneLabel : this.statusTodoLabel)));
+    }
+    renderCurrentStep(s) {
+        return (h("li", { part: "step current", class: "bs-oc__current", "aria-current": "step" }, h("bs-card", { surface: "container", class: "bs-oc__current-card" }, h("div", { class: "bs-oc__current-body" }, h("div", { class: "bs-oc__current-head" }, this.renderStatus(false, true), h("span", { class: "bs-oc__current-label" }, s.label), h("span", { class: "bs-oc__sr-only" }, this.statusTodoLabel)), s.description && h("p", { class: "bs-oc__current-text" }, s.description), h("div", { class: "bs-oc__current-foot" }, s.estimate ? (h("span", { class: "bs-oc__estimate" }, h(ClockIcon, null), s.estimate)) : (h("span", null)), h("div", { class: "bs-oc__current-actions" }, s.skippable !== false && (h("bs-button", { part: "skip", class: "bs-oc__text-button", variant: "subtle", size: "sm", onClick: () => this.bsStepSkip.emit({ id: s.id }) }, this.skipLabel)), s.actionLabel && (h("bs-button", { part: "action", variant: "primary", size: "sm", onClick: () => this.bsStepAction.emit({ id: s.id }) }, s.actionLabel))))))));
+    }
+    renderPanel(d) {
+        const current = this.currentId;
+        return (h("bs-card", { part: "container", class: "bs-oc bs-oc--panel", surface: "base", role: "region", "aria-labelledby": "heading" }, h("div", { class: "bs-oc__panel" }, h("div", { class: "bs-oc__head" }, this.renderHeading(this.heading ?? d.heading), h("span", { class: "bs-oc__spacer" }), this.renderClose()), (this.description ?? d.description) && h("p", { part: "description", class: "bs-oc__description" }, this.description ?? d.description), this.renderProgress(), h("ol", { part: "steps", class: "bs-oc__steps" }, this.list.map(s => (s.id === current ? this.renderCurrentStep(s) : this.renderStepRow(s)))))));
+    }
+    renderDashboard(d) {
+        const remaining = this.list.filter(s => !s.done).slice(0, 3);
+        const left = this.list.filter(s => !s.done).length;
+        const summary = this.description ?? (left > 0 ? `${this.fill(this.progressLabel)}.` : '');
+        return (h("bs-card", { part: "container", class: "bs-oc bs-oc--dashboard", surface: "base", role: "region", "aria-labelledby": "heading" }, h("div", { class: "bs-oc__dash" }, this.renderClose(), h("div", { class: "bs-oc__dash-summary" }, h("bs-icon-tile", { part: "art", intent: "brand", size: "md" }, h("slot", { name: "icon" }, h(ChecklistIcon, null))), this.renderHeading(this.heading ?? d.heading), summary && h("p", { part: "description", class: "bs-oc__description" }, summary), h("bs-progress-linear", { class: "bs-oc__bar bs-oc__bar--primary", type: "determinate", size: "large", value: this.percent, showLabel: false, ariaLabel: `${this.fill(this.progressLabel)}, ${this.percent} %` }), h("bs-button", { part: "see-all", class: "bs-oc__text-button bs-oc__link", variant: "subtle", size: "sm", onClick: () => this.bsOpen.emit() }, this.seeAllLabel, h(ArrowIcon, { slot: "end-icon" }))), h("ol", { class: "bs-oc__cards" }, remaining.map((s, i) => {
+            const isCurrent = i === 0;
+            return (h("li", { part: isCurrent ? 'step current' : 'step', class: "bs-oc__card-item", "aria-current": isCurrent ? 'step' : undefined }, h("bs-card", { surface: "base", class: { 'bs-oc__step-card': true, 'bs-oc__step-card--current': isCurrent } }, h("div", { class: "bs-oc__step-card-body" }, h("bs-icon-tile", { part: "step-art", intent: isCurrent ? 'brand' : 'default', size: "md" }, h("slot", { name: `icon-${s.id}` }, h(ListIcon, null))), h("span", { class: "bs-oc__step-card-label" }, s.label), isCurrent ? (h("bs-button", { part: "action", class: "bs-oc__text-button bs-oc__link", variant: "subtle", size: "sm", onClick: () => this.bsStepAction.emit({ id: s.id }) }, this.startLabel, h(ArrowIcon, { slot: "end-icon" }))) : (h("span", { class: "bs-oc__step-card-caption" }, this.afterLabel))))));
+        })))));
+    }
+    renderLauncher(d) {
+        const title = this.heading ?? d.heading;
+        const text = this.progressText ?? `${this.percent}% complete`;
+        const layout = this.launcherLayout;
+        const copy = layout === 'inline' ? (h("span", { class: "bs-oc__launcher-copy bs-oc__launcher-copy--inline" }, h("span", { class: "bs-oc__launcher-title bs-oc__launcher-title--inline" }, title), h("span", { class: "bs-oc__launcher-text" }, text))) : (h("span", { class: "bs-oc__launcher-copy" }, h("span", { class: "bs-oc__launcher-title" }, title), h("span", { class: "bs-oc__launcher-text" }, text)));
+        return (h("bs-card", { part: "container", class: `bs-oc bs-oc--launcher bs-oc--launcher-${layout}`, surface: "base" }, h("button", { part: "launcher", type: "button", class: "bs-oc__launcher", onClick: () => this.bsOpen.emit() }, layout === 'ring' && h("bs-progress", { class: "bs-oc__ring", type: "determinate", size: "small", value: this.percent, showLabel: false, ariaLabel: text }), layout === 'icon' && (h("bs-icon-tile", { part: "art", intent: "brand", size: "md" }, h("slot", { name: "icon" }, h(BankIcon, null)))), layout === 'inline' && (h("bs-icon-tile", { part: "art", intent: this.percent >= 100 ? 'success' : 'brand', size: "md" }, h("slot", { name: "icon" }, h(CheckIcon, null)))), copy, layout === 'inline' && (h("span", { class: "bs-oc__chevron", "aria-hidden": "true" }, h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { d: "M9 6L15 12L9 18" })))))));
+    }
+    renderCompletion(d) {
+        return (h("bs-card", { part: "container", class: "bs-oc bs-oc--completion", surface: "base", role: "region", "aria-labelledby": "heading" }, h("div", { class: "bs-oc__completion" }, h("bs-icon-tile", { part: "art", intent: "success", size: "lg" }, h("slot", { name: "icon" }, h(CheckIcon, null))), this.renderHeading(this.heading ?? d.heading), (this.description ?? d.description) && h("p", { part: "description", class: "bs-oc__description bs-oc__description--center" }, this.description ?? d.description), this.renderProgress('success'), h("bs-button", { part: "primary", class: "bs-oc__block", variant: "primary", onClick: () => this.bsDone.emit() }, this.doneLabel), h("bs-button", { part: "secondary", class: "bs-oc__block bs-oc__text-button", variant: "subtle", size: "lg", onClick: () => this.bsHide.emit() }, this.hideLabel))));
+    }
+    render() {
+        const d = DEFAULTS[this.type] ?? DEFAULTS.panel;
+        switch (this.type) {
+            case 'dashboard':
+                return this.renderDashboard(d);
+            case 'launcher':
+                return this.renderLauncher(d);
+            case 'completion':
+                return this.renderCompletion(d);
+            default:
+                return this.renderPanel(d);
+        }
+    }
+};
+const DEFAULTS = {
+    panel: { heading: 'Get started', description: 'Set up your account in a few minutes. You can come back to this at any time.' },
+    dashboard: { heading: 'Finish setting up', description: '' },
+    launcher: { heading: 'Setup', description: '' },
+    completion: { heading: 'You’re all set', description: 'Everything is ready.' },
+};
+const icon = (children) => (props) => (h("svg", { class: "bs-oc__glyph", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.8", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true", ...props }, children));
+const ChecklistIcon = icon(h("g", null, h("path", { d: "M4 7L6 9L9 5.5" }), h("path", { d: "M4 16L6 18L9 14.5" }), h("path", { d: "M12.5 7H20" }), h("path", { d: "M12.5 16H20" })));
+const ListIcon = icon(h("g", null, h("path", { d: "M8 6H20" }), h("path", { d: "M8 12H20" }), h("path", { d: "M8 18H20" }), h("path", { d: "M4 6V6.01" }), h("path", { d: "M4 12V12.01" }), h("path", { d: "M4 18V18.01" })));
+const BankIcon = icon(h("g", null, h("path", { d: "M3.5 9.5L12 4L20.5 9.5" }), h("path", { d: "M5 10V17" }), h("path", { d: "M9.5 10V17" }), h("path", { d: "M14.5 10V17" }), h("path", { d: "M19 10V17" }), h("path", { d: "M3.5 19.5H20.5" })));
+const CheckIcon = icon(h("g", null, h("circle", { cx: "12", cy: "12", r: "9" }), h("path", { d: "M8 12.5L10.8 15.3L16 9.5" })));
+const ArrowIcon = icon(h("g", null, h("path", { d: "M5 12H19" }), h("path", { d: "M13 6L19 12L13 18" })));
+const ClockIcon = () => (h("svg", { class: "bs-oc__clock", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("circle", { cx: "12", cy: "12", r: "9" }), h("path", { d: "M12 7V12L15 14" })));
+BsOnboardingChecklist.style = bsOnboardingChecklistCss();
+
+export { BsOnboardingChecklist as bs_onboarding_checklist };

package/dist/esm/bs-pagination.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-AgoOSYvW.js';
+import { r as registerInstance, c as createEvent, h } from './index-DqQRXQMx.js';
 
 const bsPaginationCss = () => `:host{display:inline-block;--bs-pagination-gap:var(--bs-spacing-50);--bs-pagination-size:var(--bs-spacing-550);--bs-pagination-radius:var(--bs-border-radius-100);--bs-pagination-font-size:var(--bs-font-size-md);--bs-pagination-line-height:var(--bs-line-height-body-md);--bs-pagination-color:var(--bs-text-secondary);--bs-pagination-color-disabled:var(--bs-icon-disabled);--bs-pagination-hover:var(--bs-color-neutral-container-hover);--bs-pagination-pressed:var(--bs-color-neutral-container-pressed);--bs-pagination-current-bg:var(--bs-color-primary-default);--bs-pagination-current-bg-hover:var(--bs-color-primary-hover);--bs-pagination-current-bg-pressed:var(--bs-color-primary-pressed);--bs-pagination-current-color:var(--bs-text-on-action);--bs-pagination-focus-ring-color:var(--bs-border-neutral-focus)}.bs-pagination__list{display:flex;align-items:center;flex-wrap:wrap;margin:0;padding:0;list-style:none;gap:var(--bs-pagination-gap);font-family:inherit}.bs-pagination__item{display:flex}.bs-pagination__control{display:flex;align-items:center;justify-content:center;width:var(--bs-pagination-size);height:var(--bs-pagination-size);padding:0;border:none;border-radius:var(--bs-pagination-radius);background:transparent;color:var(--bs-pagination-color);font-family:inherit;font-size:var(--bs-pagination-font-size);line-height:calc(var(--bs-pagination-line-height) * 1px);cursor:pointer}.bs-pagination__control svg{width:24px;height:24px}.bs-pagination__control:disabled{color:var(--bs-pagination-color-disabled);cursor:not-allowed}.bs-pagination__page:not(:disabled):hover{background:var(--bs-pagination-hover)}.bs-pagination__page:not(:disabled):active{background:var(--bs-pagination-pressed)}.bs-pagination__control:focus-visible{outline:2px solid var(--bs-pagination-focus-ring-color);outline-offset:2px}.bs-pagination__page--current{background:var(--bs-pagination-current-bg);color:var(--bs-pagination-current-color)}.bs-pagination__page--current:hover{background:var(--bs-pagination-current-bg-hover)}.bs-pagination__page--current:active{background:var(--bs-pagination-current-bg-pressed)}.bs-pagination__ellipsis{display:flex;align-items:center;justify-content:center;width:var(--bs-pagination-size);height:var(--bs-pagination-size);color:var(--bs-pagination-color)}.bs-pagination__ellipsis svg{width:24px;height:24px}`;
 
@@ -68,7 +68,7 @@ const BsPagination = class {
     }
     render() {
         const pageList = this.getPageList();
-        return (h("nav", { key: 'f5f1e20a72ffc81ca14b05ad735e3ca714069ed3', "aria-label": "Pagination" }, h("ul", { key: '416ef86fe6aca589869e529d1248cbca7ad254ac', part: "list", class: "bs-pagination__list" }, h("li", { key: 'c550eada1eb765db7734e0971f4a2222ad1488e8', part: "item", class: "bs-pagination__item" }, h("button", { key: '8a88280dc813abe71ba3315048ca8931ef2b20cf', 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: 'ea30181c70ff4c7c39852cb978b4cc9307bfa736' }))), 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: '1c587333c1795e4b189c793b442c03e75937ab11', part: "item", class: "bs-pagination__item" }, h("button", { key: '707144112eb882431b9d6ad43f7557be32d08e78', 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: '5c94c76cbda7938da625f326ea2ef7ddadce3929' }))))));
+        return (h("nav", { key: 'd0fec9b9d17ddc5b338ed77c4e97a7006d7e665e', "aria-label": "Pagination" }, h("ul", { key: '82fff342952ea13a84f97e549039edd18a8b6626', part: "list", class: "bs-pagination__list" }, h("li", { key: '124c33b04fe0dcdef83f8ff9c4d539518c7557d7', part: "item", class: "bs-pagination__item" }, h("button", { key: '4d702cb7cdeb7df86c4844b313943cf8d8c607d5', 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: '6c747a6bcdf0a9a4a2dfb8260ff85ad95eb1acdf' }))), 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: '987698c1f798053e6f9e7ac63373c04e68868d0f', part: "item", class: "bs-pagination__item" }, h("button", { key: '95220bdb47507697a0742dbfad4fa0d37d7b4d55', 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: 'd6bdac44109e11fa11c2f7d32ed732c5364e6513' }))))));
     }
 };
 function range(start, end) {