motionary 7.8.0 → 8.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.
- package/CHANGELOG.md +34 -0
- package/README.md +1 -1
- package/README_ja.md +1 -1
- package/README_zh.md +1 -1
- package/bin/usa-codemod-8.mjs +74 -0
- 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 -14
- package/dist/components/angular.d.ts +2 -14
- 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-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 +4 -4
- package/dist/components/fx2.js +5 -5
- 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 -205
- package/dist/components/lite.cjs.map +1 -1
- package/dist/components/lite.js +152 -205
- 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 -14
- package/dist/components/solid.d.ts +2 -14
- package/dist/components/solid.js +9 -9
- package/dist/components/svelte.cjs +9 -9
- package/dist/components/svelte.d.cts +2 -14
- package/dist/components/svelte.d.ts +2 -14
- 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 -107
- package/dist/components/ui.cjs.map +1 -1
- package/dist/components/ui.css +0 -1
- package/dist/components/ui.d.cts +3 -16
- package/dist/components/ui.d.ts +3 -16
- package/dist/components/ui.js +19 -108
- package/dist/components/ui.js.map +1 -1
- package/dist/components/vue.cjs +9 -9
- package/dist/components/vue.d.cts +2 -14
- package/dist/components/vue.d.ts +2 -14
- 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 +585 -145
- package/dist/components/widgets.cjs.map +1 -1
- package/dist/components/widgets.d.cts +136 -3
- package/dist/components/widgets.d.ts +136 -3
- package/dist/components/widgets.js +579 -146
- 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 -17
- package/dist/components.d.ts +4 -17
- 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 +4 -0
- package/docs/upgrading-8.md +37 -0
- package/package.json +23 -2
- 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,17 +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
|
-
interface UsaRatingElement extends UsaElement {
|
|
1135
|
-
value: number;
|
|
1136
|
-
}
|
|
1137
|
-
|
|
1138
1127
|
/**
|
|
1139
1128
|
* `<usa-popover>` — a click-to-open popover: the first element child is the
|
|
1140
1129
|
* trigger, `[data-popover]` is the content. Springs open from the trigger,
|
|
@@ -1172,7 +1161,7 @@ interface UsaAvatarStackElement extends UsaElement {
|
|
|
1172
1161
|
/**
|
|
1173
1162
|
* motionary/components/ui — animated UI components + style variants (v2.6).
|
|
1174
1163
|
* `<usa-tabs>`, `<usa-drawer>`, `<usa-bottom-sheet>`, `<usa-pull-refresh>`,
|
|
1175
|
-
* `<usa-fab>`, `<usa-navbar>`, `<usa-slider>`,
|
|
1164
|
+
* `<usa-fab>`, `<usa-navbar>`, `<usa-slider>`,
|
|
1176
1165
|
* `<usa-popover>`, `<usa-badge>`, `<usa-avatar-stack>`,
|
|
1177
1166
|
* and `variant="minimal | neon | glass | brutalist | fluent | material"`
|
|
1178
1167
|
* design tokens (`setVariant()`, `VARIANTS`).
|
|
@@ -1187,7 +1176,6 @@ declare global {
|
|
|
1187
1176
|
'usa-fab': UsaFabElement;
|
|
1188
1177
|
'usa-navbar': UsaNavbarElement;
|
|
1189
1178
|
'usa-slider': UsaSliderElement;
|
|
1190
|
-
'usa-rating': UsaRatingElement;
|
|
1191
1179
|
'usa-popover': UsaPopoverElement;
|
|
1192
1180
|
'usa-badge': UsaBadgeElement;
|
|
1193
1181
|
'usa-avatar-stack': UsaAvatarStackElement;
|
|
@@ -1614,7 +1602,7 @@ declare const COMPONENT_CATEGORIES: {
|
|
|
1614
1602
|
readonly physics: readonly ["usa-spring", "usa-draggable", "usa-overscroll"];
|
|
1615
1603
|
readonly cards: readonly ["usa-card", "usa-card-stack", "usa-sticky-stack", "usa-carousel-3d"];
|
|
1616
1604
|
readonly click: readonly ["usa-click", "usa-button", "usa-icon-morph", "usa-like", "usa-hold", "usa-double-tap", "usa-checkbox"];
|
|
1617
|
-
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"];
|
|
1618
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"];
|
|
1619
1607
|
readonly timeline: readonly ["usa-timeline"];
|
|
1620
1608
|
readonly gesture: readonly ["usa-swipeable", "usa-pinch-zoom"];
|
|
@@ -1124,17 +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
|
-
interface UsaRatingElement extends UsaElement {
|
|
1135
|
-
value: number;
|
|
1136
|
-
}
|
|
1137
|
-
|
|
1138
1127
|
/**
|
|
1139
1128
|
* `<usa-popover>` — a click-to-open popover: the first element child is the
|
|
1140
1129
|
* trigger, `[data-popover]` is the content. Springs open from the trigger,
|
|
@@ -1172,7 +1161,7 @@ interface UsaAvatarStackElement extends UsaElement {
|
|
|
1172
1161
|
/**
|
|
1173
1162
|
* motionary/components/ui — animated UI components + style variants (v2.6).
|
|
1174
1163
|
* `<usa-tabs>`, `<usa-drawer>`, `<usa-bottom-sheet>`, `<usa-pull-refresh>`,
|
|
1175
|
-
* `<usa-fab>`, `<usa-navbar>`, `<usa-slider>`,
|
|
1164
|
+
* `<usa-fab>`, `<usa-navbar>`, `<usa-slider>`,
|
|
1176
1165
|
* `<usa-popover>`, `<usa-badge>`, `<usa-avatar-stack>`,
|
|
1177
1166
|
* and `variant="minimal | neon | glass | brutalist | fluent | material"`
|
|
1178
1167
|
* design tokens (`setVariant()`, `VARIANTS`).
|
|
@@ -1187,7 +1176,6 @@ declare global {
|
|
|
1187
1176
|
'usa-fab': UsaFabElement;
|
|
1188
1177
|
'usa-navbar': UsaNavbarElement;
|
|
1189
1178
|
'usa-slider': UsaSliderElement;
|
|
1190
|
-
'usa-rating': UsaRatingElement;
|
|
1191
1179
|
'usa-popover': UsaPopoverElement;
|
|
1192
1180
|
'usa-badge': UsaBadgeElement;
|
|
1193
1181
|
'usa-avatar-stack': UsaAvatarStackElement;
|
|
@@ -1614,7 +1602,7 @@ declare const COMPONENT_CATEGORIES: {
|
|
|
1614
1602
|
readonly physics: readonly ["usa-spring", "usa-draggable", "usa-overscroll"];
|
|
1615
1603
|
readonly cards: readonly ["usa-card", "usa-card-stack", "usa-sticky-stack", "usa-carousel-3d"];
|
|
1616
1604
|
readonly click: readonly ["usa-click", "usa-button", "usa-icon-morph", "usa-like", "usa-hold", "usa-double-tap", "usa-checkbox"];
|
|
1617
|
-
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"];
|
|
1618
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"];
|
|
1619
1607
|
readonly timeline: readonly ["usa-timeline"];
|
|
1620
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,17 +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
|
-
interface UsaRatingElement extends UsaElement {
|
|
1135
|
-
value: number;
|
|
1136
|
-
}
|
|
1137
|
-
|
|
1138
1127
|
/**
|
|
1139
1128
|
* `<usa-popover>` — a click-to-open popover: the first element child is the
|
|
1140
1129
|
* trigger, `[data-popover]` is the content. Springs open from the trigger,
|
|
@@ -1172,7 +1161,7 @@ interface UsaAvatarStackElement extends UsaElement {
|
|
|
1172
1161
|
/**
|
|
1173
1162
|
* motionary/components/ui — animated UI components + style variants (v2.6).
|
|
1174
1163
|
* `<usa-tabs>`, `<usa-drawer>`, `<usa-bottom-sheet>`, `<usa-pull-refresh>`,
|
|
1175
|
-
* `<usa-fab>`, `<usa-navbar>`, `<usa-slider>`,
|
|
1164
|
+
* `<usa-fab>`, `<usa-navbar>`, `<usa-slider>`,
|
|
1176
1165
|
* `<usa-popover>`, `<usa-badge>`, `<usa-avatar-stack>`,
|
|
1177
1166
|
* and `variant="minimal | neon | glass | brutalist | fluent | material"`
|
|
1178
1167
|
* design tokens (`setVariant()`, `VARIANTS`).
|
|
@@ -1187,7 +1176,6 @@ declare global {
|
|
|
1187
1176
|
'usa-fab': UsaFabElement;
|
|
1188
1177
|
'usa-navbar': UsaNavbarElement;
|
|
1189
1178
|
'usa-slider': UsaSliderElement;
|
|
1190
|
-
'usa-rating': UsaRatingElement;
|
|
1191
1179
|
'usa-popover': UsaPopoverElement;
|
|
1192
1180
|
'usa-badge': UsaBadgeElement;
|
|
1193
1181
|
'usa-avatar-stack': UsaAvatarStackElement;
|
|
@@ -1614,7 +1602,7 @@ declare const COMPONENT_CATEGORIES: {
|
|
|
1614
1602
|
readonly physics: readonly ["usa-spring", "usa-draggable", "usa-overscroll"];
|
|
1615
1603
|
readonly cards: readonly ["usa-card", "usa-card-stack", "usa-sticky-stack", "usa-carousel-3d"];
|
|
1616
1604
|
readonly click: readonly ["usa-click", "usa-button", "usa-icon-morph", "usa-like", "usa-hold", "usa-double-tap", "usa-checkbox"];
|
|
1617
|
-
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"];
|
|
1618
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"];
|
|
1619
1607
|
readonly timeline: readonly ["usa-timeline"];
|
|
1620
1608
|
readonly gesture: readonly ["usa-swipeable", "usa-pinch-zoom"];
|
|
@@ -1124,17 +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
|
-
interface UsaRatingElement extends UsaElement {
|
|
1135
|
-
value: number;
|
|
1136
|
-
}
|
|
1137
|
-
|
|
1138
1127
|
/**
|
|
1139
1128
|
* `<usa-popover>` — a click-to-open popover: the first element child is the
|
|
1140
1129
|
* trigger, `[data-popover]` is the content. Springs open from the trigger,
|
|
@@ -1172,7 +1161,7 @@ interface UsaAvatarStackElement extends UsaElement {
|
|
|
1172
1161
|
/**
|
|
1173
1162
|
* motionary/components/ui — animated UI components + style variants (v2.6).
|
|
1174
1163
|
* `<usa-tabs>`, `<usa-drawer>`, `<usa-bottom-sheet>`, `<usa-pull-refresh>`,
|
|
1175
|
-
* `<usa-fab>`, `<usa-navbar>`, `<usa-slider>`,
|
|
1164
|
+
* `<usa-fab>`, `<usa-navbar>`, `<usa-slider>`,
|
|
1176
1165
|
* `<usa-popover>`, `<usa-badge>`, `<usa-avatar-stack>`,
|
|
1177
1166
|
* and `variant="minimal | neon | glass | brutalist | fluent | material"`
|
|
1178
1167
|
* design tokens (`setVariant()`, `VARIANTS`).
|
|
@@ -1187,7 +1176,6 @@ declare global {
|
|
|
1187
1176
|
'usa-fab': UsaFabElement;
|
|
1188
1177
|
'usa-navbar': UsaNavbarElement;
|
|
1189
1178
|
'usa-slider': UsaSliderElement;
|
|
1190
|
-
'usa-rating': UsaRatingElement;
|
|
1191
1179
|
'usa-popover': UsaPopoverElement;
|
|
1192
1180
|
'usa-badge': UsaBadgeElement;
|
|
1193
1181
|
'usa-avatar-stack': UsaAvatarStackElement;
|
|
@@ -1614,7 +1602,7 @@ declare const COMPONENT_CATEGORIES: {
|
|
|
1614
1602
|
readonly physics: readonly ["usa-spring", "usa-draggable", "usa-overscroll"];
|
|
1615
1603
|
readonly cards: readonly ["usa-card", "usa-card-stack", "usa-sticky-stack", "usa-carousel-3d"];
|
|
1616
1604
|
readonly click: readonly ["usa-click", "usa-button", "usa-icon-morph", "usa-like", "usa-hold", "usa-double-tap", "usa-checkbox"];
|
|
1617
|
-
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"];
|
|
1618
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"];
|
|
1619
1607
|
readonly timeline: readonly ["usa-timeline"];
|
|
1620
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
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { u as defineElement,
|
|
1
|
+
import { u as defineElement, F as kindOf, G as shadowStyles, D as EASE_OUT, H as FLUENT_DECELERATE, p as prefersReducedMotion } from '../chunks/base-CLuqlLfG.js';
|
|
2
2
|
|
|
3
3
|
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)}";
|
|
4
4
|
|