motionary 6.9.0 → 7.1.0

package/dist/components/lite.cjs

@@ -408,14 +408,14 @@ const clamp = (v, min, max) => Math.min(max, Math.max(min, v));
 const COMPONENT_CATEGORIES = {
     reveal: ['usa-reveal', 'usa-stagger', 'usa-scroll-progress', 'usa-scrolly'],
     text: ['usa-typewriter', 'usa-split-text', 'usa-scramble', 'usa-counter', 'usa-shimmer-text', 'usa-text-rotate', 'usa-wave-text', 'usa-glitch', 'usa-gradient-text', 'usa-handwriting', 'usa-scroll-highlight'],
-    interaction: ['usa-ripple', 'usa-magnetic', 'usa-tilt', 'usa-spotlight', 'usa-press', 'usa-toggle'],
+    interaction: ['usa-ripple', 'usa-magnetic', 'usa-tilt', 'usa-spotlight', 'usa-press'],
     feedback: ['usa-spinner', 'usa-skeleton', 'usa-progress', 'usa-toaster', 'usa-check'],
     background: ['usa-aurora', 'usa-particles', 'usa-grain', 'usa-marquee', 'usa-acrylic', 'usa-grid-glow', 'usa-blobs', 'usa-water-ripple', 'usa-dot-network'],
     transitions: ['usa-dialog', 'usa-accordion', 'usa-view-switch'],
     physics: ['usa-spring', 'usa-draggable', 'usa-overscroll'],
     cards: ['usa-card', 'usa-card-stack', 'usa-sticky-stack', 'usa-carousel-3d'],
     click: ['usa-click', 'usa-button', 'usa-icon-morph', 'usa-like', 'usa-hold', 'usa-double-tap', 'usa-checkbox'],
-    ui: ['usa-tabs', 'usa-drawer', 'usa-bottom-sheet', 'usa-pull-refresh', 'usa-fab', 'usa-navbar', 'usa-slider', 'usa-rating', 'usa-tooltip', 'usa-popover', 'usa-badge', 'usa-avatar-stack'],
+    ui: ['usa-tabs', 'usa-drawer', 'usa-bottom-sheet', 'usa-pull-refresh', 'usa-fab', 'usa-navbar', 'usa-slider', 'usa-rating', 'usa-popover', 'usa-badge', 'usa-avatar-stack'],
     page: ['usa-cursor', 'usa-fullpage', 'usa-loading-bar', 'usa-back-to-top', 'usa-ambient', 'usa-splash', 'usa-auto-skeleton', 'usa-motion-switch'],
     timeline: ['usa-timeline'],
     gesture: ['usa-swipeable', 'usa-pinch-zoom'],
@@ -598,7 +598,7 @@ function revealKeyframes(effect, distance) {
     return [from, to];
 }
 
-var css$16 = "";
+var css$14 = "";
 
 function defineReveal(tag = 'usa-reveal') {
     return defineElement(tag, (Base) => class UsaReveal extends Base {
@@ -673,7 +673,7 @@ function defineReveal(tag = 'usa-reveal') {
             if (!this.reduced)
                 this.setAttribute('data-state', 'hidden');
         }
-    }, { id: 'reveal', text: css$16 });
+    }, { id: 'reveal', text: css$14 });
 }
 
 function defineStagger(tag = 'usa-stagger') {
@@ -739,10 +739,10 @@ function defineStagger(tag = 'usa-stagger') {
             if (!this.reduced)
                 this.setAttribute('data-state', 'hidden');
         }
-    }, { id: 'reveal', text: css$16 });
+    }, { id: 'reveal', text: css$14 });
 }
 
-var css$15 = "";
+var css$13 = "";
 
 /** Progress (0–1) of `target` scrolling through the viewport, or of the page. */
 function readScrollProgress(target) {
@@ -810,10 +810,10 @@ function defineScrollProgress(tag = 'usa-scroll-progress') {
                 this.setAttribute('aria-valuenow', pct);
             this.emit('progress', { progress: p });
         }
-    }, { id: 'scroll-progress', text: css$15 });
+    }, { id: 'scroll-progress', text: css$13 });
 }
 
-var css$14 = "";
+var css$12 = "";
 
 function defineScrolly(tag = 'usa-scrolly') {
     return defineElement(tag, (Base) => class UsaScrolly extends Base {
@@ -865,7 +865,7 @@ function defineScrolly(tag = 'usa-scrolly') {
             if (!silent)
                 this.emit('step', { index, step, name: step.dataset.step || '' });
         }
-    }, { id: 'scrolly', text: css$14 });
+    }, { id: 'scrolly', text: css$12 });
 }
 
 /**
@@ -880,7 +880,7 @@ function defineRevealComponents() {
     defineScrolly();
 }
 
-var css$13 = "";
+var css$11 = "";
 
 function defineTypewriter(tag = 'usa-typewriter') {
     return defineElement(tag, (Base) => class UsaTypewriter extends Base {
@@ -994,10 +994,10 @@ function defineTypewriter(tag = 'usa-typewriter') {
             };
             this._timer = setTimeout(tick, this.num('delay', 0));
         }
-    }, { id: 'typewriter', text: css$13 });
+    }, { id: 'typewriter', text: css$11 });
 }
 
-var css$12 = "";
+var css$10 = "";
 
 /**
  * motionary/components/tokens — motion design tokens (4.2).
@@ -1811,7 +1811,7 @@ function defineSplitText(tag = 'usa-split-text') {
             clearTimeout(this._timer);
             this.setAttribute('data-state', this.reduced ? 'shown' : 'hidden');
         }
-    }, { id: 'split-text', text: css$12 });
+    }, { id: 'split-text', text: css$10 });
 }
 
 const GLYPHS = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789#%&*+=<>/\\?!';
@@ -1905,7 +1905,7 @@ function defineScramble(tag = 'usa-scramble') {
     }, undefined);
 }
 
-var css$11 = "";
+var css$$ = "";
 
 /** easeOutExpo */
 const easeOutExpo = (t) => (t >= 1 ? 1 : 1 - Math.pow(2, -10 * t));
@@ -2005,10 +2005,10 @@ function defineCounter(tag = 'usa-counter') {
                 this._frame = raf(step);
             });
         }
-    }, { id: 'counter', text: css$11 });
+    }, { id: 'counter', text: css$$ });
 }
 
-var css$10 = "";
+var css$_ = "";
 
 function defineShimmerText(tag = 'usa-shimmer-text') {
     return defineElement(tag, (Base) => class UsaShimmerText extends Base {
@@ -2028,10 +2028,10 @@ function defineShimmerText(tag = 'usa-shimmer-text') {
             set('shine', '--usa-shimmer-shine');
             set('angle', '--usa-shimmer-angle', 'deg');
         }
-    }, { id: 'shimmer-text', text: css$10 });
+    }, { id: 'shimmer-text', text: css$_ });
 }
 
-var css$$ = "";
+var css$Z = "";
 
 function defineTextRotate(tag = 'usa-text-rotate') {
     return defineElement(tag, (Base) => class UsaTextRotate extends Base {
@@ -2103,10 +2103,10 @@ function defineTextRotate(tag = 'usa-text-rotate') {
             this.motion(cur, [inFrom, pick(inFrom)], { duration: 520, easing: effect === 'slide' ? EASE_SPRING : EASE_OUT });
             this.emit('change', { index: this._index, word: cur.textContent });
         }
-    }, { id: 'text-rotate', text: css$$ });
+    }, { id: 'text-rotate', text: css$Z });
 }
 
-var css$_ = "";
+var css$Y = "";
 
 /** Split `text` into per-character spans (words never break). The animated copy is aria-hidden. */
 function splitChars(host, text) {
@@ -2143,7 +2143,7 @@ function defineWaveText(tag = 'usa-wave-text') {
             this.style.setProperty('--usa-wave-s', `${this.num('speed', 1.6)}s`);
             this.style.setProperty('--usa-wave-d', `${this.num('stagger', 0.06)}s`);
         }
-    }, { id: 'text-fx', text: css$_ });
+    }, { id: 'text-fx', text: css$Y });
 }
 function defineGlitch(tag = 'usa-glitch') {
     return defineElement(tag, (Base) => class extends Base {
@@ -2155,7 +2155,7 @@ function defineGlitch(tag = 'usa-glitch') {
             if (!this.firstChild)
                 this.textContent = t;
         }
-    }, { id: 'text-fx', text: css$_ });
+    }, { id: 'text-fx', text: css$Y });
 }
 function defineGradientText(tag = 'usa-gradient-text') {
     return defineElement(tag, (Base) => class extends Base {
@@ -2165,7 +2165,7 @@ function defineGradientText(tag = 'usa-gradient-text') {
             this.style.setProperty('--usa-grad', `linear-gradient(${this.num('angle', 90)}deg, ${[...c, c[0]].join(', ')})`);
             this.style.setProperty('--usa-grad-s', `${this.num('speed', 6)}s`);
         }
-    }, { id: 'text-fx', text: css$_ });
+    }, { id: 'text-fx', text: css$Y });
 }
 function defineHandwriting(tag = 'usa-handwriting') {
     return defineElement(tag, (Base) => class extends Base {
@@ -2198,7 +2198,7 @@ function defineHandwriting(tag = 'usa-handwriting') {
                 this.emit('complete');
             }, this.reduced ? 0 : this.num('duration', 2400));
         }
-    }, { id: 'text-fx', text: css$_ });
+    }, { id: 'text-fx', text: css$Y });
 }
 function defineScrollHighlight(tag = 'usa-scroll-highlight') {
     return defineElement(tag, (Base) => class extends Base {
@@ -2262,7 +2262,7 @@ function defineScrollHighlight(tag = 'usa-scroll-highlight') {
             caf(this._f);
             this._f = 0;
         }
-    }, { id: 'text-fx', text: css$_ });
+    }, { id: 'text-fx', text: css$Y });
 }
 
 /**
@@ -2285,7 +2285,7 @@ function defineTextComponents() {
     defineScrollHighlight();
 }
 
-var css$Z = "";
+var css$X = "";
 
 function defineRipple(tag = 'usa-ripple') {
     return defineElement(tag, (Base) => class UsaRipple extends Base {
@@ -2332,10 +2332,10 @@ function defineRipple(tag = 'usa-ripple') {
             else
                 setTimeout(() => wave.remove(), 0);
         }
-    }, { id: 'ripple', text: css$Z });
+    }, { id: 'ripple', text: css$X });
 }
 
-var css$Y = "";
+var css$W = "";
 
 function defineMagnetic(tag = 'usa-magnetic') {
     return defineElement(tag, (Base) => class UsaMagnetic extends Base {
@@ -2392,10 +2392,10 @@ function defineMagnetic(tag = 'usa-magnetic') {
             this._frame = 0;
             this.release();
         }
-    }, { id: 'magnetic', text: css$Y });
+    }, { id: 'magnetic', text: css$W });
 }
 
-var css$X = "";
+var css$V = "";
 
 function defineTilt(tag = 'usa-tilt') {
     return defineElement(tag, (Base) => class UsaTilt extends Base {
@@ -2464,10 +2464,10 @@ function defineTilt(tag = 'usa-tilt') {
         unmount() {
             this.reset();
         }
-    }, { id: 'tilt', text: css$X });
+    }, { id: 'tilt', text: css$V });
 }
 
-var css$W = "";
+var css$U = "";
 
 function defineSpotlight(tag = 'usa-spotlight') {
     return defineElement(tag, (Base) => class UsaSpotlight extends Base {
@@ -2529,10 +2529,10 @@ function defineSpotlight(tag = 'usa-spotlight') {
             this._frame = 0;
             this.removeAttribute('data-lit');
         }
-    }, { id: 'spotlight', text: css$W });
+    }, { id: 'spotlight', text: css$U });
 }
 
-var css$V = "";
+var css$T = "";
 
 function definePress(tag = 'usa-press') {
     return defineElement(tag, (Base) => class UsaPress extends Base {
@@ -2598,95 +2598,13 @@ function definePress(tag = 'usa-press') {
             this._anim = null;
             this._down = false;
         }
-    }, { id: 'press', text: css$V });
-}
-
-var css$U = "";
-
-function defineToggle(tag = 'usa-toggle') {
-    return defineElement(tag, (Base) => { var _a; return _a = class UsaToggle extends Base {
-            static get observedAttributes() {
-                return ['checked', 'disabled', 'label'];
-            }
-            constructor() {
-                super();
-                this._internals = null;
-                try {
-                    this._internals = typeof this.attachInternals === 'function' ? this.attachInternals() : null;
-                }
-                catch {
-                    this._internals = null;
-                }
-            }
-            get checked() {
-                return this.hasAttribute('checked');
-            }
-            set checked(v) {
-                this.toggleAttribute('checked', !!v);
-            }
-            get disabled() {
-                return this.hasAttribute('disabled');
-            }
-            set disabled(v) {
-                this.toggleAttribute('disabled', !!v);
-            }
-            changed() {
-                this.sync();
-            }
-            sync() {
-                this.setAttribute('aria-checked', String(this.checked));
-                this.setAttribute('aria-disabled', String(this.disabled));
-                this.tabIndex = this.disabled ? -1 : 0;
-                const label = this.getAttribute('label');
-                if (label && !this.hasAttribute('aria-label'))
-                    this.setAttribute('aria-label', label);
-                this._internals?.setFormValue?.(this.checked ? this.str('value', 'on') : null);
-            }
-            mount() {
-                deprecate('usa-toggle', '<usa-toggle> is deprecated since 6.9 and removed in 7.0 — use <usa-switch> (motionary/components/widgets; npx usa-codemod-7).');
-                if (!this.querySelector(':scope > .usa-toggle-track')) {
-                    const track = document.createElement('span');
-                    track.className = 'usa-toggle-track';
-                    track.setAttribute('aria-hidden', 'true');
-                    const knob = document.createElement('span');
-                    knob.className = 'usa-toggle-knob';
-                    track.append(knob);
-                    this.prepend(track);
-                }
-                this.setAttribute('role', 'switch');
-                this.sync();
-                this.listen(this, 'click', () => this.toggle());
-                this.listen(this, 'keydown', (e) => {
-                    if (e.key === ' ' || e.key === 'Enter') {
-                        e.preventDefault();
-                        if (!e.repeat)
-                            this.toggle();
-                    }
-                });
-                this.listen(this, 'pointerdown', () => !this.disabled && this.setAttribute('data-pressed', ''));
-                for (const t of ['pointerup', 'pointerleave', 'pointercancel'])
-                    this.listen(this, t, () => this.removeAttribute('data-pressed'));
-            }
-            toggle(force) {
-                if (this.disabled)
-                    return;
-                const next = force === undefined ? !this.checked : force;
-                if (next === this.checked)
-                    return;
-                this.checked = next;
-                this.sync();
-                this.dispatchEvent(new Event('change', { bubbles: true }));
-                this.emit('change', { checked: next });
-            }
-        },
-        _a.formAssociated = true,
-        _a; }, { id: 'toggle', text: css$U });
+    }, { id: 'press', text: css$T });
 }
 
 /**
  * motionary/components/interaction — micro-interactions.
  * `<usa-ripple>`, `<usa-magnetic>`, `<usa-tilt>`, `<usa-spotlight>`,
- * `<usa-press>`, `<usa-toggle>`.
+ * `<usa-press>`.
  */
 /** Register every component of this category under its default tag. */
 function defineInteractionComponents() {
@@ -2695,10 +2613,9 @@ function defineInteractionComponents() {
     defineTilt();
     defineSpotlight();
     definePress();
-    defineToggle();
 }
 
-var css$T = "";
+var css$S = "";
 
 const SPINNER_VARIANTS = ['fluent', 'windows', 'ring', 'dots', 'pulse', 'bars'];
 function markup(variant) {
@@ -2744,10 +2661,10 @@ function defineSpinner(tag = 'usa-spinner') {
             if (!this.hasAttribute('aria-label') || this.hasAttribute('label'))
                 this.setAttribute('aria-label', this.str('label', 'Loading'));
         }
-    }, { id: 'spinner', text: css$T });
+    }, { id: 'spinner', text: css$S });
 }
 
-var css$S = "";
+var css$R = "";
 
 function defineSkeleton(tag = 'usa-skeleton') {
     return defineElement(tag, (Base) => class UsaSkeleton extends Base {
@@ -2827,10 +2744,10 @@ function defineSkeleton(tag = 'usa-skeleton') {
             }
             this.emit('loaded');
         }
-    }, { id: 'skeleton', text: css$S });
+    }, { id: 'skeleton', text: css$R });
 }
 
-var css$R = "";
+var css$Q = "";
 
 function defineProgress(tag = 'usa-progress') {
     return defineElement(tag, (Base) => class UsaProgress extends Base {
@@ -2893,10 +2810,10 @@ function defineProgress(tag = 'usa-progress') {
             if (ratio === 1)
                 this.emit('complete');
         }
-    }, { id: 'progress', text: css$R });
+    }, { id: 'progress', text: css$Q });
 }
 
-var css$Q = "";
+var css$P = "";
 
 const ICONS = {
     info: '<path d="M12 8h.01M11 12h1v5h1"/>',
@@ -3012,7 +2929,7 @@ function defineToaster(tag = 'usa-toaster') {
         clear() {
             this.querySelectorAll('.usa-toast').forEach((t) => t._close?.());
         }
-    }, { id: 'toast', text: css$Q });
+    }, { id: 'toast', text: css$P });
 }
 /**
  * Show a toast. Defines `<usa-toaster>` and adds one to `<body>` if the
@@ -3033,7 +2950,7 @@ function toast(message, options = {}) {
     return host.show(message, options);
 }
 
-var css$P = "";
+var css$O = "";
 
 const PATHS = {
     success: 'M15 27 l7 7 l14 -15',
@@ -3110,7 +3027,7 @@ function defineCheck(tag = 'usa-check') {
                     done();
             });
         }
-    }, { id: 'check', text: css$P });
+    }, { id: 'check', text: css$O });
 }
 
 /**
@@ -3127,7 +3044,7 @@ function defineFeedbackComponents() {
     defineCheck();
 }
 
-var css$O = "";
+var css$N = "";
 
 function defineAurora(tag = 'usa-aurora') {
     return defineElement(tag, (Base) => class UsaAurora extends Base {
@@ -3155,10 +3072,10 @@ function defineAurora(tag = 'usa-aurora') {
             this.style.setProperty('--usa-aurora-opacity', String(this.num('intensity', 0.7)));
             this.inView((v) => this.toggleAttribute('data-offscreen', !v));
         }
-    }, { id: 'aurora', text: css$O });
+    }, { id: 'aurora', text: css$N });
 }
 
-var css$N = "";
+var css$M = "";
 
 function defineParticles(tag = 'usa-particles') {
     return defineElement(tag, (Base) => class UsaParticles extends Base {
@@ -3317,10 +3234,10 @@ function defineParticles(tag = 'usa-particles') {
             }
             ctx.globalAlpha = 1;
         }
-    }, { id: 'particles', text: css$N });
+    }, { id: 'particles', text: css$M });
 }
 
-var css$M = "";
+var css$L = "";
 
 const noise = (freq) => `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='${freq}' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 1.6 -0.3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")`;
 function defineGrain(tag = 'usa-grain') {
@@ -3345,10 +3262,10 @@ function defineGrain(tag = 'usa-grain') {
             s.opacity = String(this.num('opacity', 0.12));
             s.mixBlendMode = this.str('blend', 'overlay');
         }
-    }, { id: 'grain', text: css$M });
+    }, { id: 'grain', text: css$L });
 }
 
-var css$L = "";
+var css$K = "";
 
 function defineMarquee(tag = 'usa-marquee') {
     return defineElement(tag, (Base) => class UsaMarquee extends Base {
@@ -3468,10 +3385,10 @@ function defineMarquee(tag = 'usa-marquee') {
             else
                 super.changed(name);
         }
-    }, { id: 'marquee', text: css$L });
+    }, { id: 'marquee', text: css$K });
 }
 
-var css$K = "";
+var css$J = "";
 
 function defineAcrylic(tag = 'usa-acrylic') {
     return defineElement(tag, (Base) => class UsaAcrylic extends Base {
@@ -3492,10 +3409,10 @@ function defineAcrylic(tag = 'usa-acrylic') {
                 this.setAttribute('data-shine', '');
             }
         }
-    }, { id: 'acrylic', text: css$K });
+    }, { id: 'acrylic', text: css$J });
 }
 
-var css$J = "";
+var css$I = "";
 
 /** Shared canvas setup: DPR ≤ 2, resize with the host, run only while visible & tab shown. */
 function canvasLoop(host, draw, still) {
@@ -3570,7 +3487,7 @@ function defineGridGlow(tag = 'usa-grid-glow') {
             });
             this.onCleanup(() => caf(f));
         }
-    }, { id: 'bg-fx', text: css$J });
+    }, { id: 'bg-fx', text: css$I });
 }
 function defineBlobs(tag = 'usa-blobs') {
     return defineElement(tag, (Base) => class extends Base {
@@ -3585,7 +3502,7 @@ function defineBlobs(tag = 'usa-blobs') {
             this.style.setProperty('--usa-blobs-speed', String(this.num('speed', 1)));
             this.style.setProperty('--usa-blobs-blur', `${this.num('blur', 60)}px`);
         }
-    }, { id: 'bg-fx', text: css$J });
+    }, { id: 'bg-fx', text: css$I });
 }
 function defineWaterRipple(tag = 'usa-water-ripple') {
     return defineElement(tag, (Base) => class extends Base {
@@ -3647,7 +3564,7 @@ function defineWaterRipple(tag = 'usa-water-ripple') {
                 this.drop(e.clientX - r.left, e.clientY - r.top, 1.5);
             });
         }
-    }, { id: 'bg-fx', text: css$J });
+    }, { id: 'bg-fx', text: css$I });
 }
 function defineDotNetwork(tag = 'usa-dot-network') {
     return defineElement(tag, (Base) => class extends Base {
@@ -3690,10 +3607,10 @@ function defineDotNetwork(tag = 'usa-dot-network') {
                 }
             }, this.reduced);
         }
-    }, { id: 'bg-fx', text: css$J });
+    }, { id: 'bg-fx', text: css$I });
 }
 
-var css$I = "";
+var css$H = "";
 
 /**
  * Style variants (v2.6): `variant="minimal | neon | glass | brutalist |
@@ -3711,7 +3628,7 @@ var css$I = "";
 const VARIANTS = ['minimal', 'neon', 'glass', 'brutalist', 'fluent', 'material'];
 /** Inject the variant token sheet (done automatically by every `ui` component). */
 function adoptVariants() {
-    adoptStyles('variants', css$I);
+    adoptStyles('variants', css$H);
 }
 /** Apply a variant to the whole page (or `root`); `null` removes it. */
 function setVariant(variant, root = typeof document !== 'undefined' ? document.documentElement : null) {
@@ -3724,7 +3641,7 @@ function setVariant(variant, root = typeof document !== 'undefined' ? document.d
         root.removeAttribute('data-usa-variant');
 }
 
-var css$H = "";
+var css$G = "";
 
 /**
  * Windows 11 **Fluent preset** (v2.8): applies the `fluent` variant
@@ -3739,7 +3656,7 @@ function fluentPreset(options = {}) {
     if (typeof document === 'undefined')
         return () => undefined;
     const root = options.root || document.documentElement;
-    adoptStyles('fluent-preset', css$H);
+    adoptStyles('fluent-preset', css$G);
     setVariant('fluent', root);
     root.classList.add('usa-fluent');
     if (options.mica !== false)
@@ -3802,7 +3719,7 @@ function defineBackgroundComponents() {
 
 var shadowCss = ":host{display:contents}dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:inherit;overflow:hidden}dialog:not([open]){display:none}dialog::backdrop{background:transparent}[part=\"backdrop\"]{position:absolute;inset:0;background:var(--usa-dialog-backdrop,rgb(0 0 0 / 0.42))}[part=\"panel\"]{position:absolute;left:50%;top:50%;translate:-50% -50%;box-sizing:border-box;width:min(var(--usa-dialog-width,480px),calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:var(--usa-dialog-padding,24px);border-radius:var(--usa-dialog-radius,12px);background:var(--usa-dialog-bg,Canvas);color:var(--usa-dialog-fg,CanvasText);box-shadow:0 32px 64px -12px rgb(0 0 0 / 0.45),0 0 0 1px rgb(127 127 127 / 0.18)}dialog[data-kind^=\"drawer\"] [part=\"panel\"]{top:0;bottom:0;translate:none;max-height:none;height:100%;border-radius:0;width:min(var(--usa-dialog-width,380px),88vw)}dialog[data-kind=\"drawer-start\"] [part=\"panel\"]{left:0}dialog[data-kind=\"drawer-end\"] [part=\"panel\"]{left:auto;right:0}dialog[data-kind=\"drawer-bottom\"] [part=\"panel\"],dialog[data-kind=\"sheet\"] [part=\"panel\"]{top:auto;bottom:0;left:0;right:0;translate:none;width:100%;height:auto;max-height:85vh;border-radius:var(--usa-dialog-radius,16px) var(--usa-dialog-radius,16px) 0 0}dialog[data-kind=\"sheet\"] [part=\"panel\"]{left:50%;translate:-50% 0;width:min(var(--usa-dialog-width,560px),100vw)}";
 
-var css$G = "";
+var css$F = "";
 
 const FROM = {
     modal: 'scale(0.94)',
@@ -3957,10 +3874,10 @@ function defineDialog(tag = 'usa-dialog') {
             const b = this._backdrop ? this.motion(this._backdrop, backdrop, { duration, easing: 'linear', fill }) : null;
             return Promise.all([a?.finished, b?.finished].map((p) => p?.catch(() => undefined))).then(() => undefined);
         }
-    }, { id: 'dialog', text: css$G });
+    }, { id: 'dialog', text: css$F });
 }
 
-var css$F = "";
+var css$E = "";
 
 function defineAccordion(tag = 'usa-accordion') {
     return defineElement(tag, (Base) => class UsaAccordion extends Base {
@@ -4026,10 +3943,10 @@ function defineAccordion(tag = 'usa-accordion') {
                 d.removeAttribute('data-closing');
             }
         }
-    }, { id: 'accordion', text: css$F });
+    }, { id: 'accordion', text: css$E });
 }
 
-var css$E = "";
+var css$D = "";
 
 function defineViewSwitch(tag = 'usa-view-switch') {
     return defineElement(tag, (Base) => class UsaViewSwitch extends Base {
@@ -4122,7 +4039,7 @@ function defineViewSwitch(tag = 'usa-view-switch') {
                 this.setVisible(from, false);
             a?.cancel();
         }
-    }, { id: 'view-switch', text: css$E });
+    }, { id: 'view-switch', text: css$D });
 }
 
 /**
@@ -4434,7 +4351,7 @@ function rubberBand(distance, dimension, constant = 0.55) {
     return sign * (1 - 1 / ((d * constant) / dimension + 1)) * dimension;
 }
 
-var css$D = "";
+var css$C = "";
 
 const SPRING_EFFECTS = ['bounce-in', 'pop', 'drop', 'jelly', 'rubber-band'];
 /** Entrance effects start hidden; attention effects (jelly, rubber-band) play on visible content. */
@@ -4549,10 +4466,10 @@ function defineSpring(tag = 'usa-spring') {
             this.setAttribute('data-state', 'done');
             this.emit('complete', { effect });
         }
-    }, { id: 'spring', text: css$D });
+    }, { id: 'spring', text: css$C });
 }
 
-var css$C = "";
+var css$B = "";
 
 const parseSnap = (s) => {
     if (!s.trim())
@@ -4749,10 +4666,10 @@ function defineDraggable(tag = 'usa-draggable') {
         reset() {
             this.go(0, 0);
         }
-    }, { id: 'draggable', text: css$C });
+    }, { id: 'draggable', text: css$B });
 }
 
-var css$B = "";
+var css$A = "";
 
 function defineOverscroll(tag = 'usa-overscroll') {
     return defineElement(tag, (Base) => class UsaOverscroll extends Base {
@@ -4841,7 +4758,7 @@ function defineOverscroll(tag = 'usa-overscroll') {
             this._spring?.stop();
             this.set(0);
         }
-    }, { id: 'overscroll', text: css$B });
+    }, { id: 'overscroll', text: css$A });
 }
 
 /**
@@ -4858,7 +4775,7 @@ function definePhysicsComponents() {
     defineOverscroll();
 }
 
-var css$A = "";
+var css$z = "";
 
 const CARD_EFFECTS = ['flip', 'holo', 'glass', 'border-glow', 'conic-border', 'lift', 'spotlight', 'sheen', 'parallax-layers', 'expand'];
 /** Effects that follow the pointer (they share one rAF-throttled tracker). */
@@ -5063,7 +4980,7 @@ function defineCard(tag = 'usa-card') {
             const a = this.motion(this, [{ transformOrigin: '0 0', transform: `translate(${dx}px, ${dy}px) scale(${sx}, ${sy})` }, { transformOrigin: '0 0', transform: 'none' }], { duration: Math.min(duration, 900), easing: easing || EASE_OUT });
             await a?.finished.catch(() => undefined);
         }
-    }, { id: 'card', text: css$A });
+    }, { id: 'card', text: css$z });
 }
 function deco(cls) {
     const s = document.createElement('span');
@@ -5077,7 +4994,7 @@ function interactive(t, host) {
     return !!el && el !== host && host.contains(el);
 }
 
-var css$z = "";
+var css$y = "";
 
 function defineCardStack(tag = 'usa-card-stack') {
     return defineElement(tag, (Base) => class UsaCardStack extends Base {
@@ -5200,10 +5117,10 @@ function defineCardStack(tag = 'usa-card-stack') {
             if (!this.top)
                 this.emit('empty');
         }
-    }, { id: 'card-stack', text: css$z });
+    }, { id: 'card-stack', text: css$y });
 }
 
-var css$y = "";
+var css$x = "";
 
 function defineStickyStack(tag = 'usa-sticky-stack') {
     return defineElement(tag, (Base) => class UsaStickyStack extends Base {
@@ -5267,10 +5184,10 @@ function defineStickyStack(tag = 'usa-sticky-stack') {
                 c.style.filter = covered > 0.001 ? `brightness(${(1 - Math.min(0.35, covered * 0.12)).toFixed(3)})` : '';
             });
         }
-    }, { id: 'sticky-stack', text: css$y });
+    }, { id: 'sticky-stack', text: css$x });
 }
 
-var css$x = "";
+var css$w = "";
 
 function defineCarousel3d(tag = 'usa-carousel-3d') {
     return defineElement(tag, (Base) => class UsaCarousel3d extends Base {
@@ -5389,7 +5306,7 @@ function defineCarousel3d(tag = 'usa-carousel-3d') {
         prev() {
             this.goTo(this._i - 1);
         }
-    }, { id: 'carousel-3d', text: css$x });
+    }, { id: 'carousel-3d', text: css$w });
 }
 
 /**
@@ -5512,7 +5429,7 @@ function haptic(pattern = 10) {
     }
 }
 
-var css$w = "";
+var css$v = "";
 
 const CLICK_EFFECTS = ['ripple', 'burst', 'confetti', 'squish', 'press-spring', 'shake'];
 function defineClick(tag = 'usa-click') {
@@ -5636,10 +5553,10 @@ function defineClick(tag = 'usa-click') {
                 : [{ transform: from }, { transform: 'none' }];
             this._press = this.motion(this, frames, fx.includes('squish') ? { duration: 520, easing: 'ease-out' } : springEasing('bouncy'));
         }
-    }, { id: 'click', text: css$w });
+    }, { id: 'click', text: css$v });
 }
 
-var css$v = "";
+var css$u = "";
 
 const BUTTON_DEFORMS = ['squash', 'wobble', 'gooey', 'dent'];
 let gooInjected = false;
@@ -5906,10 +5823,10 @@ function defineButton(tag = 'usa-button') {
             }
             this.emit('state', { state: s });
         }
-    }, { id: 'button', text: css$v });
+    }, { id: 'button', text: css$u });
 }
 
-var css$u = "";
+var css$t = "";
 
 const C = [[12, 12], [12, 12], [12, 12], [12, 12]];
 /**
@@ -6017,10 +5934,10 @@ function defineIconMorph(tag = 'usa-icon-morph') {
         next() {
             this.show(this._i + 1);
         }
-    }, { id: 'icon-morph', text: css$u });
+    }, { id: 'icon-morph', text: css$t });
 }
 
-var css$t = "";
+var css$s = "";
 
 const HEART = 'M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 4.5 6.7 4.5c2.1 0 3.6 1.2 5.3 3.2 1.7-2 3.2-3.2 5.3-3.2 3.7 0 5.8 3.9 4.3 7.3C19.5 16.4 12 21 12 21z';
 function defineLike(tag = 'usa-like') {
@@ -6096,10 +6013,10 @@ function defineLike(tag = 'usa-like') {
             this.dispatchEvent(new Event('change', { bubbles: true }));
             this.emit('change', { liked: next, count: this.count });
         }
-    }, { id: 'like', text: css$t });
+    }, { id: 'like', text: css$s });
 }
 
-var css$s = "";
+var css$r = "";
 
 function defineHold(tag = 'usa-hold') {
     return defineElement(tag, (Base) => class UsaHold extends Base {
@@ -6210,10 +6127,10 @@ function defineHold(tag = 'usa-hold') {
         cancel() {
             this.stop();
         }
-    }, { id: 'hold', text: css$s });
+    }, { id: 'hold', text: css$r });
 }
 
-var css$r = "";
+var css$q = "";
 
 function defineDoubleTap(tag = 'usa-double-tap') {
     return defineElement(tag, (Base) => class UsaDoubleTap extends Base {
@@ -6271,10 +6188,10 @@ function defineDoubleTap(tag = 'usa-double-tap') {
                 haptic(15);
             this.emit('double-tap', { x: x - r.left, y: y - r.top });
         }
-    }, { id: 'double-tap', text: css$r });
+    }, { id: 'double-tap', text: css$q });
 }
 
-var css$q = "";
+var css$p = "";
 
 function defineCheckbox(tag = 'usa-checkbox') {
     return defineElement(tag, (Base) => {
@@ -6346,7 +6263,7 @@ function defineCheckbox(tag = 'usa-checkbox') {
         }
         UsaCheckbox.formAssociated = true;
         return UsaCheckbox;
-    }, { id: 'checkbox', text: css$q });
+    }, { id: 'checkbox', text: css$p });
 }
 
 /**
@@ -6401,7 +6318,7 @@ function place(floating, anchor, placement = 'top', gap = 8) {
 let uid = 0;
 const nextId = (prefix) => `${prefix}-${++uid}`;
 
-var css$p = "";
+var css$o = "";
 
 function defineTabs(tag = 'usa-tabs') {
     adoptVariants();
@@ -6504,10 +6421,10 @@ function defineTabs(tag = 'usa-tabs') {
                 this.motion(p, [{ opacity: 0, transform: `translateX(${i > prev ? 16 : -16}px)` }, { opacity: 1, transform: 'none' }], { duration: 280, easing: 'cubic-bezier(0.22, 1, 0.36, 1)' });
             this.emit('change', { index: i });
         }
-    }, { id: 'tabs', text: css$p });
+    }, { id: 'tabs', text: css$o });
 }
 
-var css$o = "";
+var css$n = "";
 
 /** Shared machinery of `<usa-drawer>` and `<usa-bottom-sheet>`: backdrop, focus, Esc, drag-to-dismiss. */
 function makePanel(Base, kind) {
@@ -6664,7 +6581,7 @@ function makePanel(Base, kind) {
 }
 function defineDrawer(tag = 'usa-drawer') {
     adoptVariants();
-    return defineElement(tag, (Base) => makePanel(Base, 'drawer'), { id: 'sheet', text: css$o });
+    return defineElement(tag, (Base) => makePanel(Base, 'drawer'), { id: 'sheet', text: css$n });
 }
 function defineBottomSheet(tag = 'usa-bottom-sheet') {
     adoptVariants();
@@ -6707,10 +6624,10 @@ function defineBottomSheet(tag = 'usa-bottom-sheet') {
                 super.render(v);
             }
         };
-    }, { id: 'sheet', text: css$o });
+    }, { id: 'sheet', text: css$n });
 }
 
-var css$n = "";
+var css$m = "";
 
 function definePullRefresh(tag = 'usa-pull-refresh') {
     adoptVariants();
@@ -6809,10 +6726,10 @@ function definePullRefresh(tag = 'usa-pull-refresh') {
                     Promise.resolve(fn(ev)).then(done, done);
             });
         }
-    }, { id: 'pull-refresh', text: css$n });
+    }, { id: 'pull-refresh', text: css$m });
 }
 
-var css$m = "";
+var css$l = "";
 
 function defineFab(tag = 'usa-fab') {
     adoptVariants();
@@ -6898,10 +6815,10 @@ function defineFab(tag = 'usa-fab') {
             this.apply(true);
             this.emit('toggle', { open: next });
         }
-    }, { id: 'fab', text: css$m });
+    }, { id: 'fab', text: css$l });
 }
 
-var css$l = "";
+var css$k = "";
 
 function defineNavbar(tag = 'usa-navbar') {
     adoptVariants();
@@ -6954,10 +6871,10 @@ function defineNavbar(tag = 'usa-navbar') {
             this.removeAttribute('data-hidden');
             this.emit('show');
         }
-    }, { id: 'navbar', text: css$l });
+    }, { id: 'navbar', text: css$k });
 }
 
-var css$k = "";
+var css$j = "";
 
 function defineSlider(tag = 'usa-slider') {
     adoptVariants();
@@ -7078,10 +6995,10 @@ function defineSlider(tag = 'usa-slider') {
         }
         UsaSlider.formAssociated = true;
         return UsaSlider;
-    }, { id: 'slider', text: css$k });
+    }, { id: 'slider', text: css$j });
 }
 
-var css$j = "";
+var css$i = "";
 
 function defineRating(tag = 'usa-rating') {
     adoptVariants();
@@ -7166,64 +7083,7 @@ function defineRating(tag = 'usa-rating') {
         }
         UsaRating.formAssociated = true;
         return UsaRating;
-    }, { id: 'rating', text: css$j });
-}
-
-var css$i = "";
-
-function defineTooltip(tag = 'usa-tooltip') {
-    adoptVariants();
-    return defineElement(tag, (Base) => class UsaTooltip extends Base {
-        constructor() {
-            super(...arguments);
-            this._tip = null;
-        }
-        static get observedAttributes() {
-            return ['text'];
-        }
-        mount() {
-            deprecate('usa-tooltip', '<usa-tooltip> is deprecated since 6.9 and removed in 7.0 — use <usa-tip> (motionary/components/widgets; npx usa-codemod-7).');
-            const trigger = this.firstElementChild || this;
-            const tip = document.createElement('span');
-            tip.className = 'usa-tooltip-bubble usa-surface';
-            tip.setAttribute('role', 'tooltip');
-            tip.id = nextId('usa-tip');
-            tip.textContent = this.str('text');
-            tip.hidden = true;
-            this.append(tip);
-            this._tip = tip;
-            trigger.setAttribute('aria-describedby', tip.id);
-            const later = () => {
-                clearTimeout(this._t);
-                this._t = setTimeout(() => this.show(), this.num('delay', 300));
-            };
-            this.listen(this, 'pointerenter', later);
-            this.listen(this, 'pointerleave', () => this.hide());
-            this.listen(this, 'focusin', () => this.show());
-            this.listen(this, 'focusout', () => this.hide());
-            this.listen(document, 'keydown', (e) => e.key === 'Escape' && this.hide());
-            this.onCleanup(() => {
-                clearTimeout(this._t);
-                tip.remove();
-                trigger.removeAttribute('aria-describedby');
-            });
-        }
-        show() {
-            const tip = this._tip;
-            if (!tip || !tip.hidden || !this.str('text'))
-                return;
-            clearTimeout(this._t);
-            tip.hidden = false;
-            const p = place(tip, this.firstElementChild || this, this.str('placement', 'top'));
-            const d = { top: [0, 6], bottom: [0, -6], left: [6, 0], right: [-6, 0] }[p];
-            this.motion(tip, this.reduced ? [{ opacity: 0 }, { opacity: 1 }] : [{ opacity: 0, transform: `translate(${d[0]}px, ${d[1]}px) scale(0.85)` }, { opacity: 1, transform: 'none' }], this.reduced ? { duration: 120 } : springEasing('stiff'));
-        }
-        hide() {
-            clearTimeout(this._t);
-            if (this._tip)
-                this._tip.hidden = true;
-        }
-    }, { id: 'tooltip', text: css$i });
+    }, { id: 'rating', text: css$i });
 }
 
 var css$h = "";
@@ -7377,7 +7237,7 @@ function defineAvatarStack(tag = 'usa-avatar-stack') {
  * motionary/components/ui — animated UI components + style variants (v2.6).
  * `<usa-tabs>`, `<usa-drawer>`, `<usa-bottom-sheet>`, `<usa-pull-refresh>`,
  * `<usa-fab>`, `<usa-navbar>`, `<usa-slider>`, `<usa-rating>`,
- * `<usa-tooltip>`, `<usa-popover>`, `<usa-badge>`, `<usa-avatar-stack>`,
+ * `<usa-popover>`, `<usa-badge>`, `<usa-avatar-stack>`,
  * and `variant="minimal | neon | glass | brutalist | fluent | material"`
  * design tokens (`setVariant()`, `VARIANTS`).
  */
@@ -7391,7 +7251,6 @@ function defineUiComponents() {
     defineNavbar();
     defineSlider();
     defineRating();
-    defineTooltip();
     definePopover();
     defineBadge();
     defineAvatarStack();
@@ -10983,8 +10842,6 @@ exports.defineTilt = defineTilt;
 exports.defineTimeline = defineTimeline;
 exports.defineTimelineComponents = defineTimelineComponents;
 exports.defineToaster = defineToaster;
-exports.defineToggle = defineToggle;
-exports.defineTooltip = defineTooltip;
 exports.defineTransitionComponents = defineTransitionComponents;
 exports.defineTypewriter = defineTypewriter;
 exports.defineUiComponents = defineUiComponents;