@brandsync/wc 1.19.0 → 1.20.1

package/dist/cjs/bs-toggle-button-group.cjs.entry.js

@@ -0,0 +1,108 @@
+'use strict';
+
+var index = require('./index-BFxk-bY6.js');
+
+const bsToggleButtonGroupCss = () => `:host{display:inline-block;--bs-toggle-button-group-radius:var(--bs-border-radius-100)}.bs-toggle-button-group{display:inline-flex}::slotted(bs-toggle-button){--bs-toggle-button-radius:0}::slotted(bs-toggle-button:not(:first-child)){margin-inline-start:calc(-1 * var(--bs-toggle-button-border-width, 1px))}::slotted(bs-toggle-button:first-child){--bs-toggle-button-radius:var(--bs-toggle-button-group-radius) 0 0 var(--bs-toggle-button-group-radius)}::slotted(bs-toggle-button:last-child){--bs-toggle-button-radius:0 var(--bs-toggle-button-group-radius) var(--bs-toggle-button-group-radius) 0}::slotted(bs-toggle-button:first-child:last-child){--bs-toggle-button-radius:var(--bs-toggle-button-group-radius)}:host(:dir(rtl)) ::slotted(bs-toggle-button:first-child:not(:last-child)){--bs-toggle-button-radius:0 var(--bs-toggle-button-group-radius) var(--bs-toggle-button-group-radius) 0}:host(:dir(rtl)) ::slotted(bs-toggle-button:last-child:not(:first-child)){--bs-toggle-button-radius:var(--bs-toggle-button-group-radius) 0 0 var(--bs-toggle-button-group-radius)}`;
+
+const BsToggleButtonGroup = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bsChange = index.createEvent(this, "bsChange");
+    }
+    get el() { return index.getElement(this); }
+    /** Selected segment `value` (single choice). */
+    value;
+    /** Selected segment values (multiple choice). Set as a JS property. */
+    values = [];
+    /** Allow several pressed segments. */
+    multiple = false;
+    /** Disables every segment. */
+    disabled = false;
+    /** Accessible name of the group. Required. */
+    ariaLabel = null;
+    /** Emitted when the user changes the selection: the new `value` (single) or `values` (multiple). */
+    bsChange;
+    sync() {
+        const segs = this.segments();
+        const first = segs.find(s => !s.disabled && !this.disabled);
+        const pressedEnabled = segs.find(s => s.pressed && !s.disabled && !this.disabled);
+        segs.forEach(s => {
+            s.mode = this.multiple ? 'toggle' : 'radio';
+            s.pressed = this.multiple ? this.values.includes(s.value) : s.value === this.value;
+            if (this.disabled)
+                s.disabled = true;
+            s.tabbable = (this.multiple ? first : pressedEnabled || first) === s;
+        });
+    }
+    componentDidLoad() {
+        this.sync();
+    }
+    segments() {
+        return Array.from(this.el.querySelectorAll('bs-toggle-button'));
+    }
+    enabled() {
+        return this.segments().filter(s => !s.disabled);
+    }
+    onSegmentChange(ev) {
+        const seg = ev.target;
+        if (seg === this.el || !seg.matches?.('bs-toggle-button'))
+            return;
+        // Replace the segment's own event with the group's.
+        ev.stopImmediatePropagation();
+        if (this.multiple) {
+            this.values = seg.pressed ? [...this.values.filter(v => v !== seg.value), seg.value] : this.values.filter(v => v !== seg.value);
+            this.bsChange.emit(this.values);
+        }
+        else {
+            this.value = seg.value;
+            this.bsChange.emit(this.value);
+        }
+    }
+    onKeyDown(ev) {
+        const keys = ['ArrowRight', 'ArrowDown', 'ArrowLeft', 'ArrowUp', 'Home', 'End'];
+        if (!keys.includes(ev.key))
+            return;
+        const items = this.enabled();
+        if (items.length === 0)
+            return;
+        const rtl = getComputedStyle(this.el).direction === 'rtl';
+        const cur = items.findIndex(i => i === ev.target || i.contains(ev.target));
+        let next;
+        if (ev.key === 'Home')
+            next = 0;
+        else if (ev.key === 'End')
+            next = items.length - 1;
+        else {
+            const fwd = ev.key === 'ArrowDown' || ev.key === (rtl ? 'ArrowLeft' : 'ArrowRight');
+            next = cur === -1 ? 0 : (cur + (fwd ? 1 : -1) + items.length) % items.length;
+        }
+        ev.preventDefault();
+        const target = items[next];
+        // Roving: only the focused segment stays tabbable.
+        this.segments().forEach(s => (s.tabbable = s === target));
+        const btn = target.shadowRoot?.querySelector('button');
+        btn?.focus();
+        if (!this.multiple)
+            btn?.click();
+    }
+    render() {
+        return (index.h("div", { key: '905bc6d78ea98ca06ad49d2835daa8cbde5dfe9c', part: "group", class: "bs-toggle-button-group", role: this.multiple ? 'group' : 'radiogroup', "aria-label": this.ariaLabel, "aria-disabled": this.disabled ? 'true' : undefined }, index.h("slot", { key: 'f06398e10058a9f3ece77bf95a3922fb80f31a0a', onSlotchange: () => this.sync() })));
+    }
+    static get watchers() { return {
+        "value": [{
+                "sync": 0
+            }],
+        "values": [{
+                "sync": 0
+            }],
+        "multiple": [{
+                "sync": 0
+            }],
+        "disabled": [{
+                "sync": 0
+            }]
+    }; }
+};
+BsToggleButtonGroup.style = bsToggleButtonGroupCss();
+
+exports.bs_toggle_button_group = BsToggleButtonGroup;

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

@@ -0,0 +1,57 @@
+'use strict';
+
+var index = require('./index-BFxk-bY6.js');
+
+const bsToggleButtonCss = () => `:host{display:inline-block;position:relative;--bs-toggle-button-height:var(--bs-spacing-550);--bs-toggle-button-padding-x:var(--bs-spacing-200);--bs-toggle-button-gap:var(--bs-spacing-100);--bs-toggle-button-radius:var(--bs-border-radius-100);--bs-toggle-button-border-width:var(--bs-border-width-thin);--bs-toggle-button-border:var(--bs-border-neutral-container);--bs-toggle-button-border-pressed:var(--bs-border-primary);--bs-toggle-button-bg:var(--bs-surface-base);--bs-toggle-button-bg-hover:var(--bs-color-neutral-container-hover);--bs-toggle-button-bg-pressed:var(--bs-color-primary-container);--bs-toggle-button-bg-pressed-hover:var(--bs-color-primary-container-hover);--bs-toggle-button-bg-disabled:var(--bs-surface-action-disabled);--bs-toggle-button-color:var(--bs-text-default);--bs-toggle-button-color-pressed:var(--bs-text-action);--bs-toggle-button-color-disabled:var(--bs-text-on-disabled);--bs-toggle-button-focus-ring-color:var(--bs-border-neutral-focus)}:host(:hover),:host(:focus-within){z-index:1}.bs-toggle-button{box-sizing:border-box;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:var(--bs-toggle-button-gap);height:var(--bs-toggle-button-height);min-width:var(--bs-toggle-button-height);padding:0 var(--bs-toggle-button-padding-x);border:var(--bs-toggle-button-border-width) solid var(--bs-toggle-button-border);border-radius:var(--bs-toggle-button-radius);background:var(--bs-toggle-button-bg);color:var(--bs-toggle-button-color);font-family:inherit;font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-medium);cursor:pointer}.bs-toggle-button--icon-only{padding:0}.bs-toggle-button:hover:not(:disabled){background:var(--bs-toggle-button-bg-hover)}.bs-toggle-button--pressed{background:var(--bs-toggle-button-bg-pressed);border-color:var(--bs-toggle-button-border-pressed);color:var(--bs-toggle-button-color-pressed)}.bs-toggle-button--pressed:hover:not(:disabled){background:var(--bs-toggle-button-bg-pressed-hover)}.bs-toggle-button:focus-visible{outline:2px solid var(--bs-toggle-button-focus-ring-color);outline-offset:2px}.bs-toggle-button:disabled{background:var(--bs-toggle-button-bg-disabled);color:var(--bs-toggle-button-color-disabled);cursor:not-allowed}.bs-toggle-button__icon{display:none;width:var(--bs-spacing-300);height:var(--bs-spacing-300)}.bs-toggle-button__icon ::slotted(*){display:block;width:100%;height:100%}.bs-toggle-button__icon--has-content{display:inline-flex}.bs-toggle-button__label{display:inline-flex}.bs-toggle-button--icon-only .bs-toggle-button__label{display:none}@media (forced-colors: active){.bs-toggle-button{border-color:ButtonText}.bs-toggle-button--pressed{background:Highlight;color:HighlightText}.bs-toggle-button:disabled{border-color:GrayText;color:GrayText}}`;
+
+const BsToggleButton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bsChange = index.createEvent(this, "bsChange");
+    }
+    get el() { return index.getElement(this); }
+    /** Identifies the segment inside a group's `value`/`values`. */
+    value;
+    /** Whether the button is pressed/selected. */
+    pressed = false;
+    /** Disables the button. */
+    disabled = false;
+    /** Semantics. Normally set by the parent group. */
+    mode = 'toggle';
+    /** Roving tabindex, set by the parent group (`false` = `tabindex="-1"`). Standalone: always tabbable. */
+    tabbable = true;
+    /** Accessible name; required for an icon-only button. */
+    ariaLabel = null;
+    /** Emitted on user interaction with the new `pressed` value. A radio-mode button that is already
+     * pressed does not emit. Bubbles, so a group can coordinate its segments. */
+    bsChange;
+    hasLabel = false;
+    hasIcon = false;
+    onIconSlotchange = (ev) => {
+        this.hasIcon = ev.target.assignedNodes().length > 0;
+    };
+    onLabelSlotchange = (ev) => {
+        this.hasLabel = ev.target.assignedNodes().some(n => n.nodeType === 1 || !!n.textContent?.trim());
+    };
+    onClick = () => {
+        if (this.disabled)
+            return;
+        if (this.mode === 'radio') {
+            if (this.pressed)
+                return;
+            this.pressed = true;
+        }
+        else {
+            this.pressed = !this.pressed;
+        }
+        this.bsChange.emit(this.pressed);
+    };
+    render() {
+        const radio = this.mode === 'radio';
+        return (index.h("button", { key: 'ec490445b357966720ae68f8f1e748d650b4028f', type: "button", part: "button", class: `bs-toggle-button ${this.pressed ? 'bs-toggle-button--pressed' : ''} ${this.hasLabel ? '' : 'bs-toggle-button--icon-only'}`, role: radio ? 'radio' : undefined, "aria-pressed": radio ? undefined : String(this.pressed), "aria-checked": radio ? String(this.pressed) : undefined, "aria-label": this.ariaLabel, disabled: this.disabled, tabindex: this.tabbable ? undefined : -1, onClick: this.onClick }, index.h("bs-ripple", { key: 'd774dd4ba709a7056a66148ce10a530198a6880b', part: "ripple", centered: false, disabled: this.disabled }), index.h("span", { key: '2379755618752fedb3c877a10513f2c62f8cbb9c', part: "icon", class: `bs-toggle-button__icon ${this.hasIcon ? 'bs-toggle-button__icon--has-content' : ''}` }, index.h("slot", { key: '15ad567b32ede0f8aa8bc00f3aebf232044cb2fb', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: 'd103bd76433e1aa4876380b6fb24061fb37b1643', part: "label", class: "bs-toggle-button__label" }, index.h("slot", { key: '83257a1e5543cc7e3ce490a52617c7d599605cec', onSlotchange: this.onLabelSlotchange }))));
+    }
+    static get delegatesFocus() { return true; }
+};
+BsToggleButton.style = bsToggleButtonCss();
+
+exports.bs_toggle_button = BsToggleButton;

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

@@ -0,0 +1,195 @@
+'use strict';
+
+var index = require('./index-BFxk-bY6.js');
+
+const bsToolbarCss = () => `:host{display:block;--bs-toolbar-bg:var(--bs-surface-base);--bs-toolbar-padding:var(--bs-spacing-100);--bs-toolbar-gap:var(--bs-spacing-100);--bs-toolbar-radius:var(--bs-border-radius-100);--bs-toolbar-border-width:0px;--bs-toolbar-border-color:var(--bs-border-default)}:host([orientation='vertical']){display:inline-block}.bs-toolbar{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-toolbar-gap);width:100%;min-width:0;padding:var(--bs-toolbar-padding);border:var(--bs-toolbar-border-width) solid var(--bs-toolbar-border-color);border-radius:var(--bs-toolbar-radius);background:var(--bs-toolbar-bg);color:var(--bs-text-default);font-family:inherit}.bs-toolbar--vertical{flex-direction:column;align-items:stretch;width:auto}.bs-toolbar__group{display:flex;align-items:center;gap:var(--bs-toolbar-gap);flex-shrink:0}.bs-toolbar--vertical .bs-toolbar__group{flex-direction:column;align-items:stretch}.bs-toolbar__group--right{margin-inline-start:auto}.bs-toolbar--vertical .bs-toolbar__group--right{margin-inline-start:0;margin-block-start:auto}::slotted([data-bs-toolbar-overflowed]){display:none !important}.bs-toolbar__overflow{flex-shrink:0}.bs-toolbar__overflow[hidden]{display:none}@media (forced-colors: active){.bs-toolbar{border:1px solid CanvasText}}`;
+
+const OVERFLOW_ATTR = 'data-bs-toolbar-overflowed';
+const BsToolbar = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    get el() { return index.getElement(this); }
+    /** Accessible name of the toolbar (`aria-label`). Required for a good experience, and essential
+     * when a page has more than one toolbar -- say what it controls ("Text formatting"). */
+    label;
+    /** Direction of the bar. Sets `aria-orientation`, switches which arrow keys navigate, and sets the
+     * orientation of slotted `bs-divider`s to the perpendicular one. */
+    orientation = 'horizontal';
+    /** Collapse controls that do not fit into a "more" menu (see Overflow in the description).
+     * Horizontal toolbars only; ignored when `orientation="vertical"`. */
+    overflow = false;
+    /** Accessible name and tooltip of the overflow button. */
+    overflowLabel = 'More actions';
+    overflowed = [];
+    activeEl;
+    resizeObserver;
+    containerEl;
+    triggerEl;
+    popoverEl;
+    componentDidLoad() {
+        this.syncItems();
+        this.observe();
+    }
+    disconnectedCallback() {
+        this.resizeObserver?.disconnect();
+        this.resizeObserver = undefined;
+    }
+    connectedCallback() {
+        // Re-attached after a disconnect (componentDidLoad only runs once).
+        if (this.containerEl)
+            this.observe();
+    }
+    onConfigChange() {
+        this.syncItems();
+        this.observe();
+    }
+    observe() {
+        this.resizeObserver?.disconnect();
+        this.resizeObserver = undefined;
+        if (!this.overflowActive() || typeof ResizeObserver === 'undefined' || !this.containerEl)
+            return;
+        this.resizeObserver = new ResizeObserver(() => this.syncItems());
+        this.resizeObserver.observe(this.containerEl);
+    }
+    overflowActive() {
+        return this.overflow && this.orientation === 'horizontal';
+    }
+    /** Every direct child of the two groups, in visual order (left group, then right group). */
+    children() {
+        const slots = Array.from(this.el.shadowRoot?.querySelectorAll('slot') ?? []);
+        return slots.flatMap(s => s.assignedElements({ flatten: true }));
+    }
+    isDivider(el) {
+        return el.tagName === 'BS-DIVIDER';
+    }
+    /** Controls that arrow keys can land on: not separators, not disabled, not collapsed into the menu. */
+    navigable() {
+        const items = this.children().filter(c => !this.isDivider(c) && !c.disabled && c.getAttribute('aria-disabled') !== 'true' && !c.hasAttribute(OVERFLOW_ATTR) && !c.hidden);
+        if (this.triggerEl && this.overflowed.length > 0)
+            items.push(this.triggerEl);
+        return items;
+    }
+    labelOf(el) {
+        return (el.dataset.label || el.getAttribute('aria-label') || el.textContent?.trim() || el.getAttribute('title') || '').trim();
+    }
+    /** Single pass: perpendicular dividers, overflow partitioning, roving tabindex. */
+    syncItems = () => {
+        const perpendicular = this.orientation === 'horizontal' ? 'vertical' : 'horizontal';
+        this.children().forEach(c => {
+            if (this.isDivider(c))
+                c.orientation = perpendicular;
+        });
+        this.updateOverflow();
+        this.syncRoving();
+    };
+    updateOverflow() {
+        const items = this.children();
+        items.forEach(c => c.removeAttribute(OVERFLOW_ATTR));
+        if (!this.overflowActive() || !this.containerEl) {
+            if (this.overflowed.length)
+                this.overflowed = [];
+            return;
+        }
+        const container = this.containerEl;
+        // Reserve room for the "more" button while measuring.
+        if (this.popoverEl)
+            this.popoverEl.hidden = false;
+        const collapsed = [];
+        for (let i = items.length - 1; i >= 0 && container.scrollWidth > container.clientWidth + 0.5; i--) {
+            items[i].setAttribute(OVERFLOW_ATTR, '');
+            if (!this.isDivider(items[i]))
+                collapsed.unshift(items[i]);
+        }
+        // Do not leave a separator dangling at the end of what is still visible.
+        for (let i = items.length - 1; i >= 0; i--) {
+            if (items[i].hasAttribute(OVERFLOW_ATTR))
+                continue;
+            if (this.isDivider(items[i]) && collapsed.length)
+                items[i].setAttribute(OVERFLOW_ATTR, '');
+            else
+                break;
+        }
+        if (this.popoverEl)
+            this.popoverEl.hidden = collapsed.length === 0;
+        const next = collapsed.map(el => ({ el, label: this.labelOf(el) }));
+        const same = next.length === this.overflowed.length && next.every((n, i) => n.el === this.overflowed[i].el && n.label === this.overflowed[i].label);
+        if (!same)
+            this.overflowed = next;
+    }
+    /** Roving tabindex: exactly one control is in the tab order. */
+    syncRoving() {
+        const nav = this.navigable();
+        const all = [...this.children().filter(c => !this.isDivider(c)), ...(this.triggerEl ? [this.triggerEl] : [])];
+        if (!this.activeEl || !nav.includes(this.activeEl))
+            this.activeEl = nav[0];
+        all.forEach(c => c.setAttribute('tabindex', c === this.activeEl ? '0' : '-1'));
+    }
+    componentDidRender() {
+        // The trigger/popover only exist after a render; re-sync tabindex for them.
+        this.syncRoving();
+    }
+    onFocusIn(ev) {
+        const path = ev.composedPath();
+        const hit = this.navigable().find(c => path.includes(c));
+        if (hit && hit !== this.activeEl) {
+            this.activeEl = hit;
+            this.syncRoving();
+        }
+    }
+    onKeyDown(ev) {
+        const vertical = this.orientation === 'vertical';
+        const rtl = getComputedStyle(this.el).direction === 'rtl';
+        const prevKey = vertical ? 'ArrowUp' : rtl ? 'ArrowRight' : 'ArrowLeft';
+        const nextKey = vertical ? 'ArrowDown' : rtl ? 'ArrowLeft' : 'ArrowRight';
+        if (![prevKey, nextKey, 'Home', 'End'].includes(ev.key))
+            return;
+        // An open overflow menu uses its own arrow keys.
+        if (this.popoverEl?.open)
+            return;
+        const nav = this.navigable();
+        const path = ev.composedPath();
+        const current = nav.findIndex(c => path.includes(c));
+        if (current === -1)
+            return;
+        // Controls that use the arrow keys themselves (text fields, selects) keep them.
+        const origin = path[0];
+        if (origin?.matches?.('input:not([type="button"]):not([type="checkbox"]):not([type="radio"]), textarea, select') && ev.key !== 'Home' && ev.key !== 'End')
+            return;
+        ev.preventDefault();
+        let next = current;
+        if (ev.key === nextKey)
+            next = (current + 1) % nav.length;
+        else if (ev.key === prevKey)
+            next = (current - 1 + nav.length) % nav.length;
+        else if (ev.key === 'Home')
+            next = 0;
+        else
+            next = nav.length - 1;
+        this.activeEl = nav[next];
+        this.syncRoving();
+        nav[next].focus();
+    }
+    activate(entry) {
+        if (this.popoverEl)
+            this.popoverEl.open = false;
+        const inner = entry.el.shadowRoot?.querySelector('button, a');
+        (inner ?? entry.el).click();
+    }
+    render() {
+        const showOverflow = this.overflowActive();
+        return (index.h("div", { key: '93257f14c9265acd97ba79c3f0fb194ed5d6a9c1', part: "container", role: "toolbar", "aria-label": this.label, "aria-orientation": this.orientation, class: `bs-toolbar bs-toolbar--${this.orientation}`, ref: el => (this.containerEl = el) }, index.h("div", { key: 'c7354cad6a03fb6f2fa844a37212612111619451', part: "left", class: "bs-toolbar__group bs-toolbar__group--left" }, index.h("slot", { key: 'f5c27b8a5e4402c1d2e29435b9037980cac485e7', name: "left", onSlotchange: this.syncItems })), index.h("div", { key: '22e411c3e07a31a5227fcc4acbb6ab86d7a26969', part: "right", class: "bs-toolbar__group bs-toolbar__group--right" }, index.h("slot", { key: 'c5233aab6977a57022bd98cb3f439808680997db', name: "right", onSlotchange: this.syncItems })), showOverflow && (index.h("bs-popover", { key: '0f2e2537a2a1ec1d5617bb149a57f4ecba5b4943', part: "overflow", class: "bs-toolbar__overflow", placement: "bottom-end", hidden: this.overflowed.length === 0, ref: el => (this.popoverEl = el) }, index.h("bs-icon-button", { key: '5fc3dd6a5e2022a1fb6e550fd24ac5c37eab4ba0', slot: "trigger", variant: "subtle", size: "md", ariaLabel: this.overflowLabel, title: this.overflowLabel, ref: el => (this.triggerEl = el) }, index.h(MoreIcon, { key: '860ac10129d78cf94554c8a21a98dd02aec17372' })), index.h("bs-menu", { key: '29900699fb44356d6d0e3ff2b8f2bebb3c14395f' }, this.overflowed.map(entry => (index.h("bs-menu-item", { onBsSelect: () => this.activate(entry) }, entry.label))))))));
+    }
+    static get watchers() { return {
+        "orientation": [{
+                "onConfigChange": 0
+            }],
+        "overflow": [{
+                "onConfigChange": 0
+            }]
+    }; }
+};
+const MoreIcon = () => (index.h("svg", { viewBox: "0 0 24 24", width: "24", height: "24", fill: "currentColor", "aria-hidden": "true" }, index.h("circle", { cx: "5", cy: "12", r: "1.75" }), index.h("circle", { cx: "12", cy: "12", r: "1.75" }), index.h("circle", { cx: "19", cy: "12", r: "1.75" })));
+BsToolbar.style = bsToolbarCss();
+
+exports.bs_toolbar = BsToolbar;

package/dist/cjs/bs-tooltip-trigger.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 var motion = require('./motion-DOlI71lc.js');
 
 const bsTooltipTriggerCss = () => `:host{display:inline-block;--bs-tooltip-trigger-offset:var(--bs-spacing-100);--bs-tooltip-trigger-z-index:var(--bs-z-index-popover);--bs-tooltip-trigger-duration:var(--bs-duration-fast);--bs-tooltip-trigger-easing:var(--bs-easing-standard);--bs-tooltip-trigger-distance:var(--bs-spacing-50)}.bs-tooltip-trigger{position:relative;display:inline-block}.bs-tooltip-trigger__tooltip{position:absolute;top:calc(100% + var(--bs-tooltip-trigger-offset));left:50%;transform:translateX(-50%);z-index:var(--bs-tooltip-trigger-z-index);width:max-content;pointer-events:none}.bs-tooltip-trigger__tooltip[hidden]{display:none}:host([placement='top']) .bs-tooltip-trigger__tooltip{top:auto;bottom:calc(100% + var(--bs-tooltip-trigger-offset))}:host([placement='start']) .bs-tooltip-trigger__tooltip,:host([placement='end']) .bs-tooltip-trigger__tooltip{top:50%;left:auto}:host([placement='start']) .bs-tooltip-trigger__tooltip{right:calc(100% + var(--bs-tooltip-trigger-offset));transform:translateY(-50%)}:host([placement='end']) .bs-tooltip-trigger__tooltip{left:calc(100% + var(--bs-tooltip-trigger-offset));transform:translateY(-50%)}:host([placement='top']) bs-tooltip::part(arrow),:host([placement='start']) bs-tooltip::part(arrow),:host([placement='end']) bs-tooltip::part(arrow){display:none}`;
@@ -91,7 +91,7 @@ const BsTooltipTrigger = class {
     };
     render() {
         const show = (this.visible && !!this.text) || (this.closing && !!this.text);
-        return (index.h("div", { key: '06db867226380b3fcee2542a04b9697426a0107f', part: "trigger", class: "bs-tooltip-trigger", "aria-describedby": this.tooltipId, onMouseEnter: this.show, onMouseLeave: this.hide, onFocusin: this.show, onFocusout: this.hide, onKeyDown: this.onKeyDown }, index.h("slot", { key: '7f86ca80968a51df576aafb577457bcbbd4c4a6a' }), index.h("div", { key: '6d5c5600ea220ca7b6189f05a83b93fce16584cb', part: "tooltip", id: this.tooltipId, class: "bs-tooltip-trigger__tooltip", role: "tooltip", hidden: !show, ref: el => (this.tipEl = el) }, index.h("bs-tooltip", { key: 'feb9d57972b2d8e7e21846b0cf39a532b0004f9b', ref: el => (this.bubbleEl = el) }, this.text))));
+        return (index.h("div", { key: '0c851c6c284a63da84ff11fd411764c705513245', part: "trigger", class: "bs-tooltip-trigger", "aria-describedby": this.tooltipId, onMouseEnter: this.show, onMouseLeave: this.hide, onFocusin: this.show, onFocusout: this.hide, onKeyDown: this.onKeyDown }, index.h("slot", { key: '3653d362eafdd977e8b9d250d1852195e7ba270f' }), index.h("div", { key: '64619b9d59eb00b3e453d6bb924ad982a7e2bec6', part: "tooltip", id: this.tooltipId, class: "bs-tooltip-trigger__tooltip", role: "tooltip", hidden: !show, ref: el => (this.tipEl = el) }, index.h("bs-tooltip", { key: 'a160e7016cf49323d410dc10930d6994e8f41c3f', ref: el => (this.bubbleEl = el) }, this.text))));
     }
     static get watchers() { return {
         "visible": [{

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
 const bsTooltipCss = () => `:host{display:inline-block;--bs-tooltip-bg:var(--bs-surface-inverse);--bs-tooltip-color:var(--bs-text-inverse);--bs-tooltip-radius:var(--bs-border-radius-50);--bs-tooltip-padding-x:var(--bs-spacing-200);--bs-tooltip-padding-y:var(--bs-spacing-100);--bs-tooltip-max-width:200px;--bs-tooltip-shadow:-1px 4px 8px rgba(0, 0, 0, 0.08);--bs-tooltip-font-size:var(--bs-font-size-sm);--bs-tooltip-line-height:var(--bs-line-height-body-sm)}.bs-tooltip{position:relative;display:inline-block}.bs-tooltip__bubble{box-sizing:border-box;max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);background:var(--bs-tooltip-bg);color:var(--bs-tooltip-color);border-radius:var(--bs-tooltip-radius);box-shadow:var(--bs-tooltip-shadow);font-family:inherit;font-size:var(--bs-tooltip-font-size);line-height:calc(var(--bs-tooltip-line-height) * 1px)}.bs-tooltip__arrow{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:8px;height:8px;background:var(--bs-tooltip-bg);clip-path:polygon(50% 0, 0% 100%, 100% 100%)}`;
 
@@ -16,7 +16,7 @@ const BsTooltip = class {
      */
     placement = 'top';
     render() {
-        return (index.h("div", { key: 'c2d5db93c82893e1fda6baab1b3d238cb18a258c', class: "bs-tooltip" }, index.h("span", { key: '028716108a7e548e8e5747cb36349f386d279380', part: "arrow", class: "bs-tooltip__arrow" }), index.h("div", { key: '09d56d5c90014d5bfe752de30fbe50f02a63343c', part: "bubble", class: "bs-tooltip__bubble" }, index.h("slot", { key: '473eb298bd6b402555d0b42922dbf9ee1384785e' }))));
+        return (index.h("div", { key: '7438b2bc709f2d62040070103f75a4dd0e726114', class: "bs-tooltip" }, index.h("span", { key: 'cd88ccd274ee0350e98ea445389fcd84ab7d02dc', part: "arrow", class: "bs-tooltip__arrow" }), index.h("div", { key: 'c3729dae5e62fd114a16f6ab4fa4022d85b7fc7b', part: "bubble", class: "bs-tooltip__bubble" }, index.h("slot", { key: '37b8b395d40fb5736780013d968be1ff5ce428fc' }))));
     }
 };
 BsTooltip.style = bsTooltipCss();

package/dist/cjs/bs-tree-item.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
 const bsTreeItemCss = () => `:host{display:block;outline:none;--bs-tree-item-height:var(--bs-spacing-600);--bs-tree-item-indent:40px;--bs-tree-item-radius:var(--bs-border-radius-100);--bs-tree-item-padding-x:var(--bs-spacing-50);--bs-tree-item-caret-gap:var(--bs-spacing-150);--bs-tree-item-content-gap:var(--bs-spacing-100);--bs-tree-item-font-size:var(--bs-font-size-md);--bs-tree-item-line-height:var(--bs-line-height-body-md);--bs-tree-item-text:var(--bs-text-default);--bs-tree-item-icon:var(--bs-icon-default);--bs-tree-item-bg-selected:var(--bs-surface-selected);--bs-tree-item-bg-hover:var(--bs-surface-hover);--bs-tree-item-bg-pressed:var(--bs-surface-pressed);--bs-tree-item-bg-focus:var(--bs-surface-focus);--bs-tree-item-bg-selected-hover:var(--bs-surface-selected-hover);--bs-tree-item-bg-selected-pressed:var(--bs-surface-selected-pressed);--bs-tree-item-bg-selected-focus:var(--bs-surface-selected-focus);--bs-tree-item-focus-ring:var(--bs-border-primary-hover);--bs-tree-item-text-disabled:var(--bs-text-on-disabled);--bs-tree-item-icon-disabled:var(--bs-icon-disabled);color:var(--bs-tree-item-text);font-family:inherit}:host([disabled]){color:var(--bs-tree-item-text-disabled)}.bs-tree-item__row{box-sizing:border-box;width:100%;height:var(--bs-tree-item-height);display:flex;padding-inline-start:calc((var(--bs-tree-item-level, 1) - 1) * var(--bs-tree-item-indent))}.bs-tree-item__container{position:relative;box-sizing:border-box;flex:1;min-width:0;height:100%;display:flex;align-items:center;gap:var(--bs-tree-item-caret-gap);padding-inline:var(--bs-tree-item-padding-x);border-radius:var(--bs-tree-item-radius);background:transparent;cursor:pointer}.bs-tree-item__container--selected{background:var(--bs-tree-item-bg-selected)}.bs-tree-item__container:not(.bs-tree-item__container--disabled):hover{background:var(--bs-tree-item-bg-hover)}.bs-tree-item__container--selected:not(.bs-tree-item__container--disabled):hover{background:var(--bs-tree-item-bg-selected-hover)}.bs-tree-item__container:not(.bs-tree-item__container--disabled):active{background:var(--bs-tree-item-bg-pressed)}.bs-tree-item__container--selected:not(.bs-tree-item__container--disabled):active{background:var(--bs-tree-item-bg-selected-pressed)}:host(:focus-visible) .bs-tree-item__container{background:var(--bs-tree-item-bg-focus);outline:2px solid var(--bs-tree-item-focus-ring);outline-offset:0}:host(:focus-visible) .bs-tree-item__container--selected{background:var(--bs-tree-item-bg-selected-focus)}.bs-tree-item__container--disabled{cursor:default}.bs-tree-item__caret{display:flex;flex:none;width:24px;height:24px;color:var(--bs-tree-item-icon);transition:transform 150ms ease}.bs-tree-item__caret--open{transform:rotate(90deg)}.bs-tree-item__caret svg,.bs-tree-item__icon svg{width:24px;height:24px}.bs-tree-item__content{display:flex;align-items:center;gap:var(--bs-tree-item-content-gap);min-width:0}.bs-tree-item__icon{display:flex;flex:none;width:24px;height:24px;color:var(--bs-tree-item-icon)}.bs-tree-item__label{min-width:0;font-size:var(--bs-tree-item-font-size);line-height:calc(var(--bs-tree-item-line-height) * 1px);font-weight:var(--bs-font-weight-regular);color:inherit;word-break:break-word}.bs-tree-item__container--disabled .bs-tree-item__caret,.bs-tree-item__container--disabled .bs-tree-item__icon{color:var(--bs-tree-item-icon-disabled)}@media (prefers-reduced-motion: reduce){.bs-tree-item__caret{transition:none}}`;
 
@@ -79,11 +79,11 @@ const BsTreeItem = class {
         const isParent = this.hasChildren;
         const managed = !!this.el.closest('bs-tree');
         const showChildren = isParent && this.expanded;
-        return (index.h(index.Host, { key: '12205542fd8cd7558c9fb3e421c92c06d1809e40', role: "treeitem", "aria-level": String(this.level), "aria-expanded": isParent ? String(this.expanded) : null, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : null, ...(managed || this.disabled ? {} : { tabindex: '0' }) }, index.h("div", { key: '11d9fe5a0ed281f9ad898bf5221dd00f22e2701d', class: "bs-tree-item__row", style: { '--bs-tree-item-level': String(this.level) } }, index.h("div", { key: '4ffe7bf7fb24d06fdcde825b9b72370538543854', part: "container", class: {
+        return (index.h(index.Host, { key: '6f3c66ebc9521308d5d62c2bf99686aa9a6b81bf', role: "treeitem", "aria-level": String(this.level), "aria-expanded": isParent ? String(this.expanded) : null, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : null, ...(managed || this.disabled ? {} : { tabindex: '0' }) }, index.h("div", { key: '8e12e8462f1a44affa4497aea0e9a0479b803856', class: "bs-tree-item__row", style: { '--bs-tree-item-level': String(this.level) } }, index.h("div", { key: 'f741901613fc37b68543bdd9653fee29e4f796fc', part: "container", class: {
                 'bs-tree-item__container': true,
                 'bs-tree-item__container--selected': this.selected,
                 'bs-tree-item__container--disabled': this.disabled,
-            }, onClick: this.onRowClick }, !this.disabled && index.h("bs-ripple", { key: '3469a524f59373948dafd9b16bb7eedf1a6f1000', part: "ripple" }), isParent && (index.h("span", { key: 'd4365c571e5fd5388debcc09e92d4c7fc5bfbe6c', part: "caret", class: { 'bs-tree-item__caret': true, 'bs-tree-item__caret--open': this.expanded }, "aria-hidden": "true", onClick: this.onCaretClick }, index.h(CaretRightIcon, { key: '1f68d7131a8e9e24bdca9d42c82c1af9af8bb09d' }))), index.h("span", { key: 'f525e26ee5ff9a0ca603e5e96ae7156da97f0fa0', class: "bs-tree-item__content" }, this.showIcon && (index.h("span", { key: '81a0810e006cf932cbfc141b87673f7602f19727', part: "icon", class: "bs-tree-item__icon", "aria-hidden": "true" }, index.h("slot", { key: 'f51ed15e89cbaa18f0f6e70e62f050399d6b339a', name: "icon" }, isParent ? index.h(FolderIcon, null) : index.h(FileIcon, null)))), index.h("span", { key: '181ccdf186bc1d0138094fb689366881301c1960', part: "label", class: "bs-tree-item__label" }, index.h("slot", { key: 'cc449375c076dc296a1c5047d7aa0d4b27cdc592', name: "label" }, this.label))))), showChildren && (index.h("div", { key: '535958746bc51e1efde29862f54413b2c9e6b51d', part: "group", class: "bs-tree-item__group", role: "group" }, index.h("slot", { key: 'f0fc63938c90ea7ebb620db8f2abdf5eedb7f2d1' })))));
+            }, onClick: this.onRowClick }, !this.disabled && index.h("bs-ripple", { key: 'ecf50e0d6aa5301e1d20c35315472df2350c7096', part: "ripple" }), isParent && (index.h("span", { key: 'd74db0427a8aabf2af0ea5bd43eaefd7945e014f', part: "caret", class: { 'bs-tree-item__caret': true, 'bs-tree-item__caret--open': this.expanded }, "aria-hidden": "true", onClick: this.onCaretClick }, index.h(CaretRightIcon, { key: '2f4e12fe239b2527406204e0e3a7f41648dfa4d5' }))), index.h("span", { key: '4da3bb534d15625c414df6997b7dc7a290b66a29', class: "bs-tree-item__content" }, this.showIcon && (index.h("span", { key: '17031fb35aabc2e10d030c4434a4e6134d87a76a', part: "icon", class: "bs-tree-item__icon", "aria-hidden": "true" }, index.h("slot", { key: 'a8893678e82949127398b93cbfd0ab5e6bd83a2c', name: "icon" }, isParent ? index.h(FolderIcon, null) : index.h(FileIcon, null)))), index.h("span", { key: 'ff63bf09058f4e09bde9adcccdc57a0a6b9ffa37', part: "label", class: "bs-tree-item__label" }, index.h("slot", { key: '556b43ed85f0996034a0ca8b214cca6cc619ed26', name: "label" }, this.label))))), showChildren && (index.h("div", { key: 'd4d5ffa0b6b9697dd39cc89bb15a752647abb0b6', part: "group", class: "bs-tree-item__group", role: "group" }, index.h("slot", { key: 'eaec9a53f467af86637e040358bf75eff76dd139' })))));
     }
 };
 const CaretRightIcon = () => (index.h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M9.75 6L15.75 12L9.75 18", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
 const bsTreeCss = () => `:host{display:block}.bs-tree{display:block;width:100%}`;
 
@@ -184,7 +184,7 @@ const BsTree = class {
         e.preventDefault();
     }
     render() {
-        return (index.h("div", { key: '7d6223a9fa7bf6b434d3051a4a48e88c4006d907', part: "container", class: "bs-tree", role: "tree", "aria-label": this.ariaLabel }, index.h("slot", { key: '0cd83d4fe6acfda0d4c4ab789af4b2f5fc1c12d7' })));
+        return (index.h("div", { key: '019cf7e2aaefd8b3f51c40ea0570fa9b89b5e649', part: "container", class: "bs-tree", role: "tree", "aria-label": this.ariaLabel }, index.h("slot", { key: 'ffe3e5e88c82965542974fa1433c43310d197c66' })));
     }
     static get watchers() { return {
         "value": [{

package/dist/cjs/bs-whats-new.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
 const bsWhatsNewCss = () => `:host{display:block;max-width:100%;--bs-whats-new-width:400px;--bs-whats-new-padding:var(--bs-spacing-200);--bs-whats-new-color:var(--bs-text-default);--bs-whats-new-color-secondary:var(--bs-text-secondary);--bs-whats-new-border:var(--bs-border-default);--bs-whats-new-hero-bg:var(--bs-color-primary-container);--bs-whats-new-hero-height:220px;--bs-whats-new-link:var(--bs-text-link);--bs-whats-new-link-underline:var(--bs-border-info);width:var(--bs-whats-new-width)}:host([type='announcement']){--bs-whats-new-width:560px}:host([type='teaser']){--bs-whats-new-width:300px;--bs-whats-new-padding:var(--bs-spacing-150)}.bs-wn--feed{--bs-card-radius:0;--bs-card-padding:var(--bs-whats-new-padding);--bs-card-shadow:0 2px 2px var(--bs-elevation-medium), inset 1px 0 0 var(--bs-whats-new-border)}.bs-wn--announcement{position:relative;--bs-card-radius:var(--bs-border-radius-200);--bs-card-padding:0;--bs-card-shadow:0 2px 4px var(--bs-elevation-medium)}.bs-wn--teaser{--bs-card-radius:var(--bs-border-radius-100);--bs-card-padding:var(--bs-whats-new-padding);--bs-card-shadow:0 4px 4px var(--bs-elevation-high)}.bs-wn{color:var(--bs-whats-new-color)}.bs-wn p,.bs-wn ul,.bs-wn h1,.bs-wn h2,.bs-wn h3,.bs-wn h4,.bs-wn h5,.bs-wn h6{margin:0}.bs-wn__heading{font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:32px}.bs-wn__heading--lg{align-self:stretch}.bs-wn__heading--sm{font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-semibold);line-height:20px}.bs-wn__spacer{flex:1 1 0}.bs-wn__text-button{--bs-button-subtle-color:var(--bs-text-action);--bs-button-height-sm:var(--bs-spacing-400);--bs-button-padding-x-sm:var(--bs-spacing-150)}.bs-wn__text-button--md{--bs-button-height-md:var(--bs-spacing-550)}.bs-wn__close{flex:none}.bs-wn__close svg{width:20px;height:20px}.bs-wn__close--compact{--bs-icon-button-size-md:24px}.bs-wn__feed{display:flex;flex-direction:column;gap:var(--bs-spacing-100)}.bs-wn__head{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-wn__filters{overflow-x:auto;scrollbar-width:none}.bs-wn__filters::-webkit-scrollbar{display:none}.bs-wn__entries{display:flex;flex-direction:column;padding-top:var(--bs-spacing-200);padding-bottom:var(--bs-spacing-100)}.bs-wn__empty{padding:var(--bs-spacing-300) 0;color:var(--bs-whats-new-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px;text-align:center}.bs-wn__footer{display:flex;align-items:center;padding-top:var(--bs-spacing-150)}.bs-wn__link{display:inline-flex;align-items:center;gap:var(--bs-spacing-25);color:var(--bs-whats-new-link);font-size:var(--bs-font-size-xs);line-height:16px;text-decoration:none}.bs-wn__link-text{border-bottom:1px solid var(--bs-whats-new-link-underline)}.bs-wn__link svg{width:16px;height:16px}.bs-wn__link:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-wn__announcement{display:flex;flex-direction:column}.bs-wn--announcement .bs-wn__close{position:absolute;z-index:1;top:var(--bs-spacing-50);inset-inline-end:var(--bs-spacing-50)}.bs-wn__hero{display:none;height:var(--bs-whats-new-hero-height);background:var(--bs-whats-new-hero-bg);overflow:hidden}.bs-wn__hero--visible{display:block}.bs-wn__hero img,::slotted([slot='hero']){display:block;width:100%;height:100%;object-fit:cover}.bs-wn__body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--bs-spacing-150);padding:var(--bs-whats-new-padding)}.bs-wn__points{display:flex;flex-direction:column;gap:var(--bs-spacing-150);align-self:stretch;padding:0;list-style:none;font-size:var(--bs-font-size-sm);line-height:20px}.bs-wn__points li{display:flex;align-items:center;gap:var(--bs-spacing-150)}.bs-wn__check{flex:none;width:18px;height:18px;color:var(--bs-icon-action)}.bs-wn__announcement-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-spacing-100);align-self:stretch;padding-top:var(--bs-spacing-100)}.bs-wn__step{color:var(--bs-whats-new-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px;white-space:nowrap}.bs-wn__actions{display:flex;align-items:center;gap:var(--bs-spacing-100);margin-inline-start:auto}.bs-wn__actions bs-button{--bs-button-height-md:var(--bs-spacing-550)}.bs-wn__teaser{display:flex;flex-direction:column;align-items:flex-start;gap:var(--bs-spacing-75)}.bs-wn__teaser-row{display:flex;align-items:center;gap:var(--bs-spacing-100);align-self:stretch}.bs-wn__date{color:var(--bs-whats-new-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px;white-space:nowrap}.bs-wn__description{color:var(--bs-whats-new-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-wn__link-button{--bs-button-padding-x-label-side:var(--bs-spacing-150);--bs-button-padding-x-icon-side:var(--bs-spacing-100);margin-inline-start:calc(var(--bs-spacing-150) * -1)}.bs-wn__link-button svg{width:20px;height:20px}`;
 

package/dist/cjs/icon-registry-DWYCqjKw.js

@@ -0,0 +1,64 @@
+'use strict';
+
+/**
+ * Named icon registry for `bs-icon`.
+ *
+ * Each entry is the *inner* SVG markup (paths, circles, ...) of a 24x24 icon drawn with
+ * `stroke="currentColor"` -- `bs-icon` supplies the `<svg>` wrapper (viewBox, stroke width, caps).
+ * The registry lives on `globalThis` so the lazy-loaded build, the custom-elements build and any
+ * consumer that imports `registerIcons` all share one copy.
+ */
+const KEY = '__bsIconRegistry';
+/*
+ * Phosphor Icons (https://phosphoricons.com), MIT License, (c) 2020-present Phosphor Icons.
+ * Inner SVG markup copied from @phosphor-icons/core (regular weight; `star-fill` is the fill weight).
+ * Entries of the `{ viewBox, body }` form are rendered filled with `currentColor`.
+ */
+const PHOSPHOR = {
+    'user': { viewBox: '0 0 256 256', body: '<path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/>' },
+    'star': { viewBox: '0 0 256 256', body: '<path d="M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z"/>' },
+    'star-fill': { viewBox: '0 0 256 256', body: '<path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"/>' },
+    'x': { viewBox: '0 0 256 256', body: '<path d="M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z"/>' },
+    'paper-plane-right': { viewBox: '0 0 256 256', body: '<path d="M231.87,114l-168-95.89A16,16,0,0,0,40.92,37.34L71.55,128,40.92,218.67A16,16,0,0,0,56,240a16.15,16.15,0,0,0,7.93-2.1l167.92-96.05a16,16,0,0,0,.05-27.89ZM56,224a.56.56,0,0,0,0-.12L85.74,136H144a8,8,0,0,0,0-16H85.74L56.06,32.16A.46.46,0,0,0,56,32l168,95.83Z"/>' },
+    'note-pencil': { viewBox: '0 0 256 256', body: '<path d="M229.66,58.34l-32-32a8,8,0,0,0-11.32,0l-96,96A8,8,0,0,0,88,128v32a8,8,0,0,0,8,8h32a8,8,0,0,0,5.66-2.34l96-96A8,8,0,0,0,229.66,58.34ZM124.69,152H104V131.31l64-64L188.69,88ZM200,76.69,179.31,56,192,43.31,212.69,64ZM224,128v80a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32h80a8,8,0,0,1,0,16H48V208H208V128a8,8,0,0,1,16,0Z"/>' },
+    'clock-counter-clockwise': { viewBox: '0 0 256 256', body: '<path d="M136,80v43.47l36.12,21.67a8,8,0,0,1-8.24,13.72l-40-24A8,8,0,0,1,120,128V80a8,8,0,0,1,16,0Zm-8-48A95.44,95.44,0,0,0,60.08,60.15C52.81,67.51,46.35,74.59,40,82V64a8,8,0,0,0-16,0v40a8,8,0,0,0,8,8H72a8,8,0,0,0,0-16H49c7.15-8.42,14.27-16.35,22.39-24.57a80,80,0,1,1,1.66,114.75,8,8,0,1,0-11,11.64A96,96,0,1,0,128,32Z"/>' },
+    'arrows-out-simple': { viewBox: '0 0 256 256', body: '<path d="M216,48V96a8,8,0,0,1-16,0V67.31l-50.34,50.35a8,8,0,0,1-11.32-11.32L188.69,56H160a8,8,0,0,1,0-16h48A8,8,0,0,1,216,48ZM106.34,138.34,56,188.69V160a8,8,0,0,0-16,0v48a8,8,0,0,0,8,8H96a8,8,0,0,0,0-16H67.31l50.35-50.34a8,8,0,0,0-11.32-11.32Z"/>' },
+};
+const BUILT_IN = {
+    ...PHOSPHOR,
+    menu: '<path d="M4 6H20"/><path d="M4 12H20"/><path d="M4 18H20"/>',
+    'arrow-right': '<path d="M5 12H19"/><path d="M13 6L19 12L13 18"/>',
+    'arrow-left': '<path d="M19 12H5"/><path d="M11 6L5 12L11 18"/>',
+    check: '<path d="M5 12.5L10 17.5L19 7.5"/>',
+    close: '<path d="M6 6L18 18"/><path d="M18 6L6 18"/>',
+    'chevron-down': '<path d="M6 9L12 15L18 9"/>',
+    'external-link': '<path d="M14 4H20V10"/><path d="M20 4L11 13"/><path d="M18 14V19H5V6H10"/>',
+    copy: '<rect x="9" y="9" width="11" height="11" rx="2"/><path d="M5 15V6C5 5.4 5.4 5 6 5H15"/>',
+    search: '<circle cx="11" cy="11" r="6.5"/><path d="M16 16L20 20"/>',
+};
+function registry() {
+    const g = globalThis;
+    if (!g[KEY])
+        g[KEY] = { ...BUILT_IN };
+    return g[KEY];
+}
+/**
+ * Register (or replace) named icons. Values are inner SVG markup for a 24x24 viewBox using
+ * `currentColor` strokes, or `{ viewBox, body }` for filled glyphs on another grid (rendered with `fill="currentColor"`). Only register markup you trust: it is inserted as-is.
+ * Already-rendered `bs-icon`s pick up new names on their next render.
+ */
+function registerIcons(icons) {
+    Object.assign(registry(), icons);
+}
+/** The entry (inner SVG markup string, or `{ viewBox, body }`) registered under `name`, or undefined. */
+function getIcon(name) {
+    return name ? registry()[name] : undefined;
+}
+/** All registered icon names. */
+function iconNames() {
+    return Object.keys(registry());
+}
+
+exports.getIcon = getIcon;
+exports.iconNames = iconNames;
+exports.registerIcons = registerIcons;