@brandsync/wc 1.18.0 → 1.20.0

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,14 +1,16 @@
 '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{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}`;
+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}`;
 
 let tooltipTriggerId = 0;
 const BsTooltipTrigger = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
+    get el() { return index.getElement(this); }
     /** Tooltip message. */
     text = '';
     /** Milliseconds to wait before showing the tooltip. */
@@ -16,6 +18,57 @@ const BsTooltipTrigger = class {
     /** Side of the trigger the tooltip appears on. The bs-tooltip arrow is only drawn for 'bottom'. */
     placement = 'bottom';
     visible = false;
+    /** True while the exit motion plays after `visible` went false, so the tooltip stays shown for it. */
+    closing = false;
+    bubbleEl;
+    tipEl;
+    enterPending = false;
+    exitPending = false;
+    motionRun = 0;
+    onVisibleChange(next) {
+        this.motionRun++;
+        motion.cancelMotion(this.bubbleEl);
+        this.closing = false;
+        if (next) {
+            this.enterPending = true;
+        }
+        else if (this.text && this.tipEl && !this.tipEl.hidden && motion.readMotion(this.el, 'bs-tooltip-trigger').ms > 0) {
+            this.closing = true;
+            this.exitPending = true;
+        }
+    }
+    /** The tooltip drifts away from the trigger it hangs off: below it drops from above, above it rises from below, and so on. */
+    offset(distance) {
+        switch (this.placement) {
+            case 'top':
+                return `translateY(${distance}px)`;
+            case 'start':
+                return `translateX(${distance}px)`;
+            case 'end':
+                return `translateX(${-distance}px)`;
+            default:
+                return `translateY(${-distance}px)`;
+        }
+    }
+    componentDidRender() {
+        if (this.exitPending) {
+            this.exitPending = false;
+            if (this.closing && !this.visible) {
+                const { ms, easing, distance } = motion.readMotion(this.el, 'bs-tooltip-trigger');
+                const run = ++this.motionRun;
+                motion.play(this.bubbleEl, [{ opacity: 1, transform: 'none' }, { opacity: 0, transform: this.offset(distance) }], ms, easing, 'forwards').then(() => {
+                    if (run === this.motionRun)
+                        this.closing = false;
+                });
+            }
+        }
+        if (this.enterPending) {
+            this.enterPending = false;
+            const { ms, easing, distance } = motion.readMotion(this.el, 'bs-tooltip-trigger');
+            if (ms > 0 && this.visible)
+                motion.play(this.bubbleEl, [{ opacity: 0, transform: this.offset(distance) }, { opacity: 1, transform: 'none' }], ms, easing);
+        }
+    }
     tooltipId = `bs-tooltip-trigger-${++tooltipTriggerId}`;
     timer;
     disconnectedCallback() {
@@ -37,9 +90,14 @@ const BsTooltipTrigger = class {
             this.hide();
     };
     render() {
-        const show = this.visible && !!this.text;
-        return (index.h("div", { key: '24d2d838ba7e3ff7c7ea29da91548a2217fd78fa', 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: 'b911c44e690a3e4dcf64ab7dc78bf18a2f39c8d4' }), index.h("div", { key: '3a8533fe8853c39f51f1808400b3e6bdf91e2576', part: "tooltip", id: this.tooltipId, class: "bs-tooltip-trigger__tooltip", role: "tooltip", hidden: !show }, index.h("bs-tooltip", { key: 'b0ab6217c11a8839c0b4fe7762ae33b0d9dc1e1a' }, this.text))));
+        const show = (this.visible && !!this.text) || (this.closing && !!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": [{
+                "onVisibleChange": 0
+            }]
+    }; }
 };
 BsTooltipTrigger.style = bsTooltipTriggerCss();
 

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: '924b224f9594aca557bc767d61cb8e1b6fd8c6d5', class: "bs-tooltip" }, index.h("span", { key: 'c97417a9d17c35e0b100f5e2c2f548abbfc23338', part: "arrow", class: "bs-tooltip__arrow" }), index.h("div", { key: '498e53eaed40ea87de2cf30d5dbe4359d24e8506', part: "bubble", class: "bs-tooltip__bubble" }, index.h("slot", { key: '268d910b87e4d7b67f9288bdd16d26bfc468d9da' }))));
+        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,8 +1,8 @@
 '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{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}}`;
+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}}`;
 
 const BsTreeItem = class {
     constructor(hostRef) {
@@ -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: '4e4e36591f3757bf89b769b79cd09096d557a961', 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: 'd6eadb88384d6c463937033e48fe301717dd9f3e', class: "bs-tree-item__row", style: { '--bs-tree-item-level': String(this.level) } }, index.h("div", { key: '66da380c06c54b824ac3a447044894c22428edf8', 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 }, isParent && (index.h("span", { key: '6600cfd9aa01bf0f0a3f0458e661e8be30f9e649', 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: 'c0eecda85015fa0c2dc4e8c2f0b4561fdd037305' }))), index.h("span", { key: '83bc2d33e7f7f34a1ee682bfb93a633b65257842', class: "bs-tree-item__content" }, this.showIcon && (index.h("span", { key: '06411b06381b28c86d0332f7ec51a58b868e2ace', part: "icon", class: "bs-tree-item__icon", "aria-hidden": "true" }, index.h("slot", { key: '5762de30314db63f9c262bbb84af36ea3605a8d6', name: "icon" }, isParent ? index.h(FolderIcon, null) : index.h(FileIcon, null)))), index.h("span", { key: '7576371cfccb855e4fb57ced1c63c241833e4ec3', part: "label", class: "bs-tree-item__label" }, index.h("slot", { key: '4459a19608ca7d7f98fa7b84a9e1cb08573176ff', name: "label" }, this.label))))), showChildren && (index.h("div", { key: 'c7d2b82efbd0622845b95fae4e04608e13bd685d', part: "group", class: "bs-tree-item__group", role: "group" }, index.h("slot", { key: '3edd6e523532400ec89928284bc73146a1bdf391' })))));
+            }, 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: '586069268f0b5e3a8a855bf1ee67584460c8e8b6', part: "container", class: "bs-tree", role: "tree", "aria-label": this.ariaLabel }, index.h("slot", { key: 'd78f0e9a2ec38295bbddc42fb12d27e874ff0ebf' })));
+        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;