motionary 0.0.0-stage → 6.2.0

package/dist/components/physics.js

@@ -0,0 +1,430 @@
+import { x as defineElement, k as clamp } from '../chunks/base-C_3cAoRz.js';
+import { d as springEasing, c as createSpring, s as snapTo, a as rubberBand, p as projectInertia } from '../chunks/spring-CbvHfVtP.js';
+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-CbvHfVtP.js';
+
+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}";
+
+const SPRING_EFFECTS = ['bounce-in', 'pop', 'drop', 'jelly', 'rubber-band'];
+/** Entrance effects start hidden; attention effects (jelly, rubber-band) play on visible content. */
+const ENTRANCE = new Set(['bounce-in', 'pop', 'drop']);
+/** Keyframes of a spring effect (entrances use spring timing, attention effects fixed frames). */
+function springEffectKeyframes(effect, reduced = false) {
+    if (reduced)
+        return ENTRANCE.has(effect) ? [{ opacity: 0 }, { opacity: 1 }] : [{ opacity: 1 }, { opacity: 1 }];
+    switch (effect) {
+        case 'pop':
+            return [{ opacity: 0, transform: 'scale(0.5)' }, { opacity: 1, transform: 'scale(1)' }];
+        case 'drop':
+            return [{ opacity: 0, transform: 'translate3d(0, -120%, 0)' }, { opacity: 1, transform: 'translate3d(0, 0, 0)' }];
+        case 'jelly':
+            return [
+                { transform: 'scale3d(1, 1, 1)' },
+                { transform: 'scale3d(1.25, 0.75, 1)', offset: 0.3 },
+                { transform: 'scale3d(0.75, 1.25, 1)', offset: 0.4 },
+                { transform: 'scale3d(1.15, 0.85, 1)', offset: 0.5 },
+                { transform: 'scale3d(0.95, 1.05, 1)', offset: 0.65 },
+                { transform: 'scale3d(1.05, 0.95, 1)', offset: 0.75 },
+                { transform: 'scale3d(1, 1, 1)' },
+            ];
+        case 'rubber-band':
+            return [
+                { transform: 'scale3d(1, 1, 1)' },
+                { transform: 'scale3d(1.3, 0.7, 1)', offset: 0.3 },
+                { transform: 'scale3d(0.8, 1.2, 1)', offset: 0.45 },
+                { transform: 'scale3d(1.1, 0.9, 1)', offset: 0.6 },
+                { transform: 'scale3d(0.97, 1.03, 1)', offset: 0.8 },
+                { transform: 'scale3d(1, 1, 1)' },
+            ];
+        default:
+            return [{ opacity: 0, transform: 'scale(0.3)' }, { opacity: 1, transform: 'scale(1)' }];
+    }
+}
+const DEFAULT_PRESET = { 'bounce-in': 'bouncy', pop: 'wobbly', drop: 'bouncy' };
+function defineSpring(tag = 'usa-spring') {
+    return defineElement(tag, (Base) => class UsaSpring extends Base {
+        constructor() {
+            super(...arguments);
+            this._anim = null;
+        }
+        static get observedAttributes() {
+            return ['effect', 'trigger', 'repeat'];
+        }
+        get effect() {
+            return this.str('effect', 'bounce-in');
+        }
+        set effect(v) {
+            this.setAttribute('effect', v);
+        }
+        config() {
+            if (this.hasAttribute('stiffness') || this.hasAttribute('damping') || this.hasAttribute('mass'))
+                return { stiffness: this.num('stiffness', 170), damping: this.num('damping', 26), mass: this.num('mass', 1) };
+            return this.str('preset', DEFAULT_PRESET[this.effect] || 'wobbly');
+        }
+        mount() {
+            const trigger = this.str('trigger', 'view');
+            const entrance = ENTRANCE.has(this.effect);
+            if (trigger === 'view') {
+                if (entrance)
+                    this.setAttribute('data-state', 'hidden');
+                this.inView((visible) => {
+                    if (visible)
+                        this.play();
+                    else if (this.flag('repeat') && entrance)
+                        this.reset();
+                }, { threshold: 0.15 });
+            }
+            else {
+                if (trigger === 'hover')
+                    this.listen(this, 'pointerenter', () => this.play());
+                if (trigger === 'click') {
+                    this.listen(this, 'click', () => this.play());
+                    this.listen(this, 'keydown', (e) => (e.key === 'Enter' || e.key === ' ') && !e.repeat && this.play());
+                }
+            }
+        }
+        unmount() {
+            this._anim?.cancel();
+            this._anim = null;
+        }
+        reset() {
+            this._anim?.cancel();
+            this._anim = null;
+            if (ENTRANCE.has(this.effect))
+                this.setAttribute('data-state', 'hidden');
+        }
+        async play() {
+            const effect = this.effect;
+            const reduced = this.reduced;
+            this._anim?.cancel();
+            this.setAttribute('data-state', 'playing');
+            const frames = springEffectKeyframes(effect, reduced);
+            const timing = ENTRANCE.has(effect) && !reduced
+                ? springEasing(this.config())
+                : { duration: reduced ? 250 : this.num('duration', 900), easing: 'ease-out' };
+            const a = this.motion(this, frames, { ...timing, delay: this.num('delay', 0), fill: 'backwards' });
+            this._anim = a;
+            if (a) {
+                try {
+                    await a.finished;
+                }
+                catch {
+                    return;
+                }
+                if (this._anim !== a)
+                    return;
+            }
+            this._anim = null;
+            this.setAttribute('data-state', 'done');
+            this.emit('complete', { effect });
+        }
+    }, { id: 'spring', text: css$2 });
+}
+
+var css$1 = "usa-draggable{display:inline-block;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;will-change:transform;-webkit-tap-highlight-color:transparent}usa-draggable[axis=\"x\"]{touch-action:pan-y}usa-draggable[axis=\"y\"]{touch-action:pan-x}usa-draggable[block]{display:block}usa-draggable[data-dragging]{cursor:grabbing}usa-draggable[disabled]{cursor:default}usa-draggable:focus-visible{outline:2px solid var(--usa-accent,#7c5cff);outline-offset:3px}";
+
+const parseSnap = (s) => {
+    if (!s.trim())
+        return null;
+    const parts = s.split(',').map((p) => Number(p.trim())).filter((n) => Number.isFinite(n));
+    if (!parts.length)
+        return null;
+    return s.includes(',') ? parts : parts[0];
+};
+function defineDraggable(tag = 'usa-draggable') {
+    return defineElement(tag, (Base) => class UsaDraggable extends Base {
+        constructor() {
+            super(...arguments);
+            this._x = 0;
+            this._y = 0;
+            this._drag = null;
+        }
+        static get observedAttributes() {
+            return ['axis', 'disabled', 'preset'];
+        }
+        get x() {
+            return this._x;
+        }
+        get y() {
+            return this._y;
+        }
+        get dragging() {
+            return !!this._drag;
+        }
+        render() {
+            this.style.transform = `translate3d(${this._x}px, ${this._y}px, 0)`;
+            this.style.setProperty('--usa-drag-x', `${this._x}px`);
+            this.style.setProperty('--usa-drag-y', `${this._y}px`);
+        }
+        axis() {
+            return this.str('axis', 'both');
+        }
+        /** Bounds relative to the origin, from the parent box. */
+        limits() {
+            if (this.str('bounds') !== 'parent' || !this.parentElement)
+                return null;
+            const p = this.parentElement.getBoundingClientRect();
+            const r = this.getBoundingClientRect();
+            const ox = r.left - this._x;
+            const oy = r.top - this._y;
+            return { minX: p.left - ox, maxX: p.right - ox - r.width, minY: p.top - oy, maxY: p.bottom - oy - r.height };
+        }
+        mount() {
+            let settled = 0;
+            const rest = () => {
+                if (++settled >= 2) {
+                    settled = 0;
+                    this.removeAttribute('data-moving');
+                    this.emit('settle', { x: this._x, y: this._y });
+                }
+            };
+            const spring = this.str('preset', 'wobbly');
+            this._sx = createSpring({ value: this._x, spring, onUpdate: (v) => ((this._x = v), this.render()), onRest: rest });
+            this._sy = createSpring({ value: this._y, spring, onUpdate: (v) => ((this._y = v), this.render()), onRest: rest });
+            if (!this.hasAttribute('tabindex'))
+                this.tabIndex = 0;
+            this.setAttribute('aria-roledescription', 'draggable');
+            this.listen(this, 'pointerdown', (e) => this.start(e));
+            this.listen(this, 'pointermove', (e) => this.move(e));
+            this.listen(this, 'pointerup', (e) => this.end(e));
+            this.listen(this, 'pointercancel', (e) => this.end(e));
+            this.listen(this, 'keydown', (e) => this.key(e));
+            this.render();
+        }
+        unmount() {
+            this._sx?.stop();
+            this._sy?.stop();
+            this._drag = null;
+        }
+        start(e) {
+            if (this.flag('disabled') || (e.pointerType === 'mouse' && e.button !== 0))
+                return;
+            this._sx.stop();
+            this._sy.stop();
+            this._drag = { id: e.pointerId, px: e.clientX, py: e.clientY, ox: this._x, oy: this._y, samples: [[e.clientX, e.clientY, typeof e.timeStamp === 'number' ? e.timeStamp : Date.now()]] };
+            try {
+                this.setPointerCapture?.(e.pointerId);
+            }
+            catch {
+                /* synthetic events */
+            }
+            this.setAttribute('data-dragging', '');
+            this.emit('drag-start', { x: this._x, y: this._y });
+        }
+        move(e) {
+            const d = this._drag;
+            if (!d || e.pointerId !== d.id)
+                return;
+            const axis = this.axis();
+            let x = axis === 'y' ? d.ox : d.ox + e.clientX - d.px;
+            let y = axis === 'x' ? d.oy : d.oy + e.clientY - d.py;
+            const b = this.limits();
+            if (b) {
+                const band = (v, lo, hi, dim) => (v < lo ? lo + rubberBand(v - lo, dim) : v > hi ? hi + rubberBand(v - hi, dim) : v);
+                x = band(x, b.minX, b.maxX, 200);
+                y = band(y, b.minY, b.maxY, 200);
+            }
+            this._x = x;
+            this._y = y;
+            d.samples.push([e.clientX, e.clientY, typeof e.timeStamp === 'number' ? e.timeStamp : Date.now()]);
+            if (d.samples.length > 6)
+                d.samples.shift();
+            this.render();
+            this.emit('drag', { x, y });
+        }
+        velocity() {
+            const s = this._drag?.samples || [];
+            if (s.length < 2)
+                return [0, 0];
+            const a = s[0];
+            const b = s[s.length - 1];
+            const dt = (b[2] - a[2]) / 1000;
+            if (dt <= 0 || dt > 0.3)
+                return [0, 0];
+            return [(b[0] - a[0]) / dt, (b[1] - a[1]) / dt];
+        }
+        end(e) {
+            const d = this._drag;
+            if (!d || e.pointerId !== d.id)
+                return;
+            let [vx, vy] = this.velocity();
+            const axis = this.axis();
+            if (axis === 'y')
+                vx = 0;
+            if (axis === 'x')
+                vy = 0;
+            this._drag = null;
+            this.removeAttribute('data-dragging');
+            let tx = this._x;
+            let ty = this._y;
+            if (this.flag('spring-back')) {
+                tx = 0;
+                ty = 0;
+            }
+            else {
+                if (this.flag('inertia') && !this.reduced) {
+                    tx = projectInertia(tx, vx);
+                    ty = projectInertia(ty, vy);
+                }
+                [tx, ty] = this.constrain(tx, ty);
+            }
+            this.emit('drag-end', { x: tx, y: ty, vx, vy });
+            this.go(tx, ty, vx, vy);
+        }
+        constrain(x, y) {
+            const snap = parseSnap(this.str('snap'));
+            let tx = snapTo(x, snap);
+            let ty = snapTo(y, snap);
+            const b = this.limits();
+            if (b) {
+                tx = clamp(tx, b.minX, Math.max(b.minX, b.maxX));
+                ty = clamp(ty, b.minY, Math.max(b.minY, b.maxY));
+            }
+            const axis = this.axis();
+            return [axis === 'y' ? 0 : tx, axis === 'x' ? 0 : ty];
+        }
+        go(x, y, vx = 0, vy = 0) {
+            this.setAttribute('data-moving', '');
+            this._sx.set(x, vx);
+            this._sy.set(y, vy);
+        }
+        key(e) {
+            if (this.flag('disabled'))
+                return;
+            const step = this.num('step', 16);
+            const snap = parseSnap(this.str('snap'));
+            const s = typeof snap === 'number' ? snap : step;
+            const map = { ArrowLeft: [-s, 0], ArrowRight: [s, 0], ArrowUp: [0, -s], ArrowDown: [0, s] };
+            if (e.key === 'Home' || e.key === 'Escape') {
+                e.preventDefault();
+                this.reset();
+                return;
+            }
+            const m = map[e.key];
+            if (!m)
+                return;
+            e.preventDefault();
+            const [tx, ty] = this.flag('spring-back') ? [this._sx.target + m[0], this._sy.target + m[1]] : this.constrain(this._sx.target + m[0], this._sy.target + m[1]);
+            this.go(tx, ty);
+        }
+        moveTo(x, y, animate = true) {
+            if (!animate) {
+                this._sx.jump(x);
+                this._sy.jump(y);
+                return;
+            }
+            this.go(x, y);
+        }
+        reset() {
+            this.go(0, 0);
+        }
+    }, { id: 'draggable', text: css$1 });
+}
+
+var css = "usa-overscroll{display:block;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}usa-overscroll[axis=\"x\"]{overflow-y:hidden}usa-overscroll>*{transform:translate3d(0,var(--usa-overscroll,0px),0)}usa-overscroll[axis=\"x\"]>*{transform:translate3d(var(--usa-overscroll,0px),0,0)}usa-overscroll[data-stretched]>*{will-change:transform}";
+
+function defineOverscroll(tag = 'usa-overscroll') {
+    return defineElement(tag, (Base) => class UsaOverscroll extends Base {
+        constructor() {
+            super(...arguments);
+            this._off = 0;
+        }
+        static get observedAttributes() {
+            return ['axis', 'disabled'];
+        }
+        get offset() {
+            return this._off;
+        }
+        set(v) {
+            this._off = v;
+            this.style.setProperty('--usa-overscroll', `${v}px`);
+            this.toggleAttribute('data-stretched', Math.abs(v) > 0.5);
+        }
+        edge(delta) {
+            const x = this.str('axis', 'y') === 'x';
+            const pos = x ? this.scrollLeft : this.scrollTop;
+            const max = (x ? this.scrollWidth - this.clientWidth : this.scrollHeight - this.clientHeight) - 1;
+            return (delta < 0 && pos <= 0) || (delta > 0 && pos >= max);
+        }
+        stretch(raw) {
+            const max = this.num('max', 120);
+            this.set(Math.max(-max, Math.min(max, rubberBand(raw, max * 2.5))));
+        }
+        mount() {
+            this._spring = createSpring({ spring: this.str('preset', 'default'), onUpdate: (v) => this.set(v) });
+            const x = this.str('axis', 'y') === 'x';
+            const off = () => this.flag('disabled') || this.reduced;
+            // Wheel / trackpad: accumulate past the edge, spring back when it stops.
+            let pull = 0;
+            let timer;
+            this.listen(this, 'wheel', (e) => {
+                const d = x ? e.deltaX || e.deltaY : e.deltaY;
+                if (off() || !d || !this.edge(d))
+                    return;
+                this._spring.stop();
+                pull -= d;
+                this.stretch(pull);
+                clearTimeout(timer);
+                timer = setTimeout(() => {
+                    pull = 0;
+                    this._spring.jump(this._off);
+                    this._spring.set(0);
+                }, 140);
+            }, { passive: true });
+            this.onCleanup(() => clearTimeout(timer));
+            // Touch: rubber-band while the finger pulls past the edge.
+            let start = 0;
+            let active = false;
+            this.listen(this, 'touchstart', (e) => {
+                if (off())
+                    return;
+                const t = e.touches[0];
+                start = x ? t.clientX : t.clientY;
+                active = false;
+                this._spring.stop();
+            }, { passive: true });
+            this.listen(this, 'touchmove', (e) => {
+                if (off())
+                    return;
+                const t = e.touches[0];
+                const dist = (x ? t.clientX : t.clientY) - start;
+                if (!active && dist !== 0 && this.edge(-dist))
+                    active = true;
+                if (!active)
+                    return;
+                if (e.cancelable)
+                    e.preventDefault();
+                this.stretch(dist);
+            }, { passive: false });
+            const release = () => {
+                if (!active)
+                    return;
+                active = false;
+                this._spring.jump(this._off);
+                this._spring.set(0);
+            };
+            this.listen(this, 'touchend', release);
+            this.listen(this, 'touchcancel', release);
+        }
+        unmount() {
+            this._spring?.stop();
+            this.set(0);
+        }
+    }, { id: 'overscroll', text: css });
+}
+
+/**
+ * motionary/components/physics — spring & bounce physics (v2.3).
+ * `<usa-spring>` (bounce-in, pop, drop, jelly, rubber-band), `<usa-draggable>`
+ * (spring-back, inertia, snap) and `<usa-overscroll>` (elastic edges), plus
+ * the spring core: `spring()`, `springEasing()`, `createSpring()`,
+ * `SPRING_PRESETS`, `projectInertia()`, `snapTo()`, `rubberBand()`.
+ */
+/** Register every component of this category under its default tag. */
+function definePhysicsComponents() {
+    defineSpring();
+    defineDraggable();
+    defineOverscroll();
+}
+
+export { SPRING_EFFECTS, createSpring, defineDraggable, defineOverscroll, definePhysicsComponents, defineSpring, projectInertia, rubberBand, snapTo, springEasing, springEffectKeyframes };
+//# sourceMappingURL=physics.js.map

package/dist/components/physics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"physics.js","sources":["../../src/components/physics/spring-effect.ts","../../src/components/physics/draggable.ts","../../src/components/physics/overscroll.ts","../../src/components/physics/index.ts"],"sourcesContent":["import { defineElement, type UsaElement } from '../base';\nimport { springEasing, type SpringInput } from './spring';\nimport css from './spring-effect.css?raw';\n\nexport const SPRING_EFFECTS = ['bounce-in', 'pop', 'drop', 'jelly', 'rubber-band'] as const;\nexport type SpringEffect = (typeof SPRING_EFFECTS)[number];\n\n/** Entrance effects start hidden; attention effects (jelly, rubber-band) play on visible content. */\nconst ENTRANCE = new Set<string>(['bounce-in', 'pop', 'drop']);\n\n/** Keyframes of a spring effect (entrances use spring timing, attention effects fixed frames). */\nexport function springEffectKeyframes(effect: string, reduced = false): Keyframe[] {\n  if (reduced) return ENTRANCE.has(effect) ? [{ opacity: 0 }, { opacity: 1 }] : [{ opacity: 1 }, { opacity: 1 }];\n  switch (effect) {\n    case 'pop':\n      return [{ opacity: 0, transform: 'scale(0.5)' }, { opacity: 1, transform: 'scale(1)' }];\n    case 'drop':\n      return [{ opacity: 0, transform: 'translate3d(0, -120%, 0)' }, { opacity: 1, transform: 'translate3d(0, 0, 0)' }];\n    case 'jelly':\n      return [\n        { transform: 'scale3d(1, 1, 1)' },\n        { transform: 'scale3d(1.25, 0.75, 1)', offset: 0.3 },\n        { transform: 'scale3d(0.75, 1.25, 1)', offset: 0.4 },\n        { transform: 'scale3d(1.15, 0.85, 1)', offset: 0.5 },\n        { transform: 'scale3d(0.95, 1.05, 1)', offset: 0.65 },\n        { transform: 'scale3d(1.05, 0.95, 1)', offset: 0.75 },\n        { transform: 'scale3d(1, 1, 1)' },\n      ];\n    case 'rubber-band':\n      return [\n        { transform: 'scale3d(1, 1, 1)' },\n        { transform: 'scale3d(1.3, 0.7, 1)', offset: 0.3 },\n        { transform: 'scale3d(0.8, 1.2, 1)', offset: 0.45 },\n        { transform: 'scale3d(1.1, 0.9, 1)', offset: 0.6 },\n        { transform: 'scale3d(0.97, 1.03, 1)', offset: 0.8 },\n        { transform: 'scale3d(1, 1, 1)' },\n      ];\n    default:\n      return [{ opacity: 0, transform: 'scale(0.3)' }, { opacity: 1, transform: 'scale(1)' }];\n  }\n}\n\nconst DEFAULT_PRESET: Record<string, string> = { 'bounce-in': 'bouncy', pop: 'wobbly', drop: 'bouncy' };\n\n/**\n * `<usa-spring>` — spring / bounce effects on its content.\n *\n * Attributes: `effect` (`bounce-in` default, `pop`, `drop`, `jelly`,\n * `rubber-band`), `trigger` (`view` default, `hover`, `click`, `manual`),\n * `preset` (`gentle`, `wobbly`, `stiff`, `bouncy`, …) or `stiffness` /\n * `damping` / `mass`, `delay` (ms), `duration` (ms, attention effects; 900),\n * `repeat` (replay every time it re-enters the view), `block`.\n * Events: `usa:complete`. Reduced motion: entrances fade, attention effects do nothing.\n */\nexport interface UsaSpringElement extends UsaElement {\n  effect: string;\n  play(): Promise<void>;\n  reset(): void;\n}\n\nexport function defineSpring(tag = 'usa-spring'): CustomElementConstructor | undefined {\n  return defineElement(\n    tag,\n    (Base) =>\n      class UsaSpring extends Base {\n        static get observedAttributes(): string[] {\n          return ['effect', 'trigger', 'repeat'];\n        }\n\n        private _anim: Animation | null = null;\n\n        get effect(): string {\n          return this.str('effect', 'bounce-in');\n        }\n        set effect(v: string) {\n          this.setAttribute('effect', v);\n        }\n\n        private config(): SpringInput {\n          if (this.hasAttribute('stiffness') || this.hasAttribute('damping') || this.hasAttribute('mass'))\n            return { stiffness: this.num('stiffness', 170), damping: this.num('damping', 26), mass: this.num('mass', 1) };\n          return this.str('preset', DEFAULT_PRESET[this.effect] || 'wobbly');\n        }\n\n        mount(): void {\n          const trigger = this.str('trigger', 'view');\n          const entrance = ENTRANCE.has(this.effect);\n          if (trigger === 'view') {\n            if (entrance) this.setAttribute('data-state', 'hidden');\n            this.inView((visible) => {\n              if (visible) this.play();\n              else if (this.flag('repeat') && entrance) this.reset();\n            }, { threshold: 0.15 });\n          } else {\n            if (trigger === 'hover') this.listen(this, 'pointerenter', () => this.play());\n            if (trigger === 'click') {\n              this.listen(this, 'click', () => this.play());\n              this.listen(this, 'keydown', (e: KeyboardEvent) => (e.key === 'Enter' || e.key === ' ') && !e.repeat && this.play());\n            }\n          }\n        }\n\n        unmount(): void {\n          this._anim?.cancel();\n          this._anim = null;\n        }\n\n        reset(): void {\n          this._anim?.cancel();\n          this._anim = null;\n          if (ENTRANCE.has(this.effect)) this.setAttribute('data-state', 'hidden');\n        }\n\n        async play(): Promise<void> {\n          const effect = this.effect;\n          const reduced = this.reduced;\n          this._anim?.cancel();\n          this.setAttribute('data-state', 'playing');\n          const frames = springEffectKeyframes(effect, reduced);\n          const timing: KeyframeAnimationOptions = ENTRANCE.has(effect) && !reduced\n            ? springEasing(this.config())\n            : { duration: reduced ? 250 : this.num('duration', 900), easing: 'ease-out' };\n          const a = this.motion(this, frames, { ...timing, delay: this.num('delay', 0), fill: 'backwards' });\n          this._anim = a;\n          if (a) {\n            try {\n              await a.finished;\n            } catch {\n              return;\n            }\n            if (this._anim !== a) return;\n          }\n          this._anim = null;\n          this.setAttribute('data-state', 'done');\n          this.emit('complete', { effect });\n        }\n      },\n    { id: 'spring', text: css }\n  );\n}\n","import { defineElement, clamp, type UsaElement } from '../base';\nimport { createSpring, projectInertia, snapTo, rubberBand, type SpringValue } from './spring';\nimport css from './draggable.css?raw';\n\n/**\n * `<usa-draggable>` — drag its content with the pointer (mouse, touch, pen)\n * or the arrow keys; physics on release.\n *\n * Attributes: `axis` (`both` default, `x`, `y`), `spring-back` (return to\n * the origin with a spring), `inertia` (keep gliding after a flick),\n * `snap` (grid size like `80`, or points like `0,120,240`), `bounds`\n * (`parent` = stay inside the parent box, rubber-banding past its edges),\n * `preset` (spring, default `wobbly`), `step` (arrow-key step, px, 16),\n * `disabled`. Methods: `moveTo(x, y, animate?)`, `reset()`. Events:\n * `usa:drag-start`, `usa:drag-end` (`{ x, y, vx, vy }`), `usa:settle`.\n * Reduced motion: positions change instantly (no spring or inertia).\n */\nexport interface UsaDraggableElement extends UsaElement {\n  readonly x: number;\n  readonly y: number;\n  readonly dragging: boolean;\n  moveTo(x: number, y: number, animate?: boolean): void;\n  reset(): void;\n}\n\nconst parseSnap = (s: string): number | number[] | null => {\n  if (!s.trim()) return null;\n  const parts = s.split(',').map((p) => Number(p.trim())).filter((n) => Number.isFinite(n));\n  if (!parts.length) return null;\n  return s.includes(',') ? parts : parts[0];\n};\n\nexport function defineDraggable(tag = 'usa-draggable'): CustomElementConstructor | undefined {\n  return defineElement(\n    tag,\n    (Base) =>\n      class UsaDraggable extends Base {\n        static get observedAttributes(): string[] {\n          return ['axis', 'disabled', 'preset'];\n        }\n\n        private _x = 0;\n        private _y = 0;\n        private _sx!: SpringValue;\n        private _sy!: SpringValue;\n        private _drag: { id: number; px: number; py: number; ox: number; oy: number; samples: [number, number, number][] } | null = null;\n\n        get x(): number {\n          return this._x;\n        }\n        get y(): number {\n          return this._y;\n        }\n        get dragging(): boolean {\n          return !!this._drag;\n        }\n\n        private render(): void {\n          this.style.transform = `translate3d(${this._x}px, ${this._y}px, 0)`;\n          this.style.setProperty('--usa-drag-x', `${this._x}px`);\n          this.style.setProperty('--usa-drag-y', `${this._y}px`);\n        }\n\n        private axis(): string {\n          return this.str('axis', 'both');\n        }\n\n        /** Bounds relative to the origin, from the parent box. */\n        private limits(): { minX: number; maxX: number; minY: number; maxY: number } | null {\n          if (this.str('bounds') !== 'parent' || !this.parentElement) return null;\n          const p = this.parentElement.getBoundingClientRect();\n          const r = this.getBoundingClientRect();\n          const ox = r.left - this._x;\n          const oy = r.top - this._y;\n          return { minX: p.left - ox, maxX: p.right - ox - r.width, minY: p.top - oy, maxY: p.bottom - oy - r.height };\n        }\n\n        mount(): void {\n          let settled = 0;\n          const rest = () => {\n            if (++settled >= 2) {\n              settled = 0;\n              this.removeAttribute('data-moving');\n              this.emit('settle', { x: this._x, y: this._y });\n            }\n          };\n          const spring = this.str('preset', 'wobbly');\n          this._sx = createSpring({ value: this._x, spring, onUpdate: (v) => ((this._x = v), this.render()), onRest: rest });\n          this._sy = createSpring({ value: this._y, spring, onUpdate: (v) => ((this._y = v), this.render()), onRest: rest });\n          if (!this.hasAttribute('tabindex')) this.tabIndex = 0;\n          this.setAttribute('aria-roledescription', 'draggable');\n          this.listen(this, 'pointerdown', (e: PointerEvent) => this.start(e));\n          this.listen(this, 'pointermove', (e: PointerEvent) => this.move(e));\n          this.listen(this, 'pointerup', (e: PointerEvent) => this.end(e));\n          this.listen(this, 'pointercancel', (e: PointerEvent) => this.end(e));\n          this.listen(this, 'keydown', (e: KeyboardEvent) => this.key(e));\n          this.render();\n        }\n\n        unmount(): void {\n          this._sx?.stop();\n          this._sy?.stop();\n          this._drag = null;\n        }\n\n        private start(e: PointerEvent): void {\n          if (this.flag('disabled') || (e.pointerType === 'mouse' && e.button !== 0)) return;\n          this._sx.stop();\n          this._sy.stop();\n          this._drag = { id: e.pointerId, px: e.clientX, py: e.clientY, ox: this._x, oy: this._y, samples: [[e.clientX, e.clientY, typeof e.timeStamp === 'number' ? e.timeStamp : Date.now()]] };\n          try {\n            this.setPointerCapture?.(e.pointerId);\n          } catch {\n            /* synthetic events */\n          }\n          this.setAttribute('data-dragging', '');\n          this.emit('drag-start', { x: this._x, y: this._y });\n        }\n\n        private move(e: PointerEvent): void {\n          const d = this._drag;\n          if (!d || e.pointerId !== d.id) return;\n          const axis = this.axis();\n          let x = axis === 'y' ? d.ox : d.ox + e.clientX - d.px;\n          let y = axis === 'x' ? d.oy : d.oy + e.clientY - d.py;\n          const b = this.limits();\n          if (b) {\n            const band = (v: number, lo: number, hi: number, dim: number) => (v < lo ? lo + rubberBand(v - lo, dim) : v > hi ? hi + rubberBand(v - hi, dim) : v);\n            x = band(x, b.minX, b.maxX, 200);\n            y = band(y, b.minY, b.maxY, 200);\n          }\n          this._x = x;\n          this._y = y;\n          d.samples.push([e.clientX, e.clientY, typeof e.timeStamp === 'number' ? e.timeStamp : Date.now()]);\n          if (d.samples.length > 6) d.samples.shift();\n          this.render();\n          this.emit('drag', { x, y });\n        }\n\n        private velocity(): [number, number] {\n          const s = this._drag?.samples || [];\n          if (s.length < 2) return [0, 0];\n          const a = s[0];\n          const b = s[s.length - 1];\n          const dt = (b[2] - a[2]) / 1000;\n          if (dt <= 0 || dt > 0.3) return [0, 0];\n          return [(b[0] - a[0]) / dt, (b[1] - a[1]) / dt];\n        }\n\n        private end(e: PointerEvent): void {\n          const d = this._drag;\n          if (!d || e.pointerId !== d.id) return;\n          let [vx, vy] = this.velocity();\n          const axis = this.axis();\n          if (axis === 'y') vx = 0;\n          if (axis === 'x') vy = 0;\n          this._drag = null;\n          this.removeAttribute('data-dragging');\n          let tx = this._x;\n          let ty = this._y;\n          if (this.flag('spring-back')) {\n            tx = 0;\n            ty = 0;\n          } else {\n            if (this.flag('inertia') && !this.reduced) {\n              tx = projectInertia(tx, vx);\n              ty = projectInertia(ty, vy);\n            }\n            [tx, ty] = this.constrain(tx, ty);\n          }\n          this.emit('drag-end', { x: tx, y: ty, vx, vy });\n          this.go(tx, ty, vx, vy);\n        }\n\n        private constrain(x: number, y: number): [number, number] {\n          const snap = parseSnap(this.str('snap'));\n          let tx = snapTo(x, snap);\n          let ty = snapTo(y, snap);\n          const b = this.limits();\n          if (b) {\n            tx = clamp(tx, b.minX, Math.max(b.minX, b.maxX));\n            ty = clamp(ty, b.minY, Math.max(b.minY, b.maxY));\n          }\n          const axis = this.axis();\n          return [axis === 'y' ? 0 : tx, axis === 'x' ? 0 : ty];\n        }\n\n        private go(x: number, y: number, vx = 0, vy = 0): void {\n          this.setAttribute('data-moving', '');\n          this._sx.set(x, vx);\n          this._sy.set(y, vy);\n        }\n\n        private key(e: KeyboardEvent): void {\n          if (this.flag('disabled')) return;\n          const step = this.num('step', 16);\n          const snap = parseSnap(this.str('snap'));\n          const s = typeof snap === 'number' ? snap : step;\n          const map: Record<string, [number, number]> = { ArrowLeft: [-s, 0], ArrowRight: [s, 0], ArrowUp: [0, -s], ArrowDown: [0, s] };\n          if (e.key === 'Home' || e.key === 'Escape') {\n            e.preventDefault();\n            this.reset();\n            return;\n          }\n          const m = map[e.key];\n          if (!m) return;\n          e.preventDefault();\n          const [tx, ty] = this.flag('spring-back') ? [this._sx.target + m[0], this._sy.target + m[1]] : this.constrain(this._sx.target + m[0], this._sy.target + m[1]);\n          this.go(tx, ty);\n        }\n\n        moveTo(x: number, y: number, animate = true): void {\n          if (!animate) {\n            this._sx.jump(x);\n            this._sy.jump(y);\n            return;\n          }\n          this.go(x, y);\n        }\n\n        reset(): void {\n          this.go(0, 0);\n        }\n      },\n    { id: 'draggable', text: css }\n  );\n}\n","import { defineElement, type UsaElement } from '../base';\nimport { createSpring, rubberBand, type SpringValue } from './spring';\nimport css from './overscroll.css?raw';\n\n/**\n * `<usa-overscroll>` — an elastic scroll container: pulling past the top or\n * bottom (touch, trackpad or wheel) stretches the content with iOS-style\n * rubber-band resistance and it springs back on release.\n *\n * Attributes: `axis` (`y` default, `x`), `max` (largest stretch in px, 120),\n * `preset` (spring, default `default`), `disabled`. CSS variable\n * `--usa-overscroll` holds the current offset. Reduced motion: no stretch\n * (a plain scroll container with `overscroll-behavior: contain`).\n */\nexport interface UsaOverscrollElement extends UsaElement {\n  /** Current stretch in px (negative = pulled past the end). */\n  readonly offset: number;\n}\n\nexport function defineOverscroll(tag = 'usa-overscroll'): CustomElementConstructor | undefined {\n  return defineElement(\n    tag,\n    (Base) =>\n      class UsaOverscroll extends Base {\n        static get observedAttributes(): string[] {\n          return ['axis', 'disabled'];\n        }\n\n        private _off = 0;\n        private _spring!: SpringValue;\n\n        get offset(): number {\n          return this._off;\n        }\n\n        private set(v: number): void {\n          this._off = v;\n          this.style.setProperty('--usa-overscroll', `${v}px`);\n          this.toggleAttribute('data-stretched', Math.abs(v) > 0.5);\n        }\n\n        private edge(delta: number): boolean {\n          const x = this.str('axis', 'y') === 'x';\n          const pos = x ? this.scrollLeft : this.scrollTop;\n          const max = (x ? this.scrollWidth - this.clientWidth : this.scrollHeight - this.clientHeight) - 1;\n          return (delta < 0 && pos <= 0) || (delta > 0 && pos >= max);\n        }\n\n        private stretch(raw: number): void {\n          const max = this.num('max', 120);\n          this.set(Math.max(-max, Math.min(max, rubberBand(raw, max * 2.5))));\n        }\n\n        mount(): void {\n          this._spring = createSpring({ spring: this.str('preset', 'default'), onUpdate: (v) => this.set(v) });\n          const x = this.str('axis', 'y') === 'x';\n          const off = () => this.flag('disabled') || this.reduced;\n          // Wheel / trackpad: accumulate past the edge, spring back when it stops.\n          let pull = 0;\n          let timer: ReturnType<typeof setTimeout> | undefined;\n          this.listen(this, 'wheel', (e: WheelEvent) => {\n            const d = x ? e.deltaX || e.deltaY : e.deltaY;\n            if (off() || !d || !this.edge(d)) return;\n            this._spring.stop();\n            pull -= d;\n            this.stretch(pull);\n            clearTimeout(timer);\n            timer = setTimeout(() => {\n              pull = 0;\n              this._spring.jump(this._off);\n              this._spring.set(0);\n            }, 140);\n          }, { passive: true });\n          this.onCleanup(() => clearTimeout(timer));\n          // Touch: rubber-band while the finger pulls past the edge.\n          let start = 0;\n          let active = false;\n          this.listen(this, 'touchstart', (e: TouchEvent) => {\n            if (off()) return;\n            const t = e.touches[0];\n            start = x ? t.clientX : t.clientY;\n            active = false;\n            this._spring.stop();\n          }, { passive: true });\n          this.listen(this, 'touchmove', (e: TouchEvent) => {\n            if (off()) return;\n            const t = e.touches[0];\n            const dist = (x ? t.clientX : t.clientY) - start;\n            if (!active && dist !== 0 && this.edge(-dist)) active = true;\n            if (!active) return;\n            if (e.cancelable) e.preventDefault();\n            this.stretch(dist);\n          }, { passive: false });\n          const release = () => {\n            if (!active) return;\n            active = false;\n            this._spring.jump(this._off);\n            this._spring.set(0);\n          };\n          this.listen(this, 'touchend', release);\n          this.listen(this, 'touchcancel', release);\n        }\n\n        unmount(): void {\n          this._spring?.stop();\n          this.set(0);\n        }\n      },\n    { id: 'overscroll', text: css }\n  );\n}\n","/**\n * motionary/components/physics — spring & bounce physics (v2.3).\n * `<usa-spring>` (bounce-in, pop, drop, jelly, rubber-band), `<usa-draggable>`\n * (spring-back, inertia, snap) and `<usa-overscroll>` (elastic edges), plus\n * the spring core: `spring()`, `springEasing()`, `createSpring()`,\n * `SPRING_PRESETS`, `projectInertia()`, `snapTo()`, `rubberBand()`.\n */\nimport { defineSpring, type UsaSpringElement } from './spring-effect';\nimport { defineDraggable, type UsaDraggableElement } from './draggable';\nimport { defineOverscroll, type UsaOverscrollElement } from './overscroll';\n\nexport { defineSpring, defineDraggable, defineOverscroll };\nexport { SPRING_EFFECTS, springEffectKeyframes } from './spring-effect';\nexport type { SpringEffect } from './spring-effect';\nexport {\n  SPRING_PRESETS,\n  resolveSpring,\n  stepSpring,\n  springSamples,\n  springEasing,\n  linearEasing,\n  supportsLinearEasing,\n  spring,\n  createSpring,\n  projectInertia,\n  snapTo,\n  rubberBand,\n} from './spring';\nexport type { SpringConfig, SpringPreset, SpringInput, SpringValue, SpringValueOptions } from './spring';\nexport type { UsaSpringElement, UsaDraggableElement, UsaOverscrollElement };\n\n/** Register every component of this category under its default tag. */\nexport function definePhysicsComponents(): void {\n  defineSpring();\n  defineDraggable();\n  defineOverscroll();\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'usa-spring': UsaSpringElement;\n    'usa-draggable': UsaDraggableElement;\n    'usa-overscroll': UsaOverscrollElement;\n  }\n}\n"],"names":["css"],"mappings":"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"}

package/dist/components/react.cjs

@@ -0,0 +1,96 @@
+'use strict';
+
+var indexTags = require('../chunks/index-tags-wv0R_vkO.cjs');
+
+/**
+ * motionary/components/react — React wrappers for every `<usa-*>`
+ * element (v2.9). React 19 handles custom elements natively; for React 18
+ * (and nicer DX in both) `createUsaComponents(React)` returns typed wrapper
+ * components that set **properties** (`checked`, `value`, `state`, …),
+ * forward `ref`, and map `onUsaChange`-style props to `usa:change` events.
+ *
+ * ```tsx
+ * import * as React from 'react';
+ * import { createUsaComponents } from 'motionary/components/react';
+ * import { defineComponents } from 'motionary/components';
+ * defineComponents();
+ * const { UsaButton, UsaToggle } = createUsaComponents(React);
+ * <UsaButton deform="squash" onUsaSubmit={(e) => e.detail.done(true)}><button>Pay</button></UsaButton>
+ * ```
+ *
+ * JSX types for the raw tags (`<usa-card effect="flip">`) come from
+ * `motionary/components/jsx` (see `UsaIntrinsicElements`).
+ */
+/** `usa-auto-animate` → `UsaAutoAnimate` */
+const pascal = (tag) => tag.replace(/(^|-)([a-z0-9])/g, (_, __, c) => c.toUpperCase());
+/** `onUsaChange` → `usa:change`, `onUsaDragEnd` → `usa:drag-end`; `onChange` → `change`. */
+function eventName(prop) {
+    const m = /^on([A-Z].*)$/.exec(prop);
+    if (!m)
+        return null;
+    const kebab = m[1].replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
+    return kebab.startsWith('usa-') ? `usa:${kebab.slice(4)}` : kebab;
+}
+/** Props written as DOM properties (not attributes) when given non-string values. */
+const PROPS = new Set(['checked', 'value', 'state', 'open', 'liked', 'count', 'loading', 'flipped', 'selected', 'index', 'indeterminate']);
+/** All `<usa-*>` tags shipped by the package. */
+const USA_TAGS = Object.values(indexTags.COMPONENT_CATEGORIES).flat();
+function createUsaComponents(React) {
+    const useIso = React.useLayoutEffect || React.useEffect;
+    const make = (tag) => {
+        const C = React.forwardRef((props, ref) => {
+            const inner = React.useRef(null);
+            const attrs = {};
+            const events = [];
+            const propsSet = [];
+            for (const [k, v] of Object.entries(props)) {
+                if (k === 'children')
+                    continue;
+                const ev = typeof v === 'function' ? eventName(k) : null;
+                if (ev)
+                    events.push([ev, v]);
+                else if (PROPS.has(k) && typeof v !== 'string')
+                    propsSet.push([k, v]);
+                else if (k === 'className')
+                    attrs.class = v;
+                else if (typeof v === 'boolean') {
+                    if (v)
+                        attrs[k] = '';
+                }
+                else
+                    attrs[k] = v;
+            }
+            useIso(() => {
+                const el = inner.current;
+                if (!el)
+                    return;
+                for (const [k, v] of propsSet)
+                    el[k] = v;
+            });
+            useIso(() => {
+                const el = inner.current;
+                if (!el)
+                    return;
+                events.forEach(([n, f]) => el.addEventListener(n, f));
+                return () => events.forEach(([n, f]) => el.removeEventListener(n, f));
+            });
+            const setRef = (node) => {
+                inner.current = node;
+                if (typeof ref === 'function')
+                    ref(node);
+                else if (ref)
+                    ref.current = node;
+            };
+            return React.createElement(tag, { ...attrs, ref: setRef }, props.children);
+        });
+        C.displayName = pascal(tag);
+        return C;
+    };
+    return Object.fromEntries(USA_TAGS.map((t) => [pascal(t), make(t)]));
+}
+
+exports.USA_TAGS = USA_TAGS;
+exports.createUsaComponents = createUsaComponents;
+exports.eventName = eventName;
+exports.pascal = pascal;
+//# sourceMappingURL=react.cjs.map

package/dist/components/react.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.cjs","sources":["../../src/components/frameworks/react.ts"],"sourcesContent":["/**\n * motionary/components/react — React wrappers for every `<usa-*>`\n * element (v2.9). React 19 handles custom elements natively; for React 18\n * (and nicer DX in both) `createUsaComponents(React)` returns typed wrapper\n * components that set **properties** (`checked`, `value`, `state`, …),\n * forward `ref`, and map `onUsaChange`-style props to `usa:change` events.\n *\n * ```tsx\n * import * as React from 'react';\n * import { createUsaComponents } from 'motionary/components/react';\n * import { defineComponents } from 'motionary/components';\n * defineComponents();\n * const { UsaButton, UsaToggle } = createUsaComponents(React);\n * <UsaButton deform=\"squash\" onUsaSubmit={(e) => e.detail.done(true)}><button>Pay</button></UsaButton>\n * ```\n *\n * JSX types for the raw tags (`<usa-card effect=\"flip\">`) come from\n * `motionary/components/jsx` (see `UsaIntrinsicElements`).\n */\nimport { COMPONENT_CATEGORIES } from '../index-tags';\n\ntype AnyProps = Record<string, any>;\ninterface ReactLike {\n  createElement: (type: any, props?: any, ...children: any[]) => any;\n  forwardRef: (render: (props: any, ref: any) => any) => any;\n  useRef: <T>(v: T) => { current: T };\n  useEffect: (fn: () => void | (() => void), deps?: unknown[]) => void;\n  useLayoutEffect?: (fn: () => void | (() => void), deps?: unknown[]) => void;\n}\n\n/** `usa-auto-animate` → `UsaAutoAnimate` */\nexport const pascal = (tag: string): string => tag.replace(/(^|-)([a-z0-9])/g, (_, __, c) => c.toUpperCase());\n/** `onUsaChange` → `usa:change`, `onUsaDragEnd` → `usa:drag-end`; `onChange` → `change`. */\nexport function eventName(prop: string): string | null {\n  const m = /^on([A-Z].*)$/.exec(prop);\n  if (!m) return null;\n  const kebab = m[1].replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n  return kebab.startsWith('usa-') ? `usa:${kebab.slice(4)}` : kebab;\n}\n\n/** Props written as DOM properties (not attributes) when given non-string values. */\nconst PROPS = new Set(['checked', 'value', 'state', 'open', 'liked', 'count', 'loading', 'flipped', 'selected', 'index', 'indeterminate']);\n\n/** All `<usa-*>` tags shipped by the package. */\nexport const USA_TAGS: string[] = Object.values(COMPONENT_CATEGORIES).flat() as string[];\n\nexport function createUsaComponents(React: ReactLike): Record<string, any> {\n  const useIso = React.useLayoutEffect || React.useEffect;\n  const make = (tag: string) => {\n    const C = React.forwardRef((props: AnyProps, ref: any) => {\n      const inner = React.useRef<HTMLElement | null>(null);\n      const attrs: AnyProps = {};\n      const events: [string, any][] = [];\n      const propsSet: [string, any][] = [];\n      for (const [k, v] of Object.entries(props)) {\n        if (k === 'children') continue;\n        const ev = typeof v === 'function' ? eventName(k) : null;\n        if (ev) events.push([ev, v]);\n        else if (PROPS.has(k) && typeof v !== 'string') propsSet.push([k, v]);\n        else if (k === 'className') attrs.class = v;\n        else if (typeof v === 'boolean') {\n          if (v) attrs[k] = '';\n        } else attrs[k] = v;\n      }\n      useIso(() => {\n        const el = inner.current as any;\n        if (!el) return;\n        for (const [k, v] of propsSet) el[k] = v;\n      });\n      useIso(() => {\n        const el = inner.current;\n        if (!el) return;\n        events.forEach(([n, f]) => el.addEventListener(n, f));\n        return () => events.forEach(([n, f]) => el.removeEventListener(n, f));\n      });\n      const setRef = (node: HTMLElement | null) => {\n        inner.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) ref.current = node;\n      };\n      return React.createElement(tag, { ...attrs, ref: setRef }, props.children);\n    });\n    (C as any).displayName = pascal(tag);\n    return C;\n  };\n  return Object.fromEntries(USA_TAGS.map((t) => [pascal(t), make(t)]));\n}\n"],"names":["COMPONENT_CATEGORIES"],"mappings":"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"}

package/dist/components/react.d.cts

@@ -0,0 +1,18 @@
+interface ReactLike {
+    createElement: (type: any, props?: any, ...children: any[]) => any;
+    forwardRef: (render: (props: any, ref: any) => any) => any;
+    useRef: <T>(v: T) => {
+        current: T;
+    };
+    useEffect: (fn: () => void | (() => void), deps?: unknown[]) => void;
+    useLayoutEffect?: (fn: () => void | (() => void), deps?: unknown[]) => void;
+}
+/** `usa-auto-animate` → `UsaAutoAnimate` */
+declare const pascal: (tag: string) => string;
+/** `onUsaChange` → `usa:change`, `onUsaDragEnd` → `usa:drag-end`; `onChange` → `change`. */
+declare function eventName(prop: string): string | null;
+/** All `<usa-*>` tags shipped by the package. */
+declare const USA_TAGS: string[];
+declare function createUsaComponents(React: ReactLike): Record<string, any>;
+
+export { USA_TAGS, createUsaComponents, eventName, pascal };