use-scroll-animate 6.2.0 → 6.4.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 -2
- package/README.md +2 -2
- package/README_ja.md +2 -2
- package/README_zh.md +2 -2
- package/dist/chunks/{base-C_3cAoRz.js → base-DchG4q_S.js} +2 -2
- package/dist/chunks/{base-C_3cAoRz.js.map → base-DchG4q_S.js.map} +1 -1
- package/dist/chunks/{core-ps8uvYuN.js → core-D2vF8kZb.js} +2 -2
- package/dist/chunks/{core-ps8uvYuN.js.map → core-D2vF8kZb.js.map} +1 -1
- package/dist/chunks/{core-VEBw36QK.js → core-DVyTlo9Q.js} +2 -2
- package/dist/chunks/{core-VEBw36QK.js.map → core-DVyTlo9Q.js.map} +1 -1
- package/dist/chunks/{fx-Bs6IrV4Q.js → fx-DUMVKSvg.js} +2 -2
- package/dist/chunks/{fx-Bs6IrV4Q.js.map → fx-DUMVKSvg.js.map} +1 -1
- package/dist/chunks/{generative-D2YyhaeO.js → generative-2LhxG5BJ.js} +3 -49
- package/dist/chunks/generative-2LhxG5BJ.js.map +1 -0
- package/dist/chunks/{generative-DzIZq-_g.cjs → generative-BHIj-NU0.cjs} +3 -56
- package/dist/chunks/generative-BHIj-NU0.cjs.map +1 -0
- package/dist/chunks/{gpu-CenK2l6b.cjs → gpu-BBRLgEzM.cjs} +13 -12
- package/dist/chunks/gpu-BBRLgEzM.cjs.map +1 -0
- package/dist/chunks/{gpu-Bu7qwugO.js → gpu-EjV49FQk.js} +4 -3
- package/dist/chunks/gpu-EjV49FQk.js.map +1 -0
- package/dist/chunks/{registry-CKNLQpwd.js → registry-Bu5NrAyA.js} +2 -2
- package/dist/chunks/{registry-CKNLQpwd.js.map → registry-Bu5NrAyA.js.map} +1 -1
- package/dist/chunks/shared-CkKHWrtJ.js +50 -0
- package/dist/chunks/shared-CkKHWrtJ.js.map +1 -0
- package/dist/chunks/shared-jkgRH-Hx.cjs +58 -0
- package/dist/chunks/shared-jkgRH-Hx.cjs.map +1 -0
- package/dist/chunks/{spring-CbvHfVtP.js → spring-BhoT09Qb.js} +2 -2
- package/dist/chunks/{spring-CbvHfVtP.js.map → spring-BhoT09Qb.js.map} +1 -1
- package/dist/chunks/{variants-DRlKVHvu.js → variants-C_hv_s23.js} +2 -2
- package/dist/chunks/{variants-DRlKVHvu.js.map → variants-C_hv_s23.js.map} +1 -1
- package/dist/components/a11y.js +2 -2
- package/dist/components/angular.js +7 -7
- package/dist/components/background.js +2 -2
- package/dist/components/bridge.js +1 -1
- package/dist/components/cards.js +2 -2
- package/dist/components/click.js +3 -3
- package/dist/components/depth.js +3 -3
- package/dist/components/effects.cjs +45 -44
- package/dist/components/effects.cjs.map +1 -1
- package/dist/components/effects.js +7 -6
- package/dist/components/effects.js.map +1 -1
- package/dist/components/feedback.js +1 -1
- package/dist/components/fx-gpu.cjs +3 -2
- package/dist/components/fx-gpu.cjs.map +1 -1
- package/dist/components/fx-gpu.js +5 -4
- package/dist/components/fx-gpu.js.map +1 -1
- package/dist/components/fx-light.cjs +221 -0
- package/dist/components/fx-light.cjs.map +1 -0
- package/dist/components/fx-light.d.cts +72 -0
- package/dist/components/fx-light.d.ts +72 -0
- package/dist/components/fx-light.js +217 -0
- package/dist/components/fx-light.js.map +1 -0
- package/dist/components/fx-text.cjs +267 -0
- package/dist/components/fx-text.cjs.map +1 -0
- package/dist/components/fx-text.d.cts +70 -0
- package/dist/components/fx-text.d.ts +70 -0
- package/dist/components/fx-text.js +263 -0
- package/dist/components/fx-text.js.map +1 -0
- package/dist/components/fx.js +5 -5
- package/dist/components/fx2.cjs +15 -2
- package/dist/components/fx2.cjs.map +1 -1
- package/dist/components/fx2.d.cts +55 -1
- package/dist/components/fx2.d.ts +55 -1
- package/dist/components/fx2.js +15 -6
- package/dist/components/fx2.js.map +1 -1
- package/dist/components/gesture.js +4 -4
- package/dist/components/interaction.js +1 -1
- package/dist/components/layout.js +1 -1
- package/dist/components/packs.js +1 -1
- package/dist/components/page.js +3 -3
- package/dist/components/perf.js +2 -2
- package/dist/components/physics.js +3 -3
- package/dist/components/reveal.js +1 -1
- package/dist/components/solid.js +7 -7
- package/dist/components/svelte.js +7 -7
- package/dist/components/svg.js +1 -1
- package/dist/components/text.js +2 -2
- package/dist/components/timeline.js +3 -3
- package/dist/components/transitions.js +1 -1
- package/dist/components/ui.js +4 -4
- package/dist/components/vue.js +7 -7
- package/dist/components/webgl.js +1 -1
- package/dist/components/widgets.cjs +1096 -8
- package/dist/components/widgets.cjs.map +1 -1
- package/dist/components/widgets.d.cts +163 -2
- package/dist/components/widgets.d.ts +163 -2
- package/dist/components/widgets.js +1084 -11
- package/dist/components/widgets.js.map +1 -1
- package/dist/components.js +9 -9
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/dist/index.umd.js +1 -1
- 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 +2 -2
- package/docs/components.md +61 -1
- package/package.json +24 -4
- package/dist/chunks/generative-D2YyhaeO.js.map +0 -1
- package/dist/chunks/generative-DzIZq-_g.cjs.map +0 -1
- package/dist/chunks/gpu-Bu7qwugO.js.map +0 -1
- package/dist/chunks/gpu-CenK2l6b.cjs.map +0 -1
package/dist/components/fx2.d.ts
CHANGED
|
@@ -60,6 +60,60 @@ declare const GPU_FX: EffectDefinition[];
|
|
|
60
60
|
/** Register the 6.2 GPU pack (idempotent). */
|
|
61
61
|
declare function registerGpuEffects(): void;
|
|
62
62
|
|
|
63
|
+
/**
|
|
64
|
+
* 6.3 — Text effects 3.0 (`motionary/components/fx-text`), registered through
|
|
65
|
+
* `registerEffect()`:
|
|
66
|
+
*
|
|
67
|
+
* - `liquid-text` (loop) — the text ripples like liquid (animated SVG
|
|
68
|
+
* turbulence + displacement filter).
|
|
69
|
+
* - `neon-write` (text) — letters flicker on one by one like a neon sign
|
|
70
|
+
* being switched on, then keep a soft glow.
|
|
71
|
+
* - `particle-text` (text) — particles fly in from around the element and
|
|
72
|
+
* assemble into the glyphs, then hand over to the real text.
|
|
73
|
+
* - `glitch-text` (text) — RGB-split slices jump sideways for a moment.
|
|
74
|
+
* - `text-trail` (cursor) — the letters of a word fall off the pointer.
|
|
75
|
+
* - `font-breathe` (loop) — a variable-font weight wave breathes through the text.
|
|
76
|
+
* - `flip-chars` (text) — every character flips up in 3D, staggered.
|
|
77
|
+
*
|
|
78
|
+
* Splitting keeps a visually hidden copy for screen readers (the animated
|
|
79
|
+
* characters are `aria-hidden`). Reduced motion: loops and the trail are
|
|
80
|
+
* skipped, one-shot effects show the final state without movement.
|
|
81
|
+
*/
|
|
82
|
+
|
|
83
|
+
/** Split `el`'s text into `aria-hidden` inline-block characters (idempotent). Returns them. */
|
|
84
|
+
declare function splitChars(el: HTMLElement): HTMLElement[];
|
|
85
|
+
declare const TEXT3_FX: EffectDefinition[];
|
|
86
|
+
/** Register the 6.3 text pack (idempotent). */
|
|
87
|
+
declare function registerTextEffects3(): void;
|
|
88
|
+
|
|
89
|
+
/**
|
|
90
|
+
* 6.4 — Light & materials (`motionary/components/fx-light`), registered
|
|
91
|
+
* through `registerEffect()`. Persistent effects (use `trigger="load"`)
|
|
92
|
+
* that return a cleanup:
|
|
93
|
+
*
|
|
94
|
+
* - `light-follow` (hover) — a soft point light + specular highlight that
|
|
95
|
+
* follows the pointer over the surface.
|
|
96
|
+
* - `refraction` (hover) — a glass lens that bends and magnifies what is
|
|
97
|
+
* behind it as it follows the pointer (backdrop filter, chromatic rim).
|
|
98
|
+
* - `brushed-metal` (card) — fine brushed lines with an anisotropic sheen
|
|
99
|
+
* that turns with the pointer angle.
|
|
100
|
+
* - `pearlescent` (card) — a nacre / holographic film whose hues shift with
|
|
101
|
+
* the pointer position.
|
|
102
|
+
* - `god-rays` (background) — volumetric light shafts from a source point
|
|
103
|
+
* (Canvas 2D, additive).
|
|
104
|
+
* - `pointer-shadow` (hover) — the pointer is the light: the element casts
|
|
105
|
+
* a soft real-time shadow away from it.
|
|
106
|
+
*
|
|
107
|
+
* Reduced motion: surfaces stay lit from a fixed angle (no tracking),
|
|
108
|
+
* `god-rays` draws one still frame.
|
|
109
|
+
*/
|
|
110
|
+
|
|
111
|
+
/** Track the pointer over `el` as 0–1 coordinates (`fn(x, y, inside)`); starts at (`x0`, `y0`). Returns a remover. */
|
|
112
|
+
declare function trackPointer(el: HTMLElement, ctx: EffectContext, fn: (x: number, y: number, inside: boolean) => void, x0?: number, y0?: number): () => void;
|
|
113
|
+
declare const LIGHT_FX: EffectDefinition[];
|
|
114
|
+
/** Register the 6.4 light & materials pack (idempotent). */
|
|
115
|
+
declare function registerLightEffects(): void;
|
|
116
|
+
|
|
63
117
|
/**
|
|
64
118
|
* 5.5 — generative backgrounds on Canvas 2D, registered through
|
|
65
119
|
* `registerEffect()` (kind `background`): `flow-field`, `voronoi`,
|
|
@@ -132,5 +186,5 @@ declare const FX2_PACKS: Record<string, EffectDefinition[]>;
|
|
|
132
186
|
/** Register every 6.x pack (idempotent). */
|
|
133
187
|
declare function registerFx2(): void;
|
|
134
188
|
|
|
135
|
-
export { FX2_PACKS, GLSL_HEAD, GPU_FX, fieldFallback, registerFx2, registerGpuEffects, shaderBackground, supportsWebGL2 };
|
|
189
|
+
export { FX2_PACKS, GLSL_HEAD, GPU_FX, LIGHT_FX, TEXT3_FX, fieldFallback, registerFx2, registerGpuEffects, registerLightEffects, registerTextEffects3, shaderBackground, splitChars, supportsWebGL2, trackPointer };
|
|
136
190
|
export type { ShaderSpec };
|
package/dist/components/fx2.js
CHANGED
|
@@ -1,17 +1,26 @@
|
|
|
1
|
-
import { G as GPU_FX, r as registerGpuEffects } from '../chunks/gpu-
|
|
2
|
-
export { a as GLSL_HEAD, f as fieldFallback, s as shaderBackground, b as supportsWebGL2 } from '../chunks/gpu-
|
|
3
|
-
import '
|
|
4
|
-
|
|
5
|
-
import '
|
|
1
|
+
import { G as GPU_FX, r as registerGpuEffects } from '../chunks/gpu-EjV49FQk.js';
|
|
2
|
+
export { a as GLSL_HEAD, f as fieldFallback, s as shaderBackground, b as supportsWebGL2 } from '../chunks/gpu-EjV49FQk.js';
|
|
3
|
+
import { TEXT3_FX, registerTextEffects3 } from './fx-text.js';
|
|
4
|
+
export { splitChars } from './fx-text.js';
|
|
5
|
+
import { LIGHT_FX, registerLightEffects } from './fx-light.js';
|
|
6
|
+
export { trackPointer } from './fx-light.js';
|
|
7
|
+
import '../chunks/registry-Bu5NrAyA.js';
|
|
8
|
+
import '../chunks/base-DchG4q_S.js';
|
|
9
|
+
import '../chunks/generative-2LhxG5BJ.js';
|
|
10
|
+
import '../chunks/shared-CkKHWrtJ.js';
|
|
6
11
|
|
|
7
12
|
/** The 6.x effect packs by name. */
|
|
8
13
|
const FX2_PACKS = {
|
|
9
14
|
gpu: GPU_FX,
|
|
15
|
+
text: TEXT3_FX,
|
|
16
|
+
light: LIGHT_FX,
|
|
10
17
|
};
|
|
11
18
|
/** Register every 6.x pack (idempotent). */
|
|
12
19
|
function registerFx2() {
|
|
13
20
|
registerGpuEffects();
|
|
21
|
+
registerTextEffects3();
|
|
22
|
+
registerLightEffects();
|
|
14
23
|
}
|
|
15
24
|
|
|
16
|
-
export { FX2_PACKS, GPU_FX, registerFx2, registerGpuEffects };
|
|
25
|
+
export { FX2_PACKS, GPU_FX, LIGHT_FX, TEXT3_FX, registerFx2, registerGpuEffects, registerLightEffects, registerTextEffects3 };
|
|
17
26
|
//# sourceMappingURL=fx2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fx2.js","sources":["../../src/components/fx2/index.ts"],"sourcesContent":["/**\n * The 6.x effect packs, one entry each (`motionary/components/fx-gpu`, …) so\n * their size budgets stay separate. This module (`registerFx2()`) registers\n * them all — used by dist/widgets.umd.js and the showcase.\n */\nimport type { EffectDefinition } from '../fx/registry';\nimport { GPU_FX, registerGpuEffects } from './gpu';\n\nexport { GPU_FX, registerGpuEffects };\nexport { shaderBackground, supportsWebGL2, fieldFallback, GLSL_HEAD } from './gl';\nexport type { ShaderSpec } from './gl';\n\n/** The 6.x effect packs by name. */\nexport const FX2_PACKS: Record<string, EffectDefinition[]> = {\n gpu: GPU_FX,\n};\n\n/** Register every 6.x pack (idempotent). */\nexport function registerFx2(): void {\n registerGpuEffects();\n}\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"fx2.js","sources":["../../src/components/fx2/index.ts"],"sourcesContent":["/**\n * The 6.x effect packs, one entry each (`motionary/components/fx-gpu`, …) so\n * their size budgets stay separate. This module (`registerFx2()`) registers\n * them all — used by dist/widgets.umd.js and the showcase.\n */\nimport type { EffectDefinition } from '../fx/registry';\nimport { GPU_FX, registerGpuEffects } from './gpu';\nimport { TEXT3_FX, registerTextEffects3, splitChars } from './text3';\nimport { LIGHT_FX, registerLightEffects, trackPointer } from './light';\n\nexport { GPU_FX, registerGpuEffects, TEXT3_FX, registerTextEffects3, splitChars };\nexport { shaderBackground, supportsWebGL2, fieldFallback, GLSL_HEAD } from './gl';\nexport type { ShaderSpec } from './gl';\n\nexport { LIGHT_FX, registerLightEffects, trackPointer };\n\n/** The 6.x effect packs by name. */\nexport const FX2_PACKS: Record<string, EffectDefinition[]> = {\n gpu: GPU_FX,\n text: TEXT3_FX,\n light: LIGHT_FX,\n};\n\n/** Register every 6.x pack (idempotent). */\nexport function registerFx2(): void {\n registerGpuEffects();\n registerTextEffects3();\n registerLightEffects();\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAgBA;AACO,MAAM,SAAS,GAAuC;AAC3D,IAAA,GAAG,EAAE,MAAM;AACX,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,KAAK,EAAE,QAAQ;;AAGjB;SACgB,WAAW,GAAA;AACzB,IAAA,kBAAkB,EAAE;AACpB,IAAA,oBAAoB,EAAE;AACtB,IAAA,oBAAoB,EAAE;AACxB;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { c as createSpring } from '../chunks/spring-
|
|
3
|
-
import { g as gesture } from '../chunks/core-
|
|
4
|
-
export { p as pinchScale, s as swipeDirection } from '../chunks/core-
|
|
1
|
+
import { y as defineElement, k as clamp } from '../chunks/base-DchG4q_S.js';
|
|
2
|
+
import { c as createSpring } from '../chunks/spring-BhoT09Qb.js';
|
|
3
|
+
import { g as gesture } from '../chunks/core-D2vF8kZb.js';
|
|
4
|
+
export { p as pinchScale, s as swipeDirection } from '../chunks/core-D2vF8kZb.js';
|
|
5
5
|
|
|
6
6
|
var css = "usa-swipeable{display:block;touch-action:pan-y;user-select:none;-webkit-user-select:none}usa-swipeable[axis=\"y\"]{touch-action:pan-x}usa-swipeable>*{transform:translate3d(var(--usa-swipe,0px),0,0);opacity:calc(1 - var(--usa-swipe-p,0) * 0.5)}usa-swipeable[axis=\"y\"]>*{transform:translate3d(0,var(--usa-swipe,0px),0)}usa-swipeable:focus-visible{outline:2px solid currentColor;outline-offset:2px}usa-pinch-zoom{display:block;overflow:hidden;touch-action:none;position:relative}usa-pinch-zoom>*{transform:translate3d(var(--usa-zoom-x,0px),var(--usa-zoom-y,0px),0) scale(var(--usa-zoom,1));transform-origin:50% 50%}usa-pinch-zoom[data-zoomed]{cursor:grab}usa-pinch-zoom:focus-visible{outline:2px solid currentColor;outline-offset:2px}";
|
|
7
7
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { y as defineElement, z as EASE_OUT, r as raf, l as caf, k as clamp, E as EASE_SPRING } from '../chunks/base-DchG4q_S.js';
|
|
2
2
|
|
|
3
3
|
var css$5 = "usa-ripple{position:relative;display:inline-block;overflow:hidden;isolation:isolate;border-radius:inherit;-webkit-tap-highlight-color:transparent}usa-ripple[block]{display:block}usa-ripple .usa-ripple-wave{position:absolute;border-radius:50%;pointer-events:none;transform:scale(0);z-index:-1;will-change:transform,opacity}";
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { p as prefersReducedMotion,
|
|
1
|
+
import { p as prefersReducedMotion, z as EASE_OUT, m as motionScale, y as defineElement } from '../chunks/base-DchG4q_S.js';
|
|
2
2
|
|
|
3
3
|
/** FLIP keyframes from a previous box to the current one (pure). */
|
|
4
4
|
function flipFrames(from, to, scale = true) {
|
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, z as EASE_OUT, k as clamp, E as EASE_SPRING, y as defineElement } from '../chunks/base-DchG4q_S.js';
|
|
2
2
|
|
|
3
3
|
const anim = (el, frames, o) => {
|
|
4
4
|
if (typeof el.animate !== 'function')
|
package/dist/components/page.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export { M as MOTION_SCALE } from '../chunks/base-
|
|
3
|
-
import { e as springSamples } from '../chunks/spring-
|
|
1
|
+
import { y as defineElement, l as caf, r as raf, p as prefersReducedMotion, q as now, i as getMotionSensitivity, h as getMotionIntensity, g as configureComponents, v as adoptStyles } from '../chunks/base-DchG4q_S.js';
|
|
2
|
+
export { M as MOTION_SCALE } from '../chunks/base-DchG4q_S.js';
|
|
3
|
+
import { e as springSamples } from '../chunks/spring-BhoT09Qb.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.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
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-
|
|
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-DchG4q_S.js';
|
|
2
|
+
export { s as schedulerStats } from '../chunks/base-DchG4q_S.js';
|
|
3
3
|
import { C as COMPONENT_CATEGORIES } from '../chunks/index-tags-DucKMQr_.js';
|
|
4
4
|
|
|
5
5
|
/**
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
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 { y as defineElement, k as clamp } from '../chunks/base-DchG4q_S.js';
|
|
2
|
+
import { d as springEasing, c as createSpring, s as snapTo, a as rubberBand, p as projectInertia } from '../chunks/spring-BhoT09Qb.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-BhoT09Qb.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
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { y as defineElement, z as EASE_OUT, l as caf, r as raf, k as clamp } from '../chunks/base-DchG4q_S.js';
|
|
2
2
|
|
|
3
3
|
/** Entrance effects shared by `<usa-reveal>` and `<usa-stagger>` (transform / opacity / filter only). */
|
|
4
4
|
const REVEAL_EFFECTS = [
|
package/dist/components/solid.js
CHANGED
|
@@ -3,32 +3,32 @@ 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-DchG4q_S.js';
|
|
7
7
|
import './text.js';
|
|
8
|
-
import '../chunks/core-
|
|
8
|
+
import '../chunks/core-DVyTlo9Q.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-C_hv_s23.js';
|
|
14
14
|
import './transitions.js';
|
|
15
15
|
import './physics.js';
|
|
16
|
-
import '../chunks/spring-
|
|
16
|
+
import '../chunks/spring-BhoT09Qb.js';
|
|
17
17
|
import './cards.js';
|
|
18
18
|
import './click.js';
|
|
19
|
-
import '../chunks/fx-
|
|
19
|
+
import '../chunks/fx-DUMVKSvg.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-D2vF8kZb.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-
|
|
31
|
+
import '../chunks/registry-Bu5NrAyA.js';
|
|
32
32
|
import './a11y.js';
|
|
33
33
|
import '../chunks/index-tags-DucKMQr_.js';
|
|
34
34
|
import './perf.js';
|
|
@@ -2,32 +2,32 @@ 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-DchG4q_S.js';
|
|
6
6
|
import './text.js';
|
|
7
|
-
import '../chunks/core-
|
|
7
|
+
import '../chunks/core-DVyTlo9Q.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-C_hv_s23.js';
|
|
13
13
|
import './transitions.js';
|
|
14
14
|
import './physics.js';
|
|
15
|
-
import '../chunks/spring-
|
|
15
|
+
import '../chunks/spring-BhoT09Qb.js';
|
|
16
16
|
import './cards.js';
|
|
17
17
|
import './click.js';
|
|
18
|
-
import '../chunks/fx-
|
|
18
|
+
import '../chunks/fx-DUMVKSvg.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-D2vF8kZb.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-
|
|
30
|
+
import '../chunks/registry-Bu5NrAyA.js';
|
|
31
31
|
import './a11y.js';
|
|
32
32
|
import '../chunks/index-tags-DucKMQr_.js';
|
|
33
33
|
import './perf.js';
|
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,
|
|
1
|
+
import { k as clamp, m as motionScale, l as caf, p as prefersReducedMotion, q as now, r as raf, y as defineElement, z as EASE_OUT } from '../chunks/base-DchG4q_S.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.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { t as timeline } from '../chunks/core-
|
|
1
|
+
import { y as defineElement, u as srText, l as caf, q as now, r as raf, z as EASE_OUT, E as EASE_SPRING, k as clamp } from '../chunks/base-DchG4q_S.js';
|
|
2
|
+
import { t as timeline } from '../chunks/core-DVyTlo9Q.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,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
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 { y as defineElement } from '../chunks/base-DchG4q_S.js';
|
|
2
|
+
import { t as timeline, T as TIMELINE_PRESETS } from '../chunks/core-DVyTlo9Q.js';
|
|
3
|
+
export { r as resolvePosition, s as supportsNativeScrub } from '../chunks/core-DVyTlo9Q.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,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { y as defineElement, A as kindOf, B as shadowStyles, z as EASE_OUT, F as FLUENT_DECELERATE, p as prefersReducedMotion } from '../chunks/base-DchG4q_S.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
|
|
package/dist/components/ui.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { d as springEasing, c as createSpring, p as projectInertia, s as snapTo, a as rubberBand } from '../chunks/spring-
|
|
3
|
-
import { a as adoptVariants } from '../chunks/variants-
|
|
4
|
-
export { V as VARIANTS, s as setVariant } from '../chunks/variants-
|
|
1
|
+
import { y as defineElement, k as clamp, l as caf, r as raf } from '../chunks/base-DchG4q_S.js';
|
|
2
|
+
import { d as springEasing, c as createSpring, p as projectInertia, s as snapTo, a as rubberBand } from '../chunks/spring-BhoT09Qb.js';
|
|
3
|
+
import { a as adoptVariants } from '../chunks/variants-C_hv_s23.js';
|
|
4
|
+
export { V as VARIANTS, s as setVariant } from '../chunks/variants-C_hv_s23.js';
|
|
5
5
|
|
|
6
6
|
/** Position a fixed `floating` element next to `anchor`, flipping when it would leave the viewport. */
|
|
7
7
|
function place(floating, anchor, placement = 'top', gap = 8) {
|
package/dist/components/vue.js
CHANGED
|
@@ -1,31 +1,31 @@
|
|
|
1
1
|
import { defineComponents } from '../components.js';
|
|
2
2
|
import './reveal.js';
|
|
3
|
-
import '../chunks/base-
|
|
3
|
+
import '../chunks/base-DchG4q_S.js';
|
|
4
4
|
import './text.js';
|
|
5
|
-
import '../chunks/core-
|
|
5
|
+
import '../chunks/core-DVyTlo9Q.js';
|
|
6
6
|
import './tokens.js';
|
|
7
7
|
import './interaction.js';
|
|
8
8
|
import './feedback.js';
|
|
9
9
|
import './background.js';
|
|
10
|
-
import '../chunks/variants-
|
|
10
|
+
import '../chunks/variants-C_hv_s23.js';
|
|
11
11
|
import './transitions.js';
|
|
12
12
|
import './physics.js';
|
|
13
|
-
import '../chunks/spring-
|
|
13
|
+
import '../chunks/spring-BhoT09Qb.js';
|
|
14
14
|
import './cards.js';
|
|
15
15
|
import './click.js';
|
|
16
|
-
import '../chunks/fx-
|
|
16
|
+
import '../chunks/fx-DUMVKSvg.js';
|
|
17
17
|
import './ui.js';
|
|
18
18
|
import './page.js';
|
|
19
19
|
import './timeline.js';
|
|
20
20
|
import './gesture.js';
|
|
21
|
-
import '../chunks/core-
|
|
21
|
+
import '../chunks/core-D2vF8kZb.js';
|
|
22
22
|
import './svg.js';
|
|
23
23
|
import './webgl.js';
|
|
24
24
|
import './depth.js';
|
|
25
25
|
import './layout.js';
|
|
26
26
|
import './packs.js';
|
|
27
27
|
import './fx.js';
|
|
28
|
-
import '../chunks/registry-
|
|
28
|
+
import '../chunks/registry-Bu5NrAyA.js';
|
|
29
29
|
import './a11y.js';
|
|
30
30
|
import '../chunks/index-tags-DucKMQr_.js';
|
|
31
31
|
import './perf.js';
|
package/dist/components/webgl.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { y as defineElement, q as now, k as clamp, l as caf, r as raf } from '../chunks/base-DchG4q_S.js';
|
|
2
2
|
|
|
3
3
|
/** Minimal WebGL runner: one full-canvas quad, one fragment shader, optional image texture. */
|
|
4
4
|
const VERTEX = 'attribute vec2 p;varying vec2 v_uv;void main(){v_uv=p*.5+.5;gl_Position=vec4(p,0.,1.);}';
|