motionary 7.9.0 → 8.1.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.
- package/CHANGELOG.md +33 -0
- package/README.md +1 -1
- package/README_ja.md +1 -1
- package/README_zh.md +1 -1
- package/dist/chunks/{audio-DcPvT2Kh.js → audio-CynhhWDi.js} +3 -3
- package/dist/chunks/{audio-DcPvT2Kh.js.map → audio-CynhhWDi.js.map} +1 -1
- package/dist/chunks/{audio-EXUoijsG.cjs → audio-cgWbDkoY.cjs} +3 -3
- package/dist/chunks/{audio-EXUoijsG.cjs.map → audio-cgWbDkoY.cjs.map} +1 -1
- package/dist/chunks/{base-2-yYc93C.js → base-CLuqlLfG.js} +63 -6
- package/dist/chunks/base-CLuqlLfG.js.map +1 -0
- package/dist/chunks/{base-BaQV-2ha.cjs → base-DoRUZBy-.cjs} +66 -5
- package/dist/chunks/base-DoRUZBy-.cjs.map +1 -0
- package/dist/chunks/{builtins-HlqAkK0f.js → builtins-Bs4smevg.js} +3 -3
- package/dist/chunks/{builtins-HlqAkK0f.js.map → builtins-Bs4smevg.js.map} +1 -1
- package/dist/chunks/{builtins-xalxV2d5.cjs → builtins-ClXshqj-.cjs} +3 -3
- package/dist/chunks/{builtins-xalxV2d5.cjs.map → builtins-ClXshqj-.cjs.map} +1 -1
- package/dist/chunks/{core-DuO-AVXL.js → core-C3Taz-ew.js} +2 -2
- package/dist/chunks/{core-DuO-AVXL.js.map → core-C3Taz-ew.js.map} +1 -1
- package/dist/chunks/{core-D5rU0CV6.js → core-CiN5sqxB.js} +2 -2
- package/dist/chunks/{core-D5rU0CV6.js.map → core-CiN5sqxB.js.map} +1 -1
- package/dist/chunks/{core-BGAyaY6L.cjs → core-CwO835Wm.cjs} +2 -2
- package/dist/chunks/{core-BGAyaY6L.cjs.map → core-CwO835Wm.cjs.map} +1 -1
- package/dist/chunks/{core-zq17EeCI.cjs → core-O4grKHSa.cjs} +2 -2
- package/dist/chunks/{core-zq17EeCI.cjs.map → core-O4grKHSa.cjs.map} +1 -1
- package/dist/chunks/{fx-lBGVtQO1.cjs → fx-C-XjLOTc.cjs} +2 -2
- package/dist/chunks/{fx-lBGVtQO1.cjs.map → fx-C-XjLOTc.cjs.map} +1 -1
- package/dist/chunks/{fx-CMxWNwH8.js → fx-CQv3IxMf.js} +2 -2
- package/dist/chunks/{fx-CMxWNwH8.js.map → fx-CQv3IxMf.js.map} +1 -1
- package/dist/chunks/{gpu-DLPghVWr.js → gpu-CB8frFOD.js} +2 -2
- package/dist/chunks/{gpu-DLPghVWr.js.map → gpu-CB8frFOD.js.map} +1 -1
- package/dist/chunks/{gpu-Dx0H875w.cjs → gpu-CcdA2D2i.cjs} +2 -2
- package/dist/chunks/{gpu-Dx0H875w.cjs.map → gpu-CcdA2D2i.cjs.map} +1 -1
- package/dist/chunks/{index-tags-C04JP8g4.js → index-tags-B-JBecYg.js} +2 -2
- package/dist/chunks/index-tags-B-JBecYg.js.map +1 -0
- package/dist/chunks/{index-tags-BTMwrfgV.cjs → index-tags-hLIF2Clq.cjs} +2 -2
- package/dist/chunks/index-tags-hLIF2Clq.cjs.map +1 -0
- package/dist/chunks/{player-PS6_FzNw.cjs → player-C2n17sdH.cjs} +4 -4
- package/dist/chunks/{player-PS6_FzNw.cjs.map → player-C2n17sdH.cjs.map} +1 -1
- package/dist/chunks/{player-DxvCYo7Q.js → player-YzQGkKaW.js} +4 -4
- package/dist/chunks/{player-DxvCYo7Q.js.map → player-YzQGkKaW.js.map} +1 -1
- package/dist/chunks/{registry-DehBVRDV.cjs → registry-BVklOepd.cjs} +2 -2
- package/dist/chunks/{registry-DehBVRDV.cjs.map → registry-BVklOepd.cjs.map} +1 -1
- package/dist/chunks/{registry-CyKExAmE.js → registry-CnO7ZVPK.js} +2 -2
- package/dist/chunks/{registry-CyKExAmE.js.map → registry-CnO7ZVPK.js.map} +1 -1
- package/dist/chunks/{spring-BK8DiezC.js → spring-BFKNHmfl.js} +2 -2
- package/dist/chunks/{spring-BK8DiezC.js.map → spring-BFKNHmfl.js.map} +1 -1
- package/dist/chunks/{spring-Dgx187Vh.cjs → spring-uQMVJTj9.cjs} +2 -2
- package/dist/chunks/{spring-Dgx187Vh.cjs.map → spring-uQMVJTj9.cjs.map} +1 -1
- package/dist/chunks/{variants-BQ6bhzn4.js → variants-B-zKORvt.js} +2 -2
- package/dist/chunks/{variants-BQ6bhzn4.js.map → variants-B-zKORvt.js.map} +1 -1
- package/dist/chunks/{variants-BhjyddG8.cjs → variants-DagykrKH.cjs} +2 -2
- package/dist/chunks/{variants-BhjyddG8.cjs.map → variants-DagykrKH.cjs.map} +1 -1
- package/dist/components/a11y.cjs +2 -2
- package/dist/components/a11y.d.cts +1 -1
- package/dist/components/a11y.d.ts +1 -1
- package/dist/components/a11y.js +3 -3
- package/dist/components/angular.cjs +9 -9
- package/dist/components/angular.d.cts +2 -18
- package/dist/components/angular.d.ts +2 -18
- package/dist/components/angular.js +9 -9
- package/dist/components/background.cjs +2 -2
- package/dist/components/background.js +2 -2
- package/dist/components/bridge.cjs +1 -1
- package/dist/components/bridge.js +1 -1
- package/dist/components/cards.cjs +2 -2
- package/dist/components/cards.js +2 -2
- package/dist/components/click.cjs +3 -3
- package/dist/components/click.js +3 -3
- package/dist/components/depth.cjs +3 -3
- package/dist/components/depth.js +3 -3
- package/dist/components/effects.cjs +7 -7
- package/dist/components/effects.js +9 -9
- package/dist/components/engine.cjs +266 -0
- package/dist/components/engine.cjs.map +1 -0
- package/dist/components/engine.d.cts +105 -0
- package/dist/components/engine.d.ts +105 -0
- package/dist/components/engine.js +255 -0
- package/dist/components/engine.js.map +1 -0
- package/dist/components/feedback.cjs +1 -1
- package/dist/components/feedback.js +1 -1
- package/dist/components/fx-3d.cjs +2 -2
- package/dist/components/fx-3d.js +2 -2
- package/dist/components/fx-ai.cjs +2 -2
- package/dist/components/fx-ai.js +2 -2
- package/dist/components/fx-chart.cjs +2 -2
- package/dist/components/fx-chart.js +2 -2
- package/dist/components/fx-festival.cjs +121 -0
- package/dist/components/fx-festival.cjs.map +1 -0
- package/dist/components/fx-festival.d.cts +69 -0
- package/dist/components/fx-festival.d.ts +69 -0
- package/dist/components/fx-festival.js +117 -0
- package/dist/components/fx-festival.js.map +1 -0
- package/dist/components/fx-focus.cjs +2 -2
- package/dist/components/fx-focus.js +2 -2
- package/dist/components/fx-form.cjs +2 -2
- package/dist/components/fx-form.js +2 -2
- package/dist/components/fx-game.cjs +2 -2
- package/dist/components/fx-game.js +2 -2
- package/dist/components/fx-geo.cjs +2 -2
- package/dist/components/fx-geo.js +2 -2
- package/dist/components/fx-gpu.cjs +3 -3
- package/dist/components/fx-gpu.js +3 -3
- package/dist/components/fx-light.cjs +2 -2
- package/dist/components/fx-light.js +2 -2
- package/dist/components/fx-morph.cjs +2 -2
- package/dist/components/fx-morph.js +2 -2
- package/dist/components/fx-music.cjs +3 -3
- package/dist/components/fx-music.js +3 -3
- package/dist/components/fx-physics.cjs +2 -2
- package/dist/components/fx-physics.js +2 -2
- package/dist/components/fx-shop.cjs +2 -2
- package/dist/components/fx-shop.js +2 -2
- package/dist/components/fx-social.cjs +2 -2
- package/dist/components/fx-social.js +2 -2
- package/dist/components/fx-text.cjs +2 -2
- package/dist/components/fx-text.js +2 -2
- package/dist/components/fx-transitions.cjs +3 -3
- package/dist/components/fx-transitions.js +3 -3
- package/dist/components/fx-weather.cjs +2 -2
- package/dist/components/fx-weather.js +2 -2
- package/dist/components/fx.cjs +5 -5
- package/dist/components/fx.js +6 -6
- package/dist/components/fx2.cjs +10 -4
- package/dist/components/fx2.cjs.map +1 -1
- package/dist/components/fx2.d.cts +26 -1
- package/dist/components/fx2.d.ts +26 -1
- package/dist/components/fx2.js +10 -6
- package/dist/components/fx2.js.map +1 -1
- package/dist/components/gesture.cjs +3 -3
- package/dist/components/gesture.js +4 -4
- package/dist/components/interaction.cjs +1 -1
- package/dist/components/interaction.js +1 -1
- package/dist/components/jsx.d.cts +1 -1
- package/dist/components/jsx.d.ts +1 -1
- package/dist/components/layout.cjs +1 -1
- package/dist/components/layout.js +1 -1
- package/dist/components/lazy.cjs +1 -1
- package/dist/components/lazy.d.cts +1 -1
- package/dist/components/lazy.d.ts +1 -1
- package/dist/components/lazy.js +1 -1
- package/dist/components/lite.cjs +151 -206
- package/dist/components/lite.cjs.map +1 -1
- package/dist/components/lite.js +152 -206
- package/dist/components/lite.js.map +1 -1
- package/dist/components/marketplace.cjs +2 -2
- package/dist/components/marketplace.js +2 -2
- package/dist/components/packs.cjs +1 -1
- package/dist/components/packs.js +1 -1
- package/dist/components/page.cjs +2 -2
- package/dist/components/page.js +3 -3
- package/dist/components/perf.cjs +2 -2
- package/dist/components/perf.d.cts +1 -1
- package/dist/components/perf.d.ts +1 -1
- package/dist/components/perf.js +3 -3
- package/dist/components/physics.cjs +2 -2
- package/dist/components/physics.js +3 -3
- package/dist/components/react.cjs +1 -1
- package/dist/components/react.js +1 -1
- package/dist/components/reveal.cjs +1 -1
- package/dist/components/reveal.js +1 -1
- package/dist/components/solid.cjs +9 -9
- package/dist/components/solid.d.cts +2 -18
- package/dist/components/solid.d.ts +2 -18
- package/dist/components/solid.js +9 -9
- package/dist/components/svelte.cjs +9 -9
- package/dist/components/svelte.d.cts +2 -18
- package/dist/components/svelte.d.ts +2 -18
- package/dist/components/svelte.js +9 -9
- package/dist/components/svg.cjs +1 -1
- package/dist/components/svg.js +1 -1
- package/dist/components/text.cjs +2 -2
- package/dist/components/text.js +2 -2
- package/dist/components/timeline.cjs +2 -2
- package/dist/components/timeline.js +3 -3
- package/dist/components/transitions.cjs +1 -1
- package/dist/components/transitions.js +1 -1
- package/dist/components/ui.cjs +17 -108
- package/dist/components/ui.cjs.map +1 -1
- package/dist/components/ui.css +0 -1
- package/dist/components/ui.d.cts +3 -20
- package/dist/components/ui.d.ts +3 -20
- package/dist/components/ui.js +19 -109
- package/dist/components/ui.js.map +1 -1
- package/dist/components/vue.cjs +9 -9
- package/dist/components/vue.d.cts +2 -18
- package/dist/components/vue.d.ts +2 -18
- package/dist/components/vue.js +9 -9
- package/dist/components/webgl.cjs +1 -1
- package/dist/components/webgl.js +1 -1
- package/dist/components/widgets.cjs +373 -146
- package/dist/components/widgets.cjs.map +1 -1
- package/dist/components/widgets.d.cts +110 -2
- package/dist/components/widgets.d.ts +110 -2
- package/dist/components/widgets.js +369 -147
- package/dist/components/widgets.js.map +1 -1
- package/dist/components.cjs +9 -10
- package/dist/components.cjs.map +1 -1
- package/dist/components.css +0 -1
- package/dist/components.d.cts +4 -21
- package/dist/components.d.ts +4 -21
- package/dist/components.js +12 -12
- package/dist/components.umd.js +2 -2
- package/dist/components.umd.js.map +1 -1
- package/dist/index.cjs +2 -2
- package/dist/index.js +2 -2
- package/dist/index.umd.js +2 -2
- package/dist/index.umd.js.map +1 -1
- package/dist/widgets.umd.js +1 -1
- package/dist/widgets.umd.js.map +1 -1
- package/docs/ROADMAP.md +14 -12
- package/docs/accessibility.md +1 -2
- package/docs/components.md +44 -1
- package/docs/deprecations.md +1 -1
- package/docs/upgrading-8.md +9 -6
- package/package.json +41 -1
- package/dist/chunks/base-2-yYc93C.js.map +0 -1
- package/dist/chunks/base-BaQV-2ha.cjs.map +0 -1
- package/dist/chunks/index-tags-BTMwrfgV.cjs.map +0 -1
- package/dist/chunks/index-tags-C04JP8g4.js.map +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var registry = require('../chunks/registry-
|
|
4
|
-
require('../chunks/base-
|
|
3
|
+
var registry = require('../chunks/registry-BVklOepd.cjs');
|
|
4
|
+
require('../chunks/base-DoRUZBy-.cjs');
|
|
5
5
|
|
|
6
6
|
const EFFECT_PACK_FORMAT = 'motionary/effect-pack';
|
|
7
7
|
const SEMVER = /^\d+\.\d+\.\d+(?:-[\w.]+)?$/;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { hasEffect, registerEffect, EFFECT_KINDS } from '../chunks/registry-
|
|
2
|
-
import '../chunks/base-
|
|
1
|
+
import { hasEffect, registerEffect, EFFECT_KINDS } from '../chunks/registry-CnO7ZVPK.js';
|
|
2
|
+
import '../chunks/base-CLuqlLfG.js';
|
|
3
3
|
|
|
4
4
|
const EFFECT_PACK_FORMAT = 'motionary/effect-pack';
|
|
5
5
|
const SEMVER = /^\d+\.\d+\.\d+(?:-[\w.]+)?$/;
|
package/dist/components/packs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { p as prefersReducedMotion, q as now, m as motionScale, r as raf,
|
|
1
|
+
import { p as prefersReducedMotion, q as now, m as motionScale, r as raf, D as EASE_OUT, k as clamp, E as EASE_SPRING, u as defineElement } from '../chunks/base-CLuqlLfG.js';
|
|
2
2
|
|
|
3
3
|
const anim = (el, frames, o) => {
|
|
4
4
|
if (typeof el.animate !== 'function')
|
package/dist/components/page.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var base = require('../chunks/base-
|
|
4
|
-
var spring = require('../chunks/spring-
|
|
3
|
+
var base = require('../chunks/base-DoRUZBy-.cjs');
|
|
4
|
+
var spring = require('../chunks/spring-uQMVJTj9.cjs');
|
|
5
5
|
|
|
6
6
|
var css$8 = "usa-cursor{--usa-cursor-color:var(--usa-accent,#7c5cff);--usa-cursor-size:28px;position:fixed;inset:0;pointer-events:none;z-index:2147483600;opacity:0;transition:opacity 0.2s ease;contain:strict}usa-cursor[data-active]{opacity:1}usa-cursor .usa-cursor-ring{position:absolute;left:0;top:0;width:var(--usa-cursor-size);height:var(--usa-cursor-size);margin:calc(var(--usa-cursor-size) / -2) 0 0 calc(var(--usa-cursor-size) / -2);border:1.5px solid var(--usa-cursor-color);border-radius:999px;box-sizing:border-box;transition:width 0.25s cubic-bezier(0.34,1.56,0.64,1),height 0.25s cubic-bezier(0.34,1.56,0.64,1),margin 0.25s ease,border-radius 0.25s ease,background-color 0.2s ease;will-change:transform}usa-cursor[data-hover] .usa-cursor-ring:first-child{width:calc(var(--usa-cursor-size) * 1.6);height:calc(var(--usa-cursor-size) * 1.6);margin:calc(var(--usa-cursor-size) * -0.8) 0 0 calc(var(--usa-cursor-size) * -0.8);background:color-mix(in srgb,var(--usa-cursor-color) 15%,transparent)}usa-cursor[data-snapped] .usa-cursor-ring{border-radius:12px;background:color-mix(in srgb,var(--usa-cursor-color) 12%,transparent);translate:-50% -50%;margin:0}usa-cursor[data-down] .usa-cursor-ring:first-child{scale:0.8}usa-cursor .usa-cursor-dot{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--usa-cursor-color)}usa-cursor[data-snapped] .usa-cursor-dot{opacity:0}usa-cursor .usa-cursor-glow{position:absolute;left:-200px;top:-200px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--usa-cursor-color) 35%,transparent),transparent 65%);mix-blend-mode:screen}.usa-cursor-none,.usa-cursor-none *{cursor:none !important}@media (pointer:coarse),(prefers-reduced-motion:reduce){usa-cursor{display:none}.usa-cursor-none,.usa-cursor-none *{cursor:auto !important}}";
|
|
7
7
|
|
package/dist/components/page.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { u as defineElement, l as caf, r as raf, p as prefersReducedMotion, q as now, i as getMotionSensitivity, h as getMotionIntensity, g as configureComponents,
|
|
2
|
-
export { M as MOTION_SCALE } from '../chunks/base-
|
|
3
|
-
import { e as springSamples } from '../chunks/spring-
|
|
1
|
+
import { u as defineElement, l as caf, r as raf, p as prefersReducedMotion, q as now, i as getMotionSensitivity, h as getMotionIntensity, g as configureComponents, B as adoptStyles } from '../chunks/base-CLuqlLfG.js';
|
|
2
|
+
export { M as MOTION_SCALE } from '../chunks/base-CLuqlLfG.js';
|
|
3
|
+
import { e as springSamples } from '../chunks/spring-BFKNHmfl.js';
|
|
4
4
|
|
|
5
5
|
var css$8 = "usa-cursor{--usa-cursor-color:var(--usa-accent,#7c5cff);--usa-cursor-size:28px;position:fixed;inset:0;pointer-events:none;z-index:2147483600;opacity:0;transition:opacity 0.2s ease;contain:strict}usa-cursor[data-active]{opacity:1}usa-cursor .usa-cursor-ring{position:absolute;left:0;top:0;width:var(--usa-cursor-size);height:var(--usa-cursor-size);margin:calc(var(--usa-cursor-size) / -2) 0 0 calc(var(--usa-cursor-size) / -2);border:1.5px solid var(--usa-cursor-color);border-radius:999px;box-sizing:border-box;transition:width 0.25s cubic-bezier(0.34,1.56,0.64,1),height 0.25s cubic-bezier(0.34,1.56,0.64,1),margin 0.25s ease,border-radius 0.25s ease,background-color 0.2s ease;will-change:transform}usa-cursor[data-hover] .usa-cursor-ring:first-child{width:calc(var(--usa-cursor-size) * 1.6);height:calc(var(--usa-cursor-size) * 1.6);margin:calc(var(--usa-cursor-size) * -0.8) 0 0 calc(var(--usa-cursor-size) * -0.8);background:color-mix(in srgb,var(--usa-cursor-color) 15%,transparent)}usa-cursor[data-snapped] .usa-cursor-ring{border-radius:12px;background:color-mix(in srgb,var(--usa-cursor-color) 12%,transparent);translate:-50% -50%;margin:0}usa-cursor[data-down] .usa-cursor-ring:first-child{scale:0.8}usa-cursor .usa-cursor-dot{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--usa-cursor-color)}usa-cursor[data-snapped] .usa-cursor-dot{opacity:0}usa-cursor .usa-cursor-glow{position:absolute;left:-200px;top:-200px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--usa-cursor-color) 35%,transparent),transparent 65%);mix-blend-mode:screen}.usa-cursor-none,.usa-cursor-none *{cursor:none !important}@media (pointer:coarse),(prefers-reduced-motion:reduce){usa-cursor{display:none}.usa-cursor-none,.usa-cursor-none *{cursor:auto !important}}";
|
|
6
6
|
|
package/dist/components/perf.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var base = require('../chunks/base-
|
|
4
|
-
var indexTags = require('../chunks/index-tags-
|
|
3
|
+
var base = require('../chunks/base-DoRUZBy-.cjs');
|
|
4
|
+
var indexTags = require('../chunks/index-tags-hLIF2Clq.cjs');
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
* motionary/components/perf — performance toolkit (4.5).
|
|
@@ -26,7 +26,7 @@ declare const COMPONENT_CATEGORIES: {
|
|
|
26
26
|
readonly physics: readonly ["usa-spring", "usa-draggable", "usa-overscroll"];
|
|
27
27
|
readonly cards: readonly ["usa-card", "usa-card-stack", "usa-sticky-stack", "usa-carousel-3d"];
|
|
28
28
|
readonly click: readonly ["usa-click", "usa-button", "usa-icon-morph", "usa-like", "usa-hold", "usa-double-tap", "usa-checkbox"];
|
|
29
|
-
readonly ui: readonly ["usa-tabs", "usa-drawer", "usa-bottom-sheet", "usa-pull-refresh", "usa-fab", "usa-navbar", "usa-slider", "usa-
|
|
29
|
+
readonly ui: readonly ["usa-tabs", "usa-drawer", "usa-bottom-sheet", "usa-pull-refresh", "usa-fab", "usa-navbar", "usa-slider", "usa-popover", "usa-badge", "usa-avatar-stack"];
|
|
30
30
|
readonly page: readonly ["usa-cursor", "usa-fullpage", "usa-loading-bar", "usa-back-to-top", "usa-ambient", "usa-splash", "usa-auto-skeleton", "usa-motion-switch"];
|
|
31
31
|
readonly timeline: readonly ["usa-timeline"];
|
|
32
32
|
readonly gesture: readonly ["usa-swipeable", "usa-pinch-zoom"];
|
|
@@ -26,7 +26,7 @@ declare const COMPONENT_CATEGORIES: {
|
|
|
26
26
|
readonly physics: readonly ["usa-spring", "usa-draggable", "usa-overscroll"];
|
|
27
27
|
readonly cards: readonly ["usa-card", "usa-card-stack", "usa-sticky-stack", "usa-carousel-3d"];
|
|
28
28
|
readonly click: readonly ["usa-click", "usa-button", "usa-icon-morph", "usa-like", "usa-hold", "usa-double-tap", "usa-checkbox"];
|
|
29
|
-
readonly ui: readonly ["usa-tabs", "usa-drawer", "usa-bottom-sheet", "usa-pull-refresh", "usa-fab", "usa-navbar", "usa-slider", "usa-
|
|
29
|
+
readonly ui: readonly ["usa-tabs", "usa-drawer", "usa-bottom-sheet", "usa-pull-refresh", "usa-fab", "usa-navbar", "usa-slider", "usa-popover", "usa-badge", "usa-avatar-stack"];
|
|
30
30
|
readonly page: readonly ["usa-cursor", "usa-fullpage", "usa-loading-bar", "usa-back-to-top", "usa-ambient", "usa-splash", "usa-auto-skeleton", "usa-motion-switch"];
|
|
31
31
|
readonly timeline: readonly ["usa-timeline"];
|
|
32
32
|
readonly gesture: readonly ["usa-swipeable", "usa-pinch-zoom"];
|
package/dist/components/perf.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { o as onFrame, t as setStyleLoader, f as animationBudget, h as getMotionIntensity, g as configureComponents, j as setAnimationBudget, b as activeAnimations } from '../chunks/base-
|
|
2
|
-
export { s as schedulerStats } from '../chunks/base-
|
|
3
|
-
import { C as COMPONENT_CATEGORIES } from '../chunks/index-tags-
|
|
1
|
+
import { o as onFrame, t as setStyleLoader, f as animationBudget, h as getMotionIntensity, g as configureComponents, j as setAnimationBudget, b as activeAnimations } from '../chunks/base-CLuqlLfG.js';
|
|
2
|
+
export { s as schedulerStats } from '../chunks/base-CLuqlLfG.js';
|
|
3
|
+
import { C as COMPONENT_CATEGORIES } from '../chunks/index-tags-B-JBecYg.js';
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* motionary/components/perf — performance toolkit (4.5).
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var base = require('../chunks/base-
|
|
4
|
-
var spring = require('../chunks/spring-
|
|
3
|
+
var base = require('../chunks/base-DoRUZBy-.cjs');
|
|
4
|
+
var spring = require('../chunks/spring-uQMVJTj9.cjs');
|
|
5
5
|
|
|
6
6
|
var css$2 = "usa-spring{display:inline-block;transform-origin:50% 70%}usa-spring[block]{display:block}usa-spring[effect=\"drop\"]{transform-origin:50% 100%}usa-spring[data-state=\"hidden\"]{opacity:0}usa-spring[trigger=\"click\"],usa-spring[trigger=\"hover\"]{cursor:pointer;-webkit-tap-highlight-color:transparent}";
|
|
7
7
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { u as defineElement, k as clamp } from '../chunks/base-
|
|
2
|
-
import { d as springEasing, c as createSpring, s as snapTo, a as rubberBand, p as projectInertia } from '../chunks/spring-
|
|
3
|
-
export { S as SPRING_PRESETS, l as linearEasing, r as resolveSpring, b as spring, e as springSamples, f as stepSpring, g as supportsLinearEasing } from '../chunks/spring-
|
|
1
|
+
import { u as defineElement, k as clamp } from '../chunks/base-CLuqlLfG.js';
|
|
2
|
+
import { d as springEasing, c as createSpring, s as snapTo, a as rubberBand, p as projectInertia } from '../chunks/spring-BFKNHmfl.js';
|
|
3
|
+
export { S as SPRING_PRESETS, l as linearEasing, r as resolveSpring, b as spring, e as springSamples, f as stepSpring, g as supportsLinearEasing } from '../chunks/spring-BFKNHmfl.js';
|
|
4
4
|
|
|
5
5
|
var css$2 = "usa-spring{display:inline-block;transform-origin:50% 70%}usa-spring[block]{display:block}usa-spring[effect=\"drop\"]{transform-origin:50% 100%}usa-spring[data-state=\"hidden\"]{opacity:0}usa-spring[trigger=\"click\"],usa-spring[trigger=\"hover\"]{cursor:pointer;-webkit-tap-highlight-color:transparent}";
|
|
6
6
|
|
package/dist/components/react.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { u as defineElement,
|
|
1
|
+
import { u as defineElement, D as EASE_OUT, l as caf, r as raf, k as clamp } from '../chunks/base-CLuqlLfG.js';
|
|
2
2
|
|
|
3
3
|
/** Entrance effects shared by `<usa-reveal>` and `<usa-stagger>` (transform / opacity / filter only). */
|
|
4
4
|
const REVEAL_EFFECTS = [
|
|
@@ -4,35 +4,35 @@ var solidJs = require('solid-js');
|
|
|
4
4
|
var components = require('../components.cjs');
|
|
5
5
|
var bind = require('../chunks/bind-Ui43-n2d.cjs');
|
|
6
6
|
require('./reveal.cjs');
|
|
7
|
-
require('../chunks/base-
|
|
7
|
+
require('../chunks/base-DoRUZBy-.cjs');
|
|
8
8
|
require('./text.cjs');
|
|
9
|
-
require('../chunks/core-
|
|
9
|
+
require('../chunks/core-CwO835Wm.cjs');
|
|
10
10
|
require('./tokens.cjs');
|
|
11
11
|
require('./interaction.cjs');
|
|
12
12
|
require('./feedback.cjs');
|
|
13
13
|
require('./background.cjs');
|
|
14
|
-
require('../chunks/variants-
|
|
14
|
+
require('../chunks/variants-DagykrKH.cjs');
|
|
15
15
|
require('./transitions.cjs');
|
|
16
16
|
require('./physics.cjs');
|
|
17
|
-
require('../chunks/spring-
|
|
17
|
+
require('../chunks/spring-uQMVJTj9.cjs');
|
|
18
18
|
require('./cards.cjs');
|
|
19
19
|
require('./click.cjs');
|
|
20
|
-
require('../chunks/fx-
|
|
20
|
+
require('../chunks/fx-C-XjLOTc.cjs');
|
|
21
21
|
require('./ui.cjs');
|
|
22
22
|
require('./page.cjs');
|
|
23
23
|
require('./timeline.cjs');
|
|
24
24
|
require('./gesture.cjs');
|
|
25
|
-
require('../chunks/core-
|
|
25
|
+
require('../chunks/core-O4grKHSa.cjs');
|
|
26
26
|
require('./svg.cjs');
|
|
27
27
|
require('./webgl.cjs');
|
|
28
28
|
require('./depth.cjs');
|
|
29
29
|
require('./layout.cjs');
|
|
30
30
|
require('./packs.cjs');
|
|
31
31
|
require('./fx.cjs');
|
|
32
|
-
require('../chunks/registry-
|
|
33
|
-
require('../chunks/builtins-
|
|
32
|
+
require('../chunks/registry-BVklOepd.cjs');
|
|
33
|
+
require('../chunks/builtins-ClXshqj-.cjs');
|
|
34
34
|
require('./a11y.cjs');
|
|
35
|
-
require('../chunks/index-tags-
|
|
35
|
+
require('../chunks/index-tags-hLIF2Clq.cjs');
|
|
36
36
|
require('./perf.cjs');
|
|
37
37
|
require('./bridge.cjs');
|
|
38
38
|
|
|
@@ -1124,21 +1124,6 @@ interface UsaSliderElement extends UsaElement {
|
|
|
1124
1124
|
value: number;
|
|
1125
1125
|
}
|
|
1126
1126
|
|
|
1127
|
-
/**
|
|
1128
|
-
* `<usa-rating>` — star rating with hover preview and a springy pop when a
|
|
1129
|
-
* value is chosen. `role="slider"` (arrow keys, Home/End, number keys).
|
|
1130
|
-
* Attributes: `value` (0), `max` (5), `icon` (★), `readonly`, `label`
|
|
1131
|
-
* ("Rating"), `name` (form value), `variant`. Events: `change`, `usa:change` (`{ value }`).
|
|
1132
|
-
* Reduced motion: no pop.
|
|
1133
|
-
*
|
|
1134
|
-
* @deprecated 7.9 — removed in 8.0. Use `<usa-star-rating>` (6.4; same
|
|
1135
|
-
* `value` / `max` / `readonly` / `label` / `name`, `icon="heart"` for ♥).
|
|
1136
|
-
* `npx usa-codemod-8 --write src` rewrites the tags.
|
|
1137
|
-
*/
|
|
1138
|
-
interface UsaRatingElement extends UsaElement {
|
|
1139
|
-
value: number;
|
|
1140
|
-
}
|
|
1141
|
-
|
|
1142
1127
|
/**
|
|
1143
1128
|
* `<usa-popover>` — a click-to-open popover: the first element child is the
|
|
1144
1129
|
* trigger, `[data-popover]` is the content. Springs open from the trigger,
|
|
@@ -1176,7 +1161,7 @@ interface UsaAvatarStackElement extends UsaElement {
|
|
|
1176
1161
|
/**
|
|
1177
1162
|
* motionary/components/ui — animated UI components + style variants (v2.6).
|
|
1178
1163
|
* `<usa-tabs>`, `<usa-drawer>`, `<usa-bottom-sheet>`, `<usa-pull-refresh>`,
|
|
1179
|
-
* `<usa-fab>`, `<usa-navbar>`, `<usa-slider>`,
|
|
1164
|
+
* `<usa-fab>`, `<usa-navbar>`, `<usa-slider>`,
|
|
1180
1165
|
* `<usa-popover>`, `<usa-badge>`, `<usa-avatar-stack>`,
|
|
1181
1166
|
* and `variant="minimal | neon | glass | brutalist | fluent | material"`
|
|
1182
1167
|
* design tokens (`setVariant()`, `VARIANTS`).
|
|
@@ -1191,7 +1176,6 @@ declare global {
|
|
|
1191
1176
|
'usa-fab': UsaFabElement;
|
|
1192
1177
|
'usa-navbar': UsaNavbarElement;
|
|
1193
1178
|
'usa-slider': UsaSliderElement;
|
|
1194
|
-
'usa-rating': UsaRatingElement;
|
|
1195
1179
|
'usa-popover': UsaPopoverElement;
|
|
1196
1180
|
'usa-badge': UsaBadgeElement;
|
|
1197
1181
|
'usa-avatar-stack': UsaAvatarStackElement;
|
|
@@ -1618,7 +1602,7 @@ declare const COMPONENT_CATEGORIES: {
|
|
|
1618
1602
|
readonly physics: readonly ["usa-spring", "usa-draggable", "usa-overscroll"];
|
|
1619
1603
|
readonly cards: readonly ["usa-card", "usa-card-stack", "usa-sticky-stack", "usa-carousel-3d"];
|
|
1620
1604
|
readonly click: readonly ["usa-click", "usa-button", "usa-icon-morph", "usa-like", "usa-hold", "usa-double-tap", "usa-checkbox"];
|
|
1621
|
-
readonly ui: readonly ["usa-tabs", "usa-drawer", "usa-bottom-sheet", "usa-pull-refresh", "usa-fab", "usa-navbar", "usa-slider", "usa-
|
|
1605
|
+
readonly ui: readonly ["usa-tabs", "usa-drawer", "usa-bottom-sheet", "usa-pull-refresh", "usa-fab", "usa-navbar", "usa-slider", "usa-popover", "usa-badge", "usa-avatar-stack"];
|
|
1622
1606
|
readonly page: readonly ["usa-cursor", "usa-fullpage", "usa-loading-bar", "usa-back-to-top", "usa-ambient", "usa-splash", "usa-auto-skeleton", "usa-motion-switch"];
|
|
1623
1607
|
readonly timeline: readonly ["usa-timeline"];
|
|
1624
1608
|
readonly gesture: readonly ["usa-swipeable", "usa-pinch-zoom"];
|
|
@@ -1124,21 +1124,6 @@ interface UsaSliderElement extends UsaElement {
|
|
|
1124
1124
|
value: number;
|
|
1125
1125
|
}
|
|
1126
1126
|
|
|
1127
|
-
/**
|
|
1128
|
-
* `<usa-rating>` — star rating with hover preview and a springy pop when a
|
|
1129
|
-
* value is chosen. `role="slider"` (arrow keys, Home/End, number keys).
|
|
1130
|
-
* Attributes: `value` (0), `max` (5), `icon` (★), `readonly`, `label`
|
|
1131
|
-
* ("Rating"), `name` (form value), `variant`. Events: `change`, `usa:change` (`{ value }`).
|
|
1132
|
-
* Reduced motion: no pop.
|
|
1133
|
-
*
|
|
1134
|
-
* @deprecated 7.9 — removed in 8.0. Use `<usa-star-rating>` (6.4; same
|
|
1135
|
-
* `value` / `max` / `readonly` / `label` / `name`, `icon="heart"` for ♥).
|
|
1136
|
-
* `npx usa-codemod-8 --write src` rewrites the tags.
|
|
1137
|
-
*/
|
|
1138
|
-
interface UsaRatingElement extends UsaElement {
|
|
1139
|
-
value: number;
|
|
1140
|
-
}
|
|
1141
|
-
|
|
1142
1127
|
/**
|
|
1143
1128
|
* `<usa-popover>` — a click-to-open popover: the first element child is the
|
|
1144
1129
|
* trigger, `[data-popover]` is the content. Springs open from the trigger,
|
|
@@ -1176,7 +1161,7 @@ interface UsaAvatarStackElement extends UsaElement {
|
|
|
1176
1161
|
/**
|
|
1177
1162
|
* motionary/components/ui — animated UI components + style variants (v2.6).
|
|
1178
1163
|
* `<usa-tabs>`, `<usa-drawer>`, `<usa-bottom-sheet>`, `<usa-pull-refresh>`,
|
|
1179
|
-
* `<usa-fab>`, `<usa-navbar>`, `<usa-slider>`,
|
|
1164
|
+
* `<usa-fab>`, `<usa-navbar>`, `<usa-slider>`,
|
|
1180
1165
|
* `<usa-popover>`, `<usa-badge>`, `<usa-avatar-stack>`,
|
|
1181
1166
|
* and `variant="minimal | neon | glass | brutalist | fluent | material"`
|
|
1182
1167
|
* design tokens (`setVariant()`, `VARIANTS`).
|
|
@@ -1191,7 +1176,6 @@ declare global {
|
|
|
1191
1176
|
'usa-fab': UsaFabElement;
|
|
1192
1177
|
'usa-navbar': UsaNavbarElement;
|
|
1193
1178
|
'usa-slider': UsaSliderElement;
|
|
1194
|
-
'usa-rating': UsaRatingElement;
|
|
1195
1179
|
'usa-popover': UsaPopoverElement;
|
|
1196
1180
|
'usa-badge': UsaBadgeElement;
|
|
1197
1181
|
'usa-avatar-stack': UsaAvatarStackElement;
|
|
@@ -1618,7 +1602,7 @@ declare const COMPONENT_CATEGORIES: {
|
|
|
1618
1602
|
readonly physics: readonly ["usa-spring", "usa-draggable", "usa-overscroll"];
|
|
1619
1603
|
readonly cards: readonly ["usa-card", "usa-card-stack", "usa-sticky-stack", "usa-carousel-3d"];
|
|
1620
1604
|
readonly click: readonly ["usa-click", "usa-button", "usa-icon-morph", "usa-like", "usa-hold", "usa-double-tap", "usa-checkbox"];
|
|
1621
|
-
readonly ui: readonly ["usa-tabs", "usa-drawer", "usa-bottom-sheet", "usa-pull-refresh", "usa-fab", "usa-navbar", "usa-slider", "usa-
|
|
1605
|
+
readonly ui: readonly ["usa-tabs", "usa-drawer", "usa-bottom-sheet", "usa-pull-refresh", "usa-fab", "usa-navbar", "usa-slider", "usa-popover", "usa-badge", "usa-avatar-stack"];
|
|
1622
1606
|
readonly page: readonly ["usa-cursor", "usa-fullpage", "usa-loading-bar", "usa-back-to-top", "usa-ambient", "usa-splash", "usa-auto-skeleton", "usa-motion-switch"];
|
|
1623
1607
|
readonly timeline: readonly ["usa-timeline"];
|
|
1624
1608
|
readonly gesture: readonly ["usa-swipeable", "usa-pinch-zoom"];
|
package/dist/components/solid.js
CHANGED
|
@@ -3,35 +3,35 @@ import { defineComponents } from '../components.js';
|
|
|
3
3
|
import { b as bindUsa } from '../chunks/bind-B_CTL6Qn.js';
|
|
4
4
|
export { u as usaEventName } from '../chunks/bind-B_CTL6Qn.js';
|
|
5
5
|
import './reveal.js';
|
|
6
|
-
import '../chunks/base-
|
|
6
|
+
import '../chunks/base-CLuqlLfG.js';
|
|
7
7
|
import './text.js';
|
|
8
|
-
import '../chunks/core-
|
|
8
|
+
import '../chunks/core-CiN5sqxB.js';
|
|
9
9
|
import './tokens.js';
|
|
10
10
|
import './interaction.js';
|
|
11
11
|
import './feedback.js';
|
|
12
12
|
import './background.js';
|
|
13
|
-
import '../chunks/variants-
|
|
13
|
+
import '../chunks/variants-B-zKORvt.js';
|
|
14
14
|
import './transitions.js';
|
|
15
15
|
import './physics.js';
|
|
16
|
-
import '../chunks/spring-
|
|
16
|
+
import '../chunks/spring-BFKNHmfl.js';
|
|
17
17
|
import './cards.js';
|
|
18
18
|
import './click.js';
|
|
19
|
-
import '../chunks/fx-
|
|
19
|
+
import '../chunks/fx-CQv3IxMf.js';
|
|
20
20
|
import './ui.js';
|
|
21
21
|
import './page.js';
|
|
22
22
|
import './timeline.js';
|
|
23
23
|
import './gesture.js';
|
|
24
|
-
import '../chunks/core-
|
|
24
|
+
import '../chunks/core-C3Taz-ew.js';
|
|
25
25
|
import './svg.js';
|
|
26
26
|
import './webgl.js';
|
|
27
27
|
import './depth.js';
|
|
28
28
|
import './layout.js';
|
|
29
29
|
import './packs.js';
|
|
30
30
|
import './fx.js';
|
|
31
|
-
import '../chunks/registry-
|
|
32
|
-
import '../chunks/builtins-
|
|
31
|
+
import '../chunks/registry-CnO7ZVPK.js';
|
|
32
|
+
import '../chunks/builtins-Bs4smevg.js';
|
|
33
33
|
import './a11y.js';
|
|
34
|
-
import '../chunks/index-tags-
|
|
34
|
+
import '../chunks/index-tags-B-JBecYg.js';
|
|
35
35
|
import './perf.js';
|
|
36
36
|
import './bridge.js';
|
|
37
37
|
|
|
@@ -3,35 +3,35 @@
|
|
|
3
3
|
var components = require('../components.cjs');
|
|
4
4
|
var bind = require('../chunks/bind-Ui43-n2d.cjs');
|
|
5
5
|
require('./reveal.cjs');
|
|
6
|
-
require('../chunks/base-
|
|
6
|
+
require('../chunks/base-DoRUZBy-.cjs');
|
|
7
7
|
require('./text.cjs');
|
|
8
|
-
require('../chunks/core-
|
|
8
|
+
require('../chunks/core-CwO835Wm.cjs');
|
|
9
9
|
require('./tokens.cjs');
|
|
10
10
|
require('./interaction.cjs');
|
|
11
11
|
require('./feedback.cjs');
|
|
12
12
|
require('./background.cjs');
|
|
13
|
-
require('../chunks/variants-
|
|
13
|
+
require('../chunks/variants-DagykrKH.cjs');
|
|
14
14
|
require('./transitions.cjs');
|
|
15
15
|
require('./physics.cjs');
|
|
16
|
-
require('../chunks/spring-
|
|
16
|
+
require('../chunks/spring-uQMVJTj9.cjs');
|
|
17
17
|
require('./cards.cjs');
|
|
18
18
|
require('./click.cjs');
|
|
19
|
-
require('../chunks/fx-
|
|
19
|
+
require('../chunks/fx-C-XjLOTc.cjs');
|
|
20
20
|
require('./ui.cjs');
|
|
21
21
|
require('./page.cjs');
|
|
22
22
|
require('./timeline.cjs');
|
|
23
23
|
require('./gesture.cjs');
|
|
24
|
-
require('../chunks/core-
|
|
24
|
+
require('../chunks/core-O4grKHSa.cjs');
|
|
25
25
|
require('./svg.cjs');
|
|
26
26
|
require('./webgl.cjs');
|
|
27
27
|
require('./depth.cjs');
|
|
28
28
|
require('./layout.cjs');
|
|
29
29
|
require('./packs.cjs');
|
|
30
30
|
require('./fx.cjs');
|
|
31
|
-
require('../chunks/registry-
|
|
32
|
-
require('../chunks/builtins-
|
|
31
|
+
require('../chunks/registry-BVklOepd.cjs');
|
|
32
|
+
require('../chunks/builtins-ClXshqj-.cjs');
|
|
33
33
|
require('./a11y.cjs');
|
|
34
|
-
require('../chunks/index-tags-
|
|
34
|
+
require('../chunks/index-tags-hLIF2Clq.cjs');
|
|
35
35
|
require('./perf.cjs');
|
|
36
36
|
require('./bridge.cjs');
|
|
37
37
|
|
|
@@ -1124,21 +1124,6 @@ interface UsaSliderElement extends UsaElement {
|
|
|
1124
1124
|
value: number;
|
|
1125
1125
|
}
|
|
1126
1126
|
|
|
1127
|
-
/**
|
|
1128
|
-
* `<usa-rating>` — star rating with hover preview and a springy pop when a
|
|
1129
|
-
* value is chosen. `role="slider"` (arrow keys, Home/End, number keys).
|
|
1130
|
-
* Attributes: `value` (0), `max` (5), `icon` (★), `readonly`, `label`
|
|
1131
|
-
* ("Rating"), `name` (form value), `variant`. Events: `change`, `usa:change` (`{ value }`).
|
|
1132
|
-
* Reduced motion: no pop.
|
|
1133
|
-
*
|
|
1134
|
-
* @deprecated 7.9 — removed in 8.0. Use `<usa-star-rating>` (6.4; same
|
|
1135
|
-
* `value` / `max` / `readonly` / `label` / `name`, `icon="heart"` for ♥).
|
|
1136
|
-
* `npx usa-codemod-8 --write src` rewrites the tags.
|
|
1137
|
-
*/
|
|
1138
|
-
interface UsaRatingElement extends UsaElement {
|
|
1139
|
-
value: number;
|
|
1140
|
-
}
|
|
1141
|
-
|
|
1142
1127
|
/**
|
|
1143
1128
|
* `<usa-popover>` — a click-to-open popover: the first element child is the
|
|
1144
1129
|
* trigger, `[data-popover]` is the content. Springs open from the trigger,
|
|
@@ -1176,7 +1161,7 @@ interface UsaAvatarStackElement extends UsaElement {
|
|
|
1176
1161
|
/**
|
|
1177
1162
|
* motionary/components/ui — animated UI components + style variants (v2.6).
|
|
1178
1163
|
* `<usa-tabs>`, `<usa-drawer>`, `<usa-bottom-sheet>`, `<usa-pull-refresh>`,
|
|
1179
|
-
* `<usa-fab>`, `<usa-navbar>`, `<usa-slider>`,
|
|
1164
|
+
* `<usa-fab>`, `<usa-navbar>`, `<usa-slider>`,
|
|
1180
1165
|
* `<usa-popover>`, `<usa-badge>`, `<usa-avatar-stack>`,
|
|
1181
1166
|
* and `variant="minimal | neon | glass | brutalist | fluent | material"`
|
|
1182
1167
|
* design tokens (`setVariant()`, `VARIANTS`).
|
|
@@ -1191,7 +1176,6 @@ declare global {
|
|
|
1191
1176
|
'usa-fab': UsaFabElement;
|
|
1192
1177
|
'usa-navbar': UsaNavbarElement;
|
|
1193
1178
|
'usa-slider': UsaSliderElement;
|
|
1194
|
-
'usa-rating': UsaRatingElement;
|
|
1195
1179
|
'usa-popover': UsaPopoverElement;
|
|
1196
1180
|
'usa-badge': UsaBadgeElement;
|
|
1197
1181
|
'usa-avatar-stack': UsaAvatarStackElement;
|
|
@@ -1618,7 +1602,7 @@ declare const COMPONENT_CATEGORIES: {
|
|
|
1618
1602
|
readonly physics: readonly ["usa-spring", "usa-draggable", "usa-overscroll"];
|
|
1619
1603
|
readonly cards: readonly ["usa-card", "usa-card-stack", "usa-sticky-stack", "usa-carousel-3d"];
|
|
1620
1604
|
readonly click: readonly ["usa-click", "usa-button", "usa-icon-morph", "usa-like", "usa-hold", "usa-double-tap", "usa-checkbox"];
|
|
1621
|
-
readonly ui: readonly ["usa-tabs", "usa-drawer", "usa-bottom-sheet", "usa-pull-refresh", "usa-fab", "usa-navbar", "usa-slider", "usa-
|
|
1605
|
+
readonly ui: readonly ["usa-tabs", "usa-drawer", "usa-bottom-sheet", "usa-pull-refresh", "usa-fab", "usa-navbar", "usa-slider", "usa-popover", "usa-badge", "usa-avatar-stack"];
|
|
1622
1606
|
readonly page: readonly ["usa-cursor", "usa-fullpage", "usa-loading-bar", "usa-back-to-top", "usa-ambient", "usa-splash", "usa-auto-skeleton", "usa-motion-switch"];
|
|
1623
1607
|
readonly timeline: readonly ["usa-timeline"];
|
|
1624
1608
|
readonly gesture: readonly ["usa-swipeable", "usa-pinch-zoom"];
|
|
@@ -1124,21 +1124,6 @@ interface UsaSliderElement extends UsaElement {
|
|
|
1124
1124
|
value: number;
|
|
1125
1125
|
}
|
|
1126
1126
|
|
|
1127
|
-
/**
|
|
1128
|
-
* `<usa-rating>` — star rating with hover preview and a springy pop when a
|
|
1129
|
-
* value is chosen. `role="slider"` (arrow keys, Home/End, number keys).
|
|
1130
|
-
* Attributes: `value` (0), `max` (5), `icon` (★), `readonly`, `label`
|
|
1131
|
-
* ("Rating"), `name` (form value), `variant`. Events: `change`, `usa:change` (`{ value }`).
|
|
1132
|
-
* Reduced motion: no pop.
|
|
1133
|
-
*
|
|
1134
|
-
* @deprecated 7.9 — removed in 8.0. Use `<usa-star-rating>` (6.4; same
|
|
1135
|
-
* `value` / `max` / `readonly` / `label` / `name`, `icon="heart"` for ♥).
|
|
1136
|
-
* `npx usa-codemod-8 --write src` rewrites the tags.
|
|
1137
|
-
*/
|
|
1138
|
-
interface UsaRatingElement extends UsaElement {
|
|
1139
|
-
value: number;
|
|
1140
|
-
}
|
|
1141
|
-
|
|
1142
1127
|
/**
|
|
1143
1128
|
* `<usa-popover>` — a click-to-open popover: the first element child is the
|
|
1144
1129
|
* trigger, `[data-popover]` is the content. Springs open from the trigger,
|
|
@@ -1176,7 +1161,7 @@ interface UsaAvatarStackElement extends UsaElement {
|
|
|
1176
1161
|
/**
|
|
1177
1162
|
* motionary/components/ui — animated UI components + style variants (v2.6).
|
|
1178
1163
|
* `<usa-tabs>`, `<usa-drawer>`, `<usa-bottom-sheet>`, `<usa-pull-refresh>`,
|
|
1179
|
-
* `<usa-fab>`, `<usa-navbar>`, `<usa-slider>`,
|
|
1164
|
+
* `<usa-fab>`, `<usa-navbar>`, `<usa-slider>`,
|
|
1180
1165
|
* `<usa-popover>`, `<usa-badge>`, `<usa-avatar-stack>`,
|
|
1181
1166
|
* and `variant="minimal | neon | glass | brutalist | fluent | material"`
|
|
1182
1167
|
* design tokens (`setVariant()`, `VARIANTS`).
|
|
@@ -1191,7 +1176,6 @@ declare global {
|
|
|
1191
1176
|
'usa-fab': UsaFabElement;
|
|
1192
1177
|
'usa-navbar': UsaNavbarElement;
|
|
1193
1178
|
'usa-slider': UsaSliderElement;
|
|
1194
|
-
'usa-rating': UsaRatingElement;
|
|
1195
1179
|
'usa-popover': UsaPopoverElement;
|
|
1196
1180
|
'usa-badge': UsaBadgeElement;
|
|
1197
1181
|
'usa-avatar-stack': UsaAvatarStackElement;
|
|
@@ -1618,7 +1602,7 @@ declare const COMPONENT_CATEGORIES: {
|
|
|
1618
1602
|
readonly physics: readonly ["usa-spring", "usa-draggable", "usa-overscroll"];
|
|
1619
1603
|
readonly cards: readonly ["usa-card", "usa-card-stack", "usa-sticky-stack", "usa-carousel-3d"];
|
|
1620
1604
|
readonly click: readonly ["usa-click", "usa-button", "usa-icon-morph", "usa-like", "usa-hold", "usa-double-tap", "usa-checkbox"];
|
|
1621
|
-
readonly ui: readonly ["usa-tabs", "usa-drawer", "usa-bottom-sheet", "usa-pull-refresh", "usa-fab", "usa-navbar", "usa-slider", "usa-
|
|
1605
|
+
readonly ui: readonly ["usa-tabs", "usa-drawer", "usa-bottom-sheet", "usa-pull-refresh", "usa-fab", "usa-navbar", "usa-slider", "usa-popover", "usa-badge", "usa-avatar-stack"];
|
|
1622
1606
|
readonly page: readonly ["usa-cursor", "usa-fullpage", "usa-loading-bar", "usa-back-to-top", "usa-ambient", "usa-splash", "usa-auto-skeleton", "usa-motion-switch"];
|
|
1623
1607
|
readonly timeline: readonly ["usa-timeline"];
|
|
1624
1608
|
readonly gesture: readonly ["usa-swipeable", "usa-pinch-zoom"];
|
|
@@ -2,35 +2,35 @@ import { defineComponents } from '../components.js';
|
|
|
2
2
|
import { b as bindUsa } from '../chunks/bind-B_CTL6Qn.js';
|
|
3
3
|
export { u as usaEventName } from '../chunks/bind-B_CTL6Qn.js';
|
|
4
4
|
import './reveal.js';
|
|
5
|
-
import '../chunks/base-
|
|
5
|
+
import '../chunks/base-CLuqlLfG.js';
|
|
6
6
|
import './text.js';
|
|
7
|
-
import '../chunks/core-
|
|
7
|
+
import '../chunks/core-CiN5sqxB.js';
|
|
8
8
|
import './tokens.js';
|
|
9
9
|
import './interaction.js';
|
|
10
10
|
import './feedback.js';
|
|
11
11
|
import './background.js';
|
|
12
|
-
import '../chunks/variants-
|
|
12
|
+
import '../chunks/variants-B-zKORvt.js';
|
|
13
13
|
import './transitions.js';
|
|
14
14
|
import './physics.js';
|
|
15
|
-
import '../chunks/spring-
|
|
15
|
+
import '../chunks/spring-BFKNHmfl.js';
|
|
16
16
|
import './cards.js';
|
|
17
17
|
import './click.js';
|
|
18
|
-
import '../chunks/fx-
|
|
18
|
+
import '../chunks/fx-CQv3IxMf.js';
|
|
19
19
|
import './ui.js';
|
|
20
20
|
import './page.js';
|
|
21
21
|
import './timeline.js';
|
|
22
22
|
import './gesture.js';
|
|
23
|
-
import '../chunks/core-
|
|
23
|
+
import '../chunks/core-C3Taz-ew.js';
|
|
24
24
|
import './svg.js';
|
|
25
25
|
import './webgl.js';
|
|
26
26
|
import './depth.js';
|
|
27
27
|
import './layout.js';
|
|
28
28
|
import './packs.js';
|
|
29
29
|
import './fx.js';
|
|
30
|
-
import '../chunks/registry-
|
|
31
|
-
import '../chunks/builtins-
|
|
30
|
+
import '../chunks/registry-CnO7ZVPK.js';
|
|
31
|
+
import '../chunks/builtins-Bs4smevg.js';
|
|
32
32
|
import './a11y.js';
|
|
33
|
-
import '../chunks/index-tags-
|
|
33
|
+
import '../chunks/index-tags-B-JBecYg.js';
|
|
34
34
|
import './perf.js';
|
|
35
35
|
import './bridge.js';
|
|
36
36
|
|
package/dist/components/svg.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var base = require('../chunks/base-
|
|
3
|
+
var base = require('../chunks/base-DoRUZBy-.cjs');
|
|
4
4
|
|
|
5
5
|
const NUM = /-?(?:\d+\.?\d*|\.\d+)(?:e[-+]?\d+)?/gi;
|
|
6
6
|
/** `true` when two path strings share the same commands (so their numbers can be interpolated). */
|
package/dist/components/svg.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { k as clamp, m as motionScale, l as caf, p as prefersReducedMotion, q as now, r as raf, u as defineElement,
|
|
1
|
+
import { k as clamp, m as motionScale, l as caf, p as prefersReducedMotion, q as now, r as raf, u as defineElement, D as EASE_OUT } from '../chunks/base-CLuqlLfG.js';
|
|
2
2
|
|
|
3
3
|
const NUM = /-?(?:\d+\.?\d*|\.\d+)(?:e[-+]?\d+)?/gi;
|
|
4
4
|
/** `true` when two path strings share the same commands (so their numbers can be interpolated). */
|
package/dist/components/text.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var base = require('../chunks/base-
|
|
4
|
-
var core = require('../chunks/core-
|
|
3
|
+
var base = require('../chunks/base-DoRUZBy-.cjs');
|
|
4
|
+
var core = require('../chunks/core-CwO835Wm.cjs');
|
|
5
5
|
require('./tokens.cjs');
|
|
6
6
|
|
|
7
7
|
var css$5 = "usa-typewriter{white-space:pre-wrap}usa-typewriter .usa-tw-caret{display:inline-block;width:var(--usa-caret-width,0.08em);height:1.05em;margin-left:0.06em;vertical-align:-0.12em;background:var(--usa-caret-color,currentColor);animation:usa-caret 1.06s steps(1) infinite}usa-typewriter[data-typing] .usa-tw-caret{animation:none}usa-typewriter[data-no-cursor] .usa-tw-caret{display:none}@keyframes usa-caret{50%{opacity:0}}@media (prefers-reduced-motion:reduce){usa-typewriter .usa-tw-caret,usa-shimmer-text{animation:none}}";
|
package/dist/components/text.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { u as defineElement,
|
|
2
|
-
import { t as timeline } from '../chunks/core-
|
|
1
|
+
import { u as defineElement, A as srText, l as caf, q as now, r as raf, D as EASE_OUT, E as EASE_SPRING, k as clamp } from '../chunks/base-CLuqlLfG.js';
|
|
2
|
+
import { t as timeline } from '../chunks/core-CiN5sqxB.js';
|
|
3
3
|
import './tokens.js';
|
|
4
4
|
|
|
5
5
|
var css$5 = "usa-typewriter{white-space:pre-wrap}usa-typewriter .usa-tw-caret{display:inline-block;width:var(--usa-caret-width,0.08em);height:1.05em;margin-left:0.06em;vertical-align:-0.12em;background:var(--usa-caret-color,currentColor);animation:usa-caret 1.06s steps(1) infinite}usa-typewriter[data-typing] .usa-tw-caret{animation:none}usa-typewriter[data-no-cursor] .usa-tw-caret{display:none}@keyframes usa-caret{50%{opacity:0}}@media (prefers-reduced-motion:reduce){usa-typewriter .usa-tw-caret,usa-shimmer-text{animation:none}}";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var base = require('../chunks/base-
|
|
4
|
-
var core = require('../chunks/core-
|
|
3
|
+
var base = require('../chunks/base-DoRUZBy-.cjs');
|
|
4
|
+
var core = require('../chunks/core-CwO835Wm.cjs');
|
|
5
5
|
require('./tokens.cjs');
|
|
6
6
|
|
|
7
7
|
var css = "usa-timeline{display:block}usa-timeline[scrub]{position:relative}@media (prefers-reduced-motion:reduce){usa-timeline [data-tl]{opacity:1 !important;transform:none !important;filter:none !important;clip-path:none !important}}";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { u as defineElement } from '../chunks/base-
|
|
2
|
-
import { t as timeline, T as TIMELINE_PRESETS } from '../chunks/core-
|
|
3
|
-
export { r as resolvePosition, s as supportsNativeScrub } from '../chunks/core-
|
|
1
|
+
import { u as defineElement } from '../chunks/base-CLuqlLfG.js';
|
|
2
|
+
import { t as timeline, T as TIMELINE_PRESETS } from '../chunks/core-CiN5sqxB.js';
|
|
3
|
+
export { r as resolvePosition, s as supportsNativeScrub } from '../chunks/core-CiN5sqxB.js';
|
|
4
4
|
import './tokens.js';
|
|
5
5
|
|
|
6
6
|
var css = "usa-timeline{display:block}usa-timeline[scrub]{position:relative}@media (prefers-reduced-motion:reduce){usa-timeline [data-tl]{opacity:1 !important;transform:none !important;filter:none !important;clip-path:none !important}}";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var base = require('../chunks/base-
|
|
3
|
+
var base = require('../chunks/base-DoRUZBy-.cjs');
|
|
4
4
|
|
|
5
5
|
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)}";
|
|
6
6
|
|