@brandsync/wc 1.17.0 → 1.19.0

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-BYfMRtlW.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}`;
+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{position:relative;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}`;
 
 const BsPagination = class {
     constructor(hostRef) {
@@ -74,7 +74,7 @@ const BsPagination = class {
     }
     render() {
         const pageList = this.getPageList();
-        return (index.h("nav", { key: '8f88672d0c1402df24990f7632d4f2180627a624', "aria-label": this.navLabel }, index.h("ul", { key: '3b1359e867cfab58a215c521f4d46df75d3b9e0a', part: "list", class: "bs-pagination__list" }, index.h("li", { key: '462c761e4cd0938802ef0ede5e8fdcf072bed7dc', part: "item", class: "bs-pagination__item" }, index.h("button", { key: '01c0f0eeee2644def4f41aaec427bc77b0a3d948', part: "prev", type: "button", class: "bs-pagination__control", "aria-label": this.previousLabel, disabled: this.currentPage <= 1, onClick: () => this.goToPage(this.currentPage - 1) }, index.h(ChevronLeftIcon, { key: '6c4587384f3b0a6ff8431d6a6f637bdebf134707' }))), pageList.map((item, index$1) => item === 'ellipsis' ? (index.h("li", { part: "item", class: "bs-pagination__item", key: `ellipsis-${index$1}` }, index.h("span", { part: "ellipsis", class: "bs-pagination__ellipsis", "aria-hidden": "true" }, index.h(EllipsisIcon, null)))) : (index.h("li", { part: "item", class: "bs-pagination__item", key: item }, index.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": `${this.pageLabel} ${item}`, "aria-current": item === this.currentPage ? 'page' : undefined, onClick: () => this.goToPage(item) }, item)))), index.h("li", { key: 'cb2ac831de208292505cf53c7c4c1baedb639e1c', part: "item", class: "bs-pagination__item" }, index.h("button", { key: '3cf295a9a8457013da89db054e863f8bc9fcdf75', part: "next", type: "button", class: "bs-pagination__control", "aria-label": this.nextLabel, disabled: this.currentPage >= this.safeTotalPages, onClick: () => this.goToPage(this.currentPage + 1) }, index.h(ChevronRightIcon, { key: 'ead52f0b11ae9253828f41def167536914b3ac90' }))))));
+        return (index.h("nav", { key: '574bba698954fefe6083b1c0b46215b53cd929cc', "aria-label": this.navLabel }, index.h("ul", { key: 'db7a37916e2f2bb8739828936048b9b73af2c93f', part: "list", class: "bs-pagination__list" }, index.h("li", { key: '25fc9453e309eec5c7226fc3a2255fe20f138ebc', part: "item", class: "bs-pagination__item" }, index.h("button", { key: '654898cca41f9868f3780b16a01d25e39c76de06', part: "prev", type: "button", class: "bs-pagination__control", "aria-label": this.previousLabel, disabled: this.currentPage <= 1, onClick: () => this.goToPage(this.currentPage - 1) }, index.h("bs-ripple", { key: '544bddaee750f3d18519cf676fccf2788ae65b8f', part: "ripple", centered: true }), index.h(ChevronLeftIcon, { key: 'c8913363a09dada9765383ab59d309058b272b65' }))), pageList.map((item, index$1) => item === 'ellipsis' ? (index.h("li", { part: "item", class: "bs-pagination__item", key: `ellipsis-${index$1}` }, index.h("span", { part: "ellipsis", class: "bs-pagination__ellipsis", "aria-hidden": "true" }, index.h(EllipsisIcon, null)))) : (index.h("li", { part: "item", class: "bs-pagination__item", key: item }, index.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": `${this.pageLabel} ${item}`, "aria-current": item === this.currentPage ? 'page' : undefined, onClick: () => this.goToPage(item) }, index.h("bs-ripple", { part: "ripple", centered: true }), item)))), index.h("li", { key: '8ce36f14052801aa1ef9b2f750f6d030de1ed6b1', part: "item", class: "bs-pagination__item" }, index.h("button", { key: 'a944585c463d4a8035b2932e1a1c881fb5ad68ee', part: "next", type: "button", class: "bs-pagination__control", "aria-label": this.nextLabel, disabled: this.currentPage >= this.safeTotalPages, onClick: () => this.goToPage(this.currentPage + 1) }, index.h("bs-ripple", { key: '3082d79238e9242cbfc52e08be0d53160f85bfed', part: "ripple", centered: true }), index.h(ChevronRightIcon, { key: 'be4c48d8075ecf6e9389546e63c8e192da50ed30' }))))));
     }
 };
 function range(start, end) {

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

@@ -0,0 +1,88 @@
+'use strict';
+
+var index = require('./index-BYfMRtlW.js');
+
+const bsPresenceCss = () => `:host{display:block;--bs-presence-duration:var(--bs-duration-default);--bs-presence-easing:var(--bs-easing-standard);--bs-presence-distance:var(--bs-spacing-400);--bs-presence-scale:0.96}:host([duration='instant']){--bs-presence-duration:var(--bs-duration-instant)}:host([duration='fast']){--bs-presence-duration:var(--bs-duration-fast)}:host([duration='default']){--bs-presence-duration:var(--bs-duration-default)}:host([duration='slow']){--bs-presence-duration:var(--bs-duration-slow)}:host([duration='slower']){--bs-presence-duration:var(--bs-duration-slower)}:host([easing='standard']){--bs-presence-easing:var(--bs-easing-standard)}:host([easing='decelerate']){--bs-presence-easing:var(--bs-easing-decelerate)}:host([easing='accelerate']){--bs-presence-easing:var(--bs-easing-accelerate)}:host([easing='linear']){--bs-presence-easing:var(--bs-easing-linear)}@media (prefers-reduced-motion: reduce){:host{--bs-presence-duration:var(--bs-duration-instant)}}.bs-presence{display:grid;grid-template-rows:1fr}.bs-presence--closed.bs-presence--collapse{grid-template-rows:0fr}.bs-presence--collapse .bs-presence__clip{overflow:hidden}.bs-presence__clip{min-height:0;opacity:1;transform:none}.bs-presence--closed .bs-presence__clip{opacity:0;pointer-events:none}.bs-presence--slide-up.bs-presence--closed .bs-presence__clip{transform:translateY(var(--bs-presence-distance))}.bs-presence--slide-down.bs-presence--closed .bs-presence__clip{transform:translateY(calc(var(--bs-presence-distance) * -1))}.bs-presence--scale.bs-presence--closed .bs-presence__clip{transform:scale(var(--bs-presence-scale))}`;
+
+const PRESETS = ['fade', 'slide-up', 'slide-down', 'scale', 'collapse'];
+const BsPresence = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bsTransitionEnd = index.createEvent(this, "bsTransitionEnd");
+    }
+    get el() { return index.getElement(this); }
+    /** When true, the slotted content is shown. Flipping this plays the exit or enter transition. */
+    active = false;
+    /** Which transition to play. */
+    preset = 'fade';
+    /** Length of the transition, mapped to a `--bs-duration-*` token. */
+    duration = 'default';
+    /** Curve of the transition, mapped to a `--bs-easing-*` token. */
+    easing = 'standard';
+    /** Fires once when the transition to the new `active` state finishes. Payload is that state. */
+    bsTransitionEnd;
+    clip;
+    shell;
+    /**
+     * CSS class changes inside this shadow root will play the exit and then not the entrance
+     * (Chromium drops the reverse transition). The Web Animations API plays both directions.
+     * A 0ms duration — including `prefers-reduced-motion` — snaps and emits here.
+     */
+    onActiveChange(active) {
+        const clip = this.clip;
+        const shell = this.shell;
+        clip?.getAnimations().forEach(animation => animation.cancel());
+        shell?.getAnimations().forEach(animation => animation.cancel());
+        const ms = this.motionDuration();
+        if (!clip || ms === 0) {
+            this.bsTransitionEnd.emit(active);
+            return;
+        }
+        const style = getComputedStyle(this.el);
+        const easing = style.getPropertyValue('--bs-presence-easing').trim() || 'ease';
+        const distance = style.getPropertyValue('--bs-presence-distance').trim() || '0px';
+        const scale = style.getPropertyValue('--bs-presence-scale').trim() || '1';
+        const preset = PRESETS.includes(this.preset) ? this.preset : 'fade';
+        const hidden = preset === 'slide-up'
+            ? `translateY(${distance})`
+            : preset === 'slide-down'
+                ? `translateY(calc(${distance} * -1))`
+                : preset === 'scale'
+                    ? `scale(${scale})`
+                    : 'none';
+        const shown = { opacity: 1, transform: 'none' };
+        const concealed = { opacity: 0, transform: hidden };
+        const animation = clip.animate(active ? [concealed, shown] : [shown, concealed], { duration: ms, easing, fill: 'both' });
+        if (preset === 'collapse' && shell) {
+            shell.animate(active
+                ? [{ gridTemplateRows: '0fr' }, { gridTemplateRows: '1fr' }]
+                : [{ gridTemplateRows: '1fr' }, { gridTemplateRows: '0fr' }], { duration: ms, easing, fill: 'both' });
+        }
+        animation.onfinish = () => {
+            animation.cancel();
+            shell?.getAnimations().forEach(running => running.cancel());
+            if (this.active === active)
+                this.bsTransitionEnd.emit(active);
+        };
+    }
+    motionDuration() {
+        const value = getComputedStyle(this.el).getPropertyValue('--bs-presence-duration').trim();
+        if (value.endsWith('ms'))
+            return parseFloat(value);
+        if (value.endsWith('s'))
+            return parseFloat(value) * 1000;
+        return 0;
+    }
+    render() {
+        const preset = PRESETS.includes(this.preset) ? this.preset : 'fade';
+        return (index.h(index.Host, { key: '2defd735d80a2efdccffd600c23f1db31ef5914d', inert: this.active ? undefined : true, "aria-hidden": this.active ? null : 'true' }, index.h("div", { key: 'bebdec566c415bcb0baa196c3f74b04adc80dfb4', part: "content", class: `bs-presence bs-presence--${preset}${this.active ? '' : ' bs-presence--closed'}`, ref: el => (this.shell = el) }, index.h("div", { key: 'fac80d18429fe4aa2b00533ede5b7ae228cf142e', class: "bs-presence__clip", ref: el => (this.clip = el) }, index.h("slot", { key: '86fc247c13f2c64c365f8c8f9d959af6befaa89a' })))));
+    }
+    static get watchers() { return {
+        "active": [{
+                "onActiveChange": 0
+            }]
+    }; }
+};
+BsPresence.style = bsPresenceCss();
+
+exports.bs_presence = BsPresence;

package/dist/cjs/bs-progress-linear.cjs.entry.js

@@ -35,13 +35,13 @@ const BsProgressLinear = class {
     render() {
         const isDeterminate = this.type === 'determinate';
         const value = this.clampedValue;
-        return (index.h("div", { key: 'fb99c576009fc4b829a0cda6fbe9191d052277b9', part: "container", class: "bs-progress-linear" }, index.h("div", { key: 'f9d4ec6e1548b87285ca3d23238fbf20d8f29213', part: "track", class: `bs-progress-linear__track bs-progress-linear__track--${this.size}`, role: "progressbar", "aria-label": this.ariaLabel, "aria-valuemin": isDeterminate ? '0' : undefined, "aria-valuemax": isDeterminate ? '100' : undefined, "aria-valuenow": isDeterminate ? String(value) : undefined, "aria-busy": isDeterminate ? undefined : 'true' }, isDeterminate ? (index.h("div", { part: "fill", class: "bs-progress-linear__fill", style: { width: `${value}%` } })) : (
+        return (index.h("div", { key: 'b8413e4b2007893cf2a30243eaa6018c0e7321c8', part: "container", class: "bs-progress-linear" }, index.h("div", { key: 'a169168b32f47f5d62a14c54a3d1fde9e2beb219', part: "track", class: `bs-progress-linear__track bs-progress-linear__track--${this.size}`, role: "progressbar", "aria-label": this.ariaLabel, "aria-valuemin": isDeterminate ? '0' : undefined, "aria-valuemax": isDeterminate ? '100' : undefined, "aria-valuenow": isDeterminate ? String(value) : undefined, "aria-busy": isDeterminate ? undefined : 'true' }, isDeterminate ? (index.h("div", { part: "fill", class: "bs-progress-linear__fill", style: { width: `${value}%` } })) : (
         // Figma's indeterminate bar is a soft "comet" gradient segment (transparent -> blue ->
         // transparent) sliding left-to-right across the track's full width in a loop -- the
         // same fade concept as bs-progress's indeterminate ring's conic-gradient comet tail,
         // but along a straight line via a linear-gradient + `transform: translateX(...)`
         // keyframe animation instead of a rotating conic-gradient.
-        index.h("div", { part: "fill", class: "bs-progress-linear__fill bs-progress-linear__fill--indeterminate" }))), this.showLabel && this.hasLabelContent && (index.h("span", { key: '459e2ced94dfb34c99ad390f0b95c58727fcb4d9', part: "label", class: "bs-progress-linear__label" }, index.h("slot", { key: 'd7aff9f3079b2973665f5531a44031869366b6e3' })))));
+        index.h("div", { part: "fill", class: "bs-progress-linear__fill bs-progress-linear__fill--indeterminate" }))), this.showLabel && this.hasLabelContent && (index.h("span", { key: 'dbde538356381fb557ec01cab90b6d8ba67a479b', part: "label", class: "bs-progress-linear__label" }, index.h("slot", { key: 'e9f6bced860f1147a88171fade7e3e0a6947c17e' })))));
     }
     // The default slot's assigned content lives in the host's light DOM regardless of whether a
     // <slot> is currently rendered in the shadow tree, so this can be computed directly from the

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

@@ -57,7 +57,7 @@ const BsProgress = class {
         const isDeterminate = this.type === 'determinate';
         const value = this.clampedValue;
         const dashOffset = circumference * (1 - value / 100);
-        return (index.h("div", { key: '92ba206f6dbe83e68a85561b8a10053a8bf57867', part: "container", class: "bs-progress" }, index.h("div", { key: '0ed35ee9e002261c4ea786794c3a725fbecfd967', class: "bs-progress__box", style: { width: `${diameter}px`, height: `${diameter}px` }, role: "progressbar", "aria-label": this.ariaLabel, "aria-valuemin": isDeterminate ? '0' : undefined, "aria-valuemax": isDeterminate ? '100' : undefined, "aria-valuenow": isDeterminate ? String(value) : undefined, "aria-busy": isDeterminate ? undefined : 'true' }, isDeterminate ? (index.h("svg", { class: "bs-progress__ring", width: diameter, height: diameter, viewBox: `0 0 ${diameter} ${diameter}` }, index.h("circle", { part: "track", class: "bs-progress__track", cx: diameter / 2, cy: diameter / 2, r: radius, "stroke-width": this.strokeWidth, fill: "none" }), index.h("circle", { part: "arc", class: "bs-progress__arc", cx: diameter / 2, cy: diameter / 2, r: radius, "stroke-width": this.strokeWidth, fill: "none", "stroke-linecap": "round", "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))) : (
+        return (index.h("div", { key: 'b91ecdb26db2711f65f9b35169d30f8c21c85ef0', part: "container", class: "bs-progress" }, index.h("div", { key: 'cafa73aaacde863f5a82185fe75454b0004d68f3', class: "bs-progress__box", style: { width: `${diameter}px`, height: `${diameter}px` }, role: "progressbar", "aria-label": this.ariaLabel, "aria-valuemin": isDeterminate ? '0' : undefined, "aria-valuemax": isDeterminate ? '100' : undefined, "aria-valuenow": isDeterminate ? String(value) : undefined, "aria-busy": isDeterminate ? undefined : 'true' }, isDeterminate ? (index.h("svg", { class: "bs-progress__ring", width: diameter, height: diameter, viewBox: `0 0 ${diameter} ${diameter}` }, index.h("circle", { part: "track", class: "bs-progress__track", cx: diameter / 2, cy: diameter / 2, r: radius, "stroke-width": this.strokeWidth, fill: "none" }), index.h("circle", { part: "arc", class: "bs-progress__arc", cx: diameter / 2, cy: diameter / 2, r: radius, "stroke-width": this.strokeWidth, fill: "none", "stroke-linecap": "round", "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))) : (
         // Figma's indeterminate ring is a fading "comet tail" (transparent -> solid color),
         // not a flat-colored partial arc -- SVG has no angular/conic gradient primitive, so a
         // CSS conic-gradient (color varying by angle) + a radial-gradient mask (carving the
@@ -66,7 +66,7 @@ const BsProgress = class {
         index.h("div", { part: "arc", class: "bs-progress__spinner", style: {
                 '--bs-progress-spinner-stroke-width': `${this.strokeWidth}px`,
                 '--bs-progress-spinner-sweep': `${INDETERMINATE_SWEEP_DEGREES}deg`,
-            } }))), isDeterminate && this.showLabel && (index.h("span", { key: 'c81ebae20e37059d3f0a695b085dc50249cf2c9c', part: "label", class: `bs-progress__label bs-progress__label--${this.size}` }, value, "%"))));
+            } }))), isDeterminate && this.showLabel && (index.h("span", { key: '3d9d1fb48f12171fe4e7bfae6ee86b5d97bc094c', part: "label", class: `bs-progress__label bs-progress__label--${this.size}` }, value, "%"))));
     }
 };
 BsProgress.style = bsProgressCss();

package/dist/cjs/bs-qr-code.cjs.entry.js

@@ -135,7 +135,7 @@ const BsQrCode = class {
         const buttonSize = this.size === 'sm' ? 'sm' : 'md';
         // Figma shows the unavailable actions as filled-disabled (grey) rather than a faded outline,
         // which is what bs-button's disabled primary looks like.
-        return (index.h("bs-card", { key: '4e5a86e053974ebdd585f6a378c4b2c9dfe80b92', part: "container", class: "bs-qr-code", surface: "base" }, this.closable && (index.h("bs-icon-button", { key: 'e320cf76ecac7018040488ac27dbf74eb57fe46b', part: "close", class: "bs-qr-code__close", variant: "subtle", size: "sm", ariaLabel: this.closeLabel, onClick: () => this.bsClose.emit() }, index.h("svg", { key: '92792abcf2ec2df4c9cd916947ffd3e9f11db2e6', viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", "stroke-width": "1.6", "stroke-linecap": "round", "aria-hidden": "true" }, index.h("path", { key: 'fd6ad7be66a5c4f0eb34838fb259a4f85626205a', d: "M5 5L15 15M15 5L5 15" })))), index.h("div", { key: 'a466aa00a2cc54d8b24e39cf77b8a29af6a0eb10', class: "bs-qr-code__body" }, index.h("div", { key: '420d6f114ef12648082c5639b76e79511529ec8f', part: "head", class: "bs-qr-code__head" }, index.h("p", { key: '95226c84a8a6fa9e69366dcafa469a86e7e2e915', part: "title", class: "bs-qr-code__title" }, this.heading), this.description && (index.h("p", { key: 'b3c8ac38d020d2ba3b33471ea75cd818671f794b', part: "description", class: "bs-qr-code__description" }, this.description))), index.h("div", { key: '5cfc86b8a5070a055e14a37a2c8f0903efa928f1', part: "qr", class: "bs-qr-code__qr" }, index.h("div", { key: 'ca3698846a9360e944206062a7f557a235966ffc', part: "code", class: "bs-qr-code__code" }, index.h("slot", { key: '77c2abe0217050d736029c899d8da67de3a9a77b', name: "code" }, this.renderMatrix()), index.h("div", { key: 'd9f29820aeca8366b7e2a58b66952b2cdce93aa4', part: "logo", class: { 'bs-qr-code__logo': true, 'bs-qr-code__logo--visible': this.hasLogo } }, index.h("slot", { key: '0cb7978ca6481ad25e3b7f597c632f6cffcc7c3a', name: "logo", onSlotchange: (ev) => (this.hasLogo = ev.target.assignedNodes().length > 0) }))), this.renderOverlay()), this.type === 'payment' && this.amount && (index.h("div", { key: '4ccc499546fa09ff29b4f518069eb8220e0aec54', part: "amount", class: "bs-qr-code__amount" }, this.amountLabel && index.h("p", { key: '3f7a6799cd4a76fe985a2e4e6c3852c670443802', class: "bs-qr-code__amount-label" }, this.amountLabel), index.h("p", { key: 'd3f49278308cd98b5c39fcee779335d0c565c424', class: "bs-qr-code__amount-value" }, this.amount))), this.type === 'default' && this.url && (index.h("div", { key: '55a59da6ba6c147b317d4e54fdf866887947abe4', part: "url", class: "bs-qr-code__url" }, this.url)), this.expiry && (index.h("bs-chip-informative", { key: 'b84c9a68ab60a4d0f0a5b844eba4b24d7ad3557a', part: "expiry", size: "md" }, index.h(TimerIcon, { key: 'cde3b75e0116fa9d8f7e90cc7aebe6aa799650a2', slot: "icon" }), this.expiry)), showActions && (index.h("div", { key: '1007f98a49a793775512c9d57ea44951a1294bf9', part: "actions", class: "bs-qr-code__actions" }, !this.hideDownload && (index.h("bs-button", { key: '1da4900056da20ee071ef9421e2d4c003b957955', part: "download", variant: interactive ? 'outlined' : 'primary', size: buttonSize, disabled: !interactive, onClick: () => interactive && this.bsDownload.emit() }, index.h(DownloadIcon, { key: '8f2011be9477c936f939e7150e3332af4c827d0d', slot: "icon" }), this.downloadLabel)), !this.hideCopy && (index.h("bs-button", { key: 'a47912896e8d99fe05847c332c164e8d63be63f6', part: "copy", variant: interactive ? 'outlined' : 'primary', size: buttonSize, disabled: !interactive, onClick: () => interactive && this.onCopy() }, index.h(CopyIcon, { key: '7a78f3459c29d3b190dba3385adb3b1c61d7e0d5', slot: "icon" }), this.copyLabel)))))));
+        return (index.h("bs-card", { key: '4e167a1963bdcf3cfab55d45512b9a6892967863', part: "container", class: "bs-qr-code", surface: "base" }, this.closable && (index.h("bs-icon-button", { key: '6515eda31ed66c48f751a030aac2a1e8787168bb', part: "close", class: "bs-qr-code__close", variant: "subtle", size: "sm", ariaLabel: this.closeLabel, onClick: () => this.bsClose.emit() }, index.h("svg", { key: '3fcb2f17e996eec1f0d7b63ce801a0c2afaa34f5', viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", "stroke-width": "1.6", "stroke-linecap": "round", "aria-hidden": "true" }, index.h("path", { key: '2918e13d5155c393d5bcd38770f4288c4a580249', d: "M5 5L15 15M15 5L5 15" })))), index.h("div", { key: '9e78a07d15f1c796d5d3a95250048f792dffed66', class: "bs-qr-code__body" }, index.h("div", { key: 'f11274026541602224216fd1c9125ee6747fa863', part: "head", class: "bs-qr-code__head" }, index.h("p", { key: '2bad1953d7f5c67c92e3759999d4aa4010b016c5', part: "title", class: "bs-qr-code__title" }, this.heading), this.description && (index.h("p", { key: 'abb48d14fbf8b307d4f370601cd2eb5ffc4df421', part: "description", class: "bs-qr-code__description" }, this.description))), index.h("div", { key: '17af9e23f1a66d89367d9c26bb8ea551c069b2c0', part: "qr", class: "bs-qr-code__qr" }, index.h("div", { key: '2092115e613237a13c31243d7370f20bd3fc4c09', part: "code", class: "bs-qr-code__code" }, index.h("slot", { key: 'c189b0b1edf6f61489e9d1ebe8275c2685862e77', name: "code" }, this.renderMatrix()), index.h("div", { key: '1e082f0d8b7ee552ab35f2da7ec13c0a9c5d7d86', part: "logo", class: { 'bs-qr-code__logo': true, 'bs-qr-code__logo--visible': this.hasLogo } }, index.h("slot", { key: '5c305729c9771f95d3bf1877efe86de9f63054e7', name: "logo", onSlotchange: (ev) => (this.hasLogo = ev.target.assignedNodes().length > 0) }))), this.renderOverlay()), this.type === 'payment' && this.amount && (index.h("div", { key: 'd896562fc83349ada191a1956dfe8b3ffe02dfda', part: "amount", class: "bs-qr-code__amount" }, this.amountLabel && index.h("p", { key: '8523dd83e68c5f7af690afa71152d82a8f33280d', class: "bs-qr-code__amount-label" }, this.amountLabel), index.h("p", { key: 'b558183ed05e918b49f17901c5f4a90455527c07', class: "bs-qr-code__amount-value" }, this.amount))), this.type === 'default' && this.url && (index.h("div", { key: 'b2e14982c041255d561c733465ec946191f71308', part: "url", class: "bs-qr-code__url" }, this.url)), this.expiry && (index.h("bs-chip-informative", { key: '73443e59dd874d9888b4635d25f8abfb66e2ba15', part: "expiry", size: "md" }, index.h(TimerIcon, { key: 'e2c8e896629106af6b6e43f5927cc40cb986c895', slot: "icon" }), this.expiry)), showActions && (index.h("div", { key: 'c0e4e621b7535020de664c18b156a40ebd0f9cc5', part: "actions", class: "bs-qr-code__actions" }, !this.hideDownload && (index.h("bs-button", { key: '7d20bfd9ef09f9f739f7c2482d4f6a460dc4380d', part: "download", variant: interactive ? 'outlined' : 'primary', size: buttonSize, disabled: !interactive, onClick: () => interactive && this.bsDownload.emit() }, index.h(DownloadIcon, { key: '27ea6048df80bc0882178f428ab8484d9c2d3e0c', slot: "icon" }), this.downloadLabel)), !this.hideCopy && (index.h("bs-button", { key: '814e7b49e0b2b3d1c55042910495cb33da115210', part: "copy", variant: interactive ? 'outlined' : 'primary', size: buttonSize, disabled: !interactive, onClick: () => interactive && this.onCopy() }, index.h(CopyIcon, { key: '82af9fe245268df404461f9f750c61b0b4ade027', slot: "icon" }), this.copyLabel)))))));
     }
 };
 const iconProps = { viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', 'stroke-width': '2', 'stroke-linecap': 'round', 'stroke-linejoin': 'round', 'aria-hidden': 'true' };

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-BYfMRtlW.js');
 
-const bsRadioCss = () => `:host{display:inline-block;--bs-radio-size:var(--bs-spacing-300);--bs-radio-border-width:2px;--bs-radio-state-layer-size:40px;--bs-radio-hit-area-size:48px;--bs-radio-gap:var(--bs-spacing-100)}.bs-radio{position:relative;display:inline-flex;align-items:center;gap:var(--bs-radio-gap);font-family:inherit;cursor:pointer}.bs-radio--disabled{cursor:not-allowed}.bs-radio__input{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}.bs-radio__input:disabled{cursor:not-allowed}.bs-radio__hit-area{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bs-radio-hit-area-size);height:var(--bs-radio-hit-area-size)}.bs-radio__state-layer{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:var(--bs-radio-state-layer-size);height:var(--bs-radio-state-layer-size);border-radius:50%;background:var(--bs-radio-bg-default)}.bs-radio__circle{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bs-radio-size);height:var(--bs-radio-size);border:var(--bs-radio-border-width) solid var(--bs-radio-enabled-border-default);border-radius:50%;background:transparent}.bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-default)}.bs-radio__dot{width:50%;height:50%;border-radius:50%;background:var(--bs-radio-icon-checked)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-hover)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-enabled-border-hover)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-hover)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__circle--selected .bs-radio__dot{background:var(--bs-radio-icon-hover)}.bs-radio__input:focus-visible~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-focus);outline:2px solid var(--bs-radio-focus-ring);outline-offset:2px}.bs-radio__input:focus-visible~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-enabled-border-focus)}.bs-radio__input:focus-visible~.bs-radio__hit-area .bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-focus)}.bs-radio__input:active:not(:disabled)~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-pressed)}.bs-radio__input:active:not(:disabled)~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-enabled-border-pressed)}.bs-radio__input:active:not(:disabled)~.bs-radio__hit-area .bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-pressed)}.bs-radio__input:disabled~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-disabled)}.bs-radio__input:disabled~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-border-disabled)}.bs-radio__input:disabled~.bs-radio__hit-area .bs-radio__circle--selected .bs-radio__dot{background:var(--bs-radio-icon-disabled)}.bs-radio__label{font-size:var(--bs-font-size-md);color:var(--bs-radio-label-default)}.bs-radio--disabled .bs-radio__label{color:var(--bs-radio-label-disabled)}@media (forced-colors: active){.bs-radio__circle{border:2px solid ButtonText;forced-color-adjust:none;background:Canvas}.bs-radio__dot{background:Highlight}}`;
+const bsRadioCss = () => `:host{display:inline-block;--bs-radio-size:var(--bs-spacing-300);--bs-radio-border-width:2px;--bs-radio-state-layer-size:40px;--bs-radio-hit-area-size:48px;--bs-radio-gap:var(--bs-spacing-100)}.bs-radio{position:relative;display:inline-flex;align-items:center;gap:var(--bs-radio-gap);font-family:inherit;cursor:pointer}.bs-radio--disabled{cursor:not-allowed}.bs-radio__input{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}.bs-radio__input:disabled{cursor:not-allowed}.bs-radio__hit-area{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bs-radio-hit-area-size);height:var(--bs-radio-hit-area-size)}.bs-radio__state-layer{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:var(--bs-radio-state-layer-size);height:var(--bs-radio-state-layer-size);border-radius:50%;background:var(--bs-radio-bg-default)}.bs-radio__circle{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bs-radio-size);height:var(--bs-radio-size);border:var(--bs-radio-border-width) solid var(--bs-radio-enabled-border-default);border-radius:50%;background:transparent}.bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-default)}.bs-radio__dot{width:50%;height:50%;border-radius:50%;background:var(--bs-radio-icon-checked)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-hover)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-enabled-border-hover)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-hover)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__circle--selected .bs-radio__dot{background:var(--bs-radio-icon-hover)}.bs-radio__input:focus-visible~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-focus);outline:2px solid var(--bs-radio-focus-ring);outline-offset:2px}.bs-radio__input:focus-visible~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-enabled-border-focus)}.bs-radio__input:focus-visible~.bs-radio__hit-area .bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-focus)}.bs-radio__input:active:not(:disabled)~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-pressed)}.bs-radio__input:active:not(:disabled)~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-enabled-border-pressed)}.bs-radio__input:active:not(:disabled)~.bs-radio__hit-area .bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-pressed)}.bs-radio__input:disabled~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-disabled)}.bs-radio__input:disabled~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-border-disabled)}.bs-radio__input:disabled~.bs-radio__hit-area .bs-radio__circle--selected .bs-radio__dot{background:var(--bs-radio-icon-disabled)}.bs-radio__label{font-size:var(--bs-font-size-md);color:var(--bs-radio-label-default)}.bs-radio--disabled .bs-radio__label{color:var(--bs-radio-label-disabled)}@media (forced-colors: active){.bs-radio__circle{border:2px solid ButtonText;forced-color-adjust:none;background:Canvas}.bs-radio__dot{background:Highlight}}.bs-radio__ripple{border-radius:50%;--bs-ripple-color:var(--bs-color-primary-default)}`;
 
 const BsRadio = class {
     constructor(hostRef) {
@@ -49,7 +49,7 @@ const BsRadio = class {
         return Array.from(root.querySelectorAll('bs-radio')).filter(r => r.name === this.name);
     }
     onCheckedChange() {
-        this.internals?.setFormValue?.(this.checked ? this.value ?? 'on' : null);
+        this.internals?.setFormValue?.(this.checked ? (this.value ?? 'on') : null);
         if (this.checked) {
             this.groupMembers().forEach(r => {
                 if (r !== this.el && r.checked)
@@ -66,7 +66,7 @@ const BsRadio = class {
     }
     componentWillLoad() {
         this.initialChecked = this.checked;
-        this.internals?.setFormValue?.(this.checked ? this.value ?? 'on' : null);
+        this.internals?.setFormValue?.(this.checked ? (this.value ?? 'on') : null);
     }
     componentDidLoad() {
         this.refreshGroupState();
@@ -100,7 +100,7 @@ const BsRadio = class {
         }
     };
     render() {
-        return (index.h("label", { key: '4d0c326eeabe7ff540141333960c42a606afbb11', class: `bs-radio ${this.disabled ? 'bs-radio--disabled' : ''}` }, index.h("input", { key: '0557c4f8f3b083030eb84b0a59f9c5e7ab303cfa', class: "bs-radio__input", type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, tabIndex: this.checked || !this.groupHasChecked ? 0 : -1, onKeyDown: this.onKeyDown, onChange: this.onChange }), index.h("span", { key: '8a07e63e2906cac056bbe88c9fe112ec63f4ad06', class: "bs-radio__hit-area" }, index.h("span", { key: '338774c223b44fcd1a069526e749cb799a30528b', class: "bs-radio__state-layer" }, index.h("span", { key: '3ca6898923889a6456c606e7ce4f155d90ca1db3', part: "circle", class: `bs-radio__circle ${this.checked ? 'bs-radio__circle--selected' : ''}` }, this.checked && index.h("span", { key: 'b9bf173b97ab3427aec2826c158a2e107ec5a119', part: "dot", class: "bs-radio__dot" })))), index.h("span", { key: 'ce86e8e4383192061180c7fc13893f3b6e125618', part: "label", class: "bs-radio__label" }, index.h("slot", { key: 'e06df7e503176701ee266d77fd908ae021367277' }))));
+        return (index.h("label", { key: '45b7a8896d570c915d86a073ae624cd9d7cba26a', class: `bs-radio ${this.disabled ? 'bs-radio--disabled' : ''}` }, index.h("input", { key: '1952e33f69903cfc8b85f6e6e3a544381d8785ed', class: "bs-radio__input", type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, tabIndex: this.checked || !this.groupHasChecked ? 0 : -1, onKeyDown: this.onKeyDown, onChange: this.onChange }), index.h("span", { key: '5c88f70158e39dd51ce403860dd66eebaea1ddf7', class: "bs-radio__hit-area" }, index.h("bs-ripple", { key: '041e1e5535e9267b551d87f5fd66ccb29d7aa4d3', part: "ripple", class: "bs-radio__ripple", centered: true, triggerSelector: ".bs-radio", disabled: this.disabled }), index.h("span", { key: '7bbdb3278e70e531fcf5b7f3f237fec299d5282e', class: "bs-radio__state-layer" }, index.h("span", { key: '7586e3baaeef3900c1f9676524ef69378bbdc121', part: "circle", class: `bs-radio__circle ${this.checked ? 'bs-radio__circle--selected' : ''}` }, this.checked && index.h("span", { key: '72a0571227b331512de1b89471aa18b909f34b84', part: "dot", class: "bs-radio__dot" })))), index.h("span", { key: 'c48f3a4b3acb74bb5e71eb561dba2217460af8a0', part: "label", class: "bs-radio__label" }, index.h("slot", { key: '48fab02676fb747aff3160ddc3cf2e0ee5cd2883' }))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-BYfMRtlW.js');
 
-const bsSearchItemCss = () => `:host{display:block;width:100%;box-sizing:border-box;--bs-search-item-min-height:var(--bs-spacing-600);--bs-search-item-padding-y:var(--bs-spacing-100);--bs-search-item-padding-x:var(--bs-spacing-150);--bs-search-item-gap:var(--bs-spacing-100);--bs-search-item-radius:var(--bs-border-radius-100);--bs-search-item-bg:transparent;--bs-search-item-bg-active:var(--bs-surface-hover);--bs-search-item-bg-pressed:var(--bs-surface-pressed);--bs-search-item-color:var(--bs-text-default);--bs-search-item-color-muted:var(--bs-text-muted);--bs-search-item-color-disabled:var(--bs-text-on-disabled);--bs-search-item-icon-color:var(--bs-icon-default)}.bs-search-item{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-search-item-gap);width:100%;min-height:var(--bs-search-item-min-height);padding:var(--bs-search-item-padding-y) var(--bs-search-item-padding-x);border-radius:var(--bs-search-item-radius);background:var(--bs-search-item-bg);color:var(--bs-search-item-color);font-family:inherit;cursor:pointer;transition:background-color 120ms ease}:host([active]) .bs-search-item,.bs-search-item:hover{background:var(--bs-search-item-bg-active)}.bs-search-item:active{background:var(--bs-search-item-bg-pressed)}:host([disabled]) .bs-search-item{background:var(--bs-search-item-bg);color:var(--bs-search-item-color-disabled);cursor:default}.bs-search-item__icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--bs-search-item-icon-color)}.bs-search-item__icon--hidden,.bs-search-item__description--hidden,.bs-search-item__trailing--hidden{display:none}.bs-search-item__icon ::slotted(svg){width:24px;height:24px}.bs-search-item__content{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.bs-search-item__label{font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-regular);line-height:24px}.bs-search-item__label ::slotted(b),.bs-search-item__label ::slotted(strong){font-weight:var(--bs-font-weight-semibold)}.bs-search-item__description{color:var(--bs-search-item-color-muted);font-size:var(--bs-font-size-sm);line-height:20px}.bs-search-item__trailing{flex:0 0 auto;color:var(--bs-search-item-color-muted);font-size:var(--bs-font-size-sm);line-height:20px;white-space:nowrap}:host([disabled]) .bs-search-item__description,:host([disabled]) .bs-search-item__trailing{color:var(--bs-search-item-color-disabled)}@media (prefers-reduced-motion: reduce){.bs-search-item{transition:none}}`;
+const bsSearchItemCss = () => `:host{display:block;width:100%;box-sizing:border-box;--bs-search-item-min-height:var(--bs-spacing-600);--bs-search-item-padding-y:var(--bs-spacing-100);--bs-search-item-padding-x:var(--bs-spacing-150);--bs-search-item-gap:var(--bs-spacing-100);--bs-search-item-radius:var(--bs-border-radius-100);--bs-search-item-bg:transparent;--bs-search-item-bg-active:var(--bs-surface-hover);--bs-search-item-bg-pressed:var(--bs-surface-pressed);--bs-search-item-color:var(--bs-text-default);--bs-search-item-color-muted:var(--bs-text-muted);--bs-search-item-color-disabled:var(--bs-text-on-disabled);--bs-search-item-icon-color:var(--bs-icon-default)}.bs-search-item{position:relative;box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-search-item-gap);width:100%;min-height:var(--bs-search-item-min-height);padding:var(--bs-search-item-padding-y) var(--bs-search-item-padding-x);border-radius:var(--bs-search-item-radius);background:var(--bs-search-item-bg);color:var(--bs-search-item-color);font-family:inherit;cursor:pointer;transition:background-color 120ms ease}:host([active]) .bs-search-item,.bs-search-item:hover{background:var(--bs-search-item-bg-active)}.bs-search-item:active{background:var(--bs-search-item-bg-pressed)}:host([disabled]) .bs-search-item{background:var(--bs-search-item-bg);color:var(--bs-search-item-color-disabled);cursor:default}.bs-search-item__icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--bs-search-item-icon-color)}.bs-search-item__icon--hidden,.bs-search-item__description--hidden,.bs-search-item__trailing--hidden{display:none}.bs-search-item__icon ::slotted(svg){width:24px;height:24px}.bs-search-item__content{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.bs-search-item__label{font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-regular);line-height:24px}.bs-search-item__label ::slotted(b),.bs-search-item__label ::slotted(strong){font-weight:var(--bs-font-weight-semibold)}.bs-search-item__description{color:var(--bs-search-item-color-muted);font-size:var(--bs-font-size-sm);line-height:20px}.bs-search-item__trailing{flex:0 0 auto;color:var(--bs-search-item-color-muted);font-size:var(--bs-font-size-sm);line-height:20px;white-space:nowrap}:host([disabled]) .bs-search-item__description,:host([disabled]) .bs-search-item__trailing{color:var(--bs-search-item-color-disabled)}@media (prefers-reduced-motion: reduce){.bs-search-item{transition:none}}`;
 
 const BsSearchItem = class {
     constructor(hostRef) {
@@ -39,7 +39,7 @@ const BsSearchItem = class {
     slotFilled = (set) => (ev) => set(ev.target.assignedNodes().length > 0);
     render() {
         const role = this.selectionRole ?? undefined;
-        return (index.h("div", { key: '0c570b63e05b1fc0294329710fbf88b2fc21e1ff', part: "container", class: "bs-search-item", role: role, "aria-selected": role ? String(this.active) : undefined, "aria-disabled": role && this.disabled ? 'true' : undefined }, index.h("span", { key: '5dd4eebb10183d38704ac1669c024ef863846c00', part: "icon", class: { 'bs-search-item__icon': true, 'bs-search-item__icon--hidden': !this.hasIcon } }, index.h("slot", { key: '4c1b4f5d589201f1fa98081cc432d630950311e0', name: "icon", onSlotchange: this.slotFilled(v => (this.hasIcon = v)) })), index.h("span", { key: '0908a9fc5a42c00e6bae6e5f69fe1f3224a73147', part: "content", class: "bs-search-item__content" }, index.h("span", { key: '817216a76634be9b203bb324c8ee5cb54505f44f', part: "label", class: "bs-search-item__label" }, index.h("slot", { key: '7ee0d2da1dc6e2ddd9dc25e5a3d2238c87b223b1' })), index.h("span", { key: '765a7dae7761d72b1b3a5571549a044420c88a05', part: "description", class: { 'bs-search-item__description': true, 'bs-search-item__description--hidden': !this.hasDescription } }, index.h("slot", { key: '8d1da1dc91b3133b10a17f711227031daa40e5ee', name: "description", onSlotchange: this.slotFilled(v => (this.hasDescription = v)) }))), index.h("span", { key: '33fcb4ab13f5ab8659249c70626699ee831a008d', part: "trailing", class: { 'bs-search-item__trailing': true, 'bs-search-item__trailing--hidden': !this.hasTrailingSlot && !this.trailing } }, index.h("slot", { key: '21cd86383493354482304367794e557c1b20bf17', name: "trailing", onSlotchange: this.slotFilled(v => (this.hasTrailingSlot = v)) }, this.trailing))));
+        return (index.h("div", { key: '5a3a8580e47d0c10e55db1b787b0b74e6cb3a4f3', part: "container", class: "bs-search-item", role: role, "aria-selected": role ? String(this.active) : undefined, "aria-disabled": role && this.disabled ? 'true' : undefined }, !this.disabled && index.h("bs-ripple", { key: 'c8e27ae7b1e0d50f8ecff26c91bcae9c3b62950f', part: "ripple" }), index.h("span", { key: '81ad3c5bec85021e7276909753e4f1a3a17e4b00', part: "icon", class: { 'bs-search-item__icon': true, 'bs-search-item__icon--hidden': !this.hasIcon } }, index.h("slot", { key: '88262df53a785c5e60b8ec3935b1d1861cf1ae6a', name: "icon", onSlotchange: this.slotFilled(v => (this.hasIcon = v)) })), index.h("span", { key: '5924d34123f7889eddd068ee24a2dfc6df8f41b3', part: "content", class: "bs-search-item__content" }, index.h("span", { key: '671557c0b077e15450be02e5bb474c0f449dfea7', part: "label", class: "bs-search-item__label" }, index.h("slot", { key: '97ebaf915bcc552fd77d78e7ddb39fdc640ee023' })), index.h("span", { key: 'e60d0190f0c562c041d0c305917220f4a34f450f', part: "description", class: { 'bs-search-item__description': true, 'bs-search-item__description--hidden': !this.hasDescription } }, index.h("slot", { key: 'd044cb988f1edc550a18cfe06a9258b7cae2f15f', name: "description", onSlotchange: this.slotFilled(v => (this.hasDescription = v)) }))), index.h("span", { key: 'e55b0b5c9a7fb2531f6d20667970dc587a27b140', part: "trailing", class: { 'bs-search-item__trailing': true, 'bs-search-item__trailing--hidden': !this.hasTrailingSlot && !this.trailing } }, index.h("slot", { key: 'bae1da141d180b3dbb788c19a632548d0127bd64', name: "trailing", onSlotchange: this.slotFilled(v => (this.hasTrailingSlot = v)) }, this.trailing))));
     }
 };
 BsSearchItem.style = bsSearchItemCss();

package/dist/cjs/bs-session-timeout.cjs.entry.js

@@ -160,7 +160,7 @@ const BsSessionTimeout = class {
         const description = this.description ?? d.description;
         const primary = this.primaryLabel ?? d.primary;
         const secondary = this.secondaryLabel ?? d.secondary;
-        return (index.h("bs-card", { key: 'd24c6a8c35ba5fa00d09789ae3b9fb9c13478aa2', part: "container", class: "bs-session-timeout", surface: "base", role: "region", "aria-labelledby": "heading" }, index.h("div", { key: '519212dd44edaf8b6083d0b4a0aa554721030edb', class: "bs-session-timeout__body" }, !this.hideIcon && (index.h("bs-icon-tile", { key: '0afcc5d7ac6331327c54f207c7bf17a85e1d4ca6', part: "art", intent: d.intent, size: "lg" }, index.h("slot", { key: '9b23c1e0ac3338026d9fd865f388156f79dbbccf', name: "icon" }, d.glyph()))), this.renderHeading(heading, description), this.type === 'warning' && this.renderWarning(), this.type === 'warning' && this.savedMessage && (index.h("p", { key: '28feba54a260237d0fbd4f1fd73c0a2f759f1de7', part: "saved", class: "bs-session-timeout__saved" }, index.h(InfoIcon, { key: 'cf8cc480add0d2269e5dc60b6eca92429f2747bd' }), index.h("span", { key: '9bcaa1f9605dec86b2323b6b30ea433426c760dc' }, this.savedMessage))), this.type === 'signed-out' && this.renderAccount(), this.type === 'confirm-identity' && this.renderConfirm(), this.type === 'warning' && (primary || secondary) && (index.h("div", { key: '3c5da6d79a8e7958d24d4a5426f4e44c04333b65', part: "actions", class: "bs-session-timeout__actions" }, secondary && (index.h("bs-button", { key: '0e552712f93f9a59919ed2a64bd71d9d79908978', part: "secondary", variant: "outlined", onClick: () => this.bsSecondary.emit() }, secondary)), primary && (index.h("bs-button", { key: 'f461ea7b8119d8608a7d560b6aa52c404c61028c', part: "primary", variant: "primary", onClick: () => this.bsPrimary.emit() }, primary)))), this.type === 'signed-out' && (primary || secondary) && (index.h("div", { key: '8e4ea5ec9e71e233bfd1a125bacf4ada41ee3a6d', part: "actions", class: "bs-session-timeout__actions bs-session-timeout__actions--stacked" }, primary && (index.h("bs-button", { key: '104e37dc1b7b7ce672c12a8a81e3069d2c85a7f2', part: "primary", class: "bs-session-timeout__block-button", variant: "primary", onClick: () => this.bsPrimary.emit() }, primary)), secondary && (index.h("bs-button", { key: '3ab259894ba4ab7362e3543762c575ca5c5c1feb', part: "secondary", class: "bs-session-timeout__text-button", variant: "subtle", size: "lg", onClick: () => this.bsSecondary.emit() }, secondary)))), index.h("div", { key: 'e44f63e49fc80fa1f297d9b10beadfd2a192c586', class: "bs-session-timeout__sr-only", role: "status", "aria-live": "polite" }, this.announcement))));
+        return (index.h("bs-card", { key: '6e8091dcd3e15ebf5b68dc024f69ef23cf1850d4', part: "container", class: "bs-session-timeout", surface: "base", role: "region", "aria-labelledby": "heading" }, index.h("div", { key: '53eca19dff3cde4bac5b0fac889da620980db6d6', class: "bs-session-timeout__body" }, !this.hideIcon && (index.h("bs-icon-tile", { key: '07074e81e49beaada9dd4b92770bfd4999353629', part: "art", intent: d.intent, size: "lg" }, index.h("slot", { key: '362feaab173e019303ab2e69bb6c38a8ac5898f6', name: "icon" }, d.glyph()))), this.renderHeading(heading, description), this.type === 'warning' && this.renderWarning(), this.type === 'warning' && this.savedMessage && (index.h("p", { key: 'b264006e5b5fc1ad21850d2b00b7a8fda4f0da18', part: "saved", class: "bs-session-timeout__saved" }, index.h(InfoIcon, { key: 'b5928e557e3b4b84e56e4312652725f03a3349da' }), index.h("span", { key: 'a9830a6ecb1cc3c889132c298bf93ae1cd590b09' }, this.savedMessage))), this.type === 'signed-out' && this.renderAccount(), this.type === 'confirm-identity' && this.renderConfirm(), this.type === 'warning' && (primary || secondary) && (index.h("div", { key: 'de05950cdcbbaee5bea7f9078ab21675423720a5', part: "actions", class: "bs-session-timeout__actions" }, secondary && (index.h("bs-button", { key: 'f3c9295fd63ab6362ff3c3821e994523a6faed4a', part: "secondary", variant: "outlined", onClick: () => this.bsSecondary.emit() }, secondary)), primary && (index.h("bs-button", { key: 'b121ea361fd5e69092079f5aa87f5af06e46039e', part: "primary", variant: "primary", onClick: () => this.bsPrimary.emit() }, primary)))), this.type === 'signed-out' && (primary || secondary) && (index.h("div", { key: '77acc3ed926513e60706d02fcb3077dee05b5b26', part: "actions", class: "bs-session-timeout__actions bs-session-timeout__actions--stacked" }, primary && (index.h("bs-button", { key: 'f8279d2ddb817395c88bd5d467f3a53ce927ac77', part: "primary", class: "bs-session-timeout__block-button", variant: "primary", onClick: () => this.bsPrimary.emit() }, primary)), secondary && (index.h("bs-button", { key: '40c06a5a88c6b91833f50b61db6953a205f8102a', part: "secondary", class: "bs-session-timeout__text-button", variant: "subtle", size: "lg", onClick: () => this.bsSecondary.emit() }, secondary)))), index.h("div", { key: '179e7d8a22872c50f531758bfc64b1de7c4f557d', class: "bs-session-timeout__sr-only", role: "status", "aria-live": "polite" }, this.announcement))));
     }
     static get watchers() { return {
         "countdown": [{

package/dist/cjs/bs-shortcut-row.cjs.entry.js

@@ -19,7 +19,7 @@ const BsShortcutRow = class {
     /** Set by the parent list (`"listitem"`). Standalone rows have no role. */
     selectionRole = null;
     render() {
-        return (index.h("div", { key: '3594dbd6526283414539f46dbf83430c35b6aa03', part: "container", class: "bs-shortcut-row", role: this.selectionRole ?? undefined }, index.h("span", { key: '74bf12e32a4fc15c77ee4b650ae1facee76f68c0', part: "action", class: "bs-shortcut-row__action" }, index.h("slot", { key: '6bfc823e7ffb68d7a2d677d828dfe5f765f1d094' }, this.action)), index.h("span", { key: '4f6ba475754e26dffdae4dbbc29d64c1f01d2463', part: "keys", class: "bs-shortcut-row__keys" }, index.h("slot", { key: '251e7333354292aacc6f93265d3ebce68db0af53', name: "keys" }, index.h("bs-key-caps", { key: 'f887b73b0c21c92997cee5a4742e23b5caad358d', keys: this.keys, label: this.label, disabled: this.disabled })))));
+        return (index.h("div", { key: 'd336bcc14fe7dcd1e89e436869fc3a45f354d6e8', part: "container", class: "bs-shortcut-row", role: this.selectionRole ?? undefined }, index.h("span", { key: '45583d2bd4a7ef0b803e09d044bb90d5db86fe56', part: "action", class: "bs-shortcut-row__action" }, index.h("slot", { key: '3dd97ce7647a6efe7f7f0f4f4f10bda2f7f282b9' }, this.action)), index.h("span", { key: '3974fb0a6d0ca7aaaf136253db49e53c4dbedca4', part: "keys", class: "bs-shortcut-row__keys" }, index.h("slot", { key: '3341c3a3e96eb4e0f1cbe821ea2a52936fa1bb37', name: "keys" }, index.h("bs-key-caps", { key: 'cbd12693cf4c679e7dcd04e3e00a7d7c43d1fe76', keys: this.keys, label: this.label, disabled: this.disabled })))));
     }
 };
 BsShortcutRow.style = bsShortcutRowCss();

package/dist/cjs/bs-side-panel.cjs.entry.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var index = require('./index-BYfMRtlW.js');
+var motion = require('./motion-DOlI71lc.js');
 
-const bsSidePanelCss = () => `:host{--bs-side-panel-bg:var(--bs-surface-raised);--bs-side-panel-width:calc(var(--bs-scale-1600) * 3);--bs-side-panel-padding:var(--bs-spacing-200);--bs-side-panel-shadow:var(--bs-shadow-md);--bs-side-panel-overlay-bg:var(--bs-surface-overlay);--bs-side-panel-color:var(--bs-text-default);--bs-side-panel-z-index:var(--bs-z-index-modal)}.bs-side-panel{position:fixed;inset:0;z-index:var(--bs-side-panel-z-index);pointer-events:none}.bs-side-panel__overlay{position:absolute;inset:0;background:var(--bs-side-panel-overlay-bg);pointer-events:auto}.bs-side-panel__panel{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;box-sizing:border-box;width:var(--bs-side-panel-width);max-width:100%;background:var(--bs-side-panel-bg);color:var(--bs-side-panel-color);box-shadow:var(--bs-side-panel-shadow);pointer-events:auto;outline:none}.bs-side-panel--start .bs-side-panel__panel{left:0}.bs-side-panel--end .bs-side-panel__panel{right:0}.bs-side-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-spacing-100);padding:var(--bs-side-panel-padding)}.bs-side-panel__heading{margin:0;font-size:var(--bs-font-size-lg);font-weight:var(--bs-font-weight-semibold)}.bs-side-panel__actions{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-side-panel__body{flex:1;overflow-y:auto;padding:0 var(--bs-side-panel-padding)}.bs-side-panel__footer{padding:var(--bs-side-panel-padding)}`;
+const bsSidePanelCss = () => `:host{--bs-side-panel-bg:var(--bs-surface-raised);--bs-side-panel-width:calc(var(--bs-scale-1600) * 3);--bs-side-panel-padding:var(--bs-spacing-200);--bs-side-panel-shadow:var(--bs-shadow-md);--bs-side-panel-overlay-bg:var(--bs-surface-overlay);--bs-side-panel-color:var(--bs-text-default);--bs-side-panel-z-index:var(--bs-z-index-modal);--bs-side-panel-duration:var(--bs-duration-slow);--bs-side-panel-easing:var(--bs-easing-standard)}.bs-side-panel{position:fixed;inset:0;z-index:var(--bs-side-panel-z-index);pointer-events:none}.bs-side-panel__overlay{position:absolute;inset:0;background:var(--bs-side-panel-overlay-bg);pointer-events:auto}.bs-side-panel__panel{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;box-sizing:border-box;width:var(--bs-side-panel-width);max-width:100%;background:var(--bs-side-panel-bg);color:var(--bs-side-panel-color);box-shadow:var(--bs-side-panel-shadow);pointer-events:auto;outline:none}.bs-side-panel--start .bs-side-panel__panel{left:0}.bs-side-panel--end .bs-side-panel__panel{right:0}.bs-side-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-spacing-100);padding:var(--bs-side-panel-padding)}.bs-side-panel__heading{margin:0;font-size:var(--bs-font-size-lg);font-weight:var(--bs-font-weight-semibold)}.bs-side-panel__actions{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-side-panel__body{flex:1;overflow-y:auto;padding:0 var(--bs-side-panel-padding)}.bs-side-panel__footer{padding:var(--bs-side-panel-padding)}.bs-side-panel--closing .bs-side-panel__overlay,.bs-side-panel--closing .bs-side-panel__panel{pointer-events:none}`;
 
 let panelId = 0;
 const BsSidePanel = class {
@@ -28,7 +29,24 @@ const BsSidePanel = class {
     panelEl;
     /** Elements we set `inert` on (so we only undo our own changes). */
     inertified = [];
+    /** True while the slide-out plays after `open` went false, so the panel stays mounted for it. */
+    closing = false;
+    overlayEl;
+    enterPending = false;
+    exitPending = false;
+    motionRun = 0;
+    wasRendered = false;
     onOpenChange(next) {
+        this.motionRun++;
+        motion.cancelMotion(this.overlayEl, this.panelEl);
+        if (next) {
+            this.closing = false;
+            this.enterPending = true;
+        }
+        else if (this.wasRendered && motion.readMotion(this.el, 'bs-side-panel').ms > 0) {
+            this.closing = true;
+            this.exitPending = true;
+        }
         if (next) {
             this.previouslyFocused = document.activeElement ?? null;
             this.applyInert();
@@ -122,7 +140,38 @@ const BsSidePanel = class {
             first.focus();
         }
     }
+    /** Where the panel sits when hidden: fully past its own edge. Physical, like the panel's own left/right. */
+    offscreen() {
+        return this.side === 'start' ? 'translateX(-100%)' : 'translateX(100%)';
+    }
+    playEnter() {
+        const { ms, easing } = motion.readMotion(this.el, 'bs-side-panel');
+        if (ms === 0)
+            return;
+        motion.play(this.overlayEl, [{ opacity: 0 }, { opacity: 1 }], ms, easing);
+        motion.play(this.panelEl, [{ transform: this.offscreen() }, { transform: 'none' }], ms, easing);
+    }
+    playExit() {
+        const { ms, easing } = motion.readMotion(this.el, 'bs-side-panel');
+        const run = ++this.motionRun;
+        Promise.all([
+            motion.play(this.overlayEl, [{ opacity: 1 }, { opacity: 0 }], ms, easing, 'forwards'),
+            motion.play(this.panelEl, [{ transform: 'none' }, { transform: this.offscreen() }], ms, easing, 'forwards'),
+        ]).then(() => {
+            if (run === this.motionRun)
+                this.closing = false;
+        });
+    }
     componentDidRender() {
+        this.wasRendered = this.open || this.closing;
+        if (this.open && this.enterPending) {
+            this.enterPending = false;
+            this.playEnter();
+        }
+        else if (!this.open && this.closing && this.exitPending) {
+            this.exitPending = false;
+            this.playExit();
+        }
         if (this.open && this.panelEl && !this.focusedIn) {
             this.focusedIn = true;
             this.panelEl.focus();
@@ -146,9 +195,9 @@ const BsSidePanel = class {
         }
     };
     render() {
-        if (!this.open)
+        if (!this.open && !this.closing)
             return null;
-        return (index.h("div", { class: `bs-side-panel bs-side-panel--${this.side}`, onKeyDown: this.onKeyDown }, this.overlay && index.h("div", { part: "overlay", class: "bs-side-panel__overlay", onClick: this.close }), index.h("div", { part: "panel", class: "bs-side-panel__panel", role: "dialog", "aria-modal": "true", "aria-labelledby": this.headingId, tabindex: "-1", ref: el => (this.panelEl = el) }, index.h("div", { part: "header", class: "bs-side-panel__header" }, index.h("h2", { part: "heading", id: this.headingId, class: "bs-side-panel__heading" }, this.heading), index.h("div", { class: "bs-side-panel__actions" }, index.h("slot", { name: "header-actions" }), index.h("bs-icon-button", { variant: "subtle", ariaLabel: this.closeLabel, onClick: this.close }, index.h("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, index.h("path", { d: "M6 6L18 18M18 6L6 18", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }))))), index.h("div", { part: "body", class: "bs-side-panel__body" }, index.h("slot", null)), index.h("div", { part: "footer", class: "bs-side-panel__footer" }, index.h("slot", { name: "footer" })))));
+        return (index.h("div", { class: `bs-side-panel bs-side-panel--${this.side} ${this.open ? '' : 'bs-side-panel--closing'}`, onKeyDown: this.onKeyDown }, this.overlay && index.h("div", { part: "overlay", class: "bs-side-panel__overlay", onClick: this.close, ref: el => (this.overlayEl = el) }), index.h("div", { part: "panel", class: "bs-side-panel__panel", role: "dialog", "aria-modal": "true", "aria-labelledby": this.headingId, tabindex: "-1", ref: el => (this.panelEl = el) }, index.h("div", { part: "header", class: "bs-side-panel__header" }, index.h("h2", { part: "heading", id: this.headingId, class: "bs-side-panel__heading" }, this.heading), index.h("div", { class: "bs-side-panel__actions" }, index.h("slot", { name: "header-actions" }), index.h("bs-icon-button", { variant: "subtle", ariaLabel: this.closeLabel, onClick: this.close }, index.h("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, index.h("path", { d: "M6 6L18 18M18 6L6 18", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }))))), index.h("div", { part: "body", class: "bs-side-panel__body" }, index.h("slot", null)), index.h("div", { part: "footer", class: "bs-side-panel__footer" }, index.h("slot", { name: "footer" })))));
     }
     static get watchers() { return {
         "open": [{

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

@@ -223,7 +223,7 @@ const BsSlider = class {
     render() {
         const isRange = this.type === 'range';
         const rootClasses = ['bs-slider', this.disabled ? 'bs-slider--disabled' : ''].filter(Boolean).join(' ');
-        return (index.h("div", { key: '8d3274ef80b6bdd4a52efc8f8802ebb3aba86b9a', class: rootClasses }, this.showLabel && (index.h("div", { key: 'd852f58c8c92a8f69153192e74136362e2ab226e', class: "bs-slider__header" }, index.h("span", { key: 'e02b3c4fd839d812b516bab33349f1a4f2d5b0c4', id: "bs-slider-label", part: "label", class: "bs-slider__label" }, this.label), isRange ? (index.h("span", { class: "bs-slider__value-fields" }, this.renderPercentField(this.percent(this.effectiveValueStart), this.onStartPercentFieldChange, this.ariaLabel ?? this.startValueLabel), index.h("span", { class: "bs-slider__separator" }, "\u2013"), this.renderPercentField(this.percent(this.effectiveValueEnd), this.onEndPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} end` : this.endValueLabel))) : (this.renderPercentField(this.percent(this.value), this.onPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} value` : 'Value')))), index.h("div", { key: '30bc9f0bb1380dfa22542d04af160f13f70d276f', class: "bs-slider__row" }, this.showLabel && (index.h("span", { key: '824de56e2112ef5af4e20ebf097b17e4d7122624', part: "bound", class: "bs-slider__bound" }, this.min)), isRange ? this.renderRangeThumbs() : this.renderSingleThumb(), this.showLabel && (index.h("span", { key: 'cd0848d7add9ea1fd53c92ebd5b5f13a4a06fdbe', part: "bound", class: "bs-slider__bound" }, this.max)))));
+        return (index.h("div", { key: '78480dc37808335f258e1ad06e8b19ca97aed1b9', class: rootClasses }, this.showLabel && (index.h("div", { key: '0fd24602403f811367605786a07d9962c6f3522f', class: "bs-slider__header" }, index.h("span", { key: 'dd1c85fa0c4718e381bfef7f00977230d60e9d6c', id: "bs-slider-label", part: "label", class: "bs-slider__label" }, this.label), isRange ? (index.h("span", { class: "bs-slider__value-fields" }, this.renderPercentField(this.percent(this.effectiveValueStart), this.onStartPercentFieldChange, this.ariaLabel ?? this.startValueLabel), index.h("span", { class: "bs-slider__separator" }, "\u2013"), this.renderPercentField(this.percent(this.effectiveValueEnd), this.onEndPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} end` : this.endValueLabel))) : (this.renderPercentField(this.percent(this.value), this.onPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} value` : 'Value')))), index.h("div", { key: '6628c6c2332590f3580a759903bfc2b817ec1ef6', class: "bs-slider__row" }, this.showLabel && (index.h("span", { key: 'ecda7ec3285991312fbd0fba003294ba94fa8777', part: "bound", class: "bs-slider__bound" }, this.min)), isRange ? this.renderRangeThumbs() : this.renderSingleThumb(), this.showLabel && (index.h("span", { key: '3db1ee50efbfe1d14aae2609997bbd589710f2d1', part: "bound", class: "bs-slider__bound" }, this.max)))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

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

@@ -47,7 +47,7 @@ const BsSnackbar = class {
         this.bsDismiss.emit();
     };
     render() {
-        return (index.h("div", { key: '2b54d2d4ddfed7e1942ab21f09cf074ab58b2f22', part: "container", class: `bs-snackbar bs-snackbar--${this.variant}`, role: "status", "aria-live": this.variant === 'error' ? 'assertive' : 'polite' }, index.h("div", { key: 'a3ca39bf6b7c1047b013bac648b6fb60acaf520d', class: "bs-snackbar__content" }, index.h("span", { key: 'fa5a5cc6a24ad4f7ee434bf9f8ae4976872c57df', part: "icon", class: "bs-snackbar__icon", "aria-hidden": "true" }, this.loading ? index.h("span", { class: "bs-snackbar__spinner" }) : index.h(CheckCircleIcon, null)), index.h("span", { key: '58b52f72b9290a986832b954ad9f7e5d1e51eac8', part: "message", class: "bs-snackbar__message" }, index.h("slot", { key: 'c907524f91afd4b5ac22f0b86bb123ac831021f9' }))), index.h("div", { key: 'b746a574030f0023826ef131643eb49088db7da0', class: "bs-snackbar__actions" }, this.actionLabel && (index.h("bs-button", { key: 'fef75f43a0a15208b43ad4601dcc639022160ccc', part: "action", variant: this.actionVariant ?? ACTION_VARIANT[this.variant], size: "sm", onClick: this.onAction }, this.actionLabel)), !this.hideClose && (index.h("bs-icon-button", { key: 'a582778e2469b68a683c6cff867c5f8839989f2e', part: "close", variant: "subtle", size: "md", ariaLabel: "Dismiss", onClick: this.onDismiss }, index.h(CloseIcon, { key: '1e7a6f872373fe2f62a99aa03421815a6f55e8d2' }))))));
+        return (index.h("div", { key: '26aad3204c2d6ca34162da66a173afab22663973', part: "container", class: `bs-snackbar bs-snackbar--${this.variant}`, role: "status", "aria-live": this.variant === 'error' ? 'assertive' : 'polite' }, index.h("div", { key: '8837bc51a479fbd276b2c02fccf98eb3e6683801', class: "bs-snackbar__content" }, index.h("span", { key: '791564815c28aebeabff97b6b113f04acc4fa0b6', part: "icon", class: "bs-snackbar__icon", "aria-hidden": "true" }, this.loading ? index.h("span", { class: "bs-snackbar__spinner" }) : index.h(CheckCircleIcon, null)), index.h("span", { key: '28920c114f18f996d0dc4778d4de2ff523626c99', part: "message", class: "bs-snackbar__message" }, index.h("slot", { key: '4bf02f4ad00ab5a3def30c066648b4df55bf7457' }))), index.h("div", { key: '7f3c619ba2164e8e7eb780c737b410a50fdf813b', class: "bs-snackbar__actions" }, this.actionLabel && (index.h("bs-button", { key: '43886c3acaef928d08cf76d8d4660df6100f1ba3', part: "action", variant: this.actionVariant ?? ACTION_VARIANT[this.variant], size: "sm", onClick: this.onAction }, this.actionLabel)), !this.hideClose && (index.h("bs-icon-button", { key: 'd28c20079af83708865ad4b6ba72a65de2a1d458', part: "close", variant: "subtle", size: "md", ariaLabel: "Dismiss", onClick: this.onDismiss }, index.h(CloseIcon, { key: '7f9df3eef9dcf22f587b69e4ecd36566876c29b9' }))))));
     }
 };
 const CheckCircleIcon = () => (index.h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M8.25 12.75L10.5 15L15.75 9.75", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { d: "M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));

package/dist/cjs/bs-source-link.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-BYfMRtlW.js');
 
-const bsSourceLinkCss = () => `:host{display:block;--bs-source-link-radius:var(--bs-border-radius-150);--bs-source-link-padding:var(--bs-spacing-150);--bs-source-link-gap:var(--bs-spacing-50);--bs-source-link-icon-gap:var(--bs-spacing-75);--bs-source-link-hover:var(--bs-surface-hover);--bs-source-link-pressed:var(--bs-surface-pressed);--bs-source-link-focus:var(--bs-border-neutral-focus);--bs-source-link-filename-color:var(--bs-text-default);--bs-source-link-meta-color:var(--bs-text-secondary);--bs-source-link-icon-color:var(--bs-icon-default);--bs-source-link-dot-color:var(--bs-text-secondary)}.bs-source-link{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-source-link-gap);width:100%;padding:var(--bs-source-link-padding);background:none;border:none;border-radius:var(--bs-source-link-radius);font-family:inherit;text-align:start;text-decoration:none;cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-source-link:hover,.bs-source-link:focus-visible{background:var(--bs-source-link-hover)}.bs-source-link:active{background:var(--bs-source-link-pressed)}.bs-source-link:focus-visible{outline:2px solid var(--bs-source-link-focus);outline-offset:1px}.bs-source-link__icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;color:var(--bs-source-link-icon-color)}.bs-source-link__left{display:flex;flex:1 0 0;flex-direction:column;gap:2px;min-width:0}.bs-source-link__filename-row{display:flex;align-items:center;gap:var(--bs-source-link-icon-gap);width:100%}.bs-source-link__filename{margin:0;overflow:hidden;color:var(--bs-source-link-filename-color);font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-semibold);line-height:var(--bs-line-height-normal);text-overflow:ellipsis;white-space:nowrap}.bs-source-link__meta{display:flex;align-items:center;gap:var(--bs-spacing-50);padding-inline-start:22px}.bs-source-link__source,.bs-source-link__version{color:var(--bs-source-link-meta-color);font-size:var(--bs-font-size-sm);line-height:var(--bs-line-height-normal);white-space:nowrap}.bs-source-link__dot{width:4px;height:4px;border-radius:50%;background:var(--bs-source-link-dot-color);flex-shrink:0}.bs-source-link__arrow{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;color:var(--bs-source-link-icon-color)}`;
+const bsSourceLinkCss = () => `:host{display:block;--bs-source-link-radius:var(--bs-border-radius-150);--bs-source-link-padding:var(--bs-spacing-150);--bs-source-link-gap:var(--bs-spacing-50);--bs-source-link-icon-gap:var(--bs-spacing-75);--bs-source-link-hover:var(--bs-surface-hover);--bs-source-link-pressed:var(--bs-surface-pressed);--bs-source-link-focus:var(--bs-border-neutral-focus);--bs-source-link-filename-color:var(--bs-text-default);--bs-source-link-meta-color:var(--bs-text-secondary);--bs-source-link-icon-color:var(--bs-icon-default);--bs-source-link-dot-color:var(--bs-text-secondary)}.bs-source-link{position:relative;box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-source-link-gap);width:100%;padding:var(--bs-source-link-padding);background:none;border:none;border-radius:var(--bs-source-link-radius);font-family:inherit;text-align:start;text-decoration:none;cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-source-link:hover,.bs-source-link:focus-visible{background:var(--bs-source-link-hover)}.bs-source-link:active{background:var(--bs-source-link-pressed)}.bs-source-link:focus-visible{outline:2px solid var(--bs-source-link-focus);outline-offset:1px}.bs-source-link__icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;color:var(--bs-source-link-icon-color)}.bs-source-link__left{display:flex;flex:1 0 0;flex-direction:column;gap:2px;min-width:0}.bs-source-link__filename-row{display:flex;align-items:center;gap:var(--bs-source-link-icon-gap);width:100%}.bs-source-link__filename{margin:0;overflow:hidden;color:var(--bs-source-link-filename-color);font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-semibold);line-height:var(--bs-line-height-normal);text-overflow:ellipsis;white-space:nowrap}.bs-source-link__meta{display:flex;align-items:center;gap:var(--bs-spacing-50);padding-inline-start:22px}.bs-source-link__source,.bs-source-link__version{color:var(--bs-source-link-meta-color);font-size:var(--bs-font-size-sm);line-height:var(--bs-line-height-normal);white-space:nowrap}.bs-source-link__dot{width:4px;height:4px;border-radius:50%;background:var(--bs-source-link-dot-color);flex-shrink:0}.bs-source-link__arrow{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;color:var(--bs-source-link-icon-color)}`;
 
 const BsSourceLink = class {
     constructor(hostRef) {
@@ -26,8 +26,9 @@ const BsSourceLink = class {
     };
     render() {
         const inner = [
-            index.h("span", { key: 'f6cbdaccaa104fa4e6d16db23ae8f66e9d3d7aa7', class: "bs-source-link__left" }, index.h("span", { key: 'a66ccda2c131b3a708402d0b06206e355fca0dad', class: "bs-source-link__filename-row" }, index.h("span", { key: '74af0518a127378fc13291c3cec12b8eb470268b', part: "icon", class: "bs-source-link__icon" }, index.h("slot", { key: '9b1f4a71a0c5313210481106988a851ea87b40b6', name: "icon" }, index.h(FileTextIcon, { key: '1b1b9e285a744a074537fbf4ea19c852343b4513' }))), index.h("p", { key: 'ecdedebb0281ec56ec08a1657de2d924bb34a421', part: "filename", class: "bs-source-link__filename" }, this.fileName)), index.h("span", { key: 'b109074e833ef4feb438f9b4992fe6bd7ebc8279', class: "bs-source-link__meta" }, this.sourceName && (index.h("span", { key: '182f41c9115004f345028e991e38345dcc9bc7b2', part: "source", class: "bs-source-link__source" }, this.sourceName)), this.sourceName && this.version && index.h("span", { key: '95b31ed9741bbaeb215109139520108991d33ffe', class: "bs-source-link__dot", "aria-hidden": "true" }), this.version && (index.h("span", { key: '3241c29460a9287bba9bebac78cefdb1ef62ca65', part: "version", class: "bs-source-link__version" }, this.version)))),
-            index.h("span", { key: '67327845908098595d935c87c96809205cb25d38', part: "arrow", class: "bs-source-link__arrow", "aria-hidden": "true" }, index.h(ArrowUpRightIcon, { key: 'fcf4946e7d5647a6137ff1a6d24851cc7bcb9aef' })),
+            index.h("bs-ripple", { key: '2ddd937da894bc3584b82489e35d41167c19cb6c', part: "ripple" }),
+            index.h("span", { key: 'd1141377078beec80d8726b1633ea9261bce215d', class: "bs-source-link__left" }, index.h("span", { key: '75d04109faa8168ba271c8bfc2cfd15abf02fb57', class: "bs-source-link__filename-row" }, index.h("span", { key: '50f28021063c49b0ccc7348e7b0b9cd6ca0749b7', part: "icon", class: "bs-source-link__icon" }, index.h("slot", { key: 'aca4ff56e585d65d2b38d0b1f8634d56d521b549', name: "icon" }, index.h(FileTextIcon, { key: 'e89b337ded8658b2b76ba59e6ea79e70763ddb72' }))), index.h("p", { key: '5d9cdf3618072784aeb9bd067ae505b57afa625c', part: "filename", class: "bs-source-link__filename" }, this.fileName)), index.h("span", { key: '35d6d485989679eb05b6fcf2096477456e6b7bc0', class: "bs-source-link__meta" }, this.sourceName && (index.h("span", { key: 'e3ffae28c3ed65d255961c172eb823d52583c7b2', part: "source", class: "bs-source-link__source" }, this.sourceName)), this.sourceName && this.version && index.h("span", { key: 'c460e9ccfa2d92b11d8bb2a1e87fcedc94d392ae', class: "bs-source-link__dot", "aria-hidden": "true" }), this.version && (index.h("span", { key: '9a33d16c96a6d904dd1b69169170da0d0801b9f1', part: "version", class: "bs-source-link__version" }, this.version)))),
+            index.h("span", { key: 'c2f42b73b59ae97bb8e95e80c20a2038826329bf', part: "arrow", class: "bs-source-link__arrow", "aria-hidden": "true" }, index.h(ArrowUpRightIcon, { key: '61d67aaa0a4382ecb12ed49d5716e1c4385c6af5' })),
         ];
         return this.href ? (index.h("a", { class: "bs-source-link", href: this.href, target: this.target, rel: "noopener noreferrer", onClick: this.onClick }, inner)) : (index.h("button", { type: "button", class: "bs-source-link", onClick: this.onClick }, inner));
     }

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

@@ -16,7 +16,7 @@ const BsSpinner = class {
     label;
     render() {
         const hasLabel = !!this.label;
-        return (index.h("span", { key: '3c9d75df5028a1bad32c909ef1e382ffae53fd91', part: "container", class: `bs-spinner bs-spinner--${this.size}`, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, index.h("svg", { key: '431baaa3fbe8c6f9a4d9189b46d24d5e15ad8f18', part: "svg", class: "bs-spinner__svg", viewBox: "0 0 24 24", fill: "none", focusable: "false" }, index.h("circle", { key: 'd71a6901ce3cccd9647287ea06693137cd5c9b64', class: "bs-spinner__track", cx: "12", cy: "12", r: "9", "stroke-width": "3" }), index.h("path", { key: '65f5e995822a96e293b3541eb16606a178ec6c88', class: "bs-spinner__arc", d: "M12 3a9 9 0 0 1 9 9", "stroke-width": "3", "stroke-linecap": "round" }))));
+        return (index.h("span", { key: '17b3ac21aefe35279e52717c529bcba6d2ae7b75', part: "container", class: `bs-spinner bs-spinner--${this.size}`, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, index.h("svg", { key: '8ca1165795b8fadb7ea3c3c8228fc6f24d3ce3b2', part: "svg", class: "bs-spinner__svg", viewBox: "0 0 24 24", fill: "none", focusable: "false" }, index.h("circle", { key: '07d9b05e6e6f11e742bdbeea99e7f31322696363', class: "bs-spinner__track", cx: "12", cy: "12", r: "9", "stroke-width": "3" }), index.h("path", { key: '83d83f51d3c89cc3997950ff94e4911c6d1c0748', class: "bs-spinner__arc", d: "M12 3a9 9 0 0 1 9 9", "stroke-width": "3", "stroke-linecap": "round" }))));
     }
 };
 BsSpinner.style = bsSpinnerCss();

package/dist/cjs/bs-split-pane.cjs.entry.js

@@ -185,7 +185,7 @@ const BsSplitPane = class {
                 nodes.push(index.h("div", { part: "divider", class: { 'bs-split-pane__divider': true, 'bs-split-pane__divider--active': this.draggingIndex === i, 'bs-split-pane__divider--static': !this.resizable }, role: "separator", "aria-orientation": dividerOrientation, "aria-label": this.dividerLabel, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": this.percentFor(i), tabindex: this.resizable ? 0 : undefined, onPointerDown: this.onPointerDown(i), onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerCancel: this.onPointerUp, onKeyDown: this.onKeyDown(i) }, index.h("span", { part: "divider-thumb", class: "bs-split-pane__thumb" })));
             }
         }
-        return (index.h("div", { key: '70a36a863fc3fb144160616725126d0421cea69f', part: "container", class: `bs-split-pane bs-split-pane--${this.orientation}` }, nodes));
+        return (index.h("div", { key: 'c427313cbfcd736d044ced8e07658ad6de6ed0bd', part: "container", class: `bs-split-pane bs-split-pane--${this.orientation}` }, nodes));
     }
 };
 BsSplitPane.style = bsSplitPaneCss();

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

@@ -68,7 +68,7 @@ const BsStack = class {
                 parts.push(index.h("slot", { name: `bs-stack-item-${i}`, onSlotchange: this.sync }));
             }
         }
-        return (index.h(index.Host, { key: 'be2e4a8ecb5d4fd27441b8cafbfd7e8a17ea3b82', style: { '--bs-stack-gap-token': `var(--bs-spacing-${gap})` } }, index.h("slot", { key: '4eab2557384cb6ae620ea3feef8e36dc0a2e2f08', onSlotchange: this.sync }), parts));
+        return (index.h(index.Host, { key: '39852df38f3638826e331e5e1028fa069e15322c', style: { '--bs-stack-gap-token': `var(--bs-spacing-${gap})` } }, index.h("slot", { key: '9e303ef2361fd7b804aea37b1b5bf4269f480b2d', onSlotchange: this.sync }), parts));
     }
     static get watchers() { return {
         "divider": [{

package/dist/cjs/bs-stepper-step.cjs.entry.js

@@ -34,7 +34,7 @@ const BsStepperStep = class {
     }
     render() {
         const state = this.state;
-        return (index.h(index.Host, { key: '8e11ed2e78a5e6468ed6265f90199bdc0c2e4bcc', role: "listitem", class: `bs-stepper-step--${this.direction}` }, index.h("div", { key: '0d50e2845fb886a73e7eeaad474c0d9c1b2e06cb', class: "bs-stepper-step__top" }, index.h("span", { key: '1bfe85491c42f8e1bf00a4e86c162448564b5142', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && index.h("span", { key: 'e3ac4066de9f1c9bfa824a889c654952891221b8', class: "bs-stepper-step__icon-dot" }), state === 'done' && index.h(CheckIcon, { key: '7c1e237ce011d77b47d26e622974d6a2629ecfd3' }), state === 'error' && index.h(ExclamationIcon, { key: '9420c50c9154f007ae0802473f0a5e0cf18fe8fd' })), index.h("span", { key: '039f2ca1186b82bebb8e989630f575599c64e85b', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, index.h("span", { key: 'dc5a250a1437eda9baf7cd38a69fa36d26e6cfaa', class: "bs-stepper-step__connector-line" }))), index.h("span", { key: 'df8d2c94073f134125d34e5686f0c340c2c59d87', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, index.h("span", { key: '5bdce9915c1e6e2610bbe101bc41108cfa2e0cd5', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (index.h("span", { key: '39ddca52aa59717d22ca56ece74b4518d1ae2370', part: "description", class: "bs-stepper-step__description" }, this.description)))));
+        return (index.h(index.Host, { key: 'e9b5948fbba4037488296cdc5e479f2070e0aff9', role: "listitem", class: `bs-stepper-step--${this.direction}` }, index.h("div", { key: 'debe65501bcdbc563bad4800d9f5bcad4d5de76a', class: "bs-stepper-step__top" }, index.h("span", { key: '0e0315aa8146c0f11e6ebd9e939735f7f339113e', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && index.h("span", { key: 'c02f6a5c3de19fa5a2b54d6de53d0a7b345697d2', class: "bs-stepper-step__icon-dot" }), state === 'done' && index.h(CheckIcon, { key: '1147e186c821d21fc164ca589a2f9f6a179c145f' }), state === 'error' && index.h(ExclamationIcon, { key: '5f8c5874811de90db1e537b0f3d24e82e038a123' })), index.h("span", { key: 'b0347e06b36bf4fabdba4300803dc1a3b8c68719', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, index.h("span", { key: 'fa4f577a71a70151aaa3a9eb16eb2db91ba0fc01', class: "bs-stepper-step__connector-line" }))), index.h("span", { key: 'd5d9f431e11074aba9996833adbb9b2cb1f227cb', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, index.h("span", { key: 'bb233d28351a78c13b604fd2f940b29467ae316c', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (index.h("span", { key: '921a2bd021cb0cccb261313f3076370c8e620ccb', part: "description", class: "bs-stepper-step__description" }, this.description)))));
     }
 };
 const CheckIcon = () => (index.h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M2.5 9L6 12.5L14 4.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));

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

@@ -44,7 +44,7 @@ const BsStepper = class {
     }
     render() {
         // role="list" so each bs-stepper-step's role="listitem" has the required parent.
-        return (index.h(index.Host, { key: '3f002aa5977dd81a203b44aeb3ffd9e82e1d78ab', role: "list" }, index.h("slot", { key: 'f5a64626aba6cef29bcc7710c839583ccc2a2c71', onSlotchange: this.onSlotChange })));
+        return (index.h(index.Host, { key: '12784d8efa1487b3fb39f9f59d7ebcd314ad6518', role: "list" }, index.h("slot", { key: 'af46ba1e66089cbacbc4e0b483df643196434f0b', onSlotchange: this.onSlotChange })));
     }
     static get watchers() { return {
         "currentStep": [{