@brightspot/ui 1.9.0 → 1.10.0

package/dist/effects/celebrate.d.ts

@@ -0,0 +1,18 @@
+import type { EffectPosition } from '../util/position.js';
+export interface CelebrateOptions {
+    position: EffectPosition;
+    duration?: number;
+    size?: number;
+}
+export declare const BTU_CELEBRATE_EVENT = "btu-effect-celebrate";
+export declare function btuCelebrate(options: CelebrateOptions): void;
+export declare namespace btuCelebrate {
+    var setDefaults: (newDefaults: Partial<Omit<CelebrateOptions, "position">>) => void;
+    var listen: () => (() => void);
+}
+declare global {
+    interface DocumentEventMap {
+        'btu-effect-celebrate': CustomEvent<CelebrateOptions>;
+    }
+}
+//# sourceMappingURL=celebrate.d.ts.map

package/dist/effects/celebrate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"celebrate.d.ts","sourceRoot":"","sources":["../../src/effects/celebrate.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAGzD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,cAAc,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,mBAAmB,yBAAyB,CAAA;AA8CzD,wBAAgB,YAAY,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI,CA2B5D;yBA3Be,YAAY;mCA6Ba,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC,KAAG,IAAI;sBAIjE,CAAC,MAAM,IAAI,CAAC;;AActC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,gBAAgB;QACxB,sBAAsB,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAA;KACtD;CACF"}

package/dist/effects/celebrate.js

@@ -0,0 +1,81 @@
+import { resolvePosition } from '../util/position.js';
+export const BTU_CELEBRATE_EVENT = 'btu-effect-celebrate';
+let defaults = {};
+let container = null;
+const templateCache = new Map();
+function getTemplate(duration, size) {
+    const key = `${duration}-${size}`;
+    let tpl = templateCache.get(key);
+    if (!tpl) {
+        tpl = document.createElement('template');
+        tpl.innerHTML = defaultSparkleSvg(duration, size);
+        templateCache.set(key, tpl);
+    }
+    return tpl.content.cloneNode(true);
+}
+function defaultSparkleSvg(duration, size) {
+    return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300" shape-rendering="optimizeSpeed" text-rendering="optimizeSpeed" width="${size}" height="${size}" style="will-change: transform; transform: translateZ(0);">
+<style><![CDATA[
+#ejX6QuT4CUp2_to {animation: ejX6QuT4CUp2_to__to ${duration}ms linear 1 normal forwards}@keyframes ejX6QuT4CUp2_to__to { 0% {offset-distance: 0%;animation-timing-function: cubic-bezier(0.165,0.84,0.44,1)} 37.5% {offset-distance: 100%} 100% {offset-distance: 100%}} #ejX6QuT4CUp2_ts {animation: ejX6QuT4CUp2_ts__ts ${duration}ms linear 1 normal forwards}@keyframes ejX6QuT4CUp2_ts__ts { 0% {transform: scale(-0.966656,0.966656);animation-timing-function: cubic-bezier(0,0,0.58,1)} 25% {transform: scale(-2.192693,2.192693);animation-timing-function: cubic-bezier(0,0,0.58,1)} 37.5% {transform: scale(-1.551673,1.551673)} 100% {transform: scale(-1.551673,1.551673)}} #ejX6QuT4CUp2 {animation: ejX6QuT4CUp2_c_o ${duration}ms linear 1 normal forwards}@keyframes ejX6QuT4CUp2_c_o { 0% {opacity: 1} 25% {opacity: 1;animation-timing-function: cubic-bezier(0.25,0.46,0.45,0.94)} 37.5% {opacity: 0} 100% {opacity: 0}} #ejX6QuT4CUp3_to {animation: ejX6QuT4CUp3_to__to ${duration}ms linear 1 normal forwards}@keyframes ejX6QuT4CUp3_to__to { 0% {offset-distance: 0%;animation-timing-function: cubic-bezier(0.165,0.84,0.44,1)} 50% {offset-distance: 100%} 100% {offset-distance: 100%}} #ejX6QuT4CUp3_tr {animation: ejX6QuT4CUp3_tr__tr ${duration}ms linear 1 normal forwards}@keyframes ejX6QuT4CUp3_tr__tr { 0% {transform: rotate(0deg);animation-timing-function: cubic-bezier(0.165,0.84,0.44,1)} 50% {transform: rotate(305.83deg)} 100% {transform: rotate(305.83deg)}} #ejX6QuT4CUp3_ts {animation: ejX6QuT4CUp3_ts__ts ${duration}ms linear 1 normal forwards}@keyframes ejX6QuT4CUp3_ts__ts { 0% {transform: scale(0.43962,0.43962)} 37.5% {transform: scale(1,1)} 100% {transform: scale(1,1)}} #ejX6QuT4CUp3 {animation: ejX6QuT4CUp3_c_o ${duration}ms linear 1 normal forwards}@keyframes ejX6QuT4CUp3_c_o { 0% {opacity: 1} 37.5% {opacity: 1;animation-timing-function: cubic-bezier(0.25,0.46,0.45,0.94)} 50% {opacity: 0} 100% {opacity: 0}} #ejX6QuT4CUp4_to {animation: ejX6QuT4CUp4_to__to ${duration}ms linear 1 normal forwards}@keyframes ejX6QuT4CUp4_to__to { 0% {offset-distance: 0%;animation-timing-function: cubic-bezier(0.165,0.84,0.44,1)} 50% {offset-distance: 100%} 100% {offset-distance: 100%}} #ejX6QuT4CUp4_tr {animation: ejX6QuT4CUp4_tr__tr ${duration}ms linear 1 normal forwards}@keyframes ejX6QuT4CUp4_tr__tr { 0% {transform: rotate(0deg);animation-timing-function: cubic-bezier(0.165,0.84,0.44,1)} 37.5% {transform: rotate(-414.17deg)} 100% {transform: rotate(-414.17deg)}} #ejX6QuT4CUp4_ts {animation: ejX6QuT4CUp4_ts__ts ${duration}ms linear 1 normal forwards}@keyframes ejX6QuT4CUp4_ts__ts { 0% {transform: scale(0.43962,0.43962)} 36.25% {transform: scale(0.75,0.75)} 50% {transform: scale(1,1)} 100% {transform: scale(1,1)}} #ejX6QuT4CUp4 {animation: ejX6QuT4CUp4_c_o ${duration}ms linear 1 normal forwards}@keyframes ejX6QuT4CUp4_c_o { 0% {opacity: 1} 25% {opacity: 1;animation-timing-function: cubic-bezier(0.25,0.46,0.45,0.94)} 50% {opacity: 0} 100% {opacity: 0}} #ejX6QuT4CUp5_to {animation: ejX6QuT4CUp5_to__to ${duration}ms linear 1 normal forwards}@keyframes ejX6QuT4CUp5_to__to { 0% {offset-distance: 0%;animation-timing-function: cubic-bezier(0.165,0.84,0.44,1)} 50% {offset-distance: 100%} 100% {offset-distance: 100%}} #ejX6QuT4CUp5 {animation: ejX6QuT4CUp5_c_o ${duration}ms linear 1 normal forwards}@keyframes ejX6QuT4CUp5_c_o { 0% {opacity: 1} 37.5% {opacity: 1;animation-timing-function: cubic-bezier(0.25,0.46,0.45,0.94)} 50% {opacity: 0} 100% {opacity: 0}} #ejX6QuT4CUp6_to {animation: ejX6QuT4CUp6_to__to ${duration}ms linear 1 normal forwards}@keyframes ejX6QuT4CUp6_to__to { 0% {transform: translate(150px,150px);animation-timing-function: cubic-bezier(0.165,0.84,0.44,1)} 25% {transform: translate(200px,170px)} 100% {transform: translate(200px,170px)}} #ejX6QuT4CUp6 {animation: ejX6QuT4CUp6_c_o ${duration}ms linear 1 normal forwards}@keyframes ejX6QuT4CUp6_c_o { 0% {opacity: 1} 12.5% {opacity: 1;animation-timing-function: cubic-bezier(0.25,0.46,0.45,0.94)} 25% {opacity: 0} 100% {opacity: 0}} #ejX6QuT4CUp7_to {animation: ejX6QuT4CUp7_to__to ${duration}ms linear 1 normal forwards}@keyframes ejX6QuT4CUp7_to__to { 0% {transform: translate(150px,150px);animation-timing-function: cubic-bezier(0.165,0.84,0.44,1)} 50% {transform: translate(210px,100px)} 100% {transform: translate(210px,100px)}} #ejX6QuT4CUp7 {animation: ejX6QuT4CUp7_c_o ${duration}ms linear 1 normal forwards}@keyframes ejX6QuT4CUp7_c_o { 0% {opacity: 1} 25% {opacity: 1;animation-timing-function: cubic-bezier(0.25,0.46,0.45,0.94)} 50% {opacity: 0} 100% {opacity: 0}} #ejX6QuT4CUp8_ts {animation: ejX6QuT4CUp8_ts__ts ${duration}ms linear 1 normal forwards}@keyframes ejX6QuT4CUp8_ts__ts { 0% {transform: translate(150px,150px) scale(0.2,0.2);animation-timing-function: cubic-bezier(0.165,0.84,0.44,1)} 16.25% {transform: translate(150px,150px) scale(4,4)} 100% {transform: translate(150px,150px) scale(4,4)}} #ejX6QuT4CUp8 {animation-name: ejX6QuT4CUp8_c_o, ejX6QuT4CUp8_f_p;animation-duration: ${duration}ms;animation-fill-mode: forwards;animation-timing-function: linear;animation-direction: normal;animation-iteration-count: 1;}@keyframes ejX6QuT4CUp8_c_o { 0% {opacity: 0.75} 21.25% {opacity: 0} 100% {opacity: 0}}@keyframes ejX6QuT4CUp8_f_p { 0% {fill: #ffcba0} 11.25% {fill: #fdf900} 20% {fill: #fafafa} 100% {fill: #fafafa}} #ejX6QuT4CUp9_to {animation: ejX6QuT4CUp9_to__to ${duration}ms linear 1 normal forwards}@keyframes ejX6QuT4CUp9_to__to { 0% {offset-distance: 0%;animation-timing-function: cubic-bezier(0.165,0.84,0.44,1)} 50% {offset-distance: 100%} 100% {offset-distance: 100%}} #ejX6QuT4CUp9 {animation: ejX6QuT4CUp9_c_o ${duration}ms linear 1 normal forwards}@keyframes ejX6QuT4CUp9_c_o { 0% {opacity: 1} 25% {opacity: 1;animation-timing-function: cubic-bezier(0.25,0.46,0.45,0.94)} 50% {opacity: 0} 100% {opacity: 0}} #ejX6QuT4CUp10_to {animation: ejX6QuT4CUp10_to__to ${duration}ms linear 1 normal forwards}@keyframes ejX6QuT4CUp10_to__to { 0% {offset-distance: 0%;animation-timing-function: cubic-bezier(0.25,0.46,0.45,0.94)} 50% {offset-distance: 100%} 100% {offset-distance: 100%}} #ejX6QuT4CUp10 {animation: ejX6QuT4CUp10_c_o ${duration}ms linear 1 normal forwards}@keyframes ejX6QuT4CUp10_c_o { 0% {opacity: 1} 25% {opacity: 1} 50% {opacity: 0} 100% {opacity: 0}}
+]]></style>
+<g id="ejX6QuT4CUp2_to" style="offset-path:path('M150,150C151.487307,98.723346,98.424658,83.160356,84.036214,131.511063');offset-rotate:0deg"><g id="ejX6QuT4CUp2_ts" transform="scale(-0.966656,0.966656)"><ellipse id="ejX6QuT4CUp2" rx="4.445235" ry="4.445235" transform="translate(0,0)" fill="none" stroke="#ed0606" stroke-width="2"/></g></g><g id="ejX6QuT4CUp3_to" style="offset-path:path('M150,150C170.853084,85.497808,215.912715,88.678086,240,150');offset-rotate:0deg"><g id="ejX6QuT4CUp3_tr" transform="rotate(0)"><g id="ejX6QuT4CUp3_ts" transform="scale(0.43962,0.43962)"><ellipse id="ejX6QuT4CUp3" rx="10.645289" ry="10.645289" transform="translate(0,0)" fill="none" stroke="#670bf4" stroke-width="6" stroke-dashoffset="280" stroke-dasharray="3"/></g></g></g><g id="ejX6QuT4CUp4_to" style="offset-path:path('M150,150C111.631802,121.393491,76.521788,145.563306,76,198');offset-rotate:0deg"><g id="ejX6QuT4CUp4_tr" transform="rotate(0)"><g id="ejX6QuT4CUp4_ts" transform="scale(0.43962,0.43962)"><ellipse id="ejX6QuT4CUp4" rx="10.645289" ry="10.645289" transform="translate(0,0)" fill="none" stroke="#1f0bf4" stroke-width="6" stroke-miterlimit="13" stroke-dashoffset="45" stroke-dasharray="8"/></g></g></g><g id="ejX6QuT4CUp5_to" style="offset-path:path('M150,150C159.106533,163.173822,180.909148,207.870275,179.358177,213.36311');offset-rotate:0deg"><ellipse id="ejX6QuT4CUp5" rx="30" ry="30" transform="scale(0.155996,0.155996) translate(0,0)" fill="#fff400" stroke-width="0"/></g><g id="ejX6QuT4CUp6_to" transform="translate(150,150)"><ellipse id="ejX6QuT4CUp6" rx="30" ry="30" transform="scale(0.094146,0.094146) translate(0,0)" fill="#fc0" stroke-width="0"/></g><g id="ejX6QuT4CUp7_to" transform="translate(150,150)"><ellipse id="ejX6QuT4CUp7" rx="30" ry="30" transform="scale(0.069628,0.069628) translate(0,0)" fill="#fc0" stroke-width="0"/></g><g id="ejX6QuT4CUp8_ts" transform="translate(150,150) scale(0.2,0.2)"><ellipse id="ejX6QuT4CUp8" style="mix-blend-mode:multiply" rx="7.86004" ry="7.86004" transform="translate(0,0)" opacity="0.75" fill="#ffcba0" stroke-width="0"/></g><g id="ejX6QuT4CUp9_to" style="offset-path:path('M150,150C137.037773,122.096076,120.091659,81.569132,106,74');offset-rotate:0deg"><ellipse id="ejX6QuT4CUp9" rx="30" ry="30" transform="scale(0.069628,0.069628) translate(0,0)" fill="#5800ff" stroke-width="0"/></g><g id="ejX6QuT4CUp10_to" style="offset-path:path('M152,153C128.044643,113.553169,69.737409,121.442089,39.459312,122.665002');offset-rotate:0deg"><ellipse id="ejX6QuT4CUp10" rx="30" ry="30" transform="scale(0.04,0.04) translate(0,0)" fill="#ff2100" stroke-width="0"/></g></svg>`;
+}
+function ensureContainer() {
+    if (!container || !container.isConnected) {
+        container = document.createElement('div');
+        container.popover = 'manual';
+        container.style.cssText = `
+      background: transparent;
+      position: fixed;
+      inset: 0;
+      pointer-events: none;
+      margin: 0;
+      padding: 0;
+      border: 0;
+      overflow: visible;
+    `;
+        document.body.appendChild(container);
+        container.showPopover();
+    }
+    return container;
+}
+export function btuCelebrate(options) {
+    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches)
+        return;
+    const { duration = 2000, size = 300 } = { ...defaults, ...options };
+    const host = ensureContainer();
+    const { x, y } = resolvePosition(options.position);
+    const half = size / 2;
+    const instance = document.createElement('div');
+    instance.style.cssText = `
+    position: fixed;
+    left: ${x - half}px;
+    top: ${y - half}px;
+    width: ${size}px;
+    height: ${size}px;
+    pointer-events: none;
+  `;
+    const shadow = instance.attachShadow({ mode: 'closed' });
+    shadow.appendChild(getTemplate(duration, size));
+    host.appendChild(instance);
+    setTimeout(() => {
+        instance.remove();
+    }, duration);
+}
+btuCelebrate.setDefaults = (newDefaults) => {
+    defaults = { ...defaults, ...newDefaults };
+};
+btuCelebrate.listen = () => {
+    const handler = (e) => {
+        const detail = e.detail;
+        if (detail?.position)
+            btuCelebrate(detail);
+    };
+    document.addEventListener(BTU_CELEBRATE_EVENT, handler);
+    return () => document.removeEventListener(BTU_CELEBRATE_EVENT, handler);
+};
+// Pre-warm the default template during idle time so the first click is instant
+if (typeof requestIdleCallback === 'function') {
+    requestIdleCallback(() => getTemplate(2000, 300));
+}
+//# sourceMappingURL=celebrate.js.map

package/dist/effects/celebrate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"celebrate.js","sourceRoot":"","sources":["../../src/effects/celebrate.ts"],"names":[],"mappings":"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"}

package/dist/effects/ripple.d.ts

@@ -0,0 +1,31 @@
+import type { EffectPosition } from '../util/position.js';
+export interface RippleOptions {
+    position: EffectPosition;
+    duration?: number;
+    ringWidth?: number;
+    feather?: number;
+    hueShift?: number;
+    contrast?: number;
+    saturate?: number;
+    hueProperties?: Record<string, number>;
+    sparkle?: boolean | {
+        size?: number;
+        duration?: number;
+    };
+}
+export declare const BTU_RIPPLE_EVENT = "btu-effect-ripple";
+export interface RippleResult {
+    ready: Promise<void>;
+    finished: Promise<void>;
+}
+export declare function btuRipple(options: RippleOptions): RippleResult;
+export declare namespace btuRipple {
+    var setDefaults: (newDefaults: Partial<Omit<RippleOptions, "position">>) => void;
+    var listen: () => (() => void);
+}
+declare global {
+    interface DocumentEventMap {
+        'btu-effect-ripple': CustomEvent<RippleOptions>;
+    }
+}
+//# sourceMappingURL=ripple.d.ts.map

package/dist/effects/ripple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ripple.d.ts","sourceRoot":"","sources":["../../src/effects/ripple.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAIzD,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,cAAc,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,OAAO,CAAC,EAAE,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CACzD;AAED,eAAO,MAAM,gBAAgB,sBAAsB,CAAA;AA2BnD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,CAAA;IACpB,QAAQ,EAAE,OAAO,CAAC,IAAI,CAAC,CAAA;CACxB;AAID,wBAAgB,SAAS,CAAC,OAAO,EAAE,aAAa,GAAG,YAAY,CA+G9D;yBA/Ge,SAAS;mCAiHa,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,KAAG,IAAI;sBAI9D,CAAC,MAAM,IAAI,CAAC;;AASnC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,gBAAgB;QACxB,mBAAmB,EAAE,WAAW,CAAC,aAAa,CAAC,CAAA;KAChD;CACF"}

package/dist/effects/ripple.js

@@ -0,0 +1,131 @@
+import { resolvePosition } from '../util/position.js';
+import { cleanupSparkle, ensureOverlay, generateSparkleCSS, isSparkleSupported, isWorkletReady } from './sparkle.js';
+export const BTU_RIPPLE_EVENT = 'btu-effect-ripple';
+const DEFAULT_HUE_PROPERTIES = {
+    '--btu-theme-primary-hue': 264,
+    '--btu-theme-error-hue': 27,
+    '--btu-theme-success-hue': 157,
+};
+let defaults = {};
+let restoreTimer;
+let propertyRegistered = false;
+function registerProperty() {
+    if (propertyRegistered)
+        return;
+    try {
+        CSS.registerProperty({
+            name: '--ripple-r',
+            syntax: '<length>',
+            inherits: false,
+            initialValue: '0px',
+        });
+    }
+    catch {
+        // Already registered (e.g. via @property in CSS) or unsupported
+    }
+    propertyRegistered = true;
+}
+const RESOLVED = { ready: Promise.resolve(), finished: Promise.resolve() };
+export function btuRipple(options) {
+    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches)
+        return RESOLVED;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const doc = document;
+    if (!doc.startViewTransition)
+        return RESOLVED;
+    registerProperty();
+    const { duration = 1200, ringWidth = 40, feather = 75, hueShift = 0, contrast = 1.8, saturate = 1.5, hueProperties = DEFAULT_HUE_PROPERTIES, } = { ...defaults, ...options };
+    const isDark = document.documentElement.classList.contains('dark') || window.matchMedia('(prefers-color-scheme: dark)').matches;
+    const effectiveContrast = isDark ? Math.min(contrast, 1.3) : contrast;
+    const effectiveBrightness = isDark ? 1.4 : 1;
+    if (restoreTimer)
+        clearTimeout(restoreTimer);
+    const { x, y } = resolvePosition(options.position);
+    const maxRadius = Math.hypot(Math.max(x, innerWidth - x), Math.max(y, innerHeight - y));
+    const halfBand = ringWidth / 2;
+    const endRadius = maxRadius + feather + halfBand;
+    const root = document.documentElement;
+    const useSparkle = !!options.sparkle && isSparkleSupported() && isWorkletReady();
+    const sparkleOpts = typeof options.sparkle === 'object' ? options.sparkle : {};
+    const sparkleSize = sparkleOpts.size ?? 300;
+    const sparkleDuration = sparkleOpts.duration ?? duration;
+    if (useSparkle) {
+        ensureOverlay();
+    }
+    root.style.setProperty('view-transition-name', 'root');
+    const style = document.createElement('style');
+    let css = `
+    ::view-transition-old(root) {
+      animation: none;
+    }
+    ::view-transition-new(root) {
+      mix-blend-mode: normal;
+      filter: contrast(${effectiveContrast}) saturate(${saturate}) brightness(${effectiveBrightness});
+      animation: btu-ripple-ring ${duration}ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
+      mask-image: radial-gradient(
+        circle at ${x}px ${y}px,
+        transparent 0,
+        transparent calc(var(--ripple-r) - ${feather + halfBand}px),
+        black calc(var(--ripple-r) - ${halfBand}px),
+        black calc(var(--ripple-r) + ${halfBand}px),
+        transparent calc(var(--ripple-r) + ${feather + halfBand}px)
+      );
+      -webkit-mask-image: radial-gradient(
+        circle at ${x}px ${y}px,
+        transparent 0,
+        transparent calc(var(--ripple-r) - ${feather + halfBand}px),
+        black calc(var(--ripple-r) - ${halfBand}px),
+        black calc(var(--ripple-r) + ${halfBand}px),
+        transparent calc(var(--ripple-r) + ${feather + halfBand}px)
+      );
+    }
+    @keyframes btu-ripple-ring {
+      from { --ripple-r: 0px; }
+      to { --ripple-r: ${endRadius}px; }
+    }
+  `;
+    if (useSparkle) {
+        css += generateSparkleCSS(x, y, sparkleSize, sparkleDuration);
+    }
+    style.textContent = css;
+    document.head.appendChild(style);
+    const transition = doc.startViewTransition(() => {
+        for (const [prop, base] of Object.entries(hueProperties)) {
+            root.style.setProperty(prop, `${base + hueShift}`);
+        }
+    });
+    const restoreHues = () => {
+        for (const prop of Object.keys(hueProperties)) {
+            root.style.removeProperty(prop);
+        }
+    };
+    const cleanup = () => {
+        if (restoreTimer)
+            clearTimeout(restoreTimer);
+        restoreHues();
+        style.remove();
+        root.style.removeProperty('view-transition-name');
+        if (useSparkle)
+            cleanupSparkle();
+    };
+    const ready = transition.ready
+        .then(() => {
+        restoreTimer = setTimeout(restoreHues, Math.max(0, duration - 100));
+    })
+        .catch(() => { });
+    const finished = transition.finished.then(cleanup).catch(cleanup);
+    return { ready, finished };
+}
+btuRipple.setDefaults = (newDefaults) => {
+    defaults = { ...defaults, ...newDefaults };
+};
+btuRipple.listen = () => {
+    const handler = (e) => {
+        const detail = e.detail;
+        if (detail?.position)
+            btuRipple(detail);
+    };
+    document.addEventListener(BTU_RIPPLE_EVENT, handler);
+    return () => document.removeEventListener(BTU_RIPPLE_EVENT, handler);
+};
+//# sourceMappingURL=ripple.js.map

package/dist/effects/ripple.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ripple.js","sourceRoot":"","sources":["../../src/effects/ripple.ts"],"names":[],"mappings":"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"}

package/dist/effects/sparkle-worklet.d.ts

@@ -0,0 +1,7 @@
+/**
+ * CSS Paint Worklet source for the sparkle effect.
+ * Faithfully reproduces the 9 particles from the celebrate SVG animation.
+ * Exported as a string — loaded via blob URL at runtime.
+ */
+export declare const SPARKLE_WORKLET_SOURCE = "\n// Cubic bezier easing (no closure allocation for hot-path performance)\nfunction ease(x1, y1, x2, y2, t) {\n  if (t <= 0) return 0;\n  if (t >= 1) return 1;\n  var lo = 0, hi = 1, s, u;\n  for (var i = 0; i < 16; i++) {\n    s = (lo + hi) * 0.5;\n    u = 1 - s;\n    if (3 * s * u * (u * x1 + s * x2) + s * s * s < t) lo = s; else hi = s;\n  }\n  s = (lo + hi) * 0.5;\n  u = 1 - s;\n  return 3 * s * u * (u * y1 + s * y2) + s * s * s;\n}\n\n// Evaluate cubic bezier path at parameter t in [0,1]\nfunction bp(p, t) {\n  var u = 1 - t, uu = u * u, tt = t * t;\n  return [\n    uu * u * p[0][0] + 3 * uu * t * p[1][0] + 3 * u * tt * p[2][0] + tt * t * p[3][0],\n    uu * u * p[0][1] + 3 * uu * t * p[1][1] + 3 * u * tt * p[2][1] + tt * t * p[3][1]\n  ];\n}\n\n// Keyframe interpolation with per-segment easing\n// Frame format: [time, value] or [time, value, bezX1, bezY1, bezX2, bezY2]\n// Easing on a keyframe affects transition FROM that keyframe to the next\nfunction kf(f, t) {\n  var n = f.length;\n  if (t <= f[0][0]) return f[0][1];\n  if (t >= f[n - 1][0]) return f[n - 1][1];\n  for (var i = 0; i < n - 1; i++) {\n    if (t < f[i + 1][0]) {\n      var k = f[i];\n      var st = (t - k[0]) / (f[i + 1][0] - k[0]);\n      if (k.length > 2) st = ease(k[2], k[3], k[4], k[5], st);\n      return k[1] + (f[i + 1][1] - k[1]) * st;\n    }\n  }\n  return f[n - 1][1];\n}\n\n// Parse hex color to [r, g, b]\nfunction hr(h) {\n  return [parseInt(h.slice(1, 3), 16), parseInt(h.slice(3, 5), 16), parseInt(h.slice(5, 7), 16)];\n}\n\n// Color keyframe interpolation: [[time, hexColor], ...]\nfunction ckf(f, t) {\n  var n = f.length;\n  if (t <= f[0][0]) return f[0][1];\n  if (t >= f[n - 1][0]) return f[n - 1][1];\n  for (var i = 0; i < n - 1; i++) {\n    if (t < f[i + 1][0]) {\n      var st = (t - f[i][0]) / (f[i + 1][0] - f[i][0]);\n      var a = hr(f[i][1]), b = hr(f[i + 1][1]);\n      return 'rgb(' + (a[0] + (b[0] - a[0]) * st + 0.5 | 0) + ','\n                     + (a[1] + (b[1] - a[1]) * st + 0.5 | 0) + ','\n                     + (a[2] + (b[2] - a[2]) * st + 0.5 | 0) + ')';\n    }\n  }\n  return f[n - 1][1];\n}\n\n// 9 particles from the celebrate SVG animation\n// All coordinates relative to center (0,0) in 300x300 viewBox space\n// t: 0=fill, 1=stroke | p: bezier path | pe: path end fraction\n// pz: path easing | r: radius | sw: strokeWidth | d: dashArray | df: dashOffset\n// sk: scale keyframes | ok: opacity keyframes | rot: rotation | ck: color keyframes\nvar P = [\n  // 0: red stroked circle \u2014 arcs up-left\n  {t:1, c:'#ed0606',\n   p:[[0,0],[1.487,-51.277],[-51.575,-66.84],[-65.964,-18.489]],\n   pe:0.375, pz:[0.165,0.84,0.44,1], r:4.445, sw:2,\n   sk:[[0,0.967,0,0,0.58,1],[0.25,2.193,0,0,0.58,1],[0.375,1.552]],\n   ok:[[0,1],[0.25,1,0.25,0.46,0.45,0.94],[0.375,0]]},\n\n  // 1: purple stroked dashed \u2014 arcs up-right with 306deg rotation\n  {t:1, c:'#670bf4',\n   p:[[0,0],[20.853,-64.502],[65.913,-61.322],[90,0]],\n   pe:0.5, pz:[0.165,0.84,0.44,1], r:10.645, sw:6, d:[3,3], df:280,\n   sk:[[0,0.44],[0.375,1]],\n   ok:[[0,1],[0.375,1,0.25,0.46,0.45,0.94],[0.5,0]],\n   rot:{dg:305.83, e:0.5, z:[0.165,0.84,0.44,1]}},\n\n  // 2: blue stroked dashed \u2014 arcs down-left with -414deg rotation\n  {t:1, c:'#1f0bf4',\n   p:[[0,0],[-38.368,-28.607],[-73.478,-4.437],[-74,48]],\n   pe:0.5, pz:[0.165,0.84,0.44,1], r:10.645, sw:6, d:[8,8], df:45,\n   sk:[[0,0.44],[0.3625,0.75],[0.5,1]],\n   ok:[[0,1],[0.25,1,0.25,0.46,0.45,0.94],[0.5,0]],\n   rot:{dg:-414.17, e:0.5, z:[0.165,0.84,0.44,1]}},\n\n  // 3: yellow filled dot \u2014 drifts down-right\n  {t:0, c:'#fff400',\n   p:[[0,0],[9.107,13.174],[30.909,57.87],[29.358,63.363]],\n   pe:0.5, pz:[0.165,0.84,0.44,1], r:4.68,\n   sk:[[0,1]],\n   ok:[[0,1],[0.375,1,0.25,0.46,0.45,0.94],[0.5,0]]},\n\n  // 4: gold dot \u2014 quick burst to the right\n  {t:0, c:'#ffcc00',\n   p:[[0,0],[16.67,6.67],[33.33,13.33],[50,20]],\n   pe:0.25, pz:[0.165,0.84,0.44,1], r:2.82,\n   sk:[[0,1]],\n   ok:[[0,1],[0.125,1,0.25,0.46,0.45,0.94],[0.25,0]]},\n\n  // 5: gold dot \u2014 drifts up-right\n  {t:0, c:'#ffcc00',\n   p:[[0,0],[20,-16.67],[40,-33.33],[60,-50]],\n   pe:0.5, pz:[0.165,0.84,0.44,1], r:2.09,\n   sk:[[0,1]],\n   ok:[[0,1],[0.25,1,0.25,0.46,0.45,0.94],[0.5,0]]},\n\n  // 6: center flash \u2014 expanding warm glow that shifts to white\n  {t:0, c:'#ffcba0',\n   p:[[0,0],[0,0],[0,0],[0,0]],\n   pe:1, pz:[0,0,1,1], r:7.86,\n   sk:[[0,0.2,0.165,0.84,0.44,1],[0.1625,4]],\n   ok:[[0,0.75],[0.2125,0]],\n   ck:[[0,'#ffcba0'],[0.1125,'#fdf900'],[0.2,'#fafafa']]},\n\n  // 7: violet dot \u2014 shoots up-left\n  {t:0, c:'#5800ff',\n   p:[[0,0],[-12.962,-27.904],[-29.908,-68.431],[-44,-76]],\n   pe:0.5, pz:[0.165,0.84,0.44,1], r:2.09,\n   sk:[[0,1]],\n   ok:[[0,1],[0.25,1,0.25,0.46,0.45,0.94],[0.5,0]]},\n\n  // 8: red dot \u2014 sweeps far left\n  {t:0, c:'#ff2100',\n   p:[[2,3],[-21.955,-36.447],[-80.263,-28.558],[-110.541,-27.335]],\n   pe:0.5, pz:[0.25,0.46,0.45,0.94], r:1.2,\n   sk:[[0,1]],\n   ok:[[0,1],[0.25,1],[0.5,0]]}\n];\n\nclass BtuSparkle {\n  static get inputProperties() {\n    return ['--sparkle-progress', '--sparkle-cx', '--sparkle-cy', '--sparkle-size'];\n  }\n\n  paint(ctx, geom, props) {\n    var progress = parseFloat(String(props.get('--sparkle-progress'))) || 0;\n    if (progress <= 0) return;\n\n    var cx = parseFloat(String(props.get('--sparkle-cx'))) || 0;\n    var cy = parseFloat(String(props.get('--sparkle-cy'))) || 0;\n    var size = parseFloat(String(props.get('--sparkle-size'))) || 300;\n    var sc = size / 300;\n\n    for (var i = 0; i < P.length; i++) {\n      var p = P[i];\n\n      // Skip invisible particles\n      var alpha = kf(p.ok, progress);\n      if (alpha <= 0.01) continue;\n\n      // Position along bezier path\n      var pt = p.pe < 1 ? Math.min(progress / p.pe, 1) : progress;\n      var et = ease(p.pz[0], p.pz[1], p.pz[2], p.pz[3], pt);\n      var pos = bp(p.p, et);\n\n      // Per-particle scale\n      var s = kf(p.sk, progress);\n      if (s <= 0) continue;\n\n      ctx.save();\n      ctx.translate(cx + pos[0] * sc, cy + pos[1] * sc);\n\n      // Rotation (particles 1 and 2)\n      if (p.rot) {\n        var rt = Math.min(progress / p.rot.e, 1);\n        var er = ease(p.rot.z[0], p.rot.z[1], p.rot.z[2], p.rot.z[3], rt);\n        ctx.rotate(p.rot.dg * er * Math.PI / 180);\n      }\n\n      ctx.scale(s * sc, s * sc);\n      ctx.globalAlpha = alpha;\n      ctx.beginPath();\n      ctx.arc(0, 0, p.r, 0, 6.2832);\n\n      if (p.t) {\n        // Stroked circle\n        ctx.strokeStyle = p.c;\n        ctx.lineWidth = p.sw;\n        if (p.d) {\n          ctx.setLineDash(p.d);\n          ctx.lineDashOffset = p.df || 0;\n        }\n        ctx.stroke();\n      } else {\n        // Filled circle (with optional color animation)\n        ctx.fillStyle = p.ck ? ckf(p.ck, progress) : p.c;\n        ctx.fill();\n      }\n\n      ctx.restore();\n    }\n  }\n}\n\nregisterPaint('btu-sparkle', BtuSparkle);\n";
+//# sourceMappingURL=sparkle-worklet.d.ts.map

package/dist/effects/sparkle-worklet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sparkle-worklet.d.ts","sourceRoot":"","sources":["../../src/effects/sparkle-worklet.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,ozNA4MlC,CAAA"}

package/dist/effects/sparkle-worklet.js

@@ -0,0 +1,211 @@
+/**
+ * CSS Paint Worklet source for the sparkle effect.
+ * Faithfully reproduces the 9 particles from the celebrate SVG animation.
+ * Exported as a string — loaded via blob URL at runtime.
+ */
+export const SPARKLE_WORKLET_SOURCE = `
+// Cubic bezier easing (no closure allocation for hot-path performance)
+function ease(x1, y1, x2, y2, t) {
+  if (t <= 0) return 0;
+  if (t >= 1) return 1;
+  var lo = 0, hi = 1, s, u;
+  for (var i = 0; i < 16; i++) {
+    s = (lo + hi) * 0.5;
+    u = 1 - s;
+    if (3 * s * u * (u * x1 + s * x2) + s * s * s < t) lo = s; else hi = s;
+  }
+  s = (lo + hi) * 0.5;
+  u = 1 - s;
+  return 3 * s * u * (u * y1 + s * y2) + s * s * s;
+}
+
+// Evaluate cubic bezier path at parameter t in [0,1]
+function bp(p, t) {
+  var u = 1 - t, uu = u * u, tt = t * t;
+  return [
+    uu * u * p[0][0] + 3 * uu * t * p[1][0] + 3 * u * tt * p[2][0] + tt * t * p[3][0],
+    uu * u * p[0][1] + 3 * uu * t * p[1][1] + 3 * u * tt * p[2][1] + tt * t * p[3][1]
+  ];
+}
+
+// Keyframe interpolation with per-segment easing
+// Frame format: [time, value] or [time, value, bezX1, bezY1, bezX2, bezY2]
+// Easing on a keyframe affects transition FROM that keyframe to the next
+function kf(f, t) {
+  var n = f.length;
+  if (t <= f[0][0]) return f[0][1];
+  if (t >= f[n - 1][0]) return f[n - 1][1];
+  for (var i = 0; i < n - 1; i++) {
+    if (t < f[i + 1][0]) {
+      var k = f[i];
+      var st = (t - k[0]) / (f[i + 1][0] - k[0]);
+      if (k.length > 2) st = ease(k[2], k[3], k[4], k[5], st);
+      return k[1] + (f[i + 1][1] - k[1]) * st;
+    }
+  }
+  return f[n - 1][1];
+}
+
+// Parse hex color to [r, g, b]
+function hr(h) {
+  return [parseInt(h.slice(1, 3), 16), parseInt(h.slice(3, 5), 16), parseInt(h.slice(5, 7), 16)];
+}
+
+// Color keyframe interpolation: [[time, hexColor], ...]
+function ckf(f, t) {
+  var n = f.length;
+  if (t <= f[0][0]) return f[0][1];
+  if (t >= f[n - 1][0]) return f[n - 1][1];
+  for (var i = 0; i < n - 1; i++) {
+    if (t < f[i + 1][0]) {
+      var st = (t - f[i][0]) / (f[i + 1][0] - f[i][0]);
+      var a = hr(f[i][1]), b = hr(f[i + 1][1]);
+      return 'rgb(' + (a[0] + (b[0] - a[0]) * st + 0.5 | 0) + ','
+                     + (a[1] + (b[1] - a[1]) * st + 0.5 | 0) + ','
+                     + (a[2] + (b[2] - a[2]) * st + 0.5 | 0) + ')';
+    }
+  }
+  return f[n - 1][1];
+}
+
+// 9 particles from the celebrate SVG animation
+// All coordinates relative to center (0,0) in 300x300 viewBox space
+// t: 0=fill, 1=stroke | p: bezier path | pe: path end fraction
+// pz: path easing | r: radius | sw: strokeWidth | d: dashArray | df: dashOffset
+// sk: scale keyframes | ok: opacity keyframes | rot: rotation | ck: color keyframes
+var P = [
+  // 0: red stroked circle — arcs up-left
+  {t:1, c:'#ed0606',
+   p:[[0,0],[1.487,-51.277],[-51.575,-66.84],[-65.964,-18.489]],
+   pe:0.375, pz:[0.165,0.84,0.44,1], r:4.445, sw:2,
+   sk:[[0,0.967,0,0,0.58,1],[0.25,2.193,0,0,0.58,1],[0.375,1.552]],
+   ok:[[0,1],[0.25,1,0.25,0.46,0.45,0.94],[0.375,0]]},
+
+  // 1: purple stroked dashed — arcs up-right with 306deg rotation
+  {t:1, c:'#670bf4',
+   p:[[0,0],[20.853,-64.502],[65.913,-61.322],[90,0]],
+   pe:0.5, pz:[0.165,0.84,0.44,1], r:10.645, sw:6, d:[3,3], df:280,
+   sk:[[0,0.44],[0.375,1]],
+   ok:[[0,1],[0.375,1,0.25,0.46,0.45,0.94],[0.5,0]],
+   rot:{dg:305.83, e:0.5, z:[0.165,0.84,0.44,1]}},
+
+  // 2: blue stroked dashed — arcs down-left with -414deg rotation
+  {t:1, c:'#1f0bf4',
+   p:[[0,0],[-38.368,-28.607],[-73.478,-4.437],[-74,48]],
+   pe:0.5, pz:[0.165,0.84,0.44,1], r:10.645, sw:6, d:[8,8], df:45,
+   sk:[[0,0.44],[0.3625,0.75],[0.5,1]],
+   ok:[[0,1],[0.25,1,0.25,0.46,0.45,0.94],[0.5,0]],
+   rot:{dg:-414.17, e:0.5, z:[0.165,0.84,0.44,1]}},
+
+  // 3: yellow filled dot — drifts down-right
+  {t:0, c:'#fff400',
+   p:[[0,0],[9.107,13.174],[30.909,57.87],[29.358,63.363]],
+   pe:0.5, pz:[0.165,0.84,0.44,1], r:4.68,
+   sk:[[0,1]],
+   ok:[[0,1],[0.375,1,0.25,0.46,0.45,0.94],[0.5,0]]},
+
+  // 4: gold dot — quick burst to the right
+  {t:0, c:'#ffcc00',
+   p:[[0,0],[16.67,6.67],[33.33,13.33],[50,20]],
+   pe:0.25, pz:[0.165,0.84,0.44,1], r:2.82,
+   sk:[[0,1]],
+   ok:[[0,1],[0.125,1,0.25,0.46,0.45,0.94],[0.25,0]]},
+
+  // 5: gold dot — drifts up-right
+  {t:0, c:'#ffcc00',
+   p:[[0,0],[20,-16.67],[40,-33.33],[60,-50]],
+   pe:0.5, pz:[0.165,0.84,0.44,1], r:2.09,
+   sk:[[0,1]],
+   ok:[[0,1],[0.25,1,0.25,0.46,0.45,0.94],[0.5,0]]},
+
+  // 6: center flash — expanding warm glow that shifts to white
+  {t:0, c:'#ffcba0',
+   p:[[0,0],[0,0],[0,0],[0,0]],
+   pe:1, pz:[0,0,1,1], r:7.86,
+   sk:[[0,0.2,0.165,0.84,0.44,1],[0.1625,4]],
+   ok:[[0,0.75],[0.2125,0]],
+   ck:[[0,'#ffcba0'],[0.1125,'#fdf900'],[0.2,'#fafafa']]},
+
+  // 7: violet dot — shoots up-left
+  {t:0, c:'#5800ff',
+   p:[[0,0],[-12.962,-27.904],[-29.908,-68.431],[-44,-76]],
+   pe:0.5, pz:[0.165,0.84,0.44,1], r:2.09,
+   sk:[[0,1]],
+   ok:[[0,1],[0.25,1,0.25,0.46,0.45,0.94],[0.5,0]]},
+
+  // 8: red dot — sweeps far left
+  {t:0, c:'#ff2100',
+   p:[[2,3],[-21.955,-36.447],[-80.263,-28.558],[-110.541,-27.335]],
+   pe:0.5, pz:[0.25,0.46,0.45,0.94], r:1.2,
+   sk:[[0,1]],
+   ok:[[0,1],[0.25,1],[0.5,0]]}
+];
+
+class BtuSparkle {
+  static get inputProperties() {
+    return ['--sparkle-progress', '--sparkle-cx', '--sparkle-cy', '--sparkle-size'];
+  }
+
+  paint(ctx, geom, props) {
+    var progress = parseFloat(String(props.get('--sparkle-progress'))) || 0;
+    if (progress <= 0) return;
+
+    var cx = parseFloat(String(props.get('--sparkle-cx'))) || 0;
+    var cy = parseFloat(String(props.get('--sparkle-cy'))) || 0;
+    var size = parseFloat(String(props.get('--sparkle-size'))) || 300;
+    var sc = size / 300;
+
+    for (var i = 0; i < P.length; i++) {
+      var p = P[i];
+
+      // Skip invisible particles
+      var alpha = kf(p.ok, progress);
+      if (alpha <= 0.01) continue;
+
+      // Position along bezier path
+      var pt = p.pe < 1 ? Math.min(progress / p.pe, 1) : progress;
+      var et = ease(p.pz[0], p.pz[1], p.pz[2], p.pz[3], pt);
+      var pos = bp(p.p, et);
+
+      // Per-particle scale
+      var s = kf(p.sk, progress);
+      if (s <= 0) continue;
+
+      ctx.save();
+      ctx.translate(cx + pos[0] * sc, cy + pos[1] * sc);
+
+      // Rotation (particles 1 and 2)
+      if (p.rot) {
+        var rt = Math.min(progress / p.rot.e, 1);
+        var er = ease(p.rot.z[0], p.rot.z[1], p.rot.z[2], p.rot.z[3], rt);
+        ctx.rotate(p.rot.dg * er * Math.PI / 180);
+      }
+
+      ctx.scale(s * sc, s * sc);
+      ctx.globalAlpha = alpha;
+      ctx.beginPath();
+      ctx.arc(0, 0, p.r, 0, 6.2832);
+
+      if (p.t) {
+        // Stroked circle
+        ctx.strokeStyle = p.c;
+        ctx.lineWidth = p.sw;
+        if (p.d) {
+          ctx.setLineDash(p.d);
+          ctx.lineDashOffset = p.df || 0;
+        }
+        ctx.stroke();
+      } else {
+        // Filled circle (with optional color animation)
+        ctx.fillStyle = p.ck ? ckf(p.ck, progress) : p.c;
+        ctx.fill();
+      }
+
+      ctx.restore();
+    }
+  }
+}
+
+registerPaint('btu-sparkle', BtuSparkle);
+`;
+//# sourceMappingURL=sparkle-worklet.js.map

package/dist/effects/sparkle-worklet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sparkle-worklet.js","sourceRoot":"","sources":["../../src/effects/sparkle-worklet.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4MrC,CAAA"}

package/dist/effects/sparkle.d.ts

@@ -0,0 +1,6 @@
+export declare function ensureOverlay(): void;
+export declare function generateSparkleCSS(x: number, y: number, size: number, duration: number): string;
+export declare function cleanupSparkle(): void;
+export declare function isSparkleSupported(): boolean;
+export declare function isWorkletReady(): boolean;
+//# sourceMappingURL=sparkle.d.ts.map

package/dist/effects/sparkle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sparkle.d.ts","sourceRoot":"","sources":["../../src/effects/sparkle.ts"],"names":[],"mappings":"AAoDA,wBAAgB,aAAa,IAAI,IAAI,CAOpC;AAED,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAmB/F;AAED,wBAAgB,cAAc,IAAI,IAAI,CAIrC;AAED,wBAAgB,kBAAkB,IAAI,OAAO,CAG5C;AAED,wBAAgB,cAAc,IAAI,OAAO,CAExC"}

package/dist/effects/sparkle.js

@@ -0,0 +1,91 @@
+import { SPARKLE_WORKLET_SOURCE } from './sparkle-worklet.js';
+let workletReady = false;
+let workletLoading = null;
+let propertiesRegistered = false;
+let overlay = null;
+function registerProperties() {
+    if (propertiesRegistered)
+        return;
+    propertiesRegistered = true;
+    const defs = [
+        ['--sparkle-progress', '<number>', '0'],
+        ['--sparkle-cx', '<number>', '0'],
+        ['--sparkle-cy', '<number>', '0'],
+        ['--sparkle-size', '<number>', '300'],
+    ];
+    for (const [name, syntax, initialValue] of defs) {
+        try {
+            CSS.registerProperty({ name, syntax, inherits: false, initialValue });
+        }
+        catch {
+            // Already registered or unsupported
+        }
+    }
+}
+function loadWorklet() {
+    if (workletReady)
+        return Promise.resolve();
+    if (workletLoading)
+        return workletLoading;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const paintWorklet = CSS.paintWorklet;
+    if (!paintWorklet)
+        return Promise.resolve();
+    const blob = new Blob([SPARKLE_WORKLET_SOURCE], { type: 'text/javascript' });
+    const url = URL.createObjectURL(blob);
+    const promise = paintWorklet
+        .addModule(url)
+        .then(() => {
+        workletReady = true;
+    })
+        .catch(() => { })
+        .finally(() => {
+        URL.revokeObjectURL(url);
+    });
+    workletLoading = promise;
+    return promise;
+}
+export function ensureOverlay() {
+    if (!overlay) {
+        overlay = document.createElement('div');
+        overlay.style.cssText = 'position:fixed;inset:0;pointer-events:none;background:transparent;z-index:2147483647;';
+        document.body.appendChild(overlay);
+    }
+    overlay.style.viewTransitionName = 'sparkle-overlay';
+}
+export function generateSparkleCSS(x, y, size, duration) {
+    return `
+    ::view-transition-group(sparkle-overlay) {
+      z-index: 2147483647;
+      background-image: paint(btu-sparkle);
+      animation: btu-sparkle-anim ${duration}ms linear forwards;
+      --sparkle-cx: ${x};
+      --sparkle-cy: ${y};
+      --sparkle-size: ${size};
+      --sparkle-progress: 0;
+    }
+    ::view-transition-image-pair(sparkle-overlay) {
+      display: none;
+    }
+    @keyframes btu-sparkle-anim {
+      from { --sparkle-progress: 0; }
+      to { --sparkle-progress: 1; }
+    }
+  `;
+}
+export function cleanupSparkle() {
+    if (overlay) {
+        overlay.style.viewTransitionName = '';
+    }
+}
+export function isSparkleSupported() {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    return !!CSS.paintWorklet;
+}
+export function isWorkletReady() {
+    return workletReady;
+}
+// Pre-load worklet and register properties at import time
+registerProperties();
+loadWorklet();
+//# sourceMappingURL=sparkle.js.map

package/dist/effects/sparkle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sparkle.js","sourceRoot":"","sources":["../../src/effects/sparkle.ts"],"names":[],"mappings":"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"}