motionary 6.8.0 → 7.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (174) hide show
  1. package/CHANGELOG.md +39 -0
  2. package/README.md +2 -2
  3. package/README_ja.md +2 -2
  4. package/README_zh.md +2 -2
  5. package/bin/usa-codemod-7.mjs +91 -0
  6. package/dist/chunks/{gpu-CsP2ZB3x.js → gpu-Bkw605Ds.js} +183 -5
  7. package/dist/chunks/gpu-Bkw605Ds.js.map +1 -0
  8. package/dist/chunks/{gpu-BBRLgEzM.cjs → gpu-Dx0H875w.cjs} +187 -4
  9. package/dist/chunks/gpu-Dx0H875w.cjs.map +1 -0
  10. package/dist/chunks/{index-tags-wv0R_vkO.cjs → index-tags-BTMwrfgV.cjs} +3 -3
  11. package/dist/chunks/index-tags-BTMwrfgV.cjs.map +1 -0
  12. package/dist/chunks/{index-tags-DucKMQr_.js → index-tags-C04JP8g4.js} +3 -3
  13. package/dist/chunks/index-tags-C04JP8g4.js.map +1 -0
  14. package/dist/chunks/player-C-TwEEy6.js +516 -0
  15. package/dist/chunks/player-C-TwEEy6.js.map +1 -0
  16. package/dist/chunks/player-PS6_FzNw.cjs +525 -0
  17. package/dist/chunks/player-PS6_FzNw.cjs.map +1 -0
  18. package/dist/components/a11y.cjs +1 -1
  19. package/dist/components/a11y.d.cts +2 -2
  20. package/dist/components/a11y.d.ts +2 -2
  21. package/dist/components/a11y.js +1 -1
  22. package/dist/components/angular.cjs +2 -2
  23. package/dist/components/angular.cjs.map +1 -1
  24. package/dist/components/angular.d.cts +5 -36
  25. package/dist/components/angular.d.ts +5 -36
  26. package/dist/components/angular.js +2 -2
  27. package/dist/components/angular.js.map +1 -1
  28. package/dist/components/effects.cjs +13 -522
  29. package/dist/components/effects.cjs.map +1 -1
  30. package/dist/components/effects.js +5 -513
  31. package/dist/components/effects.js.map +1 -1
  32. package/dist/components/fx-3d.cjs +2 -2
  33. package/dist/components/fx-3d.cjs.map +1 -1
  34. package/dist/components/fx-3d.d.cts +2 -2
  35. package/dist/components/fx-3d.d.ts +2 -2
  36. package/dist/components/fx-3d.js +2 -2
  37. package/dist/components/fx-3d.js.map +1 -1
  38. package/dist/components/fx-focus.cjs +125 -0
  39. package/dist/components/fx-focus.cjs.map +1 -0
  40. package/dist/components/fx-focus.d.cts +65 -0
  41. package/dist/components/fx-focus.d.ts +65 -0
  42. package/dist/components/fx-focus.js +122 -0
  43. package/dist/components/fx-focus.js.map +1 -0
  44. package/dist/components/fx-gpu.cjs +2 -2
  45. package/dist/components/fx-gpu.d.cts +2 -2
  46. package/dist/components/fx-gpu.d.ts +2 -2
  47. package/dist/components/fx-gpu.js +1 -1
  48. package/dist/components/fx-light.cjs +2 -2
  49. package/dist/components/fx-light.cjs.map +1 -1
  50. package/dist/components/fx-light.d.cts +2 -2
  51. package/dist/components/fx-light.d.ts +2 -2
  52. package/dist/components/fx-light.js +2 -2
  53. package/dist/components/fx-light.js.map +1 -1
  54. package/dist/components/fx-morph.cjs +2 -2
  55. package/dist/components/fx-morph.cjs.map +1 -1
  56. package/dist/components/fx-morph.d.cts +2 -2
  57. package/dist/components/fx-morph.d.ts +2 -2
  58. package/dist/components/fx-morph.js +2 -2
  59. package/dist/components/fx-morph.js.map +1 -1
  60. package/dist/components/fx-physics.cjs +2 -2
  61. package/dist/components/fx-physics.cjs.map +1 -1
  62. package/dist/components/fx-physics.d.cts +2 -2
  63. package/dist/components/fx-physics.d.ts +2 -2
  64. package/dist/components/fx-physics.js +2 -2
  65. package/dist/components/fx-physics.js.map +1 -1
  66. package/dist/components/fx-text.cjs +2 -2
  67. package/dist/components/fx-text.cjs.map +1 -1
  68. package/dist/components/fx-text.d.cts +2 -2
  69. package/dist/components/fx-text.d.ts +2 -2
  70. package/dist/components/fx-text.js +2 -2
  71. package/dist/components/fx-text.js.map +1 -1
  72. package/dist/components/fx-transitions.cjs +2 -2
  73. package/dist/components/fx-transitions.cjs.map +1 -1
  74. package/dist/components/fx-transitions.d.cts +2 -2
  75. package/dist/components/fx-transitions.d.ts +2 -2
  76. package/dist/components/fx-transitions.js +2 -2
  77. package/dist/components/fx-transitions.js.map +1 -1
  78. package/dist/components/fx-weather.cjs +2 -2
  79. package/dist/components/fx-weather.cjs.map +1 -1
  80. package/dist/components/fx-weather.d.cts +2 -2
  81. package/dist/components/fx-weather.d.ts +2 -2
  82. package/dist/components/fx-weather.js +2 -2
  83. package/dist/components/fx-weather.js.map +1 -1
  84. package/dist/components/fx2.cjs +37 -22
  85. package/dist/components/fx2.cjs.map +1 -1
  86. package/dist/components/fx2.d.cts +135 -14
  87. package/dist/components/fx2.d.ts +135 -14
  88. package/dist/components/fx2.js +25 -21
  89. package/dist/components/fx2.js.map +1 -1
  90. package/dist/components/interaction.cjs +11 -94
  91. package/dist/components/interaction.cjs.map +1 -1
  92. package/dist/components/interaction.css +0 -1
  93. package/dist/components/interaction.d.cts +3 -21
  94. package/dist/components/interaction.d.ts +3 -21
  95. package/dist/components/interaction.js +12 -94
  96. package/dist/components/interaction.js.map +1 -1
  97. package/dist/components/jsx.d.cts +2 -2
  98. package/dist/components/jsx.d.ts +2 -2
  99. package/dist/components/lazy.cjs +1 -1
  100. package/dist/components/lazy.d.cts +2 -2
  101. package/dist/components/lazy.d.ts +2 -2
  102. package/dist/components/lazy.js +1 -1
  103. package/dist/components/lite.cjs +115 -256
  104. package/dist/components/lite.cjs.map +1 -1
  105. package/dist/components/lite.js +116 -255
  106. package/dist/components/lite.js.map +1 -1
  107. package/dist/components/marketplace.cjs +82 -0
  108. package/dist/components/marketplace.cjs.map +1 -0
  109. package/dist/components/marketplace.d.cts +108 -0
  110. package/dist/components/marketplace.d.ts +108 -0
  111. package/dist/components/marketplace.js +77 -0
  112. package/dist/components/marketplace.js.map +1 -0
  113. package/dist/components/perf.cjs +1 -1
  114. package/dist/components/perf.d.cts +2 -2
  115. package/dist/components/perf.d.ts +2 -2
  116. package/dist/components/perf.js +1 -1
  117. package/dist/components/react.cjs +2 -2
  118. package/dist/components/react.cjs.map +1 -1
  119. package/dist/components/react.js +2 -2
  120. package/dist/components/react.js.map +1 -1
  121. package/dist/components/solid.cjs +2 -2
  122. package/dist/components/solid.cjs.map +1 -1
  123. package/dist/components/solid.d.cts +4 -35
  124. package/dist/components/solid.d.ts +4 -35
  125. package/dist/components/solid.js +2 -2
  126. package/dist/components/solid.js.map +1 -1
  127. package/dist/components/svelte.cjs +2 -2
  128. package/dist/components/svelte.cjs.map +1 -1
  129. package/dist/components/svelte.d.cts +5 -36
  130. package/dist/components/svelte.d.ts +5 -36
  131. package/dist/components/svelte.js +2 -2
  132. package/dist/components/svelte.js.map +1 -1
  133. package/dist/components/ui.cjs +16 -74
  134. package/dist/components/ui.cjs.map +1 -1
  135. package/dist/components/ui.css +0 -1
  136. package/dist/components/ui.d.cts +3 -18
  137. package/dist/components/ui.d.ts +3 -18
  138. package/dist/components/ui.js +17 -74
  139. package/dist/components/ui.js.map +1 -1
  140. package/dist/components/vue.cjs +2 -2
  141. package/dist/components/vue.cjs.map +1 -1
  142. package/dist/components/vue.d.cts +5 -36
  143. package/dist/components/vue.d.ts +5 -36
  144. package/dist/components/vue.js +2 -2
  145. package/dist/components/vue.js.map +1 -1
  146. package/dist/components/widgets.cjs +622 -53
  147. package/dist/components/widgets.cjs.map +1 -1
  148. package/dist/components/widgets.d.cts +106 -2
  149. package/dist/components/widgets.d.ts +106 -2
  150. package/dist/components/widgets.js +615 -54
  151. package/dist/components/widgets.js.map +1 -1
  152. package/dist/components.cjs +1 -3
  153. package/dist/components.cjs.map +1 -1
  154. package/dist/components.css +0 -2
  155. package/dist/components.d.cts +6 -39
  156. package/dist/components.d.ts +6 -39
  157. package/dist/components.js +3 -3
  158. package/dist/components.umd.js +2 -2
  159. package/dist/components.umd.js.map +1 -1
  160. package/dist/widgets.umd.js +1 -1
  161. package/dist/widgets.umd.js.map +1 -1
  162. package/docs/ROADMAP.md +12 -12
  163. package/docs/accessibility.md +2 -2
  164. package/docs/components.md +41 -2
  165. package/docs/deprecations.md +4 -0
  166. package/docs/frameworks-ssr.md +4 -4
  167. package/docs/hybrid-apps.md +2 -2
  168. package/docs/upgrading-7.md +43 -0
  169. package/docs/windows-apps.md +1 -1
  170. package/package.json +133 -2
  171. package/dist/chunks/gpu-BBRLgEzM.cjs.map +0 -1
  172. package/dist/chunks/gpu-CsP2ZB3x.js.map +0 -1
  173. package/dist/chunks/index-tags-DucKMQr_.js.map +0 -1
  174. package/dist/chunks/index-tags-wv0R_vkO.cjs.map +0 -1
@@ -405,14 +405,14 @@ const clamp = (v, min, max) => Math.min(max, Math.max(min, v));
405
405
  const COMPONENT_CATEGORIES = {
406
406
  reveal: ['usa-reveal', 'usa-stagger', 'usa-scroll-progress', 'usa-scrolly'],
407
407
  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'],
408
- interaction: ['usa-ripple', 'usa-magnetic', 'usa-tilt', 'usa-spotlight', 'usa-press', 'usa-toggle'],
408
+ interaction: ['usa-ripple', 'usa-magnetic', 'usa-tilt', 'usa-spotlight', 'usa-press'],
409
409
  feedback: ['usa-spinner', 'usa-skeleton', 'usa-progress', 'usa-toaster', 'usa-check'],
410
410
  background: ['usa-aurora', 'usa-particles', 'usa-grain', 'usa-marquee', 'usa-acrylic', 'usa-grid-glow', 'usa-blobs', 'usa-water-ripple', 'usa-dot-network'],
411
411
  transitions: ['usa-dialog', 'usa-accordion', 'usa-view-switch'],
412
412
  physics: ['usa-spring', 'usa-draggable', 'usa-overscroll'],
413
413
  cards: ['usa-card', 'usa-card-stack', 'usa-sticky-stack', 'usa-carousel-3d'],
414
414
  click: ['usa-click', 'usa-button', 'usa-icon-morph', 'usa-like', 'usa-hold', 'usa-double-tap', 'usa-checkbox'],
415
- 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'],
415
+ 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'],
416
416
  page: ['usa-cursor', 'usa-fullpage', 'usa-loading-bar', 'usa-back-to-top', 'usa-ambient', 'usa-splash', 'usa-auto-skeleton', 'usa-motion-switch'],
417
417
  timeline: ['usa-timeline'],
418
418
  gesture: ['usa-swipeable', 'usa-pinch-zoom'],
@@ -595,7 +595,7 @@ function revealKeyframes(effect, distance) {
595
595
  return [from, to];
596
596
  }
597
597
 
598
- var css$16 = "";
598
+ var css$14 = "";
599
599
 
600
600
  function defineReveal(tag = 'usa-reveal') {
601
601
  return defineElement(tag, (Base) => class UsaReveal extends Base {
@@ -670,7 +670,7 @@ function defineReveal(tag = 'usa-reveal') {
670
670
  if (!this.reduced)
671
671
  this.setAttribute('data-state', 'hidden');
672
672
  }
673
- }, { id: 'reveal', text: css$16 });
673
+ }, { id: 'reveal', text: css$14 });
674
674
  }
675
675
 
676
676
  function defineStagger(tag = 'usa-stagger') {
@@ -736,10 +736,10 @@ function defineStagger(tag = 'usa-stagger') {
736
736
  if (!this.reduced)
737
737
  this.setAttribute('data-state', 'hidden');
738
738
  }
739
- }, { id: 'reveal', text: css$16 });
739
+ }, { id: 'reveal', text: css$14 });
740
740
  }
741
741
 
742
- var css$15 = "";
742
+ var css$13 = "";
743
743
 
744
744
  /** Progress (0–1) of `target` scrolling through the viewport, or of the page. */
745
745
  function readScrollProgress(target) {
@@ -807,10 +807,10 @@ function defineScrollProgress(tag = 'usa-scroll-progress') {
807
807
  this.setAttribute('aria-valuenow', pct);
808
808
  this.emit('progress', { progress: p });
809
809
  }
810
- }, { id: 'scroll-progress', text: css$15 });
810
+ }, { id: 'scroll-progress', text: css$13 });
811
811
  }
812
812
 
813
- var css$14 = "";
813
+ var css$12 = "";
814
814
 
815
815
  function defineScrolly(tag = 'usa-scrolly') {
816
816
  return defineElement(tag, (Base) => class UsaScrolly extends Base {
@@ -862,7 +862,7 @@ function defineScrolly(tag = 'usa-scrolly') {
862
862
  if (!silent)
863
863
  this.emit('step', { index, step, name: step.dataset.step || '' });
864
864
  }
865
- }, { id: 'scrolly', text: css$14 });
865
+ }, { id: 'scrolly', text: css$12 });
866
866
  }
867
867
 
868
868
  /**
@@ -877,7 +877,7 @@ function defineRevealComponents() {
877
877
  defineScrolly();
878
878
  }
879
879
 
880
- var css$13 = "";
880
+ var css$11 = "";
881
881
 
882
882
  function defineTypewriter(tag = 'usa-typewriter') {
883
883
  return defineElement(tag, (Base) => class UsaTypewriter extends Base {
@@ -991,10 +991,10 @@ function defineTypewriter(tag = 'usa-typewriter') {
991
991
  };
992
992
  this._timer = setTimeout(tick, this.num('delay', 0));
993
993
  }
994
- }, { id: 'typewriter', text: css$13 });
994
+ }, { id: 'typewriter', text: css$11 });
995
995
  }
996
996
 
997
- var css$12 = "";
997
+ var css$10 = "";
998
998
 
999
999
  /**
1000
1000
  * motionary/components/tokens — motion design tokens (4.2).
@@ -1808,7 +1808,7 @@ function defineSplitText(tag = 'usa-split-text') {
1808
1808
  clearTimeout(this._timer);
1809
1809
  this.setAttribute('data-state', this.reduced ? 'shown' : 'hidden');
1810
1810
  }
1811
- }, { id: 'split-text', text: css$12 });
1811
+ }, { id: 'split-text', text: css$10 });
1812
1812
  }
1813
1813
 
1814
1814
  const GLYPHS = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789#%&*+=<>/\\?!';
@@ -1902,7 +1902,7 @@ function defineScramble(tag = 'usa-scramble') {
1902
1902
  }, undefined);
1903
1903
  }
1904
1904
 
1905
- var css$11 = "";
1905
+ var css$$ = "";
1906
1906
 
1907
1907
  /** easeOutExpo */
1908
1908
  const easeOutExpo = (t) => (t >= 1 ? 1 : 1 - Math.pow(2, -10 * t));
@@ -2002,10 +2002,10 @@ function defineCounter(tag = 'usa-counter') {
2002
2002
  this._frame = raf(step);
2003
2003
  });
2004
2004
  }
2005
- }, { id: 'counter', text: css$11 });
2005
+ }, { id: 'counter', text: css$$ });
2006
2006
  }
2007
2007
 
2008
- var css$10 = "";
2008
+ var css$_ = "";
2009
2009
 
2010
2010
  function defineShimmerText(tag = 'usa-shimmer-text') {
2011
2011
  return defineElement(tag, (Base) => class UsaShimmerText extends Base {
@@ -2025,10 +2025,10 @@ function defineShimmerText(tag = 'usa-shimmer-text') {
2025
2025
  set('shine', '--usa-shimmer-shine');
2026
2026
  set('angle', '--usa-shimmer-angle', 'deg');
2027
2027
  }
2028
- }, { id: 'shimmer-text', text: css$10 });
2028
+ }, { id: 'shimmer-text', text: css$_ });
2029
2029
  }
2030
2030
 
2031
- var css$$ = "";
2031
+ var css$Z = "";
2032
2032
 
2033
2033
  function defineTextRotate(tag = 'usa-text-rotate') {
2034
2034
  return defineElement(tag, (Base) => class UsaTextRotate extends Base {
@@ -2100,10 +2100,10 @@ function defineTextRotate(tag = 'usa-text-rotate') {
2100
2100
  this.motion(cur, [inFrom, pick(inFrom)], { duration: 520, easing: effect === 'slide' ? EASE_SPRING : EASE_OUT });
2101
2101
  this.emit('change', { index: this._index, word: cur.textContent });
2102
2102
  }
2103
- }, { id: 'text-rotate', text: css$$ });
2103
+ }, { id: 'text-rotate', text: css$Z });
2104
2104
  }
2105
2105
 
2106
- var css$_ = "";
2106
+ var css$Y = "";
2107
2107
 
2108
2108
  /** Split `text` into per-character spans (words never break). The animated copy is aria-hidden. */
2109
2109
  function splitChars(host, text) {
@@ -2140,7 +2140,7 @@ function defineWaveText(tag = 'usa-wave-text') {
2140
2140
  this.style.setProperty('--usa-wave-s', `${this.num('speed', 1.6)}s`);
2141
2141
  this.style.setProperty('--usa-wave-d', `${this.num('stagger', 0.06)}s`);
2142
2142
  }
2143
- }, { id: 'text-fx', text: css$_ });
2143
+ }, { id: 'text-fx', text: css$Y });
2144
2144
  }
2145
2145
  function defineGlitch(tag = 'usa-glitch') {
2146
2146
  return defineElement(tag, (Base) => class extends Base {
@@ -2152,7 +2152,7 @@ function defineGlitch(tag = 'usa-glitch') {
2152
2152
  if (!this.firstChild)
2153
2153
  this.textContent = t;
2154
2154
  }
2155
- }, { id: 'text-fx', text: css$_ });
2155
+ }, { id: 'text-fx', text: css$Y });
2156
2156
  }
2157
2157
  function defineGradientText(tag = 'usa-gradient-text') {
2158
2158
  return defineElement(tag, (Base) => class extends Base {
@@ -2162,7 +2162,7 @@ function defineGradientText(tag = 'usa-gradient-text') {
2162
2162
  this.style.setProperty('--usa-grad', `linear-gradient(${this.num('angle', 90)}deg, ${[...c, c[0]].join(', ')})`);
2163
2163
  this.style.setProperty('--usa-grad-s', `${this.num('speed', 6)}s`);
2164
2164
  }
2165
- }, { id: 'text-fx', text: css$_ });
2165
+ }, { id: 'text-fx', text: css$Y });
2166
2166
  }
2167
2167
  function defineHandwriting(tag = 'usa-handwriting') {
2168
2168
  return defineElement(tag, (Base) => class extends Base {
@@ -2195,7 +2195,7 @@ function defineHandwriting(tag = 'usa-handwriting') {
2195
2195
  this.emit('complete');
2196
2196
  }, this.reduced ? 0 : this.num('duration', 2400));
2197
2197
  }
2198
- }, { id: 'text-fx', text: css$_ });
2198
+ }, { id: 'text-fx', text: css$Y });
2199
2199
  }
2200
2200
  function defineScrollHighlight(tag = 'usa-scroll-highlight') {
2201
2201
  return defineElement(tag, (Base) => class extends Base {
@@ -2259,7 +2259,7 @@ function defineScrollHighlight(tag = 'usa-scroll-highlight') {
2259
2259
  caf(this._f);
2260
2260
  this._f = 0;
2261
2261
  }
2262
- }, { id: 'text-fx', text: css$_ });
2262
+ }, { id: 'text-fx', text: css$Y });
2263
2263
  }
2264
2264
 
2265
2265
  /**
@@ -2282,7 +2282,7 @@ function defineTextComponents() {
2282
2282
  defineScrollHighlight();
2283
2283
  }
2284
2284
 
2285
- var css$Z = "";
2285
+ var css$X = "";
2286
2286
 
2287
2287
  function defineRipple(tag = 'usa-ripple') {
2288
2288
  return defineElement(tag, (Base) => class UsaRipple extends Base {
@@ -2329,10 +2329,10 @@ function defineRipple(tag = 'usa-ripple') {
2329
2329
  else
2330
2330
  setTimeout(() => wave.remove(), 0);
2331
2331
  }
2332
- }, { id: 'ripple', text: css$Z });
2332
+ }, { id: 'ripple', text: css$X });
2333
2333
  }
2334
2334
 
2335
- var css$Y = "";
2335
+ var css$W = "";
2336
2336
 
2337
2337
  function defineMagnetic(tag = 'usa-magnetic') {
2338
2338
  return defineElement(tag, (Base) => class UsaMagnetic extends Base {
@@ -2389,10 +2389,10 @@ function defineMagnetic(tag = 'usa-magnetic') {
2389
2389
  this._frame = 0;
2390
2390
  this.release();
2391
2391
  }
2392
- }, { id: 'magnetic', text: css$Y });
2392
+ }, { id: 'magnetic', text: css$W });
2393
2393
  }
2394
2394
 
2395
- var css$X = "";
2395
+ var css$V = "";
2396
2396
 
2397
2397
  function defineTilt(tag = 'usa-tilt') {
2398
2398
  return defineElement(tag, (Base) => class UsaTilt extends Base {
@@ -2461,10 +2461,10 @@ function defineTilt(tag = 'usa-tilt') {
2461
2461
  unmount() {
2462
2462
  this.reset();
2463
2463
  }
2464
- }, { id: 'tilt', text: css$X });
2464
+ }, { id: 'tilt', text: css$V });
2465
2465
  }
2466
2466
 
2467
- var css$W = "";
2467
+ var css$U = "";
2468
2468
 
2469
2469
  function defineSpotlight(tag = 'usa-spotlight') {
2470
2470
  return defineElement(tag, (Base) => class UsaSpotlight extends Base {
@@ -2526,10 +2526,10 @@ function defineSpotlight(tag = 'usa-spotlight') {
2526
2526
  this._frame = 0;
2527
2527
  this.removeAttribute('data-lit');
2528
2528
  }
2529
- }, { id: 'spotlight', text: css$W });
2529
+ }, { id: 'spotlight', text: css$U });
2530
2530
  }
2531
2531
 
2532
- var css$V = "";
2532
+ var css$T = "";
2533
2533
 
2534
2534
  function definePress(tag = 'usa-press') {
2535
2535
  return defineElement(tag, (Base) => class UsaPress extends Base {
@@ -2595,94 +2595,13 @@ function definePress(tag = 'usa-press') {
2595
2595
  this._anim = null;
2596
2596
  this._down = false;
2597
2597
  }
2598
- }, { id: 'press', text: css$V });
2599
- }
2600
-
2601
- var css$U = "";
2602
-
2603
- function defineToggle(tag = 'usa-toggle') {
2604
- return defineElement(tag, (Base) => { var _a; return _a = class UsaToggle extends Base {
2605
- static get observedAttributes() {
2606
- return ['checked', 'disabled', 'label'];
2607
- }
2608
- constructor() {
2609
- super();
2610
- this._internals = null;
2611
- try {
2612
- this._internals = typeof this.attachInternals === 'function' ? this.attachInternals() : null;
2613
- }
2614
- catch {
2615
- this._internals = null;
2616
- }
2617
- }
2618
- get checked() {
2619
- return this.hasAttribute('checked');
2620
- }
2621
- set checked(v) {
2622
- this.toggleAttribute('checked', !!v);
2623
- }
2624
- get disabled() {
2625
- return this.hasAttribute('disabled');
2626
- }
2627
- set disabled(v) {
2628
- this.toggleAttribute('disabled', !!v);
2629
- }
2630
- changed() {
2631
- this.sync();
2632
- }
2633
- sync() {
2634
- this.setAttribute('aria-checked', String(this.checked));
2635
- this.setAttribute('aria-disabled', String(this.disabled));
2636
- this.tabIndex = this.disabled ? -1 : 0;
2637
- const label = this.getAttribute('label');
2638
- if (label && !this.hasAttribute('aria-label'))
2639
- this.setAttribute('aria-label', label);
2640
- this._internals?.setFormValue?.(this.checked ? this.str('value', 'on') : null);
2641
- }
2642
- mount() {
2643
- if (!this.querySelector(':scope > .usa-toggle-track')) {
2644
- const track = document.createElement('span');
2645
- track.className = 'usa-toggle-track';
2646
- track.setAttribute('aria-hidden', 'true');
2647
- const knob = document.createElement('span');
2648
- knob.className = 'usa-toggle-knob';
2649
- track.append(knob);
2650
- this.prepend(track);
2651
- }
2652
- this.setAttribute('role', 'switch');
2653
- this.sync();
2654
- this.listen(this, 'click', () => this.toggle());
2655
- this.listen(this, 'keydown', (e) => {
2656
- if (e.key === ' ' || e.key === 'Enter') {
2657
- e.preventDefault();
2658
- if (!e.repeat)
2659
- this.toggle();
2660
- }
2661
- });
2662
- this.listen(this, 'pointerdown', () => !this.disabled && this.setAttribute('data-pressed', ''));
2663
- for (const t of ['pointerup', 'pointerleave', 'pointercancel'])
2664
- this.listen(this, t, () => this.removeAttribute('data-pressed'));
2665
- }
2666
- toggle(force) {
2667
- if (this.disabled)
2668
- return;
2669
- const next = force === undefined ? !this.checked : force;
2670
- if (next === this.checked)
2671
- return;
2672
- this.checked = next;
2673
- this.sync();
2674
- this.dispatchEvent(new Event('change', { bubbles: true }));
2675
- this.emit('change', { checked: next });
2676
- }
2677
- },
2678
- _a.formAssociated = true,
2679
- _a; }, { id: 'toggle', text: css$U });
2598
+ }, { id: 'press', text: css$T });
2680
2599
  }
2681
2600
 
2682
2601
  /**
2683
2602
  * motionary/components/interaction — micro-interactions.
2684
2603
  * `<usa-ripple>`, `<usa-magnetic>`, `<usa-tilt>`, `<usa-spotlight>`,
2685
- * `<usa-press>`, `<usa-toggle>`.
2604
+ * `<usa-press>`.
2686
2605
  */
2687
2606
  /** Register every component of this category under its default tag. */
2688
2607
  function defineInteractionComponents() {
@@ -2691,10 +2610,9 @@ function defineInteractionComponents() {
2691
2610
  defineTilt();
2692
2611
  defineSpotlight();
2693
2612
  definePress();
2694
- defineToggle();
2695
2613
  }
2696
2614
 
2697
- var css$T = "";
2615
+ var css$S = "";
2698
2616
 
2699
2617
  const SPINNER_VARIANTS = ['fluent', 'windows', 'ring', 'dots', 'pulse', 'bars'];
2700
2618
  function markup(variant) {
@@ -2740,10 +2658,10 @@ function defineSpinner(tag = 'usa-spinner') {
2740
2658
  if (!this.hasAttribute('aria-label') || this.hasAttribute('label'))
2741
2659
  this.setAttribute('aria-label', this.str('label', 'Loading'));
2742
2660
  }
2743
- }, { id: 'spinner', text: css$T });
2661
+ }, { id: 'spinner', text: css$S });
2744
2662
  }
2745
2663
 
2746
- var css$S = "";
2664
+ var css$R = "";
2747
2665
 
2748
2666
  function defineSkeleton(tag = 'usa-skeleton') {
2749
2667
  return defineElement(tag, (Base) => class UsaSkeleton extends Base {
@@ -2823,10 +2741,10 @@ function defineSkeleton(tag = 'usa-skeleton') {
2823
2741
  }
2824
2742
  this.emit('loaded');
2825
2743
  }
2826
- }, { id: 'skeleton', text: css$S });
2744
+ }, { id: 'skeleton', text: css$R });
2827
2745
  }
2828
2746
 
2829
- var css$R = "";
2747
+ var css$Q = "";
2830
2748
 
2831
2749
  function defineProgress(tag = 'usa-progress') {
2832
2750
  return defineElement(tag, (Base) => class UsaProgress extends Base {
@@ -2889,10 +2807,10 @@ function defineProgress(tag = 'usa-progress') {
2889
2807
  if (ratio === 1)
2890
2808
  this.emit('complete');
2891
2809
  }
2892
- }, { id: 'progress', text: css$R });
2810
+ }, { id: 'progress', text: css$Q });
2893
2811
  }
2894
2812
 
2895
- var css$Q = "";
2813
+ var css$P = "";
2896
2814
 
2897
2815
  const ICONS = {
2898
2816
  info: '<path d="M12 8h.01M11 12h1v5h1"/>',
@@ -3008,7 +2926,7 @@ function defineToaster(tag = 'usa-toaster') {
3008
2926
  clear() {
3009
2927
  this.querySelectorAll('.usa-toast').forEach((t) => t._close?.());
3010
2928
  }
3011
- }, { id: 'toast', text: css$Q });
2929
+ }, { id: 'toast', text: css$P });
3012
2930
  }
3013
2931
  /**
3014
2932
  * Show a toast. Defines `<usa-toaster>` and adds one to `<body>` if the
@@ -3029,7 +2947,7 @@ function toast(message, options = {}) {
3029
2947
  return host.show(message, options);
3030
2948
  }
3031
2949
 
3032
- var css$P = "";
2950
+ var css$O = "";
3033
2951
 
3034
2952
  const PATHS = {
3035
2953
  success: 'M15 27 l7 7 l14 -15',
@@ -3106,7 +3024,7 @@ function defineCheck(tag = 'usa-check') {
3106
3024
  done();
3107
3025
  });
3108
3026
  }
3109
- }, { id: 'check', text: css$P });
3027
+ }, { id: 'check', text: css$O });
3110
3028
  }
3111
3029
 
3112
3030
  /**
@@ -3123,7 +3041,7 @@ function defineFeedbackComponents() {
3123
3041
  defineCheck();
3124
3042
  }
3125
3043
 
3126
- var css$O = "";
3044
+ var css$N = "";
3127
3045
 
3128
3046
  function defineAurora(tag = 'usa-aurora') {
3129
3047
  return defineElement(tag, (Base) => class UsaAurora extends Base {
@@ -3151,10 +3069,10 @@ function defineAurora(tag = 'usa-aurora') {
3151
3069
  this.style.setProperty('--usa-aurora-opacity', String(this.num('intensity', 0.7)));
3152
3070
  this.inView((v) => this.toggleAttribute('data-offscreen', !v));
3153
3071
  }
3154
- }, { id: 'aurora', text: css$O });
3072
+ }, { id: 'aurora', text: css$N });
3155
3073
  }
3156
3074
 
3157
- var css$N = "";
3075
+ var css$M = "";
3158
3076
 
3159
3077
  function defineParticles(tag = 'usa-particles') {
3160
3078
  return defineElement(tag, (Base) => class UsaParticles extends Base {
@@ -3313,10 +3231,10 @@ function defineParticles(tag = 'usa-particles') {
3313
3231
  }
3314
3232
  ctx.globalAlpha = 1;
3315
3233
  }
3316
- }, { id: 'particles', text: css$N });
3234
+ }, { id: 'particles', text: css$M });
3317
3235
  }
3318
3236
 
3319
- var css$M = "";
3237
+ var css$L = "";
3320
3238
 
3321
3239
  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")`;
3322
3240
  function defineGrain(tag = 'usa-grain') {
@@ -3341,10 +3259,10 @@ function defineGrain(tag = 'usa-grain') {
3341
3259
  s.opacity = String(this.num('opacity', 0.12));
3342
3260
  s.mixBlendMode = this.str('blend', 'overlay');
3343
3261
  }
3344
- }, { id: 'grain', text: css$M });
3262
+ }, { id: 'grain', text: css$L });
3345
3263
  }
3346
3264
 
3347
- var css$L = "";
3265
+ var css$K = "";
3348
3266
 
3349
3267
  function defineMarquee(tag = 'usa-marquee') {
3350
3268
  return defineElement(tag, (Base) => class UsaMarquee extends Base {
@@ -3464,10 +3382,10 @@ function defineMarquee(tag = 'usa-marquee') {
3464
3382
  else
3465
3383
  super.changed(name);
3466
3384
  }
3467
- }, { id: 'marquee', text: css$L });
3385
+ }, { id: 'marquee', text: css$K });
3468
3386
  }
3469
3387
 
3470
- var css$K = "";
3388
+ var css$J = "";
3471
3389
 
3472
3390
  function defineAcrylic(tag = 'usa-acrylic') {
3473
3391
  return defineElement(tag, (Base) => class UsaAcrylic extends Base {
@@ -3488,10 +3406,10 @@ function defineAcrylic(tag = 'usa-acrylic') {
3488
3406
  this.setAttribute('data-shine', '');
3489
3407
  }
3490
3408
  }
3491
- }, { id: 'acrylic', text: css$K });
3409
+ }, { id: 'acrylic', text: css$J });
3492
3410
  }
3493
3411
 
3494
- var css$J = "";
3412
+ var css$I = "";
3495
3413
 
3496
3414
  /** Shared canvas setup: DPR ≤ 2, resize with the host, run only while visible & tab shown. */
3497
3415
  function canvasLoop(host, draw, still) {
@@ -3566,7 +3484,7 @@ function defineGridGlow(tag = 'usa-grid-glow') {
3566
3484
  });
3567
3485
  this.onCleanup(() => caf(f));
3568
3486
  }
3569
- }, { id: 'bg-fx', text: css$J });
3487
+ }, { id: 'bg-fx', text: css$I });
3570
3488
  }
3571
3489
  function defineBlobs(tag = 'usa-blobs') {
3572
3490
  return defineElement(tag, (Base) => class extends Base {
@@ -3581,7 +3499,7 @@ function defineBlobs(tag = 'usa-blobs') {
3581
3499
  this.style.setProperty('--usa-blobs-speed', String(this.num('speed', 1)));
3582
3500
  this.style.setProperty('--usa-blobs-blur', `${this.num('blur', 60)}px`);
3583
3501
  }
3584
- }, { id: 'bg-fx', text: css$J });
3502
+ }, { id: 'bg-fx', text: css$I });
3585
3503
  }
3586
3504
  function defineWaterRipple(tag = 'usa-water-ripple') {
3587
3505
  return defineElement(tag, (Base) => class extends Base {
@@ -3643,7 +3561,7 @@ function defineWaterRipple(tag = 'usa-water-ripple') {
3643
3561
  this.drop(e.clientX - r.left, e.clientY - r.top, 1.5);
3644
3562
  });
3645
3563
  }
3646
- }, { id: 'bg-fx', text: css$J });
3564
+ }, { id: 'bg-fx', text: css$I });
3647
3565
  }
3648
3566
  function defineDotNetwork(tag = 'usa-dot-network') {
3649
3567
  return defineElement(tag, (Base) => class extends Base {
@@ -3686,10 +3604,10 @@ function defineDotNetwork(tag = 'usa-dot-network') {
3686
3604
  }
3687
3605
  }, this.reduced);
3688
3606
  }
3689
- }, { id: 'bg-fx', text: css$J });
3607
+ }, { id: 'bg-fx', text: css$I });
3690
3608
  }
3691
3609
 
3692
- var css$I = "";
3610
+ var css$H = "";
3693
3611
 
3694
3612
  /**
3695
3613
  * Style variants (v2.6): `variant="minimal | neon | glass | brutalist |
@@ -3707,7 +3625,7 @@ var css$I = "";
3707
3625
  const VARIANTS = ['minimal', 'neon', 'glass', 'brutalist', 'fluent', 'material'];
3708
3626
  /** Inject the variant token sheet (done automatically by every `ui` component). */
3709
3627
  function adoptVariants() {
3710
- adoptStyles('variants', css$I);
3628
+ adoptStyles('variants', css$H);
3711
3629
  }
3712
3630
  /** Apply a variant to the whole page (or `root`); `null` removes it. */
3713
3631
  function setVariant(variant, root = typeof document !== 'undefined' ? document.documentElement : null) {
@@ -3720,7 +3638,7 @@ function setVariant(variant, root = typeof document !== 'undefined' ? document.d
3720
3638
  root.removeAttribute('data-usa-variant');
3721
3639
  }
3722
3640
 
3723
- var css$H = "";
3641
+ var css$G = "";
3724
3642
 
3725
3643
  /**
3726
3644
  * Windows 11 **Fluent preset** (v2.8): applies the `fluent` variant
@@ -3735,7 +3653,7 @@ function fluentPreset(options = {}) {
3735
3653
  if (typeof document === 'undefined')
3736
3654
  return () => undefined;
3737
3655
  const root = options.root || document.documentElement;
3738
- adoptStyles('fluent-preset', css$H);
3656
+ adoptStyles('fluent-preset', css$G);
3739
3657
  setVariant('fluent', root);
3740
3658
  root.classList.add('usa-fluent');
3741
3659
  if (options.mica !== false)
@@ -3798,7 +3716,7 @@ function defineBackgroundComponents() {
3798
3716
 
3799
3717
  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)}";
3800
3718
 
3801
- var css$G = "";
3719
+ var css$F = "";
3802
3720
 
3803
3721
  const FROM = {
3804
3722
  modal: 'scale(0.94)',
@@ -3953,10 +3871,10 @@ function defineDialog(tag = 'usa-dialog') {
3953
3871
  const b = this._backdrop ? this.motion(this._backdrop, backdrop, { duration, easing: 'linear', fill }) : null;
3954
3872
  return Promise.all([a?.finished, b?.finished].map((p) => p?.catch(() => undefined))).then(() => undefined);
3955
3873
  }
3956
- }, { id: 'dialog', text: css$G });
3874
+ }, { id: 'dialog', text: css$F });
3957
3875
  }
3958
3876
 
3959
- var css$F = "";
3877
+ var css$E = "";
3960
3878
 
3961
3879
  function defineAccordion(tag = 'usa-accordion') {
3962
3880
  return defineElement(tag, (Base) => class UsaAccordion extends Base {
@@ -4022,10 +3940,10 @@ function defineAccordion(tag = 'usa-accordion') {
4022
3940
  d.removeAttribute('data-closing');
4023
3941
  }
4024
3942
  }
4025
- }, { id: 'accordion', text: css$F });
3943
+ }, { id: 'accordion', text: css$E });
4026
3944
  }
4027
3945
 
4028
- var css$E = "";
3946
+ var css$D = "";
4029
3947
 
4030
3948
  function defineViewSwitch(tag = 'usa-view-switch') {
4031
3949
  return defineElement(tag, (Base) => class UsaViewSwitch extends Base {
@@ -4118,7 +4036,7 @@ function defineViewSwitch(tag = 'usa-view-switch') {
4118
4036
  this.setVisible(from, false);
4119
4037
  a?.cancel();
4120
4038
  }
4121
- }, { id: 'view-switch', text: css$E });
4039
+ }, { id: 'view-switch', text: css$D });
4122
4040
  }
4123
4041
 
4124
4042
  /**
@@ -4430,7 +4348,7 @@ function rubberBand(distance, dimension, constant = 0.55) {
4430
4348
  return sign * (1 - 1 / ((d * constant) / dimension + 1)) * dimension;
4431
4349
  }
4432
4350
 
4433
- var css$D = "";
4351
+ var css$C = "";
4434
4352
 
4435
4353
  const SPRING_EFFECTS = ['bounce-in', 'pop', 'drop', 'jelly', 'rubber-band'];
4436
4354
  /** Entrance effects start hidden; attention effects (jelly, rubber-band) play on visible content. */
@@ -4545,10 +4463,10 @@ function defineSpring(tag = 'usa-spring') {
4545
4463
  this.setAttribute('data-state', 'done');
4546
4464
  this.emit('complete', { effect });
4547
4465
  }
4548
- }, { id: 'spring', text: css$D });
4466
+ }, { id: 'spring', text: css$C });
4549
4467
  }
4550
4468
 
4551
- var css$C = "";
4469
+ var css$B = "";
4552
4470
 
4553
4471
  const parseSnap = (s) => {
4554
4472
  if (!s.trim())
@@ -4745,10 +4663,10 @@ function defineDraggable(tag = 'usa-draggable') {
4745
4663
  reset() {
4746
4664
  this.go(0, 0);
4747
4665
  }
4748
- }, { id: 'draggable', text: css$C });
4666
+ }, { id: 'draggable', text: css$B });
4749
4667
  }
4750
4668
 
4751
- var css$B = "";
4669
+ var css$A = "";
4752
4670
 
4753
4671
  function defineOverscroll(tag = 'usa-overscroll') {
4754
4672
  return defineElement(tag, (Base) => class UsaOverscroll extends Base {
@@ -4837,7 +4755,7 @@ function defineOverscroll(tag = 'usa-overscroll') {
4837
4755
  this._spring?.stop();
4838
4756
  this.set(0);
4839
4757
  }
4840
- }, { id: 'overscroll', text: css$B });
4758
+ }, { id: 'overscroll', text: css$A });
4841
4759
  }
4842
4760
 
4843
4761
  /**
@@ -4854,7 +4772,7 @@ function definePhysicsComponents() {
4854
4772
  defineOverscroll();
4855
4773
  }
4856
4774
 
4857
- var css$A = "";
4775
+ var css$z = "";
4858
4776
 
4859
4777
  const CARD_EFFECTS = ['flip', 'holo', 'glass', 'border-glow', 'conic-border', 'lift', 'spotlight', 'sheen', 'parallax-layers', 'expand'];
4860
4778
  /** Effects that follow the pointer (they share one rAF-throttled tracker). */
@@ -5059,7 +4977,7 @@ function defineCard(tag = 'usa-card') {
5059
4977
  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 });
5060
4978
  await a?.finished.catch(() => undefined);
5061
4979
  }
5062
- }, { id: 'card', text: css$A });
4980
+ }, { id: 'card', text: css$z });
5063
4981
  }
5064
4982
  function deco(cls) {
5065
4983
  const s = document.createElement('span');
@@ -5073,7 +4991,7 @@ function interactive(t, host) {
5073
4991
  return !!el && el !== host && host.contains(el);
5074
4992
  }
5075
4993
 
5076
- var css$z = "";
4994
+ var css$y = "";
5077
4995
 
5078
4996
  function defineCardStack(tag = 'usa-card-stack') {
5079
4997
  return defineElement(tag, (Base) => class UsaCardStack extends Base {
@@ -5196,10 +5114,10 @@ function defineCardStack(tag = 'usa-card-stack') {
5196
5114
  if (!this.top)
5197
5115
  this.emit('empty');
5198
5116
  }
5199
- }, { id: 'card-stack', text: css$z });
5117
+ }, { id: 'card-stack', text: css$y });
5200
5118
  }
5201
5119
 
5202
- var css$y = "";
5120
+ var css$x = "";
5203
5121
 
5204
5122
  function defineStickyStack(tag = 'usa-sticky-stack') {
5205
5123
  return defineElement(tag, (Base) => class UsaStickyStack extends Base {
@@ -5263,10 +5181,10 @@ function defineStickyStack(tag = 'usa-sticky-stack') {
5263
5181
  c.style.filter = covered > 0.001 ? `brightness(${(1 - Math.min(0.35, covered * 0.12)).toFixed(3)})` : '';
5264
5182
  });
5265
5183
  }
5266
- }, { id: 'sticky-stack', text: css$y });
5184
+ }, { id: 'sticky-stack', text: css$x });
5267
5185
  }
5268
5186
 
5269
- var css$x = "";
5187
+ var css$w = "";
5270
5188
 
5271
5189
  function defineCarousel3d(tag = 'usa-carousel-3d') {
5272
5190
  return defineElement(tag, (Base) => class UsaCarousel3d extends Base {
@@ -5385,7 +5303,7 @@ function defineCarousel3d(tag = 'usa-carousel-3d') {
5385
5303
  prev() {
5386
5304
  this.goTo(this._i - 1);
5387
5305
  }
5388
- }, { id: 'carousel-3d', text: css$x });
5306
+ }, { id: 'carousel-3d', text: css$w });
5389
5307
  }
5390
5308
 
5391
5309
  /**
@@ -5508,7 +5426,7 @@ function haptic(pattern = 10) {
5508
5426
  }
5509
5427
  }
5510
5428
 
5511
- var css$w = "";
5429
+ var css$v = "";
5512
5430
 
5513
5431
  const CLICK_EFFECTS = ['ripple', 'burst', 'confetti', 'squish', 'press-spring', 'shake'];
5514
5432
  function defineClick(tag = 'usa-click') {
@@ -5632,10 +5550,10 @@ function defineClick(tag = 'usa-click') {
5632
5550
  : [{ transform: from }, { transform: 'none' }];
5633
5551
  this._press = this.motion(this, frames, fx.includes('squish') ? { duration: 520, easing: 'ease-out' } : springEasing('bouncy'));
5634
5552
  }
5635
- }, { id: 'click', text: css$w });
5553
+ }, { id: 'click', text: css$v });
5636
5554
  }
5637
5555
 
5638
- var css$v = "";
5556
+ var css$u = "";
5639
5557
 
5640
5558
  const BUTTON_DEFORMS = ['squash', 'wobble', 'gooey', 'dent'];
5641
5559
  let gooInjected = false;
@@ -5902,10 +5820,10 @@ function defineButton(tag = 'usa-button') {
5902
5820
  }
5903
5821
  this.emit('state', { state: s });
5904
5822
  }
5905
- }, { id: 'button', text: css$v });
5823
+ }, { id: 'button', text: css$u });
5906
5824
  }
5907
5825
 
5908
- var css$u = "";
5826
+ var css$t = "";
5909
5827
 
5910
5828
  const C = [[12, 12], [12, 12], [12, 12], [12, 12]];
5911
5829
  /**
@@ -6013,10 +5931,10 @@ function defineIconMorph(tag = 'usa-icon-morph') {
6013
5931
  next() {
6014
5932
  this.show(this._i + 1);
6015
5933
  }
6016
- }, { id: 'icon-morph', text: css$u });
5934
+ }, { id: 'icon-morph', text: css$t });
6017
5935
  }
6018
5936
 
6019
- var css$t = "";
5937
+ var css$s = "";
6020
5938
 
6021
5939
  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';
6022
5940
  function defineLike(tag = 'usa-like') {
@@ -6092,10 +6010,10 @@ function defineLike(tag = 'usa-like') {
6092
6010
  this.dispatchEvent(new Event('change', { bubbles: true }));
6093
6011
  this.emit('change', { liked: next, count: this.count });
6094
6012
  }
6095
- }, { id: 'like', text: css$t });
6013
+ }, { id: 'like', text: css$s });
6096
6014
  }
6097
6015
 
6098
- var css$s = "";
6016
+ var css$r = "";
6099
6017
 
6100
6018
  function defineHold(tag = 'usa-hold') {
6101
6019
  return defineElement(tag, (Base) => class UsaHold extends Base {
@@ -6206,10 +6124,10 @@ function defineHold(tag = 'usa-hold') {
6206
6124
  cancel() {
6207
6125
  this.stop();
6208
6126
  }
6209
- }, { id: 'hold', text: css$s });
6127
+ }, { id: 'hold', text: css$r });
6210
6128
  }
6211
6129
 
6212
- var css$r = "";
6130
+ var css$q = "";
6213
6131
 
6214
6132
  function defineDoubleTap(tag = 'usa-double-tap') {
6215
6133
  return defineElement(tag, (Base) => class UsaDoubleTap extends Base {
@@ -6267,10 +6185,10 @@ function defineDoubleTap(tag = 'usa-double-tap') {
6267
6185
  haptic(15);
6268
6186
  this.emit('double-tap', { x: x - r.left, y: y - r.top });
6269
6187
  }
6270
- }, { id: 'double-tap', text: css$r });
6188
+ }, { id: 'double-tap', text: css$q });
6271
6189
  }
6272
6190
 
6273
- var css$q = "";
6191
+ var css$p = "";
6274
6192
 
6275
6193
  function defineCheckbox(tag = 'usa-checkbox') {
6276
6194
  return defineElement(tag, (Base) => {
@@ -6342,7 +6260,7 @@ function defineCheckbox(tag = 'usa-checkbox') {
6342
6260
  }
6343
6261
  UsaCheckbox.formAssociated = true;
6344
6262
  return UsaCheckbox;
6345
- }, { id: 'checkbox', text: css$q });
6263
+ }, { id: 'checkbox', text: css$p });
6346
6264
  }
6347
6265
 
6348
6266
  /**
@@ -6397,7 +6315,7 @@ function place(floating, anchor, placement = 'top', gap = 8) {
6397
6315
  let uid = 0;
6398
6316
  const nextId = (prefix) => `${prefix}-${++uid}`;
6399
6317
 
6400
- var css$p = "";
6318
+ var css$o = "";
6401
6319
 
6402
6320
  function defineTabs(tag = 'usa-tabs') {
6403
6321
  adoptVariants();
@@ -6500,10 +6418,10 @@ function defineTabs(tag = 'usa-tabs') {
6500
6418
  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)' });
6501
6419
  this.emit('change', { index: i });
6502
6420
  }
6503
- }, { id: 'tabs', text: css$p });
6421
+ }, { id: 'tabs', text: css$o });
6504
6422
  }
6505
6423
 
6506
- var css$o = "";
6424
+ var css$n = "";
6507
6425
 
6508
6426
  /** Shared machinery of `<usa-drawer>` and `<usa-bottom-sheet>`: backdrop, focus, Esc, drag-to-dismiss. */
6509
6427
  function makePanel(Base, kind) {
@@ -6660,7 +6578,7 @@ function makePanel(Base, kind) {
6660
6578
  }
6661
6579
  function defineDrawer(tag = 'usa-drawer') {
6662
6580
  adoptVariants();
6663
- return defineElement(tag, (Base) => makePanel(Base, 'drawer'), { id: 'sheet', text: css$o });
6581
+ return defineElement(tag, (Base) => makePanel(Base, 'drawer'), { id: 'sheet', text: css$n });
6664
6582
  }
6665
6583
  function defineBottomSheet(tag = 'usa-bottom-sheet') {
6666
6584
  adoptVariants();
@@ -6703,10 +6621,10 @@ function defineBottomSheet(tag = 'usa-bottom-sheet') {
6703
6621
  super.render(v);
6704
6622
  }
6705
6623
  };
6706
- }, { id: 'sheet', text: css$o });
6624
+ }, { id: 'sheet', text: css$n });
6707
6625
  }
6708
6626
 
6709
- var css$n = "";
6627
+ var css$m = "";
6710
6628
 
6711
6629
  function definePullRefresh(tag = 'usa-pull-refresh') {
6712
6630
  adoptVariants();
@@ -6805,10 +6723,10 @@ function definePullRefresh(tag = 'usa-pull-refresh') {
6805
6723
  Promise.resolve(fn(ev)).then(done, done);
6806
6724
  });
6807
6725
  }
6808
- }, { id: 'pull-refresh', text: css$n });
6726
+ }, { id: 'pull-refresh', text: css$m });
6809
6727
  }
6810
6728
 
6811
- var css$m = "";
6729
+ var css$l = "";
6812
6730
 
6813
6731
  function defineFab(tag = 'usa-fab') {
6814
6732
  adoptVariants();
@@ -6894,10 +6812,10 @@ function defineFab(tag = 'usa-fab') {
6894
6812
  this.apply(true);
6895
6813
  this.emit('toggle', { open: next });
6896
6814
  }
6897
- }, { id: 'fab', text: css$m });
6815
+ }, { id: 'fab', text: css$l });
6898
6816
  }
6899
6817
 
6900
- var css$l = "";
6818
+ var css$k = "";
6901
6819
 
6902
6820
  function defineNavbar(tag = 'usa-navbar') {
6903
6821
  adoptVariants();
@@ -6950,10 +6868,10 @@ function defineNavbar(tag = 'usa-navbar') {
6950
6868
  this.removeAttribute('data-hidden');
6951
6869
  this.emit('show');
6952
6870
  }
6953
- }, { id: 'navbar', text: css$l });
6871
+ }, { id: 'navbar', text: css$k });
6954
6872
  }
6955
6873
 
6956
- var css$k = "";
6874
+ var css$j = "";
6957
6875
 
6958
6876
  function defineSlider(tag = 'usa-slider') {
6959
6877
  adoptVariants();
@@ -7074,10 +6992,10 @@ function defineSlider(tag = 'usa-slider') {
7074
6992
  }
7075
6993
  UsaSlider.formAssociated = true;
7076
6994
  return UsaSlider;
7077
- }, { id: 'slider', text: css$k });
6995
+ }, { id: 'slider', text: css$j });
7078
6996
  }
7079
6997
 
7080
- var css$j = "";
6998
+ var css$i = "";
7081
6999
 
7082
7000
  function defineRating(tag = 'usa-rating') {
7083
7001
  adoptVariants();
@@ -7162,63 +7080,7 @@ function defineRating(tag = 'usa-rating') {
7162
7080
  }
7163
7081
  UsaRating.formAssociated = true;
7164
7082
  return UsaRating;
7165
- }, { id: 'rating', text: css$j });
7166
- }
7167
-
7168
- var css$i = "";
7169
-
7170
- function defineTooltip(tag = 'usa-tooltip') {
7171
- adoptVariants();
7172
- return defineElement(tag, (Base) => class UsaTooltip extends Base {
7173
- constructor() {
7174
- super(...arguments);
7175
- this._tip = null;
7176
- }
7177
- static get observedAttributes() {
7178
- return ['text'];
7179
- }
7180
- mount() {
7181
- const trigger = this.firstElementChild || this;
7182
- const tip = document.createElement('span');
7183
- tip.className = 'usa-tooltip-bubble usa-surface';
7184
- tip.setAttribute('role', 'tooltip');
7185
- tip.id = nextId('usa-tip');
7186
- tip.textContent = this.str('text');
7187
- tip.hidden = true;
7188
- this.append(tip);
7189
- this._tip = tip;
7190
- trigger.setAttribute('aria-describedby', tip.id);
7191
- const later = () => {
7192
- clearTimeout(this._t);
7193
- this._t = setTimeout(() => this.show(), this.num('delay', 300));
7194
- };
7195
- this.listen(this, 'pointerenter', later);
7196
- this.listen(this, 'pointerleave', () => this.hide());
7197
- this.listen(this, 'focusin', () => this.show());
7198
- this.listen(this, 'focusout', () => this.hide());
7199
- this.listen(document, 'keydown', (e) => e.key === 'Escape' && this.hide());
7200
- this.onCleanup(() => {
7201
- clearTimeout(this._t);
7202
- tip.remove();
7203
- trigger.removeAttribute('aria-describedby');
7204
- });
7205
- }
7206
- show() {
7207
- const tip = this._tip;
7208
- if (!tip || !tip.hidden || !this.str('text'))
7209
- return;
7210
- clearTimeout(this._t);
7211
- tip.hidden = false;
7212
- const p = place(tip, this.firstElementChild || this, this.str('placement', 'top'));
7213
- const d = { top: [0, 6], bottom: [0, -6], left: [6, 0], right: [-6, 0] }[p];
7214
- 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'));
7215
- }
7216
- hide() {
7217
- clearTimeout(this._t);
7218
- if (this._tip)
7219
- this._tip.hidden = true;
7220
- }
7221
- }, { id: 'tooltip', text: css$i });
7083
+ }, { id: 'rating', text: css$i });
7222
7084
  }
7223
7085
 
7224
7086
  var css$h = "";
@@ -7372,7 +7234,7 @@ function defineAvatarStack(tag = 'usa-avatar-stack') {
7372
7234
  * motionary/components/ui — animated UI components + style variants (v2.6).
7373
7235
  * `<usa-tabs>`, `<usa-drawer>`, `<usa-bottom-sheet>`, `<usa-pull-refresh>`,
7374
7236
  * `<usa-fab>`, `<usa-navbar>`, `<usa-slider>`, `<usa-rating>`,
7375
- * `<usa-tooltip>`, `<usa-popover>`, `<usa-badge>`, `<usa-avatar-stack>`,
7237
+ * `<usa-popover>`, `<usa-badge>`, `<usa-avatar-stack>`,
7376
7238
  * and `variant="minimal | neon | glass | brutalist | fluent | material"`
7377
7239
  * design tokens (`setVariant()`, `VARIANTS`).
7378
7240
  */
@@ -7386,7 +7248,6 @@ function defineUiComponents() {
7386
7248
  defineNavbar();
7387
7249
  defineSlider();
7388
7250
  defineRating();
7389
- defineTooltip();
7390
7251
  definePopover();
7391
7252
  defineBadge();
7392
7253
  defineAvatarStack();
@@ -10823,5 +10684,5 @@ function defineComponents(categories) {
10823
10684
  const STYLE_BASE = new URL('../', import.meta.url).href;
10824
10685
  onDemandStyles(STYLE_BASE);
10825
10686
 
10826
- export { ALL_TAGS, AMBIENT_EFFECTS, ANIM_ICONS, BRIDGE_PROTOCOL_VERSION, BUILTIN_EFFECTS, BUTTON_DEFORMS, CARD_EFFECTS, CLICK_EFFECTS, COMPONENT_CATEGORIES, CURSOR_MODES, EFFECT_KINDS, EFFECT_TRIGGERS, GL_FALLBACKS, JOINING_SCRIPT, LIVE_REGION_IDS, MASK_SHAPES, MORPH_ICONS, MOTION_SCALE, MOTION_SENSITIVITY, MOTION_SENSITIVITY_LEVELS, MOTION_TOKENS, PACKS, PACK_PRIMITIVES, PAGE_EFFECTS, PARTICLE_PRESETS, POST_EFFECTS, REVEAL_EFFECTS, SENSITIVITY_CSS, SHADERS, SPINNER_VARIANTS, SPRING_EFFECTS, SPRING_PRESETS, STATIC_ALTERNATIVES, STYLE_BASE, TIMELINE_PRESETS, VARIANTS, activeAnimations, adaptKeyframes, adoptVariants, animateWithMotion, animationBudget, announce, applyMotionTokens, applyNativeSettings, applyPack, auditMotionA11y, autoAnimate, autoDegrade, baselineReport, bindEffect, categoryOf, configureComponents, connectNativeShell, countUp, createSpring, defineAccordion, defineAcrylic, defineAmbient, defineAnimIcon, defineAurora, defineAutoAnimate, defineAutoSkeleton, defineAvatarStack, defineBackToTop, defineBackgroundComponents, defineBadge, defineBlobs, defineBottomSheet, defineButton, defineCard, defineCardComponents, defineCardStack, defineCarousel3d, defineCheck, defineCheckbox, defineClick, defineClickComponents, defineComponents, defineCounter, defineCube, defineCursor, defineDepth, defineDepthComponents, defineDialog, defineDistort, defineDotNetwork, defineDoubleTap, defineDraggable, defineDraw, defineDrawer, defineFab, defineFeedbackComponents, defineFullpage, defineFx, defineFxComponents, defineGestureComponents, defineGlitch, defineGradientText, defineGrain, defineGridGlow, defineHandwriting, defineHold, defineIconMorph, defineInteractionComponents, defineLayoutComponents, defineLike, defineLiquid, defineLoadingBar, defineMagnetic, defineMarquee, defineMaskReveal, defineMasonry, defineMorph, defineMotionSwitch, defineNavbar, defineOverscroll, definePack, definePacksComponents, definePageComponents, defineParticles, definePhysicsComponents, definePinchZoom, definePopover, definePostFx, definePress, defineProgress, definePullRefresh, defineRating, defineReveal, defineRevealComponents, defineRipple, defineScramble, defineScrollHighlight, defineScrollProgress, defineScrolly, defineShader, defineShimmerText, defineSkeleton, defineSlider, defineSpinner, defineSplash, defineSplitText, defineSpotlight, defineSpring, defineStagger, defineStickyStack, defineSvgComponents, defineSwipeable, defineTabs, defineTextComponents, defineTextRotate, defineTilt, defineTimeline, defineTimelineComponents, defineToaster, defineToggle, defineTooltip, defineTransitionComponents, defineTypewriter, defineUiComponents, defineViewSwitch, defineWaterRipple, defineWaveText, defineWebglComponents, detectNativeHost, deviceTilt, drawLines, easeOutExpo, enableMpaTransitions, flip, flipFrames, fluentPreset, flyToCart, fragmentSource, gesture, getEffect, getMotionIntensity, getMotionLevel, getMotionSensitivity, getMotionTokens, glFallbackCss, glGovernor, glQuad, graphemes, haptic, hasEffect, importMotionTokens, interpolatePath, linearEasing, listEffects, liveRegion, loadCategoryStyles, loadedStyles, loadingBar, masonryLayout, mergeMotionTokens, morphPath, morphTo, motionAllowed, motionScale, motionToken, motionTokensToCss, motionTokensToJSON, motionTokensToVars, motionVar, onDemandStyles, onFrame, orientationToTilt, pageTransition, parseDuration, parseEasing, parseNativeSettings, pathsCompatible, pinchScale, playEffect, postFxShader, postToNative, prefersReducedMotion, projectInertia, readScrollProgress, registerBuiltinEffects, registerEffect, registerEffects, requestOrientationPermission, resolveDurationToken, resolveEasingToken, resolvePosition, resolveSpring, restoreMotionIntensity, restoreMotionSensitivity, revealKeyframes, rubberBand, schedulerStats, scrambleFrame, scrollToTarget, setAnimationBudget, setMotionIntensity, setMotionLevel, setMotionSensitivity, setVariant, sharedTransition, smoothScroll, snapTo, splitOrder, splitText, splitTimeline, words as splitWords, spring, springEasing, springEffectKeyframes, springSamples, staticAlternative, stepSpring, supportsLinearEasing, supportsNativeScrub, supportsOrientation, supportsViewTransitions, supportsWebGL, swipeDirection, themeTransition, timeline, toast, viewTransition, warnBaseline, watchPowerSaver, withoutDeprecations };
10687
+ export { ALL_TAGS, AMBIENT_EFFECTS, ANIM_ICONS, BRIDGE_PROTOCOL_VERSION, BUILTIN_EFFECTS, BUTTON_DEFORMS, CARD_EFFECTS, CLICK_EFFECTS, COMPONENT_CATEGORIES, CURSOR_MODES, EFFECT_KINDS, EFFECT_TRIGGERS, GL_FALLBACKS, JOINING_SCRIPT, LIVE_REGION_IDS, MASK_SHAPES, MORPH_ICONS, MOTION_SCALE, MOTION_SENSITIVITY, MOTION_SENSITIVITY_LEVELS, MOTION_TOKENS, PACKS, PACK_PRIMITIVES, PAGE_EFFECTS, PARTICLE_PRESETS, POST_EFFECTS, REVEAL_EFFECTS, SENSITIVITY_CSS, SHADERS, SPINNER_VARIANTS, SPRING_EFFECTS, SPRING_PRESETS, STATIC_ALTERNATIVES, STYLE_BASE, TIMELINE_PRESETS, VARIANTS, activeAnimations, adaptKeyframes, adoptVariants, animateWithMotion, animationBudget, announce, applyMotionTokens, applyNativeSettings, applyPack, auditMotionA11y, autoAnimate, autoDegrade, baselineReport, bindEffect, categoryOf, configureComponents, connectNativeShell, countUp, createSpring, defineAccordion, defineAcrylic, defineAmbient, defineAnimIcon, defineAurora, defineAutoAnimate, defineAutoSkeleton, defineAvatarStack, defineBackToTop, defineBackgroundComponents, defineBadge, defineBlobs, defineBottomSheet, defineButton, defineCard, defineCardComponents, defineCardStack, defineCarousel3d, defineCheck, defineCheckbox, defineClick, defineClickComponents, defineComponents, defineCounter, defineCube, defineCursor, defineDepth, defineDepthComponents, defineDialog, defineDistort, defineDotNetwork, defineDoubleTap, defineDraggable, defineDraw, defineDrawer, defineFab, defineFeedbackComponents, defineFullpage, defineFx, defineFxComponents, defineGestureComponents, defineGlitch, defineGradientText, defineGrain, defineGridGlow, defineHandwriting, defineHold, defineIconMorph, defineInteractionComponents, defineLayoutComponents, defineLike, defineLiquid, defineLoadingBar, defineMagnetic, defineMarquee, defineMaskReveal, defineMasonry, defineMorph, defineMotionSwitch, defineNavbar, defineOverscroll, definePack, definePacksComponents, definePageComponents, defineParticles, definePhysicsComponents, definePinchZoom, definePopover, definePostFx, definePress, defineProgress, definePullRefresh, defineRating, defineReveal, defineRevealComponents, defineRipple, defineScramble, defineScrollHighlight, defineScrollProgress, defineScrolly, defineShader, defineShimmerText, defineSkeleton, defineSlider, defineSpinner, defineSplash, defineSplitText, defineSpotlight, defineSpring, defineStagger, defineStickyStack, defineSvgComponents, defineSwipeable, defineTabs, defineTextComponents, defineTextRotate, defineTilt, defineTimeline, defineTimelineComponents, defineToaster, defineTransitionComponents, defineTypewriter, defineUiComponents, defineViewSwitch, defineWaterRipple, defineWaveText, defineWebglComponents, detectNativeHost, deviceTilt, drawLines, easeOutExpo, enableMpaTransitions, flip, flipFrames, fluentPreset, flyToCart, fragmentSource, gesture, getEffect, getMotionIntensity, getMotionLevel, getMotionSensitivity, getMotionTokens, glFallbackCss, glGovernor, glQuad, graphemes, haptic, hasEffect, importMotionTokens, interpolatePath, linearEasing, listEffects, liveRegion, loadCategoryStyles, loadedStyles, loadingBar, masonryLayout, mergeMotionTokens, morphPath, morphTo, motionAllowed, motionScale, motionToken, motionTokensToCss, motionTokensToJSON, motionTokensToVars, motionVar, onDemandStyles, onFrame, orientationToTilt, pageTransition, parseDuration, parseEasing, parseNativeSettings, pathsCompatible, pinchScale, playEffect, postFxShader, postToNative, prefersReducedMotion, projectInertia, readScrollProgress, registerBuiltinEffects, registerEffect, registerEffects, requestOrientationPermission, resolveDurationToken, resolveEasingToken, resolvePosition, resolveSpring, restoreMotionIntensity, restoreMotionSensitivity, revealKeyframes, rubberBand, schedulerStats, scrambleFrame, scrollToTarget, setAnimationBudget, setMotionIntensity, setMotionLevel, setMotionSensitivity, setVariant, sharedTransition, smoothScroll, snapTo, splitOrder, splitText, splitTimeline, words as splitWords, spring, springEasing, springEffectKeyframes, springSamples, staticAlternative, stepSpring, supportsLinearEasing, supportsNativeScrub, supportsOrientation, supportsViewTransitions, supportsWebGL, swipeDirection, themeTransition, timeline, toast, viewTransition, warnBaseline, watchPowerSaver, withoutDeprecations };
10827
10688
  //# sourceMappingURL=lite.js.map